/*
CCSWB RED C91235
COKE RED F40000
COKE GRAY A7A9AC
CCSWB BROWN 71251E
ADJUSTED COKE CRAY DDDDDD

*/




.ccswbWrapperNew { max-width: 1440px; margin: auto; }

#homelogo {     height: 90px;
    margin: 15px 19px 15px 20px; }

.site-header { max-width: none;}
header {     background-color: #C91235; }

* {
   font-family: unset;
}

body { 
    background-color: #000000;
}



#ccswbHeaderNew {
    padding: 0;
    overflow: hidden;

}

#ccswbHeaderLeft { width: 185px; }


#ccswbHeaderMiddle {
    width: 1200px; 
}

#ccswbHeaderMiddle {  
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    height: 120px;
   /* padding: 0 50px;*/
    padding: 0 0 0 40px;
}


.menu {  
    display: flex;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    align-self: auto;
    order: 0;
}

#primary-menu li a:link, #primary-menu li a:visited {
    color: #ffffff;
}

#primary-menu .menu-item, .menuItemNew {
    display: block;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    align-self: auto;
    order: 0;
    font-family: GothamMedium;
    font-size: 20px;
    color: #ffffff;
    text-transform: uppercase;

}

#primary-menu .menu-item a:link, #primary-menu .menu-item a:visited, .menuItemNew a:link, .menuItemNew a:visited {
    padding-top: 4px;
    color: #ffffff;
    text-decoration: underline;
    text-underline-offset: 7px;
    text-decoration-color: #C91235;
    text-decoration-thickness: 2px;
}

#primary-menu .menu-item a:hover, .menuItemNew a:hover {
    color: #f0f0f0;
    text-decoration-color: #f0f0f0;
}
/*
#primary-menu .menu-item a:link, .menuItemNewSelected a:link, #primary-menu .menu-item  a:visited, .menuItemNewSelected a:visited {
    text-decoration-color: #ffffff;
}

*/
.menuItemNewSelected a:link, .menuItemNewSelected a:visited {
    text-decoration-color: #ffffff;
}



#primary-menu .menu-item:last-child a:link, #primary-menu .menu-item:last-child a:visited, .menuItemNewJob a:link {
    border: 2px solid #ffffff;
    padding: 10px 25px;
    border-radius: 30px;
    text-decoration: none;    
}

#primary-menu .menu-item:last-child a:hover, .menuItemNewJob a:hover {
    border: 2px solid #f0f0f0;
}




#primary-menu .menu-item {
    display: block;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    align-self: auto;
    order: 0;
    font-family: GothamMedium;
    font-size: 20px;
    color: #ffffff;
    text-transform: uppercase;
}





#footer2025 {
    background: url(images/Footer.png) top center;
    background-size: cover;
    padding-top: 480px;

}

#footer2025mobile {
    background-color: #dddddd;
text-align: center;
padding: 20px 0 40px 0;
}
#footer2025mobile p {

text-align: center;
}
#footer2025mobile img {
    margin: auto;
}

hr { width: 325px; margin: auto; border-top: 5px solid #000000; }

.footerPrimary p {
    font-size: 18px;
    font-family: GothamMedium;
    text-align: left;
    color: black;    
    margin-top: 0;
    margin-bottom: 8px;
}

.footerWrapper  { 
    background-color: #dddddd;
}



.footerPrimary a:link, .footerPrimary a:visited {
    color: #000000;
  /*  font-family: GothamBold;*/
    text-decoration: none;
    text-transform: uppercase;
}

#footer2025 a:hover {
    text-decoration: underline;
}

.footerSecondary {
    text-align: center;
    padding: 80px 0 20px 0;
}

.footerSecondary a:link, .footerSecondary a:visited {
    color: #222222;
    font-family: 'GothamLight';
    text-decoration: none;
    font-size: 12px;
}

.footerSecondary a:hover {
    text-decoration: underline;
}

.ccswbSocial { padding-left:  36px;;}


h1 {
    text-align: center;
    color: #ffffff;
    font-family: GothamBook;
    text-transform: uppercase;
    font-size: 55px;
}
h1 span {
    font-family: GothamBlack;
}
h3 {
    text-transform: uppercase;
    font-family: GothamBold;   
    color: #ffffff;    
    font-size: 19px;
}
h4 {
    text-transform: uppercase;
    font-family: GothamBold;   
    color: #ffffff;    
    font-size: 17px;
    text-align: center;
}
p {
    text-align: center;
    color: #ffffff;
    font-family: GothamLight;
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
}
ul, ol {
    padding: 0;
    margin-left: 1em;
  }
li {
    color: #ffffff;
    font-family: GothamLight;
    font-size: 14px;
    font-weight: bold;
    line-height: 26px;
}

.desktoponly { display: block; }
.mobileonly { display: none; }


.elt {
padding: 25px;
}
.elt img {
border-radius: 25px;
filter: drop-shadow(-5px 5px 10px rgba(0,0,0,0.25));
}
.elt p {
    text-align: center;
    color: #C91235;
    font-family: GothamBook;
    font-size: 16px;
    margin-top: 5px;
}
.elt p.jobtitle {
    text-transform: uppercase;
    font-family: GothamBold;
    font-size: 20px;
    letter-spacing: 0.5px;
    margin-bottom: 0;
    margin-top: 15px;
}

.eltwrapper { padding: 0 45px;}

.standardcorner { border-radius: 25px;}

#careersCulture {
    background: #d9d9d9 url(images/CareersCulture.png) top center no-repeat;
    background-size: contain;
}

#aboutProducts {
    background: #C91235 url(images/AboutProducts.png) top center no-repeat;
    background-size: contain;
    background-position-y: -300px;
}

#aboutMap {
    padding-bottom: 30px;
    background: #d9d9d9 url(images/AboutMap.png) top center no-repeat;
    background-size: contain;
}
#aboutOperations {
    background: #71251E url(images/AboutOperations.png) top center no-repeat;
    background-size: contain;
}
#aboutOperations img {
    border-radius: 25px;
}

#aboutOurCompany {

    background: url(images/AboutBackground.png) top center no-repeat;
    background-size: cover;
}
#careersHiring {

    background: url(images/CareersHiring.png) top center no-repeat;
    background-size: cover;
}


/* HOME  */

#joinTheTeam {

    background: url(images/Home-JoinOurTeam.png) bottom center no-repeat;
    background-size: contain;
    height: 2851px;
}

#whoWeAre {

    background: url(images/Home-WhoWeAre.png) top center no-repeat;
    background-size: contain;
    height: 2851px;   
}

#ourCrew {
   /* background: url(images/Home-WhoWeAreBubbles.png) top center no-repeat;
    background-size: contain;
*/
    
}
#ourCrew h1, #contactUs h1, #sipOnLatest h1 {
    text-align: center;
    color: #ffffff;
    font-family: GothamBook;
    text-transform: uppercase;
    font-size: 55px;
}
#ourCrew p, #contactUs p, #sipOnLatest p {
    text-align: center;
    color: #ffffff;
    font-family: GothamLight;
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
}

#sipOnLatest h1 {
    color: #C91235;
}
#sipOnLatest p {
    color: #000000;   
}


#ourCrew img  {
border-radius: 25px;
}




/* HOME 2 */
#mapWrapper {margin: auto;padding: 0 80px;}
#map {border-radius: 25px;}

#whoWeAre2 {
   /* padding-top: 80px;*/
    background: #C91235 url(images/Home-WhoWeAre-BG.png) top center no-repeat;
    background-size: cover;
}

#joinTheTeam2 {
/*    background: #71251E url(images/Home-JoinOurTeam.png) bottom center no-repeat;*/

    background: #71251E url(images/Home-JoinOurTeam-noimage-BG.png) bottom center no-repeat;
    background-size: cover;

}
#sipOnLatest2 {
  /*  padding-top: 60px;*/
    background-color: #dddddd;
}
#sipOnLatest2 h1 {
    color: #C91235;
}
#contactUs2 {

    background: url(images/Home-ContactUs.png) bottom center no-repeat;
    background-size: cover;
}

#contactUs2 .center-table { margin: auto; }

#homeContactBottle { /*height: 427px;*/max-width: 100%; margin-top: 60px; margin-bottom: 200px;}

#contactUs2 .center-table div {
    padding-bottom: 114px;
}

.swiperWrapper {
    margin-top: 100px;
    margin-bottom: 50px;
}
.swiper-button-prev-ccswb {
    float:left;width:40px;text-align: left;padding-top:160px;
}
.swiper-button-prev-ccswb img {
    width:20px;cursor:pointer;
}
.swiper-button-next-ccswb {
    float:left;width:40px;text-align: right;padding-top:160px;
}
.swiper-button-next-ccswb img {
    width:20px;cursor:pointer;
}
.homeSwiper {
    float:left;max-width: 1232px;
}

.newsArticleLeft {padding:20px;}

.newsArticleRight {padding:20px;}







.homeOurCrewWrapper { max-width: 620px; margin: auto; margin-top: 240px; }
.homeBottleCapWrapper { max-width: 1005px; margin: auto; text-align: center; padding-top: 80px;}
.homeBottleCapWrapper img { max-width: 285px; margin: auto; }
.homeJoinTeamWrapper {}

.careersBottleCapWrapper { max-width: 1005px; margin: auto; text-align: center; padding-top: 80px;}
.careersBottleCapWrapper img { max-width: 285px; margin: auto; }

/* Careers */
#careersHiring2 {

    background: url(images/CareersHiring.png) top center no-repeat;
    background-size: cover;
}
#careersCulture2 {
    background: #71251E url(images/Careers-Culture.png) center center no-repeat;
    background-size: cover;
 /*   padding-top: 140px;*/
    padding-bottom: 30px;
}
#careersBenefits2 {
    background-color: #d9d9d9;
    padding-bottom: 120px;
}
#careersBenefits2 p {
    color: #000000;
    font-family: 'GothamMedium';
}
#careersOpportunities2 {
  /*  padding-top: 140px; */
    background-color: #C91235;
    padding-bottom: 30px;
}
#careersFit {
    background: #71251E url(images/Careers-Fit-BG.png) center center no-repeat;
    background-size: cover;
    padding-bottom: 140px;
}
.fitWrapper { margin-top: 40px; margin-bottom: 140px;}
.smallText {
    text-align: left;
    font-size: 14px;
    line-height: 22px;
}

.smallText a:link, .smallText a:visited {
    color: #ffffff;
    text-decoration: underline;
}
.smallText:first-child { margin-top: 140px; }



.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #ffffff;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
}
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background-color:#F40000;
}
.swiper-pagination1, .swiper-pagination2{
    text-align: center;
    padding: 10px 0;
}
#careersDivider { height: 120px; }



/* Sustainability */

#sustainabilityTop {
    background: /*#C91235 */url(images/Sustainability-Sustainability-BG.png) no-repeat bottom center; 
    background-size: cover;
}
#sustainabilityCommunity {
    background: /* #dddddd */ url(images/Sustainability-Community\ Service-BG.png) no-repeat bottom center; 
    background-size: contain;
}
#sustainabilityGlobal {
    background: /*#71251E*/ url(images/Sustainability-GlobalAndLocalPerspective-BG.png) no-repeat bottom center; 
    background-size: cover;
}



#sustainabilityTop2 {
    background-color: #C91235;

}
#sustainabilityCommunity2 {
 background-color: #dddddd;
}
#sustainabilityGlobal2 {
    background-color: #71251E;
    padding-bottom: 30px;
}
#sustainabilityDonations2 {
    background:  url(images/Sustainability-Donations-BG.png) no-repeat top center; 
    background-size: cover;
    padding-bottom: 146px;
}








.sustainabilityWrapper { max-width:  960px;margin: auto; padding-top: 120px; padding-bottom: 30px;}

.bottleCapContent {
    flex-direction: column;
    justify-content: center;
    resize: vertical;
    display: flex;
    height: 100%;

}
.bottleCapContent p {
text-align: left;
    
}
.bottleCapContent h3 {
    margin-bottom: 0;
    
}
.sustainabilityWrapper .bottleCap {
padding: 40px 0;
    
}

#customersBottleCaps img {     margin-top: 80px;}
#customersBottleCaps { padding-left: 30px; }
#customersBottleCaps .bottleCapContent { padding-left: 10px; padding-right: 30px; }


.ccswbText h1 {
    color: #C91235;
}
.ccswbText h3 {
    color: #C91235; 
}
.ccswbText p {
    color: #C91235;
}


/* About */

#aboutProducts2 {
  /*  background: #C91235 url(images/AboutProducts.png) top center no-repeat;
    background-size: contain;
    background-position-y: -300px;
    */
    background-color: #71251E ;
}

#aboutMap2 {
   /* padding-top: 180px;*/
    padding-bottom: 6%;
    background: #C91235;
    background-size: cover;
}
#aboutELT {
    padding-bottom: 30px;
    background: #d9d9d9;
}
#aboutOperations2 {
    background: #F40000 url(images/AboutOperations2.png) top center no-repeat;
    background-size: cover;
    padding: 150px 0 0 0;
}
#aboutOperations2 img {
    
}

#aboutOurCompany2 {

    background: url(images/AboutBackground.png) bottom center no-repeat;
    background-size: cover;
}
#aboutOurCompany2 h1 {
    margin-top: 0;
}
#aboutParent {
    background: #C91235;
    padding: 150px 0;
}

#customersTop {

    background: url(images/AboutBackground.png) bottom center no-repeat;
    background-size: cover;
}
#customersOrders {
   /* padding-top: 150px;*/
    background: #C91235 url(images/Customers-myCoke-no\ bubbles-BG.png) top center no-repeat;
    background-size: cover;
}
#customerDifferent {

    background: #71251E url(images/Customers-Whats\ different-BG.png) bottom center no-repeat;
    background-size: cover;
}
#customersBottle { height:808px;margin:auto;margin-top: 95px;}
#customersBottleCaps { padding-top: 240px; padding-bottom: 250px;}
#DifferentmyCoke { max-width: 80%; margin: auto;margin-bottom: 50px;     margin-left: 0;display: block;text-align: center;}
#DifferentmyCoke img { margin: auto; }
.customersMidWrapper { max-width: 80%; margin: auto;     margin-left: 0;}

.customersButton { max-width: 80%; margin-top: 60px; margin-left: 0;}

#myCokeLogo { text-align: center;}
#myCokeLogo img { margin: auto; }



/* CONTACT */

#contactTop {
    padding: 70px 0 28px 0;
    background: #C91235 url(images/Contact-We\ Want\ to\ Hear\ from\ You-BG.png) top center no-repeat;
    background-size: cover;
}
#contactComment {
  /*  padding-top: 150px;
    padding-bottom: 40%;   */ 
  /*  background: #F40000 url(images/Contact-Please\ Call-BG.png) bottom center no-repeat; */
  background: #F40000 url(images/ContactBG.png) bottom center no-repeat;
    background-size: cover;
}
.contactFormWrapper {padding: 40px;}
.contactFormWrapper p {text-align: left;}
.contactFormWrapper h3 { margin-bottom: 10px;}
.contactJobWrapper { max-width: 930px;margin: auto; }


#contactJob {
    padding-top: 60px;
    padding-bottom: 170px;    
    background: #F40000;
}


/* FORMS */

.pure-form input[type=color], .pure-form input[type=date], .pure-form input[type=datetime-local], .pure-form input[type=datetime], .pure-form input[type=email], .pure-form input[type=month], .pure-form input[type=number], .pure-form input[type=password], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=text], .pure-form input[type=time], .pure-form input[type=url], .pure-form input[type=week], .pure-form select, .pure-form textarea {
    padding: 12px;
    border: none;
    box-shadow: unset;
    vertical-align: middle;
    box-sizing: border-box;
    border-radius: 24px;
    background-color: #d9d9d9;
    font-family: GothamMedium;
    font-size: 20px;
    color: #000000;
    margin-bottom: 25px;
}
.pure-form textarea {
    height: 125px;
}
.pure-form label {
    text-transform: uppercase;
    font-family: GothamBold;
    color: #ffffff;
    font-size: 17px;
    padding-bottom: 5px;

}


table {
    border-collapse: separate;

  }
  
  table td {
    /* default is vertical-align: middle; */
  }
  
  .center-table {
    display: table;
    height: 100%;
    margin: 0px;
  }
  .center-table div  {
    display: table-cell;
    margin: 0;
    vertical-align: middle;
  }




.ccswbButton {
    text-transform: uppercase;
    border: 2px solid #ffffff;
padding: 9px 25px 6px 25px;
    border-radius: 36px;
    text-decoration: none;  
    color:#ffffff;  
    font-size: 18px;
    font-family: 'GothamMedium';
    background: none;
    line-height: 18px;
}


.ccswbWhiteButton {


}
.ccswbWhiteButton a:link, .ccswbWhiteButton a:visited {
    text-transform: uppercase;
    border: 2px solid #ffffff;
padding: 11px 25px 9px 25px;
    border-radius: 30px;
    text-decoration: none;  
    color:#ffffff;  
    font-size: 18px;
    font-family: 'GothamMedium';
    cursor: pointer;
}

.ccswbWhiteButton a:hover {
    border: 2px solid #f0f0f0;
    color: #f0f0f0;
}

#sipOnLatest {

    background: url(images/sipLatestBackground.png) top center no-repeat;
    background-size: contain;
}
#contactUs {

    background: url(images/Home-ContactUs.png) bottom center no-repeat;
    background-size: contain;
}

.homeSipOnLatestWrapper {
 text-align: center;
 max-width: 1372px;
 margin: auto;

}
.homeSipOnLatestWrapper h3 {
    text-align: center;
    font-family: 'GothamBlack';
    color: #C91235;
    font-size: 24px;
    text-transform: uppercase;
   }


.homeSipOnLatestWrapper {
    text-align: center;
   
   }



#contactUsSection {
    padding-top: 400px;
    padding-bottom: 209px;
    }

#contactUsSection p {
color: #ffffff;

}
#contactUsSection h1 {
    padding-top: 82px;
    color: #ffffff;
}


#background-video {
    height: 100vh;
    width: 100vw;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
  }
  .container { 
      width: 100%; /* pick whatever width you want */
  }
  .container .outer {
      width: 100%;
      padding-top: 56.25%; /* defines aspect ratio */
      position: relative;

  }/*
.container .outer .inner{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: purple;
}*/
#ccswbVideo {
   /* height: 100vh;
    width: 100vw;
    object-fit: cover;
    position: absolute;*/
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
  }
  /*
  video {
  
    width: 100%    !important;
    height: auto   !important;
  }

*/
  .swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
 /*   background: #fff;*/
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;

  }
  #sipOnLatest2 .swiper-slide {
    background: #fff;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .newsArticle {
    
  }
  .newsArticle h2 {
    color: #000000;
    font-family: GothamBlack;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 32px;
    text-align: left;
    line-height: 40px;
  }
  .newsArticle a:link,   .newsArticle a:visited  {
    background-color: #C91235;
    border-radius: 25px;
    padding: 10px 61px;
    font-size: 18px;
    text-transform: uppercase;
    color: #ffffff;
    font-family: GothamBold;
    text-decoration: none;
  }
  .newsArticle img {
    border-radius: 25px;
  }
        
  .newsArticle p {
    text-align: left !important;
    margin-top: 10px;
  }
        


.donationsPhoto { padding-right: 76px;margin-top: 50px;padding-left: 24px;}
.donationsHeadline  { margin-top: 184px;}
.donationsLeftCopy {max-width: 86%;margin: 0 8% 0 8%;margin-top: 140px;}
.donationsRightCopy { padding-right: 76px;margin-top: 140px;padding-left: 24px;}

.leftPhoto {padding-left: 76px;padding-right: 24px;}
.rightPhoto {padding-right: 76px;padding-left: 24px;}

.myCokeLogoCopy {max-width: 960px; margin: auto;margin-top:40px; }

.careersDisclaimer { padding: 0 80px; margin:auto;}


  .overlay {
    background-color: #C91235;

}

#careersDiscover {
text-align: center;
    width: 100%;
    display: inline-block;
}
#careersDiscover img {
max-width: 420px;
margin: auto;
}

input[type="image"]:hover {
  opacity: 0.9; /* or use filter, border, etc. */
}

#gabriellaImage {
padding-right: 40px;
    float: right;

}


#primary-menu-mobile
 {
    display: inline-block;
    list-style-type: none;
    margin-top: 30px;

}

#learnMore {

 margin-top: 200px;margin-bottom: 60px;   
}
#learnMoreVideo {

padding: 0 80px;margin-bottom: 80px;
}
#opportunitiesIntro {
    max-width: 1000px; margin: auto;margin: 40px 20px 20px 100px;
}


article p { color: #000000; text-align: left; margin-left: 30px; margin-right: 30px;}
article h1 { color: #C91235; text-align: left; font-size: 46px;}
 





  @media (max-width: 768px) {

    h1 {
        font-size: 36px;
    }

    p { margin-left: 30px; margin-right: 30px;}

    .bottleCap {max-width: 240px;
        margin: auto;}

        .sustainabilityWrapper .bottleCap {
            padding: 30px 0 0 0;
        }

    .bottleCapContent h3 {
        margin-left: 30px;
    }

      .desktoponly {
          display: none;
      }

      .mobileonly {
          display: block;
      }

      #ccswbHeaderMiddle {
          display: none;
      }

      #ccswbHeaderLeft {
          width: 100%;
          text-align: center;
      }

      #homelogo {

          margin-left: -31px;
      }

      #mobilemenu {
          cursor: pointer;
          margin-top: 10px;
      }


      .marginfix { margin-top: -1px;}

      .donationsPhoto { padding:30px;margin-top: 60px;}
      .donationsHeadline  { margin-top: 84px;}
      .donationsLeftCopy {margin:auto;max-width:none;padding:30px;margin-top: 30px;}
      .donationsRightCopy { padding:30px;margin-top: 0px;}
      #sustainabilityDonations2 {  padding-bottom: 46px;}
      .sustainabilityWrapper {      padding-top: 30px;    }


.center-table { padding: 30px 0; height: auto; }

.eltwrapper { padding: 0; }
.elt {padding: 15px;}
.elt p.jobtitle {
    margin: 5px 0;
}

.elt p {
    margin: 5px 0;
}
#aboutMap2 {
  /*  padding-top: 18px;*/
    padding-bottom: 26%;
 /*   background: #d9d9d9 url(images/AboutMap.png) bottom center no-repeat;*/
    background-size: cover;
}
.leftPhoto {padding: 30px}
.rightPhoto {padding: 30px}
  
#customersOrders {
    padding-top: 0px;

}
.customersMidWrapper {  }


#customersBottleCaps {
    padding-top: 20px;
    padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
}

#customersBottleCaps .bottleCapContent h3
 {
    margin-left: 0px;
}
#customersBottle {
    height: auto;

}
#customersBottleCaps img {

    max-width: 240px;
    margin: auto;
}
.myCokeLogoCopy { margin-left: 30px;    margin-right: 30px; }

.contactFormWrapper p {margin-left: 0;}

#contactComment {
    padding-top: 50px;
    padding-bottom: 440px;
}
#contactJob {
    padding-top: 30px;
    padding-bottom: 70px;
    margin-top: -1px;
}
#contactJob p {
    margin-left: 30px;
}
#careersDivider { height: 30px; }


.swiper-button-prev-ccswb {
    display: none;
}

.swiper-button-next-ccswb {
    display: none;
}

.homeSwiper {
    float:left;max-width: 1232px;
}
.swiper-slide {
    border-radius: 0;
}
.newsArticle h2 {
    font-size: 30px;
    text-align: center;
    line-height: 34px;
    margin: 0;
}
.newsArticle p
 {
    text-align: center !important;
    margin-top: 25px;
    margin-bottom: 25px;
}
.newsArticleLeft {padding:20px;}

.newsArticleRight {padding:20px;}

#whoWeAre2 {
    padding-top: 0px;
}
.homeOurCrewWrapper {
margin-top: 0px; 
}
.ccswbWhiteButton a:link, .ccswbWhiteButton a:visited {
    font-size: 14px;
}
#joinTheTeam2 {
  /*  background: #71251E url(images/Home-JoinOurTeam-Mobile.png) bottom center no-repeat;*/
    background-size: contain;
}
#homeContactBottle {
margin-bottom: 0px;
}
.careersDisclaimer { padding: 0;}

#careersCulture2 {
     padding-top: 0px;
 }

 #mapWrapper {padding: 0;}
 #map {border-radius: 0;}

#careersDiscover img {
max-width: 320px;

}

#gabriellaImage {
width: 100%;
    padding-right: 0px;

}
#map-container {
    height: 250px;
}
#aboutOperations2 {
    padding: 100px 0 0 0;
}
#learnMore {

 margin-top: 100px;margin-bottom: 60px;   
}
#learnMoreVideo {

padding: 0;
}
#aboutParent {
    padding: 50px 0;
}
.fitWrapper {
    margin-bottom: 0px;
}
.smallText:first-child {
    margin-top: 40px;
}
#opportunitiesIntro {
   margin: 40px 20px 20px 0px;
}
#DifferentmyCoke {
    margin-left: auto;
}
.customersMidWrapper {
     margin-left: auto;
}
.customersButton {
    margin-left: auto;
}







  } /* END MEDIA QUERIES  */



@font-face {
    font-family: "GothamLight";
    src: url("fonts/gotham-light.eot");
    src: url("fonts/gotham-light.eot") format("embedded-opentype"),
         url("fonts/gotham-light.woff2") format("woff2"),
         url("fonts/gotham-light.woff") format("woff"),
         url("fonts/gotham-light.ttf") format("truetype"),
         url("fonts/gotham-light.svg#GothamLight") format("svg");
}

@font-face {
    font-family: "GothamLightItalic";
    src: url("fonts/gotham-lightitalic.eot");
    src: url("fonts/gotham-lightitalic.eot") format("embedded-opentype"),
         url("fonts/gotham-lightitalic.woff2") format("woff2"),
         url("fonts/gotham-lightitalic.woff") format("woff"),
         url("fonts/gotham-lightitalic.ttf") format("truetype"),
         url("fonts/gotham-lightitalic.svg#GothamLightItalic") format("svg");
}

@font-face {
    font-family: "GothamBold";
    src: url("fonts/Gotham-Bold.eot");
    src: url("fonts/Gotham-Bold.eot") format("embedded-opentype"),
         url("fonts/Gotham-Bold.woff2") format("woff2"),
         url("fonts/Gotham-Bold.woff") format("woff"),
         url("fonts/Gotham-Bold.ttf") format("truetype"),
         url("fonts/Gotham-Bold.svg#GothamMediumItalic") format("svg");
}

@font-face {
    font-family: "GothamMediumItalic";
    src: url("fonts/gotham-mediumitalic.eot");
    src: url("fonts/gotham-mediumitalic.eot") format("embedded-opentype"),
         url("fonts/gotham-mediumitalic.woff2") format("woff2"),
         url("fonts/gotham-mediumitalic.woff") format("woff"),
         url("fonts/gotham-mediumitalic.ttf") format("truetype"),
         url("fonts/gotham-mediumitalic.svg#GothamMediumItalic") format("svg");
}


@font-face {
    font-family: "GothamMedium";
    src: url("fonts/gotham-medium.eot");
    src: url("fonts/gotham-medium.eot") format("embedded-opentype"),
         url("fonts/gotham-medium.woff2") format("woff2"),
         url("fonts/gotham-medium.woff") format("woff"),
         url("fonts/gotham-medium.ttf") format("truetype"),
         url("fonts/gotham-medium.svg#GothamMedium") format("svg");
}


@font-face {
    font-family: "GothamBook";
    src: url("fonts/gotham-book.eot");
    src: url("fonts/gotham-book.eot") format("embedded-opentype"),
         url("fonts/gotham-book.woff2") format("woff2"),
         url("fonts/gotham-book.woff") format("woff"),
         url("fonts/gotham-book.ttf") format("truetype"),
         url("fonts/gotham-book.svg#GothamBook") format("svg");
}

@font-face {
    font-family: "GothamBookItalic";
    src: url("fonts/gotham-bookitalic.eot");
    src: url("fonts/gotham-bookitalic.eot") format("embedded-opentype"),
         url("fonts/gotham-bookitalic.woff2") format("woff2"),
         url("fonts/gotham-bookitalic.woff") format("woff"),
         url("fonts/gotham-bookitalic.ttf") format("truetype"),
         url("fonts/gotham-bookitalic.svg#GothamBookItalic") format("svg");
}

@font-face {
    font-family: "GothamBlack";
    src: url("fonts/Gotham-Black-webfont.eot");
    src: url("fonts/Gotham-Black-webfont.eot") format("embedded-opentype"),
         url("fonts/Gotham-Black-webfont.woff2") format("woff2"),
         url("fonts/Gotham-Black-webfont.woff") format("woff"),
         url("fonts/Gotham-Black-webfont.ttf") format("truetype");
}


/* bubbles */

#bubblesHome {
    background:  url(images/Bubbles-Home.png) top center no-repeat; 
    background-size: cover;

}
#bubblesAbout {
    background:  url(images/Bubbles-About.png) top center no-repeat; 
    background-size: contain;

}
#customersBubble {
    background:  url(images/Bubbles-Customers.png) bottom center no-repeat; 
    background-size: contain;

}
/*
#bubblesContact {
    background:  url(images/Bubbles-Contact.png) top center no-repeat; 
    background-size: contain;

}
*/

#contactJob {
    background: #F40000 url(images/Bubbles-Contact.png) center center no-repeat; 
    background-size: contain;

}
#bubblesSustainability {
    background:  url(images/Bubbles-Sustainability.png) top center no-repeat; 
    background-size: contain;

}
#bubblesCommunityService {
    background:  url(images/Bubbles-CommunityService.png) top center no-repeat; 
    background-size: contain;

}
#bubblesGlobalPerspective {
    background:  url(images/Bubbles-GlobalPerspective.png) top center no-repeat; 
    background-size: contain;

}

@media (max-width: 768px) {
    #bubblesHome, #bubblesAbout, #customersBubble, #contactJob, #bubblesSustainability, #bubblesCommunityService, #bubblesGlobalPerspective  { background: none; }
}



/*
 * Property styles in unhighlighted state.
 */


.property {
    /*
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 50%;
    color: #263238;
    display: flex;*/
        font-size: 14px;
        gap: 15px;
        height: 45px;
      /*   justify-content: center;
        padding: 4px; */
        position: relative;
        transition: all 0.3s ease-out;
        width: auto;
        font-family: 'GOTHAMMEDIUM';    
    }

  
  .property::after {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #FFFFFF;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 100%; /*95%;*/
    transform: translate(-50%, 0);
    transition: all 0.3s ease-out;
    width: 0;
    z-index: 1;
    color: black;
    display: none;
    line-height: 16px;    
  }  
  .property .details {
    display: none;
    flex-direction: column;
    flex: 1;
  /*  background: url(images/x.png) top right no-repeat; https://www.google.com/intl/en_us/mapfiles/close.gif*/
  }
    /*
  .property .icon {
    align-items: center;
    display: flex;
    justify-content: center;
    color: #FFFFFF;
  }
  
  .property .icon svg {
    height: 20px;
    width: auto;
  }
  

  
  .property .address {
    color: #9E9E9E;
    font-size: 10px;
    margin-bottom: 10px;
    margin-top: 5px;
  }
  
  .property .features {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    gap: 10px;
  }
  
  .property .features > div {
    align-items: center;
    background: #F5F5F5;
    border-radius: 5px;
    border: 1px solid #ccc;
    display: flex;
    font-size: 10px;
    gap: 5px;
    padding: 5px;
  }
  */
  /*
   * Property styles in highlighted state.
   */
  .property.highlight {
    background-color: #F40000;
    border-radius: 8px;
    box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);
    height: 80px;
    padding: 8px 15px;
    width: auto;
  }
  
  .property.highlight::after {
    border-top: 9px solid #F40000;
    display: inline-block;
  }
  
  .property.highlight .details {
    display: inline-block;
  }
  
  .property.highlight .icon svg {
    width: 50px;
    height: 50px;
  }
  
  .property.highlight .icon {
    display: none;
  }
  
  .property-info { width: 200px; float: left;padding-top: 12px;}
  .property-locationname { width: 180px; float: left; color: #ffffff; margin: 0; text-align: left;font-size: 15px;line-height: 20px;font-family: GothamMedium;}
  .property-address { width: 180px; float: left;  color: #ffffff; margin: 0; text-align: left; font-size: 14px;line-height: 18px;}
  .property-address2 { width: 180px; float: left; color: #ffffff; margin: 0; text-align: left; font-size: 14px;line-height: 18px;}
  .property-logo { width: 60px; float: left; padding-right: 15px; color: #ffffff; }
  .property-logo img { width: 60px; height: 60px;     padding-top: 9px; color: #ffffff; }
  .property-close { position: absolute; top: 10px; right: 10px; cursor: pointer;}   


  .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
    border-color: #ffffff;
    color: #ffffff;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900;
        color: #ffffff;
}
.wpcf7-not-valid-tip {
    color: #f2f2f2;
    font-size: 1em;
    font-weight: normal;
    display: block;
}