body{
  color: #6e6e6e;
  font-family: 'franklin';
  background: #ddd;
  font-size: 14px;
}

  
  @font-face {
    font-family: 'franklin';
    src: url(../fonts/librefranklin-regular.ttf);
  }
  @font-face {
    font-family: 'franklin semibold';
    src: url(../fonts/librefranklin-semibold.ttf);
  }
  @font-face {
    font-family: 'franklin medium';
    src: url(../fonts/librefranklin-medium.ttf);
  }
  @font-face {
    font-family: 'franklin bold';
    src: url(../fonts/librefranklin-bold.ttf);
  }
  @font-face {
    font-family: 'franklin black';
    src: url(../fonts/librefranklin-black.ttf);
  }
  @font-face {
    font-family: 'franklin';
    src: url(../fonts/librefranklin-regular.ttf);
  }
 


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

h1, h2, h3, h4, h5, h6{
  font-family: 'franklin';
}
/*======================================================
           COMMAN CLASS
  ======================================================*/
ul{
  margin: 0px;
  padding: 0px;
  list-style: none;
}
li {
  padding: 0px;
}
p{
  margin: 0px;
}
a {
  color: #6e6e6e;
  text-decoration: none;
}
a:focus,
a:hover {
  color: #231f20;
  text-decoration: none;
}

.text-upp{
    text-transform: uppercase;
}
/*----------------------FONT COLOR CLASSES-------------------------*/

.whiteclr{
  color: #fff !important;
}
.blackclr{
  color: #000 !important;
}
.mauto{
    margin: 0 auto;
}

/*==========       BASIC CLASSES     ==========*/

/* ========================================= */
/* =============SPACE CLASSES============== */
/* ========================================= */
.space5{
  margin-top: 5px;
}
.space10{
  margin-top: 10px;
}
.space15{
  margin-top: 15px;
}
.space20{
  margin-top: 20px;
}
.space25{
  margin-top: 25px;
}
.space30{
  margin-top: 30px;
}
.space40{
  margin-top: 40px;
}
.space50{
  margin-top: 50px !important;
}
.space60{
  margin-top: 60px;
}
.space70{
  margin-top: 70px;
}
.space80{
  margin-top: 80px;
}
.space100{
  margin-top: 100px;
}

/* ========================================= */
/* =============PADDING CLASSES============== */
/* ========================================= */
.pad0{
  padding: 0 !important;
}
.padleft0{
  padding-left: 0px !important;
}
.padright0{
  padding-right: 0px !important;
}
.padtop0{
  padding-top: 0px !important;    
}
.padbottom0{
  padding-bottom: 0px !important;   
}
.padding10{
  padding: 10px !important;
}
.padding15{
  padding: 15px;
}
.padding20{
  padding: 20px !important;
}
.padding25{
  padding: 25px;
}
.padding30{
  padding: 30px !important;
}
.padding50{
  padding: 50px;
}
.padbtm100{
  padding-bottom: 100px;
}
.padbtm80{
  padding-bottom: 80px;
}
.padbtm50{
  padding-bottom: 50px !important;
}
.padbtm20{
  padding-bottom: 20px !important;
}
.padleft25{
  padding-left: 25px !important;
}

/* ========================================= */
/* =============MARGIN CLASSES============== */
/* ========================================= */
.m0{
  margin: 0;
}
.mbtm0{
  margin-bottom: 0px;
}
.mtop0{
  margin-top:0px;
}
.mtop10{
  margin-top:10px;
}
.mbtm10{
  margin-bottom:10px;
}
.mleft20{
  margin-left:20px;
}
.mleft40{
  margin-left:40px;
}
.mleft60{
  margin-left:60px;
}
.mright10{
  margin-right:10px;
}
.mauto img{
  margin: 0px auto !important;
  width: 100%  !important;
}

.mautomargin{
  margin: 0px auto !important;
}


/* ========================================= */
/* =============FONT SIZE CLASSES============== */
/* ========================================= */
.fsize8{
  font-size: 8px !important;
}
.fsize10{
  font-size: 10px !important;
}
.fsize12{
  font-size: 12px !important;
}
.fsize13{
  font-size: 13px;
}
.fsize14{
  font-size: 14px !important;
}
.fsize16{
  font-size: 16px !important;
}
.fsize18{
  font-size: 18px !important;
}
.fsize20
{
  font-size: 20px !important;
}
.fsize22{
  font-size: 22px !important;
}
.fsize24{
  font-size: 24px !important;
}
.fsize26{
  font-size: 26px;
}
.fsize28{
  font-size: 28px;
}
.fsize30{
  font-size: 30px !important;
}
.fsize36{
  font-size: 36px !important;
}
.fsize40{
  font-size: 40px !important;
}
.fsize50{
  font-size: 50px !important;
}
.fsize60{
  font-size: 60px !important;
}
.fsize70{
  font-size: 70px !important;
}
.fsize80{
  font-size: 80px;
}
.fsize90{
  font-size: 90px;
}
.fsize100{
  font-size: 100px !important;
}

/* ========================================= */
/* =============FONT WEIGHT CLASSES============== */
/* ========================================= */
.f100{
  font-weight: 100;
}

.f200{
  font-weight: 200;
}
.f300{
  font-weight: 300;
}
.f400{
  font-weight: 400;
}
.f500{
  font-weight: 500;
}
.f600{
  font-weight: 600;
}
.f700{
  font-weight: 700;
}
.f800{
  font-weight: 800;
}

input{
	outline: none !important;
}
button{
	outline: none !important;
}

/*==========================================================================*/

/*::-webkit-scrollbar {
  display: none;
}*/




/*========================Start Css=========================================*/


/*=====================================================*/


/* HEADER - CSS */
/* END OF HEADER */
header{
  position: relative;
  z-index: 5;
  top: 0 !important;
}
header .header-wrapper{

}
header .content{
  padding-top: 0px;
}
.btn-modal-download{
  -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
  transition: all 300ms ease 0s;
}
header .btn-modal-download:hover{
  opacity: 0.8;
}


#preloader{
  position: fixed;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  z-index: 200;
  background: #FFF;
}
.preloader-content{
     top: 45%;
     position: absolute;
     left: 50%;
}
.download-image-tablet{
  display: none;
}
.phone-image-wrapper{
  padding: 0px;
  position: absolute;
    bottom: -70px;
    width: 100%;
    overflow: visible;
}
.reduced-brightness:before{
  content:"brightness(50%)"
}
.reduced-brightness{
  -webkit-filter: brightness(50%);
  filter:brightness(50%);
}
.phone-image-resize{
  width: 400px;
}
#new_download_request{
  max-width: 500px;
}
.fold-1{
  position: relative;
}
.fold-1-bg{
  height: 2000px;
  position: relative;
  overflow: hidden;
  /*padding-top: 10%;*/
  padding-bottom: 0px;
  /*padding-left: 150px;
  padding-right: 150px;*/
  background: #dce5ec; /* Old browsers */
  background: -moz-linear-gradient(top, #dce5ec 0%, #e1defd 100%);
  background: -webkit-linear-gradient(top, #dce5ec 0%,#e1defd 100%); 
  background: linear-gradient(to bottom, #dce5ec 0%,#e1defd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dce5ec', endColorstr='#e1defd',GradientType=0 );
  position: relative;
}
.header-nav{
  position: absolute;
    width: 100%;
    top: 40px;
    left: 0;
    padding-left: 150px;
    padding-right: 150px;
    z-index: 95;
}
.header-nav .logo{
  margin: 0px;
}
.fold-1 img{
  margin: 0px auto;
}
.fold-1-booking-app{
  position: absolute;
  width: 50%;
  height: 100%;
  /*background: #2a2b31;*/
  top: 0;
  left: 0;
  z-index: 100;
}
.fold-1-booking-app-bg{
  height: 100%;
    width: 50%;
    position: absolute;
    top: 0;
    left: 0;
  background: #2a2b31;
  z-index: 100;
}
.height-0{
  height: 0px !important;
}
.fold-1-booking-app{
  padding-left: 150px;
  padding-right: 130px;
}
.image-logo-white{
  padding-top: 40px;
}
.form-wrapper-booking-app{
  /*margin-top: 15%;*/
  opacity: 0;
  -webkit-transform: translate( 0%, -50% ); 
    -ms-transform: translate( 0%, -50% );
     transform: translate( 0%, -50% );
  position: absolute;
  top: 50%;
}
.form-wrapper-booking-app h1{
  font-family: 'franklin black';
  font-size: 45px;
  color: #fff;
  line-height: 1.08;
  margin-bottom: 72px;
  text-align: left;
}
.form-wrapper-booking-app p{
  font-size: 24px;
  line-height: 1.42;
  color: #8f94a0;
  text-align: left;
}
.form-wrapper-booking-app p small{
  font-size: 12px;
  line-height: 1.33;
  color: #8f94a0;
  display: block;
  letter-spacing: 1px;
}
.form-wrapper-booking-app p small a{
  color: #FFF;
}
.fold-2-bg-transition{
  position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    z-index: 50;
    overflow: hidden;
}

/* FOLD 2*/
.fold-2{
  position: absolute;
  opacity: 1;
  height: 100%;
  width: 100%;
}
.fold-2-padding{
  padding: 70px 150px 145px;
  background: #dce5ec; /* Old browsers */
  background: -moz-linear-gradient(top, #dce5ec 0%, #e1defd 100%);
  background: -webkit-linear-gradient(top, #dce5ec 0%,#e1defd 100%); 
  background: linear-gradient(to bottom, #dce5ec 0%,#e1defd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dce5ec', endColorstr='#e1defd',GradientType=0 );
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.fold-2-content{
  background-color: rgba(45, 22, 65, 0.3);
  padding: 145px 150px;
  /*position: absolute;
  top: 0;
  left: 0;*/
  height: 100%;
  width: 100%;
  z-index: 5;
  position: relative;
}
.fold-2-bg-transition{
  background-color: rgba(45, 22, 65, 0.6);
}
.fold-2 .content{
  position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%);
    z-index: 51;
    width: 100%;
    padding: 0 150px;
    opacity: 0;
    -webkit-transition: all 800ms ease 0s;
    -moz-transition: all  800ms ease 0s;
    -o-transition: all  800ms ease 0s;
  transition: all  800ms ease 0s;
}
.fold-2 .content.active,
.fold-2 .content.content-third.active-done{
  opacity: 1 !important;
  top: 50% !important;
}
.fold-2 .content.active-done{
  top: -100%;
  opacity: 0;
}
.fold-2 .content h2{
  font-family: 'franklin black';
  font-size: 65px;
  line-height: 1;
  text-align: left;
  color: #FFF;
  font-weight: 100;
}
.fold-2 .content:last-child h2{
  margin-bottom: 0px;
}
/* FOLD 3 */
.fold-3{
  position: relative;
  z-index: 110;
  margin-top: -2px;
  background: #dce5ec; /* Old browsers */
  background: -moz-linear-gradient(top, #dce5ec 0%, #e1defd 100%);
  background: -webkit-linear-gradient(top, #dce5ec 0%,#e1defd 100%); 
  background: linear-gradient(to bottom, #dce5ec 0%,#e1defd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dce5ec', endColorstr='#e1defd',GradientType=0 );
}
.fold-3-overlay{
  position: absolute;
  background-color: rgba(45, 22, 65, 0.3);
  position: absolute;
  z-index: 6;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.violet-bg{
  background: #6b3299;
  padding: 70px 150px;
}
.fold-3-padding{
  padding: 70px 150px;
  position: relative;
}
.fold-3 h3{
  font-family: 'franklin black';
  font-size: 60px;
  line-height: 1.08;
  text-align: left;
  color: #ffffff;
  font-weight: 700;
}
.fold-3 p small{
  display: block;
  font-size: 12px;
  line-height: 1.33;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 1px;
}
.fold-3 p small a{
  color: #FFF;
}
.fold-3 .bordered{
  border-left: solid 1px rgba(255, 255, 255, 0.25);
  padding-left: 140px;
  padding-top: 50px;
  padding-bottom: 10px;
}
/* FOLD 4 */
.fold-4{
  height: 900px;
  position: relative;
  overflow: hidden;
}
.parallax-window{
  background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.fold-4-bg{
  background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    height: 200%;
    position: relative;
    top: -100%;
    -webkit-background-size: 110%;
  -moz-background-size: 110%;
  -o-background-size: 110%;
  background-size: 110%;
}
/* FOLD 5 */
.fold-5{
  padding: 150px 150px;
  background: #2a2b31;
}
.callout-image{
  overflow: hidden;
}
.callout-link:hover .callout-image{
/*  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9)
          transform: scale(0.9);*/
}
.callout-link img,
.callout-link .callout-image{
  -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}
.callout-link:hover img{
/*  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5)
          transform: scale(1.5);  */
}
.fold-5 li.callout-wrapper{
  height: 380px;
}
.fold-5 li.callout-wrapper h3{
  font-family: 'franklin black';
  font-size: 42px;
  line-height: 1.55;
  color: #FFF;
  margin-bottom: 20px;
  position: relative;
  padding-top: 15px;
}
.fold-5 li.callout-wrapper h3:before{
  content: '';
  width: 50px;
  height: 4px;
  background: #454c60;
  position: absolute;
  top: 0;
}
.fold-5 li.callout-wrapper p{
  font-size: 24px;
  line-height: 1.42;
  color: #8f94a0;
}
.fold-5 li.callout-wrapper .callout-image{
  height: 380px;
  width: 380px;
  min-width: 380px;
  display: inline-block;
}
.fold-5 li.callout-wrapper .callout-image img{
  /*height: 480px;*/
}
.fold-5 li.callout-wrapper .callout-image{
  position: relative;
}
.fold-5 li.callout-wrapper .callout-image .black-bg{
  position: absolute;
  width: 100%;
  height: 100%;
  background: #454C60;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.fold-5 li.callout-wrapper.callout-even .callout-image img{
    margin-right: 0px;
    margin-left: auto;
}
.fold-5 li.callout-wrapper.callout-even .callout-content{
  width: 290px;
}
.fold-5 li.callout-wrapper.callout-odd{
  text-align: left;
}
.fold-5 li.callout-wrapper.callout-even{
  text-align: right;
}
.fold-5 .callout-content{
  width: 390px;
  position: relative;
  height: 0px;
  overflow: hidden;
}
.fold-5 li.callout-even .callout-content{
  margin-right: 0px;
  margin-left: auto;
}
.fold-5{
  position: relative;
}
.fold-5 .callout-image,
.fold-5 .callout-image .callout-bg .black-bg-1{
  opacity: 0;
}
.fold-5 .callout-image .callout-bg,
.fold-5 .callout-image .callout-bg .black-bg-1{
  height: 100%;
  width: 100%;
  position: relative;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
}
.fold-5 .reveal-callout .callout-image{
  opacity: 1;
}
.fold-5 .reveal-callout .callout-content-wrapper .callout-content{
  -webkit-animation: height-animation 400ms 400ms normal forwards ease-in-out;
  -moz-animation:    height-animation 400ms 400ms normal forwards ease-in-out;
  -o-animation:      height-animation 400ms 400ms normal forwards ease-in-out;
  animation:         height-animation 400ms 400ms normal forwards ease-in-out;
}
.fold-5 .reveal-callout .callout-image .callout-bg .black-bg-1{
  -webkit-animation: fade 400ms 400ms normal forwards ease-in-out;
  -moz-animation:    fade 400ms 400ms normal forwards ease-in-out;
  -o-animation:      fade 400ms 400ms normal forwards ease-in-out;
  animation:         fade 400ms 400ms normal forwards ease-in-out;
/*    -webkit-animation: bottom-top  400ms 400ms normal forwards ease-in-out;
  -moz-animation:    bottom-top  400ms 400ms normal forwards ease-in-out;
  -o-animation:      bottom-top  400ms 400ms normal forwards ease-in-out;
  animation:         bottom-top  400ms 400ms normal forwards ease-in-out;*/
}
.fold-5 .reveal-callout .callout-image .black-bg{
  -webkit-animation: bottom-top  400ms normal forwards ease-in-out, bottom-top-remove  400ms 400ms normal forwards ease-in-out ; /* Safari 4+ */
  -moz-animation:    bottom-top  400ms normal forwards ease-in-out, bottom-top-remove  400ms 400ms normal forwards ease-in-out ; /* Fx 5+ */
  -o-animation:      bottom-top  400ms normal forwards ease-in-out, bottom-top-remove  400ms 400ms normal forwards ease-in-out ; /* Opera 12+ */
  animation:         bottom-top  400ms normal forwards ease-in-out, bottom-top-remove  400ms 400ms normal forwards ease-in-out ; /* IE 10+, Fx 29+ */
}
@-webkit-keyframes height-animation {
    from {height: 0;}
    to {height: 180px;}
}
@keyframes height-animation {
    from {height: 0;}
    to {height: 180px;}
}

@-webkit-keyframes bottom-top {
    from {top: 100%;}
    to {top: 0;}
}
@keyframes bottom-top {
    from {top: 100%;}
    to {top: 0;}
}

@-webkit-keyframes bottom-top-remove {
    from {top: 0;}
    to {top: -100%;}
}
@keyframes bottom-top-remove {
    from {top: 0;}
    to {top: -100%;}
}

@-webkit-keyframes fade{
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes fade{
    from {opacity: 0;}
    to {opacity: 1;}
}

@-webkit-keyframes bottom-top {
    from {top: 100%;}
    to {top: 0;}
}
@keyframes bottom-top {
    from {top: 100%;}
    to {top: 0;}
}
.fold-5 .callout-image{
  position: relative;
}
/* FOLD 6 */
.fold-6{
  position: relative;
  height: 700px;
  overflow: hidden;
}
.fold-6 .fold-6-bg{
  background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top;
    height: 200%;
    position: relative;
    top: -100%;
    -webkit-background-size: 140%;
  -moz-background-size: 140%;
  -o-background-size: 140%;
  background-size: 100%;
}
/* FOLD 7 */
@-webkit-keyframes height-animation-full {
    from {height: 0;}
    to {height: 100%;}
}
@keyframes height-animation-full {
    from {height: 0;}
    to {height: 100%;}
}

.footer-wrapper{
  top: auto !important;
    bottom: 0 !important;
    background: #fff;
    z-index: 5;
}
.fold-7{
  /*background: #6b3299;*/
  position: relative;
  background: #FFF;
  /*display: none;*/
}
.fold-7 .content.reveal-footer{
/*  -webkit-animation: height-animation-full 400ms 400ms normal forwards ease-in-out;
  -moz-animation:    height-animation-full 400ms 400ms normal forwards ease-in-out;
  -o-animation:      height-animation-full 400ms 400ms normal forwards ease-in-out;
  animation:         height-animation-full 400ms 400ms normal forwards ease-in-out;*/
}
.fold-7 .content{
  height: 100%;
  position: relative;
  overflow: hidden;
  /*display: none;*/
}
.fold-7 .content .left-bg{
  height: 100%;
  position: absolute;
  width: 50%;
}
.fold-7 .content .left-bg{
  background: #6b3299;
}
.fold-7 .content .left-bg{
  left: 0;
  top: 0;
}
.fold-7 .content .right-bg{
  left: 0;
  top: 0;
  background: #6b3299;
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
}
.fold-7 .left-content{
  padding: 0px 150px 0 150px;
  overflow: hidden;
  background: #6b3299;
  height: 100%;
  position: relative;
  z-index: 3;
}
.left-contents-wrapper,
.right-contents-wrapper{
  /*margin-top: 15%;*/
  -webkit-transform: translate( 0%, -50% ); 
    -ms-transform: translate( 0%, -50% );
     transform: translate( 0%, -50% );
  position: absolute;
  top: 50%;
  padding-top: 100px;
}
.fold-7 .right-content{
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 235px;
  padding-right: 200px;
  height: 730px;
}
.fold-7 .right-content .overlay-bg-violet{
  background: #6b3299;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.fold-7 .left-content  h4{
  font-family: 'franklin black';
  color: #FFF;
  line-height: 1.3;
  text-align: left;
  font-size: 70px;
  margin-bottom: 90px;
  opacity: 0;
  margin-left: -5px;
}
.fold-7-container{
  position: relative;
  height: 730px;
}
.fold-7 .mobile-app-links{
  opacity: 0;
}
.fold-7 .right-content ul.page-links{
  margin-bottom: 60px;
}
.fold-7 .right-content ul.page-links li{
  margin-bottom: 20px;
}
.fold-7 .social-links-header {
    line-height: 1.71;
    text-align: left;
    color: #222;
    font-size: 24px;
    margin-bottom: 40px;
    display: block;
}
.fold-7 .right-content ul.page-links li a{
  font-size: 18px;
  line-height: 0.78;
  text-align: left;
  color: #8f94a0;
  display: block;
}
.fold-7 .right-content ul.page-links li a:hover,
.footer-links li a:hover
{
  color: #6b3299;
}
.fold-7 .content .mobile-app-links li a img{
  -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
  transition: all 300ms ease 0s;
}
.fold-7 .content .mobile-app-links li a:hover img{
  opacity: 0.8;
}
.fold-7 .right-content ul.social-links li{
  margin-bottom: 50px;
  display: inline-block;
  padding-right: 60px;
}
.fold-7 .right-content ul.social-links li:last-child{
  padding-right: 0px;
}
.fold-7 .right-content ul.social-links li a{
  font-size: 30px;
  color: #8f94a0;
}
.fold-7 .right-content ul.social-links li a:hover{
  color: #6B3299;
}
.violet-bg-fold-7{
    background: #6b3299;
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 100%;
    /* z-index: 50; */
}
.fold-7 .scrollmagic-pin-spacer{
  padding-top: 0px !important;
}
#tablet_view,
#phone_view{
  display: none;
}
.btn-modal-download{
  display: inline-block;
  vertical-align: middle;
  width: 0px;
}
.header-nav .content .col-sm-6.text-right a{
  position: relative;
  font-size: 0px;
  font-weight: 700;
}
.header-nav .content .col-sm-6.text-right a:hover:before{
  background-color: #2D1641;
}
.header-nav .content .col-sm-6.text-right a:before{
  opacity: 1;
  content: "Baixe o App";
  -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
  transition: all 300ms ease 0s;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  width: auto;
  width: 190px;
  border-radius: 3px;
  background-color: #6b3299;
  text-align: center;
  font-size: 12px;
  letter-spacing: 2.7px;
  color: #FFF;
  text-transform: uppercase;
}
.header-nav .content .col-sm-6.text-right a:hover:before{
  vertical-align: middle;
  opacity: 1;
}
.header-nav .content .col-sm-6.text-right a img{
  width: 0px;
}
.header-nav .content .col-sm-6.text-right a:hover img{
  width: 0px;
}
p.success-verbiage{
  font-size: 16px;
  line-height: 1;
  text-align: left;
  color: #ffffff;
  margin-bottom: 0px;
  margin-top: 19.5px;
  display: none;
}
.modal .modal-body p.success-verbiage{
  font-size: 16px;
  line-height: 1;
  text-align: left;
  color: #ffffff;
}
.phone-image-wrapper{
  text-align: center;
  font-size: 0px;
}
.phone-image-1{
  padding-left: 0px;
  padding-right: 20px;
}
.phone-image-2{
  padding-left: 10px;
  padding-right: 10px;
}
.phone-image-3{
  padding-left: 20px;
  padding-right: 0px;
}
.phone-image-1 img{
  margin-left: auto;
  margin-right: 0px;
}
.phone-image-2 img{
  margin: auto;
}
.phone-image-3 img{
  margin-left: 0px;
  margin-right: auto;
}
#modal-download-app .modal-body.popup-content{
    width: 435px;
    margin: 0px auto;
    padding: 0px; 
}
.header-top-phone{
  display: none;
}



/* FOOTER - CSS */
/* END OF FOOTER */

.footer-wrapper{
  padding-left: 150px;
  padding-right: 150px;
  padding-top: 20px;
  padding-bottom: 20px;
}
img.img-responsive.footer-logo {
    width: 50%;
}
.footer-links{
  display: inline-block;
  vertical-align: middle;
  padding-left: 30px;
}

.footer-links li{
  display: inline-block;
  padding-left: 0px;
  vertical-align: middle;
  padding-right: 10px;
}
.footer-links li:first-child:before{
  display: none;
}
.footer-links li:before{
  content: "\f111";
  font-family: FontAwesome;
  vertical-align: middle;
  display: inline-block;
  font-size: 3px;
  color: #8f94a0;
  padding-right: 10px;

}
.footer-links li a{
  line-height: 1.67;
  text-align: left;
  color: #8f94a0;
  vertical-align: middle;
  display: inline-block;
  font-size: 12px;
}

.modal-open .modal{
  padding-right: 0px !important;
  background-color: rgba(45, 22, 65, 0.5);
}
.modal-header button{
  color: #FFF;
  opacity: 1;
  background: none;
  border: 0px;
  font-size: 20px;
}
.modal-header{
  border: 0px;
    background: #6b3299;
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
}
.modal-content{
    background: #6b3299;
    padding: 150px;
}
.modal-content h6{
  font-size: 55px;
  line-height: 0.83;
  text-align: left;
  color: #ffffff;
  margin-bottom: 25px;
}
.modal-content p{
  font-size: 12px;
  line-height: 1.33;
  text-align: left;
  color: rgba(255, 255, 255, 0.5);
}
.modal-content p a{
  color: #FFF;
}
.copyright{
  font-size: 12px;
  line-height: 1.67;
  text-align: right;
  color: #8f94a0;
}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none;
}
.vertical-align-center {
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    width:inherit;
    height:inherit;
    margin: 0 auto;
    pointer-events: all;
}










/*==============================================================================*/
div.wpcf7 {
  margin: 0;
  padding: 0;
}

div.wpcf7-response-output {
  margin: 2em 0.5em 1em;
  padding: 0.2em 1em;
}

div.wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}

div.wpcf7-mail-sent-ok {
  border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
  border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
  border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
  border: 2px solid #f7e700;
}

.wpcf7-form-control-wrap {
  position: relative;
}

span.wpcf7-not-valid-tip {
  color: #f00;
  font-size: 1em;
  font-weight: normal;
  display: block;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
  position: absolute;
  top: 20%;
  left: 20%;
  z-index: 100;
  border: 1px solid #ff0000;
  background: #fff;
  padding: .2em .8em;
}

span.wpcf7-list-item {
  display: inline-block;
  margin: 0 0 0 1em;
}

span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
  content: " ";
}

.wpcf7-display-none {
  display: none;
}

div.wpcf7 .ajax-loader {
  visibility: hidden;
  display: inline-block;
  background-image: url('../../images/ajax-loader.gif');
  width: 16px;
  height: 16px;
  border: none;
  padding: 0;
  margin: 0 0 0 4px;
  vertical-align: middle;
}

div.wpcf7 .ajax-loader.is-active {
  visibility: visible;
}

div.wpcf7 div.ajax-error {
  display: none;
}

div.wpcf7 .placeheld {
  color: #888;
}

div.wpcf7 .wpcf7-recaptcha iframe {
  margin-bottom: 0;
}

div.wpcf7 input[type="file"] {
  cursor: pointer;
}

div.wpcf7 input[type="file"]:disabled {
  cursor: default;
}




.mymsg_bg{
  position: relative;
  padding: 50px 15px;
  background-color: rgba(107, 50, 153, 0.5);
  z-index: 999;
}
.mymsg_bg .row{
  padding: 30px 15px;
}
.mymsg_bg .row h2{
  margin-top: 20px;
  font-size: 28px;
  color: #fff;  
}












/*========================================== Media ================================================*/

@media (min-width: 995px) and (max-width: 1200px){
  .header-nav .content,
  .fold-2 .content,
  .fold-3 .violet-bg .content,
  .fold-5 .content,
  .footer-wrapper .content{
    max-width: 950px;
    width: 950px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px auto;
    float: none;
  }
  .fold-7 .right-content{
    padding-left: 150px;
    padding-right: 0px;
  }
  .fold-7-container{
    max-width: 950px;
    width: 950px;
    margin: 0px auto;
  }
  .fold-1-booking-app-wrapper{
    max-width: 950px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px auto;
    height: 100%;
    position: relative;
  }
  .fold-7 .left-content,
  .fold-1-booking-app{
    padding-left: 0px;
  }
  .violet-bg .content .bordered #new_download_request{
    margin: 0px 0px 0px auto;
  }
  .violet-bg .content .bordered p{
    max-width: 500px;
    margin: 0px 0px 0px auto;
  }
  .footer-wrapper,
  .header-nav,
  .fold-5,
  .violet-bg{
    padding-left: 0px;
    padding-right: 0px; 
  }
  .fold-7 .left-content  h4{
    margin-left: -5px;
  }
  .fold-7 .left-content  h4{
    font-size: 62px;
  }
  .fold-5 li.callout-wrapper .callout-image{
    width: 230px;
    min-width: 230px;
    height: 230px;
  }
  .fold-5 li.callout-wrapper{
    height: 230px;
  }
  .form-wrapper-booking-app h1{
    font-size: 38px;
  }
  .form-wrapper-booking-app p{
    font-size: 18px;
  }
  .fold-5 li.callout-wrapper{
    height: auto;
  }
  .fold-2 .content h2{
    font-size: 40px;
  }
  .phone-image-1{
    width: 220.1px;
  }
  .phone-image-2{
    width: 220.1px;
  }
  .phone-image-3{
    width: 220.1px;
  }
  .fold-4-bg{
    background-size: 160% !important;
    -webkit-background-size: 160% !important;
    -moz-background-size: 160% !important;
    -o-background-size: 160% !important;
    background-size: 160% !important;
  }
  .fold-6-bg{
    background-size: 200% !important;
    -webkit-background-size: 160% !important;
    -moz-background-size: 160% !important;
    -o-background-size: 160% !important;
    background-size: 160% !important;
  }
  .phone-image-wrapper{
    bottom: -60px;
  }
}

@media (min-width: 1200px) and (max-width: 1350px){
  .header-nav .content,
  .fold-2 .content,
  .fold-3 .violet-bg .content,
  .fold-5 .content,
  .footer-wrapper .content{
    max-width: 1050px;
    width: 1050px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px auto;
    float: none;
  }
  .fold-7 .right-content{
    padding-left: 150px;
    padding-right: 0px;
  }
  .fold-7-container{
    max-width: 1050px;
    width: 1050px;
    margin: 0px auto;
  }
  .fold-1-booking-app-wrapper{
    max-width: 1050px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px auto;
    height: 100%;
    position: relative;
  }
  .fold-7 .left-content,
  .fold-1-booking-app{
    padding-left: 0px;
  }
  .violet-bg .content .bordered #new_download_request{
    margin: 0px 0px 0px auto;
  }
  .violet-bg .content .bordered p{
    max-width: 500px;
    margin: 0px 0px 0px auto;
  }
  .footer-wrapper,
  .header-nav,
  .fold-5,
  .violet-bg{
    padding-left: 0px;
    padding-right: 0px; 
  }
  .fold-7 .left-content  h4{
    margin-left: -5px;
  }
  /*.fold-7 .left-content{
    padding-left: 150px;
      padding-right: 150px;
  }
  .fold-7 .right-content{
    padding-left: 150px;
  }
  .footer-wrapper{
    padding-left: 100px;
      padding-right: 100px;
  }

  .fold-1-booking-app{
    padding-left: 100px;
    padding-right: 100px;
  }
  .fold-1-2-2.active .fold-1-booking-app,
  .fold-1-2-1.active .fold-1-booking-app,
  .fold-1-2-3.active .fold-1-booking-app,
  .fold-1-2-4.active .fold-1-booking-app{
    padding-left: 100px;
  }*/
  .fold-2 .content h2{
    font-size: 65px;
  }
  .fold-5.fold-5-6-1.active .content{
    margin-top: -120%;
  }
  .form-wrapper-booking-app h1{
    font-size: 57px;
  }
}

@media (min-width: 1200px) and (max-width: 1440px){
  .fold-5 li.callout-wrapper .callout-image{
    width: 290px;
    min-width: 290px;
    height: 290px;
  }
  .fold-5 li.callout-wrapper{
    height: 290px;
  }
}

@media (min-width: 1200px) and (max-width: 1330px){
  .phone-image-1{
  width: 280.1px;
  }
  .phone-image-2{
    width: 280.1px;
  }
  .phone-image-3{
    width: 280.1px;
  }
}

@media (min-width: 1400px){
  .header-nav .content,
  .fold-2 .content,
  .fold-3 .violet-bg .content,
  .fold-5 .content,
  .footer-wrapper .content{
    max-width: 1400px;
    width: 1400px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px auto;
    float: none;
  }
  .fold-7-container{
    max-width: 1400px;
    width: 1400px;
    margin: 0px auto;
  }
  .fold-1-booking-app-wrapper{
    max-width: 1400px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px auto;
    height: 100%;
    position: relative;
  }
  .fold-7 .left-content,
  .fold-1-booking-app{
    padding-left: 0px;
  }
  .violet-bg .content .bordered #new_download_request{
    margin: 0px 0px 0px auto;
  }
  .violet-bg .content .bordered p{
    max-width: 500px;
    margin: 0px 0px 0px auto;
  }
  .footer-wrapper,
  .header-nav,
  .fold-5,
  .violet-bg{
    padding-left: 0px;
    padding-right: 0px; 
  }
  .fold-7 .left-content  h4{
    margin-left: -5px;
  }
}
@media (min-width: 1550px) and (max-width: 1700px){
  .header-nav .content,
  .fold-2 .content,
  .fold-3 .violet-bg .content,
  .fold-5 .content,
  .fold-1-booking-app-wrapper,
  .fold-7-container,
  .footer-wrapper .content{
    width: 1300px !important;
  }
}
@media (min-width: 1400px) and (max-width: 1550px){
  .header-nav .content,
  .fold-2 .content,
  .fold-3 .violet-bg .content,
  .fold-5 .content,
  .fold-1-booking-app-wrapper,
  .fold-7-container,
  .footer-wrapper .content{
    width: 1200px !important;
  }
}
@media (min-width: 1550px) and (max-width: 1700px){
  .phone-image-wrapper{
      bottom: -80px;
  }
} 
@media (min-width: 1700px){
  .phone-image-wrapper{
      bottom: -80px;
  }
} 
@media (min-width: 995px) and (max-width: 1100px){
  #new_download_request{
    max-width: 380px;
  }
}
@media (min-width: 995px) and (max-width: 1050px){
  .header-nav .content,
  .fold-2 .content,
  .fold-3 .violet-bg .content,
  .fold-5 .content,
  .footer-wrapper .content{
    max-width: 900px;
    width: 900px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px auto;
    float: none;
  }
  .fold-7-container{
    max-width: 900px;
    width: 900px;
    margin: 0px auto;
  }
  .fold-1-booking-app-wrapper{
    max-width: 900px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px auto;
    height: 100%;
    position: relative;
  }
  .fold-7 .left-content,
  .fold-1-booking-app{
    padding-left: 0px;
  }
}

@media (min-width: 768px) and (max-width: 994px){
  .mobile-tel-prefix .mb-0{
    width: 70px !important;
  }
  .fold-1-booking-app{
    padding: 0px 105px 0px 105px;
  }
  .fold-1-booking-app-bg,
  .fold-1-booking-app{
    width: 100%;
  }
  .header-nav,
  .violet-bg{
    padding-left: 105px;
    padding-right: 105px;
  }
  .phone-image-resize.phone-image-1{
    /*display: none;*/
    margin-left: -45px;
  }
  .phone-image-2{
    margin-left: 23.5px;
    margin-right: 23.5px;
  }
  .phone-image-3{
    margin-right: -45px;
  }
  .phone-image-wrapper{
    width: 100%;
  }
  .phone-image-resize{
    /*width: 290px;*/
    width: 255px;
  }
  .fold-2 .content{
    padding-left: 107px;
    padding-right: 64px;
  }
  .fold-2 .content h2{
    font-size: 65px;
    line-height: 1.08;
    text-align: left;
    color: #ffffff;
  }
  .violet-bg{
    padding-top: 90px;
  }
  .fold-3 h3{
    font-size: 38px;
  }
  .fold-3 .bordered{
    padding-left: 20px;
    padding-top: 20px;
  }
  .fold-3 .bordered #new_download_request,
  .fold-3 .bordered  p{
    width: 270px;
    margin-right: 0px;
    margin-left: auto;
  }
  .btn-violet{
    font-size: 14px;
    height: 44px;
    line-height: 44px;
  }
  .input-default,
  .mobile-tel-prefix{
    height: 44px;
    line-height: 44px;
  }
  .download-image-tablet{
    display: inline-block;
    position: relative;
    font-size: 0px;
    text-align: right;
  }
  .w-50-tablet{
    width: 50%;
    display: inline-block;
    vertical-align: top;
  }
  .w-50-tablet img{
    margin: initial;
  }
  .download-image-tablet:before{
    opacity: 1;
      content: "BAIXE O APP";
      -webkit-transition: all 300ms ease 0s;
      -moz-transition: all 300ms ease 0s;
      -o-transition: all 300ms ease 0s;
      transition: all 300ms ease 0s;
      display: inline-block;
      height: 32px;
      line-height: 32px;
      width: auto;
      width: 190px;
      border-radius: 3px;
      background-color: #6b3299;
      text-align: center;
      font-size: 12px;
      letter-spacing: 2.7px;
      color: #FFF;
      text-transform: uppercase;
  }
  .form-wrapper-booking-app{
    /*margin-top: 15%;*/
    -webkit-transform: translate( -50%, -50% ); 
      -ms-transform: translate( -50%, -50% );
       transform: translate( -50%, -50% );
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .input-default,
  .form-wrapper-booking-app .mobile-tel-prefix p,
  .content .mobile-tel-prefix p,
  .mobile-tel-prefix p,
  #modal-download-app .mobile-tel-prefix p{
    font-size: 16px;
    line-height: 44px;
  }
  .input-default::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 16px;
  }
  .input-default::-moz-placeholder { /* Firefox 19+ */
    font-size: 16px;
  }
  .input-default:-ms-input-placeholder { /* IE 10+ */
    font-size: 16px;
  }
  .input-default:-moz-placeholder { /* Firefox 18- */
    font-size: 16px;
  }
  .fold-3 p small{
    font-size: 10px;
  }
  #Fold4 .fold-4-bg{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: initial;
    height: 180%;
    top: -60%;
  }
  .fold-5{
    padding: 166px 107px;
  }
  .fold-5 li.callout-wrapper .callout-image{
    width: 205px;
    height: 205px;
    min-width: 205px;
  }
  .fold-5 li.callout-wrapper{
    height: auto;
    margin-bottom: 80px;
  }
  .fold-5 li.callout-wrapper:last-child{
    margin-bottom: 0px;
  }
  .fold-5 li.callout-wrapper h3{
      font-size: 32px;
      line-height: 1;
      text-align: left;
      color: #ffffff;
      margin-bottom: 20px;
      padding-top: 11px;
  }
  .fold-5 .callout-content{
    width: 224px;
  }
  .fold-5 li.callout-wrapper p{
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #8f94a0;
  }  
  .fold-5 .callout-content-wrapper{
    width: auto;
  }
  @-webkit-keyframes height-animation {
      from {height: 0;}
      to {height: 120px;}
  }
  @keyframes height-animation {
      from {height: 0;}
      to {height: 120px;}
  }
  .fold-5 .callout-image .callout-bg,
  .fold-5 .callout-image .callout-bg .black-bg-1{
    -webkit-background-size: 120%;
    -moz-background-size: 120%;
    -o-background-size: 120%;
    background-size: 120%;
  }
  .fold-6 .fold-6-bg{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: initial;
  }
  .fold-6,
  .fold-4{
    height: 607px;
  }
  .fold-7 .left-content,
  .fold-7 .right-content{
    padding-bottom: 100px;
    padding-left: 105px;
    padding-top: 255px;
    padding-right: 80px;
  }
  .fold-7 .right-content{
    padding-left: 80px;
  }
  .fold-7 .left-content h4{
    font-size: 38px;
    line-height: 1.11;
    text-align: left;
    color: #ffffff;
    margin-bottom: 60px;
  }
  .fold-7 .mobile-app-links li{
    margin-bottom: 20px;
    display: block;
  }
  .fold-7 .left-content,
  .fold-7 .right-content,
  .fold-7-container{
    height: 500px;
  }
  .fold-7 .right-content ul.page-links li a{
    font-size: 16px;
    line-height: 0.75;
    text-align: left;
    color: #8f94a0;
  }
  .fold-7 .right-content p.social-links-header{
    font-size: 12px;
    line-height: 2;
    text-align: left;
    color: #8f94a0;
    margin-bottom: 30px;
  }
  .fold-7 .social-links li{
    margin-bottom: 40px;
  }
  .fold-7 .right-content ul.social-links li a{
    font-size: 25px;
      color: #8f94a0;
  }
  .footer-wrapper{
    padding-left: 105px;
    padding-right: 105px;
  }
  .modal-content{
    padding: 80px;
  }
  .btn-modal-download{
    width: auto;
  }
  .copyright{
    font-size: 10px;
  }
  .footer-logo {
    width: 35px;
  }
  .footer-links li a{
    font-size: 10px;
  }
}

@media (max-width: 767px){
  .fold-1-booking-app{
    padding-left: 25px;
    padding-right: 25px;
  }
  .fold-1 .logo-phone-wrapper img{
    margin-left: 0px;
    margin-right: auto; 
    width: 100px;
  }
  .header-nav .logo{
    width: 50px;
  }
  .header-nav .content .col-sm-6.text-right a:before{
    width: 150px;
  }
  .fold-1 .download-image:before{
    opacity: 1;
      content: "BAIXE O APP";
      -webkit-transition: all 300ms ease 0s;
      -moz-transition: all 300ms ease 0s;
      -o-transition: all 300ms ease 0s;
      transition: all 300ms ease 0s;
      display: inline-block;
      height: 32px;
      line-height: 32px;
      width: auto;
      width: 155px;
      border-radius: 3px;
      background-color: #6b3299;
      text-align: center;
      font-size: 12px;
      letter-spacing: 2.7px;
      color: #FFF;
      text-transform: uppercase;
  }
  .form-wrapper-booking-app{
    /*margin-top: 15%;*/
    -webkit-transform: translate( -50%, -50% ); 
      -ms-transform: translate( -50%, -50% );
       transform: translate( -50%, -50% );
    position: absolute;
    top: 50%;
    left: 50%;
    width: 275px;
  }
  .form-wrapper-booking-app h1 {
    font-size: 20px;
    line-height: 1.05;
    margin-bottom: 10px;
  }
  .new_download_request-test .input-default {
    height: 45px;
    padding-right: 15px;
    padding-left: 70px;
    font-size: 18px;
  }
  .new_download_request-test .btn-violet {
    height: 45px;
    font-size: 14px;
  }
 
  .form-wrapper-booking-app p{
    font-size: 16px;
      line-height: 1.5;
  }
  .form-wrapper-booking-app p small{
    font-size: 10px;
  }
  #new_download_request,
  #modal-download-app .modal-body.popup-content{
    max-width: 270px;
  }
  .header-top-phone-1{
    width: 40%;
    display: inline-block;
  }
  .header-top-phone-2{
    display: inline-block;
    width: 60%;
    text-align: right;
    vertical-align: top;
  }
  .fold-1-booking-app-bg,
  .fold-1-booking-app{
    width: 100%;
  }
  .header-nav,
  .violet-bg{
    padding-left: 25px;
    padding-right: 25px;
  }
  .header-nav.header-fold-1 .content .col-sm-6:first-child{
    width: 40%;
  }
  .header-nav.header-fold-1 .content .col-sm-6{
    width: 60%;
  }
  .phone-image-resize.phone-image-1{
    /*display: none;*/
    margin-left: -45px;
  }
  .phone-image-2{
    margin-left: 23.5px;
    margin-right: 23.5px;
  }
  .phone-image-3{
    margin-right: -45px;
  }
  .phone-image-resize{
    width: 255px;
  }
  .fold-2 .content{
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
  }
  .fold-2 .content h2{
    font-size: 26px;
    line-height: 1.04;
    text-align: center;
    color: #ffffff;
  }
  .fold-2 .content h2 br{
    display: none;
  }
  .violet-bg{
    padding-top: 51px;
    padding-bottom: 51px;
  }
  .fold-3 h3{
    font-size: 28px;
    text-align: center;
  }
  .fold-3 .bordered{
    border: 0px;
    padding-left: 20px;
    padding-top: 20px;
  }
  .fold-3 .bordered  p{
    text-align: center;
  }
  .fold-3 .bordered #new_download_request{
    width: 270px;
    margin-right: 0px;
    margin-left: auto;
  }
  .fold-3 .violet-bg .col-sm-6{
    width: 100%;
    padding-left: 0px;
  }
  .fold-3 .bordered #new_download_request{
    margin: 0px auto;
  }
  .btn-violet{
    font-size: 14px;
    height: 44px;
    line-height: 44px;
  }
  .input-default,
  .mobile-tel-prefix{
    height: 44px;
    line-height: 44px;
  }
  .input-default,
  .form-wrapper-booking-app .mobile-tel-prefix p,
  .content .mobile-tel-prefix p,
  .mobile-tel-prefix p,
  #modal-download-app .mobile-tel-prefix p{
    font-size: 16px;
    line-height: 50px;
  }
  .input-default::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 16px;
  }
  .input-default::-moz-placeholder { /* Firefox 19+ */
    font-size: 16px;
  }
  .input-default:-ms-input-placeholder { /* IE 10+ */
    font-size: 16px;
  }
  .input-default:-moz-placeholder { /* Firefox 18- */
    font-size: 16px;
  }
  .fold-3 p small{
    font-size: 10px;
  }
  .fold-5{
    padding: 93px 25px;
  }
  .fold-5 .reveal-callout .callout-content-wrapper .callout-content{
    margin-top: 45px;
  }
  .fold-5 li.callout-wrapper.callout-even .callout-content{
    width: 240px;
  }
  .fold-5 li.callout-wrapper .callout-image{
    width: 240px;
    height: 270px;
    min-width: 240px;
  }
  .fold-5 li.callout-wrapper{
    height: auto;
    margin-bottom: 100px;
    text-align: center !important;
  }
  .fold-5 li.callout-wrapper:last-child{
    margin-bottom: 0px;
  }
  .fold-5 li.callout-wrapper h3{
      font-size: 32px;
      line-height: 1;
      text-align: center;
      color: #ffffff;
      margin-bottom: 20px;
      padding-top: 11px;
  }
  .fold-5 .callout-content{
    width: 224px;
  }
  .fold-5 li.callout-wrapper p{
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #8f94a0;
  }  
  .fold-5 .callout-content-wrapper{
    width: auto;
  }
  @-webkit-keyframes height-animation {
      from {height: 0;}
      to {height: 120px;}
  }
  @keyframes height-animation {
      from {height: 0;}
      to {height: 120px;}
  }
  .fold-5 .callout-image .callout-bg,
  .fold-5 .callout-image .callout-bg .black-bg-1{
    background-size: 120%;
      -webkit-background-size: 120%;
    -moz-background-size: 120%;
    -o-background-size: 120%;
  }
  .fold-4 .fold-4-bg{
    background-attachment: initial;
    background-size: cover;
      -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position-y: 0px; 
    height: 160%;
    top: -60%;
  }

  .fold-6 .fold-6-bg{
    background-attachment: initial;
    background-size: cover;
      -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    height: 150%;
    top: -50%;
  }
  .fold-6,
  .fold-4{
    height: 420px;
  }
  .fold-7 .left-content,
  .fold-7 .right-content{
    padding-bottom: 65px;
    padding-left: 25px;
    padding-top: 65px;
    padding-right: 25px;
  }
  .left-contents-wrapper,
  .right-contents-wrapper{
    /*margin-top: 15%;*/
    -webkit-transform: translate( 0%, 0% ); 
      -ms-transform: translate( 0%, 0% );
       transform: translate( 0%, 0% );
    position: relative;
    top: initial;
    padding-top: 0px;
  }
  .fold-7 .left-content h4{
    font-size: 28px;
    line-height: 1.11;
    text-align: left;
    color: #ffffff;
    margin-bottom: 0px;
  }
  .fold-7 .left-content,
  .fold-7 .right-content,
  .fold-7-container{
    width: 100%;
    height: auto !important;
  }
  .fold-7 .left-content  h4,
  .fold-7 .mobile-app-links{
    opacity: 1 !important;
    text-align: center;
  }
  .fold-7 .mobile-app-links li{
    display: block;
  }
  .fold-7 .content{
    text-align: center;
  }
  .fold-7 .content .left-bg,
  .fold-7 .content .right-bg{
    display: none;
  }
  .fold-7 .content img{
    margin-bottom: 20px;
  }
  .fold-7 .mobile-app-links li{
    margin-bottom: 20px;
  }
  .fold-7 .right-content ul.page-links li a{
    font-size: 16px;
    line-height: 0.75;
    text-align: center;
    color: #8f94a0;
  }
  .fold-7 .right-content p.social-links-header{
    font-size: 12px;
    line-height: 2;
    text-align: center;
    color: #8f94a0;
    margin-bottom: 30px;
  }
  .fold-7 .social-links{
    text-align: center;
  }
  .fold-7 .social-links li{
    margin-bottom: 40px;
  }
  .fold-7 .right-content ul.social-links li a{
    font-size: 25px;
      color: #8f94a0;
  }
  .footer-wrapper{
    padding-left: 50px;
    padding-right: 50px;
  }
  .modal-content{
    padding: 45px 8px 15px;
    max-width: 320px;
  }
  .modal-content h6{
    font-size: 35px;
  }
  .mobile-tel-prefix p{
    color: #8f94a0;
  }
  #modal-download-app .modal-body.popup-content{
    z-index: 55;
  }
  .modal-header{
    z-index: 50;
  }
  .btn-modal-download{
    width: auto;
  }
}
@media (min-width: 320px) and (max-width: 720px){
  
}