@font-face {
	font-family: Gotham Bold;
	src: url("../fonts/gotham-bold.otf");
  }
  @font-face {
	font-family: Arco;
	src: url("../fonts/arco.otf");
  }
  @font-face {
	font-family: Gotham Medium;
	src: url("../fonts/gotham-medium.otf");
  }
  @font-face {
    font-family: Gotham Book;
    src: url("../fonts/gotham-book.otf");
    }
  * {
    margin:0;
    padding:0;
  }
  .container {
    max-width:1366px;
    display:block;
    margin:0 auto;
  }
  .banner {
    background-image: url("../images/sanofi-banner.png");
    height:1000px;
    width:100%;
    background-size:100vw 100%;
    background-position:50% 0px;
  }
  .banner h1{
font-family: Arco;
    font-size: 80px;
    text-align: center;
    color: #008FA0;
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    margin-top: 150px;
  }
  .aboutsect {
    background-image: url("../images/aboutsection.png");
    height:400px;
    width:100%;
    background-size:cover;
    background-position:50%;
    margin-top:-125px;
    display: inline-block;
    z-index: 99999999999999999999999999999999999999
  }
  .aboutsect .container {
    width:1320px;
    display:block;
    margin:0 auto;
    padding-top:20px;
  }
  .whitecont {
    width:100%;
    height:30px;
    background:#fff;
  }
  .aboutsect .contents {
    margin-top: 100px;
    display: inline-block;
  }
  .aboutsect .left {
    width:35%;
    float:left;
    margin-left: 75px;
  }
  .aboutsect .left h2{
    color: #F77400;
    font-family:Arco;
    font-size:40px;
  }
  .aboutsect .right {
    width:45%;
    float:left;
  }
  .aboutsect .right p{
    color:#065678;
    font-family:Gotham Medium;
    font-size:22px;
  }
  .videosect {
    background-image: url("../images/watchvideo-updated.png");
    height:1000px;
    width:100%;
    background-size:100vw 100%;
    background-position:50%;
    z-index: -1000;
    margin-top: -45px;
  }
  .videosect h2 {
font-family: Arco;
    font-size: 35px;
    text-align: center;
    color: #065678;
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    margin-top: 80px;
    margin-left:-25px;
  }
  .videosect video{
    width: 620px;
    height: 400px;
    position: relative;
    margin-top: 70px;
    margin-left: 390px;
  }
  .footersect {
    background-image: url("../images/footersect.png");
    height:2000px;
    width:100%;
    margin-top:-35px;
    background-size:100vw 100%;
    background-position:50%;
  }
    .footersect .bottomsection {
    margin-top:80px;
  }
  .footersect .bottomsection h2{
    text-align:center;
    color:#F77400;
    font-family:Arco;
    font-size:36px;
  }
  .footersect .bottomsection p{
    text-align:center;
    color:#065678;
    font-family:Gotham Medium;
    font-size:24px;
  }
  .footersect .topsection, .footersect .bottomsection {
    display:inline-block;
    width:100%
  }
  .footersect .topsection {
    margin-top:90px;
  }
  .footersect .topsection img, .footersect .bottomsection img{
    width:100%;
    height:auto;
  }
  .footersect .topsection .left {
    float:left;
    width:47%;
  }
  .footersect .topsection .right {
    float:right;
    width:47%;
  }
  .footersect h2 {
    font-family:Arco;
    color:#fff;
    margin-bottom:20px;
    font-size:36px;
  }
  .footersect p {
    font-family:Gotham Medium;
    color:#000;
    margin-bottom:30px;
    font-size:24px
  }
  .footersect .bottomsection .orangecta {
    width: 600px;
    display:block;
    margin:0 auto;
    margin-top:-20px;
  }
  .orangecta {
    background: #F77400;
    color:#fff;
    font-family:Arco;
    padding:25px 15px;
    width:300px;
    text-align:center;
    display:inline-block;
    border-radius:40px;
    text-decoration:none;
    font-size:25px;
  }
  .sponsorsect {
    background-image: url("../images/sponsorsection.png");
    width:100%;
    background-size:cover;
    background-position:50%;
    padding:70px 0px;
  }
  .sponsorsect .sponsors{
    background: #fff;
    padding: 40px 20px 40px 60px;
    border-radius: 20px;
    margin-top: -155px;
    display:inline-block;
    width:95%;
    margin-bottom:90px;
  }
  .sponsorsect p {
    font-family:Gotham Medium;
    text-align:center;
    margin-bottom:20px;
  }
  .sponsorsect .sponsors .left {
    float:left;
    width:49%;
  }
  .sponsorsect .sponsors .left .leftimg{
    float:left;
    width:33%;
  }
  .sponsorsect .sponsors .left .middleimg{
    float:left;
    width:33%;
  }
  .sponsorsect .sponsors .left .leftimg img, .sponsorsect .sponsors .left .rightimg img, .sponsorsect .sponsors .right .leftimg img, .sponsorsect .sponsors .right .rightimg img{
    width:300px;
    height:auto;
    margin-top:20px;
  }
  .sponsorsect .sponsors .left .leftimg img, .sponsorsect .sponsors .left .rightimg img, .sponsorsect .sponsors .right .leftimg img{
    margin-top:20px;
  }
    .sponsorsect .sponsors .right .rightimg img{
    margin-top:15px;
  }
  .sponsorsect .sponsors .left .leftimg img {
    float:left;
    width:100%;
  }
  .sponsorsect .sponsors .left .middleimg img {
    float:left;
    width:100%;
    margin-top:20px;
  }
 .sponsorsect .sponsors .right .leftimg img{
    float:right;
    width:220px;
  }
  .sponsorsect .sponsors .left .rightimg img{
    float: left;
    height: 75px;
    width: auto;
    margin-left:15px;
  }
.sponsorsect .sponsors .right .rightimg img{
    float:left;
    width:220px;
  }
  .sponsorsect .sponsors .left .rightimg{
    float:right;
    width:33%;
  }
  .sponsorsect .sponsors .right {
    float:right;
    width:49%;
  }
  .sponsorsect .sponsors .right .leftimg{
    float:left;
    width:49%;
  }
  .sponsorsect .sponsors .right .rightimg{
    float:right;
    width:49%;
    margin-top:30px;
  }
  .sponsorsect p {
    font-family:Gotham Bold;
    font-size:24px;
    width:90%;
    display:block;
    margin:0 auto;
    color: #065678;
  }
  .deepred, .deeppurple, .beachkids {
    display:none;
  }
  .sponsorsect p.moreinfo {
    font-family:Gotham Medium;
    text-align:left;
    color:#000;
    margin-left:80px;
    font-size:15.5px;
  }
  .downdesk {
    display:block !important;
  }
  .downmob {
    display:none !important;
  }
  .sponsorsect .sponsors .left p {
      margin-left:0px;
  }
  .footersect .topsection .left img.downdesk {
      margin-top:0px;
  }
  #booklet .flipbook-main-wrapper {
    position: relative;
    height: 520px;
    top: 0px;
    display: block;
    margin: 0 auto;
  }
  #booklet {
    width:870px;
    display:block;
    margin:0 auto;
    margin-top:100px;
  }
  #booklet .flipbook-currentPageNumber {
    border-radius: 0px !important;
    background:#000 !important;
  }
  .flipbook-left-arrow, .flipbook-right-arrow {
    background:#000 !important;
  }
  @media (min-width:1700px) {
      .videosect h2 {
          margin-top:100px;
      }
      .videosect {
        background-size: 102vw 100%;
      }
      .videosect video {
          margin-top:110px;
      }
      .aboutsect {
          height:480px;
          margin-top:-150px;
      }
      .videosect {
        height:1200px;
      }
      .aboutsect .contents {
        margin-top: 85px;
      }
      .footersect {
        margin-top:-40px;
      }
      #booklet {
          width:1100px;
      }
      #booklet .flipbook-main-wrapper {
        height: 650px;
      }
  }
  @media (min-width:1585px) {
      .banner {
          height:1190px;
      }
      .banner h1 {
          margin-top:200px;
      }
  }
  @media (max-width:1440px) {
    #booklet{
      width:700px !important;
    }
  }
  @media (max-width:1368px) {
    .container {
      max-width:1280px;
    }
    .videosect h2 {
      font-size:30px;
    }
    .footersect {
      background-image: url(../images/footersect-1368.png);
    }
    .aboutsect .right p {
      font-size:22px;
    }
  }
  @media (max-width:1366px) {
    .sponsorsect p.moreinfo {
      margin-left:inherit;
    }
    #booklet{
      width: 630px !important;
    }
    .sponsorsect p {
      margin-left:auto;
    }
    .sponsorsect .sponsors {
      width:1220px;
      padding: 40px 20px;
    }
    .sponsorsect .sponsors .left {
      margin-left:23px;
    }
    .container {
      max-width:1280px;
    }
    .videosect video {
      margin-left: 340px;
    }
    .footersect .bottomsection {
    margin-top: 20px;
}
  }
  @media (max-width:1280px) {
    .sponsorsect .sponsors {
      width:1150px;
    }
    .sponsorsect .sponsors .left {
      margin-left:0px;
    }
        .footersect .bottomsection {
    margin-top: 70px;
}
    .container {
      max-width:1180px;
    }
    .videosect video {
      margin-left: 290px;
    }
    .aboutsect .right p {
      font-size:21px;
    }
    .aboutsect .left h2 {
      font-size:35px;
    }
  }
  @media (max-width:1200px) {
      body, html {
          overflow-x:hidden !important;
      }
      .videosect, .banner, .footersect {
        background-size:cover;
      }
      .aboutsect .left h2 {
          font-size:34px;
      }
      .footersect h2 {
          font-size:34px;
      }
    .container {
      max-width:1024px;
    }
    .sponsorsect .sponsors .left .leftimg img {
      margin-top:25px;
    }
    .sponsorsect .sponsors .left .middleimg img {
      margin-top:30px;
    }
    .sponsorsect .sponsors {
      width:970px;
    }
    .videosect video {
      margin-left:210px;
    }
    .aboutsect .right {
      width: 53%;
      float: right;
    }
  }
    @media (max-width:1024px) {
        .footersect p {
            font-size:20px;
        }
    }
  @media (max-width:1023px) {
    .container {
      max-width:768px;
    }
    .footersect .bottomsection h2 br {
        display:none;
    }
    .sponsorsect .sponsors .left .middleimg img {
      margin-top: 45px;
      margin-left: 35px;
      width: 90px;
      height: auto;
    }
    .videosect video {
      margin-left:80px;
    }
    .sponsorsect .sponsors {
      width:720px;
    }
    .aboutsect .left h2 {
      font-size:30px;
    }
    .sponsorsect .sponsors .left .leftimg img, .sponsorsect .sponsors .right .leftimg img{
      width:160px;
    }
   .sponsorsect .sponsors .right .rightimg img{
      width:160px;
    }
    .sponsorsect .sponsors .left .rightimg img {
      height:75px;
      width:auto;
    }
    .sponsorsect .sponsors .right .rightimg {
      margin-top:25px;
    }
    .aboutsect .contents {
      margin-top: 60px;
    }
    .footersect p {
      font-size:22px;
    }
    .footersect .bottomsection {
      margin-top:190px;
    }
  } 
.bookletexpand .flipbook-main-wrapper {
      height: 100% !important;
      width:100% !important;
    }
  @media (min-width:768px) and (max-width:1024px) {
    .footersect .bottomsection {
    margin-top: 135px !important;
    }
    .videosect h2 {
      margin-left:0px !important;
    }
    .videosect {
        background-position:46%;
    }
    .aboutsect .contents {
      margin-top:60px;
    }
    #booklet {
      width:100% !important;
    }
    .footersect h2 {
        font-size:24px;
    }
    .footersect .topsection .left {
        margin-left:35px;
    }
    .aboutsect .left h2 {
        font-size:25px;
    }
    .aboutsect .right p {
        font-size:20px;
    }
    .footersect .bottomsection p {
        padding:0 20px;
    }
    .footersect .bottomsection h2 {
        padding:0px 20px;
    }
    .aboutsect .right {
  width: 47%;
  float: right;
  margin-right: 60px;
}
.footersect .topsection .left img.downdesk {
    margin-top:0px;
}
  }
    @media (min-width:768px) and (max-width:1023px) {
         .aboutsect .right p {
            font-size:18px !important;
        }
    }
    @media (min-width: 800px) and (max-width: 843px) {
    .footersect .bottomsection {
        margin-top: 210px !important;
    } 
 }
  @media (min-width: 844px) and (max-width: 895px) {
    .footersect .bottomsection {
        margin-top: 210px !important;
    } 
            .aboutsect .left h2 {
            font-size: 23px !important;
        }
 }
 @media (min-width: 896px) and (max-width: 959px) {
    .footersect .bottomsection {
        margin-top: 210px !important;
    } 
            .aboutsect .left h2 {
            font-size: 23px !important;
        }
 }
      @media (min-width:960px) and (max-width:1024px) {
        .sponsorsect .sponsors {
            width: 96.5% !important;
        }
                .aboutsect .left h2 {
            font-size: 23px !important;
        }
    }
  @media (min-width:768px) and (max-width:800px) {
    .sponsorsect .sponsors {
      width: 95%;
  }
  .footersect .topsection .left {
    margin-left:20px;
  }
  .aboutsect .right {
    width: 40%;
    float: right;
    margin-right: 90px;
}
.aboutsect .right p{
  font-size:20px;
}
.banner h1 {
    margin-top:170px;
    font-size:60px;
}
.footersect .bottomsection h2 {
    font-size:33px;
}
  }
    @media (min-width:768px) and (max-width:820px) {
        .aboutsect .left h2 {
            font-size: 23px !important;
        }
        .aboutsect .right p {
            font-size:17px !important;
        }
    }
    @media (max-width:767px) {
      .bookletexpand .flipbook-main-wrapper {
        height:100% !important;
      }
      #booklet .flipbook-main-wrapper {
        width: 100%;
        height: 300px;
        top: 0px;
      }
      #booklet {
        background:#fff !important;
        width:100%;
        margin-top:80px;
      }
  }
  @media (max-width:479px) {
    #booklet .flipbook-main-wrapper {
      width: 100%;
      height: 180px;
    }
    #booklet {
      margin-top:50px;
    }
}