/**handles:mayproduction-index**/
*{margin:0;padding:0}body,html{font-family:var(--Lato);font-weight:300;font-size:16px}li,ul{list-style-type:none}:root{--Lato:'Lato',sans-serif}.btn-more{font-size:.9375rem;padding:.3125rem 3.125rem;background:0 0;border:.0625rem solid #231f20;color:#fff;border-radius:.3125rem;transition:1s}.btn-more:hover{background:rgb(49,1,81,.8);border:.0625rem solid rgb(49,1,81,.8);color:#fff}.btn-more .fa-chevron-right{font-size:.625rem;margin-left:.3125rem}.btn-next,.btn-pre{display:flex;align-items:center;background:0 0;border:none;color:#fff}.btn-next hr,.btn-pre hr{width:3.125rem;background:#fff}.btn-pre hr{margin-right:.625rem}.btn-next hr{margin-left:.625rem}.btn-play{display:inline-block;padding:.1875rem 1.875rem;text-decoration:none;color:#fff;background:rgba(255,255,255,.2);border-radius:.3125rem;border:3px solid rgba(138,192,206,.3);transition:all .5s}.btn-play:hover{text-decoration:none;background:rgb(49,1,81,.8)}.btn-play .icon-play{vertical-align:middle;line-height:1.5;color:#fff;text-decoration:none}#may-site{position:relative}a:focus,button:focus{outline:0}.title{font-size:2.1875rem;color:#fff;text-align:center;text-transform:uppercase}.text-center .title-line{display:flex;justify-content:center;position:relative}.text-center .title-line .hr1{width:25rem;height:.00625rem;background:rgba(255,255,255,.5)}.text-center .title-line .hr2{width:3.125rem;height:.1875rem;position:absolute;left:50%;top:0;transform:translate(-50%,-50%);background:#008fd5;border-radius:.3125rem}.content{margin:1.5625rem 0 2.5rem 0}.overlayNav{position:fixed;z-index:1001;width:100%;height:100%;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;line-height:1em;text-align:left;overflow:auto;background-color:rgba(0,0,0,.93);transition:opacity .14s 0s ease-in-out,visibility 0s 0s linear}.overlayNav .nav-content{position:absolute;z-index:1002;left:50%;top:50%;color:#fff;transform:translate(-50%,-50%);text-align:center;text-transform:uppercase}.overlayNav .nav-content ul .nav-item{cursor:pointer;margin-bottom:1.875rem}.overlayNav .nav-content ul .nav-item:hover a{color:#008fd5}.overlayNav .nav-content ul .nav-item a{font-size:4.0625rem;text-decoration:none;color:#fff;line-height:1.2;transition:.5s}.overlayNav .icon-close{position:absolute;top:2%;left:2%;transform:translate(-50%,0);cursor:pointer}.overlayNav .icon-close span{color:#fff}.overlayNav .social-list-mobile{display:none}@media screen and (max-width:1440px){.overlayNav .icon-close{top:2%;left:3%}}@media screen and (max-width:1024px){.overlayNav .nav-content ul .nav-item a{font-size:2.625rem}.overlayNav .icon-close{top:2%;left:4%}}@media screen and (max-width:768px){.title{font-size:1.5rem}.content{margin:.9375rem 0 1.25rem 0}.overlayNav .nav-content ul .nav-item{margin-bottom:1.25rem}.overlayNav .nav-content ul .nav-item a{font-size:2rem}.overlayNav .icon-close{top:1%;left:5%}}@media screen and (max-width:576px){.btn-next hr,.btn-pre hr{width:1.125rem;background:#fff}.btn-more{padding:.3125rem .9375rem}.overlayNav .nav-content ul .nav-item{margin-bottom:1.25rem}.overlayNav .nav-content ul .nav-item a{font-size:1.125rem}.overlayNav .icon-close{top:2%;left:7%}.overlayNav .social-list-mobile{display:block}.overlayNav .social-list-mobile>ul{display:flex}.overlayNav .social-list-mobile>ul li{padding:0 .3125rem}.overlayNav .social-list-mobile>ul li .icon{color:#fff;transition:.5s;font-size:1.5625rem}.overlayNav .social-list-mobile>ul li .icon:hover{color:#008fd5}.overlayNav .social-list-mobile>ul li .icon-fb{padding:5px 10px}.overlayNav .social-list-mobile>ul li .icon-linkedin{padding:5px 8px}.overlayNav .social-list-mobile>ul li .icon-vimeo{padding:5px 8px}.overlayNav .social-list-mobile>ul li .icon-email{padding:5px 7px}.text-center .title-line .hr1{width:12.5rem;height:.00625rem}}@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.heartbeat{-webkit-animation:heartbeat 3s ease-in-out infinite both;animation:heartbeat 3s ease-in-out infinite both}.ehf-header #masthead{z-index:999999999}header{-webkit-transition:all .25s linear;-moz-transition:all .25s linear;-o-transition:all .25s linear;transition:all .25s linear;position:fixed;width:100%;top:0;z-index:999999999;background:rgba(0,0,0,.1)}header.sticky{background-color:#f2f2f2}header .header{display:flex;align-items:center;justify-content:center;width:1140px;margin:0 auto;min-height:3.75rem;padding:15px 0}header .header_logo{flex:1;width:315px}header .header_bars{display:none;color:#fff2f2;background:0 0;border:none;outline:0}header .header img{max-width:100%}header .header_img{display:flex;justify-content:center;align-items:center;text-align:center;margin:auto;margin-top:22px}header .header_img img{height:auto}header .header a{color:#fff2f2;text-decoration:none}header .header .navbar{flex-grow:1;padding:0}header .header .navbar-nav{justify-content:center;flex-grow:1}header .header .navbar-nav li:hover{background:url('http://mayproduction.vn/wp-content/themes/mayproduction/images/bg-nav_bottom.png') center bottom;background-repeat:no-repeat}header .header .navbar-toggler-icon{width:auto;height:auto}header .header .nav-item{padding:.6875rem;position:relative;flex-grow:1;text-align:center}header .header .nav-item:hover .nav-sub-menu{display:block}header .header .nav-link{padding:5px 0 0!important;display:inline-block;font-size:18px;letter-spacing:2px;font-weight:400;text-align:center;font-family:Roboto,sans-serif;text-transform:capitalize;color:#fff;transition:all .3s ease-out}header .header .nav-sub-menu{display:none;position:absolute;margin-top:0;padding-top:.625rem;background-color:rgba(48,1,81,.68);box-shadow:1px 1px 6px 2px #300151ad;top:100%;left:0;width:100%;transition:all .3s ease-in-out;z-index:1}header .header .nav-sub-menu a{display:block;padding:5px 1.25rem .625rem;font-size:1rem}header .header .nav-sub-menu a:hover{opacity:.8}header .header_social-list{padding-left:.75rem;padding-right:.75rem;font-size:1.5625rem;display:flex;justify-content:center}header .header_social-list img{width:24px;height:24px}header .header_social-list a{display:block;padding:0 .625rem;color:#300151;transition:all .3s ease-in-out}header .header_social-list a:hover{opacity:1;color:#969696}header .header_social-list [class^=icon]{font-size:1.4375rem}header .header_social-list .icon-me{vertical-align:middle}@media (max-width:1024px){header .header .nav-item{margin-left:0;margin-right:0}}@media (min-width:1200px){header .header_social-list{padding-left:3.75rem;padding-right:5.75rem}}@media (min-width:993px){header .header .nav-item:after{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background-color:#300151;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}}@media (max-width:992px){header .header{min-height:auto;position:relative;width:auto;flex-direction:column;padding:10px 0}header .header .navbar-nav{margin-left:0}header .header_bars{display:block;font-size:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}header .header_img{margin:0 auto}header .header_img img{width:3.75rem}header .header_logo{width:100%;position:relative;padding-top:5px;padding-bottom:5px}header .header .navbar{width:100%;text-align:center}header .header .nav-item:hover .nav-link{color:#969696}header .header .navbar-collapse{padding:1.25rem .625rem}header .header .nav-item{padding:0 0 .625rem}header .header .nav-item:hover,header .header .nav-item:hover:after{background-color:transparent}header .header .nav-sub-menu{position:static;padding:5px 0 0;margin-top:0;width:100%;background-color:transparent;box-shadow:none}header .header .nav-sub-menu li:last-child{padding-bottom:0}header .header_social-list{padding-top:.9375rem;font-size:1.5rem}header .header_social-list [class^=icon]{font-size:1.4375rem}header .header_social-list .icon-me{font-size:1.5rem}}.intro{position:relative;overflow:hidden}.intro .intro-img{width:100%;height:889px}.intro .intro-img img{overflow:hidden;transform:translateX(-50%);margin-left:50%}.intro .intro-img #myVideo{position:absolute;right:0;top:0;min-width:100%;min-height:100%;object-fit:cover;object-position:center center;width:100%;height:100%}.intro .intro-bg-overlap{position:absolute;top:0;left:0;width:100%;height:45.625rem}.intro .intro-bg-overlap img{overflow:hidden}.intro .banner-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.intro .btn-play{position:relative;border-radius:.75rem;background:rgba(255,255,255,.32);width:10.75rem;height:5.0625rem;padding:.625rem}.intro .btn-play .icon-play{font-size:2.875rem;line-height:1.3}.intro .btn-play:hover{background:rgb(49,1,81,.8)}.intro .btn-play::before{content:"";position:absolute;top:-.9375rem;bottom:-.9375rem;left:-.9375rem;right:-.9375rem;display:block;background-color:#000;opacity:.072;border-radius:1.1875rem}@media screen and (max-width:768px){.intro .intro-img{width:100%;height:33.125rem}.intro .intro-bg-overlap{width:100%;height:33.125rem}.intro .intro-info ul li a{font-size:2.8125rem}.intro .arrow-down{top:85%}.intro .btn-play{width:6.75rem;height:3.5rem}.intro .btn-play .icon-play{font-size:1.575rem;line-height:1.3}.intro .btn-play::before{top:-.9375rem;bottom:-.9375rem;left:-.9375rem;right:-.9375rem}}@media screen and (max-width:576px){.intro .intro-info ul li a{font-size:1.5625rem}.intro .arrow-down{top:85%}}.experience{min-height:36.125rem;padding-bottom:3.75rem;background-color:#3e3445;background-size:cover;justify-content:center;align-items:center}.experience_content_holder{margin-top:10em;background-color:rgba(255,255,255,.2)}.experience_logo{display:flex;justify-content:flex-end;align-items:center;max-width:27.4375rem;padding-left:1.25rem;padding-right:2.8125rem;margin:4rem .9375rem 1.8125rem -.9375rem;border-top-right-radius:11.5rem;border-bottom-right-radius:11.5rem;box-shadow:0 0 0 15px rgba(255,255,255,.12);background-color:rgba(255,255,255,.4);height:21.4375rem}.experience_logo img{width:auto;max-width:100%;min-width:0;height:auto}.experience_content{max-width:90%;margin:0 auto;color:#fff}.experience_content:first-child{padding-top:2.5rem}.experience_content:last-child{padding-bottom:2rem}.experience_content h3{font-size:1.4375rem;line-height:2.6875rem;font-weight:700;font-family:var(--Lato)}.experience_content p{font-size:1rem;line-height:1.5625rem;font-weight:300;font-family:var(--Lato)}@media screen and (min-width:1280px){.experience_logo{max-width:85%;padding-right:4.375rem}}@media screen and (min-width:992px){.experience{min-height:39rem;padding-bottom:1.875rem}.experience_content{padding-bottom:1.5625rem}.experience_content h3{font-size:1.625rem;line-height:3.0625rem}.experience_content p{font-size:1.25rem;line-height:1.875rem}}@media screen and (min-width:1440px){.experience{min-height:52.125rem}.experience_content{padding-bottom:2.25rem}.experience_content h3{font-size:1.875rem;line-height:3.341875rem}.experience_content p{font-size:1.375rem;line-height:2rem}}#our-work{position:relative;z-index:0}#our-work .content{margin:0}#our-work .content .item{height:97.5rem}#our-work .content .item .item-detail{width:100%;height:33.33%;position:relative;cursor:pointer}#our-work .content .item .item-detail:hover .item-bg{opacity:.5}#our-work .content .item .item-detail img{object-fit:cover;width:100%;min-width:100%;height:100%}#our-work .content .item .item-detail .item-bg{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(1,1,1,.5);padding:1.875rem;transition:all .5s}#our-work .content .item .item-detail .item-content{position:absolute;top:40%;left:0;right:15%;color:#fff;padding:1.875rem}#our-work .content .item .item-detail .item-content .desc{text-transform:uppercase;font-weight:400;font-size:1.75rem}#our-work .content .item.right .item-detail .item-content{left:15%;right:0;text-align:right}#our-work .group-btn{background:#0e0116;display:flex;justify-content:space-between;padding:1.25rem}@media screen and (max-width:1366px){#our-work .content .item .item-detail .item-content .desc{font-size:1.5625rem}}@media screen and (max-width:1024px){#our-work .content .item{height:75rem}#our-work .content .item .item-detail .item-content .desc{font-size:1rem}}@media screen and (max-width:768px){#our-work .content .item .item-detail .item-content{top:50%;left:50%;transform:translate(-50%,-50%);right:0;width:80%;text-align:center}#our-work .content .item .item-detail .item-content .desc{font-size:1.5rem}#our-work .content .item.right .item-detail .item-content{top:50%;left:50%;transform:translate(-50%,-50%);right:0;width:80%;text-align:center}}@media screen and (max-width:576px){#our-work .content .item .item-detail .item-content{width:96%}#our-work .content .item .item-detail .item-content .desc{font-size:1rem}#our-work .group-btn{display:flex;justify-content:space-between;margin:1.25rem 0}}#contact{background:#0e0116}#contact,#contact a{color:#fff}#contact .content{display:flex;justify-content:space-around;text-align:center;max-width:1300px;margin:1rem auto}#contact .content .title{color:#ccc;font-size:2.25rem;font-weight:400;font-family:var(--Lato)}#contact .content .call,#contact .content .email,#contact .content .find-us{padding-left:16px;padding-right:16px}#contact .content .call p,#contact .content .email p,#contact .content .find-us p{margin-bottom:0}#contact .content .call p,#contact .content .call p a,#contact .content .email p,#contact .content .email p a,#contact .content .find-us p,#contact .content .find-us p a{font-weight:400;font-family:var(--Lato);font-size:.9375rem;line-height:1.375rem}#contact .content .call span,#contact .content .email span,#contact .content .find-us span{display:inline-block;margin:1.25rem 0 1rem;font-size:1.25rem}#contact .content .call span,#contact .content .call span a,#contact .content .email span,#contact .content .email span a,#contact .content .find-us span,#contact .content .find-us span a{color:#c2c2c2}#contact .content .call span{color:#8351a1}@media screen and (max-width:1024px){#contact{padding:.625rem 15px}#contact .content .title{font-size:2.25rem}#contact .content .call p,#contact .content .email p,#contact .content .find-us p{margin-bottom:.1875rem}}@media screen and (max-width:768px){#contact{padding:.625rem 1.875rem}#contact .content .title{font-size:1.5rem}#contact .content .call p,#contact .content .call p a,#contact .content .email p,#contact .content .email p a,#contact .content .find-us p,#contact .content .find-us p a{font-size:.875rem}}@media screen and (max-width:576px){#contact{padding:.3125rem}#contact .content{flex-direction:column}#contact .content .call,#contact .content .email,#contact .content .find-us{margin-bottom:1.25rem}}@media screen and (min-width:992px){#contact .content .call,#contact .content .email,#contact .content .find-us{flex:0 0 33.333333%;max-width:33.333333%}}footer{padding:1.25rem 0;font-size:.9375rem}