.w-form-formrecaptcha {
  margin-bottom: 8px;
}

.body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100%;
  min-height: auto;
  min-width: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 80px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.main {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.categorycontainer1 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding-top: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: transparent;
  -webkit-transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  cursor: default;
}

.logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 40px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  margin-right: 40px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.landingbkrd1 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding-top: 0px;
  background-color: #01adee;
  background-image: url('../images/Callaway_mallPoster.jpg');
  background-position: 50% 50%;
  background-size: cover;
  -webkit-filter: brightness(50%) grayscale(100%);
  filter: brightness(50%) grayscale(100%);
  cursor: pointer;
}

.fbimg {
  -webkit-filter: brightness(2000%);
  filter: brightness(2000%);
}

.fbimg:hover {
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}

.instaimg {
  margin-right: 10px;
  margin-left: 10px;
  -webkit-filter: brightness(2000%);
  filter: brightness(2000%);
}

.instaimg:hover {
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}

.facebook {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin-right: 10px;
  margin-left: 10px;
  padding-top: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.twitterimg {
  margin-right: 10px;
  margin-left: 10px;
  -webkit-filter: saturate(0%) brightness(5000%);
  filter: saturate(0%) brightness(5000%);
}

.twitterimg:hover {
  -webkit-filter: saturate(100%) brightness(100%);
  filter: saturate(100%) brightness(100%);
}

.behanceimg {
  margin-right: 10px;
  margin-left: 10px;
  -webkit-filter: brightness(2000%);
  filter: brightness(2000%);
}

.behanceimg:hover {
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}

.instagram {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 28px;
  height: auto;
  margin-top: 5px;
  margin-right: 10px;
  margin-left: 10px;
  padding-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.behance {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 35px;
  height: auto;
  margin-top: 8px;
  margin-right: 10px;
  margin-left: 10px;
  padding-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Museo, sans-serif;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 1px;
}

.footercontainer {
  position: static;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100.0000075352045%;
  height: 60px;
  padding-right: 40px;
  padding-left: 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.linkedinimg {
  margin-right: 10px;
  margin-left: 10px;
  padding-top: 1px;
  padding-bottom: 0px;
  -webkit-filter: brightness(2000%);
  filter: brightness(2000%);
}

.linkedinimg:hover {
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}

.socialmediacontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin-bottom: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.linkedin {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: auto;
  margin-top: 0px;
  margin-right: 10px;
  margin-left: 0px;
  padding-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.twitter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding-top: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.landingbkrd2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
}

.background-video {
  position: relative;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 101%;
  height: 101%;
  padding-bottom: 0px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  cursor: pointer;
  -o-object-fit: fill;
  object-fit: fill;
}

.landingbkrd3 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: auto;
  width: 100%;
  height: 100%;
  background-image: url('../images/Thermador-In-Hand.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-filter: brightness(50%) grayscale(100%);
  filter: brightness(50%) grayscale(100%);
  cursor: pointer;
}

.landingtitle {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 691px;
  height: 97px;
  margin-top: 20px;
  margin-left: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 1;
  cursor: pointer;
  -o-object-fit: fill;
  object-fit: fill;
}

.titleoutline {
  position: absolute;
  z-index: 1;
  display: block;
  max-width: 100%;
  min-width: 0px;
  opacity: 1;
}

.titlesolid {
  position: absolute;
  z-index: 1;
  display: block;
  max-width: 100%;
  min-width: 0px;
  opacity: 1;
}

.landingtitle2 {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 770px;
  height: 104px;
  margin-top: 20px;
  margin-left: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 1;
  cursor: pointer;
  -o-object-fit: fill;
  object-fit: fill;
}

.landingtitle3 {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 720px;
  height: 140px;
  margin-top: 10px;
  margin-left: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 1;
  cursor: pointer;
  -o-object-fit: fill;
  object-fit: fill;
}

.landingtitle4 {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 720px;
  height: 138px;
  margin-top: 15px;
  margin-left: 0px;
  padding-top: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 1;
  cursor: pointer;
  -o-object-fit: fill;
  object-fit: fill;
}

.landingbkrd4 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: auto;
  display: block;
  width: 101%;
  height: 101%;
  background-image: url('../images/UD-Infinity-War.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-filter: brightness(75%) grayscale(100%);
  filter: brightness(75%) grayscale(100%);
  cursor: pointer;
}

.titlesolidadj {
  position: absolute;
  z-index: 1;
  display: block;
  max-width: 100%;
  min-width: 0px;
  margin-top: 0px;
  opacity: 1;
}

.titleoutlineadj {
  position: absolute;
  z-index: 1;
  display: block;
  max-width: 100%;
  min-width: 0px;
}

.categorycontainer2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  -webkit-transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  cursor: default;
}

.categorycontainer3 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding-top: 0px;
  padding-right: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: #000;
  -webkit-transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  cursor: default;
}

.categorycontainer4 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin-top: 0%;
  padding-top: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: transparent;
  -webkit-transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  cursor: default;
}

.contentcontain1 {
  position: relative;
  z-index: 1;
  display: none;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 4px 80px 20px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-style: solid;
  border-width: 0px;
  border-color: #01adee;
  background-color: transparent;
  opacity: 1;
  -webkit-transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  cursor: default;
}

.slide-nav {
  display: none;
  width: 0px;
  height: 0px;
}

.right-arrow-2 {
  display: none;
  width: 0px;
  height: 0px;
}

.left-arrow {
  display: none;
  width: 0px;
  height: 0px;
}

.mask-2 {
  z-index: 5;
  width: 264px;
  height: 50px;
}

.logoslider {
  position: absolute;
  z-index: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.image {
  position: relative;
  display: inline-block;
}

.logocontain {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.slide-a {
  height: auto;
}

.slide-b {
  height: auto;
}

.menucontain {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.menumask {
  z-index: 5;
  width: 24px;
  height: 24px;
}

.menurollover {
  position: absolute;
  z-index: 7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  cursor: pointer;
}

.menurollover:hover {
  opacity: 1;
}

.image-2 {
  position: absolute;
  cursor: pointer;
}

.logocvr {
  position: relative;
  z-index: 6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 264px;
  height: 70px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.menucvr {
  position: relative;
  z-index: 6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
}

.titlecontain {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 691px;
  height: 118px;
  margin-top: 0px;
  margin-left: 0px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -o-object-fit: fill;
  object-fit: fill;
}

.adtext {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  height: 100%;
  max-width: none;
  min-width: auto;
  margin-left: 0px;
  padding: 40px 55px 40px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
}

.cgslider {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
  height: 100%;
  max-width: none;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.slidea {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: rgba(1, 173, 238, 0.5);
  -o-object-fit: cover;
  object-fit: cover;
}

.mask-3 {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.contentlink {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 60px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 0px solid #fff;
  cursor: pointer;
}

.arrow {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 15px;
  height: 15px;
  margin-left: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-11 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin-top: 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  font-family: Overpass, sans-serif;
  color: #01adee;
  font-size: 15px;
  line-height: 15px;
  text-align: center;
}

.contenttitle {
  width: auto;
  height: 100%;
  padding-left: 0px;
}

.heading-3 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Overpass, sans-serif;
  color: #01adee;
  font-size: 26px;
  line-height: 25px;
  font-weight: 200;
  text-align: right;
  letter-spacing: 4px;
}

.heading-3:hover {
  text-decoration: underline;
}

.description {
  position: relative;
  display: block;
  overflow: hidden;
  height: auto;
  margin-top: 0px;
  padding: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: transparent;
}

.cgtext {
  display: block;
  margin-bottom: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  font-family: Museo, sans-serif;
  color: #4d4d4d;
  letter-spacing: 0.5px;
}

.textdivider {
  height: 3px;
  margin: 0px;
  border-bottom: 3px dotted #4d4d4d;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}

.client {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.yltext {
  display: none;
  margin-bottom: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  font-family: Museo, sans-serif;
  color: #4d4d4d;
  letter-spacing: 0.5px;
}

.slideb {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
  object-fit: fill;
}

.ol_a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(236, 0, 140, 0.2);
}

.cg_b {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  max-width: none;
  min-width: auto;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: #8f9d52;
  background-image: url('../images/Callaway-SlipSheet-Set.jpg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-clip: border-box;
  -webkit-text-fill-color: inherit;
  -o-object-fit: contain;
  object-fit: contain;
}

.slidec {
  overflow: visible;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.cg_c {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  max-width: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: #8f9d52;
  background-image: url('../images/Callaway_mallPoster.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  -o-object-fit: cover;
  object-fit: cover;
}

.slided {
  overflow: visible;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.cg_d {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  max-width: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: #538c9d;
  background-image: url('../images/Callaway-Poster-Set.jpg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  -o-object-fit: cover;
  object-fit: cover;
}

.ylslider {
  position: relative;
  display: none;
  overflow: hidden;
  width: 70%;
  height: 100%;
  margin-top: 0px;
  margin-bottom: 20px;
}

.contentcontain2 {
  position: relative;
  z-index: 1;
  display: none;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding-right: 80px;
  padding-bottom: 20px;
  padding-left: 80px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-style: solid;
  border-width: 0px;
  border-color: #ec008c;
  background-color: transparent;
  opacity: 1;
  -webkit-transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  cursor: default;
}

.vmtext {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  height: 100%;
  max-width: none;
  min-width: auto;
  margin-left: 0px;
  padding: 40px 55px 40px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
}

.bold-text {
  color: #ec008c;
}

.heading_m {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Overpass, sans-serif;
  color: #ec008c;
  font-size: 26px;
  line-height: 25px;
  font-weight: 200;
  text-align: right;
  letter-spacing: 4px;
}

.heading_m:hover {
  text-decoration: underline;
}

.arrowm {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin-top: 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  font-family: Overpass, sans-serif;
  color: #ec008c;
  font-size: 15px;
  line-height: 15px;
  text-align: center;
}

.olslider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
  height: 100%;
  margin-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: transparent;
}

.caslider {
  display: none;
  width: 70%;
  height: 100%;
  margin-top: 0px;
  background-color: transparent;
}

.slidee {
  width: 100%;
  height: 100%;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #fff;
  -o-object-fit: none;
  object-fit: none;
}

.slidee-copy {
  width: 100%;
  height: 100%;
  background-color: rgba(1, 173, 238, 0.5);
  -o-object-fit: contain;
  object-fit: contain;
}

.slidef {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  -o-object-fit: contain;
  object-fit: contain;
}

.ca_b {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(236, 0, 140, 0.2);
}

.slideg {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.29);
  -o-object-fit: contain;
  object-fit: contain;
}

.ca_c {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(236, 0, 140, 0.2);
}

.slideh {
  width: 100%;
  height: 100%;
  background-color: transparent;
  -o-object-fit: contain;
  object-fit: contain;
}

.ca_d {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(236, 0, 140, 0.2);
}

.video {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -o-object-fit: contain;
  object-fit: contain;
}

.video-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.oltext {
  display: block;
  margin-bottom: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  font-family: Museo, sans-serif;
  color: #4d4d4d;
  letter-spacing: 0.5px;
}

.catext {
  display: none;
  margin-bottom: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  font-family: Museo, sans-serif;
  color: #4d4d4d;
  letter-spacing: 0.5px;
}

.slidei {
  width: 100%;
  height: 100%;
  background-color: transparent;
  -o-object-fit: contain;
  object-fit: contain;
}

.slidej {
  background-color: transparent;
}

.slidek {
  background-color: transparent;
}

.ca_a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  width: 100.0000405661243%;
  height: 100%;
  padding: 20px 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(236, 0, 140, 0.2);
}

.tc_b {
  position: relative;
  overflow: auto;
  width: 100.0000405661243%;
  height: 100%;
  background-color: rgba(236, 0, 140, 0.2);
  background-image: url('../images/Callaway-SlipSheet-Set.jpg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.tc_c {
  position: relative;
  overflow: auto;
  width: 100.0000405661243%;
  height: 100%;
  background-color: rgba(236, 0, 140, 0.2);
  background-image: url('../images/Callaway_mallPoster.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.contentcontain3 {
  position: relative;
  z-index: 1;
  display: none;
  width: 100%;
  height: 100%;
  margin: -18px 0px 0px;
  padding: 0px 80px 20px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-style: solid;
  border-width: 0px;
  border-color: #01adee;
  background-color: transparent;
  opacity: 1;
  -webkit-transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  cursor: default;
}

.ddtext {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  height: 100%;
  max-width: none;
  min-height: auto;
  min-width: auto;
  margin-left: 0px;
  padding: 40px 55px 40px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #000;
}

.thslider {
  width: 70%;
  height: 100%;
  margin-top: 0px;
  background-color: #fff;
}

.thtext {
  display: block;
  margin-bottom: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  font-family: Museo, sans-serif;
  color: #ddd;
  letter-spacing: 0.5px;
}

.sltext {
  display: none;
  margin-bottom: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  font-family: Museo, sans-serif;
  color: #ddd;
  letter-spacing: 0.5px;
}

.slslider {
  display: none;
  width: 70%;
  height: 100%;
  margin-top: 0px;
  background-color: #fff;
}

.slidel {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 242, 0, 0.5);
  -o-object-fit: contain;
  object-fit: contain;
}

.slidem {
  background-color: rgba(255, 242, 0, 0.5);
}

.sliden {
  background-color: rgba(255, 242, 0, 0.5);
}

.slideo {
  background-color: rgba(255, 242, 0, 0.5);
}

.slidep {
  width: 100%;
  height: 100%;
  padding-top: 5%;
  background-color: rgba(255, 242, 0, 0.5);
  -o-object-fit: contain;
  object-fit: contain;
}

.slideq {
  padding-top: 5%;
  background-color: rgba(255, 242, 0, 0.5);
}

.slider {
  padding-top: 5%;
  background-color: rgba(255, 242, 0, 0.5);
}

.slides {
  padding-top: 5%;
  background-color: rgba(255, 242, 0, 0.5);
}

.th_a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.2);
  background-image: url('../images/Thermador-In-Hand.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.th_b {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100.0000405661243%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.2);
}

.th_c {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100.0000405661243%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.2);
}

.th_d {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100.0000405661243%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.2);
}

.sl_a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 90%;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  background-image: url('../images/SOUNDOLOGY_PRODUCTS_TVs.jpg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.sl_b {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 90%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  background-image: url('../images/ABOUT_SRS.jpg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.sl_c {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 90%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  background-image: url('../images/SOUNDOLOGY_DEMO_TV_ROLLOVER.jpg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.sl_d {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 90%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  background-image: url('../images/SRS_TRU_SOUND.jpg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.textdividerwhite {
  height: 3px;
  margin: 0px;
  border-bottom: 3px dotted #abaaaa;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}

.heading_y {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Overpass, sans-serif;
  color: #fff200;
  font-size: 26px;
  line-height: 25px;
  font-weight: 200;
  text-align: right;
  letter-spacing: 4px;
}

.heading_y:hover {
  text-decoration: underline;
}

.arrow_y {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin-top: 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  font-family: Overpass, sans-serif;
  color: #fff200;
  font-size: 15px;
  line-height: 15px;
  text-align: center;
}

.contentcontain4 {
  position: relative;
  z-index: 1;
  display: none;
  width: 100%;
  height: 100%;
  margin: -22px 0px 0px;
  padding-right: 80px;
  padding-bottom: 20px;
  padding-left: 80px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-style: solid;
  border-width: 0px;
  border-color: #01adee;
  background-color: transparent;
  opacity: 1;
  -webkit-transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  cursor: default;
}

.pdtext {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  height: 100%;
  max-width: none;
  min-height: auto;
  min-width: auto;
  margin-left: 0px;
  padding: 40px 55px 40px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
}

.udslider {
  display: block;
  width: 70%;
  height: 100%;
  margin-top: 0px;
  background-color: #fff;
}

.mmslider {
  display: none;
  width: 70%;
  height: 100%;
  margin-top: 0px;
  background-color: #fff;
}

.slidet {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 242, 0, 0.5);
  -o-object-fit: contain;
  object-fit: contain;
}

.slideu {
  background-color: rgba(255, 242, 0, 0.5);
}

.slidev {
  background-color: rgba(255, 242, 0, 0.5);
}

.slidew {
  background-color: rgba(255, 242, 0, 0.5);
}

.slidex {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 242, 0, 0.5);
  background-image: url('../images/Memorex-LCD-TV.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  -o-object-fit: contain;
  object-fit: contain;
}

.slidey {
  background-color: rgba(255, 242, 0, 0.5);
  background-image: url('../images/ClipandPlay.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.slidez {
  background-color: rgba(255, 242, 0, 0.5);
}

.slideaa {
  background-color: rgba(255, 242, 0, 0.5);
}

.heading_w {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Overpass, sans-serif;
  color: #fff200;
  font-size: 26px;
  line-height: 25px;
  font-weight: 200;
  text-align: right;
  letter-spacing: 4px;
}

.heading_w:hover {
  text-decoration: underline;
}

.arrow_w {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin-top: 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  font-family: Overpass, sans-serif;
  color: #fff200;
  font-size: 15px;
  line-height: 15px;
  text-align: center;
}

.mmtext {
  display: none;
  margin-bottom: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  font-family: Museo, sans-serif;
  color: #4d4d4d;
  letter-spacing: 0.5px;
}

.udtext {
  display: block;
  margin-bottom: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  transition: height 250ms cubic-bezier(.455, .03, .515, .955);
  font-family: Museo, sans-serif;
  color: #4d4d4d;
  letter-spacing: 0.5px;
}

.heading_k {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Overpass, sans-serif;
  color: #000;
  font-size: 26px;
  line-height: 25px;
  font-weight: 200;
  text-align: right;
  letter-spacing: 4px;
}

.heading_k:hover {
  text-decoration: underline;
}

.arrow_k {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin-top: 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  font-family: Overpass, sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 15px;
  text-align: center;
}

.yl_a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(1, 173, 238, 0.2);
  background-image: url('../images/FCA-Store-Comp.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.yl_b {
  position: relative;
  display: block;
  overflow: scroll;
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: rgba(1, 173, 238, 0.2);
  background-image: url('../images/YLFCA_Register.jpg');
  background-position: 50% 50%;
  background-size: auto 90%;
  background-repeat: no-repeat;
}

.yl_c {
  position: relative;
  width: 100.0000405661243%;
  height: 100%;
  background-color: rgba(1, 173, 238, 0.2);
  background-image: url('../images/YLFCA_Refreshing.jpg');
  background-position: 50% 50%;
  background-size: auto 90%;
  background-repeat: no-repeat;
}

.yl_d {
  position: relative;
  width: 100.0000405661243%;
  height: 100%;
  background-color: rgba(1, 173, 238, 0.2);
  background-image: url('../images/YLFCA_AllAround.jpg');
  background-position: 50% 50%;
  background-size: auto 90%;
  background-repeat: no-repeat;
}

.ud_a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.2);
  background-image: url('../images/UD-Infinity-War.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ud_b {
  position: relative;
  width: 100.0000405661243%;
  height: 100%;
  background-color: #41746b;
  background-image: url('../images/UD-Marvel-Annual-18-19.jpg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.ud_c {
  position: relative;
  width: 100.0000405661243%;
  height: 100%;
  background-color: #fff;
}

.ud_d {
  position: relative;
  width: 100.0000405661243%;
  height: 100%;
  background-color: #fff;
}

.cg_a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  max-height: none;
  max-width: none;
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: rgba(1, 173, 238, 0.2);
  background-image: url('../images/Callaway-Horizonal-Display.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  -o-object-fit: fill;
  object-fit: fill;
}

.menuslider {
  position: absolute;
  z-index: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.field-label {
  width: 100.0001040271161%;
  font-family: Museo, sans-serif;
  color: #fff;
}

.aboutcontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 80%;
  padding-right: 60px;
  padding-left: 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.fbimg-2 {
  -webkit-filter: brightness(2000%);
  filter: brightness(2000%);
}

.fbimg-2:hover {
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}

.submit-button {
  width: 120px;
  height: 40px;
}

.menufeature {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding-right: 40px;
  padding-left: 40px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-style: solid;
  border-width: 16px;
  border-color: #01adee;
  border-radius: 40px 0px;
}

.text-block-2 {
  margin-bottom: 20px;
  font-family: Museo, sans-serif;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
  letter-spacing: 1px;
}

.overlayheading {
  margin-bottom: 20px;
  padding-bottom: 0px;
  border-bottom: 4px solid #fff;
  font-family: Overpass, sans-serif;
  color: #fff;
  font-size: 22px;
  line-height: 40px;
  font-weight: 100;
  text-align: center;
  letter-spacing: 5px;
  text-decoration: none;
}

.overlaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
}

.instaimg-2 {
  margin-right: 10px;
  margin-left: 10px;
  -webkit-filter: brightness(2000%);
  filter: brightness(2000%);
}

.instaimg-2:hover {
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}

.textarea {
  height: 100%;
  margin-bottom: 20px;
  font-family: Overpass, sans-serif;
}

.form {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100.0001040271161%;
  height: 99.9998598075517%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.vmmagenta {
  font-family: Overpass, sans-serif;
  color: #ec008c;
  font-size: 18px;
  font-weight: 900;
}

.vmmagenta.vmsubnav {
  font-size: 16px;
  cursor: pointer;
}

.vmmagenta.vmsubnav:hover {
  background-color: #ec008c;
  color: #000;
}

.field-label-3 {
  font-family: Overpass, sans-serif;
  color: #fff;
}

.text-field-2 {
  margin-bottom: 20px;
  font-family: Overpass, sans-serif;
}

.contactcontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 80%;
  padding-right: 60px;
  padding-left: 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.overlaynav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  padding-top: 60px;
  padding-right: 60px;
  padding-left: 60px;
}

.twitterimg-2 {
  margin-right: 10px;
  margin-left: 10px;
  -webkit-filter: saturate(0%) brightness(5000%);
  filter: saturate(0%) brightness(5000%);
}

.twitterimg-2:hover {
  -webkit-filter: saturate(100%) brightness(100%);
  filter: saturate(100%) brightness(100%);
}

.behanceimg-2 {
  margin-right: 10px;
  margin-left: 10px;
  -webkit-filter: brightness(2000%);
  filter: brightness(2000%);
}

.behanceimg-2:hover {
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}

.instagram-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 28px;
  height: auto;
  margin-top: 5px;
  margin-right: 10px;
  margin-left: 10px;
  padding-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.pdwhite {
  font-family: Overpass, sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 900;
}

.pdwhite.pdsubnav {
  font-size: 16px;
  cursor: pointer;
}

.pdwhite.pdsubnav:hover {
  background-color: #fff;
  color: #000;
}

.behance-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 35px;
  height: auto;
  margin-top: 8px;
  margin-right: 10px;
  margin-left: 10px;
  padding-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.textlink:hover {
  font-weight: 500;
}

.textlink:focus {
  font-weight: 500;
}

.textlink:visited {
  color: #fff;
}

.text-block-3 {
  width: 20px;
  height: 21px;
  font-size: 28px;
}

.form-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.close {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  margin: -10px -10px 0px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #01adee;
  cursor: pointer;
}

.linkedinimg-2 {
  margin-right: 10px;
  margin-left: 10px;
  padding-top: 1px;
  padding-bottom: 0px;
  -webkit-filter: brightness(2000%);
  filter: brightness(2000%);
}

.linkedinimg-2:hover {
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}

.menufeaturecontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.socialmediacontainer-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin-bottom: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.overlay {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 20;
  display: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 40px;
  background-color: rgba(0, 0, 0, 0.92);
  opacity: 1;
}

.linkedin-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: auto;
  margin-top: 0px;
  margin-right: 10px;
  margin-left: 0px;
  padding-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.twitter-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding-top: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ddyellow {
  font-family: Overpass, sans-serif;
  color: #fff200;
  font-size: 18px;
  font-weight: 900;
}

.ddyellow.ddsubnav {
  font-size: 16px;
  cursor: pointer;
}

.ddyellow.ddsubnav:hover {
  background-color: #fff200;
  color: #000;
}

.adcyan {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Overpass, sans-serif;
  color: #01adee;
  font-size: 18px;
  font-weight: 900;
  text-align: center;
}

.adcyan:hover {
  color: #fff;
}

.adcyan.adsubnav {
  height: 40px;
  margin-right: 3px;
  font-size: 16px;
  cursor: pointer;
}

.adcyan.adsubnav:hover {
  color: #000;
}

.cg_a-1 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  max-width: NaN%;
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: #8e9c52;
  background-image: url('../images/Callaway-SlipSheet-Set.jpg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  -o-object-fit: cover;
  object-fit: cover;
}

.container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.arrowcyan {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/arrowC.svg');
  background-position: 50% 50%;
  background-size: auto;
}

.arrowmagenta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/arrowM.svg');
  background-position: 50% 50%;
  background-size: auto;
}

.arrowyellow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/arrowY.svg');
  background-position: 50% 50%;
  background-size: auto;
}

.arrowblack {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/arrowK.svg');
  background-position: 50% 50%;
  background-size: auto;
}

.image-3 {
  position: relative;
  width: 100%;
}

.div-block-2 {
  position: relative;
  width: 100%;
}

.image-4 {
  position: relative;
  display: block;
  overflow: hidden;
  width: auto;
  max-width: none;
}

.slidecontainer {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: scroll;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.imagescroll {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: auto;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -o-object-fit: fill;
  object-fit: fill;
}

.image-5 {
  overflow: scroll;
  width: auto;
  height: 100%;
  max-width: 100%;
}

.image-6 {
  position: relative;
  width: auto;
  height: 60%;
  margin-right: 5px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.image-7 {
  position: relative;
  width: auto;
  height: 60%;
  margin-left: 5px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.image-8 {
  position: relative;
  overflow: hidden;
  height: 90%;
  max-width: none;
}

.image-9 {
  width: 80%;
}

.div-block-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.yl_b-copy {
  position: relative;
  display: block;
  overflow: scroll;
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: rgba(1, 173, 238, 0.2);
  background-image: url('../images/YLFCA_Register.jpg');
  background-position: 50% 0%;
  background-size: contain;
  background-repeat: no-repeat;
}

.yl_d1 {
  position: relative;
  width: 100.0000405661243%;
  height: 100%;
  background-color: rgba(1, 173, 238, 0.2);
  background-image: url('../images/YLFCA_ThankYou.jpg');
  background-position: 50% 50%;
  background-size: auto 90%;
  background-repeat: no-repeat;
}

.icon {
  text-shadow: 0 1px 6px grey;
}

.icon-2 {
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
}

.left-arrow-2 {
  display: none;
}

.right-arrow-3 {
  display: none;
}

.slide-nav-2 {
  display: none;
}

.icon-3 {
  color: #000;
}

.icon-4 {
  color: #000;
}

.slide-nav-3 {
  color: #000;
}

.left-arrow-3 {
  color: #000;
}

.icon-5 {
  color: #000;
}

.mm_a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 90%;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.mm_b {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 90%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.text-block-12 {
  font-family: Overpass, sans-serif;
}

.text-block-13 {
  font-family: Overpass, sans-serif;
}

.connectfooter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 101vw;
  height: 101vh;
  max-height: 105%;
  max-width: 105%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
}

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.utility-page-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

@media screen and (max-width: 991px) {
  .body {
    overflow: auto;
    height: 100.0001021119699%;
    min-height: auto;
    min-width: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .categorycontainer1 {
    height: 100%;
  }

  .facebook {
    height: auto;
  }

  .text-block-7 {
    width: 302px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 15px;
  }

  .footercontainer {
    width: 100%;
    height: 60px;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -o-object-fit: fill;
    object-fit: fill;
  }

  .socialmediacontainer {
    margin-bottom: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .linkedin {
    height: auto;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .twitter {
    height: auto;
  }

  .landingtitle {
    width: 520px;
  }

  .landingtitle2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 578px;
    margin-top: 10px;
  }

  .landingtitle3 {
    width: 540px;
    margin-top: 10px;
  }

  .landingtitle4 {
    width: 540px;
    margin-top: 0px;
  }

  .categorycontainer2 {
    height: 100%;
    padding-bottom: 0px;
  }

  .categorycontainer3 {
    height: 100%;
    padding-right: 0px;
  }

  .categorycontainer4 {
    height: 100%;
  }

  .contentcontain1 {
    display: none;
    padding: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .adtext {
    width: 100%;
    height: 50%;
    min-width: auto;
    padding: 15px 60px 30px;
  }

  .cgslider {
    width: 100%;
    height: 50%;
  }

  .arrow {
    width: 12px;
    height: 12px;
  }

  .heading-3 {
    font-size: 22px;
  }

  .cgtext {
    font-size: 13px;
    line-height: 18px;
  }

  .textdivider {
    height: 2px;
    border-bottom-width: 2px;
  }

  .yltext {
    font-size: 13px;
    line-height: 18px;
  }

  .ylslider {
    width: 100%;
    height: 50%;
  }

  .contentcontain2 {
    display: none;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .vmtext {
    width: 100%;
    height: 50%;
    min-width: auto;
    padding: 15px 60px 30px;
  }

  .heading_m {
    font-size: 22px;
    letter-spacing: 3px;
  }

  .olslider {
    width: 100%;
    height: 50%;
  }

  .caslider {
    width: 100%;
    height: 50%;
  }

  .oltext {
    font-size: 13px;
    line-height: 18px;
  }

  .contentcontain3 {
    display: none;
    margin-top: -3.5%;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .ddtext {
    width: 100%;
    height: 50%;
    padding: 15px 60px 30px;
  }

  .thslider {
    width: 100%;
    height: 50%;
  }

  .thtext {
    font-size: 13px;
    line-height: 18px;
  }

  .sltext {
    font-size: 13px;
    line-height: 18px;
  }

  .slslider {
    width: 100%;
    height: 50%;
  }

  .textdividerwhite {
    height: 2px;
    border-bottom-width: 2px;
  }

  .heading_y {
    font-size: 22px;
  }

  .contentcontain4 {
    display: none;
    margin-top: -4%;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .pdtext {
    width: 100%;
    height: 50%;
    min-width: auto;
    padding: 15px 60px 30px;
  }

  .udslider {
    width: 100%;
    height: 50%;
  }

  .mmslider {
    width: 100%;
    height: 50%;
  }

  .mmtext {
    font-size: 13px;
    line-height: 18px;
  }

  .udtext {
    font-size: 13px;
    line-height: 18px;
  }

  .heading_k {
    font-size: 22px;
  }

  .aboutcontainer {
    overflow: visible;
    height: auto;
  }

  .menufeature {
    overflow: hidden;
    padding: 60px 20px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .overlayheading {
    margin-top: 10px;
  }

  .overlaycontainer {
    overflow: scroll;
    margin-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .vmmagenta.vmsubnav {
    margin: 2px 0px;
    background-color: #ec008c;
    color: #000;
  }

  .contactcontainer {
    height: auto;
  }

  .overlaynav {
    margin-bottom: 20px;
    padding-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .pdwhite.pdsubnav {
    margin-top: 2px;
    margin-left: 0px;
    background-color: #fff;
    color: #000;
  }

  .menufeaturecontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: scroll;
    margin-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .socialmediacontainer-2 {
    padding-bottom: 18px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .overlay {
    display: none;
  }

  .linkedin-2 {
    height: auto;
  }

  .twitter-2 {
    height: auto;
  }

  .ddyellow.ddsubnav {
    margin: 2px 0px;
    background-color: #fff200;
    color: #000;
  }

  .adcyan.adsubnav {
    margin-right: 0px;
    margin-bottom: 2px;
    background-color: #01adee;
    color: #000;
  }
}

@media screen and (max-width: 767px) {
  .body {
    overflow: hidden;
    height: 100.0001021119699%;
  }

  .nav {
    height: 60px;
  }

  .categorycontainer1 {
    height: 100%;
  }

  .text-block-7 {
    width: 230px;
    font-size: 8px;
    line-height: 12px;
  }

  .footercontainer {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .socialmediacontainer {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .landingtitle {
    width: 390px;
  }

  .landingtitle2 {
    width: 435px;
  }

  .landingtitle3 {
    width: 405px;
  }

  .landingtitle4 {
    width: 405px;
  }

  .contentcontain1 {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .logoslider {
    width: 230px;
  }

  .menurollover {
    height: 60px;
  }

  .logocvr {
    height: 60px;
  }

  .menuslider {
    width: auto;
    height: 20px;
  }

  .aboutcontainer {
    padding-right: 20px;
    padding-left: 20px;
  }

  .contactcontainer {
    padding-right: 20px;
    padding-left: 20px;
  }

  .overlaynav {
    padding-right: 20px;
    padding-left: 20px;
  }

  .socialmediacontainer-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .overlay {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .body {
    overflow: hidden;
    height: 100%;
  }

  .categorycontainer1 {
    height: 100%;
    padding-top: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .logo {
    overflow: hidden;
    width: 200px;
    margin-left: 20px;
  }

  .menu {
    margin-right: 20px;
  }

  .landingbkrd1 {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-position: 0% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }

  .fbimg {
    width: 13.715278625488281px;
    margin-right: 10px;
    margin-left: 10px;
  }

  .instaimg {
    width: auto;
  }

  .facebook {
    margin-right: 6px;
    margin-left: 6px;
  }

  .twitterimg {
    width: auto;
  }

  .behanceimg {
    width: auto;
  }

  .instagram {
    margin-top: 0px;
    margin-right: 10px;
    margin-left: 10px;
  }

  .behance {
    margin-right: 10px;
    margin-left: 10px;
  }

  .text-block-7 {
    position: relative;
    width: 100%;
    margin-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 6px;
    line-height: 9px;
    text-align: center;
    letter-spacing: 0.5px;
  }

  .footercontainer {
    height: 90px;
    padding: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .linkedinimg {
    width: auto;
    margin-right: 6px;
    margin-left: 0px;
  }

  .socialmediacontainer {
    width: 100%;
    height: 30px;
    padding-bottom: 6px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .linkedin {
    margin-right: 10px;
  }

  .twitter {
    margin-left: 10px;
  }

  .landingtitle {
    width: 230px;
    height: 36px;
    margin-top: 10px;
    margin-left: 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    -o-object-fit: fill;
    object-fit: fill;
  }

  .titleoutline {
    max-width: none;
  }

  .landingtitle2 {
    width: 257px;
    height: 40px;
    margin-left: 20px;
  }

  .landingtitle3 {
    width: 240px;
    height: 40px;
    margin-left: 20px;
  }

  .landingtitle4 {
    width: 240px;
    height: 46px;
    margin-top: 10px;
    margin-left: 20px;
  }

  .categorycontainer2 {
    height: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .categorycontainer3 {
    height: 100%;
    padding-top: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .categorycontainer4 {
    height: 100%;
    padding-top: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .contentcontain1 {
    display: none;
    height: 100%;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .logocontain {
    width: 200px;
  }

  .titlecontain {
    width: 230px;
    height: auto;
  }

  .adtext {
    height: 50%;
    padding-top: 10px;
    padding-right: 40px;
    padding-left: 40px;
  }

  .cgslider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50%;
  }

  .contentlink {
    height: 34px;
  }

  .arrow {
    width: 10px;
    height: 10px;
  }

  .heading-3 {
    font-size: 20px;
  }

  .description {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .cgtext {
    font-size: 11px;
    line-height: 16px;
  }

  .yltext {
    font-size: 11px;
    line-height: 16px;
  }

  .ol_a {
    padding: 0px;
  }

  .cg_b {
    display: block;
  }

  .cg_c {
    display: block;
  }

  .cg_d {
    display: block;
  }

  .ylslider {
    display: none;
    height: 50%;
  }

  .contentcontain2 {
    display: none;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .vmtext {
    height: 60%;
    padding-top: 10px;
    padding-right: 40px;
    padding-left: 40px;
    background-color: transparent;
  }

  .heading_m {
    font-size: 20px;
  }

  .olslider {
    height: 50%;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .caslider {
    display: none;
    height: 50%;
  }

  .ca_b {
    padding: 0px;
  }

  .ca_c {
    padding: 0px;
  }

  .ca_d {
    padding: 0px;
  }

  .oltext {
    font-size: 11px;
    line-height: 15px;
  }

  .catext {
    display: none;
    font-size: 11px;
    line-height: 16px;
  }

  .contentcontain3 {
    display: none;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .ddtext {
    height: 50%;
    min-width: auto;
    margin-top: 10px;
    padding-top: 10px;
    padding-right: 40px;
    padding-left: 40px;
  }

  .thslider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50%;
  }

  .thtext {
    font-size: 11px;
    line-height: 16px;
  }

  .sltext {
    font-size: 11px;
    line-height: 16px;
  }

  .slslider {
    display: none;
    height: 50%;
  }

  .heading_y {
    font-size: 20px;
  }

  .contentcontain4 {
    display: none;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .pdtext {
    height: 50%;
    margin-top: 10px;
    padding-top: 10px;
    padding-right: 40px;
    padding-left: 40px;
    background-color: transparent;
  }

  .udslider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50%;
  }

  .mmslider {
    display: none;
    height: 50%;
  }

  .mmtext {
    font-size: 11px;
    line-height: 16px;
  }

  .udtext {
    font-size: 11px;
    line-height: 16px;
  }

  .heading_k {
    font-size: 20px;
  }

  .yl_a {
    display: block;
  }

  .cg_a {
    display: block;
    padding: 0px;
  }

  .aboutcontainer {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0px;
    padding-left: 0px;
  }

  .fbimg-2 {
    width: 13.715278625488281px;
  }

  .submit-button {
    height: 30px;
    margin-top: 20px;
  }

  .menufeature {
    height: 100%;
    padding: 0px;
    border-width: 10px;
    -o-object-fit: fill;
    object-fit: fill;
  }

  .text-block-2 {
    font-size: 13px;
    line-height: 20px;
  }

  .overlayheading {
    width: auto;
    padding-bottom: 5px;
    border-bottom-width: 2px;
    font-size: 22px;
    line-height: 26px;
  }

  .instaimg-2 {
    width: 19px;
  }

  .vmmagenta.vmsubnav {
    font-size: 16px;
  }

  .contactcontainer {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .overlaynav {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .twitterimg-2 {
    width: 20px;
  }

  .behanceimg-2 {
    width: 25px;
  }

  .instagram-2 {
    margin-right: 6px;
    margin-left: 6px;
  }

  .pdwhite.pdsubnav {
    font-size: 16px;
  }

  .behance-2 {
    margin-right: 6px;
    margin-left: 6px;
  }

  .text-block-3 {
    padding-bottom: 0px;
    padding-left: 0px;
    clear: none;
    color: #fff;
    font-size: 20px;
  }

  .form-block {
    height: 100%;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .close {
    position: absolute;
    top: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 35px;
    height: 35px;
    margin-top: 0px;
    margin-right: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .linkedinimg-2 {
    width: 20px;
    margin-right: 6px;
    margin-left: 0px;
  }

  .menufeaturecontainer {
    display: block;
    overflow: scroll;
    margin: 40px 0px 20px;
    padding-right: 30px;
    padding-left: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .overlay {
    display: none;
  }

  .linkedin-2 {
    margin-right: 6px;
  }

  .ddyellow.ddsubnav {
    font-size: 16px;
  }

  .adcyan.adsubnav {
    font-size: 16px;
  }

  .cg_a-1 {
    padding: 0px;
  }

  .image-10 {
    height: 90%;
  }

  .image-11 {
    height: 90%;
  }

  .image-12 {
    height: 90%;
  }

  .image-13 {
    height: 90%;
  }

  .image-14 {
    height: 90%;
  }

  .image-15 {
    height: 90%;
  }

  .image-16 {
    height: 90%;
  }

  .image-17 {
    height: 90%;
  }

  .connectfooter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .ig-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 65px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .image-18 {
    max-height: 65px;
    max-width: none;
    min-height: 0px;
  }

  .ig-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 65px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .ig-user {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 57px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
  }

  .image-19 {
    height: 65px;
    max-width: none;
  }

  .div-block-4 {
    width: 100%;
    padding-right: 0px;
    padding-bottom: 0px;
  }

  .slide-nav-4 {
    position: relative;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    display: none;
    height: 44px;
    margin-top: 0px;
    padding-top: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 8px;
  }

  .div-block-5 {
    position: relative;
    height: 37px;
    padding-right: 0px;
    padding-bottom: 0px;
  }

  .div-block-6 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    margin-top: -44px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .div-block-7 {
    padding-right: 12px;
    padding-bottom: 0px;
    padding-left: 12px;
  }

  .text-block-14 {
    position: relative;
    font-weight: 700;
  }

  .text-block-15 {
    margin-top: 10px;
    font-weight: 400;
  }

  .rich-text-block {
    padding-left: 12px;
  }

  .text-block-16 {
    position: relative;
    overflow: visible;
    margin-top: 10px;
    line-height: 16px;
  }

  .right-arrow-4 {
    display: none;
  }

  .left-arrow-4 {
    display: none;
  }

  .div-block-8 {
    position: fixed;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    width: 100%;
    height: 100px;
  }

  .image-20 {
    position: fixed;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    overflow: hidden;
    height: auto;
    border-top: 1px solid #dbdbdb;
  }

  .slider-2 {
    width: 100%;
    height: 41%;
  }

  .mask-4 {
    width: 100%;
    height: 110%;
  }

  .slide {
    width: 100%;
    height: 100%;
  }

  .slide-2 {
    width: 100%;
    padding-right: 0px;
    padding-bottom: 0px;
  }

  .div-block-9 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .background-video-2 {
    width: auto;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .background-video-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .background-video-4 {
    width: 100%;
    height: 100%;
  }

  .body-2 {
    overflow: scroll;
  }

  .slidersection {
    position: relative;
    width: 100%;
    height: 110%;
    padding-right: 0px;
    padding-bottom: 0px;
  }

  .div-block-11 {
    width: 100%;
    height: 100%;
  }

  .background-video-5 {
    overflow: visible;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .right-arrow-5 {
    display: none;
  }

  .left-arrow-5 {
    display: none;
  }

  .slide-nav-5 {
    display: none;
  }

  .slider-3 {
    -o-object-fit: fill;
    object-fit: fill;
  }

  .background-video-6 {
    display: inline-block;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -o-object-fit: none;
    object-fit: none;
  }

  .slider-4 {
    width: 100%;
    height: 100%;
    background-color: #fff;
  }

  .right-arrow-6 {
    display: none;
  }

  .left-arrow-6 {
    display: none;
  }

  .slide-nav-6 {
    position: relative;
    display: inline-block;
    margin-top: 0px;
    font-size: 8px;
  }

  .videocontainer {
    width: 100%;
    height: 100%;
    padding-right: 0px;
    padding-bottom: 0px;
  }

  .div-block-12 {
    width: 100%;
    height: 100%;
  }

  .background-video-7 {
    position: relative;
    width: 100vw;
  }
}

@font-face {
  font-family: 'Museo';
  src: url('../fonts/Museo-300.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Museo';
  src: url('../fonts/Museo-500.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Museo';
  src: url('../fonts/Museo-700.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}