@white:#FFFFFF;@aliceBlue:#F5F6F7;@black:#000000;@blue:#004B88;@silver:#C0C0C0;@cyan:#00C1F6;@sfprodMedium:'SFProDisplay-Medium';@sfprodLight:'SFProDisplay-Light';@sfprodBold:'SFProDisplay-Bold';@plantinLight:'Plantin-Light';@plantin:'Plantin';@font-face{font-family:'SFProDisplay-Bold';src:url('/fonts/SFProDisplay-Bold.eot');src:local('☺'),url('/fonts/SFProDisplay-Bold.woff') format('woff'),url('/fonts/SFProDisplay-Bold.ttf') format('truetype'),url(/www.inquirer.com.ph/assets/css/fonts/SFProDisplay-Bold/SFProDisplay-Bold.webp) format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'SFProDisplay-Medium';src:local('☺'),url(/www.inquirer.com.ph/assets/css/fonts/SFProDisplay-Medium/SFProDisplay-Medium.webp) format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'SFProDisplay-Light';src:local('☺'),url('/fonts/aede9aa7-SFProDisplay-Light.woff') format('woff'),url(/www.inquirer.com.ph/assets/css/fonts/SFProDisplay-Light/SFProDisplay-Light.webp) format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'Plantin-Light';src:local('☺'),url('/fonts/b38876b1-Plantin-Light.ttf') format('truetype'),url(/www.inquirer.com.ph/assets/css/fonts/Plantin-Light/Plantin-Light.webp) format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'Plantin';src:url('/fonts/Plantin.eot');src:local('☺'),url('/fonts/Plantin.woff') format('woff'),url('/fonts/Plantin.ttf') format('truetype'),url(/www.inquirer.com.ph/assets/css/fonts/Plantin/Plantin.webp) format('svg');font-weight:normal;font-style:normal}*{margin:0px;padding:0px}// AUTOFILL OVERRIDE nput:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{background-color:transparent!important;background-image:none!important;color:rgb(255,255,255)!important}// FANCYBOX OVERRIDE .fancybox-title{position:absolute;top:0}.fancybox-skin{position:relative}.fancybox-caption__body{font-family:@sfprodMedium;font-size:14px}.fancybox-infobar{display:none}.fancybox-button--zoom img{width:16px}.fancybox-image{top:8%!important;height:90%!important}.fancybox-title{color:@white;font-family:@sfprodBold;font-size:24px}.hideme{opacity:0}.w100{width:100%}.nav-desktop{position:fixed;top:0px;left:0px;right:0px;z-index:3;// box-shadow:0px 4px 15px -4px #000000;// visibility:hidden}.top-most-container{background:@blue;padding:20px 0px;transition:0.5s;.burger-container{display:flex;align-items:center;color:@white;margin:0 auto;width:80%;@media screen and (max-width:500px){width:90%}.burger-nav{text-align:left;flex:1;.burger-img{width:50px;vertical-align:middle;// display:block}.burger-label{font-family:@sfprodMedium;font-size:16px;@media screen and (max-width:768px){display:none}}}.contact-nav{font-family:@sfprodMedium;font-size:16px;text-align:right;flex:1}.inq-nav{text-align:center;flex:1;img{@media screen and (max-width:425px){width:150px}@media screen and (max-width:320px){width:120px}}}a{text-decoration:none;color:@white;text-align:center}}&.nav-scrolled{padding:10px 15px}@media screen and (max-width:425px){padding:20px 0px;}}.main-nav-container{background:@blue;width:100%;border-top:1px solid rgba(255,255,255,0.5);ul{text-align:center;// padding:12px 0;font-family:@sfprodMedium;font-size:16px;display:flex;list-style:none;justify-content:center;li{padding:12px 20px;position:relative;a{text-decoration:none;color:@white;transition:0.5s}// &:hover{// border-bottom:3px solid @white;// padding-bottom:9px;//}// .active{// border-bottom:3px solid @white;// padding-bottom:9px;//}&:before{content:"";position:absolute;width:100%;height:3px;// top:25px;bottom:0;left:0;background-color:@white;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .3s linear;-webkit-transition--moz-transition:all .3s linear;-webkit-transition--moz-transition--ms-transition:all .3s linear;-webkit-transition--moz-transition--ms-transition--o-transition:all .3s linear;-webkit-transition--moz-transition--ms-transition--o-transition-transition:all .3s linear}&:hover:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}&.active:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}}}@media screen and (max-width:768px){display:none}}.menu-overlay{height:100%;width:0;position:fixed;z-index:10;top:0;left:0;background-color:rgba(7,72,130);background-color:rgba(7,72,130,0.9);overflow-x:hidden;transition:0.5s;@media screen and (max-width:425px){background-color:rgba(7,72,130,1)}}.menu-overlay-content{position:relative;top:8%;width:80%;text-align:left;margin:0px auto;min-width:300px;@media screen and (max-width:320px){min-width:260px}}.menu-overlay-content-2{position:relative;top:12%;width:80%;text-align:left;margin:0px auto;min-width:300px;@media screen and (max-width:320px){min-width:260px}}.menu-overlay-content-3{position:relative;top:15%;width:80%;text-align:left;margin:15px auto;min-width:300px;@media screen and (max-width:320px){min-width:260px}.title{font-family:@sfprodLight;font-size:16px;padding-left:10px;color:@white;margin-bottom:10px}.social-media-menu{padding-left:10px;a{padding-right:10px}}}.menu-overlay-content a{padding:12px 8px;text-decoration:none;font-family:@plantinLight;font-size:30px;color:@white;display:block;transition:0.3s;@media screen and (max-width:425px){font-size:25px}}.menu-overlay-content-2 a{padding:12px 8px;text-decoration:none;font-family:@sfprodLight;font-size:19px;color:@white;display:block;transition:0.3s}.menu-overlay-content .inside-menu:hover{border-bottom:2px solid white;padding-bottom:10px}.menu-overlay-content-2 .inside-menu:hover{border-bottom:2px solid white;padding-bottom:10px}.menu-overlay a:hover,.menu-overlay a:focus{}.menu-overlay .closebtn{color:@white;text-decoration:none;position:absolute;top:20px;right:45px;font-size:40px}.homepage-banner{margin-top:134px;height:calc(100vh - 134px);position:relative;background-size:cover;background-repeat:no-repeat;background-position:center;&:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;// background-image:linear-gradient(to left,transparent,#000000);// opacity:0.5;// background-image:-webkit-linear-gradient(right,transparent,#000000);// background-image:-moz-linear-gradient(right,transparent,#000000);// background-image:-ms-linear-gradient(right,transparent,#000000);// background-image:-o-linear-gradient(right,transparent,#000000)}.content{font-family:@sfprodBold;font-size:65px;width:55%;position:absolute;top:12%;left:8%;.sub-content{font-family:@plantinLight;font-size:24px;margin-top:40px;line-height:1.5em}@media screen and (max-width:1440px){font-size:60px}@media screen and (max-width:1200px){font-size:45px}@media screen and (max-width:1024px){top:20%;}@media screen and (max-width:768px){top:12%;width:80%;}@media screen and (max-width:560px){font-size:35px;}@media screen and (max-width:425px){font-size:30px;.sub-content{margin-top:20px;font-size:20px;span{font-size:14px}}}@media screen and (max-width:320px){font-size:25px;.sub-content{margin-top:20px;font-size:15px;span{font-size:12px}}}}.down-arrow{position:absolute;bottom:30px;left:0;right:0;text-align:center;cursor:pointer;img.vert-move{-webkit-animation:mover 1s infinite alternate;animation:mover 1s infinite alternate}img.vert-move{-webkit-animation:mover 1s infinite alternate;animation:mover 1s infinite alternate}@media screen and (max-width:1024px){// display:none}}@media screen and (max-width:1024px){margin-top:90px;height:75vh;}@media screen and (max-width:560px){height:50vh;}@media screen and (max-width:320px){height:300px;}}.homepage-banner-2{margin-top:134px;height:calc(100vh - 134px);position:relative;background-size:cover;background-repeat:no-repeat;background-position:center;&:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to left,transparent,#000000);opacity:0.5;background-image:-webkit-linear-gradient(right,transparent,#000000);background-image:-moz-linear-gradient(right,transparent,#000000);background-image:-ms-linear-gradient(right,transparent,#000000);background-image:-o-linear-gradient(right,transparent,#000000)}.content{font-family:@sfprodBold;font-size:65px;width:55%;position:absolute;top:12%;left:8%;color:@white;.sub-content{font-family:@plantinLight;font-size:24px;margin-top:40px;line-height:1.5em;width:53%}@media screen and (max-width:1440px){font-size:60px}@media screen and (max-width:1200px){font-size:45px}@media screen and (max-width:1024px){top:20%;.sub-content{width:80%}}@media screen and (max-width:768px){top:12%;width:80%;.sub-content{width:100%}}@media screen and (max-width:560px){font-size:35px;}@media screen and (max-width:425px){font-size:30px;.sub-content{margin-top:20px;font-size:20px;span{font-size:14px}}}@media screen and (max-width:320px){font-size:25px;.sub-content{margin-top:20px;font-size:15px;span{font-size:12px}}}}.down-arrow{position:absolute;bottom:30px;left:0;right:0;text-align:center;cursor:pointer;img.vert-move{-webkit-animation:mover 1s infinite alternate;animation:mover 1s infinite alternate}img.vert-move{-webkit-animation:mover 1s infinite alternate;animation:mover 1s infinite alternate}@media screen and (max-width:1024px){display:none}}@media screen and (max-width:1024px){margin-top:90px;height:75vh;}@media screen and (max-width:560px){height:50vh;}@media screen and (max-width:320px){height:300px;}}@-webkit-keyframes mover{0%{transform:translateY(0)}100%{transform:translateY(-10px)}}@keyframes mover{0%{transform:translateY(0)}100%{transform:translateY(-10px)}}.who-we-are{background:#F5F6F7;padding:125px 0px;width:100%;.content-container{width:80%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;.box{width:60%;&:first-of-type{width:30%}.title{font-family:@sfprodBold;font-size:46px;.blue{color:@blue}}.description{font-family:@plantinLight;font-size:26px;margin-top:30px;line-height:1.5em}.image-container{width:100%;img{width:100%;display:block}}}}@media screen and (max-width:900px){padding:35px 0;.content-container{display:block;.box{width:100%;&:first-of-type{width:100%}.title{font-size:35px;.blue{display:inline-block}}.description{font-size:25px;margin-bottom:25px}}}}@media screen and (max-width:500px){padding:35px 0;.content-container{.box{width:100%;&:first-of-type{width:100%}.title{font-size:26px}.description{font-size:16px}}}}}.inquirer-details{background:@black;width:100%;padding:90px 0;text-align:center;.content-container{width:80%;margin:0 auto;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:space-between;.box{color:@white;.detail{font-family:@plantinLight;font-size:70px;@media screen and (max-width:1024px){font-size:60px}@media screen and (max-width:768px){font-size:45px}}.title{font-family:@sfprodLight;font-size:18px;margin-top:8px;@media screen and (max-width:768px){font-size:12px}}@media screen and (max-width:900px){width:100%;margin-bottom:30px;}}@media screen and (max-width:425px){width:90%;}}@media screen and (max-width:900px){padding:45px 0;}}.today-updates-container{width:100%;.content-container{width:80%;margin:0 auto;padding:80px 0 80px;@media screen and (max-width:768px){padding:50px 0 80px}.title{font-family:@sfprodBold;font-size:33px;line-height:39px;text-align:center;margin-bottom:30px;@media screen and (max-width:425px){font-size:24px;line-height:29px}}.image-container{img{display:block;width:100%}}}}.explore-our-company{// border-bottom:2px solid @silver;.content-container{background:@white;padding:80px 0 40px;width:80%;margin:0 auto;border-bottom:0.5px solid #707070;.title{font-family:@sfprodBold;font-size:33px;@media screen and (max-width:768px){margin-left:50px}@media screen and (max-width:425px){font-size:24px}}.owl-container{margin-top:30px;.item{padding:0 20px;.box{.image-container{width:100%;overflow:hidden;img{width:100%;display:block;transform:scale(1);transition:all 0.5s ease-in-out}}.box-title{font-family:@plantinLight;color:@black;font-size:30px;margin-top:25px;font-weight:bold;@media screen and (max-width:425px){font-size:20px}}.box-description{font-family:@sfprodLight;color:@black;font-size:20px;margin-top:15px;line-height:1.2em;@media screen and (max-width:425px){font-size:16px}}.button-container{margin:50px 0;.see-all{text-decoration:none;border:1px solid;padding:12px 50px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;color:@black;transition:0.5s;&:hover,&:focus{color:@white;background:@black}@media screen and (max-width:1024px){padding:12px 15px}@media screen and (max-width:320px){padding:12px 20px}}}}}.owl-dot{&:focus{outline:none}&.active span{background:@black}}}@media screen and (max-width:768px){width:100%;padding:50px 0;}}}.homepage-promos{width:100%;background:@blue;.content-container{max-width:700px;width:100%;margin:0 auto;padding:50px 0;@media screen and (max-width:768px){width:80%}.title{font-family:@sfprodBold;font-size:33px;color:@white;text-align:center;margin-bottom:30px}.image-container{width:100%;margin-bottom:20px;img{width:100%;display:block}}.details-container{width:100%;.promo-date{font-family:@sfprodLight;font-size:16px;color:@white;margin-bottom:10px}.promo-title{font-family:@plantin;font-size:30px;color:@white;margin-bottom:10px}.promo-teaser{font-family:@sfprodLight;font-size:20px;color:@white;margin-bottom:10px}.read-more{a{text-decoration:none;color:@cyan;font-family:@plantinLight;font-size:20px}}}.button-container{text-align:center;margin-top:30px;.see-all{text-decoration:none;// border:1px solid;padding:12px 70px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;color:@white;transition:0.5s;background:@cyan;&:hover,&:focus{color:@black;background:@white}}}}}.advertise{.content-container{background:@white;padding:80px 0;width:80%;margin:0 auto;.title{font-family:@sfprodBold;font-size:33px;@media screen and (max-width:768px){margin-left:50px}@media screen and (max-width:425px){font-size:24px}}.owl-container{margin-top:30px;.item{padding:0 20px;.box{.image-container{width:100%;overflow:hidden;img{width:100%;display:block;transform:scale(1);transition:all 0.5s ease-in-out}}.box-title{font-family:@plantinLight;font-size:30px;color:@black;margin-top:25px;font-weight:bold;@media screen and (max-width:425px){font-size:20px}}.box-description{font-family:@sfprodLight;font-size:20px;color:@black;margin-top:15px;line-height:1.2em;@media screen and (max-width:425px){font-size:16px}}.button-container{margin:50px 0;.see-all{text-decoration:none;border:1px solid;padding:12px 50px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;color:@black;transition:0.5s;&:hover,&:focus{color:@white;background:@black}@media screen and (max-width:1024px){padding:12px 15px}@media screen and (max-width:320px){padding:12px 20px}}}}}.owl-dot{&:focus{outline:none}&.active span{background:@black}}}@media screen and (max-width:768px){width:100%;padding:50px 0;}}}.inquirer-plus{background:@blue;.content-container{width:80%;margin:0 auto;.title-container{width:100%;text-align:center;.title{padding-top:50px;font-family:@sfprodBold;font-size:46px;color:@white;max-width:700px;margin:0 auto 10px;@media screen and (max-width:768px){font-size:36px}}.subtitle{font-family:@sfprodLight;font-size:20px;color:rgba(255,255,255,0.7);// width:65%;max-width:700px;margin:0 auto}}.subscribe-container{display:flex;align-items:flex-start;margin-top:30px;@media screen and (max-width:768px){flex-wrap:wrap}.box{width:50%;text-align:center;margin-bottom:80px;@media screen and (max-width:768px){width:100%}.image-container{display:inline-block;img{width:100%;display:block}@media screen and (max-width:768px){margin-top:40px}@media screen and (max-width:425px){width:80%}}.title{font-family:@plantinLight;font-size:30px;color:@white;padding:25px 0}.link-container{margin-top:10px;.subscribe-button{text-decoration:none;font-family:@sfprodMedium;font-size:14px;// color:@white;// background:@cyan;color:@white;background:@black;letter-spacing:2px;padding:10px 25px;// border:1px solid @cyan;border:1px solid @white;border-radius:5px;transition:.5s;// &:hover{// background:@white;// color:@black;// border:1px solid @black;//}position:relative;&:active{top:1px}&:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-position:-135px -135px;background-repeat:no-repeat;background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0%,rgba(255,255,255,0.3)),color-stop(37%,rgba(255,255,255,0.3)),color-stop(45%,rgba(255,255,255,0.8)),color-stop(50%,rgba(255,255,255,0.0)));background-image:-moz-linear-gradient(0 0,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 37%,rgba(255,255,255,0.8) 45%,rgba(255,255,255,0.0) 50%);-moz-background-size:250% 250%,100% 100%;-o-background-size:250% 250%;background-size:250% 250%;-webkit-transition:background-position 0s ease;-moz-transition:background-position 0s ease;transition:background-position 0s ease}&:hover:before,&:focus:before{background-position:0 0;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;transition-duration:0.5s}&:active:before{opacity:0}}}.links-container{display:flex;align-items:center;justify-content:center;.icon{margin:0 10px;position:relative;img{display:block}&:active{top:1px}&:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-position:-135px -135px;background-repeat:no-repeat;background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0%,rgba(255,255,255,0.3)),color-stop(37%,rgba(255,255,255,0.3)),color-stop(45%,rgba(255,255,255,0.8)),color-stop(50%,rgba(255,255,255,0.0)));background-image:-moz-linear-gradient(0 0,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 37%,rgba(255,255,255,0.8) 45%,rgba(255,255,255,0.0) 50%);-moz-background-size:250% 250%,100% 100%;-o-background-size:250% 250%;background-size:250% 250%;-webkit-transition:background-position 0s ease;-moz-transition:background-position 0s ease;transition:background-position 0s ease}&:hover:before,&:focus:before{background-position:0 0;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;transition-duration:0.5s}&:active:before{opacity:0}@media screen and (max-width:425px){padding-right:0px}@media screen and (max-width:375px){img{max-width:120px}}}@media screen and (max-width:425px){display:flex;}}}}@media screen and (max-width:768px){flex-wrap:wrap;justify-content:center;width:100%;}}}.advocacies{.content-container{width:80%;margin:0 auto;padding:80px 0;.title{font-family:@sfprodBold;font-size:33px;text-align:center}.grid{margin-top:40px;width:100%;.grid-item{width:23%;margin:0 10px 50px;a{text-decoration:none;color:@black;&:hover{.image-container{img{transform:scale(1.2)}}.article-title{color:@blue}}.image-container{width:100%;overflow:hidden;img{width:100%;transition:all 0.5s;transform:scale(1);display:block}}.article-type{font-family:@sfprodLight;text-transform:uppercase;font-size:12px;margin-top:10px;@media screen and (max-width:425px){font-size:10px}}.article-title{font-family:@plantinLight;font-size:30px;margin-top:10px;@media screen and (max-width:425px){font-size:20px}}.article-date{font-family:@sfprodLight;font-size:12px;margin-top:10px;@media screen and (max-width:425px){font-size:10px}}}@media screen and (max-width:1024px){width:22%}@media screen and (max-width:768px){width:45%;}@media screen and (max-width:500px){width:100%;margin:0 0 50px;&:nth-of-type(5),&:nth-of-type(6),&:nth-of-type(7),&:nth-of-type(8){display:none}}}}.button-container{text-align:center;margin-top:15px;.see-all{text-decoration:none;border:1px solid;padding:12px 70px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;color:@black;transition:0.5s;&:hover,&:focus{color:@white;background:@black}}}@media screen and (max-width:1024px){width:90%;}}}.affiliates{background:#F5F6F7;.content{width:80%;padding:70px 0;margin:0 auto;.title{font-family:@plantinLight;font-size:30px;text-align:center}.logo-container{width:100%;display:flex;flex-wrap:nowrap;align-items:center;padding-bottom:25px;@media screen and (max-width:768px){flex-wrap:wrap}.image-container{margin:0 auto;@media screen and (max-width:768px){width:33%}@media screen and (max-width:425px){width:50%}img{width:100%;transition:.3s;display:block}}}.button-container{text-align:center;margin:15px 0;.see-all{text-decoration:none;border:1px solid;padding:12px 35px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;color:@black;transition:0.5s;&:hover,&:focus{color:@white;background:@black}@media screen and (max-width:425px){padding:12px 30px}@media screen and (max-width:320px){padding:12px 20px}}}}}.footer{width:100%;position:relative;.footer-backtotop{position:absolute;right:50px}.content-container{width:80%;margin:0 auto;padding:80px 0;display:flex;justify-content:space-between;.box{width:50%;&:nth-of-type(2){text-align:right}.social-media-container{margin-top:65px;.connect-with-us{font-family:@sfprodLight;font-size:16px;line-height:24px;margin-bottom:10px;@media screen and (max-width:425px){font-size:14px;line-height:16px}}a{padding-right:15px;img{transition:.5s;display:block}}}.mobile-links{display:none;.links-list-mobile{list-style:none;-webkit-column-count:2;-moz-column-count:2;column-count:2;text-align:left;width:100%;margin:50px auto;font-family:@sfprodLight;font-size:16px;display:flex;flex-wrap:wrap;li{padding-bottom:14px;display:inline-block;width:100%;width:50%;a{text-decoration:none;color:@black;&:hover{font-weight:bold}}}}@media screen and (max-width:768px){display:block}}.links-list{list-style:none;-webkit-column-count:2;-moz-column-count:2;column-count:2;text-align:left;width:80%;// margin:0 0 0 15%;float:right;font-family:@sfprodLight;font-size:17px;li{padding-bottom:14px;display:inline-block;width:100%;a{text-decoration:none;color:@black;&:hover{font-weight:bold}}}@media screen and (max-width:768px){display:none}}@media screen and (max-width:768px){width:100%;}}@media screen and (max-width:768px){flex-wrap:wrap;}}}@media screen and (max-width:450px){.menu-overlay a{font-size:20px}.menu-overlay .closebtn{font-size:40px;top:15px;right:35px}}.breadcrumb-container{width:80%;margin:160px auto 0;border-bottom:3px solid black;@media screen and (max-width:768px){margin-top:100px}.breadcrumb{padding:10px 0px;list-style:none;li{color:#606060;display:inline;font-family:@sfprodMedium;font-size:14px;&+li:before{padding:8px;color:#606060;content:"/\00a0"}a{text-decoration:none;color:@black}}}}.company-container{width:80%;margin:0 auto;padding-bottom:60px;.title{font-family:@sfprodBold;font-size:65px;padding:20px 0px;border-bottom:1px solid;@media screen and (max-width:768px){font-size:50px}@media screen and (max-width:425px){font-size:25px;line-height:30px}}.content-container{display:flex;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}.box{padding-top:40px;@media screen and (max-width:425px){padding-top:20px}&.left{width:35%;@media screen and (max-width:768px){width:100%}p{font-family:@plantinLight;font-size:24px;width:90%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:16px;line-height:20px;}&:first-child{margin-top:0px}}}&.right{width:65%;@media screen and (max-width:768px){width:100%}p{font-family:@sfprodLight;font-size:20px;width:90%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:14px;line-height:20px;}&:first-child{margin-top:0px}}}}}}.mission-vision-container{width:100%;.mission-vision-banner{width:100%;img{width:100%;display:block}}.box{display:table;color:@white;text-align:center;height:360px;@media screen and (max-width:768px){display:flex;flex-wrap:wrap;height:auto}.vision{display:table-cell;width:50%;background:#044E8A;vertical-align:middle;@media screen and (max-width:768px){width:100%;height:250px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.title{font-family:@sfprodLight;font-size:16px;line-height:24px;@media screen and (max-width:768px){width:70%;align-self:flex-end}}.content{font-family:@plantinLight;font-size:30px;width:50%;margin:5px auto;@media screen and (max-width:768px){width:70%;align-self:flex-start}@media screen and (max-width:425px){font-size:25px;line-height:28px;}}}.mission{display:table-cell;width:50%;background:@cyan;vertical-align:middle;@media screen and (max-width:768px){width:100%;height:250px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.title{font-family:@sfprodLight;font-size:16px;line-height:24px;@media screen and (max-width:768px){width:70%;align-self:flex-end}}.content{font-family:@plantinLight;font-size:30px;width:50%;margin:5px auto;@media screen and (max-width:768px){width:70%;align-self:flex-start}@media screen and (max-width:425px){font-size:25px;line-height:28px;}}}}}.values-container{background:@black;width:100%;.title{padding-top:85px;letter-spacing:2px;font-family:@sfprodLight;font-size:16px;color:@white;text-align:center;margin:0 auto;width:90%;@media screen{padding-top:50px}}.values{width:90%;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;color:@white;padding-bottom:85px;.value{width:33%;text-align:center;margin-top:45px;@media screen and (max-width:768px){width:100%}.value-title{font-family:@plantinLight;font-size:30px;margin-top:25px;@media screen and (max-width:425px){font-size:20px;line-height:36px}}.content{font-family:@sfprodLight;font-size:20px;width:70%;margin:10px auto 0;@media screen and (max-width:425px){font-size:16px;line-height:24px;width:100%}}}}}.company-links-container{width:100%;.box-container{width:80%;margin:85px auto;display:flex;flex-wrap:nowrap;@media screen and (max-width:975px){flex-wrap:wrap;justify-content:center}@media screen and (max-width:500px){margin:50px auto 0}.box{width:33%;padding:0 20px;@media screen and (max-width:975px){width:80%}@media screen and (max-width:768px){width:100%;padding:0px;}.image-container{width:100%;img{width:100%;display:block}}.box-title{font-family:@plantinLight;font-size:30px;font-weight:bold;margin-top:25px;@media screen and (max-width:425px){font-size:20px;line-height:22px}}.box-description{font-family:@sfprodLight;font-size:20px;line-height:1.2em;margin-top:15px;@media screen and (max-width:425px){font-size:16px;line-height:20px}}.button-container{margin:50px 0;.see-all{text-decoration:none;border:1px solid;padding:12px 50px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;color:@black;letter-spacing:1.4px;transition:0.5s;&:hover,&:focus{color:@white;background:@black}@media screen and (max-width:1344px){display:block;text-align:center}@media screen and (max-width:1024px){// padding:12px 15px;padding:12px 0;width:100%;display:block;text-align:center}// @media screen and (max-width:320px){// padding:12px 20px;//}}}}}}.market-container{width:100%;.our-market{width:80%;margin:0 auto;display:flex;flex-wrap:nowrap;padding-bottom:80px;@media screen and (max-width:768px){flex-wrap:wrap;padding-bottom:40px}.left{width:35%;position:relative;@media screen and (max-width:768px){width:100%;order:2}.title{font-family:@plantinLight;font-size:30px;@media screen and (max-width:425px){font-size:20px;line-height:22px}}.content{font-family:@sfprodLight;font-size:20px;line-height:1.2em;margin-top:15px;width:90%;@media screen and (max-width:768px){width:100%}@media screen and (max-width:425px){font-size:16px;line-height:20px;}p{margin-bottom:20px}}.button-container{// margin:50px 0;position:absolute;bottom:12px;@media screen and (max-width:1024px){position:relative;margin:50px 0}.see-all{text-decoration:none;border:1px solid;padding:12px 50px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;color:@black;letter-spacing:1.4px;transition:0.5s;&:hover,&:focus{color:@white;background:@black}@media screen and (max-width:768px){display:block;text-align:center}@media screen and (max-width:425px){// padding:12px 30px;padding:12px 0;width:100%;display:block;text-align:center;}// @media screen and (max-width:320px){// padding:12px 20px;//}}}}.right{width:65%;@media screen and (max-width:768px){width:100%;order:1}.image-container{width:100%;img{width:100%;display:block}@media screen and (max-width:768px){margin-bottom:20px}}}}}// PEOPLE .people-container{width:80%;margin:0 auto;padding-bottom:60px;.title{font-family:@sfprodBold;font-size:65px;padding:20px 0px;border-bottom:1px solid;@media screen and (max-width:768px){font-size:50px}@media screen and (max-width:425px){font-size:25px;line-height:30px}}.content-container{display:flex;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}.box{padding-top:40px;@media screen and (max-width:425px){padding-top:20px}&.left{width:35%;@media screen and (max-width:768px){width:100%}p{font-family:@plantinLight;font-size:24px;width:90%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:16px;line-height:20px;}&:first-child{margin-top:0px}}}&.right{width:65%;@media screen and (max-width:768px){width:100%}p{font-family:@sfprodLight;font-size:20px;width:90%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:14px;line-height:20px;}&:first-child{margin-top:0px}}}}}}.people-banner-container{width:100%;img{width:100%;display:block}}.employees{.content-container{width:80%;margin:0 auto;padding:80px 0 50px;border-bottom:1px solid @silver;@media screen and (max-width:768px){padding:40px 0}.title{font-family:@sfprodBold;font-size:33px;line-height:39px;margin-bottom:50px;@media screen and (max-width:768px){font-size:22px;line-height:29px;text-align:center;margin-bottom:35px}}.group-name{font-family:@sfprodBold;font-size:30px;line-height:36px;text-align:center;@media screen and (max-width:768px){font-size:22px;line-height:29px}}// .grid{.grid-container{margin:30px auto 80px;width:100%!important;display:grid;grid-gap:50px 70px;grid-template-columns:1fr 1fr 1fr;@media screen and (max-width:768px){grid-template-columns:1fr;text-align:center;grid-gap:30px 0px}.grid-item{// width:30%;// margin:0 0 75px;.image-container{width:100%;overflow:hidden;img{width:100%;transition:all 0.5s;transform:scale(1);display:block}}.employee-name{font-family:@plantinLight;font-weight:400;font-size:30px;line-height:33px;margin-top:25px;height:70px;@media screen and (max-width:768px){font-size:20px;line-height:22px;height:auto}}.employee-position{font-family:@sfprodLight;font-size:20px;line-height:24px;margin-top:10px;height:48px;@media screen and (max-width:768px){font-size:16px;line-height:24px;height:auto}}.employee-content{font-family:@sfprodLight;font-size:20px;margin-top:10px;@media screen and (max-width:768px){font-size:16px;line-height:24px}}}}@media screen and (max-width:1024px){width:90%;}}}.people-company-policy{width:80%;margin:0 auto;padding-bottom:60px;.content-container{display:flex;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}.box{padding-top:50px;@media screen and (max-width:768px){padding-top:30px}&.left{width:35%;@media screen and (max-width:768px){width:100%}.title{font-family:@sfprodBold;font-size:33px;@media screen and (max-width:768px){font-size:24px;line-height:29px}}}&.right{width:65%;@media screen and (max-width:768px){width:100%}.item{.title{font-family:@plantinLight;text-decoration:underline;font-size:30px;a{color:@black;// text-decoration:none}@media screen and (max-width:768px){font-size:20px;line-height:22px;margin-bottom:15px}}.description{font-family:@sfprodLight;font-size:20px;margin-bottom:45px;@media screen and (max-width:768px){font-size:16px;line-height:24px;margin-bottom:20px}}}}}}}// HISTORY .history-container{width:80%;margin:0 auto;padding-bottom:60px;.title{font-family:@sfprodBold;font-size:65px;padding:20px 0px;border-bottom:1px solid;@media screen and (max-width:768px){font-size:50px}@media screen and (max-width:425px){font-size:25px;line-height:30px}}.content-container{display:flex;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}.box{padding-top:40px;@media screen and (max-width:425px){padding-top:20px}&.left{width:35%;@media screen and (max-width:768px){width:100%}p{font-family:@plantinLight;font-size:24px;width:90%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:16px;line-height:20px;}&:first-child{margin-top:0px}}}&.right{width:65%;@media screen and (max-width:768px){width:100%}p{font-family:@sfprodLight;font-size:20px;width:90%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:14px;line-height:20px;}&:first-child{margin-top:0px}}}}}}.history-timeline-container{width:100%;display:flex;flex-wrap:nowrap;flex-direction:row;@media screen and (max-width:1024px){flex-wrap:wrap}.left{width:50%;background:#044E8A;@media screen and (max-width:1024px){width:100%}.tab{overflow:hidden;display:inline-block;width:280px;@media screen and (max-width:1024px){width:100%}.desktop-history{display:block;@media screen and (max-width:1024px){display:none}}.mobile-history{display:none;overflow:auto;@media screen and (max-width:1024px){display:flex;flex-wrap:nowrap}}ul{list-style:none;padding:50px 0 0 0px;@media screen and (max-width:71024px){padding-top:20px}li{position:relative;.hr-line{width:150px;height:auto;display:inline-block;@media screen and (max-width:768px){width:20%}&:before{content:"";position:absolute;width:135px;height:3px;top:50%;// bottom:0;left:0;background-color:@white;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);transform-origin:0 50%;-webkit-transition:all .3s linear;-webkit-transition--moz-transition:all .3s linear;-webkit-transition--moz-transition--ms-transition:all .3s linear;-webkit-transition--moz-transition--ms-transition--o-transition:all .3s linear;-webkit-transition--moz-transition--ms-transition--o-transition-transition:all .3s linear;@media screen and (max-width:1024px){top:unset;bottom:0;width:100%}}&.active{&:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}}}button{background-color:inherit;border:none;outline:none;cursor:pointer;padding:6px 12px;transition:0.3s;font-size:16px;color:rgba(255,255,255,0.52);font-family:@sfprodMedium;@media screen and (max-width:768px){width:20%}&.active{color:@white}}&:hover{.hr-line:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}button{color:@white}}}}}.tabcontent{// padding:50px 0 100px 165px;display:none;width:60%;vertical-align:top;// padding-top:80px;padding-top:50px;@media screen and (max-width:1370px){width:50%}@media screen and (max-width:1024px){width:90%;margin:0 5%;padding-top:25px;}.title{font-family:@sfprodBold;font-size:60px;color:@white;@media screen and (max-width:768px){font-size:40px;line-height:75px}}.subtitle{font-family:@sfprodMedium;font-size:14px;color:rgba(255,255,255,0.5);margin-top:10px;@media screen and (max-width:768px){font-size:10px;line-height:24px;margin-top:0px}}.content{font-family:@sfprodMedium;font-size:20px;color:@white;margin-top:20px;line-height:24px;width:80%;@media screen and (max-width:768px){font-size:16px;line-height:20px;width:100%}p{margin-bottom:20px}}}}.right{width:50%;@media screen and (max-width:1024px){width:100%}.tabcontent2{display:none;position:relative;height:100%;overflow:hidden;a{text-decoration:none;height:100%;display:none;&:first-of-type{display:block}img{width:100%;display:block;height:100%;object-fit:cover;transition:.5s;transform:scale(1)}&:hover{img{transform:scale(1.2)}}}.view_gallery{opacity:1;position:absolute;right:40px;bottom:40px;background:#FFF;padding:5px 24px;border-radius:30px;font-family:@sfprodLight;font-size:14px;transition:opacity 0.3s ease;img{vertical-align:middle;padding-right:5px}span{line-height:1.5em}}&:hover{.view_gallery{opacity:1}}}}}.history-content{width:100%;margin:80px 0;@media screen and (max-width:425px){margin:50px 0}.content{width:80%;margin:0 auto;p{width:55%;margin:0 auto 20px;font-family:@sfprodLight;font-size:20px;line-height:1.2em;@media screen and (max-width:768px){width:100%}@media screen and (max-width:425px){font-size:16px;line-height:24px}}}}.read-next-container{background:#F5F6F7;width:100%;padding:75px 0;.content{width:80%;margin:0 auto;text-align:center;.read-next{font-family:@sfprodMedium;font-size:16px;letter-spacing:1px;@media screen and (max-width:768px){font-size:14px}}.title{margin:12px auto;font-family:@plantinLight;font-size:46px;width:65%;@media screen and (max-width:768px){font-size:30px}@media screen and (max-width:425px){width:90%}}.button-container{// margin:30px 0 25px;margin:40px 0 25px;.see-all{text-decoration:none;border:1px solid;padding:12px 50px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;color:@black;transition:0.5s;letter-spacing:1.4px;&:hover,&:focus{color:@white;background:@black}@media screen and (max-width:425px){padding:12px 30px;display:block}@media screen and (max-width:320px){padding:12px 20px}}}}}// SOCIAL RESPONSIBILITY .social-responsibility-container{width:80%;margin:0 auto;padding-bottom:60px;.title{font-family:@sfprodBold;font-size:65px;padding:20px 0px;border-bottom:1px solid;@media screen and (max-width:768px){font-size:50px}@media screen and (max-width:425px){font-size:25px;line-height:30px}}.content-container{display:flex;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}.box{padding-top:40px;@media screen and (max-width:425px){padding-top:20px}&.left{width:35%;@media screen and (max-width:768px){width:100%}p{font-family:@plantinLight;font-size:24px;width:90%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:16px;line-height:20px;}&:first-child{margin-top:0px}}}&.right{width:65%;@media screen and (max-width:768px){width:100%}p{font-family:@sfprodLight;font-size:20px;width:90%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:14px;line-height:20px;}&:first-child{margin-top:0px}}}}}}.social-responsibility-banner-container{width:100%;img{width:100%;display:block}}.social-responsibility-articles{.content-container{width:80%;margin:0 auto;padding:80px 0 50px;.grid-container{width:100%!important;margin:0 auto;display:grid;grid-gap:50px 70px;// grid-template-columns:auto auto auto;grid-template-columns:repeat(3,1fr);@media screen and (max-width:1024px){grid-gap:50px 35px}@media screen and (max-width:768px){grid-template-columns:repeat(2,1fr);grid-gap:30px 50px}@media screen and (max-width:500px){grid-template-columns:1fr;grid-gap:30px 0px}.grid-item{width:100%;// width:30%;// margin:0 20px 75px;// a{// text-decoration:none;// color:@black;// margin-right:50px;// &:hover{// .image-container{// img.main{// transform:scale(1.2);//}//}// .title{// color:@cyan;//}//}.image-container{width:100%;overflow:hidden;position:relative;img{width:100%;transition:all 0.5s ease-in-out;transform:scale(1);display:block;&.icon{position:absolute;bottom:25px;width:75px;left:20px;@media screen and (max-width:1024px){width:50px}}}}.title{font-family:@plantinLight;font-weight:400;font-size:30px;margin-top:25px;transition:all 0.5s ease-in-out;@media screen and (max-width:425px){font-size:20px;line-height:22px;text-align:center}}.content{font-family:@sfprodLight;font-size:20px;margin-top:20px;@media screen and (max-width:425px){font-size:15px}}.button-container{margin:50px 0;@media screen and (max-width:425px){margin:30px 0}.see-all{text-decoration:none;border:1px solid;padding:12px 50px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;color:@black;transition:0.5s;letter-spacing:1.4px;&:hover,&:focus{color:@white;background:@black}@media screen and (max-width:1024px){padding:12px 0px;text-align:center;display:block}}}//}@media screen and (max-width:500px){width:100%;margin:0 0;}}}@media screen and (max-width:1024px){width:90%;}}}// Articles .social-responsibility-articles-container{width:80%;margin:0 auto;padding-bottom:60px;.title{font-family:@sfprodBold;font-size:65px;padding:20px 0px;border-bottom:1px solid;@media screen and (max-width:768px){font-size:50px}@media screen and (max-width:425px){font-size:25px;line-height:30px}}.content-container{display:flex;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}.box{padding-top:40px;@media screen and (max-width:425px){padding-top:20px}&.left{width:35%;@media screen and (max-width:768px){width:100%}.image-container{width:100%;overflow:hidden;img{margin:0 auto;display:block}}p{font-family:@plantinLight;font-size:24px;width:90%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:16px;line-height:20px;}&:first-child{margin-top:0px}}}&.right{width:65%;@media screen and (max-width:768px){width:100%}p{font-family:@sfprodLight;font-size:20px;width:90%;margin-top:20px;span{color:@blue;&.address{border-bottom:1px solid @blue}}a{padding-left:5px;&.email{color:@blue;padding-left:0px}}button{background:@blue;color:@white;border-radius:30px;padding:5px 18px;display:inline-flex;cursor:pointer;font-family:@sfprodMedium;font-size:14px;margin-left:5px;img{padding-right:5px}&:focus{outline:none}}@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:14px;line-height:20px;}&:first-child{margin-top:0px}}}}}}.social-responsibility-articles-banner-container{width:100%;position:relative;height:100%;a{text-decoration:none;height:100%;display:block;img{width:100%;display:block;height:100%;object-fit:cover}}.view_gallery{opacity:0;position:absolute;right:40px;bottom:40px;background:#FFF;padding:5px 24px;border-radius:30px;font-family:@sfprodLight;font-size:14px;transition:opacity 0.3s ease;img{vertical-align:middle;padding-right:5px}span{line-height:1.5em}}&:hover{.view_gallery{opacity:1}}}.social-responsibility-contactus-container{width:100%;background:@blue;.inquire-main{max-width:800px;width:90%;margin:0 auto;padding:80px 0px;@media screen and (max-width:768px){padding:40px 0}h5{font-family:@sfprodMedium;font-size:14px;color:@white;text-align:center;letter-spacing:2px;@media screen and (max-width:768px){line-height:18px}}h1{font-family:@plantinLight;font-size:46px;color:@white;text-align:center;margin-bottom:50px;@media screen and (max-width:768px){font-size:30px;line-height:34px}}.inquire_field{display:flex;flex-flow:column-reverse;margin-bottom:30px;position:relative;span{position:absolute;bottom:-18px;font-size:12px;color:#ff0000;font-family:'Arial'}}.fleft{float:left;width:45%;@media screen and (max-width:425px){width:100%}}.fright{float:right;width:45%;@media screen and (max-width:425px){width:100%}}input{font-size:18px;height:45px;color:@white;border:0;border-bottom:1px solid @white;font-family:@sfprodLight;font-size:15px;-webkit-appearance:none;border-radius:0;padding:0;cursor:text;background:transparent;transition:all 0.5s;touch-action:manipulation;&:placeholder-shown + label{cursor:text;width:80px;font-size:8px;opacity:0.37;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform-origin:left bottom;transform:translate(0,2.125rem) scale(1.5);font-family:'Arial';transition:transform 0.5s}&:not(:placeholder-shown) + label{transform:translate(0,0.5rem) scale(1);cursor:pointer;font-size:9px;margin-bottom:8px;opacity:0.6}&:focus{outline:0;font-family:@sfprodLight;& + label{transform:translate(0,0.5rem) scale(1);cursor:pointer;font-size:9px;margin-bottom:8px;opacity:0.6;width:100%}}}textarea{font-size:18px;height:45px;color:@white;border:0;border-bottom:1px solid @white;font-family:''Open Sans;font-size:15px;-webkit-appearance:none;border-radius:0;padding:0;cursor:text;background:transparent;transition:all 0.2s;touch-action:manipulation;height:150px;resize:none;&:placeholder-shown + label{cursor:text;width:80px;font-size:8px;opacity:0.37;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform-origin:left bottom;transform:translate(0,2.125rem) scale(1.5);font-family:'Arial';transition:transform 0.5s}&:not(:placeholder-shown) + label{transform:translate(0,0.5rem) scale(1);cursor:pointer;font-size:9px;margin-bottom:8px;opacity:0.6}&:focus{outline:0;font-family:@sfprodLight;& + label{transform:translate(0,0.5rem) scale(1);cursor:pointer;font-size:9px;margin-bottom:8px;opacity:0.6}}}label{text-transform:uppercase;letter-spacing:0.05em;font-size:10px;color:@white;font-family:'Arial'}.subject,.email,.textarea{width:100%}.send_button{display:block;margin-top:40px;margin-bottom:80px;.btnSend{width:175px;color:@white;font-family:@sfprodMedium;font-size:14px;background:@cyan;display:block;padding:15px 0px;text-align:center;border:1px solid transparent;cursor:pointer;line-height:14px;letter-spacing:2px;transition:all 0.2s;float:right;&:hover{background:@white;border:1px solid @black;color:@black}}}}}.other-articles{border:1px solid @silver;.content-container{background:@white;padding:80px 0;width:80%;margin:0 auto;.title{font-family:@sfprodBold;font-size:33px;@media screen and (max-width:768px){margin-left:50px}@media screen and (max-width:425px){font-size:24px}}.carousel-wrap{.owl-container{margin-top:30px;.owl-dot.active span{background:@black}.item{padding:0 10px;a{text-decoration:none;color:@black;.box{width:90%;margin:0 auto;.image-container{width:100%;overflow:hidden;position:relative;img{width:100%;display:block;transform:scale(1);transition:all 0.5s;&.icon{position:absolute;bottom:25px;width:75px;left:20px}}}.box-title{font-family:@plantinLight;font-size:30px;margin-top:25px;font-weight:bold;transition:color 0.5s ease;@media screen and (max-width:425px){font-size:20px}}.box-description{font-family:@sfprodLight;font-size:20px;margin-top:15px;line-height:1.2em;@media screen and (max-width:425px){font-size:16px}}}&:hover{.image-container{img.main{transform:scale(1.2)}}.box-title{color:@blue}}}}}}@media screen and (max-width:768px){width:100%;padding:50px 0;}}}// Community Relations .community-relations-container{width:100%;.content-container{width:80%;margin:0 auto;padding:100px 0;@media screen and (max-width:768px){padding:20px 0}.content-row{width:100%;display:flex;align-items:flex-start;margin-bottom:75px;@media screen and (max-width:768px){flex-wrap:wrap}.image-container{width:25%;text-align:center;@media screen and (max-width:768px){width:100%;margin-bottom:25px}}.text-container{width:75%;@media screen and (max-width:768px){width:100%}.title{font-family:@plantinLight;font-size:30px;color:@black;@media screen and (max-width:425px){font-size:20px;line-height:22px}}.description{p{font-family:@sfprodLight;font-size:20px;color:@black;margin-top:20px;line-height:1.2em;@media screen and (max-width:425px){font-size:14px;line-height:20px}}}}}}}// BOOKS .books-container{width:100%;.content{width:65%;margin:0 auto;padding:80px 0;.books-row{width:100%;display:flex;justify-content:space-between;margin-bottom:65px;.book{flex:0.24;cursor:pointer;.image-container{width:100%;img{display:block;width:100%}}.title{font-family:@plantinLight;font-size:30px;color:@black;font-weight:500;margin-top:25px}.price{font-family:@sfprodLight;font-size:20px;color:@black;margin-top:10px}}}}}// CUSTOM MODAL FOR BOOKS .modal{display:none;position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.7);transition:0.5s;.modal-content{position:relative;background-color:@white;margin:auto;padding:0;width:60%;max-width:1200px}.close{color:rgba(255,255,255,0.3);position:absolute;transition:0.6s ease;padding:0px 10px 6px;top:0;right:0;font-size:30px;z-index:10;background-color:rgba(0,0,0,0.8)}.close:hover,.close:focus{cursor:pointer;color:rgba(255,255,255,1)}.mySlides{display:none}.cursor{cursor:pointer}.prev,.next{cursor:pointer;position:absolute;top:50%;width:auto;padding:6px 10px;color:rgba(255,255,255,0.3);background-color:rgba(0,0,0,0.8);font-weight:bold;font-size:30px;transition:0.6s ease;border-radius:0 3px 3px 0;user-select:none;-webkit-user-select:none}.prev{left:5%}.next{right:5%}.prev:hover,.next:hover{color:rgba(255,255,255,1)}.numbertext{color:#f2f2f2;font-size:12px;padding:8px 12px;position:absolute;top:0}.content{width:100%;display:flex;.img-popup{width:30%;img{width:100%;display:block}}.caption-container{color:@black;width:70%;margin:0 auto;.caption{width:80%;margin:0 auto;padding:50px 0 0;.title{font-family:@plantinLight;font-weight:500;font-size:30px}.price{font-family:@sfprodLight;font-size:20px;margin-top:10px}.author{font-family:@sfprodLight;font-size:18px;font-style:italic;margin-top:30px;margin-bottom:15px}.description{font-family:@sfprodLight;font-size:18px;p{margin-bottom:15px;line-height:1.2em}}}}}.price-container{position:absolute;top:30px;left:30px;font-family:'DINCondensed-Bold';color:#FFFFFF;display:table;.currency,.decimal{font-size:18px;vertical-align:top;display:table-cell;text-align:left}.decimal{padding-left:5px}.amount{font-size:60px;vertical-align:top;// line-height:0.7em;display:table-cell}.old{vertical-align:bottom;padding-top:6px;color:#BBBBBB}}.zoomControls{position:absolute;bottom:60px;width:100%;text-align:center;img{cursor:pointer}}}// OUR MARKET .our-market-container{width:80%;margin:0 auto;padding-bottom:60px;.title{font-family:@sfprodBold;font-size:65px;padding:20px 0px;border-bottom:1px solid;@media screen and (max-width:768px){font-size:50px}@media screen and (max-width:425px){font-size:25px;line-height:30px}}.content-container{display:flex;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}.box{padding-top:40px;@media screen and (max-width:425px){padding-top:20px}&.left{width:35%;@media screen and (max-width:768px){width:100%}p{font-family:@plantinLight;font-size:24px;width:90%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:16px;line-height:20px;}&:first-child{margin-top:0px}}}&.right{width:65%;@media screen and (max-width:768px){width:100%}p{font-family:@sfprodLight;font-size:20px;width:90%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:14px;line-height:20px;}&:first-child{margin-top:0px}}}}}}.our-market-banner-container{width:100%;img{width:100%;display:block}}.circulations-data-container{background:@blue;.data{width:80%;margin:0 auto;padding:94px 0px;.title{font-family:@sfprodBold;font-size:30px;color:@white;text-align:center}.image-container{text-align:center;margin:30px auto;// max-width:330px;max-width:775px;width:100%;img{width:100%;display:block}}.disclaimer{font-family:@sfprodLight;font-size:14px;color:rgba(255,255,255,0.45);text-align:center}}}.our-market-sections-container{background:@aliceBlue;.content{width:90%;margin:0 auto;padding:85px 0 115px;.title{font-family:@sfprodBold;font-size:30px;color:@black;text-align:center}.sections{margin-top:25px;display:flex;align-items:center;justify-content:center;width:100%;flex-wrap:wrap;.box{margin:0 10px 30px;width:188px;height:188px;display:flex;justify-content:center;align-items:center;// padding:75px 0;border-radius:2px;.image-container{img{width:100%}}&:nth-child(1){background:#C1C1C1}&:nth-child(2){background:#FCB040}&:nth-child(3){background:#7FB2D8}&:nth-child(4){background:#00C1F6}&:nth-child(5){background:#00B6AD}&:nth-child(6){background:#FCB040}&:nth-child(7){background:#F15A2A}&:nth-child(8){background:#EB6D96}&:nth-child(9){background:#D92027}&:nth-child(10){background:#000000}&:nth-child(11){background:#FCB040}&:nth-child(12){background:#EB6D96}}}}}.reader-profile-container{background:@black;.reader-profile{padding:100px 0;width:70%;margin:0 auto;@media screen and (max-width:768px){width:90%}.title{font-family:@sfprodBold;font-size:32px;color:@white;text-align:center;margin-bottom:34px;@media screen and (max-width:768px){font-size:26px}}.table{display:table;width:100%;margin-bottom:60px;.table-colgroup{display:table-column-group}.table-col{display:table-column}.col-4,.col-6,.col-7{background:-webkit-linear-gradient(top left,#00C1F6,#004B88);background:-o-linear-gradient(top left,#00C1F6,#004B88);background:linear-gradient(to bottom right,#00C1F6,#004B88)}.table-row{display:table-row;width:100%;.table-cell{display:table-cell;font-family:@sfprodMedium;font-size:12px;color:rgba(255,255,255,0.68);width:calc(100% / 7);text-align:center;padding:20px 0;vertical-align:middle;border:1px solid rgba(255,255,255,0.1);@media screen and (max-width:768px){font-size:8px}&.header{border:none;&.selected{background:@white;color:@black;border-right:3px solid @black}}&.selected{border-right:3px solid @black}&.first-column{font-size:16px;border:none;@media screen and (max-width:768px){font-size:8px}}img{width:41px;@media screen and (max-width:768px){width:20px}}}}}.legend{font-family:@sfprodMedium;font-size:12px;color:rgba(255,255,255,0.55);width:100%;padding-left:160px;margin:0 auto;@media screen and (max-width:1200px){padding-left:0}@media screen and (max-width:768px){max-width:320px;}.legend-box{display:inline-block;width:14px;height:14px;vertical-align:middle;margin-right:10px;background:-webkit-linear-gradient(top left,#00C1F6,#004B88);background:-o-linear-gradient(top left,#00C1F6,#004B88);background:linear-gradient(to bottom right,#00C1F6,#004B88)}}.legend-2{width:100%;padding-left:160px;margin:0 auto;@media screen and (max-width:1200px){padding-left:0}@media screen and (max-width:768px){display:none;}.row-1{width:100%;margin-top:20px;.row-data{display:inline-block;font-family:@sfprodLight;font-size:14px;width:30%;color:@white}}.row-2{width:100%;margin-top:10px;.row-data{display:inline-block;font-family:@plantinLight;font-size:30px;width:30%;color:@white;@media screen and (max-width:970px){font-size:25px}}}}.legend-mobile{display:none;width:100%;padding-left:0;margin:0 auto;@media screen and (max-width:768px){display:block;max-width:320px}.row-1{width:100%;margin-top:20px;display:flex;flex-wrap:nowrap;.row-data{display:inline-block;font-family:@sfprodLight;font-size:14px;width:50%;color:@white}}.row-2{width:100%;margin-top:20px;display:flex;flex-wrap:nowrap;.row-data{display:inline-block;font-family:@sfprodLight;font-size:14px;width:50%;color:@white}}.row-3{width:100%;margin-top:20px;display:flex;flex-wrap:nowrap;.row-data{display:inline-block;font-family:@sfprodLight;font-size:14px;width:50%;color:@white}}}}}.faqs-container{width:100%;.faqs{width:80%;margin:80px auto;h1{font-family:@sfprodBold;font-size:30px;text-align:center;@media screen and (max-width:768px){font-size:26px}}.faq-container{margin:65px auto 40px;.accordion{color:@black;font-family:@plantinLight;font-weight:500;font-size:30px;cursor:pointer;transition:0.5s;background:transparent;outline:none;border:none;width:100%;text-align:left;padding:30px;position:relative;@media screen and (max-width:768px){font-size:20px;padding:30px 0}&:hover + .panel{border-bottom:1px solid @black}&.active + .panel{border-bottom:1px solid @black;padding-bottom:40px}&.active:after{position:absolute;content:"-";top:0;right:0;width:0;height:0;display:inline-block;padding:30px}&:after{position:absolute;content:"+";top:0;right:0;width:0;height:0;display:inline-block;padding:30px;// transition:0.5s}.number-circle{border-radius:50%;behavior:url(/www.inquirer.com.ph/assets/css/PIE.htc);width:20px;height:20px;background:@white;border:1px solid #000;color:@black;text-align:center;display:inline-block;margin-right:20px;font-size:18px;vertical-align:middle;padding:8px}}.panel{padding:0 18px;// background-color:white;max-height:0;overflow:hidden;transition:all 0.2s ease-out;border-bottom:1px solid @silver;font-family:@sfprodLight;color:@black;font-size:20px;padding:0 50px 0;@media screen and (max-width:768px){font-size:14px}p{line-height:1.2em;@media screen and (max-width:768px){line-height:1.5em}}}}.button-container{text-align:center;margin-top:15px;.see-all{text-decoration:none;border:1px solid;padding:12px 70px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;color:@black;transition:0.5s;&:hover{color:@white;background:@black}}#show_less{display:none}}}}// AFFILIATES .affiliates-container{width:80%;margin:0 auto;padding-bottom:60px;.title{font-family:@sfprodBold;font-size:65px;padding:20px 0px;border-bottom:1px solid;@media screen and (max-width:768px){font-size:50px}@media screen and (max-width:425px){font-size:25px;line-height:30px}}.content-container{display:flex;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}.box{padding-top:40px;@media screen and (max-width:425px){padding-top:20px}&.left{width:35%;@media screen and (max-width:768px){width:100%}p{font-family:@plantinLight;font-size:24px;width:90%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:16px;line-height:20px;}&:first-child{margin-top:0px}}}&.right{width:65%;@media screen and (max-width:768px){width:100%}p{font-family:@sfprodLight;font-size:20px;width:90%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:14px;line-height:20px;}&:first-child{margin-top:0px}}}}}}.affiliates-banner-container{width:100%;img{width:100%;display:block}}.affiliates-content-container{width:100%;.content-container{width:80%;margin:0 auto;padding:100px 0;@media screen and (max-width:768px){padding:50px 0}@media screen and (max-width:768px){padding:0 0 50px}.content-row{width:100%;display:flex;align-items:flex-start;margin-bottom:75px;@media screen and (max-width:768px){flex-wrap:wrap;margin-bottom:30px}.image-container{width:25%;text-align:center;@media screen and (max-width:768px){width:100%}}.text-container{width:75%;@media screen and (max-width:768px){width:100%}.title{font-family:@plantinLight;font-size:30px;color:@black;@media screen and (max-width:425px){font-size:20px}a{line-height:0}}.description{p{font-family:@sfprodLight;font-size:20px;color:@black;margin-top:20px;line-height:24px;a{text-decoration:underline;color:@blue;font-family:@sfprodLight;font-size:20px;line-height:24px;@media screen and (max-width:425px){font-size:14px;line-height:20px}}@media screen and (max-width:425px){font-size:14px;line-height:20px}}}.additional{display:flex;flex-wrap:nowrap;@media screen and (max-width:425px){flex-wrap:wrap}.col{width:45%;@media screen and (max-width:425px){width:100%}.image-container{width:100%}.title{text-align:center}}}}}}}// ADVERTISE .advertise-container{width:80%;margin:0 auto;padding-bottom:60px;.title{font-family:@sfprodBold;font-size:65px;padding:20px 0px;border-bottom:1px solid;@media screen and (max-width:768px){font-size:50px}@media screen and (max-width:425px){font-size:25px;line-height:30px}}.content-container{display:flex;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}.box{padding-top:40px;@media screen and (max-width:425px){padding-top:20px}&.left{width:35%;@media screen and (max-width:768px){width:100%}p{font-family:@plantinLight;font-size:24px;width:80%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:16px;line-height:20px;}&:first-child{margin-top:0px}}}&.right{width:65%;@media screen and (max-width:768px){width:100%}p{font-family:@sfprodLight;font-size:20px;width:90%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:14px;line-height:20px;}&:first-child{margin-top:0px}}}}}}.advertise-banner-container{width:100%;img{width:100%;display:block}}.advertise-links-container{width:100%;border-bottom:1px solid @silver;.title{font-family:@sfprodBold;font-size:32px;color:@black;width:78%;margin:85px auto 32px;@media screen and (max-width:425px){margin-top:40px;text-align:center;font-size:24px;line-height:29px}}.box-container{width:80%;margin:0px auto 85px;display:flex;flex-wrap:nowrap;@media screen and (max-width:975px){flex-wrap:wrap;justify-content:center}@media screen and (max-width:768px){width:100%;}@media screen and (max-width:425px){width:100%;}.box{width:33%;padding:0 20px;@media screen and (max-width:975px){width:80%}.image-container{width:100%;img{width:100%;display:block}}.box-title{font-family:@plantinLight;font-size:30px;font-weight:bold;margin-top:25px;@media screen and (max-width:425px){font-size:20px;line-height:22px}}.box-description{font-family:@sfprodLight;font-size:20px;line-height:1.2em;margin-top:15px;@media screen and (max-width:425px){font-size:16px;line-height:20px}}.button-container{margin:50px 0;.see-all{text-decoration:none;border:1px solid;padding:12px 50px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;color:@black;transition:0.5s;letter-spacing:1.4px;&:hover,&:focus{color:@white;background:@black}@media screen and (max-width:1024px){padding:12px 15px;display:block;text-align:center}}}}}}// DISPLAY ADS .display-ads-container{width:80%;margin:0 auto;padding-bottom:60px;.title{font-family:@sfprodBold;font-size:65px;padding:20px 0px;border-bottom:1px solid;@media screen and (max-width:768px){font-size:50px}@media screen and (max-width:425px){font-size:25px;line-height:30px}}.content-container{display:flex;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}.box{padding-top:40px;@media screen and (max-width:425px){padding-top:20px}&.left{width:35%;@media screen and (max-width:768px){width:100%}p{font-family:@plantinLight;font-size:24px;width:80%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:16px;line-height:20px;}&:first-child{margin-top:0px}}}&.right{width:65%;@media screen and (max-width:768px){width:100%}p{font-family:@sfprodLight;font-size:20px;width:90%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:14px;line-height:20px;}&:first-child{margin-top:0px}}}}}}.display-ads-banner-container{width:100%;img{width:100%;display:block}}.display-ads-creative-container{border:1px solid @silver;.content-container{background:@white;padding:80px 0;width:80%;margin:0 auto;@media screen and (max-width:1024px){width:90%}.title{font-family:@sfprodBold;font-size:33px;text-align:center;padding-bottom:30px;@media screen and (max-width:768px){// margin-left:50px}@media screen and (max-width:425px){font-size:24px}}.carousel-wrap{.owl-container{margin-top:30px;.item{// padding:0 10px;// padding:0 0 20px;margin:0 20px;.box{width:90%;margin:0 auto 25px;.image-container{width:100%;overflow:hidden;position:relative;img{width:100%;display:block;transform:scale(1);transition:all 0.5s}}.box-title{font-family:@plantinLight;font-size:30px;color:@white;text-align:center;margin-top:25px;transition:color 0.5s ease;@media screen and (max-width:425px){font-size:20px}}.box-description{font-family:@sfprodLight;font-size:20px;line-height:1.2em;color:@white;text-align:center;@media screen and (max-width:425px){font-size:16px}}}.content{padding-top:25px;background:@white;font-family:@sfprodLight;font-size:20px;line-height:24px;padding-bottom:10px;p{margin-bottom:20px}}}}}.block-container{margin-top:30px;display:flex;justify-content:center;@media screen and (max-width:768px){flex-wrap:wrap}.item{// padding:0 10px;// padding:0 0 20px;margin:0 20px;@media screen and (max-width:768px){width:40%}@media screen and (max-width:425px){width:100%;}.box{width:100%;margin:0 auto 25px;.image-container{width:100%;overflow:hidden;position:relative;img{width:100%;display:block;transform:scale(1);transition:all 0.5s}}.box-title{font-family:@plantinLight;font-size:30px;color:@white;text-align:center;margin-top:25px;transition:color 0.5s ease;@media screen and (max-width:425px){font-size:20px}}.box-description{font-family:@sfprodLight;font-size:20px;line-height:1.2em;color:@white;text-align:center;@media screen and (max-width:425px){font-size:16px}}}.content{padding-top:25px;background:@white;font-family:@sfprodLight;font-size:20px;line-height:24px;padding-bottom:10px;p{margin-bottom:20px}@media screen and (max-width:425px){font-size:14px;line-height:20px}}}}@media screen and (max-width:768px){width:100%;padding:50px 0;}}}.scheduled-sections-container{width:100%;background:@black;.content-container{width:90%;margin:0 auto;padding:70px 0 90px;.title{font-family:@sfprodBold;color:@white;font-size:33px;text-align:center}.schedule{display:flex;margin-top:45px;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}.item{color:@white;width:14.2%;border:1px solid rgba(255,255,255,0.54);&.mobile-filler{display:none}@media screen and (max-width:768px){width:32%;min-height:195px;&.mobile-filler{display:block}}.day{font-family:@plantinLight;font-size:30px;border-bottom:1px solid rgba(255,255,255,0.54);padding:5px 0 5px 10px}.section{width:70%;font-family:@sfprodLight;font-size:18px;padding:5px 0 0 12px;margin-bottom:15px;@media screen and (max-width:425px){font-size:15px}}}}}}.display-ad-rates-container{width:100%;.content-container{padding:60px 0 80px;width:80%;margin:0 auto;.title{font-family:@sfprodBold;font-size:33px;color:@black;text-align:center}.tab-container{margin-top:30px;border-bottom:1px solid rgba(144,144,144,0.65);text-align:center;.tabs{font-family:@sfprodMedium;font-size:14px;color:@black;padding:0px 10px 15px;border:none;position:relative;margin:0 10px;cursor:pointer;background:transparent;&:before{content:"";position:absolute;width:100%;height:2px;bottom:-1px;left:0;background-color:@blue;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all 0.3s linear;-webkit-transition--moz-transition:all 0.3s linear;-webkit-transition--moz-transition--ms-transition:all 0.3s linear;-webkit-transition--moz-transition--ms-transition--o-transition:all 0.3s linear;-webkit-transition--moz-transition--ms-transition--o-transition-transition:all 0.3s linear}&:focus{outline:none}&.active:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}&:hover:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}}}.tab-content-container{width:100%;.tab-content{margin-top:30px;.content{display:flex;flex-wrap:wrap;justify-content:center;a{width:25%;text-decoration:none;@media screen and (max-width:768px){width:50%}.box{// width:25%;width:100%;margin-bottom:70px;&:hover{.image-container{img{transform:scale(1.2)}}.page-size{color:@blue}}.image-container{padding:20px 0;overflow:hidden;img{transition:all 0.5s ease-in-out;transform:scale(1);margin:0 auto;display:block}}.color{font-family:@sfprodLight;font-weight:400;font-size:14px;color:@black;text-align:center;margin-bottom:5px;@media screen and (max-width:768px){font-size:10px;line-height:24px}}.page-size{font-family:@plantinLight;font-size:30px;color:@black;text-align:center;margin-bottom:20px;transition:0.5s;@media screen and (max-width:768px){font-size:20px;line-height:24px}}.modules{font-family:@sfprodLight;font-size:20px;color:@black;text-align:center;margin-bottom:5px;@media screen and (max-width:768px){font-size:14px;line-height:24px}}.price{font-family:@sfprodLight;font-size:20px;color:@black;text-align:center;@media screen and (max-width:768px){font-size:14px;line-height:24px}}}}}}.disclaimer{font-family:@sfprodLight;font-style:italic;font-size:18px;line-height:24px;margin-bottom:50px;text-align:center;@media screen and (max-width:425px){font-size:15px;line-height:24px}}.button-container{text-align:center;margin-top:30px;.see-all{text-decoration:none;border:1px solid @cyan;padding:12px 70px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;color:@white;transition:0.5s;background:@cyan;letter-spacing:2px;&:hover{// color:@black;background:@black;border:1px solid @black}@media screen and (max-width:425px){display:block}}}}}}.ads-flyer-container{height:calc(55vh);min-height:356px;background-size:cover;position:relative;@media screen and (max-width:768px){// background-image:url(/www.inquirer.com.ph/uploads/advertise/Half_Page_Flyer_Mockup_01.webp)!important;display:none}.content-container{position:absolute;top:35%;left:10%;.title{font-family:@sfprodBold;font-size:33px;color:@white;margin-bottom:25px;@media screen and (max-width:768px){font-size:26px;line-height:31px}}.price{font-family:@sfprodMedium;font-size:20px;color:@white;line-height:1.2em;@media screen and (max-width:768px){font-size:16px;line-height:28px}}.content{font-family:@sfprodLight;color:@white;font-size:20px;line-height:1.2em;@media screen and (max-width:768px){font-size:16px;line-height:28px}}}}.ads-flyer-container-mobile{display:none;height:calc(55vh);min-height:356px;background-size:cover;position:relative;@media screen and (max-width:768px){// background-image:url(/www.inquirer.com.ph/uploads/advertise/Half_Page_Flyer_Mockup_01.webp)!important;display:block}.content-container{position:absolute;top:35%;left:10%;.title{font-family:@sfprodBold;font-size:33px;color:@white;margin-bottom:25px;@media screen and (max-width:768px){font-size:26px;line-height:31px}}.price{font-family:@sfprodMedium;font-size:20px;color:@white;line-height:1.2em;@media screen and (max-width:768px){font-size:16px;line-height:28px}}.content{font-family:@sfprodLight;color:@white;font-size:20px;line-height:1.2em;@media screen and (max-width:768px){font-size:16px;line-height:28px}}}}.position-surcharge-container{width:100%;background:#F5F6F7;.content-container{// width:80%;display:flex;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap-reverse}.box{width:50%;@media screen and (max-width:768px){width:80%;margin:0 auto}.image-container{width:100%;img{display:block;margin:0 auto;@media screen and (max-width:425px){width:100%}}}.title{font-family:@sfprodBold;font-size:33px;color:@black;margin:60px 0 15px;@media screen and (max-width:768px){font-size:26px;line-height:31px}}.content{ul{margin-left:15px;width:50%;@media screen and (max-width:768px){width:100%}li{font-family:@sfprodLight;font-size:20px;color:@black;margin-bottom:5px;line-height:1.2em;@media screen and (max-width:768px){font-size:16px;line-height:28px}}}}}}}.material-format-container{width:100%;.content-container{width:80%;margin:0 auto;padding:70px 0 90px;.title{font-family:@sfprodBold;font-size:33px;text-align:center;color:@black;margin-bottom:5px;@media screen and (max-width:768px){font-size:26px;line-height:31px}}.description{font-family:@sfprodLight;font-size:20px;color:@black;text-align:center;margin-bottom:40px;@media screen and (max-width:768px){font-size:16px;line-height:28px}}.materials{width:100%;display:flex;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}.item{width:25%;@media screen and (max-width:768px){width:50%;margin-bottom:30px}.category{font-family:@sfprodLight;font-weight:400;font-size:14px;color:@black;margin-bottom:20px;text-align:center;text-transform:uppercase}.image-container{margin-bottom:20px;text-align:center;img{margin:0 auto}}.type{font-family:@plantinLight;font-size:30px;color:@black;text-align:center;@media screen and (max-width:768px){font-size:20px;line-height:24px}}}}}}.download-brochure-container{width:100%;background:@black;.content-container{width:80%;margin:0 auto;padding:110px 0;.title{font-family:@plantinLight;font-size:46px;color:@white;text-align:center;width:60%;margin:0 auto;padding-bottom:25px;@media screen and (max-width:768px){font-size:30px;line-height:34px;width:100%}}.button-container{text-align:center;margin-top:30px;.see-all{text-decoration:none;border:1px solid @white;padding:12px 70px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;color:@white;transition:0.5s;background:@black;letter-spacing:2px;&:hover,&:focus{color:@black;background:@white}@media screen and (max-width:500px){display:block;padding:12px 0px}}}}&.classified_ads{.content-container{.title{width:50%;@media screen and (max-width:768px){width:100%}}}}}.send-quote-container{width:100%;background:@blue;.content-container{width:80%;margin:0 auto;padding:110px 0;.subtitle{font-family:@sfprodLight;text-transform:uppercase;font-size:14px;color:@white;text-align:center;margin-bottom:10px;@media screen and (max-width:768px){font-size:14px;line-height:20px}}.title{font-family:@plantinLight;font-size:46px;color:@white;text-align:center;width:60%;margin:0 auto;padding-bottom:25px;@media screen and (max-width:768px){font-size:30px;line-height:34px;width:100%}}.button-container{text-align:center;margin-top:30px;.see-all{text-decoration:none;border:1px solid @white;padding:12px 75px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;color:@white;transition:0.5s;background:@blue;letter-spacing:2px;&:hover,&:focus{color:@black;background:@white}@media screen and (max-width:450px){display:block;padding:12px 0px}}}}}.custom-ad-size-modal{display:none;min-width:80%;@media screen and (max-width:425px){&.fancybox-content{padding:22px}}.content-container{width:90%;margin:0 auto;.title{font-family:@plantin;font-size:30px;color:@black;margin-bottom:30px;text-align:center;@media screen and (max-width:425px){font-size:20px;line-height:22px}}.content{display:flex;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}.ad-size{width:40%;@media screen and (max-width:768px){width:40%;margin:0 auto 40px}@media screen and (max-width:425px){width:100%;}.row{display:flex;flex-wrap:nowrap;.column{// width:15%;width:55px;height:25px;border:0.5px solid @black;&.blue{background:@blue;border:0.5px solid @white}}}}.ad-size-sliders{width:60%;@media screen and (max-width:768px){width:100%}.slider-container{width:70%;@media screen and (max-width:768px){width:100%}.category{width:80%;margin-bottom:20px;@media screen and (max-width:768px){width:100%}.cat-title{font-family:@sfprodLight;font-size:14px;color:@black;margin-bottom:5px;@media screen and (max-width:425px){font-size:10px;line-height:24px}}.cat-desc{font-family:@plantinLight;font-size:20px;color:@black;margin-bottom:10px;display:flex;flex-wrap:nowrap;@media screen and (max-width:425px){font-size:16px;line-height:24px}.desc-title{width:40%}.desc-value{width:30%;text-align:right;@media screen and (max-width:425px){width:10%}}.desc-size{width:30%;text-align:right;@media screen and (max-width:425px){width:50%}}}.slider{-webkit-appearance:none;width:100%;height:5px;background:black;outline:none;opacity:0.7;-webkit-transition:.2s;transition:opacity .2s;margin-bottom:5px;&:hover{opacity:1}}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:@black;cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:@black;cursor:pointer}.limit{display:flex;flex-wrap:nowrap;justify-content:space-between;font-family:@sfprodLight;font-size:18px;color:@black;@media screen and (max-width:425px){font-size:16px;line-height:28px}}}.color-legend{width:100%;display:flex;flex-wrap:nowrap;.item{width:50%;.image-container{display:inline-block;margin-right:15px}.description{display:inline-block;font-family:@sfprodLight;font-size:20px;color:@black;@media screen and (max-width:425px){font-size:14px;line-height:24px}}input[type="radio"]{vertical-align:text-top;-webkit-appearance:checkbox;-moz-appearance:checkbox;-ms-appearance:checkbox;-o-appearance:checkbox}}}.fine-print{width:100%;margin-top:25px;ul{list-style-type:none;padding-left:15px;li{&:before{content:'-';position:absolute;margin-left:-15px}font-family:@sfprodLight;font-size:14px;color:@black;margin-bottom:5px}}}}}}.button-container{text-align:center;margin-top:30px;.see-all{text-decoration:none;border:1px solid @cyan;padding:12px 70px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;color:@white;transition:0.5s;background:@cyan;letter-spacing:2px;&:hover{// color:@black;background:@black;border:1px solid @black}@media screen and (max-width:425px){display:block;padding:12px 0;text-align:center}}}}}// CREATIVE EXECUTIONS .creative-executions-container{width:80%;margin:0 auto;padding-bottom:60px;.title{font-family:@sfprodBold;font-size:65px;padding:20px 0px;border-bottom:1px solid;@media screen and (max-width:768px){font-size:50px}@media screen and (max-width:425px){font-size:25px;line-height:30px}}.content-container{display:flex;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}.box{padding-top:40px;@media screen and (max-width:425px){padding-top:20px}&.left{width:35%;@media screen and (max-width:768px){width:100%}.image-container{width:90%;img{display:block;width:100%}@media screen and (max-width:768px){width:100%}}p{font-family:@plantinLight;font-size:24px;width:80%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:16px;line-height:20px;}&:first-child{margin-top:0px}}}&.right{width:65%;@media screen and (max-width:768px){width:100%}p{font-family:@sfprodLight;font-size:20px;width:90%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:14px;line-height:20px;}&:first-child{margin-top:0px}}}}}}// END CREATIVE EXECUTIONS // CLASSIFIED ADS .classified-ads-container{width:80%;margin:0 auto;padding-bottom:60px;.title{font-family:@sfprodBold;font-size:65px;padding:20px 0px;border-bottom:1px solid;@media screen and (max-width:768px){font-size:50px}@media screen and (max-width:425px){font-size:25px;line-height:30px}}.content-container{display:flex;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}.box{padding-top:40px;@media screen and (max-width:425px){padding-top:20px}&.left{width:35%;@media screen and (max-width:768px){width:100%}p{font-family:@plantinLight;font-size:24px;width:80%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:16px;line-height:20px;}&:first-child{margin-top:0px}}}&.right{width:65%;@media screen and (max-width:768px){width:100%}p{font-family:@sfprodLight;font-size:20px;width:90%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:14px;line-height:20px;}&:first-child{margin-top:0px}}}}}}.classified-ads-banner-container{width:100%;img{width:100%;display:block}}.classified-ad-rates-container{width:100%;.content-container{padding:60px 0 80px;width:80%;margin:0 auto;.title{font-family:@sfprodBold;font-size:33px;color:@black;text-align:center;margin-bottom:20px;@media screen and (max-width:425px){font-size:26px;line-height:31px}}.description{font-family:@sfprodLight;font-size:20px;color:@black;text-align:center;@media screen and (max-width:425px){font-size:14px;line-height:20px}p{margin:0 auto;width:55%;line-height:1.5em;margin-bottom:10px;@media screen and (max-width:768px){width:100%}}}.tab-container{margin-top:30px;border-bottom:1px solid rgba(144,144,144,0.65);text-align:center;@media screen and (max-width:425px){display:flex;flex-wrap:nowrap}.tabs{font-family:@sfprodMedium;font-size:14px;color:@black;padding:0px 10px 15px;border:none;position:relative;margin:0 10px;cursor:pointer;background:transparent;&:before{content:"";position:absolute;width:100%;height:2px;bottom:-1px;left:0;background-color:@blue;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all 0.3s linear;-webkit-transition--moz-transition:all 0.3s linear;-webkit-transition--moz-transition--ms-transition:all 0.3s linear;-webkit-transition--moz-transition--ms-transition--o-transition:all 0.3s linear;-webkit-transition--moz-transition--ms-transition--o-transition-transition:all 0.3s linear}&:focus{outline:none}&.active:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}&:hover:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}}}.tab-content-container{width:100%;.tab-content{margin-top:30px;.content{display:flex;flex-wrap:wrap;// justify-content:center;a{width:25%;text-decoration:none;@media screen and (max-width:768px){width:50%}.box{// width:25%;width:100%;margin-bottom:70px;@media screen and (max-width:768px){margin-bottom:30px}&:hover{.image-container{img{transform:scale(1.2)}}.page-size{color:@blue}}.image-container{padding:20px 0;overflow:hidden;img{transition:all 0.5s ease-in-out;transform:scale(1);margin:0 auto;display:block}}.color{font-family:@sfprodLight;font-weight:400;font-size:14px;color:@black;text-align:center;margin-bottom:5px;@media screen and (max-width:425px){font-size:10px;line-height:24px}}.page-size{font-family:@plantinLight;font-size:30px;color:@black;text-align:center;margin-bottom:20px;transition:0.5s;@media screen and (max-width:425px){font-size:20px;line-height:24px}}.modules{font-family:@sfprodLight;font-size:20px;color:@black;text-align:center;margin-bottom:5px;@media screen and (max-width:425px){font-size:14px;line-height:24px}}.price{font-family:@sfprodLight;font-size:20px;color:@black;text-align:center;@media screen and (max-width:425px){font-size:14px;line-height:24px}}}}}}.disclaimer{font-family:@sfprodLight;font-style:italic;font-size:18px;line-height:24px;margin-bottom:50px;text-align:center;@media screen and (max-width:425px){font-size:15px;line-height:24px}}.button-container{text-align:center;margin-top:30px;.see-all{text-decoration:none;border:1px solid @cyan;padding:12px 70px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;color:@white;transition:0.5s;background:@cyan;letter-spacing:2px;&:hover,&:focus{// color:@black;background:@black;border:1px solid @black}@media screen and (max-width:425px){display:block}}}}}}.booking-deadlines-container{width:100%;background:#F5F6F7;.content-container{// width:80%;display:flex;flex-wrap:nowrap;align-items:center;@media screen and (max-width:820px){flex-wrap:wrap-reverse}.box{width:50%;@media screen and (max-width:820px){width:80%;margin:0 auto}.image-container{width:100%;margin-top:50px;img{display:block;margin:0 auto;@media screen and (max-width:425px){width:100%}}}.title{font-family:@sfprodBold;font-size:33px;color:@black;// margin:60px 0 15px;@media screen and (max-width:820px){margin-top:50px}@media screen and (max-width:425px){font-size:26px;line-height:31px;}}.content{ul{margin-left:15px;width:50%;@media screen and (max-width:820px){width:100%;margin-top:20px}li{font-family:@sfprodLight;font-size:20px;color:@black;margin-bottom:5px;line-height:1.2em;@media screen and (max-width:425px){font-size:16px;line-height:20px}}}}}}}.classified-ads-contactus-container{width:100%;background:@blue;.inquire-main{max-width:800px;width:90%;margin:0 auto;padding:80px 0px;h5{font-family:@sfprodMedium;font-size:14px;color:@white;text-align:center;letter-spacing:2px;@media screen and (max-width:425px){font-size:14px;line-height:20px;margin-bottom:15px}}h1{font-family:@plantinLight;font-size:46px;color:@white;text-align:center;margin-bottom:50px;@media screen and (max-width:425px){font-size:30px;line-height:34px}}.inquire_field{display:flex;flex-flow:column-reverse;margin-bottom:30px;position:relative;span{position:absolute;bottom:-18px;font-size:12px;color:#ff0000;font-family:'Arial'}}.fleft{float:left;width:45%;@media screen and (max-width:425px){width:100%}}.fright{float:right;width:45%;@media screen and (max-width:425px){width:100%}}input{font-size:18px;height:45px;color:@white;border:0;border-bottom:1px solid @white;font-family:@sfprodLight;font-size:15px;-webkit-appearance:none;border-radius:0;padding:0;cursor:text;background:transparent;transition:all 0.5s;touch-action:manipulation;&:placeholder-shown + label{cursor:text;width:80px;font-size:8px;opacity:0.37;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform-origin:left bottom;transform:translate(0,2.125rem) scale(1.5);font-family:'Arial';transition:transform 0.5s}&:not(:placeholder-shown) + label{transform:translate(0,0.5rem) scale(1);cursor:pointer;font-size:9px;margin-bottom:8px;opacity:0.6}&:focus{outline:0;font-family:@sfprodLight;& + label{transform:translate(0,0.5rem) scale(1);cursor:pointer;font-size:9px;margin-bottom:8px;opacity:0.6;width:100%}}}textarea{font-size:18px;height:45px;color:@white;border:0;border-bottom:1px solid @white;font-family:''Open Sans;font-size:15px;-webkit-appearance:none;border-radius:0;padding:0;cursor:text;background:transparent;transition:all 0.2s;touch-action:manipulation;height:150px;resize:none;&:placeholder-shown + label{cursor:text;width:80px;font-size:8px;opacity:0.37;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform-origin:left bottom;transform:translate(0,2.125rem) scale(1.5);font-family:'Arial';transition:transform 0.5s}&:not(:placeholder-shown) + label{transform:translate(0,0.5rem) scale(1);cursor:pointer;font-size:9px;margin-bottom:8px;opacity:0.6}&:focus{outline:0;font-family:@sfprodLight;& + label{transform:translate(0,0.5rem) scale(1);cursor:pointer;font-size:9px;margin-bottom:8px;opacity:0.6}}}label{text-transform:uppercase;letter-spacing:0.05em;font-size:10px;color:@white;font-family:'Arial'}.subject,.email,.textarea{width:100%}.send_button{display:block;margin-top:40px;margin-bottom:80px;.btnSend{width:175px;color:@white;font-family:@sfprodMedium;font-size:14px;background:@cyan;display:block;padding:15px 0px;text-align:center;border:1px solid transparent;cursor:pointer;line-height:14px;letter-spacing:2px;transition:all 0.2s;float:right;&:hover{background:@white;border:1px solid @black;color:@black}}}}}// OTHER PRODUCTS .other-products-container{width:80%;margin:0 auto;padding-bottom:60px;.title{font-family:@sfprodBold;font-size:65px;padding:20px 0px;border-bottom:1px solid;@media screen and (max-width:768px){font-size:50px}@media screen and (max-width:425px){font-size:25px;line-height:30px}}.content-container{display:flex;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}.box{padding-top:40px;@media screen and (max-width:425px){padding-top:20px}&.left{width:35%;@media screen and (max-width:768px){width:100%}p{font-family:@plantinLight;font-size:24px;width:80%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:16px;line-height:20px;}&:first-child{margin-top:0px}}}&.right{width:65%;@media screen and (max-width:768px){width:100%}p{font-family:@sfprodLight;font-size:20px;width:90%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:14px;line-height:20px;}&:first-child{margin-top:0px}}}}}}.other-products-banner-container{width:100%;img{width:100%;display:block}}.other-products-articles{.content-container{width:80%;margin:0 auto;padding:80px 0 50px;.grid-container{width:100%!important;margin:0 auto;display:grid;grid-gap:50px 35px;grid-template-columns:repeat(4,1fr);// grid-gap:50px 70px;// grid-template-columns:repeat(3,1fr);@media screen and (max-width:768px){grid-template-columns:repeat(2,1fr)}@media screen and (max-width:425px){grid-template-columns:1fr;grid-gap:30px 70px}.grid-item{width:100%;a{text-decoration:none;color:@black;margin-right:50px;&:hover{.image-container{img{transform:scale(1.2)}}.title{color:@cyan}}.image-container{width:100%;overflow:hidden;position:relative;// @media screen and (max-width:425px){// height:250px;//}img{width:100%;transition:all 0.5s ease-in-out;transform:scale(1);display:block}}.title{font-family:@plantinLight;font-weight:400;font-size:30px;margin-top:25px;transition:all 0.5s;@media screen and (max-width:425px){font-size:20px}}.content{font-family:@sfprodLight;font-size:20px;margin-top:20px;@media screen and (max-width:425px){font-size:15px}}}}}@media screen and (max-width:1024px){width:90%;}}}// SUBSCRIBE .subscribe-banner{background:@blue;width:100%;.content-container{width:80%;margin:0 auto;padding-top:100px;display:flex;flex-wrap:nowrap;align-items:center;@media screen and (max-width:768px){flex-wrap:wrap}.image-container{width:50%;@media screen and (max-width:768px){width:100%;order:2}img{display:block;margin:0 auto}}.title-container{width:50%;@media screen and (max-width:768px){width:100%;order:1;text-align:center;margin-bottom:20px}p{&.cyan{color:@cyan}font-family:@sfprodBold;font-size:30px;line-height:1.2em;color:@white;@media screen and (max-width:425px){font-size:20px;line-height:24px}}}}}.subscribe-form-container{width:100%;padding:60px 0;.section-label{width:560px;margin:0 auto;display:flex;flex-wrap:nowrap;justify-content:space-between;@media screen and (max-width:600px){width:90%}.title{width:33%;font-family:@sfprodBold;font-size:14px;letter-spacing:1.4px;color:@black;text-align:center;text-transform:uppercase}}.label-hr{width:380px;margin:20px auto 45px;height:2px;background:#AFAFAF;position:relative;@media screen and (max-width:425px){width:80%}.highlight{position:absolute;height:4px;width:10%;top:-1px;// width:50%;// width:100%;background:@blue;transition:all 0.5s ease-in-out}}.title-container,.title-form{font-family:@plantinLight;font-size:46px;color:@black;width:100%;text-align:center;margin-bottom:15px;@media screen and (max-width:425px){font-size:30px;line-height:34px}}.subtitle-container,.subtitle-form{width:100%;text-align:center;font-family:@sfprodLight;font-size:20px;color:@black;@media screen and (max-width:425px){font-size:14px;line-height:24px}}.tab-advertisement-container{width:80%;margin:70px auto;display:flex;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}@media screen and (max-width:425px){width:80%;}.tab-container{width:70%;@media screen and (max-width:768px){width:100%;margin-bottom:20px}.container{width:80%;margin:0 auto;@media screen and (max-width:768px){width:100%}input.invalid{background-color:#ffdddd}.tab{display:none;.form-group{display:inline-block;width:47%;@media screen and (max-width:425px){display:block;width:100%}&.left{padding-right:2.5%;@media screen and (max-width:425px){padding-right:0}}&.right{padding-left:2%;@media screen and (max-width:425px){padding-left:0}}}.label{font-family:@sfprodMedium;font-size:14px;color:#6C6C6C;text-transform:uppercase;letter-spacing:1.4px;margin-bottom:10px;@media screen and (max-width:425px){font-size:12px;line-height:24px}.error-label{display:none;color:#7D2727;text-transform:capitalize;font-size:12px;letter-spacing:1px}}.label-2{font-family:@sfprodMedium;font-size:15px;color:#6C6C6C;text-transform:uppercase;margin-bottom:20px}.label-3{font-family:@sfprodLight;font-size:24px;color:@black;margin-bottom:15px;@media screen and (max-width:425px){font-size:18px;line-height:24px}}.steps{font-family:@sfprodLight;font-weight:500;font-size:18px;color:@black;@media screen and (max-width:425px){font-size:14px;line-height:24px}}.detail{width:100%;&.last-of-type{margin-bottom:35px}.detail-label{font-family:@sfprodLight;font-size:18px;color:#434343;display:inline-block;line-height:1.5em}.detail-value{font-family:@sfprodMedium;font-size:18px;color:#434343;display:inline-block;line-height:1.5em}.detail-value-2{font-family:@sfprodLight;font-size:14px;color:#434343;display:block;line-height:1.5em;width:50%;padding-left:30px}}.detail-2{width:100%;&:last-of-type{margin-bottom:50px}.detail-label{font-family:@sfprodLight;font-size:18px;color:#434343;display:inline-block;line-height:1.5em}.detail-value{font-family:@sfprodMedium;font-size:18px;color:#434343;display:inline-block;line-height:1.5em}.detail-value-2{font-family:@sfprodLight;font-size:14px;color:#434343;display:block;line-height:1.5em;width:50%;padding-left:30px}}.form-input,.form-textarea{border:none;border-bottom:1px solid #D8D8D8;width:100%;font-family:@sfprodLight;font-weight:400;font-size:18px;padding-bottom:8px;margin-bottom:40px;color:#6C6C6C;&.invalid{background-color:#FFDDDD}&:focus{outline:none}}.form-textarea{resize:none}.form-select{border:none;border-bottom:1px solid #D8D8D8;background:transparent;width:100%;margin-bottom:40px;font-family:@sfprodMedium;font-size:18px;&:focus{outline:none}}// RADIO CUSTOMER .radio-container{display:block;position:relative;// margin:40px auto;height:auto;width:500px;// padding:20px;ul{list-style:none;margin:0;padding:0;overflow:auto;li{color:#6C6C6C;display:inline-block;position:relative;float:left;width:50%;// height:100px;margin-bottom:40px;&:hover{label{color:#6C6C6C}.check{border:5px solid #6C6C6C}}.check{display:block;position:absolute;border:5px solid #AAAAAA;border-radius:100%;height:20px;width:20px;top:0;left:0;z-index:2;transition:border .25s linear;-webkit-transition:border .25s linear;&:before{display:block;position:absolute;content:'';border-radius:100%;height:10px;width:10px;top:5px;left:5px;margin:auto;transition:background 0.25s linear;-webkit-transition:background 0.25s linear}}input[type=radio]{position:absolute;visibility:hidden;&:checked ~ .check{border:5px solid #6C6C6C}&:checked ~ .check::before{background:#6C6C6C}&:checked ~ label{color:#6C6C6C}}label{display:block;position:relative;font-weight:300;font-family:@sfprodLight;font-size:15px;text-transform:uppercase;padding:7px 0px 5px 40px;// margin:10px auto;height:30px;z-index:3;cursor:pointer;-webkit-transition:all 0.25s linear}}}}// PREFERRED CONTACT METHOD CHECKBOX .check-container{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:15px;line-height:25px;font-family:@sfprodLight;color:#6C6C6C;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;width:25%;display:inline-block;margin-bottom:40px;input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;&:checked ~ .checkmark{background-color:@cyan}&:checked ~ .checkmark:after{display:block}}// .checkmark:after{// content:"";// position:absolute;// display:none;//}.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:@white;border:1.5px solid #747474;border-radius:3px;&.invalid{background-color:#FFDDDD}&:after{content:"";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid @white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}}&:hover{input ~ .checkmark{background-color:@cyan}}}.display_account{font-family:@sfprodLight;font-size:18px;color:@black;margin-bottom:5px;@media screen and (max-width:425px){font-size:14px;line-height:24px}&:last-of-type{margin-bottom:45px}.readonly{outline:none;border:0;font-family:@sfprodLight;font-size:18px;color:@black}&.last{margin-bottom:45px}}.social-container{display:flex;flex-wrap:nowrap;align-items:center;margin-top:10px;.social-icon{width:40px;img{display:block;width:100%}}.social-detail{font-family:@sfprodLight;font-weight:500;color:@black;font-size:18px;padding-left:10px;@media screen and (max-width:425px){font-size:14px;line-height:24px}}&:last-of-type{margin-bottom:50px}}.custom-select-bank-account{position:relative;// margin-bottom:40px;margin-bottom:20px;width:100%;select{display:none}.select-selected{background:transparent;border:none;border-bottom:1px solid #D8D8D8;width:100%;&:after{position:absolute;content:"";top:14px;right:10px;width:0;height:0;border:6px solid transparent;border-color:#000 transparent transparent transparent}&.select-arrow-active:after{border-color:transparent transparent #000 transparent;top:7px}&.invalid{background:#FFDDDD}}// .select-items{// position:absolute;// top:40px;// z-index:4;// background:white;// width:100%;//}.select-items div,.select-selected{// color:@black;font-family:@sfprodLight;font-weight:400;font-size:18px;color:#6C6C6C;padding:8px 0px 8px 0px;border:1px solid transparent;border-color:transparent transparent rgba(0,0,0,0.1) transparent;cursor:pointer;user-select:none;@media screen and (max-width:425px){font-size:14px;line-height:24px}}.select-hide{display:none}.select-items div:hover,.same-as-selected{background-color:rgba(0,0,0,0.1)}}.custom-select,.custom-select-placement,.custom-select-placement-2{position:relative;margin-bottom:40px;width:100%;select{display:none}.select-selected{background:transparent;border:none;border-bottom:1px solid #D8D8D8;width:100%;&:after{position:absolute;content:"";top:14px;right:10px;width:0;height:0;border:6px solid transparent;border-color:#000 transparent transparent transparent}&.select-arrow-active:after{border-color:transparent transparent #000 transparent;top:7px}&.invalid{background:#FFDDDD}}.select-items div,.select-selected{// color:@black;font-family:@sfprodLight;font-weight:400;font-size:18px;color:#6C6C6C;padding:8px 0px 8px 0px;border:1px solid transparent;border-color:transparent transparent rgba(0,0,0,0.1) transparent;cursor:pointer;user-select:none;@media screen and (max-width:425px){font-size:14px;line-height:24px}}.select-hide{display:none}.select-items div:hover,.same-as-selected{background-color:rgba(0,0,0,0.1)}}}.button-container{width:100%;display:flex;justify-content:space-between;overflow:hidden;@media screen and (max-width:768px){flex-wrap:wrap}.button-prev{background:transparent;color:#707070;border:none;padding:15px 0px;font-size:14px;font-family:@sfprodMedium;letter-spacing:1.4px;text-align:left;text-transform:uppercase;cursor:pointer;transition:all 0.5s ease-in-out;margin-left:10px;display:flex;@media screen and (max-width:768px){width:100%;order:2;justify-content:center}&:focus{outline:none}&:hover{color:@blue;.arrow{border-top:2px solid @blue;border-left:2px solid @blue}}.arrow{display:inline-block;// position:absolute;width:14px;height:14px;background:transparent;// text-indent:-9999px;border-top:2px solid #707070;border-left:2px solid #707070;transition:all 250ms ease-in-out;text-decoration:none;color:transparent;margin-right:10px;&:before{// display:block;height:200%;width:200%;margin-left:-50%;margin-top:-50%;content:"";transform:rotate(45deg)}&.prev{transform:rotate(-45deg)}}}.button-next{background:@cyan;color:@white;border:1px solid @cyan;border-radius:1px;padding:15px 0px;font-size:14px;font-family:@sfprodMedium;letter-spacing:1.4px;text-align:center;text-transform:uppercase;width:175px;cursor:pointer;transition:all 0.5s ease-in-out;@media screen and (max-width:768px){width:100%;order:1;margin-bottom:20px}&:focus{outline:none}&:hover{// opacity:0.8;background:@black;border:1px solid @white}}#submitBtn{display:none}}}}.advertisement-container{width:30%;@media screen and (max-width:768px){width:100%}.advertisement-details{width:100%;.title{background:#000000;font-family:@sfprodLight;color:@white;font-size:16px;line-height:24px;// text-transform:uppercase;padding:12px 0 12px 17px;@media screen and (max-width:425px){font-size:14px}}.content{border:0.4px solid rgba(0,0,0,0.7);padding:30px 25px 40px;.icon-container{margin-bottom:25px;img{width:72px;height:62px}}.label{font-family:@sfprodMedium;font-size:14px;color:@black;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:10px}.custom-select-ads-size,.custom-select-ads-color{position:relative;// margin-bottom:40px;margin-bottom:20px;width:100%;select{display:none}.select-selected{background:transparent;border:none;border-bottom:1px solid #D8D8D8;width:100%;&:after{position:absolute;content:"";top:14px;right:10px;width:0;height:0;border:6px solid transparent;border-color:#000 transparent transparent transparent}&.select-arrow-active:after{border-color:transparent transparent #000 transparent;top:7px}&.invalid{background:#FFDDDD}}// .select-items{// position:absolute;// top:40px;// z-index:4;// background:white;// width:100%;//}.select-items div,.select-selected{// color:@black;font-family:@sfprodLight;font-weight:400;font-size:18px;color:#6C6C6C;padding:8px 0px 8px 0px;border:1px solid transparent;border-color:transparent transparent rgba(0,0,0,0.1) transparent;cursor:pointer;user-select:none;@media screen and (max-width:425px){font-size:16px;line-height:24px}}.select-hide{display:none}.select-items div:hover,.same-as-selected{background-color:rgba(0,0,0,0.1)}}#price_display{font-family:@plantinLight;font-size:24px;color:@blue;border:none;cursor:default;@media screen and (max-width:425px){font-size:20px;line-height:24px}&:focus{outline:none}}}}}}}// OTHER PRODUCTS INSIDE .other-products-inside-container{width:80%;margin:0 auto;padding-bottom:60px;border-bottom:.5px solid rgba(0,0,0,0.5);.title{font-family:@sfprodBold;font-size:65px;padding:20px 0px;border-bottom:1px solid;@media screen and (max-width:768px){font-size:50px}@media screen and (max-width:425px){font-size:25px;line-height:30px}}.content-container{display:flex;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}.box{padding-top:40px;@media screen and (max-width:425px){padding-top:20px}&.left{width:35%;@media screen and (max-width:768px){width:100%}.image-container{width:100%;overflow:hidden;img{margin:0 auto;display:block}}p{font-family:@plantinLight;font-size:24px;width:90%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:16px;line-height:20px;}&:first-child{margin-top:0px}}}&.right{width:65%;@media screen and (max-width:768px){width:100%}p{font-family:@sfprodLight;font-size:20px;// width:90%;width:100%;margin-top:20px;span{color:@blue;&.address{border-bottom:1px solid @blue}}a{padding-left:5px}button{background:@blue;color:@white;border-radius:30px;padding:5px 18px;display:inline-flex;cursor:pointer;font-family:@sfprodMedium;font-size:14px;margin-left:5px;img{padding-right:5px}&:focus{outline:none}}@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:14px;line-height:20px;}&:first-child{margin-top:0px}}}}}}.other-products-inside-row-supplements{width:100%;.content-container{width:80%;margin:0 auto;display:flex;flex-wrap:wrap;padding:50px 0;@media screen and (max-width:768px){padding:25px 0 50px}@media screen and (max-width:425px){padding:0 0 50px}&.first{align-items:flex-start}.item{flex:0 1 50%;width:100%;margin-bottom:80px;@media screen and (max-width:768px){flex:0 1 100%;margin-bottom:25px}@media screen and (max-width:425px){margin-bottom:0px;}.title{font-family:@plantinLight;font-size:30px;color:@black;margin:24px 0px;@media screen and (max-width:425px){font-size:20px;line-height:22px}}.description{font-family:@sfprodLight;font-size:20px;color:@black;@media screen and (max-width:425px){font-size:14px;line-height:20px}p{line-height:1.2em;margin-bottom:20px;width:75%;@media screen and (max-width:768px){width:100%}@media screen and (max-width:425px){font-size:14px;line-height:20px;margin-bottom:0px;}ul{list-style-type:none;margin-bottom:20px;& >li{// text-indent:-5px;&:before{content:"•";text-indent:-5px;margin-right:10px}}}}ul{list-style-type:none;margin-bottom:20px;& >li{// text-indent:-5px;&:before{content:"•";text-indent:-5px;margin-right:10px}}}}}}}.other-products-inside-row-events{width:100%;.content-container{width:80%;margin:0 auto;display:flex;flex-wrap:wrap;padding:50px 0;@media screen and (max-width:768px){padding:25px 0 50px}@media screen and (max-width:425px){padding:0 0 50px}&.first{align-items:flex-start}.item{flex:0 1 33%;width:100%;margin-bottom:80px;@media screen and (max-width:768px){flex:0 1 100%;margin-bottom:25px}@media screen and (max-width:425px){margin-bottom:0px;}.title{font-family:@plantinLight;font-size:30px;color:@black;margin:24px 0px;@media screen and (max-width:425px){font-size:20px;line-height:22px}}.description{font-family:@sfprodLight;font-size:20px;color:@black;@media screen and (max-width:425px){font-size:14px;line-height:20px}p{line-height:1.2em;margin-bottom:20px;width:75%;@media screen and (max-width:768px){width:100%}@media screen and (max-width:425px){font-size:14px;line-height:20px;margin-bottom:0px;}ul{list-style-type:none;margin-bottom:20px;& >li{// text-indent:-5px;&:before{content:"•";text-indent:-5px;margin-right:10px}}}}ul{list-style-type:none;margin-bottom:20px;& >li{// text-indent:-5px;&:before{content:"•";text-indent:-5px;margin-right:10px}}}}}}}.other-products-inside-row-container{width:100%;&:nth-child(even){.content-container{width:80%;margin:0 auto;display:flex;flex-wrap:nowrap;align-items:center;border-bottom:.5px solid rgba(0,0,0,0.5);padding:50px 0;@media screen and (max-width:768px){flex-wrap:wrap;padding:0 0 50px}&.first{align-items:flex-start}.left{flex:0 1 50%;margin-bottom:40px;padding-top:40px;order:1;@media screen and (max-width:768px){flex:0 1 100%}.item{width:100%;margin-bottom:80px;&.single{margin-bottom:0;.title{font-family:@plantinLight;font-size:30px;color:@black;margin:0px 0px 24px;@media screen and (max-width:425px){font-size:20px;line-height:22px}}.description{font-family:@sfprodLight;font-size:20px;color:@black;@media screen and (max-width:425px){font-size:14px;line-height:20px}p{line-height:1.2em;margin-bottom:20px;width:75%;@media screen and (max-width:768px){width:100%}@media screen and (max-width:425px){font-size:14px;line-height:20px}ul{list-style-type:none;margin-bottom:20px;& >li{// text-indent:-5px;&:before{content:"-";text-indent:-5px;margin-right:10px}}}}ul{list-style-type:none;margin-bottom:20px;& >li{// text-indent:-5px;&:before{content:"-";text-indent:-5px;margin-right:10px}}}}}.title{font-family:@plantinLight;font-size:30px;color:@black;margin:24px 0px;@media screen and (max-width:425px){font-size:20px;line-height:22px}}.description{font-family:@sfprodLight;font-size:20px;color:@black;@media screen and (max-width:425px){font-size:14px;line-height:20px}p{line-height:1.2em;margin-bottom:20px;width:75%;@media screen and (max-width:768px){width:100%}@media screen and (max-width:425px){font-size:14px;line-height:20px;}ul{list-style-type:none;margin-bottom:20px;& >li{// text-indent:-5px;&:before{content:"-";text-indent:-5px;margin-right:10px}}}}ul{list-style-type:none;margin-bottom:20px;& >li{// text-indent:-5px;&:before{content:"-";text-indent:-5px;margin-right:10px}}}}}}.right{flex:0 1 50%;order:2;@media screen and (max-width:768px){flex:0 1 100%}.item{width:100%;.image-container{text-align:center;margin-top:50px;max-width:574px;width:100%;@media screen and (max-width:768px){margin-top:0;max-width:unset}img{width:100%}}}}}}&:nth-child(odd){.content-container{width:80%;margin:0 auto;display:flex;flex-wrap:nowrap;align-items:center;border-bottom:.5px solid rgba(0,0,0,0.5);padding:100px 0;@media screen and (max-width:768px){flex-wrap:wrap;padding:0 0 50px}.left{flex:0 1 50%;order:2;@media screen and (max-width:768px){flex:0 1 100%;order:1}.item{width:100%;margin-bottom:80px;&.single{margin-bottom:0;.title{font-family:@plantinLight;font-size:30px;color:@black;margin:24px 0px;@media screen and (max-width:425px){font-size:20px;line-height:22px}}.description{font-family:@sfprodLight;font-size:20px;color:@black;@media screen and (max-width:425px){font-size:14px;line-height:20px}p{line-height:1.2em;margin-bottom:20px;width:90%;@media screen and (max-width:768px){width:100%}@media screen and (max-width:425px){font-size:14px;line-height:20px}ul{list-style-type:none;margin-bottom:20px;& >li{// text-indent:-5px;&:before{content:"-";text-indent:-5px;margin-right:10px}}}}ul{list-style-type:none;margin-bottom:20px;& >li{// text-indent:-5px;&:before{content:"-";text-indent:-5px;margin-right:10px}}}}}.title{font-family:@plantinLight;font-size:30px;color:@black;margin:24px 0px;@media screen and (max-width:425px){font-size:20px;line-height:22px}}.description{font-family:@sfprodLight;font-size:20px;color:@black;@media screen and (max-width:425px){font-size:14px;line-height:20px}p{line-height:1.2em;margin-bottom:20px;width:75%;@media screen and (max-width:768px){width:100%}@media screen and (max-width:425px){font-size:14px;line-height:20px;}ul{list-style-type:none;& >li{// text-indent:-5px;&:before{content:"-";text-indent:-5px;margin-right:10px}}}}ul{list-style-type:none;margin-bottom:20px;& >li{// text-indent:-5px;&:before{content:"-";text-indent:-5px;margin-right:10px}}}}}}.right{flex:0 1 50%;order:1;@media screen and (max-width:768px){flex:0 1 100%;order:2}.item{width:100%;.image-container{max-width:574px;width:80%;@media screen and (max-width:768px){margin-top:0;max-width:unset;width:100%}img{width:100%}}}}}}}.other-products-inside-contactus-container{width:100%;background:@blue;.inquire-main{max-width:800px;width:90%;margin:0 auto;padding:80px 0px;@media screen and (max-width:768px){padding:40px 0}h5{font-family:@sfprodMedium;font-size:14px;color:@white;text-align:center;letter-spacing:2px;@media screen and (max-width:768px){line-height:18px}}h1{font-family:@plantinLight;font-size:46px;color:@white;text-align:center;margin-bottom:50px;@media screen and (max-width:768px){font-size:30px;line-height:34px}}.inquire_field{display:flex;flex-flow:column-reverse;margin-bottom:30px;position:relative;span{position:absolute;bottom:-18px;font-size:12px;color:#ff0000;font-family:'Arial'}}.fleft{float:left;width:45%;@media screen and (max-width:425px){width:100%}}.fright{float:right;width:45%;@media screen and (max-width:425px){width:100%}}input{font-size:18px;height:45px;color:@white;border:0;border-bottom:1px solid @white;font-family:@sfprodLight;font-size:15px;-webkit-appearance:none;border-radius:0;padding:0;cursor:text;background:transparent;transition:all 0.5s;touch-action:manipulation;&:placeholder-shown + label{cursor:text;width:80px;font-size:8px;opacity:0.37;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform-origin:left bottom;transform:translate(0,2.125rem) scale(1.5);font-family:'Arial';transition:transform 0.5s}&:not(:placeholder-shown) + label{transform:translate(0,0.5rem) scale(1);cursor:pointer;font-size:9px;margin-bottom:8px;opacity:0.6}&:focus{outline:0;font-family:@sfprodLight;& + label{transform:translate(0,0.5rem) scale(1);cursor:pointer;font-size:9px;margin-bottom:8px;opacity:0.6;width:100%}}}textarea{font-size:18px;height:45px;color:@white;border:0;border-bottom:1px solid @white;font-family:''Open Sans;font-size:15px;-webkit-appearance:none;border-radius:0;padding:0;cursor:text;background:transparent;transition:all 0.2s;touch-action:manipulation;height:150px;resize:none;&:placeholder-shown + label{cursor:text;width:80px;font-size:8px;opacity:0.37;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform-origin:left bottom;transform:translate(0,2.125rem) scale(1.5);font-family:'Arial';transition:transform 0.5s}&:not(:placeholder-shown) + label{transform:translate(0,0.5rem) scale(1);cursor:pointer;font-size:9px;margin-bottom:8px;opacity:0.6}&:focus{outline:0;font-family:@sfprodLight;& + label{transform:translate(0,0.5rem) scale(1);cursor:pointer;font-size:9px;margin-bottom:8px;opacity:0.6}}}label{text-transform:uppercase;letter-spacing:0.05em;font-size:10px;color:@white;font-family:'Arial'}.subject,.email,.textarea{width:100%}.send_button{display:block;margin-top:40px;margin-bottom:80px;.btnSend{width:175px;color:@white;font-family:@sfprodMedium;font-size:14px;background:@cyan;display:block;padding:15px 0px;text-align:center;border:1px solid transparent;cursor:pointer;line-height:14px;letter-spacing:2px;transition:all 0.2s;float:right;&:hover{background:@white;border:1px solid @black;color:@black}}}}}.getaway-container{width:100%;background:@blue;.content-container{width:80%;margin:0 auto;text-align:center;padding:85px 0;.title{font-family:@plantinLight;font-size:46px;color:@white;margin-bottom:15px;@media screen and (max-width:425px){font-size:30px;line-height:34px;width:80%;margin:0 auto 20px}}.link{font-family:@sfprodLight;font-size:20px;color:@white;display:flex;flex-wrap:nowrap;justify-content:center;@media screen and (max-width:425px){font-size:16px;line-height:24px}span{margin-right:5px}a{text-decoration:underline;color:@white;img{padding-left:8px;transform:scale(1);transition:0.5s ease-in-out}&:hover{img{transform:scale(1.5)}}}}}}.other-products{border:1px solid @silver;.content-container{background:@white;padding:80px 0;width:80%;margin:0 auto;.title{font-family:@sfprodBold;font-size:33px;@media screen and (max-width:768px){margin-left:50px}@media screen and (max-width:425px){font-size:24px;width:80%;margin:0 auto}}.carousel-wrap{.owl-container{margin-top:30px;.item{padding:0 10px;a{text-decoration:none;color:@black;.box{width:90%;margin:0 auto;.image-container{width:100%;overflow:hidden;position:relative;img{width:100%;display:block;transform:scale(1);transition:all 0.5s;&.icon{position:absolute;bottom:25px;width:75px;left:20px}}}.box-title{font-family:@plantinLight;font-size:30px;margin-top:25px;font-weight:bold;transition:color 0.5s ease;@media screen and (max-width:425px){font-size:20px}}.box-description{font-family:@sfprodLight;font-size:20px;margin-top:15px;line-height:1.2em;@media screen and (max-width:425px){font-size:16px}}}&:hover{.image-container{img.main{transform:scale(1.2)}}.box-title{color:@blue}}}}}}@media screen and (max-width:768px){width:100%;padding:50px 0;}}}// END OTHER PRODUCTS INSIDE // SUBSCRIBE LANDING PAGE .subscribe-page-container{width:80%;margin:0 auto;padding-bottom:60px;.title{font-family:@sfprodBold;font-size:65px;padding:20px 0px;border-bottom:1px solid;@media screen and (max-width:768px){font-size:50px}@media screen and (max-width:425px){font-size:25px;line-height:30px}}.content-container{display:flex;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}.box{padding-top:40px;@media screen and (max-width:425px){padding-top:20px}&.left{width:35%;@media screen and (max-width:768px){width:100%}p{font-family:@plantinLight;font-size:24px;width:80%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:16px;line-height:20px;}&:first-child{margin-top:0px}}}&.right{width:65%;@media screen and (max-width:768px){width:100%}p{font-family:@sfprodLight;font-size:20px;width:90%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:14px;line-height:20px;}&:first-child{margin-top:0px}}}}}}.subscribe-page-banner-container{width:100%;img{width:100%;display:block}}.subscription-container{width:100%;.content-container{width:80%;margin:0 auto;padding:90px 0;@media screen and (max-width:425px){padding:50px 0}.title{text-align:center;font-family:@sfprodBold;font-size:36px;color:@black;margin-bottom:10px;@media screen and (max-width:425px){font-size:26px;line-height:31px;width:70%;margin:0 auto 20px}}.description{text-align:center;font-family:@sfprodLight;color:@black;font-size:20px;line-height:1.2em;width:60%;margin:0 auto;margin-bottom:60px;@media screen and (max-width:768px){width:100%}@media screen and (max-width:425px){font-size:14px;line-height:20px;}}.subscription-options{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;@media screen and (max-width:890px){flex-wrap:wrap}.item{width:22%;@media screen and (max-width:890px){width:50%}.promo-title{background:@white;color:@white;font-family:@sfprodMedium;font-size:16px;text-align:center;letter-spacing:1.4px;text-transform:uppercase;padding:11px 0;margin-bottom:45px;opacity:0;@media screen and (max-width:425px){font-size:9px;line-height:15px;margin-bottom:15px}}&.promo{background:#F5F6F7;.promo-title{background:@blue;opacity:1}}.type{font-family:@sfprodLight;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:1.4px;text-align:center;margin-bottom:10px;@media screen and (max-width:425px){font-size:8px;line-height:11px;letter-spacing:0.8px}}.name{font-family:@plantin;font-size:40px;color:@blue;text-align:center;margin-bottom:10px;@media screen AND (max-width:425px){font-size:20px;line-height:24px}}.price{font-family:@plantinLight;font-size:30px;color:@blue;text-align:center;margin-bottom:10px;@media screen and (max-width:425px){font-size:16px;line-height:24px}}.issues{font-family:@sfprodLight;font-size:20px;color:@black;text-align:center;margin-bottom:20px;@media screen and (max-width:425px){font-size:12px;line-height:24px}}.button-container{margin:50px 0;text-align:center;@media screen and (max-width:768px){width:80%;margin:25px auto;text-align:center}.see-all{text-decoration:none;border:1px solid;padding:12px 15px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;letter-spacing:1.4px;color:@white;background:@cyan;border:1px solid @cyan;transition:0.5s;text-transform:uppercase;&:hover,&:focus{color:@black;background:@white;border:1px solid @black}@media screen and (max-width:1024px){padding:12px 15px}@media screen and (max-width:768px){padding:12px 0px;display:block;text-align:center;font-size:12px;}}}}}}}.special-promo-container{width:100%;.content-container{width:80%;margin:0 auto 90px;.title{font-family:@sfprodBold;font-size:36px;color:@black;text-align:center;margin-bottom:40px;@media screen and (max-width:425px){font-size:26px;line-height:31px}}.accordion{color:@black;font-family:@sfprodMedium;font-size:30px;cursor:pointer;padding:30px 20px 30px 0;width:100%;border:none;border-bottom:1px solid rgba(0,0,0,0.7);text-align:left;outline:none;transition:0.5s;display:flex;flex-wrap:nowrap;justify-content:space-between;// &:after{// font-family:@sfprodLight;// content:'\002B';// color:@black;// font-weight:bold;// float:right;// margin-left:5px;//}&:hover{}&.active{@media screen and (max-width:768px){flex-wrap:wrap}// &:after{// content:"\2212";//}.image-container{width:30%;@media screen and (max-width:768px){width:100%;max-width:300px;margin:0 auto 25px}}.promo-content{width:60%;@media screen and (max-width:768px){width:100%}.promo-title{// width:80%;&:after{content:"\2212"}@media screen and (max-width:768px){width:100%}}.promo-mechanics{margin-top:30px;display:block;@media screen and (max-width:1024px){padding-bottom:100px}@media screen and (max-width:768px){padding-bottom:0px;ol{li{font-size:14px;line-height:20px}}}}.button-container{display:block}}}.image-container{width:0;display:inline-block;transition:all 0.5s;img{display:block;width:100%}}.promo-content{width:100%;display:inline-block;transition:all 0.5s;position:relative;.promo-title{transition:all 0.5s;width:100%;&:after{font-family:@sfprodLight;content:'\002B';color:@black;font-weight:bold;float:right;margin-left:5px}@media screen and (max-width:768px){font-size:18px;line-height:21px}}.promo-mechanics{display:none;// height:0;// opacity:0;transition:all 0.5s ease-in-out;ol{padding-left:20px;li{padding-left:10px;font-family:@sfprodLight;font-size:20px;color:@black;margin-bottom:5px;ol{list-style-type:lower-alpha;ul{margin-top:5px;padding-left:20px;li{padding-left:0px}}}ul{margin-top:5px;padding-left:20px;li{padding-left:0px}}}}}.button-container{display:none;transition:0.5s;// text-align:center;margin-top:30px;z-index:3;// position:absolute;bottom:0;@media screen and (max-width:768px){position:static}.see-all{text-decoration:none;text-transform:uppercase;border:1px solid @cyan;padding:12px 20px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;color:@white;transition:0.5s;background:@cyan;letter-spacing:2px;&:hover{// color:@black;background:@black;border:1px solid @black}}}}}.panel{padding:0 18px;// display:none;max-height:0;background-color:white;overflow:hidden;transition:max-height 0.2s ease-out}}}.delivery-on-us-container{width:100%;background:#F5F6F7;.content-container{width:80%;margin:0 auto;display:flex;align-items:center;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}.image-container{width:50%;padding-top:40px;@media screen and (max-width:768px){width:100%;order:2}img{width:100%;// max-width:300px;margin:0 auto;display:block}}.text-container{width:50%;@media screen and (max-width:768px){width:100%}.title{font-family:@sfprodBold;font-size:36px;color:@black;margin-bottom:20px;width:60%;padding-left:60px;@media screen and (max-width:768px){padding-left:unset;width:100%;margin-top:40px}@media screen and (max-width:425px){font-size:26px;line-height:31px;}}.description{font-family:@sfprodLight;font-size:20px;line-height:1.2em;color:@black;width:60%;padding-left:60px;@media screen and (max-width:768px){padding-left:unset;width:100%}@media screen and (max-width:425px){font-size:14px;line-height:20px;}}}}}.video-content-container{width:100%;.content-container{width:80%;padding:85px 0;margin:0 auto;max-width:800px;.title{font-family:@sfprodBold;font-size:36px;color:@black;margin-bottom:10px;text-align:center}.description{width:90%;margin:0 auto 40px;font-family:@sfprodLight;font-size:20px;color:@black;text-align:center}.video-container{.image-container{width:100%;position:relative;.image{display:block;width:100%}.icon{position:absolute;width:60px;height:42px;left:50%;margin-left:-30px;top:50%;margin-top:-21px;transform:scale(1);transition:all 0.5s ease-in-out}}img{display:block}}}}.loyal-to-nation-container{width:100%;position:relative;&:before{content:' ';opacity:0.3;position:absolute;top:0;left:0;width:100%;height:100%;display:block;background:url(/www.inquirer.com.ph/assets/img/backgrounds/loyal-to-the-filipino-nation.webp) center no-repeat;background-size:cover;z-index:1}.content-container{width:80%;padding:145px 0;margin:0 auto;z-index:2;position:relative;.title{font-family:@sfprodBold;font-size:36px;color:@black;margin:0 auto 10px;text-align:center;@media screen and (max-width:425px){font-size:26px;line-height:31px}}.description{margin:0 auto;font-family:@sfprodLight;font-size:20px;color:@black;text-align:center;width:45%;line-height:1.3em;@media screen and (max-width:768px){width:100%}@media screen and (max-width:425px){font-size:14px;line-height:20px}}}}.share-the-truth-container{width:100%;.content-container{width:80%;padding:60px 0 80px;margin:0 auto;.image-container{width:173px;margin:0 auto 25px;img{display:block;width:100%}}.title{font-family:@sfprodBold;font-size:36px;color:@black;margin:0 auto 10px;text-align:center;@media screen and (max-width:425px){font-size:26px;line-height:31px}}.description{margin:0 auto 20px;font-family:@sfprodLight;font-size:20px;color:@black;text-align:center;width:45%;line-height:1.3em;@media screen and (max-width:768px){width:100%}@media screen and (max-width:425px){font-size:16px;line-height:24px}}.button-container{text-align:center;margin-top:30px;.see-all{text-decoration:none;text-transform:uppercase;letter-spacing:1.4px;// border:1px solid;padding:12px 30px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;color:@white;transition:0.5s;background:@cyan;&:hover,&:focus{color:@black;background:@white;border:1px solid @black}}}}}.subscribe-now-container{width:100%;background:@blue;.content-container{width:80%;margin:0 auto;padding:90px 0 120px;.subtitle{font-family:@sfprodLight;font-size:14px;font-weight:500;letter-spacing:1.4px;color:@white;text-align:center;margin-bottom:10px;text-transform:uppercase;line-height:24px}.title{font-family:@plantinLight;font-size:46px;text-align:center;color:@white;margin-bottom:20px;@media screen and (max-width:425px){font-size:30px;line-height:34px}}.description{width:55%;margin:0 auto 40px;font-family:@sfprodLight;font-size:20px;color:@white;line-height:1.3em;text-align:center;@media screen and (max-width:768px){width:100%}@media screen and (max-width:425px){font-size:16px;line-height:24px}}.button-container{text-align:center;margin-top:30px;.see-all{text-decoration:none;text-transform:uppercase;letter-spacing:1.4px;// border:1px solid;padding:12px 30px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;color:@white;transition:0.5s;background:@cyan;&:hover,&:focus{color:@black;background:@white;border:1px solid @black}}}}}// END SUBSCRIBE LANDING PAGE // SUBSCRIPTION SUCCESS .success-container{width:100%;.content-container{width:100%;@media screen and (max-width:375px){width:90%;margin:0 auto}.image-container{margin-top:15%;img{display:block;margin:0 auto 25px}@media screen and (max-width:600px){margin-top:30%}}.title{font-family:@plantinLight;font-size:46px;color:@black;text-align:center;margin:20px auto}.subtitle{font-family:@sfprodLight;font-size:20px;color:@black;text-align:center;width:80%;max-width:450px;margin:0 auto 40px}.button-container{text-align:center;margin-top:30px;.see-all{text-decoration:none;text-transform:uppercase;letter-spacing:1.4px;// border:1px solid;padding:12px 30px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;color:@white;transition:0.5s;background:@cyan;&:hover,&:focus{color:@black;background:@white;border:1px solid @black}}}}}// END OF SUBSCRIPTION SUCCESS // DISCOUNT FORM .discount-form-container{.title-form{font-family:@plantinLight;font-size:46px;color:@black;width:100%;text-align:center;margin-bottom:15px;margin-top:75px}.subtitle-form{width:100%;text-align:center;font-family:@sfprodLight;font-size:20px;color:@black}.tab-advertisement-container{width:80%;margin:70px auto;display:flex;flex-wrap:nowrap;.tab-container{width:70%;margin:0 auto;.container{width:80%;margin:0 auto;input.invalid{background-color:#ffdddd}.tab{display:none;.center-dropdown{width:80%;margin:0 auto 40px}.form-group{display:inline-block;width:47%;&.left{padding-right:2.5%}&.right{padding-left:2%}}.label{font-family:@sfprodMedium;font-size:14px;color:#6C6C6C;text-transform:uppercase;letter-spacing:1.4px;margin-bottom:10px;.error-label{display:none;color:#7D2727;text-transform:capitalize;font-family:12px;letter-spacing:1px}}.form-input,.form-textarea{border:none;border-bottom:1px solid #D8D8D8;width:100%;font-family:@sfprodLight;font-weight:400;font-size:18px;padding-bottom:8px;margin-bottom:40px;color:#6C6C6C;&.invalid{background-color:#FFDDDD}&:focus{outline:none}}.form-textarea{resize:none}.form-select{border:none;border-bottom:1px solid #D8D8D8;background:transparent;width:100%;margin-bottom:40px;font-family:@sfprodMedium;font-size:18px;&:focus{outline:none}}.custom-select-discount{position:relative;// margin-bottom:40px;margin-bottom:20px;width:100%;select{display:none}.select-selected{background:transparent;border:none;border-bottom:1px solid #D8D8D8;width:100%;&:after{position:absolute;content:"";top:14px;right:10px;width:0;height:0;border:6px solid transparent;border-color:#000 transparent transparent transparent}&.select-arrow-active:after{border-color:transparent transparent #000 transparent;top:7px}&.invalid{background:#FFDDDD}}// .select-items{// position:absolute;// top:40px;// z-index:4;// background:white;// width:100%;//}.select-items div,.select-selected{// color:@black;font-family:@sfprodLight;font-weight:400;font-size:18px;color:#6C6C6C;padding:8px 0px 8px 0px;border:1px solid transparent;border-color:transparent transparent rgba(0,0,0,0.1) transparent;cursor:pointer;user-select:none}.select-hide{display:none}.select-items div:hover,.same-as-selected{background-color:rgba(0,0,0,0.1)}}}// .button-container{// width:100%;// display:flex;// justify-content:center;// overflow:hidden;// .button-next{// background:@cyan;// color:@white;// border:1px solid @cyan;// border-radius:1px;// padding:15px 0px;// font-size:14px;// font-family:@sfprodMedium;// letter-spacing:1.4px;// text-align:center;// text-transform:uppercase;// width:175px;// cursor:pointer;// transition:all 0.5s ease-in-out;// &:focus{// outline:none;//}// &:hover{// // opacity:0.8;// background:@black;// border:1px solid @white;//}//}//}.button-container{width:100%;display:flex;justify-content:space-between;overflow:hidden;@media screen and (max-width:768px){flex-wrap:wrap}.button-prev{background:transparent;color:#707070;border:none;padding:15px 0px;font-size:14px;font-family:@sfprodMedium;letter-spacing:1.4px;text-align:left;text-transform:uppercase;cursor:pointer;transition:all 0.5s ease-in-out;margin-left:10px;display:flex;@media screen and (max-width:768px){width:100%;order:2;justify-content:center}&:focus{outline:none}&:hover{color:@blue;.arrow{border-top:2px solid @blue;border-left:2px solid @blue}}.arrow{display:inline-block;// position:absolute;width:14px;height:14px;background:transparent;// text-indent:-9999px;border-top:2px solid #707070;border-left:2px solid #707070;transition:all 250ms ease-in-out;text-decoration:none;color:transparent;margin-right:10px;&:before{// display:block;height:200%;width:200%;margin-left:-50%;margin-top:-50%;content:"";transform:rotate(45deg)}&.prev{transform:rotate(-45deg)}}}.button-next{background:@cyan;color:@white;border:1px solid @cyan;border-radius:1px;padding:15px 0px;font-size:14px;font-family:@sfprodMedium;letter-spacing:1.4px;text-align:center;text-transform:uppercase;width:175px;cursor:pointer;transition:all 0.5s ease-in-out;@media screen and (max-width:768px){width:100%;order:1;margin-bottom:20px}&:focus{outline:none}&:hover{// opacity:0.8;background:@black;border:1px solid @white}}}}}}}// END DISCOUNT FORM // INQUIRER PLUS .inquirer-plus-page-container{width:80%;margin:0 auto;padding-bottom:60px;.title{font-family:@sfprodBold;font-size:65px;padding:20px 0px;border-bottom:1px solid;@media screen and (max-width:768px){font-size:50px}@media screen and (max-width:425px){font-size:25px;line-height:30px}}.content-container{display:flex;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}.box{padding-top:40px;@media screen and (max-width:425px){padding-top:20px}&.left{width:35%;@media screen and (max-width:768px){width:100%}p{font-family:@plantinLight;font-size:24px;width:80%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:16px;line-height:20px;}&:first-child{margin-top:0px}}}&.right{width:65%;@media screen and (max-width:768px){width:100%}p{font-family:@sfprodLight;font-size:20px;width:90%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:14px;line-height:20px;}&:first-child{margin-top:0px}}}}}}.inquirer-plus-app-download-container{width:100%;background:url(/www.inquirer.com.ph/assets/img/backgrounds/inquirer-plus-background.webp) top center no-repeat;background-size:cover;.content-container{width:80%;margin:0 auto;padding:90px 0;.image-container{width:100%;max-width:580px;margin:0 auto;img{width:100%;display:block}}.title{font-family:@plantinLight;font-size:46px;color:@black;text-align:center;margin:40px auto 25px;@media screen and (max-width:425px){font-size:30px;line-height:34px}img{width:46px;vertical-align:bottom;@media screen and (max-width:425px){width:30px}}}.links-container{display:flex;align-items:center;justify-content:center;.icon{margin:0 10px;position:relative;img{display:block}&:active{top:1px}&:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-position:-135px -135px;background-repeat:no-repeat;background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0%,rgba(255,255,255,0.3)),color-stop(37%,rgba(255,255,255,0.3)),color-stop(45%,rgba(255,255,255,0.8)),color-stop(50%,rgba(255,255,255,0.0)));background-image:-moz-linear-gradient(0 0,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 37%,rgba(255,255,255,0.8) 45%,rgba(255,255,255,0.0) 50%);-moz-background-size:250% 250%,100% 100%;-o-background-size:250% 250%;background-size:250% 250%;-webkit-transition:background-position 0s ease;-moz-transition:background-position 0s ease;transition:background-position 0s ease}&:hover:before,&:focus:before{background-position:0 0;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;transition-duration:0.5s}&:active:before{opacity:0}@media screen and (max-width:425px){padding-right:0px}@media screen and (max-width:375px){img{max-width:120px}}}@media screen and (max-width:425px){display:flex;}}}}.inquirer-plus-subscription-container{width:100%;.content-container{width:80%;margin:0 auto;padding:90px 0;@media screen and (max-width:425px){padding:40px 0}.title{text-align:center;font-family:@sfprodBold;font-size:36px;color:@black;margin-bottom:10px}.description{text-align:center;font-family:@sfprodLight;color:@black;font-size:20px;line-height:1.2em;width:60%;margin:0 auto;margin-bottom:60px;@media screen and (max-width:768px){width:100%}}.subscription-options{width:100%;display:flex;flex-wrap:nowrap;justify-content:center;@media screen and (max-width:670px){flex-wrap:wrap;justify-content:flex-start}.item{width:22%;@media screen and (max-width:890px){width:33%}@media screen and (max-width:670px){width:50%;}@media screen and (max-width:425px){width:50%;}.promo-title{background:@white;color:@white;font-family:@sfprodMedium;font-size:16px;text-align:center;letter-spacing:1.4px;text-transform:uppercase;padding:11px 0;margin-bottom:45px;opacity:0;@media screen and (max-width:425px){font-size:9px;line-height:15px;letter-spacing:0.9px;margin-bottom:15px}}&.promo{background:#F5F6F7;.promo-title{background:@blue;opacity:1}}.type{font-family:@sfprodLight;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:1.4px;text-align:center;margin-bottom:10px;@media screen and (max-width:425px){font-size:8px;line-height:11px;letter-spacing:0.8px}}.name{font-family:@plantin;font-size:40px;color:@blue;text-align:center;margin-bottom:10px;@media screen and (max-width:425px){font-size:20px;line-height:24px}}.price{font-family:@plantinLight;font-size:30px;color:@blue;text-align:center;margin-bottom:10px;@media screen and (max-width:425px){font-size:16px;line-height:24px}.dollar{font-family:@sfprodMedium;font-size:16px;line-height:24px;color:@black;@media screen and (max-width:425px){font-size:12px;line-height:24px}}}.issues{font-family:@sfprodLight;font-size:20px;color:@black;text-align:center;margin-bottom:20px;@media screen and (max-width:425px){font-size:12px;line-height:24px}}.button-container{margin:50px auto;width:90%;text-align:center;@media screen and (max-width:425px){margin:25px auto}.see-all{text-decoration:none;border:1px solid;padding:12px 15px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;letter-spacing:1.4px;color:@white;background:@cyan;border:1px solid @cyan;transition:0.5s;text-transform:uppercase;&:hover,&:focus{color:@black;background:@white;border:1px solid @black}@media screen and (max-width:1024px){padding:12px 15px;display:block}@media screen and (max-width:320px){padding:12px 20px;}}}}}}}.inquirer-on-the-go-container{width:100%;background:#F5F6F7;.content-container{display:flex;align-items:center;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}.image-container{width:55%;@media screen and (max-width:768px){width:100%;order:2}img{width:100%;display:block}}.description-container{width:45%;@media screen and (max-width:768px){width:100%}.title{font-family:@sfprodBold;font-size:36px;color:@black;width:80%;margin-bottom:10px;@media screen and (max-width:768px){margin:50px auto 10px}@media screen and (max-width:425px){font-size:26px;line-height:31px;}}.description{font-family:@sfprodLight;font-size:20px;color:@black;width:80%;@media screen and (max-width:768px){margin:0px auto}@media screen and (max-width:425px){font-size:14px;line-height:20px;}}}}}.inquirer-plus-faqs-container{width:100%;background:#F5F6F7;.faqs{width:80%;margin:0px auto;padding:80px 0;@media screen and (max-width:425px){padding:40px 0}h1{font-family:@sfprodBold;font-size:30px;text-align:center;@media screen and (max-width:425px){font-size:26px;line-height:31px}}.faq-container{margin:65px auto 40px;@media screen and (max-width:425px){margin:0 auto 40px}.accordion{color:@black;font-family:@plantinLight;font-weight:500;font-size:30px;cursor:pointer;transition:0.5s;outline:none;border:none;width:100%;text-align:left;padding:30px;position:relative;background:transparent;@media screen and (max-width:768px){padding:30px 0}@media screen and (max-width:425px){font-size:20px;line-height:22px;padding:30px 0;}&:hover + .panel{border-bottom:1px solid @black}&.active + .panel{border-bottom:1px solid @black;padding-bottom:40px}&.active:after{position:absolute;content:"-";top:0;right:0;width:0;height:0;display:inline-block;padding:30px}&:after{position:absolute;content:"+";top:0;right:0;width:0;height:0;display:inline-block;padding:30px;// transition:0.5s}.number-circle{border-radius:50%;behavior:url(/www.inquirer.com.ph/assets/css/PIE.htc);width:20px;height:20px;// background:@white;background:transparent;border:1px solid #000;color:@black;text-align:center;display:inline-block;margin-right:20px;font-size:18px;vertical-align:middle;padding:8px}}.panel{padding:0 18px;// background-color:white;max-height:0;overflow:hidden;transition:all 0.2s ease-out;border-bottom:1px solid @silver;font-family:@sfprodLight;color:@black;font-size:20px;padding:0 50px 0;@media screen and (max-width:425px){font-size:14px}p{line-height:1.2em;@media screen and (max-width:425px){line-height:24px}}}}.button-container{text-align:center;margin-top:15px;.see-all{text-decoration:none;border:1px solid;padding:12px 70px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;color:@black;transition:0.5s;&:hover{color:@white;background:@black}}#show_less{display:none}}}}// END INQUIRER PLUS // CSR .csr-page-container{width:80%;margin:0 auto;padding-bottom:60px;.title{font-family:@sfprodBold;font-size:65px;padding:20px 0px;border-bottom:1px solid;@media screen and (max-width:768px){font-size:50px}@media screen and (max-width:425px){font-size:25px;line-height:30px}}.content-container-description{display:flex;flex-wrap:nowrap;border-bottom:0.5px solid silver;padding-bottom:50px;@media screen and (max-width:768px){flex-wrap:wrap}.box{padding-top:40px;@media screen and (max-width:425px){padding-top:20px}&.left{width:35%;@media screen and (max-width:768px){width:100%}p{font-family:@plantinLight;font-size:24px;width:80%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:16px;line-height:20px;}&:first-child{margin-top:0px}}}&.right{width:65%;@media screen and (max-width:768px){width:100%}p{font-family:@sfprodLight;font-size:20px;width:90%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:14px;line-height:20px;}&:first-child{margin-top:0px}}}}}.content-container{display:grid;grid-template-columns:auto auto;grid-column-gap:50px;@media screen and (max-width:768px){grid-template-columns:1fr}.box{padding-top:40px;@media screen and (max-width:425px){padding-top:20px;padding-bottom:10px}a{text-decoration:none;.image-container{width:100%;margin-bottom:20px;overflow:hidden;img{width:100%;display:block;transition:all 0.5s ease-in-out;transform:scale(1)}}.csr-category{font-family:@sfprodLight;font-size:12px;color:@black;text-transform:uppercase;margin-bottom:5px;@media screen and (max-width:425px){font-size:10px;line-height:24px}}.csr-title{font-family:@plantinLight;font-size:36px;color:@black;height:150px;@media screen and (max-width:768px){height:auto;margin-bottom:20px}@media screen and (max-width:425px){font-size:20px;line-height:22px;}}.csr-content{font-family:@sfprodLight;font-size:20px;color:@black;line-height:1.3em;height:150px;margin-bottom:15px;@media screen and (max-width:768px){height:auto}@media screen and (max-width:425px){font-size:16px;line-height:24px;}}.csr-date-published{font-family:@sfprodLight;font-size:12px;color:@black;@media screen and (max-width:425px){font-size:10px;line-height:24px}}&:hover{.image-container{img{transform:scale(1.2)}}.csr-title{color:@blue}}}}}}.csr-categories{width:100%;margin-bottom:10px;.content-container{width:80%;margin:0 auto;ul{display:flex;flex-wrap:nowrap;list-style-type:none;@media screen and (max-width:768px){flex-wrap:wrap}li{padding-right:15px;@media screen and (max-width:768px){margin-bottom:10px}a{text-decoration:none;font-family:@sfprodMedium;font-size:18px;color:#4B4B4B;@media screen and (max-width:425px){font-size:14px;line-height:16px}&.active{color:@blue;border-bottom:1px solid}&:hover{color:@blue}}}}}}.search-bar-container{width:100%;.content-container{width:80%;margin:0 auto;display:flex;flex-wrap:nowrap;margin-bottom:10px;input{width:95%;font-size:20px;padding-left:20px;line-height:40px;border:0.2px solid #4B4B4B;border-right:none;&:focus{outline:none}}button{width:5%;font-size:20px;line-height:40px;border:0.2px solid #4B4B4B;border-left:none;outline:none;cursor:pointer;&:focus{outline:none}}}}.csr-advocacies{.content-container{width:80%;margin:0 auto;padding:0 0 80px;.title{font-family:@sfprodBold;font-size:33px}.grid{margin-top:40px;width:100%;.grid-item{width:23%;margin:0 10px 50px;a{text-decoration:none;color:@black;&:hover{.image-container{img{transform:scale(1.2)}}.article-title{color:@blue}}.image-container{width:100%;overflow:hidden;img{width:100%;transition:all 0.5s;transform:scale(1);display:block}}.article-type{font-family:@sfprodLight;font-size:12px;margin-top:10px;text-transform:uppercase;@media screen and (max-width:425px){font-size:10px}}.article-title{font-family:@plantinLight;font-size:30px;margin-top:10px;@media screen and (max-width:425px){font-size:20px}}.article-date{font-family:@sfprodLight;font-size:12px;margin-top:10px;@media screen and (max-width:425px){font-size:10px}}}@media screen and (max-width:1210px){width:22%}@media screen and (max-width:768px){width:45%;}@media screen and (max-width:500px){width:100%;margin:0 0 50px;}}}.button-container{text-align:center;margin-top:15px;.see-all{text-decoration:none;border:1px solid;padding:12px 70px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;color:@black;letter-spacing:1.4px;transition:0.5s;&:hover,&:focus{color:@white;background:@black}}}@media screen and (max-width:1024px){width:90%;}@media screen and (max-width:768px){width:80%;}}}.csr-gallery{background:#F5F6F7;.content-container{width:80%;margin:0 auto;padding:100px 0 150px;.title{font-family:@sfprodBold;font-size:33px;margin-bottom:20px}.tab-button-container{width:80%;.tab-button{border:none;background:transparent;color:@black;font-family:@sfprodMedium;font-size:18px;margin-right:15px;cursor:pointer;&.active{color:@blue;border-bottom:1px solid}&:hover{color:@blue;border-bottom:1px solid}&:focus{outline:none}}}.tab-container{display:none;.grid{margin-top:40px;width:100%;.grid-item{width:23%;margin:0 10px 50px;a{text-decoration:none;color:@black;&:hover{.image-container{img{transform:scale(1.2)}}.article-title{color:@blue}}.image-container{width:100%;overflow:hidden;position:relative;img{width:100%;transition:all 0.5s;transform:scale(1);display:block}.article-title{font-family:@sfprodLight;font-size:16px;position:absolute;bottom:15px;padding:0 22px;color:@white}}}@media screen and (max-width:1210px){width:22%}@media screen and (max-width:768px){width:45%}@media screen and (max-width:500px){width:100%;margin:0 0 50px}}}.button-container{text-align:center;margin-top:15px;.see-all{text-decoration:none;border:1px solid;padding:12px 70px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;color:@black;letter-spacing:1.4px;transition:0.5s;&:hover,&:focus{color:@white;background:@black}}}}@media screen and (max-width:1024px){width:90%;}}}.csr-article-container{width:80%;margin:0 auto;.title{font-family:@sfprodBold;font-size:65px;padding:20px 0px;border-bottom:1px solid;@media screen and (max-width:768px){font-size:50px}@media screen and (max-width:425px){font-size:25px;line-height:30px}}.content-container{display:flex;flex-wrap:nowrap;.box{padding-top:40px;@media screen and (max-width:425px){padding-top:20px}&.left{width:70%;@media screen and (max-width:768px){width:100%}}&.right{width:30%;position:relative;@media screen and (max-width:768px){width:0%}}.image-container{// width:100%;width:80%;margin-bottom:20px;overflow:hidden;@media screen and (max-width:768px){width:100%}img{width:100%;display:block;transition:all 0.5s ease-in-out;transform:scale(1)}}.csr-category{font-family:@sfprodLight;font-size:12px;color:@black;text-transform:uppercase;margin-bottom:5px}.csr-title{font-family:@sfprodBold;font-size:65px;line-height:80px;color:@black;width:80%;@media screen and (max-width:768px){width:100%}@media screen and (max-width:425px){font-size:25px;line-height:30px;margin-bottom:5px;}}.csr-image-description{font-family:@sfprodLight;font-size:14px;color:#767676;width:80%;line-height:1.5em;@media screen and (max-width:768px){width:100%}@media screen and (max-width:425px){font-size:12px;line-height:20px;}}.csr-content{font-family:@sfprodLight;font-size:20px;color:@black;line-height:1.3em;margin-top:35px;margin-bottom:15px;width:80%;padding-bottom:50px;border-bottom:0.2px solid #4B4B4B;img{max-width:620px}@media screen and (max-width:768px){width:100%;img{width:100%}}@media screen and (max-width:425px){font-size:14px;line-height:20px;}p{margin-bottom:35px;@media screen and (max-width:425px){margin-bottom:20px}b{font-family:@sfprodBold;font-size:30px;@media screen and (max-width:425px){font-size:20px;line-height:30px}}}}.csr-date-published{font-family:@sfprodLight;font-weight:500;font-size:16px;color:#4B4B4B;margin-bottom:30px;@media screen and (max-width:425px){font-size:12px;line-height:24px;margin-bottom:15px}}.share-icons-container{@media screen and (max-width:768px){display:none}.icon-container{width:36px;margin:0 auto 10px;img{width:100%;display:block}}}}}}.tags-container{width:100%;.content-container{width:80%;margin:0 auto;display:flex;flex-wrap:nowrap;padding:40px 0;.left-container{font-family:@sfprodLight;font-weight:500;font-size:18px;color:#4B4B4B;letter-spacing:0.9px;text-transform:uppercase}.right-container{padding-left:20px;ul{list-style-type:none;display:flex;flex-wrap:wrap;li{border:0.5px solid #007292;border-radius:10px;color:@cyan;font-family:@sfprodLight;font-size:12px;padding:3px 10px;margin:0 5px 10px}}}}}.share-icons-container-mobile{display:none;@media screen and (max-width:768px){display:block}.content-container{width:80%;margin:0 auto;a{text-decoration:none;margin-right:10px;.icon-container{width:36px;display:inline-block;img{width:100%;display:block}}}}}.next-article-container{width:100%;background:#FCFCFC;@media screen and (max-width:768px){border-bottom:0.5px solid @black}.content-container{width:80%;margin:0 auto;padding:50px 0 75px;.read-next{font-family:@sfprodBold;font-size:30px;color:#151515;margin-bottom:30px;@media screen and (max-width:425px){font-size:20px;line-height:30px;margin-bottom:20px}}a{text-decoration:none;.grid-container{display:inline-grid;grid-template-columns:25% auto;width:100%;grid-column-gap:50px;@media screen and (max-width:768px){grid-template-columns:1fr}.image-container{overflow:hidden;@media screen and (max-width:768px){margin-bottom:20px}img{width:100%;display:block;transform:scale(1);transition:all 0.5s ease-in-out;object-fit:cover;height:100%}}.details-container{.csr-title{font-family:@plantinLight;font-size:46px;line-height:52px;color:@black;@media screen and (max-width:425px){font-size:20px;line-height:22px;margin-bottom:10px}}.csr-date-published{font-family:@sfprodLight;font-size:12px;color:@black;line-height:24px;@media screen and (max-width:425px){margin-bottom:10px}}.csr-teaser{font-family:@sfprodLight;font-size:20px;color:@black;line-height:30px;@media screen and (max-width:425px){font-size:14px;line-height:20px}}}}&:hover{.grid-container{.image-container{img{transform:scale(1.2)}}.details-container{.csr-title{color:@blue}}}}}}}// END CSR // AWARDS // .awards-container{// width:80%;// margin:0 auto;// padding-bottom:60px;// @media screen and (max-width:768px){// padding-bottom:30px;//}// @media screen and (max-width:425px){// padding-bottom:0px;//}// .title{// font-family:@sfprodBold;// font-size:65px;// padding:20px 0px;// border-bottom:1px solid;// @media screen and (max-width:768px){// font-size:50px;//}// @media screen and (max-width:425px){// font-size:25px;// line-height:30px;//}//}//}.awards-container{width:80%;margin:0 auto;padding-bottom:60px;.title{font-family:@sfprodBold;font-size:65px;padding:20px 0px;border-bottom:1px solid;@media screen and (max-width:768px){font-size:50px}@media screen and (max-width:425px){font-size:25px;line-height:30px}}.content-container{display:flex;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}.box{padding-top:40px;@media screen and (max-width:425px){padding-top:20px}&.left{width:35%;@media screen and (max-width:768px){width:100%}p{font-family:@plantinLight;font-size:24px;width:80%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:16px;line-height:20px;}&:first-child{margin-top:0px}}}&.right{width:65%;@media screen and (max-width:768px){width:100%}p{font-family:@sfprodLight;font-size:20px;width:90%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:14px;line-height:20px;}&:first-child{margin-top:0px}}}}}}.awards-content-container{.content-container{width:80%;margin:0 auto;padding:0 0 80px;.title{font-family:@sfprodBold;font-size:33px}.awards-content{margin-top:40px;width:100%;display:flex;flex-wrap:wrap;.awards-item{width:30%;// margin:0 15px 50px;margin:0 20px 50px;&.show_less{display:none}.image-container{width:100%;overflow:hidden;img{width:100%;transition:all 0.5s;transform:scale(1);display:block}}.award-giver{font-family:@plantin;font-size:30px;line-height:33px;margin:30px 0 15px;@media screen and (max-width:425px){font-size:20px;line-height:22px}}.award-title{font-family:@sfprodLight;font-style:italic;font-size:22px;line-height:28px;@media screen and (max-width:425px){font-size:16px;line-height:20px}}.award-recipient{font-family:@sfprodMedium;font-size:22px;line-height:28px;@media screen and (max-width:425px){font-size:16px;line-height:20px}}.award-date{font-family:@sfprodLight;font-size:18px;line-height:28px;@media screen and (max-width:425px){font-size:14px;line-height:20px}}@media screen and (max-width:1520px){margin:0 15px 50px;}@media screen and (max-width:1050px){margin:0 13px 50px}@media screen and (max-width:768px){width:45%;margin:0 15px 50px;}@media screen and (max-width:500px){width:100%;margin:0 0 50px;}}}.grid{margin-top:40px;width:100%;.grid-item{width:30%;margin:0 15px 50px;&.show_less{display:none}.image-container{width:100%;overflow:hidden;img{width:100%;transition:all 0.5s;transform:scale(1);display:block}}.award-giver{font-family:@plantin;font-size:30px;line-height:33px;margin:30px 0 15px;@media screen and (max-width:425px){font-size:20px;line-height:22px}}.award-title{font-family:@sfprodLight;font-style:italic;font-size:22px;line-height:28px;@media screen and (max-width:425px){font-size:16px;line-height:20px}}.award-recipient{font-family:@sfprodMedium;font-size:22px;line-height:28px;@media screen and (max-width:425px){font-size:16px;line-height:20px}}.award-date{font-family:@sfprodLight;font-size:18px;line-height:28px;@media screen and (max-width:425px){font-size:14px;line-height:20px}}@media screen and (max-width:768px){width:45%;}@media screen and (max-width:500px){width:100%;margin:0 0 50px;}}}.button-container{text-align:center;margin-top:15px;.see-all{text-decoration:none;border:1px solid;padding:12px 70px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;color:@black;letter-spacing:1.4px;transition:0.5s;&:hover,&:focus{color:@white;background:@black}}.show-less{display:none;text-decoration:none;border:1px solid;padding:12px 70px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;color:@black;letter-spacing:1.4px;transition:0.5s;&:hover,&:focus{color:@white;background:@black}}}.download-awards-container{text-align:center;margin:50px 0;.download-awards{font-family:@sfprodMedium;color:@cyan;font-size:14px;line-height:24px;text-transform:capitalize;letter-spacing:1.4px}}@media screen and (max-width:1024px){width:90%;}@media screen and (max-width:768px){width:80%;}}}// END AWARDS // CAREERS LANDING PAGE .careers-page-container{width:80%;margin:0 auto;padding-bottom:60px;.title{font-family:@sfprodBold;font-size:65px;padding:20px 0px;border-bottom:1px solid;@media screen and (max-width:768px){font-size:50px}@media screen and (max-width:425px){font-size:25px;line-height:30px}}.content-container{display:flex;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}.box{padding-top:40px;@media screen and (max-width:425px){padding-top:20px}&.left{width:35%;@media screen and (max-width:768px){width:100%}p{font-family:@plantinLight;font-size:24px;width:80%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:16px;line-height:20px;}&:first-child{margin-top:0px}}}&.right{width:65%;@media screen and (max-width:768px){width:100%}p{font-family:@sfprodLight;font-size:20px;width:90%;margin-top:20px;@media screen and (max-width:768px){width:100%;font-size:20px}@media screen and (max-width:425px){font-size:14px;line-height:20px;}&:first-child{margin-top:0px}}}}}}.careers-page-banner-container{width:100%;img{width:100%;display:block}}.job-openings-container{width:100%;.jobs{width:80%;margin:80px auto;@media screen and (max-width:768px){margin:60px auto}h1{font-family:@sfprodBold;font-size:30px;// text-align:center;@media screen and (max-width:768px){text-align:center}@media screen and (max-width:425px){font-size:26px;line-height:31px}}.job-container{margin:30px auto 40px;.accordion{color:@black;font-family:@plantinLight;font-weight:500;font-size:30px;cursor:pointer;transition:0.5s;outline:none;border:none;width:100%;text-align:left;padding:30px 30px 30px 0;position:relative;background:transparent;.title{color:@black;font-family:@plantinLight;font-weight:500;font-size:30px;margin-bottom:20px;@media screen and (max-width:425px){font-size:20px;line-height:22px}}.description{font-family:@sfprodLight;font-size:20px;color:@black;line-height:30px;@media screen and (max-width:425px){font-size:14px;line-height:20px}}&:hover + .panel{border-bottom:1px solid @black}&.active + .panel{border-bottom:1px solid @black;padding-bottom:40px}&.active:after{position:absolute;content:"-";top:0;right:0;width:0;height:0;display:inline-block;padding:30px}&:after{position:absolute;content:"+";top:0;right:0;width:0;height:0;display:inline-block;padding:30px;// transition:0.5s}.number-circle{border-radius:50%;behavior:url(/www.inquirer.com.ph/assets/css/PIE.htc);width:20px;height:20px;background:@white;border:1px solid #000;color:@black;text-align:center;display:inline-block;margin-right:20px;font-size:18px;vertical-align:middle;padding:8px}}.panel{// background-color:white;max-height:0;overflow:hidden;transition:all 0.2s ease-out;border-bottom:1px solid @silver;// font-family:@sfprodLight;// color:@black;// font-size:20px;.panel-title{font-family:@sfprodBold;font-size:20px;color:@black;line-height:30px;margin-bottom:20px;@media screen and (max-width:425px){font-size:20px;line-height:22px}}p{line-height:1.2em}ul{list-style-type:none;padding-left:15px;column-count:2;@media screen and (max-width:425px){column-count:1}li{&:before{content:'\2014';// position:absolute;margin-left:-15px;margin-right:10px}width:90%;font-family:@sfprodLight;font-size:20px;line-height:30px;color:@black;// margin-bottom:5px;@media screen and (max-width:425px){font-size:14px;line-height:20px}}}.button-container{text-align:right;margin-top:15px;@media screen and (max-width:768px){text-align:center;margin:50px auto 0px}.apply-now{text-decoration:none;border:1px solid;padding:12px 50px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;color:@white;transition:0.5s;background:@cyan;text-transform:uppercase;letter-spacing:1.4px;&:hover{color:@white;background:@black}}}}}.button-container{text-align:center;margin-top:15px;.see-all{text-decoration:none;border:1px solid;padding:12px 70px;border-radius:3px;font-family:@sfprodMedium;font-size:14px;color:@black;transition:0.5s;&:hover{color:@white;background:@black}}}}}.work-with-inquirer-container{width:100%;background:@blue;.content-container{width:80%;margin:0 auto;padding:70px 0;.subtitle{font-family:@sfprodLight;font-size:16px;color:@white;text-align:center;line-height:24px;letter-spacing:0.8px;text-transform:uppercase;@media screen and (max-width:425px){font-size:14px;margin-bottom:12px}}.title{font-family:@plantinLight;font-size:46px;line-height:52px;color:@white;text-align:center;margin-bottom:15px;@media screen and (max-width:425px){font-size:30px;line-height:34px;margin-bottom:20px}}.content{font-family:@sfprodLight;font-weight:500;font-size:18px;line-height:24px;color:@white;text-align:center;width:85%;margin:0 auto 35px;@media screen and (max-width:425px){font-size:14px;line-height:20px;width:100%}}.box-container{width:100%;display:flex;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}.box{width:50%;@media screen and (max-width:768px){width:100%;margin-bottom:20px}.image-container{text-align:center;margin-bottom:15px}.box-title{font-family:@plantin;font-size:30px;line-height:33px;text-align:center;color:@white;margin-bottom:8px;@media screen and (max-width:425px){font-size:20px;line-height:22px}}.link{text-align:center;a{font-family:@sfprodMedium;font-size:18px;line-height:24px;color:@white;@media screen and (max-width:425px){font-size:14px}}}}}}}.explore-job-container{width:100%;background:#F5F6F7;.content-container{padding:85px 0;@media screen and (max-width:425px){padding:60px 0}.title{font-family:@plantinLight;font-size:46px;line-height:52px;text-align:center;color:@black;margin-bottom:10px;@media screen and (max-width:425px){font-size:30px;line-height:33px}}.description{font-family:@sfprodLight;font-weight:500;font-size:18px;line-height:24px;color:@black;text-align:center;margin-bottom:20px;@media screen and (max-width:425px){font-size:14px}}.link{text-align:center;a{text-decoration:none;img{width:232px;@media screen and (max-width:425px){width:156px}}}}}}// END CAREERS // APPLICATION FORM .application-form-container{.title-form{font-family:@plantinLight;font-size:46px;color:@black;width:100%;text-align:center;margin-bottom:15px;margin-top:75px}.subtitle-form{width:100%;text-align:center;font-family:@sfprodLight;font-size:20px;color:@black}.tab-advertisement-container{width:80%;margin:70px auto;display:flex;flex-wrap:nowrap;.tab-container{width:70%;margin:0 auto;@media screen and (max-width:768px){width:100%}.container{width:80%;margin:0 auto;@media screen and (max-width:768px){width:100%}input.invalid{background-color:#ffdddd}.tab{display:none;.center-dropdown{width:80%;margin:0 auto 40px}.form-group{display:inline-block;width:47%;&.left{padding-right:2.5%}&.right{padding-left:2%}@media screen and (max-width:425px){width:100%}}.label{font-family:@sfprodMedium;font-size:14px;color:#6C6C6C;text-transform:uppercase;letter-spacing:1.4px;margin-bottom:10px;.error-label{display:none;color:#7D2727;text-transform:capitalize;font-family:12px;letter-spacing:1px}}.form-input,.form-textarea{border:none;border-bottom:1px solid #D8D8D8;width:100%;font-family:@sfprodLight;font-weight:400;font-size:18px;padding-bottom:8px;margin-bottom:40px;color:#6C6C6C;&.invalid{background-color:#FFDDDD}&:focus{outline:none}}.form-textarea{resize:none}.form-select{border:none;border-bottom:1px solid #D8D8D8;background:transparent;width:100%;margin-bottom:40px;font-family:@sfprodMedium;font-size:18px;&:focus{outline:none}}.custom-select-careers{position:relative;margin-bottom:40px;width:100%;select{display:none}.select-selected{background:transparent;border:none;border-bottom:1px solid #D8D8D8;width:100%;&:after{position:absolute;content:"";top:14px;right:10px;width:0;height:0;border:6px solid transparent;border-color:#000 transparent transparent transparent}&.select-arrow-active:after{border-color:transparent transparent #000 transparent;top:7px}&.invalid{background:#FFDDDD}}// .select-items{// position:absolute;// top:40px;// z-index:4;// background:white;// width:100%;//}.select-items div,.select-selected{// color:@black;font-family:@sfprodLight;font-weight:400;font-size:18px;color:#6C6C6C;padding:8px 0px 8px 0px;border:1px solid transparent;border-color:transparent transparent rgba(0,0,0,0.1) transparent;cursor:pointer;user-select:none}.select-hide{display:none}.select-items div:hover,.same-as-selected{background-color:rgba(0,0,0,0.1)}}.file_container{border:1px dashed #939393;width:100%;max-height:55px;margin:0 auto;position:relative;font-family:@sfprodLight;color:#707070;font-size:20px;line-height:24px;margin-bottom:40px;text-align:center;border-radius:7px;.file_content{height:55px;.upload_resume{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;height:100%;.image-container{margin-right:10px;img{display:block}}}}#file{position:absolute;left:0;top:0;background-color:#ddd;-webkit-appearance:none;width:100%;height:100%;opacity:0;border-radius:100px}}}// .button-container{// width:100%;// display:flex;// justify-content:center;// overflow:hidden;// .button-next{// background:@cyan;// color:@white;// border:1px solid @cyan;// border-radius:1px;// padding:15px 0px;// font-size:14px;// font-family:@sfprodMedium;// letter-spacing:1.4px;// text-align:center;// text-transform:uppercase;// width:175px;// cursor:pointer;// transition:all 0.5s ease-in-out;// &:focus{// outline:none;//}// &:hover{// // opacity:0.8;// background:@black;// border:1px solid @white;//}//}//}.button-container{width:100%;display:flex;justify-content:space-between;overflow:hidden;@media screen and (max-width:768px){flex-wrap:wrap}.button-prev{background:transparent;color:#707070;border:none;padding:15px 0px;font-size:14px;font-family:@sfprodMedium;letter-spacing:1.4px;text-align:left;text-transform:uppercase;cursor:pointer;transition:all 0.5s ease-in-out;margin-left:10px;display:flex;@media screen and (max-width:768px){width:100%;order:2;justify-content:center}&:focus{outline:none}&:hover{color:@blue;.arrow{border-top:2px solid @blue;border-left:2px solid @blue}}.arrow{display:inline-block;// position:absolute;width:14px;height:14px;background:transparent;// text-indent:-9999px;border-top:2px solid #707070;border-left:2px solid #707070;transition:all 250ms ease-in-out;text-decoration:none;color:transparent;margin-right:10px;&:before{// display:block;height:200%;width:200%;margin-left:-50%;margin-top:-50%;content:"";transform:rotate(45deg)}&.prev{transform:rotate(-45deg)}}}.button-next{background:@cyan;color:@white;border:1px solid @cyan;border-radius:1px;padding:15px 0px;font-size:14px;font-family:@sfprodMedium;letter-spacing:1.4px;text-align:center;text-transform:uppercase;width:175px;cursor:pointer;transition:all 0.5s ease-in-out;@media screen and (max-width:768px){width:100%;order:1;margin-bottom:20px}&:focus{outline:none}&:hover{// opacity:0.8;background:@black;border:1px solid @white}}}}}}}// END APPLICATION FORM // CONTACT US PAGE .contact-us-container{width:100%;border-bottom:0.5px solid rgba(0,0,0,0.5);padding-bottom:60px;.title{width:80%;margin:0 auto;font-family:@sfprodBold;font-size:65px;padding:20px 0px;border-bottom:1px solid;@media screen and (max-width:768px){font-size:50px}@media screen and (max-width:425px){font-size:25px;line-height:30px}}.content-container{width:80%;margin:0 auto;padding-top:30px;@media screen and (max-width:425px){padding-top:20px}p{font-family:@plantinLight;font-size:24px;line-height:30px;@media screen and (max-width:425px){font-size:14px;line-height:20px}}.box-container{display:flex;flex-wrap:nowrap;margin-top:40px;margin-bottom:40px;@media screen and (max-width:768px){flex-wrap:wrap}.box{&.left{width:60%;@media screen and (max-width:768px){width:100%;padding-bottom:20px}}&.right{width:40%;@media screen and (max-width:768px){width:100%}}.box-title{font-family:@plantin;font-size:30px;line-height:33px;color:@black;margin-bottom:20px;@media screen and (max-width:425px){font-size:20px;line-height:22px}}.box-title-2{font-family:@plantin;font-size:30px;line-height:33px;color:@black;margin-top:40px;margin-bottom:20px;@media screen and (max-width:425px){font-size:20px;line-height:22px}}.details{display:flex;flex-wrap:nowrap;margin-bottom:5px;@media screen and (max-width:768px){flex-wrap:wrap;display:block}.detail-name{font-family:@sfprodLight;font-size:20px;line-height:30px;color:@black;margin-right:10px;@media screen and (max-width:425px){font-size:14px;line-height:20px}}.detail-value{font-family:@sfprodMedium;font-size:20px;line-height:30px;color:@black;@media screen and (max-width:425px){font-size:14px;line-height:20px}.mobiletel{display:none;text-decoration:underline;font-family:@sfprodMedium;font-size:20px;line-height:30px;color:#00C1F6;@media screen and (max-width:768px){display:inline-block}@media screen and (max-width:425px){font-size:14px;line-height:20px;}}.desktoptel{b{font-family:@sfprodBold}@media screen and (max-width:768px){display:none}}}}.email-links{margin-bottom:5px;a{color:@cyan;text-decoration:underline;font-family:@sfprodLight;font-size:20px;line-height:30px;@media screen and (max-width:425px){font-size:14px;line-height:20px}}}.address{width:80%;font-family:@sfprodLight;font-size:20px;line-height:30px;color:@black;@media screen and (max-width:425px){font-size:14px;line-height:20px}}}}.fax-container{width:100%;margin-bottom:40px;.fax-title{font-family:@plantin;font-size:30px;line-height:33px;color:@black;margin-bottom:20px;@media screen and (max-width:425px){font-size:20px;line-height:22px}}.fax-details-container{display:flex;flex-wrap:nowrap;justify-content:space-between;@media screen and (max-width:768px){flex-wrap:wrap;display:block}.fax-details{width:33%;display:flex;flex-wrap:nowrap;@media screen and (max-width:768px){width:100%;flex-wrap:wrap;display:block}.detail-name{font-family:@sfprodLight;font-size:20px;line-height:30px;color:@black;margin-right:10px;@media screen and (max-width:425px){font-size:14px;line-height:20px}}.detail-value{font-family:@sfprodMedium;font-size:20px;line-height:30px;color:@black;@media screen and (max-width:425px){font-size:14px;line-height:20px}.mobiletel{display:none;text-decoration:none;font-family:@sfprodMedium;font-size:20px;line-height:30px;color:#00C1F6;@media screen and (max-width:768px){display:block}@media screen and (max-width:425px){font-size:14px;line-height:20px;}}.desktoptel{b{font-family:@sfprodBold}@media screen and (max-width:768px){display:none}}}}}}.socialmedia-container{width:100%;margin-bottom:40px;.media-title{font-family:@plantin;font-size:30px;line-height:33px;color:@black;margin-bottom:20px;@media screen and (max-width:425px){font-size:20px;line-height:22px}}.box-media-container{width:100%;display:flex;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}.box-media{&.left{width:60%;@media screen and (max-width:768px){width:100%;margin-bottom:10px}}&.right{width:40%;@media screen and (max-width:768px){width:100%}}display:flex;flex-wrap:nowrap;// @media screen and (max-width:768px){// flex-wrap:wrap;//}.image-container{margin-right:15px;img{display:block}}.details-container{.media-name{font-family:@sfprodMedium;font-size:20px;line-height:30px;color:@black;@media screen and (max-width:425px){font-size:14px;line-height:20px}}.media-content{font-family:@sfprodLight;font-size:20px;line-height:30px;color:@black;width:84%;@media screen and (max-width:425px){font-size:14px;line-height:20px;width:100%}a{text-decoration:none;font-family:@sfprodLight;font-size:20px;line-height:30px;color:@black;width:84%;@media screen and (max-width:425px){font-size:14px;line-height:20px;width:100%}}}}}}}.view-map-container{width:100%;margin-bottom:40px;.view-title{font-family:@plantin;font-size:30px;line-height:33px;color:@black;margin-bottom:20px;@media screen and (max-width:425px){font-size:20px;line-height:22px}}.box-map-container{display:flex;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}.box-map{width:50%;@media screen and (max-width:768px){width:100%}.location{font-family:@sfprodBold;font-size:20px;line-height:30px;color:@black;@media screen and (max-width:425px){font-size:14px;line-height:20px}a{font-family:@sfprodBold;color:@cyan;font-size:10px;text-transform:uppercase;line-height:30px;text-decoration:none}}.address{font-family:@sfprodLight;font-size:20px;line-height:30px;color:@black;width:80%;margin-bottom:20px;@media screen and (max-width:425px){font-size:14px;line-height:20px}}.desktoptel{font-family:@sfprodLight;font-size:20px;line-height:30px;color:@black;width:80%;margin-bottom:20px;b{font-family:@sfprodBold}@media screen and (max-width:768px){display:none}@media screen and (max-width:425px){font-size:14px;line-height:20px;}}.mobiletel{display:none;font-family:@sfprodMedium;font-size:20px;line-height:30px;color:@black;width:80%;margin-bottom:20px;a{color:#00C1F6;text-decoration:underline}@media screen and (max-width:768px){display:block}@media screen and (max-width:425px){font-size:14px;line-height:20px;}}}}}}}.view-map{iframe{width:100%;margin-bottom:20px}.location{font-family:@sfprodBold;font-size:20px;line-height:30px;margin-bottom:10px;@media screen and (max-width:425px){font-size:14px;line-height:20px}}.details-container{display:flex;flex-wrap:nowrap;@media screen and (max-width:768px){flex-wrap:wrap}.details{width:50%;@media screen and (max-width:768px){width:100%}.address{font-family:@sfprodLight;font-size:20px;line-height:30px;color:@black;width:80%;@media screen and (max-width:425px){font-size:14px;line-height:20px}}.telno{font-family:@sfprodLight;font-size:20px;line-height:30px;color:@black;width:80%;span{font-family:@sfprodMedium}@media screen and (max-width:768px){display:none}}.mobiletelno{display:none;font-family:@sfprodLight;font-size:20px;line-height:30px;color:@black;width:80%;span{font-family:@sfprodMedium}a{color:@cyan}@media screen and (max-width:768px){display:block;font-size:14px;line-height:20px}}}}}// END CONTACT US // PRIVACY POLICY PAGE .policy-container{width:100%;border-bottom:0.5px solid rgba(0,0,0,0.5);padding-bottom:60px;.title{width:80%;margin:0 auto;font-family:@sfprodBold;font-size:65px;padding:20px 0px;border-bottom:1px solid;@media screen and (max-width:768px){font-size:50px}@media screen and (max-width:425px){font-size:25px;line-height:30px}}.content-container{width:80%;margin:0 auto;padding-top:30px;@media screen and (max-width:425px){padding-top:20px}p{font-family:@sfprodLight;font-size:20px;line-height:30px;margin-bottom:30px;b{font-family:@plantinLight;font-size:24px;line-height:30px;@media screen and (max-width:425px){font-size:20px;line-height:30px}}a{color:@cyan}ul{padding-left:50px;margin-top:-15px;@media screen and (max-width:425px){padding-left:20px}li{font-family:@plantinLight;font-size:20px;line-height:30px;@media screen and (max-width:425px){font-size:14px;line-height:20px}}}@media screen and (max-width:425px){font-size:14px;line-height:20px;}}ul{padding-left:50px;margin-top:-15px;@media screen and (max-width:425px){padding-left:20px}li{font-family:@plantinLight;font-size:20px;line-height:30px;@media screen and (max-width:425px){font-size:14px;line-height:20px}}}}}// END PRIVACY POLICY // SWEETALERT OVERRIDE .sweet-alert{h2{font-family:@plantin!important;color:@black!important;font-size:30px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:25px 0;padding:0;line-height:40px;display:block}p{font-family:@sfprodLight!important;color:@black!important;font-size:20px;text-align:center;font-weight:300;position:relative;text-align:inherit;float:none;margin:0;padding:0;line-height:normal}button{background:@cyan;font-family:@sfprodMedium;font-size:14px!important;letter-spacing:2px;color:white;border:none;box-shadow:none;// font-size:17px;font-weight:500;-webkit-border-radius:4px;border-radius:5px;padding:10px 32px;margin:26px 5px 0 5px;cursor:pointer}}// END SWEETALERT // OWL OVERRIDE .owl-prev{width:15px;height:100px;position:absolute;top:30%;margin-left:-45px!important;display:block!important;border:0px solid black}.owl-next{width:15px;height:100px;position:absolute;top:30%;right:-45px;display:block!important;border:0px solid black}.owl-prev:focus,.owl-next:focus{outline:none}.owl-theme .owl-nav [class*=owl-]:hover{background:transparent!important;color:#FFF;text-decoration:none}.clearfix{display:inline-block}// Hover .hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-icon-spin{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-spin .hvr-icon{-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.hvr-icon-spin:hover .hvr-icon,.hvr-icon-spin:focus .hvr-icon,.hvr-icon-spin:active .hvr-icon{-webkit-transform:rotate(360deg);transform:rotate(360deg)}.hvr-float{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-float:hover,.hvr-float:focus,.hvr-float:active{-webkit-transform:translateY(-8px);transform:translateY(-8px)}