@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');


/* =============================================
 *
 *   FIXED RESPONSIVE NAV
 *
 *   (c) 2014 @adtileHQ
 *   http://www.adtile.me
 *   http://twitter.com/adtilehq
 *
 *   Free to use under the MIT License.
 *
 * ============================================= */

body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {

  border: 0;
}

a:active,
a:hover {
  outline: 0;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }


/* ------------------------------------------
  RESPONSIVE NAV STYLES
--------------------------------------------- */

.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.disable-pointer-events {
  pointer-events: none !important;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media screen and (min-width: 60em) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}


/* ------------------------------------------
  FIXED HEADER
--------------------------------------------- */

header {
  position: fixed;
  z-index: 3;
  width: 100%;
  left: 0;
  font-weight: 400;
  font-family: 'Roboto',sans-serif !important;
  height: 100px;
  padding-top:20px;
}

header.scrolled {
  background-color: #FF5B4D !important;
  transition: background-color 250ms linear;
  padding-top: 0;
  transition: padding-top 250ms linear;
  height: auto;
}

header img {
margin-left: 20px;
margin-top:13px;
}

@media screen and (max-width: 60em) {
header img {
margin-left: 7px;
}
}

.logo {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  text-decoration: none;
  font-weight: bold;
  line-height: 55px;
  padding: 0 ;
  color: #fff;
  float: left;
}


/* ------------------------------------------
  MASK
--------------------------------------------- */

.mask {
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  transition: opacity 300ms;
  background: rgba(0,0,0, .9);
  visibility: hidden;
  position: fixed;
  opacity: 0;
  z-index: 2;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

.android .mask {
  -webkit-transition: none;
  transition: none;
}

.js-nav-active .mask {
  visibility: visible;
  opacity: 1;
}

@media screen and (min-width: 60em) {
  .mask {
    display: none !important;
    opacity: 0 !important;
  }
}


/* ------------------------------------------
  NAVIGATION STYLES
--------------------------------------------- */

.fixed {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
}

.nav-collapse,
.nav-collapse * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

@media screen and (min-width: 60em) {
  .nav-collapse {
    float: right;
    width: auto;
  }
}

.nav-collapse li {
  float: left;
  width: 100%;
}

@media screen and (min-width: 60em) {
  .nav-collapse li {
    width: auto;
  }
}

.nav-collapse a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  border-top: 1px solid white;
  text-decoration: none;
  padding: 0.7em 1em;
  color: #fff;
  width: 100%;
  float: left;
}

.nav-collapse a:active,
.nav-collapse .active a {
}

@media screen and (min-width: 60em) {
  .nav-collapse a {
    padding: 1.02em 2em;
    text-align: center;
    border-top: 0;
    float: left;
    margin: 0;
  }
}

.nav-collapse ul ul a {
  background: #ca3716;
  padding-left: 2em;
}

@media screen and (min-width: 60em) {
  .nav-collapse ul ul a {
    display: none;
  }
}


/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

@font-face {
  font-family: "responsivenav";
  src:url("https://cdn2.hubspot.net/hubfs/636866/fixed-nav/icons/responsivenav.eot");
  src:url("https://cdn2.hubspot.net/hubfs/636866/fixed-nav/icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("https://cdn2.hubspot.net/hubfs/636866/fixed-nav/icons/responsivenav.ttf") format("truetype"),
    url("https://cdn2.hubspot.net/hubfs/636866/fixed-nav/icons/responsivenav.woff") format("woff"),
    url("https://cdn2.hubspot.net/hubfs/636866/fixed-nav/icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

.nav-toggle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  text-indent: -300px;
  position: relative;
  overflow: hidden;
  width: 60px;
  height: 55px;
  float: right;
}

.nav-toggle:before {
  color: #fff; /* Edit this to change the icon color */
  font: normal 28px/55px "responsivenav"; /* Edit font-size (28px) to change the icon size */
  text-transform: none;
  text-align: center;
  position: absolute;
  content: "\2261"; /* Hamburger icon */
  text-indent: 0;
  speak: none;
  width: 100%;
  left: 0;
  top: 0;
}

.nav-toggle.active:before {
  font-size: 24px;
  content: "\78"; /* Close icon */
}



/* ------------------------------------------
  PARALLAX HEADER
--------------------------------------------- */
.es-measuring-yourself-against-the-industry-s-best
  {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/ES%20-%20Compa%CC%81rate%20con%20los%20mejores_Landing%20page1920.png');
    

    /* Full height */
    height: 550px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}



.FOO-DRINK-avis-des-experts
  {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/bracelets-camera-cellphone-744780-1.jpg');
    

    /* Full height */
    height: 550px; 

    /* Create the parallax scrolling effect */
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}
@media only screen and (max-device-width: 1024px) {
.parallax-socialize-nyc {
        background-attachment: scroll;
    }
} {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/socialize-header-smw-1.png');
    

    /* Full height */
    height: 550px; 

    /* Create the parallax scrolling effect */
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}
@media only screen and (max-device-width: 1024px) {
.parallax-socialize-nyc {
        background-attachment: scroll;
    }
}




.parallax-socialize-nyc {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/socialize-header-smw-1.png');
    

    /* Full height */
    height: 550px; 

    /* Create the parallax scrolling effect */
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}
@media only screen and (max-device-width: 1024px) {
.parallax-socialize-nyc {
        background-attachment: scroll;
    }
}


.parallax-report-luxury-nov18 {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/APAC%20-%20Understanding%20Asia%20Pacific%20luxury%20Goods%20Industry%20on%20Social%20Media_Landing%20page.jpg');
    

    /* Full height */
    height: 550px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}
@media only screen and (max-device-width: 1024px) {
.parallax-report-luxury-nov18 {
        background-attachment: scroll;
    }
}

.parallax-es-Social-insights-handbook {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/ES%20-%206%20formas%20de%20analizar%20a%20tus%20clientes%20en%20redes%20sociales_BlogPostCover.jpg');
    

    /* Full height */
    height: 550px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}





.parallax-iab-webinar-dec18 {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/Copy%20of%20APAC%20-%20Create%20an%20Effective%20Social%20Media%20Report%20for%20Your%20Boss_Social%20Media%20no%20text.png');
    

    /* Full height */
    height: 550px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}
@media only screen and (max-device-width: 1024px) {

}





.parallax-goint-content-en {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/en-goint-content-header-bite-breakfast-cake-Darker.png');
    

    /* Full height */
    height: 550px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}
@media only screen and (max-device-width: 1024px) {
.parallax-goint-content-en {
        background-attachment: scroll;
    }
}

.parallax-socialize-jk-2019 {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/jakarta-BG.jpg');
    

    /* Full height */
    height: 100vh; 

    /* Create the parallax scrolling effect */
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}
@media only screen and (max-device-width: 1024px) {
.parallax-socialize-nyc {
        background-attachment: scroll;
    }
}





.parallax-socialize-sg-june {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/APAC%20-%20SocializeSG%20June%202018_Landing%20page.jpg');
    

    /* Full height */
    height: 100vh; 

    /* Create the parallax scrolling effect */
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}
@media only screen and (max-device-width: 1024px) {
.parallax-socialize-nyc {
        background-attachment: scroll;
    }
}



.parallax-APAC-Event-SocialBrew-Nov2018-20Anniversary {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/singapore-3570223_1920.jpg');
    

    /* Full height */
    height: 100vh; 

    /* Create the parallax scrolling effect */
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}
@media only screen and (max-device-width: 1024px) {
.parallax-socialize-nyc {
        background-attachment: scroll;
    }
}


.parallax-contact {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/socialize-website-contact.png');
    

    /* Full height */
    height: 405px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}
@media only screen and (max-device-width: 1024px) {
.parallax-contact {
        background-attachment: scroll;
    }
}



 .prallaxfr-ebook-luxe-tendance {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/fr.ebook.luxe.tendance.jpg');
    

    /* Full height */
    height: 530px !important; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}
@media only screen and (max-device-width: 1024px) {
  
  
.parallax-report {
        background-attachment: fixed;
    }
}



.parallax-report {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/APAC---An-Insight-into-Asia-Pacifics-Packaged-Snacks-Industry-on-Social-Media_2880x1000-1.jpg');
    

    /* Full height */
    height: 530px !important; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}

.parallax-Ebook-Influencers {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/FR%20-%20DS%20-%202018Q2NB-%20Ebook%20Influencers%20Sept%202018-header%20image%20EDITED%20TO%20DARK%20OVERLAY.png');
    

    /* Full height */
    height: 530px !important; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}



.parallax-Ebook-Influencers-2 {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/DI-FR%20-%20Les%20cle%CC%81s%20du%20succe%CC%80s%20pour%20votre%20projet%20de%20veille_BlogPostCover.jpg');
    

    /* Full height */
    height: 530px !important; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}




.parallax-es-Report-Cosmetics {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/Agencies%20handbook%20DHS%20-%202-1.png');
    

    /* Full height */
    height: 600px !important; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}


.parallax-apac-Harness-the-Power-of-MicroInfluencers {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/EN-DS-EBook-HowtoHarnessthePowerofMicroInfluencersforYourBrand.png');
    

    /* Full height */
    height: 600px !important; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}



.parallax-es-beneficios-del-social-listening {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/ES/ES-Handbooks/ES-H1-V2-6%20beneficios%20del%20social%20listening%20Para%20impulsar%20tu%20estrategia%20de%20marketing%20-ex%20market-share/ES%20-%206%20beneficios%20del%20social%20listening%20en%202019_Landing%20page.jpg');
    

    /* Full height */
    height: 600px !important; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}



@media only screen and (max-device-width: 1024px) {
  

}

.parallax-Ebook-Content-Marketing-twitter-new {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/FR%20-%20Comment%20optimiser%20sa%20strat%C3%A9gie%20de%20marketing%20de%20contenu_image%20EDITED.png');
    

    /* Full height */
    height: 530px !important; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}


.Luxury-Cosmetics-Brands-Industry-Report-Nov2018 {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/FR---Les-marques-de-cosme%CC%81tiques-de-luxe-sur-les-me%CC%81dias-sociaux-en-France_IMAGE.png');
    

    /* Full height */
    height: 530px !important; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}

.parallax-Agency-Handbook-dhs {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/Agencies%20handbook%20DHS.png');
    

    /* Full height */
    height: 530px !important; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}




.parallax-ebook-Etat-de-l-art-tendances {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/fr-di-study-Etat-de-l%E2%80%99art-&-Tendances-de-la-Market-Intelligence_IMAGE.png');
    

    /* Full height */
    height: 530px !important; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}





.parallax-Repor-Etat-de-l-art-tendances {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/DI%20-%20FR%20-%20Webinar%20-%20Etat%20de%20l%E2%80%99art%20&%20Tendances%20de%20la%20Market%20Intelligence_Landing%20page.jpg');
    

    /* Full height */
    height: 530px !important; 

    /* Create the parallax scrolling effect */
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}



@media only screen and (max-device-width: 1024px) {
  

}

.parallax-Ebook-Art-ScienceduROI-twitter-new {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/FR%20-%20DS%20-%202018Q2NB-%20Ebook%20ART-ROI-TWITTER%20ADS-LP%20header%20image-OVERLAY%20%281%29.png');
    

    /* Full height */
    height: 530px !important; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}


@media only screen and (max-device-width: 1024px) {
  

}

.parallax-NH-Hotel-Video {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/ES-DSQ4-CS-NH%20Hotel%20Group-Customer%20Experience%20-%20NEW%20-%20Video%20-%20landing%20page%20HEADER.png');
    

    /* Full height */
    height: 530px !important; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}


@media only screen and (max-device-width: 1024px) {
  
  
}
  .parallax-ebook-art {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/APAC-Art-and-Science-of-Social-ROI-LP.jpg');
    

    /* Full height */
    height: 530px !important; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}
@media only screen and (max-device-width: 1024px) {
  
  
.parallax-report {
        background-attachment: scroll;
    }
}


.parallax-contact h1 {
    font-family: 'Roboto',Sans-Serif; font-size: 70px; color: #ffffff; letter-spacing: -2.5px; text-align: center; font-weight: 900; 
}

  @media (max-width: 800px) {.parallax-contact h1 {font-size:55px; letter-spacing: -2px;}}
  @media (max-width: 1200px) {.parallax-contact h1 {font-size:55px; letter-spacing: -2px;}}
  
  .parallax-speaker {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/socialize-website-speaker.png');
    

    /* Full height */
    height: 405px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}
@media only screen and (max-device-width: 1024px) {
.parallax-speaker {
        background-attachment: scroll;
    }
}

.parallax-speaker h1 {
    font-family: 'Roboto',Sans-Serif; font-size: 70px; color: #ffffff; letter-spacing: -2.5px; text-align: center; font-weight: 900; 
}

  @media (max-width: 800px) {.parallax-speaker h1 {font-size:55px; letter-spacing: -2px;}}
  @media (max-width: 1200px) {.parallax-speaker h1 {font-size:55px; letter-spacing: -2px;}}
  
  
    .parallax-partner {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/socialize-website-partner-1.png');
    

    /* Full height */
    height: 405px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}
@media only screen and (max-device-width: 1024px) {
.parallax-partner {
        background-attachment: scroll;
    }
}

.parallax-partner h1 {
    font-family: 'Roboto',Sans-Serif; font-size: 70px; color: #ffffff; letter-spacing: -2.5px; text-align: center; font-weight: 900; 
}

  @media (max-width: 800px) {.parallax-partner h1 {font-size:55px; letter-spacing: -2px;}}
  @media (max-width: 1200px) {.parallax-partner h1 {font-size:55px; letter-spacing: -2px;}}

  
body, html{
  height: 100%;
  margin: 0;
  padding: 0;
}

.parallax-sales-kickoff {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/socialize-header-paris.png');
    

    /* Full height */
    height: 100vh; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}
@media only screen and (max-device-width: 1024px) {
.parallax-sales-kickoff {
        background-attachment: scroll;
    }
}

.parallax-atlanta {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/socialize-atlanta.jpg');
    

    /* Full height */
    height: 100vh; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}
@media only screen and (max-device-width: 1024px) {
.parallax-atlanta {
        background-attachment: scroll;
    }
}

.parallax-socialize-bcn {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/socialize-header-bcn.png');
    

    /* Full height */
    height: 100vh; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}
@media only screen and (max-device-width: 1024px) {
.parallax-socialize-bcn {
        background-attachment: scroll;
    }
}

.parallax-socialize-sf {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/socialize-header-sf3-1.png');
    

    /* Full height */
    height: 100vh; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}
@media only screen and (max-device-width: 1024px) {
.parallax-socialize-sf {
        background-attachment: scroll;
    }
}

.parallax-socialize-la {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/socialize-header-LA5-1.png');
    

    /* Full height */
    height: 100vh; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}
@media only screen and (max-device-width: 1024px) {
.parallax-socialize-la {
        background-attachment: scroll;
    }
}


.parallax-socialize-cruise {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/socialize-cruise-17-2.jpg');
    

    /* Full height */
    height: 100vh; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}
@media only screen and (max-device-width: 1024px) {
.parallax-socialize-cruise {
        background-attachment: scroll;
    }
}



.parallax-socialize-sg {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/socialize-header-singapore.png');
    

    /* Full height */
    height: 100vh; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}
@media only screen and (max-device-width: 1024px) {
.parallax-socialize-sg {
        background-attachment: scroll;
    }
}



.parallax-socialize-sg-march18 {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/socialize-sg-mar18.jpg');
    

    /* Full height */
    height: 100vh; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}
@media only screen and (max-device-width: 1024px) {
.parallax-socialize-sg-march18 {
        background-attachment: scroll;
    }
}




.parallax-socialize-paris {
    /* The image used */
    background-image: url('https://cdn2.hubspot.net/hubfs/636866/Socialize-Paris-2017_Landing-Page_Background.jpg');
    

    /* Full height */
    height: 100vh; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
        /* Centering Content */
    position: relative;

}
@media only screen and (max-device-width: 1024px) {
.parallax-socialize-paris {
        background-attachment: scroll;
    }
}

.parallax-content {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-weight: 900;
  font-family: 'Roboto',sans-serif !important;
  text-align: center;
}
.parallax-content table {
  margin-bottom: 20px;
}

.parallax-content-h1 {
  color: #fff;
  font-weight: 900;
  font-family: 'Roboto',sans-serif !important;
  font-size: 60px;
  text-align:center;
  line-height: 100%;
  margin-bottom:10px;
  margin-top:15px;
}

.parallax-content-h2 {
  color: #fff;
  font-weight: 300;
  font-family: 'Roboto',sans-serif !important;
  font-size: 20px;
  text-align:center;
  line-height: 100%;
  margin-bottom:15px;
  margin-top:15px;
}

.parallax-content-h3 {
  color: #fff;
  font-weight: 700;
  font-family: 'Roboto',sans-serif !important;
  font-size: 45px;
  text-align:center;
  line-height: 100%;
  margin-bottom:8px;
  
}

.parallax-content-h5 {
  color: #fff;
  font-weight: 700;
  font-family: 'Roboto',sans-serif !important;
  font-size: 28px;
  text-align:center;
  line-height: 100%;
  margin-bottom:8px;
  
}

.parallax-content-h4 {
  color: #fff;
  font-weight: 600;
  font-family: 'Roboto',sans-serif !important;
  font-size: 20px;
  text-align:center;
  line-height: 100%;
  margin-top:10px;
  
}

.parallax-content-h3 a {
  text-decoration:underline;
  color: #fff;
}
  @media (max-width: 800px) {.parallax-content-h1 {font-size:40px;}}
  @media (max-width: 1200px) {.parallax-content-h1 {font-size:40px;}}
  @media (max-width: 800px) {.parallax-content-h2 {font-size:15px;}}
  @media (max-width: 800px) {.parallax-content-h3 {font-size:25px;}}
  @media (max-width: 1200px) {.parallax-content-h3 {font-size:25px;}}
  @media (max-width: 800px) {.parallax-content-h4 {font-size:20px;}}
  
  .parallax-content-h1-kickoff {
  color: #fff;
  font-weight: 900;
  font-family: 'Roboto',sans-serif !important;
  font-size: 80px;
  text-align:center;
  line-height: 100%;
  margin-bottom:10px;
}

.parallax-content-h2-kickoff {
  color: #fff;
  font-weight: 300;
  font-family: 'Roboto',sans-serif !important;
  font-size: 35px;
  text-align:center;
  line-height: 100%;
  margin-bottom:15px;
  margin-top:15px;
}

.parallax-content-h3-kickoff {
  color: #fff;
  font-weight: 700;
  font-family: 'Roboto',sans-serif !important;
  font-size: 58px;
  text-align:center;
  line-height: 100%;
  margin-bottom:8px;
  
}

.parallax-content-h4-kickoff {
  color: #fff;
  font-weight: 600;
  font-family: 'Roboto',sans-serif !important;
  font-size: 30px;
  text-align:center;
  line-height: 100%;
  margin-top:10px;
  
}
  @media (max-width: 800px) {.parallax-content-h1-kickoff {font-size:50px;}}
  @media (max-width: 1200px) {.parallax-content-h1-kickoff {font-size:50px;}}
  @media (max-width: 800px) {.parallax-content-h2-kickoff {font-size:20px;}}
  @media (max-width: 800px) {.parallax-content-h3-kickoff {font-size:32px;}}
  @media (max-width: 1200px) {.parallax-content-h3-kickoff {font-size:32px;}}
  @media (max-width: 800px) {.parallax-content-h4-kickoff {font-size:20px;}}

/* General button style (reset) */
.btn {
    border: none;
    font-family: 'Roboto',sans-serif !important;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 12px 50px;
	display: inline-block;
	margin: 15px 30px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 500;
	outline: none;
	position: relative;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;
}

/* Button 1 */
.btn-1 {
    border: 2px solid #fff;
	color: #fff;
    border-radius: 50px;
}

/* Button 1a */
.btn-1a:hover,
.btn-1a:active {
	color: #484848;
	background: #fff;
}

.btn-10 {
    border: 0px solid #fff;
		color: #fff;
    border-radius: 50px;
  	background: #ff5b4d !important;
}

/* Button 1a */
.btn-10a:hover,
.btn-10a:active {
	color: #484848;
	background: #ffffff !important;
}