body {
  font-family: Poppins, sans-serif;
  color: #212127;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

h1 {
  margin-top: 10px;
  margin-bottom: 0px;
  color: #212127;
  font-size: 60px;
  line-height: 60px;
  font-weight: 500;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #4253ff;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}

p {
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  color: #515157;
  font-size: 18px;
  line-height: 1.8;
}

a {
  color: #515157;
  text-decoration: underline;
}

blockquote {
  margin-bottom: 10px;
  padding: 0px 20px;
  border-left: 2px solid #4253ff;
  font-family: 'Playfair Display', sans-serif;
  font-size: 38px;
  line-height: 46px;
  font-style: italic;
}

.navigation-style-1 {
  height: 100px;
  padding-right: 30px;
  padding-left: 30px;
  background-color: #4253ff;
}

.nav-link {
  padding-left: 70px;
  border-bottom: 1px solid #ededed;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  color: #414147;
  font-size: 16px;
  font-weight: 500;
}

.nav-link:hover {
  padding-left: 80px;
  color: #4253ff;
}

.nav-link.w--current {
  color: #4253ff;
}

.nav-link.in-dropdown {
  padding-right: 20px;
}

.nav-link.normal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom-style: none;
  color: #f9f7e7;
  font-size: 20px;
}

.nav-link.normal.w--current {
  color: #f9f7e7;
  font-style: normal;
  text-decoration: underline;
}

.nav-link.normal.white {
  color: hsla(0, 0%, 100%, 0.8);
}

.nav-link.normal.white:hover {
  color: #fff;
}

.arrow-icon {
  margin-right: 50px;
  font-size: 12px;
}

.arrow-icon.vertical {
  margin-right: 3px;
}

.brand {
  top: 25px;
  display: block;
  width: 300px;
  margin-right: auto;
  margin-left: auto;
  float: none;
  text-align: center;
}

.brand.left {
  top: 17px;
  width: auto;
  float: left;
}

.container-fluid {
  display: block;
  max-width: 1170px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

.container-fluid.center {
  position: relative;
  top: 57%;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.container-fluid.center.second {
  top: 40%;
}

.container-fluid.center.third {
  top: 35%;
}

.container-fluid.center.fixed {
  top: 50%;
}

.container-fluid.center.intro {
  top: 38%;
}

.container-fluid.navbar {
  height: 100%;
}

.container-fluid.about {
  position: relative;
  top: 20vh;
}

.dropdown-link {
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  font-family: 'Playfair Display', sans-serif;
  color: #616167;
  font-weight: 400;
}

.dropdown-link:hover {
  color: #4253ff;
}

.dropdown-link.w--current {
  color: #4253ff;
}

.dropdown-list.w--open {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 50px;
  background-color: #fff;
}

.dropdown-list.normal-drop.w--open {
  padding-left: 0px;
  box-shadow: 0 12px 10px -9px rgba(0, 0, 0, 0.15);
}

.top-content {
  font-family: Poppins, sans-serif;
  font-weight: 400;
}

.social-icon-wrapper {
  height: 100px;
  padding-top: 35px;
  float: left;
}

.social-icon {
  width: 30px;
  height: 30px;
  float: right;
  border-radius: 5px;
}

.social-icon.facebook {
  background-image: url('../images/font-awesome_4-7-0_facebook_100_0_ffffff_none-4_1font-awesome_4-7-0_facebook_100_0_ffffff_none (4).png');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
}

.social-icon.twitter {
  background-image: url('../images/font-awesome_4-7-0_twitter_100_0_ffffff_none-5_1font-awesome_4-7-0_twitter_100_0_ffffff_none (5).png');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
}

.social-icon.insta {
  background-image: url('../images/font-awesome_4-7-0_instagram_100_0_ffffff_none-6_1font-awesome_4-7-0_instagram_100_0_ffffff_none (6).png');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
}

.social-icon.google {
  background-image: url('../images/font-awesome_4-7-0_google_100_0_ffffff_none_1font-awesome_4-7-0_google_100_0_ffffff_none.png');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
}

.social-icon.in-team {
  width: 40px;
  height: 40px;
  margin-right: 5px;
  margin-left: 5px;
  float: none;
  border-radius: 100%;
  opacity: 1;
}

.social-icon.in-team.facebook {
  background-color: #3b5998;
}

.social-icon.in-team.twitter {
  background-color: #55acee;
}

.social-icon.in-team.insta {
  background-color: #e95950;
}

.social-icon.in-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 5px;
  -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.6;
}

.social-icon.in-footer:hover {
  opacity: 0.8;
}

.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9997;
  display: none;
  width: 100%;
  height: 100%;
  margin-top: auto;
  margin-bottom: 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: #fff;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.preloader-icon {
  position: relative;
  left: 50%;
  top: 50%;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  background-color: #4253ff;
  background-image: url('../images/tail-spin.svg');
  background-position: 50% 50%;
  background-size: 50px;
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.banner-style-1 {
  position: relative;
  overflow: hidden;
  height: 800px;
  background-color: #f9f7e8;
}

.banner-style-1.more-top-margin {
  margin-top: 85px;
}

.banner-style-1.style-5 {
  height: 800px;
  background-color: transparent;
}

.banner-style-1.with-photo {
  overflow: visible;
  height: auto;
  min-height: 100vh;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(13%, transparent), color-stop(59%, #f3f4e6)), url('../images/kitchen.jpg');
  background-image: linear-gradient(90deg, transparent 13%, #f3f4e6 59%), url('../images/kitchen.jpg');
  background-position: 0px 0px, 0% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.banner-style-1.white {
  height: auto;
  background-color: #fff;
}

.banner-style-1.green {
  overflow: visible;
  height: auto;
  min-height: 4000px;
  background-color: #00665c;
}

.section {
  position: relative;
  padding: 100px 10px;
  border-bottom: 1px solid #ededed;
}

.section.no-line {
  border-bottom-style: none;
}

.section.gray {
  background-color: #f5f6f9;
}

.section.gray.no-line.in-blog-sub-page {
  padding-top: 180px;
}

.section.gray.not-normal {
  padding-bottom: 60px;
}

.section.gray._100vh {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section.less-space {
  padding-top: 70px;
  padding-bottom: 70px;
}

.section.yellow {
  background-color: #f9f7e8;
}

.section.yellow.short {
  padding: 0px;
  height: 50px;
}

.section.blue {
  padding-top: 80px;
  padding-bottom: 70px;
  background-color: #4253ff;
}

.section.overflow {
  overflow: hidden;
}

.section.overflow.no-line.no-padding-ver {
  padding-top: 0px;
  padding-bottom: 0px;
}

.section.overflow.no-line.no-padding-ver.no-padding-hor {
  padding-right: 0px;
  padding-left: 0px;
}

.section.color {
  background-color: #d81159; /* vikram: 62bfac */
}

.section.color.with-photo {
  padding-top: 200px;
  padding-bottom: 150px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(66, 83, 255, 0.9)), to(rgba(66, 83, 255, 0.9))), url('../images/hand.jpg');
  background-image: linear-gradient(180deg, rgba(66, 83, 255, 0.9), rgba(66, 83, 255, 0.9)), url('../images/hand.jpg');
  background-position: 0px 0px, 50% 0px;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.section.with-photo {
  padding-top: 120px;
  padding-bottom: 130px;
  border-bottom-style: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/blog-5.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/blog-5.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.section.gradient-1 {
  background-image: linear-gradient(45deg, #d81159, #d81159);
  /* VIKRAM background-image: linear-gradient(45deg, #62bfac, #24bca4); */
}

.section.gradient-2 {
  background-image: linear-gradient(45deg, #e9d8a6, #fcbf49);
}

.section.in-blog-page {
  padding-bottom: 20px;
}

.section.gradient-3 {
  background-color: #d81159; /* vikram: 62bfac */
}

.section.story {
  position: static;
  display: none;
  height: 500vw;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.section.story-2 {
  padding-top: 50px;
  padding-right: 0px;
  padding-left: 0px;
}

.section.story-2.mobile {
  display: none;
}

.top-title {
  margin-bottom: 80px;
}

.top-title.less {
  margin-bottom: 40px;
}

.align-center {
  text-align: center;
}

.menu-button {
  position: relative;
  top: 20px;
  z-index: 9999;
  overflow: hidden;
  width: 60px;
  height: 60px;
  padding: 0px;
  float: right;
  border-radius: 100%;
  background-color: #4253ff;
}

.menu-button.w--open {
  background-color: #4253ff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.menu-button.no-background {
  background-color: transparent;
}

.menu-button.no-background.upper {
  top: 10px;
}

.line-1 {
  position: absolute;
  left: 0px;
  top: 18px;
  right: 0px;
  z-index: 2;
  display: block;
  width: 35px;
  height: 2px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
}

.line-1.blue-line {
  background-color: #4253ff;
}

.line-2 {
  position: absolute;
  left: 0px;
  top: 28px;
  right: 0px;
  display: block;
  width: 35px;
  height: 2px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
}

.line-2.blue-line {
  background-color: #4253ff;
}

.line-3 {
  position: absolute;
  left: 0px;
  top: 38px;
  right: 0px;
  display: block;
  width: 35px;
  height: 2px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
}

.line-3.blue-line {
  background-color: #4253ff;
}

.nav-menu {
  overflow: scroll;
  width: 450px;
  padding-top: 80px;
  background-color: #fff;
  box-shadow: 20px 0 100px -9px rgba(0, 0, 0, 0.2);
}

.nav-menu.second-style {
  height: 100%;
}

.brand-logo-second {
  width: 100%;
  margin-bottom: 40px;
  padding-left: 70px;
  text-align: left;
}

.bottom-info {
  margin-top: 40px;
  padding-right: 50px;
  padding-left: 70px;
}

.bottom-info-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -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;
}

.bottom-icon {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background-image: url('../images/phone-call-10.svg');
  background-position: 50% 50%;
  background-size: 22px;
  background-repeat: no-repeat;
  opacity: 0.5;
}

.bottom-icon.ico-2 {
  background-image: url('../images/mail-2.svg');
  background-size: 22px;
}

.text-block {
  font-family: 'Playfair Display', sans-serif;
  color: #515157;
  font-size: 16px;
  line-height: 26px;
}

.vertical-flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
  text-align: left;
}

.sub-text-title {
  display: inline-block;
  font-family: 'Playfair Display', sans-serif;
  color: #717177;
  font-size: 18px;
  line-height: 26px;
  font-style: italic;
}

.sub-text-title.white {
  color: hsla(0, 0%, 100%, 0.8);
}

.sub-text-title.white.biger {
  margin-bottom: 15px;
  color: #fff;
  font-size: 23px;
  line-height: 34px;
  font-style: italic;
  text-decoration: none;
}

.sub-text-title.white.biger.in-ath-page {
  margin-top: 10px;
}

.sub-text-title.white.biger.categories {
  padding: 9px 20px;
  border-radius: 5px;
  font-family: Poppins, sans-serif;
  font-size: 15px;
  line-height: 26px;
  font-style: normal;
}

.sub-text-title.quote-text {
  color: #fff;
  font-size: 22px;
  line-height: 35px;
  font-style: italic;
}

.top-margin {
  margin-top: 40px;
  /* text-align: center;  MODIFIED */
}

.top-margin.less {
  margin-top: 20px;
  border: 0px solid transparent;
  /* text-align: center;  MODIFIED */
}

.top-margin.big {
  margin-top: 150px;
}

.top-margin.more {
  margin-top: 60px;
}

.button {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 17px 25px 15px;
  background-color: #4253ff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}

.button:hover {
  color: #fff;
}

.button.button-outline {
  overflow: hidden;
  border: 2px solid #d81159; /* vikram: 62bfac */
  background-color: transparent;
  color: #4253ff;
}

.button.button-outline:hover {
  color: #fff;
}

.button.button-outline.line {
  border: 2px solid #d81159; /* vikram: 62bfac */
  background-color: transparent;
  box-shadow: inset 0 0 0 2px #fff;
  -webkit-transition-property: none;
  transition-property: none;
  color: #fff;
}

.button.button-outline.line:hover {
  box-shadow: inset 0 0 0 2px #d81159; /* vikram: 62bfac */
}

.button.button-outline.line.blue-line {
  box-shadow: inset 0 0 0 2px #4253ff;
  color: #4253ff;
}

.button.button-outline.line.blue-line:hover {
  color: #fff;
}

.button.button-outline.line.blue-line.second-line {
  box-shadow: inset 0 0 0 2px #5fa9d2;
  color: #5fa9d2;
}

.button.button-outline.line.blue-line.second-line:hover {
  color: #fff;
}

.button.button-outline.line.blue-line.third-line {
  box-shadow: inset 0 0 0 2px #c6e188;
  color: #c6e188;
}

.button.button-outline.line.blue-line.third-line:hover {
  color: #fff;
}

.button.button-outline.line.blue-line.fourth-line {
  box-shadow: inset 0 0 0 2px #c86f98;
  color: #c86f98;
}

.button.button-outline.line.blue-line.fourth-line:hover {
  color: #fff;
}

.button.button-outline.line.solid-hover {
  box-shadow: inset 0 0 0 2px #eee;
}

.button.button-outline.line.solid-hover:hover {
  background-color: #fff;
  box-shadow: inset 0 0 0 2px #fff;
}

.button.button-outline.line.solid-hover.orange:hover {
  color: #fe7b01;
}

.button.button-outline.line.solid-hover.blue:hover {
  color: #5ea9d2;
}

.button.button-outline.in-form:hover {
  background-color: #d81159; /* vikram: 62bfac */
}

.button.subscribe {
  width: 30%;
  height: 50px;
  float: left;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.button.subscribe.search-button {
  width: 20%;
}

.button.second-color {
  background-color: #5fa9d2;
}

.button.third-color {
  background-color: #c6e188;
}

.button.fourth-color {
  background-color: #D81259; /* #c86f98 */
}

.button.navbar {
  margin-right: 20px;
  margin-left: 20px;
  padding-top: 12px;
  padding-bottom: 10px;
  background-color: #D81259; /* VIKRAM: #ffbc42 #f9f7e8 */
  -webkit-transition-property: none;
  transition-property: none;
  color: #fff;
}

.button.orange-outline {
  margin-top: 27px;
  border-style: solid;
  border-width: 2px;
  border-color: #fe7b01;
  background-color: transparent;
  color: #fe7b01;
}

.button.orange-outline:hover {
  color: #fff;
}

.button.cathay {
  background-color: #e70013;
}

.button.button-white {
  background-color: #fff;
}

.button.button-white-border {
  border: 2px solid #fff;
  background-color: transparent;
}

.button.button-green {
  background-color: #d81159; /* vikram: 62bfac */
}

.text-block-2 {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 18px;
  text-decoration: none;
}

.text-block-2.horizontal {
  display: inline-block;
  margin-left: 13px;
  color: #fff;
}

.text-block-2.horizontal.mobile {
  display: none;
}

.button-overlay {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: none;
  height: 0%;
  margin-top: auto;
  margin-bottom: 0px;
  background-color: #d81159; /* vikram: 62bfac */
}

.button-overlay.second-color {
  background-color: #5fa9d2;
}

.button-overlay.third-color {
  background-color: #c6e188;
}

.button-overlay.fourth-color {
  background-color: #D81259; /* #c86f98 */
}

.features-wrapper {
  padding-right: 15px;
  padding-left: 15px;
  text-align: center;
}

.features-wrapper.more-left-right {
  padding-right: 30px;
  padding-left: 30px;
}

.features-icon {
  display: block;
  width: 80px;
  height: 80px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
}

.features-icon.office {
  background-image: url('../images/office-icon.svg');
  background-position: 50% 50%;
  background-size: 60px;
  background-repeat: no-repeat;
}

.features-icon.store {
  background-image: url('../images/store-icon.svg');
  background-position: 50% 50%;
  background-size: 60px;
  background-repeat: no-repeat;
}

.features-icon.ico-3 {
  background-image: url('../images/monitor-4.svg');
  background-position: 50% 50%;
  background-size: 60px;
  background-repeat: no-repeat;
}

.features-icon.ico-4 {
  background-image: url('../images/startup-1.svg');
  background-position: 50% 50%;
  background-size: 70px;
  background-repeat: no-repeat;
}

.features-icon.ico-5 {
  background-image: url('../images/light-bulb-2_1.svg');
  background-position: 50% 50%;
  background-size: 65px;
  background-repeat: no-repeat;
}

.features-icon.icon-6 {
  background-image: url('../images/pencil-case.svg');
  background-position: 50% 50%;
  background-size: 65px;
  background-repeat: no-repeat;
}

.features-icon.ico-6 {
  background-image: url('../images/monitor-4_1.svg');
  background-position: 50% 50%;
  background-size: 65px;
  background-repeat: no-repeat;
}

.features-icon.ico-7 {
  background-image: url('../images/placeholder-11.svg');
  background-position: 50% 50%;
  background-size: 50px;
  background-repeat: no-repeat;
}

.features-icon.ico-8 {
  background-image: url('../images/phone-call-11.svg');
  background-position: 50% 50%;
  background-size: 50px;
  background-repeat: no-repeat;
}

.features-icon.ico-9 {
  background-image: url('../images/mail-3.svg');
  background-position: 50% 50%;
  background-size: 50px;
  background-repeat: no-repeat;
}

.features-icon.ico-10 {
  background-image: url('../images/startup-1_1.svg');
  background-position: 50% 50%;
  background-size: 65px;
  background-repeat: no-repeat;
}

.features-icon.ico-11 {
  background-image: url('../images/light-bulb-2.svg');
  background-position: 50% 50%;
  background-size: 65px;
  background-repeat: no-repeat;
}

.features-icon.ico-12 {
  background-image: url('../images/pencil-case_1.svg');
  background-position: 50% 50%;
  background-size: 60px;
  background-repeat: no-repeat;
}

.features-icon.ico-13 {
  background-image: url('../images/text-1.svg');
  background-position: 50% 50%;
  background-size: 55px;
  background-repeat: no-repeat;
}

.features-icon.ico-16 {
  background-image: url('../images/image.svg');
  background-position: 50% 50%;
  background-size: 60px;
  background-repeat: no-repeat;
}

.features-icon.second-featured {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100px;
  height: 100px;
  margin-bottom: 15px;
  -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;
  border: 2px solid #d81159; /* vikram: 62bfac */
  border-radius: 100%;
}

.features-icon.second-featured.sea-line {
  border-color: #5fa9d2;
}

.features-icon.second-featured.line-line {
  border-color: #c6e188;
}

.features-icon.second-featured.purple-line {
  border-color: #c86f98;
}

.features-icon.second-featured.blue-line {
  border-color: #4253ff;
}

.features-icon.second-featured.turquaz-line {
  border-color: #24bca4;
}

.features-icon.ico-17 {
  background-image: url('../images/59c4cbf54590f3000140eee9_text-1.svg');
  background-position: 50% 50%;
  background-size: 60px;
  background-repeat: no-repeat;
}

.features-icon.ico-18 {
  background-image: url('../images/image_1.svg');
  background-position: 50% 50%;
  background-size: 60px;
  background-repeat: no-repeat;
}

.features-icon.india-icon {
  background-image: url('../images/India.svg');
  background-position: 50% 50%;
  background-size: 65px;
  background-repeat: no-repeat;
}

.features-icon.service {
  background-image: url('../images/service.svg');
  background-position: 50% 50%;
  background-size: 65px;
  background-repeat: no-repeat;
}

.features-icon.clock {
  background-image: url('../images/clock.svg');
  background-position: 50% 50%;
  background-size: 60px;
  background-repeat: no-repeat;
}

.features-icon.menus {
  background-image: url('../images/rotate.svg');
  background-position: 50% 50%;
  background-size: 55px;
  background-repeat: no-repeat;
}

.line-divider {
  display: block;
  width: 15%;
  height: 2px;
  margin: 15px auto;
  background-color: #4253ff;
}

.line-divider.white {
  background-color: #fff;
}

.line-divider.left {
  margin-bottom: 25px;
  margin-left: 0px;
}

.line-divider.left.left-white {
  background-color: #fff;
}

.line-divider.gray-line {
  height: 1px;
  background-color: #acacac;
}

.line-divider.orange-line {
  background-color: #fe7b01;
}

.line-divider.sea-line {
  background-color: #5fa9d2;
}

.line-divider.lime-color {
  background-color: #c6e188;
}

.line-divider.purple-line {
  background-color: #c86f98;
}

.line-divider.turquaz-line {
  background-color: #24bca4;
}

.arrow-down-button {
  position: absolute;
  left: 50%;
  right: 0px;
  bottom: -25px;
  z-index: 10;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border: 1px solid #e1e1e1;
  border-radius: 100%;
  background-color: #d81159;
  background-image: url('../images/down-arrow-5.svg');
  background-position: 50% 53%;
  background-size: 20px;
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}

.arrow-down-button.center {
  bottom: 15px;
}

.horizontal-flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
}

.horizontal-flex-row.top {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.horizontal-flex-row.top-left {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.horizontal-flex-row.justify-vertical {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.horizontal-flex-row.justify-vertical.right-distribute {
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.horizontal-flex-row.distribute {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.left-photo-wrapper {
  position: relative;
  margin-left: 80px;
}

.image.with-corner {
  margin-left: -50px;
  border-radius: 5px;
}

.image.bigger {
  width: auto;
  max-height: 100%;
  max-width: none;
}

.image.bigger.with-corner {
  margin-left: 50px;
}

.image.bigger.left {
  position: relative;
  right: 620px;
}

.image.bigger.normal {
  max-width: 750px;
  margin-left: -50px;
}

.image.bigger.normal.move-up {
  margin-top: 400px;
  margin-bottom: 400px;
  margin-left: -123px;
}

.image.rounded-corners {
  border-radius: 5px;
}

.image.smaller {
  width: 90%;
}

.image.smaller.truck {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.feautes-services-wrapper {
  position: relative;
  left: 50px;
  z-index: 1;
  display: block;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  padding: 30px 15px 10px;
  border-radius: 6px;
  background-color: #8f2d56; /* vikram: 62bfac */
}

.feautes-services-wrapper.other-color {
  background-color: #5fa9d2;
}

.feautes-services-wrapper.normal-features {
  left: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 250px;
  height: 250px;
  padding-top: 48px;
  padding-right: 20px;
  padding-left: 20px;
  -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;
  border-radius: 100%;
}

.feautes-services-wrapper.normal-features.second-color {
  background-color: #5fa9d2;
}

.feautes-services-wrapper.normal-features.third-color {
  background-color: #c6e188;
}

.feautes-services-wrapper.normal-features.fourth-color {
  background-color: #c86f98;
}

.feautes-services-wrapper.right {
  left: -80px;
  z-index: 100;
}

.feautes-services-wrapper.second-color {
  background-color: #c86f98;
}

.feautes-services-wrapper.third-color {
  background-color: #24bca4;
}

.heading-white {
  color: #fff;
  line-height: 1.2;
}

.heading-white.fun-facts {
  font-size: 41px;
  line-height: 50px;
  font-weight: 400;
}

.heading-white.blog-post-title {
  margin-bottom: 0px;
}

.heading-white.in-pass {
  margin-bottom: 30px;
}

.heading-white.light-text {
  font-weight: 200;
}

.heading-white.cathay {
  display: inline-block;
  padding-right: 7px;
  padding-left: 7px;
  font-size: 46px;
  line-height: 1.6;
}

.paragraph-medium {
  font-size: 18px;
  line-height: 2;
}
.paragraph-medium.more-margin-top {
  margin-top: 20px;
}

.paragraph-white {
  color: #fff;
  font-size: 18px;
  line-height: 2;
}

.paragraph-white.partners {
  font-style: italic;
}

.paragraph-white.companies-section {
  display: block;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.paragraph-white.top-margin-less {
  margin-top: 10px;
}

.paragraph-white.small-font {
  font-size: 18px;
}

.paragraph-white.cathay {
  margin-bottom: 20px;
}

.paragraph-white.small {
  font-size: 18px;
}

.tabs-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  -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;
}

.tab-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 180px;
  height: 100px;
  margin-right: 10px;
  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;
  border: 1px solid transparent;
  border-radius: 5px;
  background-color: transparent;
  opacity: 0.6;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.tab-logo.w--current {
  border-color: #e1e1e1;
  background-color: transparent;
}

.tab-logo.logo-2 {
  background-image: url('../images/partner3.png');
  background-size: 115px;
}

.tab-logo.logo-3 {
  background-image: url('../images/partner7.png');
  background-size: 115px;
}

.tab-wrapper {
  display: block;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
  font-family: 'Playfair Display', sans-serif;
  color: #515157;
  font-size: 28px;
  line-height: 38px;
  font-style: normal;
}

.lightbox-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  margin-right: auto;
  margin-left: auto;
  -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: Poppins, sans-serif;
  color: #4253ff;
  font-size: 14px;
  line-height: 30px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
}

.lightbox-tab.left-light {
  margin-left: 0px;
}

.play-button {
  margin-right: 10px;
}

.div-block {
  color: #414147;
}

.author-wrapper {
  display: block;
  width: 97%;
  margin-top: 80px;
  margin-right: auto;
  margin-left: auto;
  padding: 100px 55px 40px;
  border-radius: 8px;
  background-color: #fff;
  text-align: center;
  text-decoration: none;
}

.author-wrapper.second-option {
  margin-top: 0px;
  padding-top: 20px;
  padding-bottom: 0px;
}

.author-wrapper.third-option {
  border: 1px solid #ececec;
}

.author-wrapper.fourth-option {
  margin-top: 0px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.author-photo {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  width: 160px;
  height: 160px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 100%;
  background-image: url('../images/example-bg.png');
  background-position: 50% 0px;
  background-size: 250px;
  background-repeat: no-repeat;
  box-shadow: 8px 8px 10px -7px rgba(0, 0, 0, 0.3);
}

.author-photo.second-author {
  position: relative;
  width: 240px;
  height: 240px;
  margin-bottom: 20px;
  border-radius: 5px;
  background-size: cover;
  box-shadow: none;
}

.author-photo.third-author {
  position: relative;
  width: 140px;
  height: 140px;
  margin-bottom: 30px;
}

.author-photo.in-page {
  position: relative;
  width: 180px;
  height: 180px;
  margin-bottom: 20px;
  background-size: cover;
}

.half-section {
  position: relative;
  width: 50%;
  height: auto;
}

.half-section.photo {
  background-image: url('../images/lee-campbell-86958-2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.half-section.sea-color {
  background-color: #5fa9d2;
}

.half-section.green-color {
  background-color: #24bca4;
}

.half-section.photo-2 {
  background-image: url('../images/lee-campbell-86958-4.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.half-section.photo-3 {
  background-image: url('../images/lee-campbell-86958-3.jpg');
  background-position: 100% 50%;
  background-size: cover;
}

.half-section.biger {
  height: 450px;
}

.half-section.biger.gray {
  background-color: #f5f6f9;
}

.half-section.biger.gray._30-percent {
  width: 30%;
}

.half-section.biger._65-percent {
  width: 70%;
}

.half-section.photo-4 {
  background-image: url('../images/testi.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.half-section.blue {
  background-color: #4253ff;
}

.half-section.photo-5 {
  background-image: url('../images/ad.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.half-section.purple-color {
  background-color: #c86f98;
}

.half-section.lime-color {
  background-color: #c6e188;
}

.half-section.pashmina {
  background-image: url('../images/photo_pashmina.jpg');
  background-position: 0% 25%;
  background-size: cover;
}

.half-section.red-color {
  background-color: #e52b50;
}

.half-section.lavendar-color {
  background-color: #92a1cf;
}

.half-section.peach-color {
  background-color: #f96;
}

.half-section.mass-production {
  background-image: url('../images/IMG_0080-2.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.half-section.mass-production-2 {
  background-image: url('../images/IMG_0066.jpg');
  background-position: 60% 50%;
  background-size: cover;
}

.half-section.preservatives {
  background-image: url('../images/ero-preservatives.jpg');
  background-position: 90% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.half-section.flex-vertical {
  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: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.half-section.business {
  background-image: url('../images/IMG_0279.jpg');
  background-position: 100% 50%;
  background-size: cover;
}

.half-section.post-sales {
  background-image: url('../images/laptop-work.jpg');
  background-position: 20% 50%;
  background-size: cover;
}

.white-title {
  position: relative;
  top: -10px;
  display: inline-block;
  margin-right: 25px;
  color: #fff;
  font-size: 38px;
  line-height: 42px;
  font-weight: 400;
}

.white-title.full {
  display: block;
  margin-bottom: 10px;
}

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

.section-flex.backstory {
  display: none;
  min-height: 90vh;
}

.section-flex.foodservices {
  min-height: 40vh;
}

.center-div {
  position: relative;
  top: 50%;
  display: block;
  width: 70%;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.center-div.about-pash {
  width: 85%;
  padding-top: 35px;
  padding-bottom: 35px;
}

.form-block {
  width: 75%;
  margin-bottom: 0px;
}

.form-block.center {
  display: block;
  width: 60%;
  margin-right: auto;
  margin-left: auto;
}

.form-block.normal {
  width: 100%;
}

.form-block.full {
  width: 100%;
}

.text-field {
  height: 50px;
  margin-bottom: 12px;
  border: 1px solid #ececec;
  border-radius: 8px;
  font-family: 'Playfair Display', sans-serif;
}

.text-field:active {
  border-color: #5f6dfc;
}

.text-field:focus {
  border-color: #5f6dfc;
}

.text-field.area {
  height: auto;
  margin-bottom: 20px;
  padding-top: 12px;
  padding-bottom: 40px;
}

.success-message {
  background-color: #35b880;
  color: #fff;
}

.error-message {
  background-color: #df1c1c;
  color: #fff;
}

.project-wrapper {
  display: block;
  width: 100%;
  text-decoration: none;
  cursor: pointer;
}

.project-wrapper.second {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  padding: 20px 20px 15px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  text-decoration: none;
}

.project-wrapper.second:hover {
  background-color: #fff;
  box-shadow: 0 20px 30px -7px rgba(0, 0, 0, 0.08);
}

.project-wrapper.second.make-white {
  background-color: #fff;
}

.project-wrapper.second.make-white:hover {
  -webkit-transform: translate(0px, -10px);
  -ms-transform: translate(0px, -10px);
  transform: translate(0px, -10px);
}

.collection-item {
  padding-right: 0px;
  padding-left: 0px;
}

.blog-wrapper {
  display: block;
  width: 75%;
  margin-right: auto;
  margin-left: auto;
}

.blog-wrapper.wrapper-2 {
  width: 97%;
}

.blog-wrapper.in-blog-page {
  margin-bottom: 80px;
}

.blog-image-wrapper {
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
}

.blog-image-wrapper.less-margin {
  margin-bottom: 20px;
}

.blog-content {
  padding-left: 250px;
}

.blog-content.normal-content {
  position: relative;
  top: -50px;
  padding-left: 0px;
  text-align: center;
}

.blog-title {
  margin-bottom: 15px;
}

.blog-title.smaller {
  margin-bottom: 0px;
  font-size: 22px;
  line-height: 30px;
}

.top-blog-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
}

.top-blog-info.second-style {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #fff;
  box-shadow: 7px 7px 20px -5px rgba(0, 0, 0, 0.08);
}

.author-post-photo {
  width: 60px;
  height: 60px;
  margin-right: 15px;
  border-radius: 100%;
  background-image: url('../images/example-bg.png');
  background-position: 50% 50%;
  background-size: 90px;
  background-repeat: no-repeat;
}

.author-post-photo.post-second {
  margin-left: -46px;
  float: left;
}

.blog-small-text {
  margin-right: 5px;
  font-family: 'Playfair Display', sans-serif;
  color: #717177;
  font-style: normal;
}

.blog-small-text.name {
  display: inline-block;
  margin-right: 50px;
  color: #414147;
  text-decoration: none;
  cursor: pointer;
}

.blog-small-text.name:hover {
  color: #4253ff;
}

.blog-small-text.name.no-margin {
  margin-right: 0px;
}

.blog-small-text.name.white-name {
  color: #fff;
}

.blog-small-text.make-inline {
  display: inline-block;
}

.blog-small-text.whiten {
  color: hsla(0, 0%, 100%, 0.8);
}

.category-text {
  position: absolute;
  left: 20px;
  top: 20px;
  border-radius: 5px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
}

.meta-tag {
  display: inline-block;
  margin-right: 15px;
  padding: 9px 15px 7px;
  border-radius: 4px;
  background-color: #4253ff;
  color: #fff;
}

.meta-tag.in-project {
  margin-right: 0px;
  border: 1px solid #d6d4d4;
  background-color: transparent;
  color: #717177;
}

.meta-tag.in-project.in-overlay {
  border-color: hsla(0, 0%, 100%, 0.32);
  color: #fff;
}

.project-content {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin: 15px;
  padding: 20px 10px 20px 25px;
  -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;
  background-color: hsla(0, 0%, 100%, 0.97);
}

.project-content.last-bottom {
  position: relative;
  margin: 0px;
  padding: 30px 70px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  text-align: center;
}

.project-title {
  margin-bottom: 5px;
  color: #4253ff;
  font-size: 21px;
  line-height: 32px;
}

.project-paragraph {
  margin-bottom: 0px;
}

.div-block-2 {
  padding-right: 40px;
  padding-left: 30px;
}

.footer-style-1 {
  padding-top: 50px;
  padding-bottom: 30px;
}

.footer-logo {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
}

.footer-logo.style-2 {
  margin-bottom: 15px;
  padding-top: 0px;
}

.footer-logo.fourth-option {
  margin-right: 15px;
}

.line-divider-footer {
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: #e1e1e1;
}

.line-divider-footer.second-style {
  margin-bottom: 40px;
}

.copyright {
  margin-bottom: 0px;
  font-size: 14px;
  font-style: italic;
}

.footer-link {
  display: inline-block;
  color: #818187;
  text-decoration: none;
  cursor: pointer;
}

.footer-link.white-transparent {
  color: hsla(0, 0%, 100%, 0.8);
}

.navigation-style-2 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100px;
  padding-right: 10px;
  padding-left: 10px;
  background-color: #d81159 !important;
  box-shadow: 0 12px 10px -9px rgba(0, 0, 0, 0.05);
}

.navigation-style-2.transparent {
  position: relative;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.14);
  background-color: transparent;
  box-shadow: none;
}

.navigation-style-2.test {
  position: relative;
}

.brand-style-2 {
  top: 18px;
}

.row {
  margin-top: 40px;
}

.project-content-second {
  padding: 20px 0px 0px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: transparent;
  text-align: center;
}

.div-block-3 {
  position: relative;
}

.banner-style-2 {
  height: 800px;
  background-color: #4253ff;
}

.left-padding {
  padding-right: 30px;
}

.left-padding.more-left {
  padding-right: 60px;
}

.left-padding.margins {
  margin-top: 25px;
  margin-bottom: 25px;
}

.partners-wrapper {
  width: 95%;
  margin-bottom: 60px;
  padding-right: 30px;
  padding-left: 40px;
  border-left: 1px solid hsla(0, 0%, 100%, 0.2);
}

.partner-logo {
  opacity: 0.7;
}

.author-name {
  margin-bottom: 0px;
}

.author-name.remove-top-margin {
  margin-top: 0px;
}

.social-author {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 15px;
}

.work-name {
  color: #717177;
  font-size: 16px;
  font-style: italic;
}

.work-name.in-fuct-facts {
  color: #fff;
}

.work-name.whiter {
  color: hsla(0, 0%, 100%, 0.61);
}

.div-block-4 {
  display: block;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.footer-style-2 {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f5f6f9;
}

.align-right {
  text-align: right;
}

.column-2 {
  padding-left: 0px;
}

.column-3 {
  padding-right: 0px;
}

.social-footer {
  width: 40px;
  height: 40px;
  margin-right: 3px;
  background-image: url('../images/font-awesome_4-7-0_facebook_100_0_121217_none_1font-awesome_4-7-0_facebook_100_0_121217_none.png');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
  opacity: 0.5;
}

.social-footer.twitter {
  background-image: url('../images/font-awesome_4-7-0_twitter_100_0_121217_none_1font-awesome_4-7-0_twitter_100_0_121217_none.png');
}

.social-footer.insta {
  background-image: url('../images/font-awesome_4-7-0_instagram_100_0_121217_none_1font-awesome_4-7-0_instagram_100_0_121217_none.png');
  background-size: 18px;
}

.social-footer.behance {
  background-image: url('../images/font-awesome_4-7-0_behance_100_0_121217_none_1font-awesome_4-7-0_behance_100_0_121217_none.png');
  background-size: 20px;
}

.subscribe-field {
  width: 70%;
  height: 50px;
  margin-bottom: 0px;
  padding-left: 15px;
  float: left;
  border-style: none;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}

.subscribe-form {
  width: 70%;
  margin-bottom: 0px;
  float: right;
}

.subscribe-form.normal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  margin-right: auto;
  margin-left: auto;
  float: none;
  clear: right;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.subscribe-form.left {
  display: inline-block;
  width: 100%;
  float: none;
}

.footer-navigation {
  display: block;
  margin-bottom: 10px;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  color: #717177;
  font-weight: 500;
  text-decoration: none;
}

.footer-navigation:hover {
  color: #4253ff;
}

.footer-navigation.white-link {
  color: hsla(0, 0%, 100%, 0.7);
}

.footer-navigation.white-link:hover {
  color: #fff;
}

.bottom-margin {
  margin-bottom: 30px;
}

.map {
  height: 300px;
  border-radius: 5px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.map.full {
  height: 100%;
}

.navigation-style-3 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 80px;
  padding-right: 30px;
  padding-left: 30px;
  background-color: #fff;
  box-shadow: 0 12px 10px -9px rgba(0, 0, 0, 0.05);
}

.navigation-style-3.test {
  position: relative;
}

.div-block-5 {
  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;
}

.top-logo-text {
  margin-left: 15px;
  font-family: 'Playfair Display', sans-serif;
  color: #616167;
  font-size: 15px;
}

.slide-nav {
  position: relative;
  margin-top: 20px;
  opacity: 0.6;
  font-size: 12px;
}

.slider-features {
  height: auto;
  background-color: transparent;
}

.features-wrapper-second {
  display: block;
  width: 95%;
  margin-right: 10px;
  margin-left: 10px;
  padding: 30px 25px;
  border: 2px solid #d81159; /* vikram: 62bfac */
  border-radius: 5px;
  text-align: center;
}

.features-wrapper-second.sea-color {
  border-color: #5fa9d2;
}

.features-wrapper-second.lime-color {
  border-color: #c6e188;
}

.features-wrapper-second.purple-color {
  border-color: #c86f98;
}

.features-wrapper-second.blue-color {
  border-color: #4253ff;
}

.features-wrapper-second.sun-color {
  border-color: #24bca4;
}

.heading-green {
  color: #d81159; /* vikram: 62bfac */
}

.sea-color {
  color: #5fa9d2;
}

.lime {
  color: #c6e188;
}

.purple {
  color: #c86f98;
}

.turquaz {
  color: #24bca4;
}

.skills-content {
  position: relative;
  margin-bottom: 25px;
}

.skills-title {
  margin-bottom: 10px;
  font-family: 'Playfair Display', sans-serif;
  color: #717177;
  font-size: 15px;
}

.skills-line {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 3px;
  background-color: #f5f6f9;
}

.skills-overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 90%;
  height: 3px;
  background-color: #d81159; /* vikram: 62bfac */
}

.skills-overlay.branding {
  width: 87%;
  background-color: #5fa9d2;
}

.skills-overlay.web {
  width: 100%;
  background-color: #c86f98;
}

.skills-overlay.marketing {
  width: 76%;
  background-color: #c6e188;
}

.skills-overlay.development {
  width: 92%;
  background-color: #4253ff;
}

.skills-overlay.seo {
  width: 67%;
  background-color: #24bca4;
}

.project-wrapper-second {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 20px;
  border-radius: 5px;
  text-align: center;
}

.portfolio-wrapper {
  display: block;
  width: 85%;
  margin-right: auto;
  margin-left: auto;
}

.portfolio-overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(66, 83, 255, 0.9);
}

.portfolio-overlay.full {
  display: block;
  background-color: #4253ff;
}

.portfolio-content {
  position: relative;
  top: 50%;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.project-second-title {
  color: #fff;
  font-size: 21px;
}

.testimonials-wrapper {
  margin-bottom: 30px;
  padding: 20px 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 14px 14px 30px -9px rgba(0, 0, 0, 0.1);
}

.testimonials-wrapper.vik {
  margin-right: 50px;
  margin-left: 50px;
}

.testi-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.testi-photo {
  width: 60px;
  height: 60px;
  margin-right: 15px;
  border-radius: 100%;
  background-image: url('../images/kimis-md.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.testi-photo.chelsea {
  background-image: url('../images/chelseab-md.jpg');
}

.testi-photo.mellisa {
  background-image: url('../images/melissab-md.jpg');
}

.testi-photo.ruggy {
  background-image: url('../images/ruggyj-md.jpg');
}

.testi-photo.photo-5 {
  background-image: url('../images/team-2.jpg');
  background-position: 50% 0px;
  background-size: cover;
}

.testi-photo.photo-6 {
  background-image: url('../images/team-1.jpg');
}

.testi-photo.christine {
  background-image: url('../images/christinew-md.jpg');
}

.testi-photo.jessica {
  background-image: url('../images/jessicat-md.jpg');
}

.testi-photo.vik {
  width: 100px;
  height: 100px;
  border: 1px solid #515157;
  background-image: url('../images/vik.jpg');
}

.testi-name {
  margin-top: 0px;
  margin-bottom: 4px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 26px;
  text-align: left;
}

.testi-name.white {
  color: #fff;
}

.testi-name.vik {
  font-size: 20px;
}

.fun-wrapper {
  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;
}

.funfact-icon {
  width: 70px;
  height: 70px;
  margin-right: 20px;
  background-image: url('../images/coffee-cup-2.svg');
  background-position: 50% 50%;
  background-size: 50px;
  background-repeat: no-repeat;
}

.funfact-icon.truck {
  background-image: url('../images/Truck.svg');
  background-size: 60px;
}

.funfact-icon.ico-3 {
  background-image: url('../images/laptob.svg');
  background-size: 65px;
}

.funfact-icon.ico-4 {
  background-image: url('../images/speech-bubble.svg');
  background-size: 50px;
}

.funfact-icon.meal {
  background-image: url('../images/meal.svg');
  background-size: 60px;
}

.funfact-icon.cart {
  background-image: url('../images/Cart.svg');
  background-size: 60px;
}

.funfact-icon.morning {
  background-image: url('../images/Morning.svg');
  background-size: 60px;
}

.team-wrapper-third {
  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;
}

.team-photo {
  width: 300px;
  height: 250px;
  margin-right: 40px;
  background-image: url('../images/example-bg.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.logo-trusted {
  width: 20%;
  height: 120px;
  background-image: url('../images/partner8.png');
  background-position: 50% 50%;
  background-size: 110px;
  background-repeat: no-repeat;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.logo-trusted.logo-2 {
  background-image: url('../images/partner3.png');
  background-size: 110px;
}

.logo-trusted.logo-3 {
  background-image: url('../images/partner7.png');
  background-size: 110px;
}

.logo-trusted.logo-4 {
  background-image: url('../images/partner5.png');
  background-size: 140px;
}

.logo-trusted.logo-5 {
  background-image: url('../images/partner6.png');
  background-size: 130px;
}

.div-block-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
}

.blog-post-featured {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 526px;
  border-radius: 4px;
  background-image: url('../images/example-bg.png');
  background-position: 0px 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.bottom-blog-post {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 20px 30px 25px;
}

.blog-post-list {
  width: 100%;
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 16px 12px -9px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #212127;
  text-align: center;
  text-decoration: none;
}

.blog-post-list:hover {
  color: #4253ff;
}

.subscribe-text-wrapper {
  display: block;
  width: 50%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.footer-style-3 {
  padding-top: 70px;
  padding-bottom: 30px;
  background-color: #4253ff;
}

.footer-title {
  font-size: 25px;
  line-height: 32px;
}

.footer-title.white-footer {
  margin-top: 0px;
  color: #fff;
  font-weight: 400;
}

.div-block-7 {
  margin-top: -80px;
}

.split-content {
  padding-top: 80px;
}

.features-stretch {
  display: block;
  width: 85%;
  margin-right: auto;
  margin-left: auto;
}

.project-wrapper-third {
  width: 33.3333%;
  height: 450px;
  padding-right: 0px;
  padding-left: 0px;
}

.project-content-first {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-image: url('../images/example-bg.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
}

.go-icon {
  display: block;
  width: 70px;
  height: 70px;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #fff;
  border-radius: 100%;
  background-image: url('../images/unlink-1.svg');
  background-position: 50% 50%;
  background-size: 24px;
  background-repeat: no-repeat;
}

.line-quote-divider {
  width: 100%;
  height: 1px;
  margin-bottom: 20px;
  background-color: hsla(0, 0%, 100%, 0.24);
}

.image-div-overflow {
  width: 1000px;
  height: 600px;
  max-height: 600px;
  max-width: none;
}

.footer-style-4 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.tab-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 10px;
  float: left;
  -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-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  text-align: center;
  text-decoration: none;
}

.tab-link.w--current {
  background-color: transparent;
}

.tab-circle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  height: 150px;
  margin-bottom: 10px;
  -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;
  border-radius: 100%;
  background-color: #4253ff;
}

.tab-circle.orange-circle {
  -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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: space-around;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
  background-color: #fe7b01;
}

.tab-circle.sea-circle {
  background-color: #5fa9d2;
}

.tab-circle.lime-circle {
  background-color: #c6e188;
}

.tab-circle.purple-circle {
  background-color: #c86f98;
}

.tab-circle.turquaz-circle {
  background-color: #24bca4;
}

.tab-title {
  margin-bottom: 0px;
}

.column-4 {
  z-index: 10;
}

.sub-banner {
  position: relative;
  height: 500px;
  -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: #4253ff;
}

.sub-banner.style-1 {
  background-color: #fff;
  background-image: url('../images/sub-b-1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.sub-banner.style-2 {
  background-image: url('../images/sub-b-2.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.sub-banner.style-3 {
  background-image: url('../images/sub-b-3.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.sub-banner.style-4 {
  background-image: url('../images/sub-b-4.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.sub-banner.style-6 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/banner-1.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/banner-1.jpg');
  background-position: 0px 0px, 50% 0px;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.sub-banner.style-7 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/banner-2.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/banner-2.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.sub-banner.style-8 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/banner-3.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/banner-3.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.sub-banner.style-9 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/banner-4.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/banner-4.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.sub-banner.style-10 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url('../images/banner-5.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/banner-5.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.sub-banner.project-page {
  background-image: url('../images/example-bg.png');
  background-position: 0px 0px;
  background-size: cover;
}

.sub-banner.in-author-page {
  height: 670px;
}

.sub-banner.less-spacio {
  height: 400px;
}

.sub-title {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 60px;
  line-height: 60px;
}

.filter-block {
  margin-right: 5px;
  margin-left: 5px;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  font-family: 'Playfair Display', sans-serif;
  color: #616167;
  font-size: 16px;
  font-style: italic;
  text-decoration: none;
}

.filter-block:hover {
  color: #4253ff;
}

.filter-block.w--current {
  color: #4253ff;
}

.collection-item-2 {
  display: inline-block;
}

.collection-list {
  display: inline-block;
}

.collection-list-wrapper {
  display: inline-block;
}

.faq-menu {
  margin-bottom: 50px;
  text-align: center;
}

.faq-link {
  margin-right: 5px;
  margin-left: 5px;
  padding-top: 15px;
  padding-bottom: 13px;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  background-color: transparent;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: 'Playfair Display', sans-serif;
  color: #575757;
}

.faq-link:hover {
  border-color: #a8a8a8;
}

.faq-link.w--current {
  border-color: #4253ff;
  background-color: transparent;
  color: #4253ff;
}

.faq-wrapper {
  display: block;
  width: 85%;
  margin-right: auto;
  margin-left: auto;
}

.utility-page-content {
  display: block;
  -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;
  text-align: center;
}

.section-404 {
  height: 100vh;
  background-color: #4253ff;
}

._404-image {
  margin-bottom: 20px;
}

.form {
  display: block;
  width: 50%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.form-2 {
  display: inline-block;
  width: 100%;
}

.nav-menu-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.logo-image {
  margin-top: 14px;
}

.bottom-margin-device {
  padding-right: 10px;
  padding-left: 10px;
}

.banner-title {
  font-family: Poppins, sans-serif;
  color: #d81159; /* vikram: 62bfac */
  font-size: 60px;
  line-height: 70px;
  font-weight: 600;
}

.banner-title.more-biger {
  font-size: 60px;
  line-height: 60px;
}

.plate {
  position: absolute;
  right: 390px;
  bottom: 12px;
  z-index: 2;
}

.plate.bento {
  right: 39px;
  bottom: 56px;
}

.coffee {
  position: absolute;
  right: 378px;
  bottom: 278px;
  z-index: 2;
}

.coffee.eye {
  left: 230px;
  top: 0px;
  right: auto;
  bottom: auto;
  z-index: 2;
}

.background-video {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
}

.video-overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(33, 33, 39, 0.93)), to(rgba(33, 33, 39, 0.93)));
  background-image: linear-gradient(180deg, rgba(33, 33, 39, 0.93), rgba(33, 33, 39, 0.93));
}

.slider-full {
  height: 100%;
  background-color: transparent;
}

.arrow {
  width: 80px;
  height: 80px;
  background-color: #fff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #4253ff;
  font-size: 26px;
}

.arrow:hover {
  color: #fff;
}

.icon-7 {
  z-index: 5;
}

.slide-nav-2 {
  margin-bottom: 10px;
  font-size: 12px;
}

.slide {
  background-image: url('../images/home2-s3-bg.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-2 {
  background-image: url('../images/home6-s3-bg.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.banner-style-6 {
  height: 600px;
  background-color: #4253ff;
}

.div-block-8 {
  padding-right: 10px;
  padding-left: 10px;
}

.contact-pop-up {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(66, 83, 255, 0.97);
}

.pop-up-wrapper {
  display: block;
  width: 50%;
  margin-right: auto;
  margin-left: auto;
  padding: 50px 35px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 12px 10px -7px rgba(0, 0, 0, 0.15);
  text-align: center;
}

.remove-button {
  position: absolute;
  top: 25px;
  right: 35px;
  width: 50px;
  height: 50px;
  background-image: url('../images/error-6.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.7;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.remove-button:hover {
  opacity: 1;
}

.intro-banner {
  height: 620px;
  background-color: #4253ff;
}

.intro-wrapper {
  display: block;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}

.intro-photo-wrapper {
  position: relative;
  display: block;
  width: 100%;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  box-shadow: 0 0 30px 5px rgba(66, 83, 255, 0.1);
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  text-decoration: none;
  cursor: pointer;
}

.intro-photo-wrapper:hover {
  box-shadow: 0 0 30px 5px rgba(66, 83, 255, 0.3);
}

.intro-photo-wrapper.no-margin-bottom {
  margin-bottom: 0px;
}

.home-tag {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  padding: 12px 20px 10px;
  background-color: #d81159; /* vikram: 62bfac */
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
}

.sub-banner-overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
}

.column-5 {
  padding-left: 0px;
}

.column-6 {
  padding-right: 0px;
}

.paragraph-block {
  display: inline-block;
  margin-right: 5px;
}

.paragraph-block.more-gray {
  color: #818187;
  font-style: italic;
}

.post-blog-wrapper {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fff;
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.02);
  text-align: center;
}

.center-blog-post {
  display: block;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}

.div-block-9 {
  text-align: left;
}

.empty-state {
  padding: 21px;
  border-radius: 5px;
  background-color: #f14646;
  font-family: 'Playfair Display', sans-serif;
  color: #fff;
  font-size: 16px;
  font-style: italic;
  text-align: center;
}

.search-link {
  display: inline-block;
  margin-bottom: 5px;
  color: #212127;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}

.search-result-item {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ededed;
}

.search-sub {
  margin-bottom: 15px;
  font-family: 'Playfair Display', sans-serif;
  color: rgba(33, 33, 39, 0.51);
  font-style: italic;
}

.search {
  margin-bottom: 40px;
}

.search.in-nav {
  margin-top: 30px;
  margin-bottom: 0px;
}

.search.in-sub-page {
  display: block;
  width: 40%;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}

.search-photo {
  width: 220px;
  height: 180px;
  background-image: url('../images/example-bg.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.search-input {
  width: 80%;
  height: 50px;
  margin-bottom: 0px;
  float: left;
  border-style: solid none solid solid;
  border-width: 1px;
  border-color: #e1e1e1;
  font-family: 'Playfair Display', sans-serif;
}

.search-input:focus {
  border-top-color: #4253ff;
  border-bottom-color: #4253ff;
  border-left-color: #4253ff;
}

.pricing-wrapper {
  display: block;
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  padding: 25px 35px;
  -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;
  border-radius: 6px;
  box-shadow: 0 5px 30px -1px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.top-title-pricing {
  display: inline-block;
  margin-bottom: 15px;
  padding: 9px 14px 8px;
  border: 1px solid #4253ff;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 500;
}

.pricing-sub-title {
  display: block;
  margin-top: 20px;
  margin-bottom: 15px;
  font-family: 'Playfair Display', sans-serif;
  color: #8b8b8b;
  font-size: 20px;
  font-style: italic;
}

.pricing-text {
  font-size: 40px;
  line-height: 50px;
  font-weight: 400;
}

.paragraph-pricing {
  padding-bottom: 10px;
  border-bottom: 1px solid #ededed;
}

.navigation-test {
  position: relative;
  overflow: hidden;
  margin-bottom: 50px;
}

.navigation-test.with-image {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), url('../images/banner-4.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('../images/banner-4.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.check-list {
  padding-left: 25px;
  background-image: url('../images/tick.svg');
  background-position: 0px 50%;
  background-size: 12px;
  background-repeat: no-repeat;
}

.image-2 {
  margin-top: 10px;
}

.image-food {
  max-width: none;
  min-height: 100%;
}

.column-food-all {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  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: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-color: #f5f6f9;
}

.food-columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100%;
}

.image-food-logo {
  position: absolute;
  left: auto;
  top: 10px;
  right: 10px;
  bottom: auto;
  width: 25%;
}

.image-90vw {
  max-width: 90vw;
  -webkit-filter: contrast(200%);
  filter: contrast(200%);
}

.flex-verticle-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 34px;
  padding-bottom: 34px;
  -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;
}

.phone-icon {
  position: relative;
  z-index: 2;
  margin-top: -7px;
}

.smaller-font {
  font-size: 16px;
}

.overflow-none {
  overflow: hidden;
}

.review-heading {
  margin-top: 0px;
  font-family: Poppins, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  text-align: left;
}

.yelp-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 4px;
  padding-bottom: 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;
  border-radius: 10px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d32323), to(#d32323));
  background-image: linear-gradient(180deg, #d32323, #d32323);
  text-decoration: none;
}

.review-button-text {
  display: inline;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  text-decoration: none;
}

.yelp-logo {
  display: inline;
  margin-right: 7px;
}

.food-collage {
  padding-right: 0px;
}

.image-3 {
  display: block;
  opacity: 0.6;
}

.wfm-subheading {
  margin-top: 0px;
  font-size: 14px;
  font-weight: 400;
}

.store-west {
  -webkit-transform-origin: 75% 60%;
  -ms-transform-origin: 75% 60%;
  transform-origin: 75% 60%;
}

.store-north {
  -webkit-transform-origin: 10% 0%;
  -ms-transform-origin: 10% 0%;
  transform-origin: 10% 0%;
}

.store-south {
  -webkit-transform-origin: 80% 100%;
  -ms-transform-origin: 80% 100%;
  transform-origin: 80% 100%;
}

.store-sf {
  -webkit-transform-origin: 40% 50%;
  -ms-transform-origin: 40% 50%;
  transform-origin: 40% 50%;
}

.orange-button {
  position: relative;
  z-index: 2;
  font-size: 18px;
  text-decoration: none;
}

.navbar-full-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -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;
}

.navbar-logo {
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.footer-style-5 {
  padding: 50px 10px 30px;
}

.image-5 {
  max-width: 200px;
}

.footer-heading {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 18px;
}

.footer-subheading {
  font-size: 12px;
}

.facebook-like {
  margin-top: 15px;
  margin-bottom: 15px;
}

.facebook-like.mobile {
  display: none;
}

.twitter.mobile {
  display: none;
}

.dropdown {
  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;
}

.links-no-decoration {
  text-decoration: none;
}

.side-scroll {
  height: 400vw;
}

.scroll-image {
  display: block;
  width: 200vw;
  max-width: none;
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
  margin-top: 20px;
}

.sticky.no-top {
  top: 100px;
}

.overflow-scroll {
  overflow: scroll;
}

.progress-bar {
  position: absolute;
  left: 0px;
  width: 100%;
  height: 16px;
  margin-top: 2px;
  margin-bottom: 2px;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, left top, right top, from(#ff5f6d), to(#ffc371));
  background-image: linear-gradient(90deg, #ff5f6d, #ffc371);
}

.progress-back {
  position: absolute;
  left: 0px;
  top: -20px;
  width: 100%;
  height: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.image-7 {
  display: none;
}

.arrow-up-button {
  position: absolute;
  left: 50%;
  top: -25px;
  right: 0px;
  z-index: 10;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border: 1px solid #e1e1e1;
  border-radius: 100%;
  background-color: #fff;
  background-image: url('../images/up-arrow.svg');
  background-position: 50% 53%;
  background-size: 20px;
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}

.arrow-up-button.center {
  top: 15px;
}

.arrow-up-button.above {
  top: -70px;
}

.review-content.large {
  font-size: 20px;
  font-weight: 700;
}

.about-hero {
  display: inline;
  font-size: 22px;
}

.about-hero.ib {
  font-size: 42px;
}

.about-hero-text {
  display: inline-block;
  font-size: 16px;
}

.about-hero-text.white-back {
  background-color: #fff;
}

.timeline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: scroll;
  width: 480vw;
  min-height: 80vh;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.event-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40vw;
  height: 50%;
  padding: 10px 15px;
  -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;
  background-color: #24bca4;
}

.event-text.orange-back {
  background-color: #fe7b01;
}

.event-text.light-blue-back {
  background-color: #5fa9d2;
}

.event-text.purple-back {
  background-color: #c86f98;
}

.event-text.blue-back {
  background-color: #92a1cf;
}

.event-text.pink-back {
  background-color: #ff91af;
}

.event-text.red-back {
  background-color: #e52b50;
}

.event-text.teal {
  background-color: #008081;
}

.event-text.peach {
  background-color: #f96;
}

.event-text.raspberry {
  background-color: #872657;
}

.event-photo {
  height: 50%;
}

.event-photo.vik-pash {
  background-image: url('../images/vik-pash.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.event-photo.site {
  border: 7px solid #fff;
  background-image: url('../images/ibsite.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.event-photo.keynote {
  background-image: url('../images/keynote.jpg');
  background-position: 100% 0%;
  background-size: cover;
}

.event-photo.mini1 {
  background-image: url('../images/mini.jpg');
  background-position: 100% 40%;
  background-size: cover;
}

.event-photo.mini2 {
  background-image: url('../images/ib-mini.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.event-photo.zynga {
  background-color: #dc0605;
  background-image: url('../images/zynga.jpg');
  background-position: 50% 50%;
  background-size: 200px;
  background-repeat: no-repeat;
}

.event-photo.yelp {
  background-image: url('../images/yelp-time.png');
  background-position: 50% 50%;
  background-size: 250px;
  background-repeat: no-repeat;
}

.event-photo.wfm {
  background-image: url('../images/WFM-logo.png');
  background-position: 50% 50%;
  background-size: 150px;
  background-repeat: no-repeat;
}

.event-photo._1mil {
  background-image: url('../images/confetti_big_tiled.gif');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.event-heading {
  margin-top: 0px;
  color: #fff;
  font-size: 28px;
  line-height: 1.4;
}

.event-para {
  color: #fff;
  font-size: 18px;
}

.year-frame {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 399.96vh;
  height: 10vh;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.div-block-10 {
  position: -webkit-sticky;
  position: sticky;
}

.timeline-container {
  overflow: scroll;
}

.event-time {
  margin-bottom: 0px;
  color: #fff;
  font-size: 14px;
  font-style: italic;
  text-transform: uppercase;
}

.timeline-years {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  color: #ddd;
  font-size: 22px;
  font-weight: 200;
  text-align: center;
}

.timeline-years.left {
  position: absolute;
  left: 5vw;
  -webkit-transform: translate(0%, 0px);
  -ms-transform: translate(0%, 0px);
  transform: translate(0%, 0px);
}

.t2-container {
  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-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.line-timeline {
  position: absolute;
  left: 50%;
  z-index: -5;
  width: 5px;
  height: 100%;
  background-color: #d81159; /* vikram: 62bfac */
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}

.event-t2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 85px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.event-t2.last {
  margin-bottom: 0px;
}

.event-photo-2 {
  width: 23vw;
  height: 23vw;
  border-radius: 100%;
}

.event-photo-2.pash-vik {
  background-image: url('../images/pashmina-cathay-pacific.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.event-photo-2.keynote {
  background-image: url('../images/keynote.jpg');
  background-position: 75% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.event-photo-2.ib-site {
  border-style: solid;
  border-width: 3px;
  border-color: #d81159; /* vikram: 62bfac */
  background-color: #fff;
  background-image: url('../images/ibsite.jpg');
  background-position: 50% 50%;
  background-size: 225px;
  background-repeat: no-repeat;
}

.event-photo-2.mini-2 {
  background-image: url('../images/ib-mini.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.event-photo-2.mini {
  background-image: url('../images/mini.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.event-photo-2.zynga {
  background-color: #dc0607;
  background-image: url('../images/zynga.jpg');
  background-position: 50% 50%;
  background-size: 150px;
  background-repeat: no-repeat;
}

.event-photo-2.yelp {
  background-color: #d4312c;
  background-image: url('../images/yelp-time.png');
  background-position: 50% 50%;
  background-size: 150px;
  background-repeat: no-repeat;
}

.event-photo-2.wfm {
  background-color: #006e46;
  background-image: url('../images/WFM-logo.png');
  background-position: 50% 50%;
  background-size: 200px;
  background-repeat: no-repeat;
}

.event-photo-2.kitchen {
  border: 4px solid #d81159; /* vikram: 62bfac */
  border-radius: 100%;
  background-color: #fff;
  background-image: url('../images/IMG_0516.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.event-photo-2._1mil {
  border: 3px solid #d81159; /* vikram: 62bfac */
  background-color: #fff;
  background-image: url('../images/confetti_big_tiled.gif');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.event-photo-2.truck {
  border: 3px solid #d81159; /* vikram: 62bfac */
  background-image: url('../images/img-ib-truck.jpg');
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.event-photo-2.photo-walmart {
  border: 3px solid #d81159; /* vikram: 62bfac */
  display: block;
  overflow: visible;
  width: 23vw;
  height: 23vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-image: url('../images/food-service-customers.png');
  background-position: 0px 0px;
  background-size: 300px;
  background-repeat: no-repeat;
}

.t2-text-container {
  width: 33vw;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.t2-text-container.left {
  text-align: left;
}

.t2-text-container.right {
  text-align: right;
}

.div-block-13 {
  width: 33vw;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.event-time-t2 {
  color: #ccc;
  font-size: 18px;
  font-style: italic;
  text-transform: uppercase;
}

.event-para-v2 {
  color: #d81159; /* vikram: 62bfac */
  font-size: 18px;
}

.event-para-v2.turquoise {
  color: #24bca4;
}

.event-para-v2.pink {
  color: #ff91af;
}

.event-para-v2.red {
  color: #e52b50;
}

.event-heading-t2 {
  color: #d81159; /* vikram: 62bfac */
  font-size: 28px;
  line-height: 1.5;
}

.event-heading-t2.turquoise {
  color: #24bca4;
}

.event-heading-t2.pink {
  color: #ff91af;
}

.event-heading-t2.red {
  color: #e52b50;
}

.padding-around {
  padding: 25px;
}

.div-block-14 {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.arrow-left-button {
  position: absolute;
  left: 6px;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border: 1px solid #e1e1e1;
  border-radius: 100%;
  background-color: #fff;
  background-image: url('../images/up-arrow.svg');
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  -webkit-transform: translate(0%, -50%) rotate(-90deg);
  -ms-transform: translate(0%, -50%) rotate(-90deg);
  transform: translate(0%, -50%) rotate(-90deg);
}

.arrow-left-button.center {
  top: 15px;
}

.arrow-left-button.above {
  top: -70px;
}

.arrow-right-button {
  position: absolute;
  top: 50%;
  right: 6px;
  z-index: 10;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border: 1px solid #e1e1e1;
  border-radius: 100%;
  background-color: #fff;
  background-image: url('../images/up-arrow.svg');
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  -webkit-transform: translate(0%, -50%) rotate(90deg);
  -ms-transform: translate(0%, -50%) rotate(90deg);
  transform: translate(0%, -50%) rotate(90deg);
}

.arrow-right-button.center {
  top: 15px;
}

.arrow-right-button.above {
  top: -70px;
}

.arrow-right-button.sticky-button {
  top: 0%;
}

.arrow-up-sticky-button {
  position: -webkit-sticky;
  position: sticky;
  left: 94%;
  top: 15vh;
  z-index: 10;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border: 1px solid #e1e1e1;
  border-radius: 100%;
  background-color: #fff;
  background-image: url('../images/up-arrow.svg');
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
}

.arrow-up-sticky-button.center {
  top: 15px;
}

.arrow-up-sticky-button.above {
  top: -70px;
}

.arrow-down-sticky-button {
  position: -webkit-sticky;
  position: sticky;
  left: 94%;
  top: 90vh;
  z-index: 10;
  overflow: hidden;
  width: 50px;
  height: 50px;
  margin-top: 20px;
  border: 1px solid #e1e1e1;
  border-radius: 100%;
  background-color: #fff;
  background-image: url('../images/up-arrow.svg');
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.arrow-down-sticky-button.center {
  top: 15px;
}

.arrow-down-sticky-button.above {
  top: -70px;
}

.fsm-truck-container {
  width: 50%;
  height: 500px;
}

.fsm-hero {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  min-height: 500px;
  padding: 20px 37px;
  -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;
  font-size: 22px;
}

.fsm-hero.ib {
  font-size: 42px;
}

.certification-img {
  width: 300px;
  max-width: none;
  margin-top: 30px;
  margin-bottom: 30px;
}

.safety-score-heading {
  margin-bottom: 25px;
  color: #414147;
  font-size: 30px;
}

.mail-icon {
  position: relative;
  z-index: 2;
  margin-top: -7px;
}

.cathay-hero-container {
  margin-bottom: 18px;
}

.cathay-hero {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  min-height: 80vh;
  padding: 20px 37px;
  -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;
  font-size: 22px;
}

.cathay-hero.ib {
  font-size: 42px;
}

.cathay-hero.overflow-none {
  padding-right: 21px;
  padding-left: 21px;
}

.plane {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.cathay-map {
  position: absolute;
  left: 0px;
  top: 0px;
  max-width: none;
}

._40-section {
  width: 40%;
}

._40-section.pashmina {
  background-image: url('../images/photo_pashmina.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

._60-section {
  width: 60%;
}

._60-section.sea-color {
  background-color: #5fa9d2;
}

.link {
  color: #d81159; /* vikram: 62bfac */
  text-decoration: underline;
}

.text-maroon {
  position: relative;
  z-index: 2;
  color: #8f2d56;
  font-size: 18px;
  text-decoration: none;
}

.text-charcoal {
  position: relative;
  z-index: 2;
  color: #414147;
  font-size: 18px;
  text-decoration: none;
}

.text-charcoal.horizontal {
  display: inline-block;
  margin-left: 13px;
  color: #fff;
}

.text-charcoal.horizontal.mobile {
  display: none;
}

.paragraph-charcoal {
  color: #417417;
  font-size: 22px;
  line-height: 2;
}

.paragraph-charcoal.partners {
  font-style: italic;
}

.paragraph-charcoal.companies-section {
  display: block;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.paragraph-charcoal.top-margin-less {
  margin-top: 10px;
}

.paragraph-charcoal.small-font {
  font-size: 18px;
}

.paragraph-charcoal.cathay {
  margin-bottom: 20px;
}

.paragraph-charcoal.small {
  font-size: 18px;
}

.paragraph {
  /* text-align: center; MODIFIED */
}

html.w-mod-js *[data-ix="preloader"] {
  display: block;
}

html.w-mod-js *[data-ix="fade-up-on-load"] {
  opacity: 0;
  -webkit-transform: translate(0px, -100px);
  -ms-transform: translate(0px, -100px);
  transform: translate(0px, -100px);
}

html.w-mod-js *[data-ix="fade-up-on-load-2"] {
  opacity: 0;
  -webkit-transform: translate(0px, -100px);
  -ms-transform: translate(0px, -100px);
  transform: translate(0px, -100px);
}

html.w-mod-js *[data-ix="fade-up-on-load-3"] {
  opacity: 0;
  -webkit-transform: translate(0px, -100px);
  -ms-transform: translate(0px, -100px);
  transform: translate(0px, -100px);
}

html.w-mod-js *[data-ix="fade-up-on-load-4"] {
  opacity: 0;
  -webkit-transform: translate(0px, -100px);
  -ms-transform: translate(0px, -100px);
  transform: translate(0px, -100px);
}

html.w-mod-js *[data-ix="fade-up-on-load-5"] {
  opacity: 0;
  -webkit-transform: translate(0px, -100px);
  -ms-transform: translate(0px, -100px);
  transform: translate(0px, -100px);
}

html.w-mod-js *[data-ix="fade-up-on-load-6"] {
  opacity: 0;
  -webkit-transform: translate(0px, -100px);
  -ms-transform: translate(0px, -100px);
  transform: translate(0px, -100px);
}

html.w-mod-js *[data-ix="fade-up-on-load-7"] {
  opacity: 0;
  -webkit-transform: translate(0px, -100px);
  -ms-transform: translate(0px, -100px);
  transform: translate(0px, -100px);
}

html.w-mod-js *[data-ix="fade-up-on-load-8"] {
  opacity: 0;
  -webkit-transform: translate(0px, -100px);
  -ms-transform: translate(0px, -100px);
  transform: translate(0px, -100px);
}

html.w-mod-js *[data-ix="fade-left-on-load"] {
  opacity: 0;
  -webkit-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate(-100px, 0px);
}

html.w-mod-js *[data-ix="fade-left-on-load-2"] {
  opacity: 0;
  -webkit-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate(-100px, 0px);
}

html.w-mod-js *[data-ix="fade-right-on-load"] {
  opacity: 0;
  -webkit-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate(100px, 0px);
}

html.w-mod-js *[data-ix="hamburger-hover"] {
  opacity: 0;
  -webkit-transform: translate(0px, -100px);
  -ms-transform: translate(0px, -100px);
  transform: translate(0px, -100px);
}

html.w-mod-js *[data-ix="move-tab-wrapper-on-tab"] {
  opacity: 0;
  -webkit-transform: translate(0px, -50px);
  -ms-transform: translate(0px, -50px);
  transform: translate(0px, -50px);
}

html.w-mod-js *[data-ix="move-project-content-on-load"] {
  opacity: 0;
  -webkit-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate(0px, 100px);
}

html.w-mod-js *[data-ix="move-project-content-on-load-2"] {
  opacity: 0;
  -webkit-transform: translate(0px, 20px);
  -ms-transform: translate(0px, 20px);
  transform: translate(0px, 20px);
}

html.w-mod-js *[data-ix="move-project-content-on-load-3"] {
  opacity: 0;
  -webkit-transform: translate(0px, 20px);
  -ms-transform: translate(0px, 20px);
  transform: translate(0px, 20px);
}

html.w-mod-js *[data-ix="move-project-content-on-load-4"] {
  opacity: 0;
  -webkit-transform: translate(0px, 20px);
  -ms-transform: translate(0px, 20px);
  transform: translate(0px, 20px);
}

html.w-mod-js *[data-ix="social-author-initial-app"] {
  opacity: 0;
  -webkit-transform: translate(0px, -50px);
  -ms-transform: translate(0px, -50px);
  transform: translate(0px, -50px);
}

html.w-mod-js *[data-ix="skills-line-on-scroll"] {
  width: 0%;
}

html.w-mod-js *[data-ix="skills-line-on-scroll-2"] {
  width: 0%;
}

html.w-mod-js *[data-ix="skills-line-on-scroll-3"] {
  width: 0%;
}

html.w-mod-js *[data-ix="skills-line-on-scroll-4"] {
  width: 0%;
}

html.w-mod-js *[data-ix="skills-line-on-scroll-5"] {
  width: 0%;
}

html.w-mod-js *[data-ix="skills-line-on-scroll-6"] {
  width: 0%;
}

html.w-mod-js *[data-ix="move-project-title-on-initial"] {
  opacity: 0;
  -webkit-transform: translate(0px, -40px);
  -ms-transform: translate(0px, -40px);
  transform: translate(0px, -40px);
}

html.w-mod-js *[data-ix="move-project-title-on-initial-2"] {
  opacity: 0;
  -webkit-transform: translate(0px, 40px);
  -ms-transform: translate(0px, 40px);
  transform: translate(0px, 40px);
}

html.w-mod-js *[data-ix="project-overlay-on-initial"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="move-circle-tab-on-initial"] {
  -webkit-transform: translate(0px, 50px);
  -ms-transform: translate(0px, 50px);
  transform: translate(0px, 50px);
}

html.w-mod-js *[data-ix="move-circle-tab-on-initial-2"] {
  opacity: 0;
  -webkit-transform: translate(0px, -50px);
  -ms-transform: translate(0px, -50px);
  transform: translate(0px, -50px);
}

html.w-mod-js *[data-ix="fade-up-1"] {
  opacity: 0;
  -webkit-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate(0px, 60px);
}

html.w-mod-js *[data-ix="fade-up-2"] {
  opacity: 0;
  -webkit-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate(0px, 60px);
}

html.w-mod-js *[data-ix="fade-up-3"] {
  opacity: 0;
  -webkit-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate(0px, 60px);
}

html.w-mod-js *[data-ix="fade-up-4"] {
  opacity: 0;
  -webkit-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate(0px, 60px);
}

html.w-mod-js *[data-ix="fade-up-5"] {
  opacity: 0;
  -webkit-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate(0px, 60px);
}

html.w-mod-js *[data-ix="fade-up-6"] {
  opacity: 0;
  -webkit-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate(0px, 60px);
}

html.w-mod-js *[data-ix="fade-left-1"] {
  opacity: 0;
  -webkit-transform: translate(-60px, 0px);
  -ms-transform: translate(-60px, 0px);
  transform: translate(-60px, 0px);
}

html.w-mod-js *[data-ix="fade-right-1"] {
  opacity: 0;
  -webkit-transform: translate(60px, 0px);
  -ms-transform: translate(60px, 0px);
  transform: translate(60px, 0px);
}

html.w-mod-js *[data-ix="contact-pop-up-on-initial"] {
  display: none;
  opacity: 0;
}

html.w-mod-js *[data-ix="home-tag-initial"] {
  opacity: 0;
  -webkit-transform: translate(0px, 50px);
  -ms-transform: translate(0px, 50px);
  transform: translate(0px, 50px);
}

@media (max-width: 991px) {
  .navigation-style-1 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .nav-link.normal {
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .arrow-icon.vertical {
    margin-right: 20px;
  }
  .container-fluid.about {
    top: 5vh;
  }
  .banner-style-1 {
    height: 750px;
  }
  .banner-style-1.green {
    min-height: 0px;
  }
  .section.gray._100vh.overflow.no-line {
    height: auto;
  }
  .menu-button.no-background {
    top: 0px;
  }
  .line-1.blue-line.white {
    background-color: #fff;
  }
  .line-2.blue-line.white {
    background-color: #fff;
  }
  .line-3.blue-line.white {
    background-color: #fff;
  }
  .vertical-flex-row {
    display: block;
  }
  .button.navbar {
    margin: 10px auto;
  }
  .button.cathay {
    margin-bottom: 30px;
  }
  .features-wrapper.more-left-right {
    padding-right: 10px;
    padding-left: 10px;
  }
  .horizontal-flex-row {
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .horizontal-flex-row.like-before {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .horizontal-flex-row.justify-vertical {
    display: -ms-grid;
    display: grid;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }
  .horizontal-flex-row.justify-vertical.right-distribute {
    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: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  .horizontal-flex-row.food-section {
    padding-top: 39px;
  }
  .horizontal-flex-row.distribute {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .horizontal-flex-row.distribute.cathay {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .image.bigger.with-corner {
    max-height: none;
    max-width: 100%;
    margin-left: 0px;
  }
  .image.bigger.left {
    right: 0px;
    max-height: none;
    max-width: 100%;
  }
  .image.bigger.normal.move-up {
    max-width: 600px;
    margin-top: 106px;
  }
  .image.rounded-corners {
    display: block;
    max-width: 75%;
    margin-right: auto;
    margin-left: auto;
    border-radius: 4px;
  }
  .image.smaller.truck {
    max-width: 60%;
    margin-bottom: 15px;
  }
  .image.small-mobile {
    display: block;
    max-width: 60%;
    margin-right: auto;
    margin-left: auto;
  }
  .feautes-services-wrapper {
    left: 0px;
    width: 100%;
  }
  .feautes-services-wrapper.second-color.right {
    left: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .feautes-services-wrapper.third-color.right {
    left: 0px;
  }
  .heading-white.light-text.bottom-margin {
    font-size: 30px;
  }
  .paragraph-white.companies-section {
    width: 90%;
  }
  .tabs-menu {
    margin-bottom: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .tab-logo {
    height: auto;
    padding: 10px 15px;
  }
  .tab-wrapper {
    width: 95%;
  }
  .author-wrapper {
    padding-right: 20px;
    padding-left: 20px;
  }
  .author-wrapper.second-option {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .author-wrapper.third-option {
    width: 100%;
  }
  .author-photo.second-author {
    width: 200px;
    height: 200px;
  }
  .half-section {
    width: 50%;
  }
  .half-section.biger.gray._30-percent {
    width: 100%;
  }
  .half-section.biger._65-percent {
    width: 100%;
    height: auto;
  }
  .half-section.pashmina {
    width: 50%;
  }
  .white-title.full {
    margin-right: 0px;
  }
  .section-flex {
    display: block;
  }
  .section-flex.backstory {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .section-flex.backstory.cathay {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .section-flex.foodservices{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .center-div.about-pash {
    position: static;
    -webkit-transform: translate(0px, 0%);
    -ms-transform: translate(0px, 0%);
    transform: translate(0px, 0%);
  }
  .form-block {
    width: 100%;
  }
  .form-block.center {
    width: 100%;
  }
  .collection-item {
    width: 50%;
  }
  .blog-wrapper {
    width: 95%;
  }
  .blog-content {
    padding-left: 0px;
  }
  .top-blog-info.second-style {
    width: 70%;
  }
  .footer-logo {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .navigation-style-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .brand-style-2 {
    top: 8px;
  }
  .left-padding {
    padding-right: 0px;
  }
  .footer-style-2 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .subscribe-form {
    width: 100%;
  }
  .subscribe-form.normal {
    width: 90%;
  }
  .features-wrapper-second {
    margin-bottom: 20px;
    padding: 15px 20px;
  }
  .skills-wrapper {
    margin-bottom: 40px;
  }
  .portfolio-wrapper {
    width: 100%;
  }
  .fun-wrapper {
    margin-bottom: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .logo-trusted {
    width: 50%;
  }
  .div-block-6 {
    display: block;
  }
  .footer-style-3 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .div-block-7 {
    margin-top: 20px;
  }
  .project-wrapper-third {
    height: 270px;
  }
  .image-div-overflow {
    width: 100%;
  }
  .tab-link {
    width: 50%;
  }
  .nav-menu-2 {
    background-color: #2c6d5a;
    padding-top:40px;
  }
  .nav-menu-2.dark {
    background-color: rgba(0, 0, 0, 0.95);
  }
  .bottom-margin-device {
    margin-bottom: 30px;
    text-align: center;
  }
  .top-margin-device {
    margin-top: 40px;
  }
  .collection-item-3 {
    display: block;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  .collection-item-4 {
    width: 50%;
  }
  .banner-title.more-biger {
    font-size: 50px;
    line-height: 50px;
  }
  .plate {
    right: 300px;
    bottom: -1px;
    max-width: 200px;
  }
  .plate.bento {
    right: 5px;
    bottom: 11px;
    max-width: 300px;
  }
  .coffee {
    right: 300px;
    bottom: 208px;
    max-width: 100px;
  }
  .coffee.eye {
    left: 300px;
  }
  .search.in-sub-page {
    width: 80%;
  }
  .image-2 {
    margin-top: 6px;
  }
  .image-food {
    min-height: auto;
  }
  .food-columns {
    height: 400px;
    min-height: auto;
  }
  .image-90vw {
    max-width: 95vw;
  }
  .image-90vw.mobile-small {
    max-width: 80vw;
  }
  .image-90vw.only-desktop {
    display: none;
  }
  .yelp-box {
    width: 90%;
  }
  .food-collage {
    padding-left: 0px;
  }
  .navbar-full-height {
    top: 3px;
    height: auto;
  }
  .navbar-logo {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .image-5 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .footer-heading {
    margin-top: 15px;
  }
  .twitter {
    max-width: 270px;
    margin-right: auto;
    margin-left: auto;
  }
  .sticky {
    top: 120px;
  }
  .image-7 {
    display: block;
  }
  .about-hero {
    font-size: 20px;
  }
  .about-hero.ib {
    font-size: 30px;
  }
  .event-heading {
    font-size: 25px;
  }
  .event-para {
    font-size: 16px;
  }
  .event-photo-2.zynga {
    background-size: 150px;
  }
  .event-photo-2.yelp {
    background-size: 150px;
  }
  .event-para-v2 {
    font-size: 18px;
  }
  .event-heading-t2 {
    font-size: 30px;
  }
  .arrow-up-sticky-button {
    left: 93%;
  }
  .arrow-down-sticky-button {
    left: 93%;
  }
  .fsm-hero {
    font-size: 20px;
  }
  .fsm-hero.ib {
    font-size: 30px;
  }
  .image-8 {
    max-width: 120%;
  }
  .cathay-hero {
    width: 100%;
    min-height: 200px;
    font-size: 20px;
  }
  .cathay-hero.ib {
    font-size: 30px;
  }
  .cathay-map {
    display: none;
  }
  ._40-section.pashmina {
    width: 100%;
    min-height: 80vw;
    background-position: 0% 25%;
  }
  ._60-section.sea-color {
    width: 100%;
  }
  .paragraph-charcoal.companies-section {
    width: 90%;
  }
}

@media (max-width: 767px) {
  .container-fluid.center.fixed {
    top: 30%;
  }
  .banner-style-1 {
    height: 700px;
    padding-top: 100px;
  }
  .section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .nav-menu.second-style {
    z-index: 9999;
  }
  .features-icon {
    margin-top: 15px;
  }
  .arrow-down-button.center {
    width: 40px;
    height: 40px;
  }
  .horizontal-flex-row.distribute {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .left-photo-wrapper {
    display: none;
  }
  .heading-white {
    font-size: 30px;
  }
  .heading-white.light-text.bottom-margin {
    line-height: 1.4;
  }
  .paragraph-white {
    font-size: 18px;
  }
  .tabs-menu {
    margin-bottom: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .tab-logo {
    padding-right: 10px;
    padding-left: 10px;
  }
  .tab-wrapper {
    padding-right: 0px;
    padding-left: 0px;
  }
  .author-wrapper {
    width: 60%;
    margin-bottom: 20px;
  }
  .author-wrapper.second-option {
    width: 90%;
    margin-bottom: 40px;
  }
  .author-photo.second-author {
    width: 300px;
    height: 300px;
  }
  .half-section {
    width: 100%;
    min-height: 400px;
  }
  .half-section.sea-color.about {
    width: 50%;
  }
  .half-section.flex-vertical {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .white-title {
    margin-right: 0px;
    margin-bottom: 15px;
  }
  .white-title.full {
    font-size: 30px;
  }
  .section-flex.foodservices {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .section-flex.ffoodservices.inverse-mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .center-div {
    width: 90%;
  }
  .form-block {
    width: 100%;
  }
  .collection-item {
    width: 100%;
  }
  .top-blog-info.second-style {
    width: 50%;
  }
  .project-title {
    font-size: 19px;
  }
  .banner-style-2 {
    height: 600px;
  }
  .navigation-style-3 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .testimonials-wrapper {
    width: 100%;
  }
  .testimonials-wrapper.vik {
    margin-right: 0px;
    margin-left: 0px;
  }
  .testi-center.vik {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .testi-photo.vik {
    width: 100px;
    height: 100px;
    margin-right: 0px;
    margin-bottom: 15px;
  }
  .testi-name.vik {
    font-size: 18px;
  }
  .fun-wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .team-wrapper-third {
    margin-bottom: 20px;
  }
  .project-wrapper-third {
    width: 100%;
    height: 500px;
  }
  .image-div-overflow {
    margin-top: 20px;
  }
  .faq-link {
    display: block;
    margin-bottom: 5px;
  }
  .faq-wrapper {
    width: 100%;
  }
  .form {
    width: 90%;
  }
  .top-margin-device.less-margin-device {
    margin-top: 20px;
  }
  .collection-item-3 {
    width: 95%;
  }
  .collection-item-4 {
    width: 100%;
  }
  .plate {
    right: 300px;
    bottom: 10px;
    max-width: 150px;
  }
  .plate.bento {
    right: 89px;
    bottom: 2px;
    max-width: 200px;
  }
  .coffee {
    right: 300px;
    bottom: 147px;
    max-width: 75px;
  }
  .center-device {
    text-align: center;
  }
  .arrow {
    display: none;
  }
  .pricing-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .image-food {
    max-height: 300px;
  }
  .food-columns {
    height: 300px;
  }
  .review-heading {
    font-size: 20px;
  }
  .sticky {
    top: 140px;
  }
  .image-7 {
    display: block;
  }
  .arrow-up-button {
    width: 40px;
    height: 40px;
  }
  .review-content {
    font-size: 16px;
  }
  .about-hero {
    font-size: 18px;
    text-align: left;
  }
  .about-hero.ib {
    font-size: 28px;
  }
  .about-hero-text {
    text-align: left;
  }
  .timeline {
    width: 720vw;
  }
  .event-text {
    width: 60vw;
  }
  .event-text.light-blue-back {
    overflow: hidden;
  }
  .event-heading {
    font-size: 20px;
  }
  .event-para {
    font-size: 16px;
  }
  .line-timeline {
    border-radius: 20px;
  }
  .event-time-t2 {
    font-size: 16px;
  }
  .event-para-v2 {
    font-size: 16px;
  }
  .event-heading-t2 {
    font-size: 20px;
  }
  .half-section-icons {
    max-width: 30%;
  }
  .arrow-left-button {
    width: 40px;
    height: 40px;
  }
  .arrow-right-button {
    width: 40px;
    height: 40px;
  }
  .arrow-up-sticky-button {
    left: 92%;
    width: 40px;
    height: 40px;
  }
  .arrow-down-sticky-button {
    left: 92%;
    width: 40px;
    height: 40px;
  }
  .fsm-hero {
    width: 100%;
    min-height: 0px;
    font-size: 18px;
    text-align: left;
  }
  .fsm-hero.ib {
    font-size: 28px;
  }
  .image-8 {
    max-width: 100%;
  }
  .certification-img {
    width: 200px;
    margin-right: 10px;
    margin-left: 10px;
  }
  .safety-score-heading {
    margin-right: 10px;
    margin-left: 10px;
    font-size: 30px;
    line-height: 1.4;
  }
  .cathay-hero {
    width: 100%;
    font-size: 18px;
    text-align: left;
  }
  .cathay-hero.ib {
    font-size: 28px;
  }
  .paragraph-charcoal {
    font-size: 18px;
  }
}

@media (max-width: 479px) {
  h1 {
    font-size: 32px;
    line-height: 40px;
  }
  .navigation-style-1 {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .nav-link {
    padding-left: 20px;
  }
  .nav-link:hover {
    padding-left: 30px;
  }
  .brand {
    top: 10px;
    width: auto;
    margin-right: 0px;
    margin-left: 0px;
    float: left;
  }
  .dropdown-list.w--open {
    padding-left: 0px;
  }
  .banner-style-1 {
    height: 580px;
    margin-top: 80px;
  }
  .banner-style-1.with-photo {
    min-height: 600px;
    background-color: #f3f4e6;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(13%, transparent), color-stop(59%, #f3f4e6));
    background-image: linear-gradient(90deg, transparent 13%, #f3f4e6 59%);
    background-position: 0px 0px;
  }
  .section.story-2 {
    display: none;
  }
  .section.story-2.mobile {
    display: block;
  }
  .menu-button {
    top: 0px;
  }
  .nav-menu {
    width: 300px;
  }
  .brand-logo-second {
    padding-left: 20px;
  }
  .bottom-info {
    padding-right: 0px;
    padding-left: 20px;
  }
  .sub-text-title.white.biger {
    line-height: 24px;
  }
  .sub-text-title.quote-text {
    font-size: 20px;
  }
  .button.subscribe {
    width: 40%;
  }
  .button.subscribe.search-button {
    width: 40%;
  }
  .text-block-2.horizontal.mobile {
    display: inline-block;
  }
  .text-block-2.horizontal.email {
    display: none;
  }
  .horizontal-flex-row.justify-vertical {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .image.rounded-corners {
    max-width: 100%;
  }
  .image.smaller.truck {
    max-width: 80%;
  }
  .image.small-mobile {
    max-width: 80%;
  }
  .feautes-services-wrapper {
    padding-top: 24px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .feautes-services-wrapper.normal-features {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .heading-white {
    font-size: 24px;
  }
  .heading-white.cathay {
    padding-right: 4px;
    padding-left: 4px;
    font-size: 32px;
    line-height: 1.2;
  }
  .paragraph-white {
    font-size: 16px;
  }
  .paragraph-white.companies-section {
    font-size: 18px;
  }
  .paragraph-white.small {
    font-size: 16px;
  }
  .tabs-menu {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-row-gap: 10px;
    -ms-grid-columns: 30% 30% 30%;
    grid-template-columns: 30% 30% 30%;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }
  .tab-logo {
    margin-right: auto;
    margin-left: auto;
  }
  .author-wrapper {
    width: 100%;
  }
  .author-photo.second-author {
    width: 200px;
    height: 200px;
  }
  .half-section {
    width: 100%;
    min-height: 400px;
  }
  .half-section.sea-color.about {
    width: 100%;
  }
  .half-section.blue {
    width: 100%;
  }
  .half-section.pashmina {
    width: 100%;
    height: 400px;
  }
  .half-section.flex-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .white-title.full {
    font-size: 32px;
  }
  .section-flex.backstory {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .section-flex.backstory.inverse-mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .section-flex.foodservices {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .collection-item {
    width: 100%;
  }
  .blog-wrapper.wrapper-2 {
    width: 100%;
  }
  .blog-content.normal-content {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .top-blog-info {
    display: none;
  }
  .top-blog-info.second-style {
    width: 80%;
    margin-left: 40px;
  }
  .navigation-style-2 {
    height: 80px;
  }
  .left-padding.more-left {
    padding-right: 0px;
  }
  .subscribe-field {
    width: 60%;
  }
  .subscribe-form.normal {
    width: 100%;
  }
  .features-wrapper-second {
    padding-right: 10px;
    padding-left: 10px;
  }
  .blog-post-featured {
    height: 400px;
  }
  .subscribe-text-wrapper {
    width: 100%;
  }
  .features-stretch {
    width: 100%;
  }
  .project-wrapper-third {
    height: 350px;
  }
  .image-div-overflow {
    height: 400px;
    max-height: 400px;
  }
  .tab-link {
    width: 100%;
  }
  .sub-title {
    font-size: 45px;
    line-height: 50px;
  }
  .filter-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .collection-item-2 {
    display: block;
  }
  .collection-list {
    display: block;
  }
  .logo-image {
    margin-top: 5px;
  }
  .collection-item-3 {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
  }
  .banner-title {
    font-size: 36px;
    line-height: 40px;
  }
  .plate {
    right: 220px;
  }
  .plate.bento {
    right: 10px;
  }
  .coffee {
    right: 200px;
  }
  .intro-wrapper {
    width: 100%;
  }
  .heading {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 30px;
  }
  .search.in-nav {
    width: 90%;
  }
  .search-input {
    width: 60%;
  }
  .image-food {
    max-height: 200px;
  }
  .food-columns {
    height: 200px;
    max-height: 200px;
  }
  .smaller-font {
    font-size: 15px;
  }
  .review-heading {
    font-size: 18px;
  }
  .yelp-box {
    width: 100%;
  }
  .review-button-text {
    font-size: 14px;
  }
  .navbar-full-height.logo {
    max-width: 50%;
  }
  .navbar-logo {
    width: 150px;
    max-width: none;
  }
  .facebook-like {
    display: none;
  }
  .facebook-like.mobile {
    display: block;
  }
  .twitter {
    display: none;
  }
  .twitter.mobile {
    display: block;
    max-width: 140px;
  }
  .scroll-image {
    width: 500vw;
  }
  .sticky {
    top: 22vh;
  }
  .review-content {
    font-size: 16px;
  }
  .review-content.large {
    font-size: 18px;
  }
  .timeline {
    width: 1080vw;
  }
  .event-text {
    width: 90vw;
  }
  .line-timeline {
    left: 22.8vw;
  }
  .event-photo-2 {
    width: 40vw;
    height: 40vw;
  }
  .event-photo-2.zynga {
    background-size: 100px;
  }
  .event-photo-2.yelp {
    background-size: 100px;
  }
  .event-photo-2.wfm {
    background-size: contain;
  }
  .t2-text-container {
    width: 50vw;
  }
  .half-section-icons {
    max-width: 20%;
  }
  .arrow-up-sticky-button {
    left: 86%;
  }
  .arrow-down-sticky-button {
    left: 86%;
  }
  .blank-column-mob {
    display: none;
  }
  .safety-score-heading {
    margin-bottom: 0px;
    font-size: 22px;
  }
  .cathay-hero.overflow-none {
    display: none;
  }
  .text-charcoal.horizontal.mobile {
    display: inline-block;
  }
  .text-charcoal.horizontal.email {
    display: none;
  }
  .paragraph-charcoal {
    font-size: 16px;
  }
  .paragraph-charcoal.companies-section {
    font-size: 18px;
  }
  .paragraph-charcoal.small {
    font-size: 16px;
  }
}