/*!
 * Pineapple V 4.0
 * Created by Carlos Garcia @carlitoxway
 */


 :root {
  --spc1:8px;
  --spc2:16px;
  --spc3:24px;
  --spc4:32px;
  --spc5:40px;
  --spc6:48px;
  --spc7:56px;
  --spc8:64px;
  --spc9:72px;
  --spc10:80px;
  --border-radius-5: var(--spc5);
  }

 /* ================================================== */
 /* FONTS                                              */
 /* ================================================== */


  /*PROJECT FONT ____________________________________*/


    h1{font: 400 68px/86px '-apple-system', 'BlinkMacSystemFont', sans-serif; text-rendering: optimizelegibility;}
    h2{font: 400 46px/56px '-apple-system', 'BlinkMacSystemFont', sans-serif; text-rendering: optimizelegibility;}
    h3{font: 400 32px/44px '-apple-system', 'BlinkMacSystemFont', sans-serif; text-rendering: optimizelegibility;}
    h4{font: 400 28px/38px '-apple-system', 'BlinkMacSystemFont', sans-serif; text-rendering: optimizelegibility;}
    h5{font: 400 24px/36px '-apple-system', 'BlinkMacSystemFont', sans-serif; text-rendering: optimizelegibility;}
    h6{font: 400 24px/34px '-apple-system', 'BlinkMacSystemFont', sans-serif; text-rendering: optimizelegibility;}
     p{font: 400 16px/32px '-apple-system', 'BlinkMacSystemFont', sans-serif; text-rendering: optimizelegibility;}

    p{color: #ffffff; font-family:'-apple-system', 'BlinkMacSystemFont', sans-serif; font-size: 18px;font-style: normal;font-weight: 300;line-height: 36px;}
    p.caption{font: 400 16px/32px '-apple-system', 'BlinkMacSystemFont', sans-serif; text-rendering: optimizelegibility;}

    h1,h2,h3,h4,h5,h6, p{ color: #ffffff;}

    h1,h2,h3{ margin-top: 20px; margin-bottom: 20px;}
    h4,h5,h6{margin-top: 10px;margin-bottom: 10px;}

    h1.bold-text ,h2.bold-text ,h3.bold-text ,h4.bold-text ,h5.bold-text ,h6.bold-text ,p.bold-text {font-weight: 700;}
    h1.medium-text ,h2.medium-text ,h3.medium-text ,h4.medium-text ,h5.medium-text ,h6.medium-text ,p.medium-text {font-weight: 600;}
    h1.thin-text ,h2.thin-text ,h3.thin-text ,h4.thin-text ,h5.thin-text ,h6.thin-text ,p.thin-text {font-weight: 300;}


    *,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
    html{overflow-x:hidden;overflow-y:scroll;position:relative;left:0;right:0;background: linear-gradient(180deg, #141B27 0%, #141B27 11.47%, #17243B 25.58%, #1A3561 43.4%, #1D3F79 59.1%, #17263F 76.91%, #111720 89.61%);}
    body{width:100%;height:100%;overflow:hidden;margin:0;color:#18212C;}
    body.legal{background-color: #061628;}
    img, object, embed {max-width: 100%; height: auto;}
    object, embed { height: 100%;}
    img { -ms-interpolation-mode: bicubic;}

    a {color: #F21E84;}
    a.link{color: #DD3048;}
    p.subtitle{color: #F21E84;font-size: 14px;text-transform: uppercase;}
    u{text-decoration-style: wavy;text-decoration-color: #dd3047a3;}

    .index {z-index: 1;position: relative;}

    h3{color: #ffffff;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif; font-size: 46px;font-style: normal;font-weight: 700;letter-spacing: -2px;line-height:52px;margin-bottom: 16px;margin-top: 0;}
    h6{color: #ffffff;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif; font-size: 24px;font-style: normal;font-weight: 300;line-height: 32px; margin-bottom: 16px;}
 
 /* ================================================== */
 /* BUTTONS                                            */
 /* ================================================== */
  
    a.bttn-dark {font: 400 16px/24px '-apple-system', 'BlinkMacSystemFont', sans-serif;padding: 16px 26px;color: #FFF;text-align: center; border-radius: 8px; background: linear-gradient(180deg, #146EF5 20%, #07439D 81.67%);box-shadow: 0px 34px 24px 0px #10151D, 0px 6px 8px 0px rgba(0, 0, 0, 0.25), 0px -3px 8px 0px rgba(0, 0, 0, 0.25) inset, 0px 2px 8px 0px #458CF7 inset;}
    a.bttn-dark:hover {font: 400 16px/24px '-apple-system', 'BlinkMacSystemFont', sans-serif;padding: 16px 26px;color: #ffffff;border-radius:8px;background: linear-gradient(180deg, #07439D 20%, #07439D 81.67%);box-shadow: 0px 34px 24px 0px #10151D, 0px 6px 8px 0px rgba(0, 0, 0, 0.25), 0px -3px 8px 0px rgba(0, 0, 0, 0.25) inset, 0px 2px 8px 0px #458CF7 inset;}

    a.bttn-grey {font: 400 16px/18px '-apple-system', 'BlinkMacSystemFont', sans-serif;margin: 0px auto;padding: 24px 20px 22px;color: #ffffff;text-align: center;margin: 0px auto;background-color: #212B38;border: 1px solid #212B38;border-radius: var(--border-radius-5);-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;display: inline-block;width:100%;text-align: center;}   
    a.bttn-grey:hover {font: 400 16px/18px '-apple-system', 'BlinkMacSystemFont', sans-serif;margin: 0px auto;padding: 24px 20px 22px;color: #ffffff;background-color: transparent;border: 1px solid #10151b;background:#10151b;border-radius: var(--border-radius-5);-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;display: inline-block;width:100%;text-align: center;}

    ul.bttms li{display:block;}

    .btn{font: 400 16px/18px; font-family:'-apple-system', 'BlinkMacSystemFont', sans-serif; margin: 0px auto;padding: 12px 60px 13px;color: #ffffff;background-color: transparent;border: 1px solid  #F21E84;background:  #F21E84;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;display: inline-block;width:100%;text-align: center;}
    .btn:hover {font: 400 16px/18px; font-family:'-apple-system', 'BlinkMacSystemFont', sans-serif; margin: 0px auto;padding: 24px 20px 22px;color: #ffffff;background-color: transparent;border: 1px solid #C8394D;background: #C8394D;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;display: inline-block;width:100%;text-align: center;}

 /* ================================================== */
 /* GRID BASE                                          */
 /* ================================================== */

    .container{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 1rem;padding-right: 1rem;}
    .row {box-sizing: border-box;display: -webkit-flex;display: -ms-flexbox;display: -webkit-box;display: flex;-webkit-flex: 0 1 auto;-ms-flex: 0 1 auto;-webkit-box-flex: 0;flex: 0 1 auto;-webkit-flex-direction: row;-ms-flex-direction: row;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -1rem;margin-left: -1rem;}
    .row.reverse {-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;flex-direction: row-reverse;}
    .col.reverse {-webkit-flex-direction: column-reverse;-ms-flex-direction: column-reverse;-webkit-box-orient: vertical;-webkit-box-direction: reverse;flex-direction: column-reverse;}

    .auto-xs-col,.one-xs-col,.two-xs-col,.three-xs-col,.four-xs-col,.five-xs-col,.six-xs-col,.seven-xs-col,.eight-xs-col,.nine-xs-col,.ten-xs-col,.eleven-xs-col,.twelve-xs-col {box-sizing: border-box;-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-box-flex: 0;flex: 0 0 auto;padding-right: 2.5rem;padding-left: 2.5rem;}

    .auto-xs-col{-webkit-flex-grow: 1;-ms-flex-positive: 1;-webkit-box-flex: 1;flex-grow: 1;-ms-flex-preferred-size: 0;-webkit-flex-basis: 0;flex-basis: 0;max-width: 100%;}
    .one-xs-col {-ms-flex-preferred-size: 8.333%;-webkit-flex-basis: 8.333%;flex-basis: 8.333%;max-width: 8.333%;}
    .two-xs-col {-ms-flex-preferred-size: 16.667%;-webkit-flex-basis: 16.667%;flex-basis: 16.667%;max-width: 16.667%;}
    .three-xs-col {-ms-flex-preferred-size: 25%;-webkit-flex-basis: 25%;flex-basis: 25%;max-width: 25%;}
    .four-xs-col {-ms-flex-preferred-size: 33.333%;-webkit-flex-basis: 33.333%;flex-basis: 33.333%;max-width: 33.333%;}
    .five-xs-col {-ms-flex-preferred-size: 41.667%;-webkit-flex-basis: 41.667%;flex-basis: 41.667%;max-width: 41.667%;}
    .six-xs-col {-ms-flex-preferred-size: 50%;-webkit-flex-basis: 50%;flex-basis: 50%;max-width: 50%;}
    .seven-xs-col {-ms-flex-preferred-size: 58.333%;-webkit-flex-basis: 58.333%;flex-basis: 58.333%;max-width: 58.333%;}
    .eight-xs-col {-ms-flex-preferred-size: 66.667%;-webkit-flex-basis: 66.667%;flex-basis: 66.667%;max-width: 66.667%;}
    .nine-xs-col {-ms-flex-preferred-size: 75%;-webkit-flex-basis: 75%;flex-basis: 75%;max-width: 75%;}
    .ten-xs-col {-ms-flex-preferred-size: 83.333%;-webkit-flex-basis: 83.333%;flex-basis: 83.333%;max-width: 83.333%;}
    .eleven-xs-col {-ms-flex-preferred-size: 91.667%;-webkit-flex-basis: 91.667%;flex-basis: 91.667%;max-width: 91.667%;}
    .twelve-xs-col {-ms-flex-preferred-size: 100%;-webkit-flex-basis: 100%;flex-basis: 100%;max-width: 100%;}

    .col-xs-offset-1 {margin-left: 8.333%;}
    .col-xs-offset-2 {margin-left: 16.667%;}
    .col-xs-offset-3 {margin-left: 25%;}
    .col-xs-offset-4 {margin-left: 33.333%;}
    .col-xs-offset-5 {margin-left: 41.667%;}
    .col-xs-offset-6 {margin-left: 50%;}
    .col-xs-offset-7 {margin-left: 58.333%;}
    .col-xs-offset-8 {margin-left: 66.667%;}
    .col-xs-offset-9 {margin-left: 75%;}
    .col-xs-offset-10 {margin-left: 83.333%;}
    .col-xs-offset-11 {margin-left: 91.667%;}

    .start-xs {-webkit-justify-content: flex-start;-ms-flex-pack: start;-webkit-box-pack: start;justify-content: flex-start;text-align: start;}
    .center-xs {-webkit-justify-content: center;-ms-flex-pack: center;-webkit-box-pack: center;justify-content: center;text-align: center;}
    .end-xs {-webkit-justify-content: flex-end;-ms-flex-pack: end;-webkit-box-pack: end;justify-content: flex-end;text-align: end;}
    .top-xs {-webkit-align-items: flex-start;-ms-flex-align: start;-webkit-box-align: start;align-items: flex-start;}
    .middle-xs {-webkit-align-items: center;-ms-flex-align: center;-webkit-box-align: center;align-items: center;}
    .bottom-xs {-webkit-align-items: flex-end;-ms-flex-align: end;-webkit-box-align: end;align-items: flex-end;}
    .around-xs {-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;}
    .between-xs {-webkit-justify-content: space-between;-ms-flex-pack: justify;-webkit-box-pack: justify;justify-content: space-between;}
    .first-xs {-webkit-order: -1;-ms-flex-order: -1;-webkit-box-ordinal-group: 0;order: -1;}
    .last-xs {-webkit-order: 1;-ms-flex-order: 1;-webkit-box-ordinal-group: 2;order: 1;}


  /* Padding right s/m/l/xl/xxl */
    .prs-m{padding-right: 8px}
    .prm-m{padding-right: 24px}
    .prl-m{padding-right: 40px}
    .prxl-m{padding-right: 64px}
    .prxxl-m{padding-right: 80px}
  /* Padding left s/m/l/xl/xxl */
    .pls-m{padding-left: 8px}
    .plm-m{padding-left: 24px}
    .pll-m{padding-left: 40px}
    .plxl-m{padding-left: 64px}
    .plxxl-m{padding-left: 80px}
  /* Padding right-left s/m/l/xl/xxl */
    .prls-m{padding-right: 8px;padding-left: 8px;}
    .prlm-m{padding-right: 24px;padding-left: 24px;}
    .prll-m{padding-right: 40px;padding-left: 40px;}
    .prlxl-m{padding-right: 52px;padding-left: 52px;}
    .prlxxl-m{padding-right: 80px;padding-left: 80px;}
  /* Padding top-bottom s/m/l/xl/xxl */
    .pbm-m{padding-bottom: 24px;}
    .ptm-m{padding-top: 24px;}
    .ptl-m{padding-top: 40px;}
    .pbm-m{padding-bottom: 24px;}
    .pbl-m{padding-bottom: 40px;}
    .ptbm-m{padding-top: 24px;padding-bottom: 24px;}

    .ptbm-m{padding-top: 24px;padding-bottom: 24px;}
    .ptbl-m{padding-top: 40px;padding-bottom: 40px;}

    .hide_for_desktop {display: block;}
    .hide_for_mobile{ display: none; }


  /* ================================================== */
  /* CAROUSEL - SUPER-SLIDE                             */
  /* ================================================== */
      
    .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
    .owl-carousel{display:none;width:100%;z-index:1}
    .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
    .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
    .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
    .owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
    .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
    .owl-carousel .owl-item img{display:block;width:100%}
    .owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}
    .no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
    .owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
    .owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit;color: transparent;}
    .owl-carousel.owl-loading{opacity:0;display:block}
    .owl-carousel.owl-hidden{opacity:0}
    .owl-carousel.owl-refresh .owl-item{visibility:hidden}
    .owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
    .owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}
    .owl-carousel.owl-rtl .owl-item{float:right}
    .owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
    .owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}
    .owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
    .owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
    .owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}
    .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
    .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
    .owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
    .owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
    .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
    .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

    /* * 	Default theme - Owl Carousel CSS File */
    /* #demos .owl-carousel .item {min-height: 10rem; } */
    .owl-theme .owl-nav {margin-top: 10px;text-align: center;-webkit-tap-highlight-color: transparent; }
    .owl-theme .owl-nav [class*='owl-'] {color: #FFF;font-size: 14px;margin:5px;padding: 4px 7px;background: #D6D6D6;display: inline-block;cursor: pointer;border-radius: 3px; outline: none; }
    .owl-theme .owl-nav [class*='owl-']:hover {background: #869791;color: #FFF;text-decoration: none; }
    .owl-theme .owl-nav .disabled {opacity: 0.2;cursor: default; }
    .owl-theme .owl-nav.disabled + .owl-dots {margin-top: 10px; }
    .owl-theme .owl-dots {text-align: center;-webkit-tap-highlight-color: transparent; }
    .owl-theme .owl-dots .owl-dot {display: inline-block;zoom: 1;*display: inline; }
    .owl-theme .owl-dots .owl-dot span {width: 10px;height: 10px;margin: 5px 7px;background: #D6D6D6;display: block;-webkit-backface-visibility: visible;transition: opacity 200ms ease;border-radius: var(--border-radius-5); }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; }

    .milestone_card{padding:40px 20px;}
    .owl-carousel h4{font-family: FuturaPTWeb-Light;font-size: 50px;color: #23B0E7;letter-spacing: 0;text-align: left;line-height: 24px;position: absolute;}
    .owl-carousel h5{font-family: FuturaPTWeb-Book;font-size: 20px;color: #2D304C;letter-spacing: 0;text-align: left;line-height: 28px;margin-left: 40px;margin-top: 0px;}
    .owl-carousel p{font-family:'Open Sans';font-size: 14px;color: #576779;letter-spacing: 0;text-align: left;line-height: 24px;margin-left: 40px;}  


  /* ================================================== */
  /* BODY                                               */
  /* ================================================== */
    .dark-blue-bg{background: #303030;}
    .magenta-bg{background:  #F21E84;position: relative;padding: 50px 0;}
    .deepBlue-bg{background: #061628;position: relative;padding: 50px 0;}
    a .dark-blue-bg:hover{background: #232323;}
    .dark-blue-bg-2{background: #3A545C;}
    .grey-bg{background: #FAFAFA;}
    .grey-dark-bg{background: #191919;}
    .black-bg{background: #000000;}    


  /* ================================================== */
  /* HEADER                                             */
  /* ================================================== */
    
    .header{ position:absolute;z-index: 10;width: 100%;}
    .header-img-block{ background-color: #ffffff;}
    .header-img-block{ background:url('../img/cg/herobg_mob.jpg') no-repeat top center; background-size:cover;background-color: #ffffff; }
    .logo-header img {width: 48px;margin-left: 7.5%;}
    .menu-points p{color: #697a8f;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif;font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;z-index: 1;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
    .menu-points p:hover{color:  #F21E84;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
    .menu-points p.scrolling {color: #3d516e;} 

    .main-box{padding-left:40px;padding-right:40px;padding-top: 20px;}

    #primary_nav_wrap {position: absolute;right: 3.5%;top: 10px;}
    #primary_nav_wrap ul.menu-points li{display: inline-block;}
    #primary_nav_wrap.menu-p{z-index: 10;right: 2.58%;}
    ul.social-head li.red-3,ul.social-head li.red-2, ul.social-head li.red-4, ul.social-head li.red-7{ opacity: 0.5;}
    ul.social-head li.red-3:hover,ul.social-head li.red-2:hover, ul.social-head li.red-4:hover, ul.social-head li.red-7:hover{ opacity: 1;}
    #primary_nav_wrap ul.social-head li{display: block;padding-bottom: 40px;}

    #primary_nav_wrap_mobile {position: fixed;right: 5%;left: 5%;bottom: 5.5%;z-index: 12;background-color: #fffffff4;padding: 24px;border-radius: var(--border-radius-5); filter: drop-shadow(0px 7px 5px rgb(4, 10, 18,0.15));-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
    #primary_nav_wrap_mobile ul.social-head{text-align: center;display: flex;align-items: center; justify-content: space-between;}
    #primary_nav_wrap_mobile ul.social-head li{padding:0 16px;}

    #primary_nav_wrap_mobile ul.social-head li.menu-pad {padding: 0 24px;}
    #primary_nav_wrap_mobile ul.social-head li.resume-bttn{padding: 0 24px;text-align: center; margin-top: 16px;}

    li.menu-flag-text, li.menu-flag-text{background: #373737;height: 66px;margin-left: -4px;}
    li.menu-flag-text h3 , li.menu-flag-text a h3{color: #ffffff;line-height:normal;padding:12px;margin: 0;font-size: 28px 'Lato';}
    .menu-flag-icon h3 {font-size: 28px 'Lato';color: #ffffff;position: absolute;left: 66px;top: -1px;background: #000000;padding: 14px 20px;}
    .menu-flag-icon.bttn-close h3 {top: -20px;}


  /* ================================================== */
  /* NAV BAR FLOATING MOBILE                            */
  /* ================================================== */   

    /* .navbar .menu-items {display: flex;}
    .navbar .nav-container li {list-style: none;}
    ul.social-head .navbar{position: relative;left:-40px; margin-left: 45px;}
    ul.social-head li .navbar .menu-items{ opacity: 1;}
    .navbar .nav-container a {text-decoration: none;color: #0e2431;font-weight: 500;font-size: 1.2rem;padding: 0.7rem;}
    .navbar .nav-container a:hover{font-weight: bolder;}
    .nav-container {display: block;position: relative;height: 24px;border: 1px solid #ccc;margin-right: 4vw;}
    .nav-container .checkbox {position: absolute;display: block;height: 32px;width: 40px;bottom: -6px;left: 12px;z-index: 5;opacity: 0;cursor: pointer;}
    .nav-container .hamburger-lines {display: block;height: 18px;width: 24px;position: absolute;bottom: 2px;left: 8vw;z-index: 2;display: flex;flex-direction: column;justify-content: space-between;}
    .nav-container .hamburger-lines .line {display: block;height: 2px;width: 100%;border-radius: 10px;background: #0e2431;}
    .nav-container .hamburger-lines .line1 {transform-origin: 0% 0%;transition: transform 0.4s ease-in-out;}
    .nav-container .hamburger-lines .line2 {transition: transform 0.2s ease-in-out;}
    .nav-container .hamburger-lines .line3 {transform-origin: 0% 100%;transition: transform 0.4s ease-in-out;}
    .navbar .menu-items {position: absolute;padding: 16px;right: -24vw;background-color: #fff;opacity: 1;border-radius: 44px;bottom: 65px;width: 68vw;transform: translate(-150%);flex-direction: column;text-align: right;}
    .navbar .menu-items li {font-size: 14px;font-weight: 500;}
    .nav-container input[type="checkbox"]:checked ~ .menu-items {transform: translateX(0);}
    .nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {transform: rotate(45deg);}
    .nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {transform: scaleY(0);}
    .nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {transform: rotate(-45deg);}
    .nav-container input[type="checkbox"]:checked ~ .logo{display: none;}

    #primary_nav_wrap_mobile ul.social-head li.menu-underline {border-bottom: 1px dotted #e9e9e9;}
    ul.menu-items p{font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;text-transform: uppercase;}
    li.resume-bttn {background-color: #F21E84;border-radius: 34px;color: #fff;}
    ul.menu-items .resume-bttn p {color: #ffffff;} */


  /* ================================================== */
  /* BUTTONS                                            */
  /* ================================================== */

      a.bttn-dark {font: 400 16px/24px '-apple-system', 'BlinkMacSystemFont', sans-serif;padding: 16px 26px;color: #FFF;text-align: center; border-radius: 8px; background: linear-gradient(180deg, #146EF5 20%, #07439D 81.67%);box-shadow: 0px 34px 24px 0px #10151D, 0px 6px 8px 0px rgba(0, 0, 0, 0.25), 0px -3px 8px 0px rgba(0, 0, 0, 0.25) inset, 0px 2px 8px 0px #458CF7 inset;position: relative;z-index: 10;}
      a.bttn-dark:hover {font: 400 16px/24px '-apple-system', 'BlinkMacSystemFont', sans-serif;padding: 16px 26px;color: #ffffff;border-radius:8px;background: linear-gradient(180deg, #07439D 20%, #07439D 81.67%);box-shadow: 0px 34px 24px 0px #10151D, 0px 6px 8px 0px rgba(0, 0, 0, 0.25), 0px -3px 8px 0px rgba(0, 0, 0, 0.25) inset, 0px 2px 8px 0px #458CF7 inset;position: relative;z-index: 10;}
      .btn{font: 400 16px/18px; font-family:'-apple-system', 'BlinkMacSystemFont', sans-serif; margin: 0px auto;padding: 12px 60px 13px;color: #ffffff;background-color: transparent;border: 1px solid  #F21E84;background:  #F21E84;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;display: inline-block;width:100%;text-align: center;}
      .btn:hover {font: 400 16px/18px; font-family:'-apple-system', 'BlinkMacSystemFont', sans-serif; margin: 0px auto;padding: 12px 20px 13px;color: #ffffff;background-color: transparent;border: 1px solid #C8394D;background: #C8394D;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;display: inline-block;width:100%;text-align: center;}
      ul.bttms li{display: inline-block;}
      h6{color: #ffffff;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif; font-size: 24px;font-style: normal;font-weight: 300;line-height: 32px; /* 133.333% */}
      hr{background: #384658;width: 100%;height: 1px;flex-shrink: 0;}


  /* ================================================== */
  /* HEADER                                             */
  /* ================================================== */
        
      .logo-header{position: relative;}
      .logo-header img {width: 160px;margin: 8px auto 0;}
      .header-bg{background:url('../img/owqlo/bg_header.png') no-repeat top center;background-size: 50em 50em;}
      .intro-text{margin-top: 140px;}
      .footer-text{margin-top: 0px;}
      .intro-img{margin-top: 60px;}
      .intro-text h1, .footer-text h1{text-align: center;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif;position: relative;z-index: 10;font-size: 34px;font-style: normal;font-weight: 800;text-align: center;line-height: 44px;background: linear-gradient(180deg, #F5F4E4 -10%, #FFFFFF 60%, #6e83e9 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
      .intro-text h3, .footer-text h3{color: #ffffff;position: relative;z-index: 10;text-align: center;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif;font-size: 24px;font-style: normal;font-weight: 100;line-height: 34px;letter-spacing: 0.32px;margin-top: -8px;}
      .q_intro {position: absolute;z-index: 0;top: -0.1%;opacity: 0.3;width: 86%;}



  /* ================================================== */
  /* ABOUT                                              */
  /* ================================================== */    

      h3{color: #ffffff;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif; font-size: 32px;font-style: normal;font-weight: 600;line-height: 38px;margin-bottom: 24px;margin-top: 8px;}
      ul.stores{display:inline;}
      ul.stores li{padding:40px 0 0;}
      .q_intro {position: absolute;z-index: 0;top: -0.1%;opacity: 0.18;width: 86%;}
      .about_q {position: absolute;top: 36%;z-index: 0;opacity: 0.18;width: 100%;}
      .about-logo-q img{padding-top: 12px;}

  /* ================================================== */
  /* LEADING                                            */
  /* ================================================== */   
      .companies{margin-top: -80px;}
      .companies{background:url('../img/owqlo/text_bg.svg') no-repeat top center; background-size:cover;}
      .companies h2{text-align: center;position: relative;z-index: 10;font-size: 30px;font-style: normal;font-weight: 800;text-align: center;line-height: normal;background: linear-gradient(180deg, #F5F4E4 -10.83%, #FFF 69.37%, #4C62D5 98.34%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}      

      ul.partners{padding:25px 0;display:inline;align-items: center; flex-wrap: wrap; gap: 64px;justify-content: space-between;}
      ul.partners li{padding: 20px 0;}
      .partners img{max-height: 50px;}          


  /* ================================================== */
  /* COMMUNITY                                          */
  /* ================================================== */       
      .community-bg{background:url('../img/owqlo/community_bg.png') no-repeat top center; background-size:contain;}
      .community h2{text-align: center;position: relative;z-index: 10;font-size: 30px;font-style: normal;font-weight: 800;text-align: center;line-height: normal;background: linear-gradient(180deg, #F5F4E4 -10.83%, #FFF 69.37%, #4C62D5 98.34%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}      
      .community p{color: #fff;}

      .comm_circles{text-align: right;}
      /* .comm_circles img{padding-top: 70px;} */


  /* ================================================== */
  /* SPIN SCROLL DOWN                                   */
  /* ================================================== */
      .spin {animation-name: spinning;animation-duration: 10s;animation-iteration-count: infinite;animation-timing-function: linear;position:relative;top:8%;right:4.5%;opacity: 1;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
      .spin.scrolling{opacity: 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
      @keyframes spinning {from { transform: rotate(0deg) }to { transform: rotate(360deg) }}    


  /* ================================================== */
  /* TERMS & CONDITIONS                                 */
  /* ================================================== */  
      .block h2 {font-size: 24px;font-weight: 700;margin-bottom: 0;}
      ul.dot_list li {list-style-type: disc;list-style-position: outside;color: #fff;padding: 0 24px 0;}

  /* ================================================== */
  /* FOOTER                                             */
  /* ================================================== */
      /* footer{ background: url("../img/cg/footerbg.png")no-repeat top center;min-height:140vw;background-attachment: fixed;background-size: cover;position:relative;z-index: 0} */
      footer{background:url('../img/owqlo/bg_footer.png') no-repeat bottom center; background-size:100em 60em;}
      footer .arrow-foot img{display: none;} 
      footer a{font: 400 12px/16px '-apple-system', 'BlinkMacSystemFont', sans-serif;color:#8199b9;}
      footer p {font:400 12px/38px '-apple-system', 'BlinkMacSystemFont', sans-serif;color: #8199b9;letter-spacing: 0.6px;opacity: 0.5;}
      footer nav{position: relative;margin-right: -24px;}
      footer  h3{color: #ECECEC;text-align:center;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif; font-size: 12vw;font-style: normal;font-weight: 700;line-height: 12.5vw; margin: 0 0 40px;}

      .fixed-footer-text{position: fixed;width: 100%;bottom: 18%;z-index: 0;}    

      footer h2{text-align: center;position: relative;z-index: 10;font-size: 30px;font-style: normal;font-weight: 800;text-align: center;line-height: normal;background: linear-gradient(180deg, #F5F4E4 -10.83%, #FFF 69.37%, #4C62D5 98.34%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}        
      .info-foot p{font-size: 12px;}
      .footer-info-1{align-items: center;justify-content: space-between;border-bottom:1px solid #6c809570;padding-bottom: 16px;margin-bottom: 16px;}
      .footer-info-2{align-items: center;justify-content: space-between;}
      footer .footer-info-2 p {font:400 12px/16px '-apple-system', 'BlinkMacSystemFont', sans-serif;color: #8199b9;letter-spacing: 0.6px;opacity: 0.5; padding: 8px 0;}
      ul.legal-foot {display: inline;padding: 16px;}


/* ====================================================================================================================================================== */
/* BREAK POINT                                                                                                                                            */
/* ====================================================================================================================================================== */  

@media only screen and (min-width: 768px) {
  .container{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 4rem;padding-right: 4rem;}
  .auto-sm-col,.one-sm-col,.two-sm-col,.three-sm-col,.four-sm-col,.five-sm-col,.six-sm-col,.seven-sm-col,.eight-sm-col,.nine-sm-col,.ten-sm-col,.eleven-sm-col,.twelve-sm-col {box-sizing: border-box;-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-box-flex: 0;flex: 0 0 auto;padding-right: 1rem;padding-left: 1rem;}

  .auto-sm-col{-webkit-flex-grow: 1;-ms-flex-positive: 1;-webkit-box-flex: 1;flex-grow: 1;-ms-flex-preferred-size: 0;-webkit-flex-basis: 0;flex-basis: 0;max-width: 100%;}
  .one-sm-col {-ms-flex-preferred-size: 8.333%;-webkit-flex-basis: 8.333%;flex-basis: 8.333%;max-width: 8.333%;}
  .two-sm-col {-ms-flex-preferred-size: 16.667%;-webkit-flex-basis: 16.667%;flex-basis: 16.667%;max-width: 16.667%;}
  .three-sm-col {-ms-flex-preferred-size: 25%;-webkit-flex-basis: 25%;flex-basis: 25%;max-width: 25%;}
  .four-sm-col {-ms-flex-preferred-size: 33.333%;-webkit-flex-basis: 33.333%;flex-basis: 33.333%;max-width: 33.333%;}
  .five-sm-col {-ms-flex-preferred-size: 41.667%;-webkit-flex-basis: 41.667%;flex-basis: 41.667%;max-width: 41.667%;}
  .six-sm-col {-ms-flex-preferred-size: 50%;-webkit-flex-basis: 50%;flex-basis: 50%;max-width: 50%;}
  .seven-sm-col {-ms-flex-preferred-size: 58.333%;-webkit-flex-basis: 58.333%;flex-basis: 58.333%;max-width: 58.333%;}
  .eight-sm-col {-ms-flex-preferred-size: 66.667%;-webkit-flex-basis: 66.667%;flex-basis: 66.667%;max-width: 66.667%;}
  .nine-sm-col {-ms-flex-preferred-size: 75%;-webkit-flex-basis: 75%;flex-basis: 75%;max-width: 75%;}
  .ten-sm-col {-ms-flex-preferred-size: 83.333%;-webkit-flex-basis: 83.333%;flex-basis: 83.333%;max-width: 83.333%;}
  .eleven-sm-col {-ms-flex-preferred-size: 91.667%;-webkit-flex-basis: 91.667%;flex-basis: 91.667%;max-width: 91.667%;}
  .twelve-sm-col {-ms-flex-preferred-size: 100%;-webkit-flex-basis: 100%;flex-basis: 100%;max-width: 100%;}

  .col-sm-offset-1 {margin-left: 8.333%;}
  .col-sm-offset-2 {margin-left: 16.667%;}
  .col-sm-offset-3 {margin-left: 25%;}
  .col-sm-offset-4 {margin-left: 33.333%;}
  .col-sm-offset-5 {margin-left: 41.667%;}
  .col-sm-offset-6 {margin-left: 50%;}
  .col-sm-offset-7 {margin-left: 58.333%;}
  .col-sm-offset-8 {margin-left: 66.667%;}
  .col-sm-offset-9 {margin-left: 75%;}
  .col-sm-offset-10 {margin-left: 83.333%;}
  .col-sm-offset-11 {margin-left: 91.667%;}

  .start-sm {-webkit-justify-content: flex-start;-ms-flex-pack: start;-webkit-box-pack: start;justify-content: flex-start;text-align: start;}
  .center-sm {-webkit-justify-content: center;-ms-flex-pack: center;-webkit-box-pack: center;justify-content: center;text-align: center;}
  .end-sm {-webkit-justify-content: flex-end;-ms-flex-pack: end;-webkit-box-pack: end;justify-content: flex-end;text-align: end;}
  .top-sm {-webkit-align-items: flex-start;-ms-flex-align: start;-webkit-box-align: start;align-items: flex-start;}
  .middle-sm {display:flex;-webkit-align-items: center;-ms-flex-align: center;-webkit-box-align: center;align-items: center;}
  .bottom-sm {display:flex; flex-end;-ms-flex-align: end;-webkit-box-align: end;align-items: flex-end;}
  .around-sm {-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;}
  .between-sm {-webkit-justify-content: space-between;-ms-flex-pack: justify;-webkit-box-pack: justify;justify-content: space-between;}
  .first-sm {-webkit-order: -1;-ms-flex-order: -1;-webkit-box-ordinal-group: 0;order: -1;}
  .last-sm {-webkit-order: 1;-ms-flex-order: 1;-webkit-box-ordinal-group: 2;order: 1;}
  
  .hide_for_desktop {display: none;}
  .hide_for_mobile{ display: block;}

  /*PADDINGS*/

    /* Padding top s/m/l/xl/xxl */
      .ptxs-d{padding-top: 4px;}
      .pts-d{padding-top: 8px}
      .ptsm-d{padding-top: 16px}
      .ptm-d{padding-top: 24px}
      .ptl-d{padding-top: 40px}
      .ptxl-d{padding-top: 64px}
      .ptxxl-d{padding-top: 80px}
      .ptxxxl-d{padding-top: 120px}
    /* Padding right s/m/l/xl/xxl */
      .prs-d{padding-right: 8px}
      .prm-d{padding-right: 23px}
      .prl-d{padding-right: 40px}
      .prxl-d{padding-right: 63px}
      .prxxl-d{padding-right: 80px}
    /* Padding left s/m/l/xl/xxl */
      .pls-d{padding-left: 8px}
      .plm-d{padding-left: 24px}
      .pll-d{padding-left: 40px}
      .plxl-d{padding-left: 64px}
      .plxxl-d{padding-left: 80px}
    /* Padding right-left s/m/l/xl/xxl */
      .prls-d{padding-right: 8px;padding-left: 8px;}
      .prlm-d{padding-right: 24px;padding-left: 24px;}
      .prll-d{padding-right: 40px;padding-left: 40px;}
      .prlxl-d{padding-right: 64px;padding-left: 64px;}
      .prlxxl-d{padding-right: 80px;padding-left: 80px;}
     /* Padding top-bottom s/m/l/xl/xxl */
      .ptbs-d{padding-top: 8px;padding-bottom: 8px;}

      .ptm-m{padding-top: 0px;}
      .ptl-m{padding-top: 0px;}
      .pbl-m{padding-bottom: 0px;}
      .ptbm-m{padding-top: 0px;padding-bottom: 0px;}
      

 /* ================================================== */
 /* BUTTONS                                            */
 /* ================================================== */

    a.bttn-dark {font: 400 16px/24px '-apple-system', 'BlinkMacSystemFont', sans-serif;padding: 16px 26px;color: #FFF;text-align: center; border-radius: 8px; background: linear-gradient(180deg, #146EF5 20%, #07439D 81.67%);box-shadow: 0px 34px 24px 0px #10151D, 0px 6px 8px 0px rgba(0, 0, 0, 0.25), 0px -3px 8px 0px rgba(0, 0, 0, 0.25) inset, 0px 2px 8px 0px #458CF7 inset;position: relative;z-index: 10;}
    a.bttn-dark:hover {font: 400 16px/24px '-apple-system', 'BlinkMacSystemFont', sans-serif;padding: 16px 26px;color: #ffffff;border-radius:8px;background: linear-gradient(180deg, #07439D 20%, #07439D 81.67%);box-shadow: 0px 34px 24px 0px #10151D, 0px 6px 8px 0px rgba(0, 0, 0, 0.25), 0px -3px 8px 0px rgba(0, 0, 0, 0.25) inset, 0px 2px 8px 0px #458CF7 inset;position: relative;z-index: 10;}

    a.bttn-light {font: 400 16px/24px '-apple-system', 'BlinkMacSystemFont', sans-serif;padding: 16px 26px;color: #FFF;text-align: center; background: transparent;position: relative;z-index: 10;  background: linear-gradient(#182132, #151b26) padding-box,linear-gradient(to right, #A4BADA, #1F6FE6) border-box;border-radius:8px;border: 2px solid transparent;}
    a.bttn-light:hover {font: 400 16px/24px '-apple-system', 'BlinkMacSystemFont', sans-serif;padding: 16px 26px;color: #ffffff;border-radius:8px;background: linear-gradient(180deg, #07439D 20%, #07439D 81.67%);position: relative;z-index: 10;}

    .btn{font: 400 16px/18px; font-family:'-apple-system', 'BlinkMacSystemFont', sans-serif; margin: 0px auto;padding: 12px 60px 13px;color: #ffffff;background-color: transparent;border: 1px solid  #F21E84;background:  #F21E84;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;display: inline-block;width:100%;text-align: center;}
    .btn:hover {font: 400 16px/18px; font-family:'-apple-system', 'BlinkMacSystemFont', sans-serif; margin: 0px auto;padding: 12px 20px 13px;color: #ffffff;background-color: transparent;border: 1px solid #C8394D;background: #C8394D;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;display: inline-block;width:100%;text-align: center;}

    ul.bttms li{display: inline-block;}
    h3{color: #dfe6f0;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif; font-size: 40px;font-style: normal;font-weight: 700;line-height: 40px;margin-bottom: 24px;margin-top: 8px;}
    h6{color: #ffffff;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif; font-size: 24px;font-style: normal;font-weight: 300;line-height: 32px; /* 133.333% */}
    hr{background: #384658;width: 100%;height: 1px;flex-shrink: 0;}


  /* ================================================== */
  /* HEADER                                             */
  /* ================================================== */
     
    .logo-header img {width: 160px;}
    .logo-header{position: absolute;}
    .header-bg{background:url('../img/owqlo/bg_header.png') no-repeat top center; background-size:cover;}
    .intro-text{margin-top: 150px;}
    .footer-text{margin-top: 150px;}
    .intro-img{margin-top: 120px;}
    .intro-text h1, .footer-text h1{text-align: center;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif;position: relative;z-index: 10;font-size: 68px;font-style: normal;font-weight: 860;text-align: center;line-height: 86px;background: linear-gradient(180deg, #F5F4E4 -10%, #FFFFFF 60%, #6e83e9 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
    .intro-text h3, .footer-text h3{color: #ffffff;position: relative;z-index: 10;text-align: center;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif;font-size: 32px;font-style: normal;font-weight: 100;line-height: 44px;letter-spacing: 0.32px;margin-top: -8px;}
    .q_intro {position: absolute;z-index: 0;top: -0.4%;opacity: 0.15;width: 600px;}


  /* ================================================== */
  /* ABOUT                                              */
  /* ================================================== */    
    .about_owqlo{margin-top: -60px;}   
      h3{color: #ffffff;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif; font-size: 40px;font-style: normal;font-weight: 700;line-height: 40px;margin-bottom: 24px;margin-top: 8px;}      
    .about_q {position: absolute;z-index: 0;right: 9.5%;top: 35%;opacity: 0.2;width:500px;}
 

  /* ================================================== */
  /* LEADING                                            */
  /* ================================================== */   
    .companies{margin-top:0px;}
    .companies{background:url('../img/owqlo/text_bg.svg') no-repeat top center; background-size:cover;}
    .companies h2{text-align: center;position: relative;z-index: 10;font-size: 46px;font-style: normal;font-weight: 860;text-align: center;line-height: normal;background: linear-gradient(180deg, #F5F4E4 -8%, #FFF 80%, #4C62D5 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}      

    ul.partners{padding:24px 0;display: flex;align-items: center; justify-content: space-around;}
    .partners img{max-height: 60px;}          


  /* ================================================== */
  /* COMMUNITY                                          */
  /* ================================================== */       
    .community-bg{background:url('../img/owqlo/community_bg.png') no-repeat top center; background-size:contain;}
    .community h2{margin-top: 20px;position: relative;z-index: 10;font-size: 4vw;font-style: normal;font-weight: 860;text-align: center;line-height: 5vw;background: linear-gradient(180deg, #F5F4E4 -6%, #FFF 20%, #7380c8 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}         
    .community p{color: #fff; padding-top: 16px;}

    .comm_circles{display: none;}
    /* .comm_circles img{padding-top: 70px;} */


  /* ================================================== */
  /* TERMS & CONDITIONS                                 */
  /* ================================================== */  
    .block h2 {font-size: 24px;font-weight: 700;margin-bottom: 0;}
    .block p {padding: 0 0 16px;}
    ul.dot_list li {list-style-type: disc;list-style-position: outside;color: #fff;padding: 0 24px 16px;}
    


  /* ================================================== */
  /* HERO HEADER - First Block                          */
  /* ================================================== */    
    .header-img-block h1, .header-img-block h1 span{color: #EAEAEA;text-align: left;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif; font-weight: 700;}
    .header-img-block .hi h1{background: linear-gradient(200deg, #fefdf9 20%, #edece8 60%, #b1afa9 90%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;fill: radial-gradient(232.22% 74.72% at 57.94% 23.01%, #F0F2F4 37.44%, #DDE1E5 72.64%, #C7CACD 100%);filter: drop-shadow(-9px 10px 2px rgba(4, 3, 16, 0.2)) drop-shadow(-19px 24px 6px rgba(4, 3, 18, 0.3));}
    .typewrite > .wrap {border-right: 0.02em solid #ffffff60;line-height: 50px;}
    .header-img-block .hi h1 .typewrite > .wrap{z-index: 1000;}
    h6.date{margin-bottom: 0px;color: #39495d;font-family:'-apple-system', 'BlinkMacSystemFont', sans-serif; font-size: 14px;font-style: normal;font-weight: 600;line-height: 24px;max-width: 199px;letter-spacing: 4px;}
    .date-and-duties{padding-top: 80px;padding-bottom: 80px; align-self: end;}
    .date-and-duties p{color: #F21E84;text-align: right;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif; font-size: 12px;font-style: normal;font-weight: 600;line-height: 24px;letter-spacing: 16px;text-transform: uppercase;margin-top: 8px;}

    a.name {--s: 0.2em;  --c: #F21E84; color: #F21E84;padding-bottom: var(--s);background: linear-gradient(90deg,var(--c) 50%,#000 0) calc(100% - var(--_p,0%))/200% 100%,linear-gradient(var(--c) 0 0) 0% 100%/var(--_p,0%) var(--s) no-repeat;-webkit-background-clip: text,padding-box;background-clip: text,padding-box;transition: 0.5s;}
    a.name:hover {--_p: 100% ;}
    a.name {cursor: pointer;}
    
    /* .intro-text h5{color: #ECECEC;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif; font-size: 24px;font-style: normal;font-weight: 200;line-height: 40px;} */
    
    .header-img-block-p{ background:url('../img/cg/herobg.png') no-repeat top center; background-size:cover;background-color: #ffffff; }
    .header-img-block-p h1, .header-img-block-p h1 span{color: #EAEAEA;text-align: left;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif; font-size: 16vw;font-style: normal;font-weight: 700;line-height: 204px;letter-spacing: -9px;fill: radial-gradient(232.22% 74.72% at 57.94% 23.01%, #F0F2F4 37.44%, #DDE1E5 72.64%, #C7CACD 100%);}
    .header-img-block-p .hi h1{background: linear-gradient(200deg, #fefdf9 20%, #edece8 60%, #b1afa9 90%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;fill: radial-gradient(232.22% 74.72% at 57.94% 23.01%, #F0F2F4 37.44%, #DDE1E5 72.64%, #C7CACD 100%);filter: drop-shadow(-9px 10px 2px rgba(4, 3, 16, 0.2)) drop-shadow(-19px 24px 6px rgba(4, 3, 18, 0.3));}
    .header-img-block-p .hi h1 .typewrite > .wrap{z-index: 1000;}


  /* ================================================== */
  /* SPIN SCROLL DOWN                                   */
  /* ================================================== */
    .spin {animation-name: spinning;animation-duration: 10s;animation-iteration-count: infinite;animation-timing-function: linear;position: fixed;top:75%;right:4.5%;opacity: 1;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
    .spin.scrolling{opacity: 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
    @keyframes spinning {from { transform: rotate(0deg) }to { transform: rotate(360deg) }} 
  
  
  /* ================================================== */
  /* HERO HEADER - Second Block                         */
  /* ================================================== */    
    /* .intro-me h1{color: #f4f4f4;text-align: left;font-family:'-apple-system', 'BlinkMacSystemFont', sans-serif; font-size: 88px;font-style: normal;font-weight: 100;line-height: 96px;letter-spacing: -4.4px;}
    .intro-me p{color: #f4f4f4;text-align: left;font-family:'-apple-system', 'BlinkMacSystemFont', sans-serif; font-size: 18px;font-style: normal;font-weight: 300;line-height: 36px;letter-spacing: 0.2px;text-transform:none;margin-bottom: 16px;padding-right: 24px;}
    .presentation-text{margin: 12px 0 0; z-index: 5;}
    .presentation-text img {padding-right: 32px;}
    p.location{color: #162945;text-align: right;font-family:'-apple-system', 'BlinkMacSystemFont', sans-serif; font-size: 16px;font-style: normal;font-weight: 700;text-transform: uppercase;line-height: 24px;padding-right: 0px;}
    p.location a{color: #42546B;text-align: right;font-family:'-apple-system', 'BlinkMacSystemFont', sans-serif; font-size: 16px;font-style: normal;font-weight: 200;text-transform: uppercase;line-height: 24px;}

    p.highlights{color: #F21E84;text-align:left;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif; font-size: 12px;font-style: normal;font-weight: 400;line-height: 16px;letter-spacing: 12px;text-transform: uppercase;} */



  /* ================================================== */
  /* SWIPER                                             */
  /* ================================================== */
    .swiper {width: 100%;height: 560px;margin: 20px auto;}
    .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: start;align-items: end;border-radius: 16px;}
    .swiper-slide img {display: block;position: absolute;width: 100%;height: 100%;object-fit: cover;z-index: 0;}
    .append-buttons {text-align: center;margin-top: 20px;}
    .swiper-pagination{top:20%;}
    .swiper-pagination-bullet-active{background: #F21E84 !important;}
    .swiper-pagination-bullet{background: #eaeaea;opacity: 0.9;}
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: var(--swiper-pagination-bottom,24px);}
    /* .append-buttons button {display: inline-block;cursor: pointer;border: 1px solid #71787f;color: #676e76;text-decoration: none;padding: 4px 10px;border-radius: 4px;margin: 0 10px;font-size: 13px;} */
    
    /* .swiper-slide.swiper-slide-active{width: 100% !important;margin-right: 24px !important;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} */
    .swiper-wrapper {left: 0;}

    @-webkit-keyframes slide {
      0% { opacity:0; transform: translateX(15vw); }  
      20% { opacity:1; transform: translateX(9vw); } 
      80% { opacity:1; transform: translateX(-9vw); }  
    100% { opacity:0; transform: translateX(-15vw); } 
    }
    @keyframes slide {
        0% { opacity:0; transform: translateX(15vw); }  
      20% { opacity:1; transform: translateX(9vw); } 
      80% { opacity:1; transform: translateX(-9vw); }  
      100% { opacity:0; transform: translateX(-15vw); } 
    }



  /* ================================================== */
  /* FOOTER                                             */
  /* ================================================== */
    /* footer{ background: url("../img/cg/footerbg.png")no-repeat top center;min-height:48vw;background-attachment: fixed;background-size: cover;z-index: 0;} */
    footer{background:url('../img/owqlo/bg_footer.png') no-repeat bottom center; background-size:cover;}
    footer.legal-page{background:none;}
    footer .arrow-foot img{padding: 16px 0 16px 34px;display: block;} 
    footer a{font: 400 12px/16px '-apple-system', 'BlinkMacSystemFont', sans-serif;color:#c0d3ed;}
    
    footer nav{position: relative;margin-right: -24px;}
    footer  h3{color: #ECECEC;text-align: right;font-family:'-apple-system', 'BlinkMacSystemFont', sans-serif; font-size: 4vw;font-style: normal;font-weight: 700;line-height: 4.5vw;margin: 0;}

    footer h2{text-align: center;position: relative;z-index: 10;font-size: 40px;font-style: normal;font-weight: 860;text-align: center;line-height: normal;background: linear-gradient(180deg, #F5F4E4 -10.83%, #FFF 69.37%, #4C62D5 98.34%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}        
    .info-foot p{font-size: 12px;}
    .footer-info-1{padding-bottom: 24px;display: flex;gap: 24px;align-items: center;justify-content: space-between;border-bottom:1px solid #53647670;}
    .footer-info-2{display: flex;gap: 24px;align-items: center;justify-content: space-between;}
    ul.legal-foot{display: flex;gap: 24px;}
    .fixed-footer-text{position: fixed;width: 82%;bottom: 6%;z-index: 0;}

    #return-to-top {opacity:1;position: fixed;bottom:50px;right:42px;background: rgb(0, 0, 0, 0);border: 2px solid #adc2db60;width: 50px;padding: 8px 0px;height: 50px;display: block;text-decoration: none;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
    #return-to-top img {color: #fff;margin: 0;position: relative;left: -14px;top: -1px;font-size: 20px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
    #return-to-top:hover {background: rgba(41, 45, 68, 0.9);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
    #return-to-top:hover i {color: #fff;top: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}




  /* ================================================== */
  /* REVISAR                                            */
  /* ================================================== */
    .info-card ul li{display: inline-block;}
    .info-card{display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
    .info-text-card{text-align: left;justify-content: flex-start;}
    .info-img-card{text-align: right;margin-top: 16px;}


    .module-two-recipe .border-line-recipe{border-left: 1px dashed #cccccc;padding:0 50px}
    .module-one h2{color:#F9F6EA;font-weight: 600;font-size: 4.5rem;line-height: 3.4rem; margin-top:4px;}
    .module-three h2{color:#4C4C4C;font-weight: 300;font-size: 66px; margin-top:0;line-height: 76px;}
    .module-two-recipe h2{color:#373737;font-weight: 100; font-size: 66px;line-height: 58px; margin-top: 0;}
    .module-four h2{color:#000000;font-weight: 300;font-size: 50px;line-height: 58px; margin-top: 0;}
    .module-four h2 span{color:#000000;font-weight: 300;font-size: 70px;line-height: 66px; margin-top: 0;}
    .module-three .height-block{min-height: 400px;padding: 80px 0;}
    .module-three p{font: 100 18px/32px font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif;color:#373737;font-weight: 100;padding-right: 40px;padding-top: 0px;}
    .module-two h2{color:#373737;font-weight: 100;font-size:6vw;line-height:6vw; margin-top: 0;}
    .module-two-recipe .recipe-break h1{font: 100 240px/134px 'Lato', sans-serif;text-rendering: optimizelegibility;color: #EBEAEA;margin: 0 0 0 -50px;padding-top: 50px;overflow: hidden;}


    .owl-prev{background: url('../img/arrow-left-grey.svg') no-repeat 13px center !important; width: 40px;height: 40px;  position: absolute;top: 38%;left: -30px;opacity:1;}
    .owl-next{background: url('../img/arrow-right-grey.svg') no-repeat 17px center !important; width: 40px;height: 40px;   position: absolute;top: 38%;right: -40px;opacity:1;} */


    @keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}
    .modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}
    .modal-video-close{opacity:0}
    .modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0, 100px);-moz-transform:translate(0, 100px);-ms-transform:translate(0, 100px);-o-transform:translate(0, 100px);transform:translate(0, 100px)}
    .modal-video-body{max-width:940px;width:100%;height:100%;margin:0 auto;display:table}
    .modal-video-inner{display:table-cell;vertical-align:middle;width:100%;height:100%}
    .modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}
    .modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}
    .modal-video-close-btn{position:absolute;z-index:2;top:-35px;right:-35px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}
    .modal-video-close-btn:before{transform:rotate(45deg)}
    .modal-video-close-btn:after{transform:rotate(-45deg)}
    .modal-video-close-btn:before,.modal-video-close-btn:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px}
  


}


/* ====================================================================================================================================================== */
/* BREAK POINT                                                                                                                                            */
/* ====================================================================================================================================================== */  


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {
 /*.header-img-block{background:linear-gradient(rgba(10,10,10,0.4),rgba(0, 0, 0, 0.4)),url('../img/pic-2.png') no-repeat center center; background-size:cover;}
 .header-img-block-recipe{background:linear-gradient(rgba(10,10,10,0.4),rgba(0, 0, 0, 0.4)),url('../img/pic-2.png') no-repeat center center; background-size:cover;}*/
}


/* ====================================================================================================================================================== */
/* BREAK POINT                                                                                                                                            */
/* ====================================================================================================================================================== */  


@media only screen and (min-width: 992px) {
  .container{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 5rem;padding-right: 5rem;}

  .auto-md-col,.one-md-col,.two-md-col,.three-md-col,.four-md-col,.five-md-col,.six-md-col,.seven-md-col,.eight-md-col,.nine-md-col,.ten-md-col,.eleven-md-col,.twelve-md-col {box-sizing: border-box;-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-box-flex: 0;flex: 0 0 auto;padding-right: 1rem;padding-left: 1rem;}

  .auto-md-col{-webkit-flex-grow: 1;-ms-flex-positive: 1;-webkit-box-flex: 1;flex-grow: 1;-ms-flex-preferred-size: 0;-webkit-flex-basis: 0;flex-basis: 0;max-width: 100%;}
  .one-md-col {-ms-flex-preferred-size: 8.333%;-webkit-flex-basis: 8.333%;flex-basis: 8.333%;max-width: 8.333%;}
  .two-md-col {-ms-flex-preferred-size: 16.667%;-webkit-flex-basis: 16.667%;flex-basis: 16.667%;max-width: 16.667%;}
  .three-md-col {-ms-flex-preferred-size: 25%;-webkit-flex-basis: 25%;flex-basis: 25%;max-width: 25%;}
  .four-md-col {-ms-flex-preferred-size: 33.333%;-webkit-flex-basis: 33.333%;flex-basis: 33.333%;max-width: 33.333%;}
  .five-md-col {-ms-flex-preferred-size: 41.667%;-webkit-flex-basis: 41.667%;flex-basis: 41.667%;max-width: 41.667%;}
  .six-md-col {-ms-flex-preferred-size: 50%;-webkit-flex-basis: 50%;flex-basis: 50%;max-width: 50%;}
  .seven-md-col {-ms-flex-preferred-size: 58.333%;-webkit-flex-basis: 58.333%;flex-basis: 58.333%;max-width: 58.333%;}
  .eight-md-col {-ms-flex-preferred-size: 66.667%;-webkit-flex-basis: 66.667%;flex-basis: 66.667%;max-width: 66.667%;}
  .nine-md-col {-ms-flex-preferred-size: 75%;-webkit-flex-basis: 75%;flex-basis: 75%;max-width: 75%;}
  .ten-md-col {-ms-flex-preferred-size: 83.333%;-webkit-flex-basis: 83.333%;flex-basis: 83.333%;max-width: 83.333%;}
  .eleven-md-col {-ms-flex-preferred-size: 91.667%;-webkit-flex-basis: 91.667%;flex-basis: 91.667%;max-width: 91.667%;}
  .twelve-md-col {-ms-flex-preferred-size: 100%;-webkit-flex-basis: 100%;flex-basis: 100%;max-width: 100%;}

  .col-md-offset-1 {margin-left: 8.333%;}
  .col-md-offset-2 {margin-left: 16.667%;}
  .col-md-offset-3 {margin-left: 25%;}
  .col-md-offset-4 {margin-left: 33.333%;}
  .col-md-offset-5 {margin-left: 41.667%;}
  .col-md-offset-6 {margin-left: 50%;}
  .col-md-offset-7 {margin-left: 58.333%;}
  .col-md-offset-8 {margin-left: 66.667%;}
  .col-md-offset-9 {margin-left: 75%;}
  .col-md-offset-10 {margin-left: 83.333%;}
  .col-md-offset-11 {margin-left: 91.667%;}

  .start-md {-webkit-justify-content: flex-start;-ms-flex-pack: start;-webkit-box-pack: start;justify-content: flex-start;text-align: start;}
  .center-md {-webkit-justify-content: center;-ms-flex-pack: center;-webkit-box-pack: center;justify-content: center;text-align: center;}
  .end-md {-webkit-justify-content: flex-end;-ms-flex-pack: end;-webkit-box-pack: end;justify-content: flex-end;text-align: end;}
  .top-md {-webkit-align-items: flex-start;-ms-flex-align: start;-webkit-box-align: start;align-items: flex-start;}
  .middle-md {-webkit-align-items: center;-ms-flex-align: center;-webkit-box-align: center;align-items: center;}
  .bottom-md {-webkit-align-items: flex-end;-ms-flex-align: end;-webkit-box-align: end;align-items: flex-end;}
  .around-md {-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;}
  .between-md {-webkit-justify-content: space-between;-ms-flex-pack: justify;-webkit-box-pack: justify;justify-content: space-between;}
  .first-md {-webkit-order: -1;-ms-flex-order: -1;-webkit-box-ordinal-group: 0;order: -1;}
  .last-md {-webkit-order: 1;-ms-flex-order: 1;-webkit-box-ordinal-group: 2;order: 1;}

  

  
  /* ================================================== */
  /* COMMUNITY                                          */
  /* ================================================== */       
  .community-bg{background:url('../img/owqlo/community_bg.png') no-repeat top center; background-size:contain;}
  .community h2{margin-top: 20px;position: relative;z-index: 10;font-size: 3vw;font-style: normal;font-weight: 860;text-align: left;line-height: 4vw;background: linear-gradient(180deg, #F5F4E4 -6%, #FFF 20%, #7380c8 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}         
  .community p{color: #fff;}
  .comm_circles{display: inline;padding-bottom: 40px;text-align: right;}
  .community-bg{background-size:contain;}  
  .footer-info-1{align-items: center;justify-content: space-between;border-bottom:1px solid #6c809570;}
  .footer-info-2{align-items: center;justify-content: space-between;}

}

/* ====================================================================================================================================================== */
/* BREAK POINT                                                                                                                                            */
/* ====================================================================================================================================================== */  

@media only screen and (min-width: 1200px) {
  .container{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 8rem;padding-right: 8rem;}

  .auto-lg-col,.one-lg-col,.two-lg-col,.three-lg-col,.four-lg-col,.five-lg-col,.six-lg-col,.seven-lg-col,.eight-lg-col,.nine-lg-col,.ten-lg-col,.eleven-lg-col,.twelve-lg-col {box-sizing: border-box;-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-box-flex: 0;flex: 0 0 auto;padding-right: 1rem;padding-left: 1rem;}

  .auto-lg-col{-webkit-flex-grow: 1;-ms-flex-positive: 1;-webkit-box-flex: 1;flex-grow: 1;-ms-flex-preferred-size: 0;-webkit-flex-basis: 0;flex-basis: 0;max-width: 100%;}
  .one-lg-col {-ms-flex-preferred-size: 8.333%;-webkit-flex-basis: 8.333%;flex-basis: 8.333%;max-width: 8.333%;}
  .two-lg-col {-ms-flex-preferred-size: 16.667%;-webkit-flex-basis: 16.667%;flex-basis: 16.667%;max-width: 16.667%;}
  .three-lg-col {-ms-flex-preferred-size: 25%;-webkit-flex-basis: 25%;flex-basis: 25%;max-width: 25%;}
  .four-lg-col {-ms-flex-preferred-size: 33.333%;-webkit-flex-basis: 33.333%;flex-basis: 33.333%;max-width: 33.333%;}
  .five-lg-col {-ms-flex-preferred-size: 41.667%;-webkit-flex-basis: 41.667%;flex-basis: 41.667%;max-width: 41.667%;}
  .six-lg-col {-ms-flex-preferred-size: 50%;-webkit-flex-basis: 50%;flex-basis: 50%;max-width: 50%;}
  .seven-lg-col {-ms-flex-preferred-size: 58.333%;-webkit-flex-basis: 58.333%;flex-basis: 58.333%;max-width: 58.333%;}
  .eight-lg-col {-ms-flex-preferred-size: 66.667%;-webkit-flex-basis: 66.667%;flex-basis: 66.667%;max-width: 66.667%;}
  .nine-lg-col {-ms-flex-preferred-size: 75%;-webkit-flex-basis: 75%;flex-basis: 75%;max-width: 75%;}
  .ten-lg-col {-ms-flex-preferred-size: 83.333%;-webkit-flex-basis: 83.333%;flex-basis: 83.333%;max-width: 83.333%;}
  .eleven-lg-col {-ms-flex-preferred-size: 91.667%;-webkit-flex-basis: 91.667%;flex-basis: 91.667%;max-width: 91.667%;}
  .twelve-lg-col {-ms-flex-preferred-size: 100%;-webkit-flex-basis: 100%;flex-basis: 100%;max-width: 100%;}

  .col-lg-offset-1 {margin-left: 8.333%;}
  .col-lg-offset-2 {margin-left: 16.667%;}
  .col-lg-offset-3 {margin-left: 25%;}
  .col-lg-offset-4 {margin-left: 33.333%;}
  .col-lg-offset-5 {margin-left: 41.667%;}
  .col-lg-offset-6 {margin-left: 50%;}
  .col-lg-offset-7 {margin-left: 58.333%;}
  .col-lg-offset-8 {margin-left: 66.667%;}
  .col-lg-offset-9 {margin-left: 75%;}
  .col-lg-offset-10 {margin-left: 83.333%;}
  .col-lg-offset-11 {margin-left: 91.667%;}

  .start-lg {-webkit-justify-content: flex-start;-ms-flex-pack: start;-webkit-box-pack: start;justify-content: flex-start;text-align: start;}
  .center-lg {-webkit-justify-content: center;-ms-flex-pack: center;-webkit-box-pack: center;justify-content: center;text-align: center;}
  .end-lg {-webkit-justify-content: flex-end;-ms-flex-pack: end;-webkit-box-pack: end;justify-content: flex-end;text-align: end;}
  .top-lg {-webkit-align-items: flex-start;-ms-flex-align: start;-webkit-box-align: start;align-items: flex-start;}
  .middle-lg {-webkit-align-items: center;-ms-flex-align: center;-webkit-box-align: center;align-items: center;}
  .bottom-lg {-webkit-align-items: flex-end;-ms-flex-align: end;-webkit-box-align: end;align-items: flex-end;}
  .around-lg {-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;}
  .between-lg {-webkit-justify-content: space-between;-ms-flex-pack: justify;-webkit-box-pack: justify;justify-content: space-between;}
  .first-lg {-webkit-order: -1;-ms-flex-order: -1;-webkit-box-ordinal-group: 0;order: -1;}
  .last-lg {-webkit-order: 1;-ms-flex-order: 1;-webkit-box-ordinal-group: 2;order: 1;}


  
}


/* ====================================================================================================================================================== */
/* BREAK POINT                                                                                                                                            */
/* ====================================================================================================================================================== */  

@media only screen and (min-width: 1600px) {
  .container{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 10rem;padding-right: 10rem;}
  .container-cards{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 9rem;padding-right: 9rem;}

  .auto-xlg-col,.one-xlg-col,.two-xlg-col,.three-xlg-col,.four-xlg-col,.five-xlg-col,.six-xlg-col,.seven-xlg-col,.eight-xlg-col,.nine-xlg-col,.ten-xlg-col,.eleven-xlg-col,.twelve-xlg-col {box-sizing: border-box;-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-box-flex: 0;flex: 0 0 auto;padding-right: 1rem;padding-left: 1rem;}

  .auto-xlg-col{-webkit-flex-grow: 1;-ms-flex-positive: 1;-webkit-box-flex: 1;flex-grow: 1;-ms-flex-preferred-size: 0;-webkit-flex-basis: 0;flex-basis: 0;max-width: 100%;}
  .one-xlg-col {-ms-flex-preferred-size: 8.333%;-webkit-flex-basis: 8.333%;flex-basis: 8.333%;max-width: 8.333%;}
  .two-xlg-col {-ms-flex-preferred-size: 16.667%;-webkit-flex-basis: 16.667%;flex-basis: 16.667%;max-width: 16.667%;}
  .three-xlg-col {-ms-flex-preferred-size: 25%;-webkit-flex-basis: 25%;flex-basis: 25%;max-width: 25%;}
  .four-xlg-col {-ms-flex-preferred-size: 33.333%;-webkit-flex-basis: 33.333%;flex-basis: 33.333%;max-width: 33.333%;}
  .five-xlg-col {-ms-flex-preferred-size: 41.667%;-webkit-flex-basis: 41.667%;flex-basis: 41.667%;max-width: 41.667%;}
  .six-xlg-col {-ms-flex-preferred-size: 50%;-webkit-flex-basis: 50%;flex-basis: 50%;max-width: 50%;}
  .seven-xlg-col {-ms-flex-preferred-size: 58.333%;-webkit-flex-basis: 58.333%;flex-basis: 58.333%;max-width: 58.333%;}
  .eight-xlg-col {-ms-flex-preferred-size: 66.667%;-webkit-flex-basis: 66.667%;flex-basis: 66.667%;max-width: 66.667%;}
  .nine-xlg-col {-ms-flex-preferred-size: 75%;-webkit-flex-basis: 75%;flex-basis: 75%;max-width: 75%;}
  .ten-xlg-col {-ms-flex-preferred-size: 83.333%;-webkit-flex-basis: 83.333%;flex-basis: 83.333%;max-width: 83.333%;}
  .eleven-xlg-col {-ms-flex-preferred-size: 91.667%;-webkit-flex-basis: 91.667%;flex-basis: 91.667%;max-width: 91.667%;}
  .twelve-xlg-col {-ms-flex-preferred-size: 100%;-webkit-flex-basis: 100%;flex-basis: 100%;max-width: 100%;}

  .col-xlg-offset-1 {margin-left: 8.333%;}
  .col-xlg-offset-2 {margin-left: 16.667%;}
  .col-xlg-offset-3 {margin-left: 25%;}
  .col-xlg-offset-4 {margin-left: 33.333%;}
  .col-xlg-offset-5 {margin-left: 41.667%;}
  .col-xlg-offset-6 {margin-left: 50%;}
  .col-xlg-offset-7 {margin-left: 58.333%;}
  .col-xlg-offset-8 {margin-left: 66.667%;}
  .col-xlg-offset-9 {margin-left: 75%;}
  .col-xlg-offset-10 {margin-left: 83.333%;}
  .col-xlg-offset-11 {margin-left: 91.667%;}

  .start-xlg {-webkit-justify-content: flex-start;-ms-flex-pack: start;-webkit-box-pack: start;justify-content: flex-start;text-align: start;}
  .center-xlg {-webkit-justify-content: center;-ms-flex-pack: center;-webkit-box-pack: center;justify-content: center;text-align: center;}
  .end-xlg {-webkit-justify-content: flex-end;-ms-flex-pack: end;-webkit-box-pack: end;justify-content: flex-end;text-align: end;}
  .top-xlg {-webkit-align-items: flex-start;-ms-flex-align: start;-webkit-box-align: start;align-items: flex-start;}
  .middle-xlg {-webkit-align-items: center;-ms-flex-align: center;-webkit-box-align: center;align-items: center;}
  .bottom-xlg {-webkit-align-items: flex-end;-ms-flex-align: end;-webkit-box-align: end;align-items: flex-end;}
  .around-xlg {-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;}
  .between-xlg {-webkit-justify-content: space-between;-ms-flex-pack: justify;-webkit-box-pack: justify;justify-content: space-between;}
  .first-xlg {-webkit-order: -1;-ms-flex-order: -1;-webkit-box-ordinal-group: 0;order: -1;}
  .last-xlg {-webkit-order: 1;-ms-flex-order: 1;-webkit-box-ordinal-group: 2;order: 1;}


  .about_owqlo{margin-top: -180px;}   
  .about-logo-q {padding-left: 40px;}

  /* ================================================== */
  /* HERO HEADER - First Block                          */
  /* ================================================== */    
    .header-img-block h1, .header-img-block h1 span{color: #EAEAEA;text-align: left;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif; font-style: normal;font-weight: 700; fill: radial-gradient(232.22% 74.72% at 57.94% 23.01%, #F0F2F4 37.44%, #DDE1E5 72.64%, #C7CACD 100%);}
    .intro-me h1 {color: #f4f4f4;text-align: right;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif; font-size: 88px;font-style: normal;font-weight: 100;line-height: 96px;letter-spacing: -4.4px;}

    .community-bg{background-size:cover;}
}



@media only screen and (min-width: 1900px) {
  .container{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 20rem;padding-right: 20rem;}
  .container-cards{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 9rem;padding-right: 9rem;}

  .auto-xlg-col,.one-xlg-col,.two-xlg-col,.three-xlg-col,.four-xlg-col,.five-xlg-col,.six-xlg-col,.seven-xlg-col,.eight-xlg-col,.nine-xlg-col,.ten-xlg-col,.eleven-xlg-col,.twelve-xlg-col {box-sizing: border-box;-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-box-flex: 0;flex: 0 0 auto;padding-right: 1rem;padding-left: 1rem;}

  .auto-xlg-col{-webkit-flex-grow: 1;-ms-flex-positive: 1;-webkit-box-flex: 1;flex-grow: 1;-ms-flex-preferred-size: 0;-webkit-flex-basis: 0;flex-basis: 0;max-width: 100%;}
  .one-xlg-col {-ms-flex-preferred-size: 8.333%;-webkit-flex-basis: 8.333%;flex-basis: 8.333%;max-width: 8.333%;}
  .two-xlg-col {-ms-flex-preferred-size: 16.667%;-webkit-flex-basis: 16.667%;flex-basis: 16.667%;max-width: 16.667%;}
  .three-xlg-col {-ms-flex-preferred-size: 25%;-webkit-flex-basis: 25%;flex-basis: 25%;max-width: 25%;}
  .four-xlg-col {-ms-flex-preferred-size: 33.333%;-webkit-flex-basis: 33.333%;flex-basis: 33.333%;max-width: 33.333%;}
  .five-xlg-col {-ms-flex-preferred-size: 41.667%;-webkit-flex-basis: 41.667%;flex-basis: 41.667%;max-width: 41.667%;}
  .six-xlg-col {-ms-flex-preferred-size: 50%;-webkit-flex-basis: 50%;flex-basis: 50%;max-width: 50%;}
  .seven-xlg-col {-ms-flex-preferred-size: 58.333%;-webkit-flex-basis: 58.333%;flex-basis: 58.333%;max-width: 58.333%;}
  .eight-xlg-col {-ms-flex-preferred-size: 66.667%;-webkit-flex-basis: 66.667%;flex-basis: 66.667%;max-width: 66.667%;}
  .nine-xlg-col {-ms-flex-preferred-size: 75%;-webkit-flex-basis: 75%;flex-basis: 75%;max-width: 75%;}
  .ten-xlg-col {-ms-flex-preferred-size: 83.333%;-webkit-flex-basis: 83.333%;flex-basis: 83.333%;max-width: 83.333%;}
  .eleven-xlg-col {-ms-flex-preferred-size: 91.667%;-webkit-flex-basis: 91.667%;flex-basis: 91.667%;max-width: 91.667%;}
  .twelve-xlg-col {-ms-flex-preferred-size: 100%;-webkit-flex-basis: 100%;flex-basis: 100%;max-width: 100%;}

  .col-xlg-offset-1 {margin-left: 8.333%;}
  .col-xlg-offset-2 {margin-left: 16.667%;}
  .col-xlg-offset-3 {margin-left: 25%;}
  .col-xlg-offset-4 {margin-left: 33.333%;}
  .col-xlg-offset-5 {margin-left: 41.667%;}
  .col-xlg-offset-6 {margin-left: 50%;}
  .col-xlg-offset-7 {margin-left: 58.333%;}
  .col-xlg-offset-8 {margin-left: 66.667%;}
  .col-xlg-offset-9 {margin-left: 75%;}
  .col-xlg-offset-10 {margin-left: 83.333%;}
  .col-xlg-offset-11 {margin-left: 91.667%;}

  .start-xlg {-webkit-justify-content: flex-start;-ms-flex-pack: start;-webkit-box-pack: start;justify-content: flex-start;text-align: start;}
  .center-xlg {-webkit-justify-content: center;-ms-flex-pack: center;-webkit-box-pack: center;justify-content: center;text-align: center;}
  .end-xlg {-webkit-justify-content: flex-end;-ms-flex-pack: end;-webkit-box-pack: end;justify-content: flex-end;text-align: end;}
  .top-xlg {-webkit-align-items: flex-start;-ms-flex-align: start;-webkit-box-align: start;align-items: flex-start;}
  .middle-xlg {-webkit-align-items: center;-ms-flex-align: center;-webkit-box-align: center;align-items: center;}
  .bottom-xlg {-webkit-align-items: flex-end;-ms-flex-align: end;-webkit-box-align: end;align-items: flex-end;}
  .around-xlg {-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;}
  .between-xlg {-webkit-justify-content: space-between;-ms-flex-pack: justify;-webkit-box-pack: justify;justify-content: space-between;}
  .first-xlg {-webkit-order: -1;-ms-flex-order: -1;-webkit-box-ordinal-group: 0;order: -1;}
  .last-xlg {-webkit-order: 1;-ms-flex-order: 1;-webkit-box-ordinal-group: 2;order: 1;}

  /* ================================================== */
  /* HERO HEADER - First Block                          */
  /* ================================================== */    
    .header-img-block h1, .header-img-block h1 span{color: #EAEAEA;text-align: left;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif; font-size: 12vw;font-style: normal;font-weight: 700;line-height: 14vw; /* 86.441% */letter-spacing: -9px;fill: radial-gradient(232.22% 74.72% at 57.94% 23.01%, #F0F2F4 37.44%, #DDE1E5 72.64%, #C7CACD 100%);}
    .intro-me h1 {color: #f4f4f4;text-align: right;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif; font-size: 88px;font-style: normal;font-weight: 100;line-height: 96px;letter-spacing: -4.4px;}
    .dribbble-info h3 {text-align: right;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif; text-align: right;color: #888888;font-size: 3vw;font-style: normal;font-weight: 100;line-height: 3.5vw;margin: 0;}
    .project-final-info h3{text-align: right;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif; color: #888888;font-size: 3.5vw;font-style: normal;font-weight: 100;line-height: 3.5vw;margin: 0;}
    .fixed-footer-text {position: fixed;width: 72%;bottom: 6%;z-index: 0;}
    footer h3 {color: #ECECEC;text-align: right;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif; font-size: 3.5vw;font-style: normal;font-weight: 700;line-height: 3.5vw;margin: 0;}
    footer{ min-height:25vw;}
  }

@media only screen and (min-width: 2300px) {
  .container{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 30rem;padding-right: 30rem;}
  .container-cards{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 9rem;padding-right: 9rem;}

  .auto-xlg-col,.one-xlg-col,.two-xlg-col,.three-xlg-col,.four-xlg-col,.five-xlg-col,.six-xlg-col,.seven-xlg-col,.eight-xlg-col,.nine-xlg-col,.ten-xlg-col,.eleven-xlg-col,.twelve-xlg-col {box-sizing: border-box;-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-box-flex: 0;flex: 0 0 auto;padding-right: 1rem;padding-left: 1rem;}

  .auto-xlg-col{-webkit-flex-grow: 1;-ms-flex-positive: 1;-webkit-box-flex: 1;flex-grow: 1;-ms-flex-preferred-size: 0;-webkit-flex-basis: 0;flex-basis: 0;max-width: 100%;}
  .one-xlg-col {-ms-flex-preferred-size: 8.333%;-webkit-flex-basis: 8.333%;flex-basis: 8.333%;max-width: 8.333%;}
  .two-xlg-col {-ms-flex-preferred-size: 16.667%;-webkit-flex-basis: 16.667%;flex-basis: 16.667%;max-width: 16.667%;}
  .three-xlg-col {-ms-flex-preferred-size: 25%;-webkit-flex-basis: 25%;flex-basis: 25%;max-width: 25%;}
  .four-xlg-col {-ms-flex-preferred-size: 33.333%;-webkit-flex-basis: 33.333%;flex-basis: 33.333%;max-width: 33.333%;}
  .five-xlg-col {-ms-flex-preferred-size: 41.667%;-webkit-flex-basis: 41.667%;flex-basis: 41.667%;max-width: 41.667%;}
  .six-xlg-col {-ms-flex-preferred-size: 50%;-webkit-flex-basis: 50%;flex-basis: 50%;max-width: 50%;}
  .seven-xlg-col {-ms-flex-preferred-size: 58.333%;-webkit-flex-basis: 58.333%;flex-basis: 58.333%;max-width: 58.333%;}
  .eight-xlg-col {-ms-flex-preferred-size: 66.667%;-webkit-flex-basis: 66.667%;flex-basis: 66.667%;max-width: 66.667%;}
  .nine-xlg-col {-ms-flex-preferred-size: 75%;-webkit-flex-basis: 75%;flex-basis: 75%;max-width: 75%;}
  .ten-xlg-col {-ms-flex-preferred-size: 83.333%;-webkit-flex-basis: 83.333%;flex-basis: 83.333%;max-width: 83.333%;}
  .eleven-xlg-col {-ms-flex-preferred-size: 91.667%;-webkit-flex-basis: 91.667%;flex-basis: 91.667%;max-width: 91.667%;}
  .twelve-xlg-col {-ms-flex-preferred-size: 100%;-webkit-flex-basis: 100%;flex-basis: 100%;max-width: 100%;}

  .col-xlg-offset-1 {margin-left: 8.333%;}
  .col-xlg-offset-2 {margin-left: 16.667%;}
  .col-xlg-offset-3 {margin-left: 25%;}
  .col-xlg-offset-4 {margin-left: 33.333%;}
  .col-xlg-offset-5 {margin-left: 41.667%;}
  .col-xlg-offset-6 {margin-left: 50%;}
  .col-xlg-offset-7 {margin-left: 58.333%;}
  .col-xlg-offset-8 {margin-left: 66.667%;}
  .col-xlg-offset-9 {margin-left: 75%;}
  .col-xlg-offset-10 {margin-left: 83.333%;}
  .col-xlg-offset-11 {margin-left: 91.667%;}

  .start-xlg {-webkit-justify-content: flex-start;-ms-flex-pack: start;-webkit-box-pack: start;justify-content: flex-start;text-align: start;}
  .center-xlg {-webkit-justify-content: center;-ms-flex-pack: center;-webkit-box-pack: center;justify-content: center;text-align: center;}
  .end-xlg {-webkit-justify-content: flex-end;-ms-flex-pack: end;-webkit-box-pack: end;justify-content: flex-end;text-align: end;}
  .top-xlg {-webkit-align-items: flex-start;-ms-flex-align: start;-webkit-box-align: start;align-items: flex-start;}
  .middle-xlg {-webkit-align-items: center;-ms-flex-align: center;-webkit-box-align: center;align-items: center;}
  .bottom-xlg {-webkit-align-items: flex-end;-ms-flex-align: end;-webkit-box-align: end;align-items: flex-end;}
  .around-xlg {-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;}
  .between-xlg {-webkit-justify-content: space-between;-ms-flex-pack: justify;-webkit-box-pack: justify;justify-content: space-between;}
  .first-xlg {-webkit-order: -1;-ms-flex-order: -1;-webkit-box-ordinal-group: 0;order: -1;}
  .last-xlg {-webkit-order: 1;-ms-flex-order: 1;-webkit-box-ordinal-group: 2;order: 1;}

  /* ================================================== */
  /* HERO HEADER - First Block                          */
  /* ================================================== */    
    .header-img-block h1, .header-img-block h1 span{color: #EAEAEA;text-align: left;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif; font-size: 12vw;font-style: normal;font-weight: 700;line-height: 14vw; /* 86.441% */letter-spacing: -9px;fill: radial-gradient(232.22% 74.72% at 57.94% 23.01%, #F0F2F4 37.44%, #DDE1E5 72.64%, #C7CACD 100%);}

    .intro-me h1 {color: #f4f4f4;text-align: right;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif; font-size: 88px;font-style: normal;font-weight: 100;line-height: 96px;letter-spacing: -4.4px;}
    .dribbble-info h3 {text-align: right;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif; text-align: right;color: #888888;font-size: 2.5vw;font-style: normal;font-weight: 100;line-height: 2.5vw;margin: 0;}
    .project-final-info h3{text-align: right;font-family: '-apple-system', 'BlinkMacSystemFont', sans-serif; color: #888888;font-size: 2.5vw;font-style: normal;font-weight: 100;line-height: 2.5vw;margin: 0;}
    .spin {animation-name: spinning;animation-duration: 10s;animation-iteration-count: infinite;animation-timing-function: linear;position: fixed;top: 64%;left: 17.5%;opacity: 1;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
    .fixed-footer-text {position: fixed;width: 62%;bottom: 6%;z-index: 0;}
    /* footer{ min-height:22vw;} */


}


/* ============================================================================================================================================================== */
/* 7- HELPERS                                                                                                                                                     */
/* ============================================================================================================================================================== */


  ::-moz-selection { /* Code for Firefox */
    color: #f5f5f5;
    background: #F21E84;
    text-shadow: none;
  }
  
  ::selection {
    color: #f5f5f5;
    background: #1e4ff288;
    text-shadow: none;
  }


  /*PADDINGS*/

      /* Padding top s/m/l/xl/xxl */
      .ptxs{padding-top: 4px;}
      .pts{padding-top: 8px}
      .ptsm{padding-top: 16px}
      .ptm{padding-top: 24px}
      .ptl{padding-top: 40px}
      .ptxl{padding-top: 64px}
      .ptxxl{padding-top: 80px}
      .ptxxxl{padding-top:120px}
 
      /* Padding right s/m/l/xl/xxl */
      .prs{padding-right: 8px}
      .prm{padding-right: 24px}
      .prl{padding-right: 40px}
      .prxl{padding-right: 64px}
      .prxxl{padding-right: 80px}
 
      /* Padding bottom s/m/l/xl/xxl */
      .pbs{padding-bottom: 8px}
      .pbm{padding-bottom: 24px}
      .pbl{padding-bottom: 40px}
      .pbxl{padding-bottom: 64px}
      .pbxxl{padding-bottom: 80px}
      .pbxxxl{padding-bottom: 120px}
 
      /* Padding left s/m/l/xl/xxl */
      .pls{padding-left: 8px}
      .plm{padding-left: 24px}
      .pll{padding-left: 40px}
      .plxl{padding-left: 64px}
      .plxxl{padding-left: 80px}
      .plxxxl{padding-left: 140px}
 
      /* Padding top-bottom s/m/l/xl/xxl */
      .ptbs{padding-top: 8px;padding-bottom: 8px;}
      .ptbm{padding-top: 24px;padding-bottom: 24px;}
      .ptbl{padding-top: 40px;padding-bottom: 40px;}
      .ptbxl{padding-top: 64px;padding-bottom: 64px;}
      .ptbxxl{padding-top: 80px;padding-bottom: 80px;}
 
      /* Padding right-left s/m/l/xl/xxl */
      .prls{padding-right: 8px;padding-left: 8px;}
      .prlm{padding-right: 24px;padding-left: 24px;}
      .prll{padding-right: 40px;padding-left: 40px;}
      .prlxl{padding-right: 64px;padding-left: 64px;}
      .prlxxl{padding-right: 80px;padding-left: 80px;}
      .no-padding-lateral{padding-right:0px;padding-left:0px;}
      .no-padding-left{padding-left:0px;}


  /*MARGINS*/

      /* Margin top s/m/l/xl/xxl */
      .mts{margin-top: 8px}
      .mtm{margin-top: 24px}
      .mtl{margin-top: 40px}
      .mtxl{margin-top: 64px}
      .mtxxl{margin-top: 80px}
      
      /* Margin bottom s/m/l/xl/xxl */
      .mbs{margin-bottom: 8px}
      .mbm{margin-bottom: 24px}
      .mbl{margin-bottom: 40px}
      .mbxl{margin-bottom: 64px}
      .mbxxl{margin-bottom: 80px}

      /* Margin top-bottom s/m/l/xl/xxl */
      .mtbs{margin-top: 8px;margin-bottom: 8px;}
      .mtbm{margin-top: 24px;margin-bottom: 24px;}
      .mtbl{margin-top: 40px;margin-bottom: 40px;}
      .mtbxl{margin-top: 64px;margin-bottom: 64px;}
      .mtbxxl{margin-top: 80px;margin-bottom: 80px;}