.itopplus-background{}body{overflow-x: hidden}.itopplus-bg2{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_21062023ah95/0/0/2z-z997418203356.webp')}.itopplus-bg3{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_21062023ah95/0/0/3z-z937475997486.webp')}.itopplus-bg4{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_21062023ah95/0/0/4z-z1511456466351.webp')}.navbar-default .navbar-nav>li>a{color: #333333;margin: 0 15px;padding: 10px 15px}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:active,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color: #333333 !important;box-shadow: none;border-radius: none;background: transparent;background-color: transparent}.dropdown-menu>li>a{color: #000}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color: #000;background: #e8e8e8}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 0;left: 10px;width: 51px !important;z-index: 110}.navbar-header{display: flex !important;flex-direction: row-reverse;width: 100%;padding: 0 10px}#ItopplusMainSidebar,.navbar-header{background: #161616}#controlMenu *{color: #fff !important}.navbar-default .navbar-toggle .icon-bar{background-color: #fff !important;color: #fff !important}}@media screen and (min-width: 1024px){.itopplus-banner .container{display: grid;grid-template-columns: 10% auto;align-items: center}.itopplus-banner .container::before,.itopplus-banner .container::after{display: none}#controlBanner{object-fit: contain;padding: 0;width: 100%;min-width: auto;margin: 0 auto}#nav-menu{margin-top: 1vw;text-align: right;background-color: transparent;transition: .3s}.itopplus-sticky-nav-bar-inside{width: 80vw !important;display: grid;grid-template-columns: 25% 75% 0 0;align-items: center}#itopplus-nav-bar-sticky{text-align: right;float: right}.itopplus-sticky-nav-bar-inside::before,.itopplus-sticky-nav-bar-inside::after{display: none}.itopplus-sticky-nav-bar-inside .nav>li{display: -webkit-inline-box}.itopplus-menu-logo{height: 130px !important;padding: 15px}.navbar-default{background: #fff;padding: 0}}@media screen and (min-width : 1366px){}@media screen and (min-width : 1900px){}@media screen and (max-width : 900px){}@media screen and (max-width : 480px){}.navbar-default .navbar-nav>li>a{font-size: 16px}h1{font-size: 4.125em}h2{font-size: 3.2em}h3{font-size: 2.6em}h4{font-size: 2.2em}h5{font-size: 1.8em}h6{font-size: 1.4em}p{font-size: 16px}div#formdisplay668f9dbbb372d7001a6e9a2b button,div#Component6690a7c1c3d71800135683dc button,.btn-more{font-size: 14px}.pt-3{padding-top:3%}.pt-5{padding-top:5%}.pt-8{padding-top:8%}.pt-15{padding-top:15%}div#Component668f8c1db372d7001a6e94ab .thumbs{margin: 0}.footer h6{color: #fff200;font-weight: 600;margin-bottom: 6%}.footer h5,.fw-semi,.head-principles h5,.content-principles h6,.exam-principles h4,.sect-form h3,.contact-page h4,h3.managerHeader{font-weight: 600}.social-footer{display: grid;grid-template-columns: repeat(3,1fr);gap: 10px;width: 60%}.copy-right{padding: 2% 0;text-align: center}.footer a{color: #fff}.footer a:hover,.text-yellow{color: #fff200}.contact-page a:hover{color: #ede31f}figure.effect-selena,figure.effect-oscar,figure.effect-oscar figcaption{background: transparent}.head-about{display: flex;justify-content: start;gap: 20px;align-items: center;margin-bottom: 5%}.head-about hr{border-color: #fff200;width: 35%;margin: 0}.head-about h4{color: #fff200;font-family: "Oswald",sans-serif;font-weight: 400;margin: 0}.sect-about h3{font-weight: 600;color: #fff;margin: 2% 0}.sect-about p{margin-top: 5%;line-height: 28px;margin-bottom: 6%}.sect-about{padding-left: 7%;padding-top: 7%}.btn-more{width: fit-content;border: 1px solid #fff20063;padding: 1rem 2rem;color: #fff;transition: transform 0.2s ease-out}.text-slogan h1{padding: 4% 0 5%;text-align: center;color: #fff;font-family: "Barlow",sans-serif;font-weight: 700;font-size: 10em;letter-spacing: -14px;margin: 0;line-height: 140px}.fs-oswald{font-family: "Oswald",sans-serif}figure.effect-oscar figcaption::before{border: none}.grid figure h2{word-spacing: 0;font-weight: unset}figure.effect-oscar h2{margin: 0;-webkit-transition: none;transition: none;-webkit-transform: inherit;transform: inherit}figure.effect-oscar img,figure.effect-oscar:hover img{opacity: 1}.icon-right{width: 7% !important}.text-product{display: flex;justify-content: space-between;align-items: center;width: 100%;position: absolute;bottom: 0;padding: 5%;border-radius: 0 0 40px 40px}.text-product h6{font-size: 20px;font-weight: 400}div#Component668f9466127b76001afd314a figcaption{padding: 0;text-transform: none;position: absolute;width: 100%;height: 100%;background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 51%,rgba(0,0,0,0.49) 74%,rgba(0,0,0,1) 100%);border-radius: 40px;top: 0}figure.effect-oscar:hover h2{-webkit-transform: none;transform: none}div#Component668f9466127b76001afd314a .imgLightbox img{border-radius: 40px}.grid figure h2 span,.sect-form h2{font-weight: 400}.img-merg img{margin-bottom: 20px;border-radius: 20px}.img-merg{display: grid;grid-template-columns: 23.5% 49% 23.5%;gap: 20px;justify-content: center}.sect-portfolio h2{color: #161616;text-align: center;margin-bottom: 2%;font-weight: 600}.sect-port.btn-more{margin: auto;margin-top: 2%}.eapps-widget-toolbar{display: none !important}.sect-form,.exam-principles h4,h3.managerHeader{text-align: center}div#formdisplay668f9dbbb372d7001a6e9a2b,div#Component6690a7c1c3d71800135683dc{width: 50%;margin: auto;background: transparent !important}.form-add span,.Text_seller2{display: none}div#formdisplay668f9dbbb372d7001a6e9a2b input::placeholder,div#Component6690a7c1c3d71800135683dc input::placeholder,div#Component6690a7c1c3d71800135683dc textarea::placeholder{color: #fff!important}div#formdisplay668f9dbbb372d7001a6e9a2b .form-control,div#Component6690a7c1c3d71800135683dc .form-control{border-radius: 0;background: transparent;box-shadow: none;color: #fff !important;border: none;border-bottom: 1px solid #fff;height: 40px;margin-bottom: 2rem}div#formdisplay668f9dbbb372d7001a6e9a2b button,div#Component6690a7c1c3d71800135683dc button{background: #fff200;text-shadow: none;color: #161616;border: none;border-radius: 0;padding: 1rem 2rem}.glyphicon-ok-circle:before{content: "✔"}div#formdisplay668f9dbbb372d7001a6e9a2b .col-md-offset-5,div#Component6690a7c1c3d71800135683dc .col-md-offset-3{margin-left: 0;text-align: center;width: 100%}.head-page h3{color: #fff;font-weight: 600}.head-page{text-align: center;background: #161616;padding: 3% 0 1%;position: relative}.head-page::after{position: absolute;content: " ";width: 82%;height: 30px;background: #fff200;left: 0;bottom: -27px;z-index: -1;clip-path: polygon(0 0,100% 0%,91% 100%,0 100%)}.head-page::before{position: absolute;content: " ";width: 80%;height: 30px;background: #161616;left: 0;bottom: -20px;clip-path: polygon(0 0,100% 0%,90% 100%,0 100%)}.about-page{padding-left: 5%;padding-top: 5%}.about-page p{margin-top: 4%;line-height: 28px}.about-page h3{color: #161616;margin: 2% 0;font-weight: 600}.pre-port .btn-more{margin: auto;background: #000;color: #fff200;border-color: #000}.port-detail img{margin-bottom: 5px;padding: 7px !important}.pre-port{padding: 2% 2% 4%;margin-bottom: 8%}.pre-port h6{color: #161616;margin-bottom: 4%;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;line-height: 28px}div#Contentmanager .img{border-radius: 25px}div#Contentmanager .col-md-4.col-sm-4.col-xs-12{padding: 0 1% !important}.img-service:before,.img-service2:before{width: 200px;height: 200px;background: #fff200;position: absolute;content: " ";left: -30px;top: -30px;z-index: -1;border-radius: 20px}.img-service2:before{right: -30px;left: unset}.img-service img,.img-service2 img{border-radius: 20px}.img-service,.img-service2{width: 95%;margin: auto;margin-right: 0;margin-top: 8%;position: relative}.img-service2{margin-left: 0}.service-detail h5{margin-bottom: 4%;font-weight: 600;line-height: 34px;color: #161616}.service-detail{padding: 15% 4%}.service-detail p{line-height: 26px;margin-bottom: 3%}.principles h3{color: #fff;text-align: center;font-weight: 600;margin-bottom: 1%}.icon-principles img{width: 50px !important;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);-webkit-transition: 0.5s ease;transition: 0.5s ease;position: relative;z-index: 99}.icon-principles::before{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #fff200;z-index: -1;-webkit-transition: 0.6s ease;transition: 0.6s ease;clip-path: polygon(25% 0%,100% 0%,75% 100%,0% 100%)}.icon-principles::after{background-color: #000;width: calc(100% - 14px);clip-path: polygon(0 0,75% 0,100% 100%,25% 100%);left: 4px;content: '';width: 100%;height: 100%;position: absolute;top: 0;-webkit-transition: 0.6s ease;transition: 0.6s ease}.icon-principles{text-align: center;display: inline-block;padding: 13px;position: relative;z-index: 2;-webkit-transition: 0.6s ease;transition: 0.6s ease;width: 100px}.card-principles{color: #161616;background: #fff;padding: 3%;border-radius: 20px;margin-bottom: 3%}.head-principles{display: flex;align-items: center;gap: 10px;margin-bottom: 3%}.content-principles h6{margin-bottom: 2%}.content-principles p{line-height: 28px;margin-bottom: 3%}.content-principles li p{margin-bottom: 1rem}.text-service h1{font-weight: 700;color: #444;transform: rotate(90deg);position: absolute;right: -695px;top: 735px;font-size: 8em;width: 100%;height: 100%;font-family: "Oswald",sans-serif}.text-service{position: relative}.content-principles ul{margin-bottom: 3%}ul#slider6690a32cd451700013c98aee img{object-fit: contain}div#nav-pager6690a32cd451700013c98aee{display: block !important}.callbacks_nav.prev{left: 25% !important}.callbacks_nav.next{right: 25%}.exam-principles h4,.contact-page h4,.contact-page a,h3.managerHeader{color: #161616}.contact-page li{display: grid;grid-template-columns: 40px auto;gap: 10px;align-items: center;margin: 2% 0}.contact-page ul{list-style: none;padding: 0}div#Component6690a7c1c3d71800135683dc .col-xs-12.col-sm-3.col-md-3{display: none !important}div#Component6690a7c1c3d71800135683dc .col-xs-12.col-sm-6.col-md-6{width: 100%}.btn-more:hover,div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .btn-more{background: #fff200;color: #161616}div#Component668f9466127b76001afd314a figure:hover .icon-right img{filter: brightness(0) saturate(100%) invert(88%) sepia(27%) saturate(3561%) hue-rotate(2deg) brightness(113%) contrast(101%)}div#Component668f9466127b76001afd314a .imgLightbox{overflow: hidden;border-radius: 40px}div#Component668f9466127b76001afd314a .imgLightbox img,.img-merg img,div#formdisplay668f9dbbb372d7001a6e9a2b button,.social-footer img,div#Contentmanager .col-md-4.col-sm-4.col-xs-12,.contact-page li img,div#Component6690a7c1c3d71800135683dc button,div#Component668fb0e2b372d7001a6e9c54 .thumbnail>img{transition: transform 0.2s ease-out}div#Component668f9466127b76001afd314a figure:hover .imgLightbox img,.img-merg img:hover,div#formdisplay668f9dbbb372d7001a6e9a2b button:hover,.social-footer img:hover,div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover,.btn-more:hover,.contact-page li:hover img,div#Component6690a7c1c3d71800135683dc button:hover,div#Component668fb0e2b372d7001a6e9c54 .thumbnail>img:hover{transform: scale(1.05)}.card-principles:hover .icon-principles::before{background-color: #000}.card-principles:hover .icon-principles img{filter: brightness(0) saturate(100%) invert(0%) sepia(51%) saturate(2595%) hue-rotate(62deg) brightness(86%) contrast(105%)}.card-principles:hover .icon-principles::after{background-color: #fff200}.pre-port .btn-more:hover,div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .btn-more{border-color: #fff200}.post-time,.fbcomments,.landingpagemanager{display: none}.page-header{padding-bottom: 0;margin: 3% 0 0;border-bottom: none}.port-detail img{border-radius: 30px}.contact-page{padding-top: 12%;padding-left: 5%}.head-page.head-page-master{height: 100px}h3.managerHeader{position: absolute;width: 100%;top: -72px;color: #fff}.ITPcookiebar{width: 100% !important;background-color: #16161680 !important;color: #fff}.buttonExampleSite{border-radius: 0 !important;border: 1px solid #161616 !important;color: #171717 !important}.buttonExampleSite:hover{background: #fff200 !important;color: #ffffff !important}.ITPlinkToCookiepage:hover{color: #fff200 !important}.itpPDPALandingPage,.ITP-pdpa-template-contentFont{font-size: 16px !important;margin-bottom: 3% !important}.itpPDPALandingPage{margin-top: 3%}.ITP-pdpa-template-titleFont{font-size: 20px !important;font-weight: 600 !important}.ITP-pdpa-template-contentFont{line-height: 28px}div#Contentmanager .col-xs-12.col-md-3{width: 33.33%;padding: 0 1%}.page-header .col-md-3.col-sm-5.col-xs-12{width: 100% !important}div#Component668fb0e2b372d7001a6e9c54 .img-thumbnail,div#Component668fb0e2b372d7001a6e9c54 .thumbnail{padding: 0;border: none;box-shadow: none}div#Component668fb0e2b372d7001a6e9c54 .thumbnail>img{border-radius: 30px}div#Component668fb0e2b372d7001a6e9c54 .thumbnail{margin-bottom: 7%}@media screen and (min-width : 1900px){.navbar-default .navbar-nav>li>a{font-size: 20px}h1{font-size: 4.625em}h2{font-size: 4em}h3{font-size: 3.6em}h4,h3.managerHeader{font-size: 2.6em}h5{font-size: 2.2em}h6{font-size: 1.8em}p{font-size: 20px}div#formdisplay668f9dbbb372d7001a6e9a2b button,div#Component6690a7c1c3d71800135683dc button,.btn-more{font-size: 18px}.text-slogan h1{font-size: 15em;letter-spacing: -23px;margin: 0;line-height: 205px}.text-product h6{font-size: 26px}.text-service h1{font-size: 11em;right: -950px;top: 955px}.sect-about p,.about-page p,.service-detail p,.content-principles p{line-height: 34px}.pt-15{padding-top: 10%}div#formdisplay668f9dbbb372d7001a6e9a2b .form-control,div#Component6690a7c1c3d71800135683dc .form-control{height: 45px;font-size: 18px !important;margin-bottom: 3rem}.sect-form h2,.sect-form h3{margin-bottom: 2%}.sect-about{padding-top: 11%}.social-footer{width: 55%}.about-page{padding-left: 7%;padding-top: 10%}.service-detail h5{line-height: 44px}.service-detail{padding: 18% 6%}.contact-page li{grid-template-columns: 55px auto}.head-page.head-page-master{height: 130px}h3.managerHeader{top: -95px}.ITP-pdpa-template-titleFont{font-size: 24px !important}.ITP-pdpa-template-contentFont{line-height: 34px;font-size: 18px !important}.pre-port h6{line-height: 32px}}@media screen and (max-width : 1366px){.pt-15{padding-top: 7%}h2{font-size: 3em}.navbar-default .navbar-nav>li>a{padding: 10px;margin: 0 10px}.service-detail p{line-height: 28px}}@media screen and (max-width : 1200px){.head-about hr{width: 25%}h3{font-size: 2em}h4{font-size: 1.8em}h5{font-size: 1.4em}.sect-about p br{display: none}.sect-about p,.service-detail h5,.service-detail p,.content-principles p,.about-page p,.pre-port h6{line-height: inherit}.sect-about{padding-top: 5%}.text-slogan h1{font-size: 9em}h2{font-size: 2.8em}.footer br{display: none}.footer p a{display: inline-block}.social-footer{width: 70%}.service-detail{padding: 9% 3%}.navbar-default .navbar-nav>li>a{padding: 10px;margin: 0 8px}.pre-port{padding: 4% 0}.contact-page{padding-top: 10%}.head-page{padding: 3% 0 2%}}@media screen and (max-width : 900px){.sect-about{padding-left: 4%}h2{font-size: 2.4em}h3{font-size: 24px}h4{font-size: 22px}h5{font-size: 20px}h6{font-size: 18px}.text-slogan h1{font-size: 7em;line-height: 100px;letter-spacing: -10px;padding: 1% 0 5%}.pt-15{padding-top: 3%}.text-product{gap: 20px;display: grid;grid-template-columns: auto 40px;align-items: center;color: #fff}.icon-right{width: 100% !important}.sect-about{padding-top: 0}.text-product h6{text-align: left}.itopplus-bg4{background-size: cover}.pt-8{padding-top: 5%}.service-detail br{display: none}.service-detail{padding: 4% 3%}.pre-port h6{height: 50px;line-height: 26px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.sect-form h3{color: #161616}div#Component6690a7c1c3d71800135683dc{background: #fff !important;width: 60%;padding: 3%}div#Component6690a7c1c3d71800135683dc input::placeholder,div#Component6690a7c1c3d71800135683dc textarea::placeholder{color: #000 !important}div#Component6690a7c1c3d71800135683dc .form-control{color: #000 !important;border-color: #000}.contact-page{padding-top: 6%}.head-page.head-page-master{height: 67px}h3.managerHeader{top: -80px}}@media screen and (max-width : 480px){div#imagesControl668f8c1db372d7001a6e94ab,div#imagesControl668f8f6bab1260001ac0c9b4,div#Component668f9466127b76001afd314a .thumbs,div#Component668f9466127b76001afd314a .col-md-6.col-sm-6.col-xs-12,.about-page,.service-detail,.contact-page{padding: 0 !important}.sect-about{padding-left: 0}h4,.sect-about h3,.about-page h3{font-size: 20px}.text-slogan h1{font-size: 3em;line-height: 46px;letter-spacing: -4px}div#contentnewmode668f945c127b76001afd313e,div#contentnewmode66908fa79ed6f40013207fdd,div#contentnewmode6690a927b43b4b0013e640bb{display: none}div#Component668f9466127b76001afd314a .thumbs{margin: 0}div#Component668f9466127b76001afd314a .col-md-6.col-sm-6.col-xs-12{margin-bottom: 8%}.text-product h6{font-size: 18px}.text-product{grid-template-columns: auto 35px}.img-merg{gap: 10px}.img-merg img{margin-bottom: 10px}h2{font-size: 26px}div#formdisplay668f9dbbb372d7001a6e9a2b,div#Component6690a7c1c3d71800135683dc{width: 100%}.about-page p{margin-top: 6%}.img-service:before,.img-service2:before{z-index: 1;left: -20px;top: -20px;width: 100px;height: 100px}.img-service img,.img-service2 img{position: relative;z-index: 2}.img-service,.img-service2{width: 100%;margin-top: 6%}.service-detail p,.head-principles,.content-principles h6,.content-principles p{margin-bottom: 6%}div#mainmenu669092c4d451700013c9872f .none-middle-mid .none-middle-mid,div#mainmenu6690a760d451700013c98b7b .none-middle-mid .none-middle-mid{display: block}div#mainmenu669092c4d451700013c9872f .none-middle-mid,div#mainmenu6690a760d451700013c98b7b .none-middle-mid{display: flex;flex-wrap: wrap-reverse}h3,h3.managerHeader{font-size: 22px}.icon-principles img{width: 35px !important}.icon-principles{width: 60px}.content-principles li p{margin-bottom: 2rem}.card-principles{padding: 6%}.pre-port h6{height: auto;line-height: inherit;margin-bottom: 4%}.pre-port{margin-bottom: 12%;padding: 0}.pt-5{padding-top: 7%}div#Component668fb0e2b372d7001a6e9c54 .col-md-12.text-justify{padding: 0 2%}.social-share{display: none}.head-page::before{bottom: -22px;height: 23px}.head-page::after{bottom: -30px;height: 32px;clip-path: polygon(0 0,100% 0%,88% 100%,0 100%)}h3.managerHeader{margin: 0;top: -55px;font-size: 18px}.head-page.head-page-master{height: 45px}.ITPcookiebar{padding: 3%;display: flex !important}.ITPcookieLeftText{float: unset !important;padding-left: 0 !important;padding-top: 0 !important}.ITPcookieButton{float: unset !important;padding-right: 0 !important;padding-top: 0 !important}.ITPcookieLeftText span{font-size: 14px}div#cookie668f9dbbb372d7001a6e9a2b{padding: 0 2%}div#cookie6690a7c1c3d71800135683dc{color: #000}div#Contentmanager .col-xs-12.col-md-3{width: 100%}}