@font-face {
  font-family: "PFHighwaySansPro-Thin";
  src: url("../fonts/PFHighwaySansPro-Thin.woff"); }

@-webkit-keyframes jumpButton {
  0% {
    padding-bottom: 0; }
  25% {
    padding-bottom: 1rem; }
  50% {
    padding-bottom: 0; }
  75% {
    padding-bottom: 0.5rem; }
  100% {
    padding-bottom: 0; } }

@keyframes jumpButton {
  0% {
    padding-bottom: 0; }
  25% {
    padding-bottom: 1rem; }
  50% {
    padding-bottom: 0; }
  75% {
    padding-bottom: 0.5rem; }
  100% {
    padding-bottom: 0; } }

/*.nextButton {*/
/*position: absolute;*/
/*bottom: 0;*/
/*left: 0;*/
/*right: 0;*/
/*padding-bottom: 1rem; }*/
/*.nextButton svg {*/
/*width: 40px;*/
/*height: 40px; }*/
/*.nextButton svg:hover {*/
/*animation: jumpButton 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); }*/
/*.fp-slidesContainer {*/
/*position: relative; }*/
/*.imgTel {*/
/*width: 100%;*/
/*height: 100%;*/
/*display: flex;*/
/*position: absolute; }*/
/*.slideTelImg {*/
/*overflow: hidden;*/
/*height: 0;*/
/*padding-top: 40.7%;*/
/*width: 25%;*/
/*position: relative;*/
/*margin: auto 0 auto 15%; }*/
/*.slideTITelefon {*/
/*top: 0;*/
/*height: 100%;*/
/*font-size: 0;*/
/*position: absolute;*/
/*z-index: 1; }*/
/*.slideTITelefon img {*/
/*width: 100%;*/
/*height: 100%; }*/
/*.slideTIContainer {*/
/*position: absolute;*/
/*top: 0;*/
/*width: 402%;*/
/*height: 100%;*/
/*font-size: 0;*/
/*transition: 0.2s ease-out; }*/
/*.slideTIContainer img {*/
/*height: 100%;*/
/*display: inline-block; }*/
/*.slideTIContainer.s2 {*/
/*transform: translateX(-25%); }*/
/*.slideTIContainer.s3 {*/
/*transform: translateX(-50%); }*/
/*.slideTIContainer.s4 {*/
/*transform: translateX(-75%); }*/
/*.slideContainer {*/
/*width: 80%;*/
/*margin: auto;*/
/*font-size: 0; }*/
/*.infoTextContainer {*/
/*width: 75%;*/
/*vertical-align: middle;*/
/*display: none; }*/
/*.infoTextContainer ul {*/
/*width: 80%;*/
/*margin: 0 auto;*/
/*list-style: inherit;*/
/*text-align: left;*/
/*padding-left: 5%; }*/
/*.infoTextContainer li {*/
/*font-size: 150%;*/
/*list-style: inherit;*/
/*padding-bottom: 2rem;*/
/*opacity: 0; }*/
/*.infoTextContainer.active {*/
/*display: block; }*/
/*.infoTextContainer.active li {*/
/*animation: emergenceOffsetUp 1s ease-in-out 0s both; }*/
/*.fp-controlArrow {*/
/*width: 40px;*/
/*height: 40px;*/
/*top: 52.5% !important; }*/
/*.fp-controlArrow svg {*/
/*width: 40px;*/
/*height: 40px; }*/
/*.fp-controlArrow.fp-prev {*/
/*left: 8%; }*/
/*.fp-controlArrow.fp-next {*/
/*right: 8%; }*/
/*.buttonOldProject {*/
/*display: flex;*/
/*justify-content: center;*/
/*align-items: center;*/
/*height: 30px;*/
/*background-color: #DE3F18;*/
/*border-radius: 15px; }*/
/*.buttonOldProject svg {*/
/*width: 15px;*/
/*height: 15px;*/
/*padding: 0 7px;*/
/*fill: #fff; }*/
/*.buttonOldProject span {*/
/*color: #fff; }*/
/*.buttonOldProject.left {*/
/*margin-left: 5%; }*/
/*.buttonOldProject.left span {*/
/*padding-right: 13px; }*/
/*.buttonOldProject.right {*/
/*margin-right: 5%; }*/
/*.buttonOldProject.right span {*/
/*padding-left: 13px; }*/
/*.titleText2 div {*/
/*display: inline-flex;*/
/*justify-content: center;*/
/*align-items: center;*/
/*font-weight: bold;*/
/*vertical-align: middle;*/
/*margin-top: 3%;*/
/*}*/
/*@media screen and (max-width: 1600px){*/
/*.titleText2 div{*/
/*margin-top: 7%;*/
/*}*/
/*}*/
/*@media screen and (max-width: 1400px){*/
/*.titleText2 div{*/
/*margin-top: 3%;*/
/*}*/
/*}*/
/*.titleText2 div:first-child {*/
/*width: 33px;*/
/*height: 33px;*/
/*border: 2px solid #000;*/
/*border-radius: 50%;*/
/*font-size: 180%;*/
/*}*/
/*.titleText2 div:last-child {*/
/*padding-left: 0.5rem;*/
/*font-size: 280%;*/
/*}*/
/*.infoText2 {*/
/*font-size: 180%;*/
/*width: 450px;*/
/*display: block;*/
/*margin-left: 24%;*/
/*}*/
/*#section3.active .titleText2 div {*/
/*opacity: 0;*/
/*animation: emergenceAnimation 1s ease-in-out 0s both; */
/*}*/
/*#section3.active .titleText2 div:first-child {*/
/*opacity: 0;*/
/*animation: emergenceOffset 1s ease-in-out 0.5s both;*/
/*}*/
/*#section3.active .infoText2 {*/
/*opacity: 0;*/
/*animation: emergenceOffsetUp 0.5s ease-in-out 1.5s both;*/
/*}*/
/*#section3.active .mobile_s3 {*/
/*opacity: 0;*/
/*animation: emergenceMobile_s3 0.5s ease-in-out 2s both;*/
/*}*/
/*#section3.active .tablet_s3 {*/
/*opacity: 0;*/
/*animation: emergenceTablet_s3 0.5s ease-in-out 2s both;*/
/*}*/
/*.s_container {*/
/*width: 100%;*/
/*height: 100%;*/
/*}*/
/*@media screen and (max-width: 700px) {*/
/*.s_container {*/
/*zoom: 80%;*/
/*-ms-zoom: 80%;*/
/*-webkit-zoom: 80%;*/
/*-moz-transform: scale(0.8);*/
/*}*/
/*}*/
/*.titleText3 {*/
/*text-align: left;*/
/*margin-left: 10%;*/
/*margin-top: 5%;*/
/*}*/
/*.titleText3 div {*/
/*display: inline-flex;*/
/*justify-content: center;*/
/*align-items: center;*/
/*font-weight: bold;*/
/*vertical-align: middle;*/
/*}*/
/*.titleText3 div:first-child {*/
/*width: 33px;*/
/*height: 33px;*/
/*border: 2px solid #000;*/
/*border-radius: 50%;*/
/*font-size: 150%;*/
/*}*/
/*.titleText3 div:last-child {*/
/*padding-left: 0.5rem;*/
/*font-size: 250%;*/
/*}*/
/*.device {*/
/*width: 1000px;*/
/*height: 100%;*/
/*margin: 0 auto;*/
/*}*/
/*.tablet_s4 {*/
/*position: absolute;*/
/*width: 100%;*/
/*left: 40%;*/
/*max-width: 500px;*/
/*bottom: 5%;*/
/*z-index: 1;*/
/*opacity: 0.8;*/
/*transition-duration: 0.2s;*/
/*transition-property: bottom, transform;*/
/*}*/
/*.tablet_s4 img {*/
/*width: 100%;*/
/*}*/
/*@media screen and (max-width: 1000px) {*/
/*.tablet_s4 {*/
/*left: 0;*/
/*}*/
/*}*/
/*#section4.active .tablet_s4 {*/
/*opacity: 0;*/
/*animation: timing-left 2s ease-in-out 2.5s both;*/
/*}*/
/*.mobile {*/
/*position: absolute;*/
/*display: inline;*/
/*bottom: 5%;*/
/*margin-left: 20px;*/
/*z-index: 1;*/
/*opacity: 0.8;*/
/*transition-duration: 0.2s;*/
/*transition-property: bottom, opacity, transform, left;*/
/*left: 75%;*/
/*}*/
/*.mobile img {*/
/*width: 100%;*/
/*max-width: 250px;*/
/*}*/
/*#section4.active .mobile {*/
/*opacity: 0;*/
/*animation: timing-right 2s ease-in-out 2.5s both;*/
/*}*/
/*.main_slider {*/
/*margin: 20px auto;*/
/*max-width: 300px;*/
/*max-height: 80%;*/
/*}*/
/*.sl2,*/
/*.sl {*/
/*margin: 10px auto;*/
/*width: 100%;*/
/*max-height: 80%;*/
/*text-align: left;*/
/*opacity: 0;*/
/*visibility: hidden;*/
/*-webkit-transition: opacity 0.3s, visibility 0s, linear 0.3s;*/
/*transition: opacity 0.3s, visibility 0s, linear 0.3s;*/
/*}*/
/*@media screen and (max-width: 1200px) {*/
/*.sl2,*/
/*.sl {*/
/*zoom: 85%;*/
/*-ms-zoom: 85%;*/
/*-webkit-zoom: 85%;*/
/*-moz-transform: scale(0.85);*/
/*}*/
/*}*/
/*.sl2 {*/
/*top: 5%;*/
/*}*/
/*.sl_slide ul {*/
/*float: left;*/
/*list-style: disc;*/
/*margin-top: 100px;*/
/*margin-left: 50px;*/
/*}*/
/*.sl_slide ul li {*/
/*font-size: 20px;*/
/*}*/
/*.s6_txt {*/
/*position: absolute;*/
/*text-align: left;*/
/*left: 10%;*/
/*top: 5%;*/
/*}*/
/*.s6_txt div {*/
/*display: inline-flex;*/
/*justify-content: center;*/
/*align-items: center;*/
/*font-weight: bold;*/
/*vertical-align: middle;*/
/*}*/
/*.s6_txt div:first-child {*/
/*width: 33px;*/
/*height: 33px;*/
/*border: 2px solid #000;*/
/*border-radius: 50%;*/
/*font-size: 150%;*/
/*}*/
/*.s6_txt div:nth-child(2) {*/
/*padding-left: 0.5rem;*/
/*font-size: 250%;*/
/*}*/
/*.s6_txt div:last-child {*/
/*font-size: 150%;*/
/*width: 50%;*/
/*display: block;*/
/*}*/
/*.sl {*/
/*max-width: 390px;*/
/*max-height: 530px;*/
/*margin: 0 auto;*/
/*}*/
/*.sl button:nth-child(1) {*/
/*left: -85px;*/
/*z-index: 1001;*/
/*}*/
/*.sl button:nth-child(3) {*/
/*right: -65px;*/
/*z-index: 1001;*/
/*}*/
/*.sl .slick-dots {*/
/*bottom: -100px;*/
/*}*/
/*.sl .slick-slide {*/
/*margin: 0 0;*/
/*width: 410px;*/
/*}*/
/*.sl__img1 {*/
/*margin-left: 20%;*/
/*max-width: 300px;*/
/*float: left;*/
/*width: 100%;*/
/*}*/
/*.sl_slide {*/
/*outline: none;*/
/*}*/
/*.sl__slide {*/
/*outline: none;*/
/*width: 410px;*/
/*height: 550px;*/
/*margin: 0 0;*/
/*}*/
/*.sl__img {*/
/*width: 100%;*/
/*max-width: 410px;*/
/*height: 550px;*/
/*box-shadow: none;*/
/*}*/
/*.tablet_txt {*/
/*position: absolute;*/
/*float: left;*/
/*left: 5%;*/
/*top: 10%;*/
/*}*/
/*.tablet_txt div {*/
/*display: inline-flex;*/
/*justify-content: center;*/
/*align-items: center;*/
/*font-weight: bold;*/
/*vertical-align: middle;*/
/*}*/
/*.tablet_txt div:first-child {*/
/*width: 33px;*/
/*height: 33px;*/
/*border: 2px solid #000;*/
/*border-radius: 50%;*/
/*font-size: 150%;*/
/*}*/
/*.tablet_txt div:last-child {*/
/*padding-left: 0.5rem;*/
/*font-size: 250%;*/
/*}*/
/*.tablet {*/
/*width: 100%;*/
/*position: absolute;*/
/*margin: 0 auto;*/
/*bottom: 13%;*/
/*z-index: 1000;*/
/*opacity: 0;*/
/*visibility: hidden;*/
/*-webkit-transition: opacity 0.3s, visibility 0s, linear 0.3s;*/
/*transition: opacity 0.3s, visibility 0s, linear 0.3s;*/
/*}*/
/*@media screen and (max-width: 1200px) {*/
/*.tablet {*/
/*zoom: 85%;*/
/*-ms-zoom: 85%;*/
/*-webkit-zoom: 85%;*/
/*-moz-transform: scale(0.85);*/
/*bottom: 19%;*/
/*}*/
/*}*/
/*.s5_txt {*/
/*position: absolute;*/
/*float: left;*/
/*top: 10%;*/
/*}*/
/*.s5_txt div {*/
/*display: inline-flex;*/
/*justify-content: center;*/
/*align-items: center;*/
/*font-weight: bold;*/
/*vertical-align: middle;*/
/*}*/
/*.s5_txt div:first-child {*/
/*width: 33px;*/
/*height: 33px;*/
/*border: 2px solid #000;*/
/*border-radius: 50%;*/
/*font-size: 150%;*/
/*}*/
/*.s5_txt div:nth-child(2) {*/
/*padding-left: 0.5rem;*/
/*font-size: 250%;*/
/*}*/
/*.s5_txt div:last-child {*/
/*padding-left: 0.5rem;*/
/*font-size: 150%;*/
/*}*/
/*@media screen and (max-width: 1250px) {*/
/*.s5_txt {*/
/*top: 5%;*/
/*}*/
/*}*/
/*.img_app01 {*/
/*width: 100%;*/
/*max-width: 300px;*/
/*float: left;*/
/*margin-left: 5%;*/
/*box-shadow: 0 0 10px rgba(0,0,0,0.2);*/
/*margin-top: 5%;*/
/*}*/
/*.img_app02 {*/
/*margin-top: 5%;*/
/*width: 100%;*/
/*max-width: 300px;*/
/*float: right;*/
/*margin-right: 5%;*/
/*box-shadow: 0 0 10px rgba(0,0,0,0.2);*/
/*}*/
/*.img_app16 {*/
/*border-radius: 25%;*/
/*}*/
/*.img_app_cont1 {*/
/*margin-top: 100px;*/
/*}*/
/*.img_app_cont1 img {*/
/*width: 100%;*/
/*max-width: 300px;*/
/*margin: 10px 10px;*/
/*box-shadow: 0 0 10px rgba(0,0,0,0.3);*/
/*}*/
/*.img_app_cont2 img {*/
/*border-radius: 50%;*/
/*margin: 10px 10px;*/
/*margin-top: 50px;*/
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/
/*}*/
* {
  margin: 0;
  padding: 0;
  color: #434242; }

html {
  width: 100%;
  height: 100%; }

body {
  font-family: 'Fira Sans', Arial, sans-serif !important;
  width: 100%;
  height: 100%; }

.section {
  background-color: #fff8f2 !important; }

.pace-container {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #fff8f2;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1000; }

.pace-container-inactive {
  display: none !important; }

#fp-nav.right {
  right: 5px !important; }

.fp-tooltip {
  color: black !important;
  background: #B1D7F1;
  padding: 3px 5px;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  border: 1px solid #1883D7;
  -webkit-box-shadow: #3C3F41 8px 1px 15px;
          box-shadow: #3C3F41 8px 1px 15px; }

.main_dev_anim {
  opacity: 1 !important; }

.intro {
  text-align: center; }

.logoCorp {
  width: 20%;
  display: inline-block;
  position: relative; }

.logoText {
  display: inline-block;
  width: 35%; }

#section2 {
  background: url(../img/main/sl2_bg.png) center center no-repeat;
  background-size: cover;
  position: relative; }
  #section2 .sl2_main {
    background: url("../img/main/sl2.png") no-repeat center center;
    background-size: cover;
    max-width: 1020px;
    height: 520px;
    margin: auto;
    text-align: center; }
  #section2 #sl2_1 {
    display: block;
    margin: 0 auto;
    top: 23%;
    position: relative;
    max-width: 600px; }

.titleText {
  position: relative;
  top: 23%;
  opacity: 0; }
  .titleText strong {
    font-size: 60px;
    color: #b3112c;
    z-index: 1; }
  .titleText div {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: bold;
    vertical-align: middle;
    padding-left: 0.5rem;
    font-size: 250%; }

.infoText {
  position: relative;
  margin: 0 auto;
  opacity: 0;
  top: 25%;
  font-size: 35px;
  max-width: 770px;
  color: #434242;
  line-height: 35px;
  display: block; }
  .infoText div {
    z-index: 1; }
  .infoText strong {
    font-size: 40px;
    color: #b3112c; }

.sl4_cont1 {
  background-color: #7e1d2a;
  width: 35%;
  height: 100%;
  float: left; }

.sl4_cont2 {
  width: 65%;
  height: 100%;
  background-color: #fdfbf1;
  float: right; }

.switch_tablet {
  opacity: 0;
  display: block;
  position: absolute;
  left: 10%;
  top: 11%;
  width: 110px;
  cursor: pointer; }

.switch_mobile {
  opacity: 0;
  display: block;
  position: absolute;
  left: 15%;
  top: 11%;
  cursor: pointer;
  width: 90px; }

.click_arrow {
  opacity: 0;
  display: block;
  margin-left: 7%;
  margin-top: 5%; }

.sl4_food {
  display: block;
  position: absolute;
  max-width: 400px;
  top: 55%;
  left: 5%;
  opacity: .4; }

.sl4_title {
  max-width: 720px;
  font-size: 32px;
  text-align: left;
  line-height: 32px;
  margin: 0 auto;
  margin-top: 9%;
  opacity: 0; }

.sl4_cont3_m {
  max-width: 1198px;
  height: 700px;
  bottom: 0;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0; }

.sl4_dev1 {
  display: block;
  position: absolute;
  max-width: 310px;
  float: left;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  opacity: 0; }

.sl4_dev2 {
  display: block;
  position: absolute;
  max-width: 390px;
  float: left;
  left: 15%;
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
  opacity: 0; }

.sl4_dev3 {
  display: block;
  position: absolute;
  max-width: 430px;
  float: left;
  left: 32%;
  top: 3%;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
  opacity: 0; }

.sl4_dev4 {
  display: block;
  position: absolute;
  max-width: 390px;
  float: left;
  left: 53%;
  top: 11%;
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
  opacity: 0; }

.sl4_dev5 {
  display: block;
  position: absolute;
  max-width: 360px;
  float: right;
  right: -2%;
  bottom: -8%;
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
  opacity: 0; }

.sl4_cont3_t {
  position: absolute;
  max-width: 1198px;
  height: 700px;
  margin: auto;
  bottom: 0;
  left: 0;
  right: 0;
  display: none; }

.sl4_dev_t1 {
  display: block;
  position: absolute;
  max-width: 500px;
  float: left;
  bottom: 0;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }

.sl4_dev_t2 {
  display: block;
  position: absolute;
  max-width: 470px;
  float: left;
  left: 25%;
  bottom: 0;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

.sl4_dev_t3 {
  display: block;
  position: absolute;
  max-width: 370px;
  float: left;
  left: 50%;
  bottom: 0;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }

.sl4_dev_t4 {
  display: block;
  position: absolute;
  max-width: 360px;
  float: left;
  left: 70%;
  bottom: 0;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

.sl5 {
  width: 100%;
  height: 100%; }
  .sl5 .slick-list {
    height: 100%; }
  .sl5 .slick-track {
    height: 100%; }
  .sl5 .slick-slide {
    margin: 0 0;
    outline: none;
    width: 100%; }

.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  border: none;
  outline: none;
  width: 120px;
  height: 120px;
  position: absolute;
  top: 47%;
  display: block;
  cursor: pointer;
  background: transparent;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }
  .slick-prev:active,
  .slick-next:active {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8); }

.slick-next {
  background-color: rgba(152, 152, 152, 0.5);
  top: 80%;
  right: 0;
  width: 100px;
  height: 129px; }
  .slick-next img {
    width: 41px;
    height: 41px;
    margin: 0 auto; }

.slick-prev {
  background-color: rgba(152, 152, 152, 0.5);
  top: 80%;
  left: 0;
  z-index: 100;
  opacity: 0;
  width: 100px;
  height: 129px; }
  .slick-prev img {
    width: 41px;
    height: 41px;
    margin: 0 auto; }

.anim_arrow {
  -webkit-animation: pulse 2s ease-in-out;
          animation: pulse 2s ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.click_arrow2 {
  max-width: 250px;
  float: right;
  margin-right: 5%;
  margin-top: -9%; }

.sl5__slide1 {
  background: url("../img/main/kfc_expansion_header.jpg") no-repeat center center;
  background-size: cover; }

.slide1_cont1_1 {
  background-color: white;
  position: absolute;
  width: 10%;
  height: 100px;
  top: 15%; }
  .slide1_cont1_1 p {
    margin: 4% auto 0;
    text-align: center;
    font-size: 32px;
    color: black;
    text-transform: uppercase;
    text-shadow: 1px 0 0 #000; }

.sl5__slide2 {
  background: url("../img/main/sl5_bg2_1.png") no-repeat center center;
  background-size: cover; }

.slide1_cont2 {
  background-color: white;
  position: relative;
  width: 40%;
  height: 100px;
  top: 15%; }
  .slide1_cont2 p {
    position: relative;
    margin: 0 auto;
    top: 30%;
    max-width: 600px;
    text-align: center;
    font-size: 30px;
    text-shadow: 1px 0 0 #000;
    line-height: 40px;
    color: black;
    text-transform: uppercase; }

.slide1_cont2_1 {
  max-width: 800px;
  display: block;
  position: relative;
  top: 50%;
  left: 20%; }

.sl5_img1 {
  position: relative;
  max-width: 550px;
  display: block;
  margin-left: 45%;
  margin-top: -15%; }

.sl5_marker_map {
  max-width: 200px;
  position: absolute;
  display: block;
  z-index: 1;
  left: 69%;
  opacity: 1;
  -webkit-animation: bounce 2.5s ease-in-out;
          animation: bounce 2.5s ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.sl5__slide3 {
  background: url("../img/main/sl5_bg3_1_3.png") no-repeat center center;
  background-size: cover; }

.slide1_cont3 {
  background-color: white;
  position: relative;
  width: 38%;
  height: 100px;
  top: 15%;
  text-align: center; }
  .slide1_cont3 p {
    position: relative;
    color: black;
    margin: 0 auto;
    font-size: 40px;
    top: 27%;
    text-transform: uppercase;
    text-shadow: 1px 0 0 #000; }

.sl5_img2 {
  position: absolute;
  z-index: 100;
  max-width: 400px;
  display: block;
  right: 6%;
  top: 23%; }

.sl5__slide4 {
  background: url("../img/main/sl5_bg4_1_12.png") no-repeat center center;
  background-size: cover;
  position: relative; }
  .sl5__slide4 div:first-child {
    position: absolute;
    background-color: white;
    width: 40%;
    height: 100px;
    top: 15%;
    text-align: center; }
    .sl5__slide4 div:first-child p {
      position: relative;
      top: 12%;
      max-width: 600px;
      margin: 0 auto;
      color: black;
      font-size: 30px;
      line-height: 38px;
      text-shadow: 1px 0 0 #000;
      text-transform: uppercase; }

.bottom_arrow {
  background-color: rgba(152, 152, 152, 0.5);
  position: absolute;
  bottom: 0;
  width: 154px;
  height: 71px;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer; }
  .bottom_arrow img {
    width: 37px;
    height: 37px;
    margin: 13% auto 0; }

/*Dots Slider*/
.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  border: 2px solid #777;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  -webkit-box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.2);
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  color: transparent;
  outline: none;
  background: transparent;
  cursor: pointer;
  width: 20px;
  height: 20px; }

.slick-dots li button:before {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  background: #777;
  opacity: 1;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -5px;
  -webkit-transition: background 0.3s;
  transition: background 0.3s; }

.slick-dots li button:hover {
  border-color: #d31e2f; }

.slick-dots li.slick-active button {
  border-color: #d31e2f; }

.slick-dots li button:hover:before {
  background: #777; }

.slick-dots li.slick-active button:before {
  background: #777; }

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

.sl6_cont2_txt {
  position: relative;
  display: block;
  opacity: 0;
  font-size: 50px;
  margin: 0 auto;
  top: 10%;
  text-align: center; }

.sl6_cont3 {
  position: absolute;
  max-width: 1300px;
  height: 813px;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0; }
  .sl6_cont3 img {
    display: block;
    float: left;
    max-width: 300px;
    position: absolute; }
  .sl6_cont3 .sl6_img1 {
    opacity: 0;
    max-width: 400px;
    margin: auto;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .sl6_cont3 .sl6_img3 {
    opacity: 0;
    bottom: 0;
    -webkit-animation-delay: 1s;
            animation-delay: 1s; }
  .sl6_cont3 .sl6_img2 {
    opacity: 0;
    left: 16%;
    bottom: 0;
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s; }
  .sl6_cont3 .sl6_img4 {
    opacity: 0;
    left: 61%;
    bottom: 0;
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s; }
  .sl6_cont3 .sl6_img5 {
    opacity: 0;
    right: 0;
    bottom: 0;
    -webkit-animation-delay: 1s;
            animation-delay: 1s; }

.sl7_cont1 {
  background-color: #7e1d2a;
  width: 35%;
  height: 100%;
  float: left; }
  .sl7_cont1 div {
    color: white !important;
    text-align: left; }
  .sl7_cont1 div:first-child {
    color: #E4A590 !important;
    opacity: 0;
    font-size: 60px;
    max-width: 500px;
    margin: 0 auto;
    line-height: 50px;
    margin-top: 15%;
    text-align: center;
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
    -webkit-animation-duration: 1s;
            animation-duration: 1s; }
  .sl7_cont1 div:nth-child(2) {
    opacity: 0;
    font-size: 40px;
    margin: 10% auto 0;
    text-align: center;
    -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
    -webkit-animation-duration: 1s;
            animation-duration: 1s; }
  .sl7_cont1 .sl7_txt1 {
    margin-top: 10%;
    margin-left: 10%;
    -webkit-animation-delay: 1.2s;
            animation-delay: 1.2s; }
  .sl7_cont1 .sl7_txt2 {
    margin-top: 2%;
    margin-left: 12%;
    -webkit-animation-delay: 1.4s;
            animation-delay: 1.4s; }
  .sl7_cont1 .sl7_txt3 {
    margin-top: 2%;
    max-width: 550px;
    margin-left: 15%;
    -webkit-animation-delay: 1.7s;
            animation-delay: 1.7s; }
  .sl7_cont1 .sl7_txt4 {
    margin-top: 2%;
    margin-left: 18%;
    -webkit-animation-delay: 2s;
            animation-delay: 2s; }

.sl7_txt1, .sl7_txt2, .sl7_txt3, .sl7_txt4 {
  opacity: 0;
  font-size: 30px; }

.sl7_img1 {
  width: 25px;
  margin-top: 10.5%;
  float: left;
  margin-left: 5%;
  opacity: 0;
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s; }

.sl7_img2 {
  width: 25px;
  margin-top: 2.7%;
  float: left;
  margin-left: 7%;
  opacity: 0;
  -webkit-animation-delay: 2s;
          animation-delay: 2s; }

.sl7_img3 {
  width: 25px;
  margin-top: 2.7%;
  float: left;
  margin-left: 10%;
  opacity: 0;
  -webkit-animation-delay: 2.3s;
          animation-delay: 2.3s; }

.sl7_img4 {
  width: 25px;
  margin-top: 2.7%;
  float: left;
  margin-left: 13%;
  opacity: 0;
  -webkit-animation-delay: 2.6s;
          animation-delay: 2.6s; }

.kfc_sogood {
  display: block;
  position: absolute;
  max-width: 500px;
  left: 5%;
  top: 65%;
  opacity: .3; }

.sl7_cont2 {
  background: url("../img/main/sl7_bg2.png") no-repeat center center;
  background-size: cover;
  width: 65%;
  height: 100%;
  float: right; }

#section8 {
  background-color: #fff !important; }

.sogood {
  position: absolute;
  right: 10%;
  top: 10%;
  opacity: 0;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s; }
  .sogood img {
    max-width: 250px; }

.kfcLogoApp {
  opacity: 0;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  display: inline-block;
  vertical-align: middle;
  padding: 10px; }
  .kfcLogoApp svg {
    width: 200px;
    height: 200px; }

.linkApp {
  display: inline-block;
  vertical-align: middle;
  padding-left: 4rem; }
  .linkApp .linkApp .linkAppIOS {
    margin-bottom: 1rem; }
  .linkApp .linkApp .linkAppIOS, .linkApp .linkApp .linkAppAndroid {
    font-size: 0; }

.linkAppAndroid {
  opacity: 0;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  padding: 10px; }

.linkAppIOS {
  opacity: 0;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
  padding: 10px; }

.footerButton {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 500px;
  margin: auto; }

.footerButtonContainer {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end; }

.toStartButton {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-animation: emergenceAnimation 1s ease-in-out 1s both;
          animation: emergenceAnimation 1s ease-in-out 1s both; }
  .toStartButton a {
    font-size: 0; }
  .toStartButton span {
    font-family: "PFHighwaySansPro-Thin";
    padding-top: 0.5rem;
    font-size: 130%;
    cursor: pointer; }
  .toStartButton svg {
    width: 40px;
    height: 40px; }
  .toStartButton svg:hover {
    -webkit-animation: jumpButton 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            animation: jumpButton 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.svg {
  position: absolute;
  display: block;
  width: 209px;
  height: 143px;
  float: left;
  fill-opacity: 0;
  bottom: 0;
  left: 100px; }

.anim_opac {
  -webkit-animation: fill-opac 1s linear 3s forwards;
          animation: fill-opac 1s linear 3s forwards; }

.A {
  fill-opacity: 1; }

.A1 {
  fill-opacity: 1 !important;
  -webkit-animation: block_anim 0.2s linear 3.3s forwards;
          animation: block_anim 0.2s linear 3.3s forwards; }

.A2 {
  fill-opacity: 1 !important;
  -webkit-animation: block_anim2 0.3s linear 3.5s forwards;
          animation: block_anim2 0.3s linear 3.5s forwards; }

.A3 {
  fill-opacity: 1 !important;
  -webkit-animation: block_anim3 0.2s linear 4.3s forwards;
          animation: block_anim3 0.2s linear 4.3s forwards; }

.item1 {
  stroke-dasharray: 381 383;
  stroke-dashoffset: 382;
  -webkit-animation: ruwWBSpW_draw 2000ms linear 166ms forwards;
          animation: ruwWBSpW_draw 2000ms linear 166ms forwards; }

.item2 {
  stroke-dasharray: 553 555;
  stroke-dashoffset: 554;
  -webkit-animation: ruwWBSpW_draw 2000ms linear 333ms forwards;
          animation: ruwWBSpW_draw 2000ms linear 333ms forwards; }

.item3 {
  stroke-dasharray: 158 160;
  stroke-dashoffset: 159;
  -webkit-animation: ruwWBSpW_draw 2000ms linear 500ms forwards;
          animation: ruwWBSpW_draw 2000ms linear 500ms forwards; }

.item4 {
  stroke-dasharray: 635 637;
  stroke-dashoffset: 636;
  -webkit-animation: ruwWBSpW_draw 2000ms linear 666ms forwards;
          animation: ruwWBSpW_draw 2000ms linear 666ms forwards; }

.item5 {
  stroke-dasharray: 685 687;
  stroke-dashoffset: 686;
  -webkit-animation: ruwWBSpW_draw 2000ms linear 833ms forwards;
          animation: ruwWBSpW_draw 2000ms linear 833ms forwards; }

.item6 {
  stroke-dasharray: 668 670;
  stroke-dashoffset: 669;
  -webkit-animation: ruwWBSpW_draw 2000ms linear 1000ms forwards;
          animation: ruwWBSpW_draw 2000ms linear 1000ms forwards; }

@-webkit-keyframes ruwWBSpW_draw {
  100% {
    stroke-dashoffset: 0; } }

@keyframes ruwWBSpW_draw {
  100% {
    stroke-dashoffset: 0; } }

@-webkit-keyframes ruwWBSpW_fade {
  0% {
    stroke-opacity: 1; }
  94.44444444444444% {
    stroke-opacity: 1; }
  100% {
    stroke-opacity: 0; } }

@keyframes ruwWBSpW_fade {
  0% {
    stroke-opacity: 1; }
  94.44444444444444% {
    stroke-opacity: 1; }
  100% {
    stroke-opacity: 0; } }

@-webkit-keyframes block_anim {
  100% {
    -webkit-transform: translateY(-600px);
            transform: translateY(-600px); } }

@keyframes block_anim {
  100% {
    -webkit-transform: translateY(-600px);
            transform: translateY(-600px); } }

@-webkit-keyframes block_anim2 {
  100% {
    -webkit-transform: translateY(600px);
            transform: translateY(600px); } }

@keyframes block_anim2 {
  100% {
    -webkit-transform: translateY(600px);
            transform: translateY(600px); } }

@-webkit-keyframes block_anim3 {
  100% {
    -webkit-transform: translateX(600px);
            transform: translateX(600px); } }

@keyframes block_anim3 {
  100% {
    -webkit-transform: translateX(600px);
            transform: translateX(600px); } }

@-webkit-keyframes fill-opac {
  100% {
    fill-opacity: 1; } }

@keyframes fill-opac {
  100% {
    fill-opacity: 1; } }

.backCont {
  position: absolute;
  border: 1px solid #000;
  -webkit-border-radius: 15px;
          border-radius: 15px;
  margin-top: 325px;
  float: right;
  cursor: pointer;
  text-align: center;
  padding: 13px 35px;
  right: 100px;
  bottom: 50px; }
  .backCont:hover {
    -webkit-animation: border-color_anim .2s linear forwards;
            animation: border-color_anim .2s linear forwards; }
  .backCont:active {
    -webkit-transform: translateY(4px);
        -ms-transform: translateY(4px);
            transform: translateY(4px); }
  .backCont a {
    text-decoration: none;
    color: #000;
    font-family: "RobotoRegular", Arial, sans-serif;
    font-size: 20px; }
    .backCont a span {
      color: #a44d45; }

.top-button {
  cursor: pointer; }

.downloadScreen {
  text-align: center; }

@-webkit-keyframes border-color_anim {
  0% {
    border-color: #000; }
  100% {
    border-color: #ff0101; } }

@keyframes border-color_anim {
  0% {
    border-color: #000; }
  100% {
    border-color: #ff0101; } }