<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.itopplus-background {
background-image:url; 
background-repeat:repeat; 
background-color:none;
}
@font-face {
    font-family: "LINE Seed Sans TH";
    font-weight: normal;
    src: url("https://itp1.itopfile.com/ContentImage/z_itp_130820236l5w/fonts/LINESeedSansTH/LINESeedSansTH_Rg.otf") format("opentype");
}

@font-face {
    font-family: "LINE Seed Sans TH";
    font-weight: 100;
    src: url("https://itp1.itopfile.com/ContentImage/z_itp_130820236l5w/fonts/LINESeedSansTH/LINESeedSansTH_Th.otf") format("opentype");
}

@font-face {
    font-family: "LINE Seed Sans TH";
    font-weight: 600;
    src: url("https://itp1.itopfile.com/ContentImage/z_itp_130820236l5w/fonts/LINESeedSansTH/LINESeedSansTH_Bd.otf") format("opentype");
}

@font-face {
    font-family: "LINE Seed Sans TH";
    font-weight: 800;
    src: url("https://itp1.itopfile.com/ContentImage/z_itp_130820236l5w/fonts/LINESeedSansTH/LINESeedSansTH_XBd.otf") format("opentype");
}

@font-face {
    font-family: "LINE Seed Sans TH";
    font-weight: 900;
    src: url("https://itp1.itopfile.com/ContentImage/z_itp_130820236l5w/fonts/LINESeedSansTH/LINESeedSansTH_He.otf") format("opentype");
}

body {
    overflow-x: hidden;
    font-family: "LINE Seed Sans TH";
}

.itopplus-bg {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_30002023fzd9/0/0/1z-z776490595514.webp');
      background-size: cover;
}

/************Menu***************/
.navbar-default .navbar-nav&gt;li&gt;a {
    color: #000;
    margin: 0 5px;
    padding: 10px 10px;
}

.navbar-default .navbar-nav&gt;li&gt;a:focus,
.navbar-default .navbar-nav&gt;li&gt;a:hover,
.navbar-default .navbar-nav&gt;li&gt;a:active,
.navbar-default .navbar-nav&gt;.open&gt;a,
.navbar-default .navbar-nav&gt;.open&gt;a:focus,
.navbar-default .navbar-nav&gt;.open&gt;a:hover {
    color: #000 !important;
    box-shadow: 0px 3px 0px 0px #3a9bff;
    border-radius: none;
    background: transparent;
    background-color: transparent;
}

.dropdown-menu&gt;li&gt;a {
    color: #000;
}

.dropdown-menu&gt;li&gt;a:focus,
.dropdown-menu&gt;li&gt;a:hover {
    color: #000;
    background: #e8e8e8;
}

/********Only Sidebar*********/
@media screen and (max-width : 992px) {
    
.navbar-default .navbar-toggle .icon-bar {
    background-color: #444 !important;
    color: #444 !important;
}

#controlMenu,
#controlMenu i,
#controlMenu li a {
    color: #444 !important;
}

.navbar-default {
    background: #fff;
}

/*new logo nav*/
.navbar-header {
    display: flex;
    flex-direction: row-reverse;
    box-shadow: 0 0 3px 0 #ccc;
    padding: 0 10px;
}

.itopplus-logo img {
    position: fixed;
    object-fit: contain;
    width: 90px !important;
    top: 5px;
    left: 15px;
}


}

@media screen and (min-width : 1024px) {

.navbar-default {
    background: transparent;
}

#controlPosition {
    margin-top: 5%;
    text-align: right;
}

#controlBanner {
    object-fit: contain;
    padding: 15px;
    width: 85%;
}



.itopplus-search {
    position: absolute;
    top: 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) {}

/************font-size***************/

.navbar-default .navbar-nav&gt;li&gt;a {
    font-size: 16px;
}

h1 {
    font-size: 4.125em;
}

h2 {
    font-size: 3.2em;
}

h3 {
    font-size: 2.6em;
}

h4, h3.managerHeader {
    font-size: 2.2em;
}

h5 {
    font-size: 1.8em;
}

h6 {
    font-size: 1.4em;
}

div#Component654b62c89616e3001399099b strong,
div#Component654b51e9bd7faa0012630035 strong{
    font-size: 18px;
}

p , .product-detail li, .table-product thead&gt;tr&gt;th, .text-service h6, .question p,
div#Component654b51e9bd7faa0012630035 .nav-template7 li ,
div#Component654b62c89616e3001399099b .nav-template7 li, .condition li,
div#Component654ced1cb4651e0012f2c972 label,
.pre-service p, .service-detail li{
    font-size: 16px;
}

.box-service button, .sect-about button, .table-product tbody&gt;tr&gt;td, div#formdisplay654b62fe12f05a0013f9ae23 .btn-success, 
div#btnview654b62fe12f05a0013f9ae23 button, div#Component654ced1cb4651e0012f2c972 button,
.pre-service button{
    font-size: 14px;
}

.pt-3 {
	padding-top:3%;
}

.pt-5 {
	padding-top:5%;
}

.pe-5 {
	padding-left:5%;
}

.Text_seller2 {
    display: none;
}

/********************masterpage**********************/

.fw-medium {
    font-weight: 600 !important;
}

div#Component654ced1cb4651e0012f2c972 label {
    font-weight: 400 ;
}

.footer h6, .head-cate h5, .product-detail h6,.work-detaol h5,.condition h4,
.text-service h6, div#Component654b51e9bd7faa0012630035 strong,.contatc-page h5 ,
div#Component654b62c89616e3001399099b strong, .join-us h6,.head-question h4, .service-detail h6{
    font-weight: 600;
}

.time-open p {
    font-weight: 300;
    margin: 0;
}

.time-open {
    background-image: linear-gradient(90deg, #0070d8, #19bbff);
    padding: 2%;
    display: grid;
    grid-template-columns: 20% 6% 49%;
    gap: 4px;
    justify-content: center;
    text-align: center;
    color: #fff;
    align-items: center;
    border-radius: 0 0 20px 20px;
}

.social-footer {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 10px;
    padding-right: 15%;
    margin-top: 5%;
}

.coty-right p {
    font-family: 'Poppins', sans-serif;
    margin-top: 5%;
}

.qr-line {
    width: 55%;
    margin: auto;
}

div#InmyDiv1699411728276, .work-detaol h5 {
    margin-top: 3%;
}

figure.effect-selena {
    background: transparent;
}

div#Component654af91e9616e3001398f135 .imgLightbox  {
    padding-left: 20%;
}

.sect-about h1 {
    font-family: 'Audiowide', sans-serif;
    text-transform: uppercase;
    background: -webkit-linear-gradient(45deg, #dedede, #ffffff, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 6em;
    margin: 0;
    padding-left: 5%;
}

.Textmanager {
    text-align: left;
}

.sect-about h3,  .product-detail h5{
    background-image: linear-gradient(90deg, #0070d8, #19bbff);
    padding: 3% 0 3% 5%;
    color: #fff;
    font-weight: 600;
}

.sect-about p {
    padding-left: 6%;
}

.sect-about button {
    margin-left: 6%;
    background-color: #3a9bff;
    color: #fff;
    padding: 0.55rem 2rem;
    border: 1px solid #3a9bff;
}

.sect-about p {
    margin: 4% 0 3%;
    line-height: 26px;
}

.sect-about , div#Component654ced0e7e42bd0013bb67af{
    margin-top: 5%;
}

.head-cate {
    background-image: linear-gradient(90deg, #0070d8, #19bbff);
    padding: 5%;
    text-align: center;
    color: #fff;
    margin-bottom: 2%;
    margin-top: 60px;
}

div#Component654b00ec12f05a0013f997e4 .nav-pills&gt;li&gt;a,
div#Component654b0f2c9616e3001398fc80 .nav-pills&gt;li&gt;a,
div#Component654b0fea12f05a0013f99df5 .nav-pills&gt;li&gt;a,
div#Component654b101618997f00126a5b60 .nav-pills&gt;li&gt;a,
div#Component654b103b9616e3001398fca5 .nav-pills&gt;li&gt;a,
div#Component654b105d60bc5b001388902c .nav-pills&gt;li&gt;a,
div#Component654b107cbd7faa001262f2dd .nav-pills&gt;li&gt;a,
div#Component654b109c12f05a0013f99e32 .nav-pills&gt;li&gt;a{
    color: #444;
    border-bottom: 1px solid #d3d3d3;
    border-radius: 0;
    font-size: 16px;
}

div#Component654b00ec12f05a0013f997e4 .nav-pills,
div#Component654b0f2c9616e3001398fc80 .nav-pills,
div#Component654b0fea12f05a0013f99df5 .nav-pills,
div#Component654b101618997f00126a5b60 .nav-pills,
div#Component654b103b9616e3001398fca5 .nav-pills,
div#Component654b105d60bc5b001388902c .nav-pills,
div#Component654b107cbd7faa001262f2dd .nav-pills,
div#Component654b109c12f05a0013f99e32 .nav-pills{
    padding-left: 75px;
}

.head-product h3, .head-text-page h3, h3.managerHeader, .form-work h3 {
    color: #3a9bff;
    font-weight: 600;
    text-align: center;
}

.condition h4, .contatc-page a:hover {
    color: #3a9bff;
}

div#Component654b05dd18997f00126a57fc .thumbs {
    margin: 0;
}

figure.effect-oscar figcaption {
    background-color: transparent;
}

figure.effect-oscar figcaption::before {
    border: none;
}

div#Component654b05dd18997f00126a57fc .grid figure figcaption {
    padding: 0;
    text-transform: none;
    transition: none;
}

figure.effect-oscar h2 {
   -webkit-transition: none !important;
    transition: none !important;
    -webkit-transform: none !important;
    transform: none !important;
}

.box-service h4 {
    font-size: 34px;
    color: #000;
    font-weight: 600;
    line-height: 46px;
    margin: 0;
}

.box-service button,
.pre-service button{
     background-color: #3a9bff;
    color: #fff;
    padding: 0.55rem 2rem;
    border: 1px solid #3a9bff;
    font-weight: 400;
}

.box-service {
    width: 100%;
    position: absolute;
    top: 20%;
    text-align: left;
    left: 13%;
}

.about-page h4 {
    background: -webkit-linear-gradient(45deg, #0070d8, #19bbff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}

.about-page p, .about-page h4 , .work-detaol p{
    margin-bottom: 2.5%;
      line-height: 26px;
}

.about-page {
     background-image: linear-gradient(90deg, #fff, transparent);
    padding: 3%;
}

.head-text-page {
    margin-bottom: 1.5%;
}

.head-product , .condition li{
    margin-bottom: 2%;
}

div#Component654b40d860bc5b00138895d3 .template1 .template-panel,
div#Component654b4338bd7faa001262fb3f .template1 .template-panel,
div#Component654b434a18997f00126a6373 .template1 .template-panel,
div#Component654b435a18997f00126a6389 .template1 .template-panel,
div#Component654b436b9616e300139902ff .template1 .template-panel,
div#Component654b437e18997f00126a63b9 .template1 .template-panel,
div#Component654b107cbd7faa001262f2dd .template1 .template-panel,
div#Component654b43a1bd7faa001262fbf7 .template1 .template-panel,
div#Component654b438fbd7faa001262fb76 .template1 .template-panel{
    padding-bottom: 100%;
    border-width: 4px;
    border-style: solid;
    border-image: linear-gradient(131deg, #19bbff, #0070d8) 1;
}

div#Component654b40d860bc5b00138895d3 .caption,
div#Component654b4338bd7faa001262fb3f .caption,
div#Component654b434a18997f00126a6373 .caption,
div#Component654b435a18997f00126a6389 .caption,
div#Component654b436b9616e300139902ff .caption,
div#Component654b437e18997f00126a63b9 .caption,
div#Component654b107cbd7faa001262f2dd .caption,
div#Component654b43a1bd7faa001262fbf7 .caption,
.pre-product p{
    font-size: 16px;
    color: #000;
    padding: 5% 10% 0;
    margin-bottom: 5%;
    height: 70px !important;
}
div#Component654b438fbd7faa001262fb76 .caption{
    font-size: 16px;
    color: #000;
    padding: 5% 10% 0;
    margin-bottom: 5%;
    height: 110px !important;
}
.Contentmanager .site .col-section .item.-micro a .post {
  display: none!important;
}
  .Contentmanager .site .col-section .item.-micro a .image {
    width: 100%;
}
.Contentmanager .site .col-section .item.-micro a .caption {
    width: 100%;
    text-align: center;
}
div#Component654b40d860bc5b00138895d3 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
div#Component654b4338bd7faa001262fb3f .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
div#Component654b434a18997f00126a6373 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
div#Component654b435a18997f00126a6389 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
div#Component654b436b9616e300139902ff .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
div#Component654b437e18997f00126a63b9 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
div#Component654b107cbd7faa001262f2dd .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
div#Component654b43a1bd7faa001262fbf7 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
div#Component654b438fbd7faa001262fb76 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
div#Component654b40d9d094fa00137bf732 .col-md-6.col-sm-6.padding-col{
    padding: 0 2% !important;
  transition: transform 0.2s ease-out;
}

div#Component654b40d9d094fa00137bf732 .col-xs-12.col-md-3{
    padding: 0 1% !important;
    width: 33.33%;
}

div#Component654b40d860bc5b00138895d3,
div#Component654b4338bd7faa001262fb3f,
div#Component654b434a18997f00126a6373,
div#Component654b435a18997f00126a6389,
div#Component654b436b9616e300139902ff,
div#Component654b437e18997f00126a63b9,
div#Component654b43a1bd7faa001262fbf7,
div#Component654b438fbd7faa001262fb76,
div#contentnewmode654852aad094fa00137bb597,
div#contentnewmode654b0f2c9616e3001398fc71,
div#contentnewmode654b0fea12f05a0013f99def,
div#contentnewmode654b101618997f00126a5b5a,
div#contentnewmode654b103b9616e3001398fc9f,
div#contentnewmode654b105d60bc5b0013889026,
div#contentnewmode654b107cbd7faa001262f2d7,
div#contentnewmode654b109c12f05a0013f99e24,
div#contentnewmode654cd91a7e42bd0013bb66b7{
    padding-right: 75px!important;
}

.post-time, .social-share , .fbcomments, .landingpagemanager{
    display: none;
}

.product-detail h6 {
    margin-top: 1%;
    color: #000;
    margin-bottom: 1.5rem;
}

.product-detail li {
    text-indent: 2%;
    margin-bottom: 1%;
}

.product-detail ul , .condition ul {
    list-style: none;
    padding: 0;
    margin-bottom: 3%;
}

.page-header {
    border: none;
    margin: 3% 0 0;
}

.product-detail h5 {
    padding: 1%;
    text-align: center;
    margin: 1% auto 2%;
}

.product-detail li span, div#Component654b51e9bd7faa0012630035 .fa-plus:before, .work-detaol h5,  .condition li span,
div#Component654b62c89616e3001399099b .fa-plus:before, .service-detail li span{
    color: #006ad7;
}

.text-service h6 {
    color: #444;
    line-height: 26px;
}

div#Component654b40d9d094fa00137bf732 .img-thumbnail, div#Component654b40d9d094fa00137bf732 .thumbnail {
    padding: 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
    background-color: transparent;
}

.table-product thead&gt;tr&gt;th {
    padding: 1.5% !important;
    font-weight: 600;
}

.table-product tbody&gt;tr&gt;td {
    padding: 1.5% !important;
    background-color: #ffffff9e;
}

.table-product {
    border: 1px solid #ccc;
}

.table-product thead {
    background: -webkit-linear-gradient(45deg, #0070d8, #19bbff);
    color:#fff;
}

.table-product tbody&gt;tr:hover {
    background-color: #ebebeb;
}

div#Component654cd8449835cf001396d85f .imgLightbox {
    width: 50%;
    margin: 0 auto -10px;
}

div#Component654cd8449835cf001396d85f .grid figure figcaption {
    padding: 0;
    position: static;
    height: 70px;
}

.grid figure h2 {
    word-spacing: 0;
}

div#Component654cd8449835cf001396d85f .none-middle-mid div div div div:nth-child(3) {
    justify-content: center;
}

div#Component654b51e9bd7faa0012630035 .fa-plus:before,
div#Component654b62c89616e3001399099b .fa-plus:before{
    content: "︾";
    font-size: 26px;
}

div#Component654b51e9bd7faa0012630035 .nav-template7 li li,
div#Component654b62c89616e3001399099b .nav-template7 li li{
    border: none;
    padding: 0;
    background-color: transparent;
}

.join-us li {
    list-style: circle;
}

div#formdisplay654b62fe12f05a0013f9ae23 {
    width: 80%;
    margin: auto;
    padding: 1%;
    border-radius: 20px;
}

div#formdisplay654b62fe12f05a0013f9ae23 .form-control,
div#Component654ced1cb4651e0012f2c972 .form-control {
    border-color: #3a9bff;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 1.5rem;
    height: 38px;
}

.form-work span {
    display: none;
}

div#formdisplay654b62fe12f05a0013f9ae23 .btn-success,
div#btnview654b62fe12f05a0013f9ae23 button,
div#Component654ced1cb4651e0012f2c972 button {
    background-image: none;
    border-radius: 0;
    text-shadow: none;
    background: -webkit-linear-gradient(45deg, #0070d8, #19bbff);
    border: none;
    padding: 0.5rem 2rem;
    color:#fff;
}

.sect-features li h1 {
    margin: 2% 0;
    font-family: 'Audiowide', sans-serif;
    background: -webkit-linear-gradient(45deg, #dedede, #ffffff, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

div#Component65574a89c3998d001a54ec8b .img-container .img {
      border-width: 4px;
    border-style: solid;
    border-image: linear-gradient(131deg, #19bbff, #0070d8) 1;
}

.sect-features li {
    border-width: 4px;
    border-style: solid;
    border-image: linear-gradient(131deg, #19bbff, #0070d8) 1;
    padding: 5%;
    background-color: #fff;
    margin: 2%;
  }

.sect-features ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}

.head-feature h4 {
    color: #fff;
    text-align: center;
    font-weight: 600;
    margin-bottom: 2%;
}

.head-feature {
    background-image: linear-gradient(90deg, #0070d8, #19bbff);
    padding: 3% 0;
}

div#Component654ce31c6fb5d80013d946f5 .imgLightbox img ,
div#Component654b636212f05a0013f9ae6d .imgLightbox img,
div#Component654b40d9d094fa00137bf732 .img-thumbnail{
    clip-path: polygon(0 0, 80% 0, 100% 20%, 100% 70%, 100% 100%, 20% 100%, 0 80%, 0% 30%);
}

.head-question {
    background-image: linear-gradient(90deg, #0070d8, #19bbff);
    padding: 2% 5%;
    color: #fff;
    width: 40%;
    text-align: right;
    position: relative;
    left: -155px;
}

div#Component654b51e9bd7faa0012630035 .nav-template7 li:hover,
div#Component654b62c89616e3001399099b .nav-template7 li:hover,
div#Component654b00ec12f05a0013f997e4 .nav&gt;li&gt;a:hover,
div#Component654b0f2c9616e3001398fc80 .nav&gt;li&gt;a:hover, 
div#Component654b0fea12f05a0013f99df5 .nav&gt;li&gt;a:hover, 
div#Component654b101618997f00126a5b60 .nav&gt;li&gt;a:hover, 
div#Component654b103b9616e3001398fca5 .nav&gt;li&gt;a:hover, 
div#Component654b105d60bc5b001388902c .nav&gt;li&gt;a:hover,
div#Component654b107cbd7faa001262f2dd .nav&gt;li&gt;a:hover, 
div#Component654b109c12f05a0013f99e32 .nav&gt;li&gt;a:hover{
    background-color: #e2f0fdd1;
}

div#Component654b51e9bd7faa0012630035 .nav-template7 li,
div#Component654b62c89616e3001399099b .nav-template7 li{
    background-color: #ffffffab;
    border: none;
    padding: 1%;
    margin: 1% 0;
}

div#Component654b51e9bd7faa0012630035 .nav-template7 li a,
div#Component654b62c89616e3001399099b .nav-template7 li a{
    width: 100%;
}

div#Component654b51e9bd7faa0012630035 .nav-template7 li a span,
div#Component654b62c89616e3001399099b .nav-template7 li a span{
    right: 40px;
    position: absolute;
}

.condition h4 {
   margin-bottom: 3%;
}

.question {
    padding: 1% 0;
}

.join-us h6 {
   margin-top: 2%;
}

.contatc-page li {
    padding: 5%;
    margin: 3%;
    display: grid;
    grid-template-columns: 20% auto;
    gap: 10px;
    align-items: center;
    text-align: left;
    background-color: #ffffffa6;
}

.contatc-page ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4,1fr);
}

.contatc-page {
    text-align: center;
}

.contatc-page h5, .sect-features li p {
    color: #000;
}

.contatc-page a, .service-detail a {
    color: #444;
}

.footer a {
    color: #fff;
}

.footer a:hover {
    color: #000;
}

div#Component654ced1cb4651e0012f2c972 {
    padding: 3% 10% 0 0;
    background-color: #ffffffa6;
    width: 120%;
}

.sect-about button:hover , .box-service button:hover,
div#formdisplay654b62fe12f05a0013f9ae23 .btn-success:hover, 
div#btnview654b62fe12f05a0013f9ae23 button:hover, 
div#Component654ced1cb4651e0012f2c972 button:hover, .pre-service button:hover{
    background-color: #0070d8;
      background-image: none;
}

div#Component654b40d860bc5b00138895d3 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover,
div#Component654b4338bd7faa001262fb3f .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover,
div#Component654b434a18997f00126a6373 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover,
div#Component654b435a18997f00126a6389 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover,
div#Component654b436b9616e300139902ff .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover,
div#Component654b437e18997f00126a63b9 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover,
div#Component654b107cbd7faa001262f2dd .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover,
div#Component654b43a1bd7faa001262fbf7 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover,
div#Component654b438fbd7faa001262fb76 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover,
div#Component654b40d9d094fa00137bf732 .col-md-6.col-sm-6.padding-col:hover, .social-footer img:hover,
.sect-features li:hover, .contatc-page li:hover, 
div#Component65574a89c3998d001a54ec8b .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover{
   transform: scale(0.95);
}

.social-footer img , .sect-features li, .contatc-page li{
    transition: transform 0.2s ease-out;
}

.ITPcookiebar {
  width: 100% !important;
    background-color: #19bbff40 !important;
    color: #171717;
}

.buttonExampleSite {
    border-radius: 5rem !important;
    border: 1px solid #171717 !important;
    color: #171717 !important;
}

.buttonExampleSite:hover {
    background: #1b3e8d !important;
    color: #ffffff !important;
}

.ITPlinkToCookiepage:hover , .service-detail a:hover{
    color: #1b3e8d !important;
}

.itpPDPALandingPage ,
.ITP-pdpa-template-contentFont{
    font-size: 16px !important;
    margin-bottom: 3% !important;
}

div#Component654ced1cb4651e0012f2c972 .form-group.col-sm-offset-3.col-sm-6.col-md-offset-3.col-md-6 {
    width: 60% !important;
    margin-left: 25%;
}

div#Component654b40d9d094fa00137bf732 .col-md-6.pull-left {
    margin-right: 2%;
}

div#Component65574a89c3998d001a54ec8b {
   width: 1170px;
   margin:auto;
}

.pre-service {
    padding: 3% 1%;
    color: #000;
}

.service-detail ul {
    list-style: none;
    padding: 0;
}

.service-detail li {
    margin-bottom: 1%;
    text-indent: 20px;
}

div#Component65574a89c3998d001a54ec8b .col-md-4.col-sm-4.col-xs-12.padding-md.text-center {
    padding: 1% !important;
}

div#Component65574a89c3998d001a54ec8b .col-md-4.col-sm-4.col-xs-12.padding-md.text-center {
   transition: transform 0.2s ease-out;
}

div#Component65574a89c3998d001a54ec8b .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover button {
   background-color:#0070d8;
}

.service-detail h6 {
    margin-top: 3%;
}
/******************responsive*****************/

@media screen and (min-width : 1900px) {

  .navbar-default .navbar-nav&gt;li&gt;a {
    font-size: 20px;
    padding: 10px 15px;
}
  
  .sect-about h1 {
    font-size: 8em;
}
  
   
  h2 {
    font-size: 3.4em;
}
  
  h3 {
    font-size: 3em;
}
  
  div#Component65574a89c3998d001a54ec8b {
    width: 1440px;
}
  
  p, .product-detail li, .table-product thead&gt;tr&gt;th, .text-service h6, .question p, 
  div#Component654b51e9bd7faa0012630035 .nav-template7 li, 
  div#Component654b62c89616e3001399099b .nav-template7 li, .condition li,
  div#Component654b00ec12f05a0013f997e4 .nav-pills&gt;li&gt;a, 
  div#Component654b0f2c9616e3001398fc80 .nav-pills&gt;li&gt;a, 
  div#Component654b0fea12f05a0013f99df5 .nav-pills&gt;li&gt;a, 
  div#Component654b101618997f00126a5b60 .nav-pills&gt;li&gt;a, 
  div#Component654b103b9616e3001398fca5 .nav-pills&gt;li&gt;a, 
  div#Component654b105d60bc5b001388902c .nav-pills&gt;li&gt;a, 
  div#Component654b107cbd7faa001262f2dd .nav-pills&gt;li&gt;a, 
  div#Component654b109c12f05a0013f99e32 .nav-pills&gt;li&gt;a,
  div#Component654b40d860bc5b00138895d3 .caption, 
  div#Component654b4338bd7faa001262fb3f .caption,
  div#Component654b434a18997f00126a6373 .caption, 
  div#Component654b435a18997f00126a6389 .caption, 
  div#Component654b436b9616e300139902ff .caption, 
  div#Component654b437e18997f00126a63b9 .caption, 
  div#Component654b107cbd7faa001262f2dd .caption, 
  div#Component654b43a1bd7faa001262fbf7 .caption, 
  div#Component654b438fbd7faa001262fb76 .caption,
  div#Component654b62c89616e3001399099b strong, 
  div#Component654b51e9bd7faa0012630035 strong,
  .pre-service p, .service-detail li, .pre-product p{
    font-size: 20px;
}
  
  .sect-about p ,.about-page p, .about-page h4, .work-detaol p, .text-service h6{
    line-height: 30px;
}
  
  .box-service button, .sect-about button, .table-product tbody&gt;tr&gt;td , div#formdisplay654b62fe12f05a0013f9ae23 .btn-success, 
  div#btnview654b62fe12f05a0013f9ae23 button, div#Component654ced1cb4651e0012f2c972 button, .pre-service button{
    font-size: 16px;
}
  
  h5 {
    font-size: 2.2em;
}
  
  div#Component654b40d860bc5b00138895d3 .caption, 
  div#Component654b4338bd7faa001262fb3f .caption, 
  div#Component654b434a18997f00126a6373 .caption, 
  div#Component654b435a18997f00126a6389 .caption, 
  div#Component654b436b9616e300139902ff .caption, 
  div#Component654b437e18997f00126a63b9 .caption, 
  div#Component654b107cbd7faa001262f2dd .caption, 
  div#Component654b43a1bd7faa001262fbf7 .caption, 
  div#Component654b438fbd7faa001262fb76 .caption,
  .pre-product p{
     padding: 3% 12% 0;
  }
  
  .pre-product p {
         height: 75px !important;
  }
  
  .box-service h4 {
    font-size: 38px;
    line-height: 50px;
}
  
  h4, h3.managerHeader {
    font-size: 2.6em;
}
  
  .head-cate {
    margin-top: 70px;
}
  
  div#Component654b40d860bc5b00138895d3, 
  div#Component654b4338bd7faa001262fb3f, 
  div#Component654b434a18997f00126a6373, 
  div#Component654b435a18997f00126a6389, 
  div#Component654b436b9616e300139902ff, 
  div#Component654b437e18997f00126a63b9, 
  div#Component654b43a1bd7faa001262fbf7, 
  div#Component654b438fbd7faa001262fb76, 
  div#contentnewmode654852aad094fa00137bb597, 
  div#contentnewmode654b0f2c9616e3001398fc71, 
  div#contentnewmode654b0fea12f05a0013f99def, 
  div#contentnewmode654b101618997f00126a5b5a, 
  div#contentnewmode654b103b9616e3001398fc9f, 
  div#contentnewmode654b105d60bc5b0013889026,
  div#contentnewmode654b107cbd7faa001262f2d7, 
  div#contentnewmode654b109c12f05a0013f99e24, 
  div#contentnewmode654cd91a7e42bd0013bb66b7 {
    padding-right: 125px!important;
}
  
  div#Component654b00ec12f05a0013f997e4 .nav-pills, 
  div#Component654b0f2c9616e3001398fc80 .nav-pills, 
  div#Component654b0fea12f05a0013f99df5 .nav-pills, 
  div#Component654b101618997f00126a5b60 .nav-pills, 
  div#Component654b103b9616e3001398fca5 .nav-pills, 
  div#Component654b105d60bc5b001388902c .nav-pills, 
  div#Component654b107cbd7faa001262f2dd .nav-pills, 
  div#Component654b109c12f05a0013f99e32 .nav-pills {
    padding-left: 125px;
}
  
  .dropdown-menu&gt;li&gt;a,
div#Component654ced1cb4651e0012f2c972 label {
    font-size: 18px;
}
  
  h6 {
    font-size: 1.8em;
}
  
  div#Component654cd8449835cf001396d85f .grid figure figcaption {
    height: 90px;
}
  
  h1 {
    font-size: 4.5em;
}
  
  div#formdisplay654b62fe12f05a0013f9ae23 .form-control, div#Component654ced1cb4651e0012f2c972 .form-control {
    margin-bottom: 2rem;
    height: 45px;
}
  
  .head-question {
    left: -280px;
    width: 43%;
}
}

@media screen and (max-width : 1366px) {

h3 {
    font-size: 2.2em;
}
  
  
  div#Component654b00ec12f05a0013f997e4 .nav-pills, 
  div#Component654b0f2c9616e3001398fc80 .nav-pills, 
  div#Component654b0fea12f05a0013f99df5 .nav-pills, 
  div#Component654b101618997f00126a5b60 .nav-pills, 
  div#Component654b103b9616e3001398fca5 .nav-pills, 
  div#Component654b105d60bc5b001388902c .nav-pills, 
  div#Component654b107cbd7faa001262f2dd .nav-pills, 
  div#Component654b109c12f05a0013f99e32 .nav-pills {
    padding-left: 25px;
}

  div#Component654b40d860bc5b00138895d3, 
  div#Component654b4338bd7faa001262fb3f, 
  div#Component654b434a18997f00126a6373, 
  div#Component654b435a18997f00126a6389, 
  div#Component654b436b9616e300139902ff, 
  div#Component654b437e18997f00126a63b9, 
  div#Component654b43a1bd7faa001262fbf7, 
  div#Component654b438fbd7faa001262fb76, 
  div#contentnewmode654852aad094fa00137bb597, 
  div#contentnewmode654b0f2c9616e3001398fc71, 
  div#contentnewmode654b0fea12f05a0013f99def, 
  div#contentnewmode654b101618997f00126a5b5a, 
  div#contentnewmode654b103b9616e3001398fc9f, 
  div#contentnewmode654b105d60bc5b0013889026, 
  div#contentnewmode654b107cbd7faa001262f2d7, 
  div#contentnewmode654b109c12f05a0013f99e24, 
  div#contentnewmode654cd91a7e42bd0013bb66b7 {
    padding-right: 25px!important;
}
  
  .box-service h4 {
    font-size: 28px;
    line-height: 40px;
}
  
  .pre-product p {
    font-size: 14px;
  }
  
  .pre-product p {
    height: 60px !important;
}

}

@media screen and (max-width : 1200px) {

  .sect-about h1 {
    font-size: 5.5em;
}
  
  h3 {
    font-size: 2em;
}
  
  div#Component654b00ec12f05a0013f997e4 .nav-pills, 
  div#Component654b0f2c9616e3001398fc80 .nav-pills, 
  div#Component654b0fea12f05a0013f99df5 .nav-pills, 
  div#Component654b101618997f00126a5b60 .nav-pills, 
  div#Component654b103b9616e3001398fca5 .nav-pills, 
  div#Component654b105d60bc5b001388902c .nav-pills, 
  div#Component654b107cbd7faa001262f2dd .nav-pills, 
  div#Component654b109c12f05a0013f99e32 .nav-pills {
    padding-left: 0;
}
  
  div#Component654b40d860bc5b00138895d3, 
  div#Component654b4338bd7faa001262fb3f, 
  div#Component654b434a18997f00126a6373, 
  div#Component654b435a18997f00126a6389, 
  div#Component654b436b9616e300139902ff, 
  div#Component654b437e18997f00126a63b9, 
  div#Component654b43a1bd7faa001262fbf7, 
  div#Component654b438fbd7faa001262fb76, 
  div#contentnewmode654852aad094fa00137bb597, 
  div#contentnewmode654b0f2c9616e3001398fc71, 
  div#contentnewmode654b0fea12f05a0013f99def, 
  div#contentnewmode654b101618997f00126a5b5a, 
  div#contentnewmode654b103b9616e3001398fc9f, 
  div#contentnewmode654b105d60bc5b0013889026, 
  div#contentnewmode654b107cbd7faa001262f2d7, 
  div#contentnewmode654b109c12f05a0013f99e24, 
  div#contentnewmode654cd91a7e42bd0013bb66b7 {
    padding-right: 0!important;
}
  
  div#Component654b40d860bc5b00138895d3 .caption, 
  div#Component654b4338bd7faa001262fb3f .caption, 
  div#Component654b434a18997f00126a6373 .caption, 
  div#Component654b435a18997f00126a6389 .caption, 
  div#Component654b436b9616e300139902ff .caption, 
  div#Component654b437e18997f00126a63b9 .caption, 
  div#Component654b107cbd7faa001262f2dd .caption, 
  div#Component654b43a1bd7faa001262fbf7 .caption, 
  div#Component654b438fbd7faa001262fb76 .caption,
  .pre-product p{
    padding: 5%;
  }
  
  .Contentmanager .site .col-section .item.-micro a .post {
  display: none!important;
}
  
  .box-service h4 {
    font-size: 26px;
    line-height: 38px;
}
  
  .footer br, .sect-about br {
    display: none;
}
  
  .time-open {
    grid-template-columns: 22% 6% 58%;
}
  
  h4, h3.managerHeader {
    font-size: 2em;
}
  
  .about-page p, .about-page h4, .work-detaol p {
    line-height: inherit;
}
  
  .sect-features ul {
    gap: 10px;
}
  
.sect-features li {
    margin: 0;
}

}

@media screen and (max-width : 900px) {
  
  .time-open , div#contentnewmode654852a39616e3001398c08c,
  div#Component654b00ec12f05a0013f997e4,
  div#contentnewmode654b0fea12f05a0013f99dec,
  div#Component654b0fea12f05a0013f99df5,
  div#contentnewmode654b0f2c9616e3001398fc6e,
  div#Component654b0f2c9616e3001398fc80,
  div#contentnewmode654b101618997f00126a5b57,
  div#Component654b101618997f00126a5b60,
  div#contentnewmode654b103b9616e3001398fc9c,
  div#Component654b103b9616e3001398fca5,
  div#contentnewmode654b105d60bc5b0013889023,
  div#Component654b105d60bc5b001388902c,
  div#contentnewmode654b107cbd7faa001262f2d4,
  div#Component654b107cbd7faa001262f2dd,
  div#contentnewmode654b109c12f05a0013f99e21,
  div#Component654b109c12f05a0013f99e32{
    display: none;
}
  
  .sect-about h1 {
    font-size: 4em;
}
  
  .box-service button, .sect-about button, .table-product tbody&gt;tr&gt;td, 
  div#formdisplay654b62fe12f05a0013f9ae23 .btn-success, 
  div#btnview654b62fe12f05a0013f9ae23 button, 
  div#Component654ced1cb4651e0012f2c972 button,
  .pre-service button{
    font-size: 12px;
}
  
  .sect-about, div#Component654ced0e7e42bd0013bb67af {
    margin-top: 0;
}
  
  div#Component654af91e9616e3001398f135 .imgLightbox {
    padding-left: 0%;
}
  
  .box-service h4 {
    font-size: 22px;
    line-height: 34px;
    margin-bottom: -20px;
}
  
  .box-service {
    left: 10%;
}
  
  h3 {
    font-size: 1.8em;
}
  
  .head-product {
    margin-bottom: 3.5%;
}
  
  div#Component654b40d9d094fa00137bf732 .col-md-6.pull-left {
    width: 50%;
}
  
  .head-question {
    left: -30px;
}
  
  div#Component654b62c89616e3001399099b strong, div#Component654b51e9bd7faa0012630035 strong {
    font-size: 16px;
}
  
  div#formdisplay654b62fe12f05a0013f9ae23 .col-md-12.col-sm-12 ,
  div#formdisplay654b62fe12f05a0013f9ae23 .col-md-6.col-sm-12 {
    padding: 0 !important;
}
  
  div#formdisplay654b62fe12f05a0013f9ae23 {
    padding: 3%;
}
  
  div#capcha0 {
    display: block !important;
}
  
  div#capcha0 {
    padding: 0 3%;
}
  
  .contatc-page ul {
    grid-template-columns: repeat(3,1fr);
}
  
  div#Component654ced1cb4651e0012f2c972 {
    padding: 3% 15% 0 0;
}
  
  div#Component65574a89c3998d001a54ec8b {
    width: 100%;
    margin: auto;
}
  
  .pre-service p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
  
  .pre-product br {
    display: none;
}
}

@media screen and (max-width : 480px) {

 div#Component654b40d860bc5b00138895d3 .caption, 
  div#Component654b4338bd7faa001262fb3f .caption, 
  div#Component654b434a18997f00126a6373 .caption, 
  div#Component654b435a18997f00126a6389 .caption, 
  div#Component654b436b9616e300139902ff .caption, 
  div#Component654b437e18997f00126a63b9 .caption, 
  div#Component654b107cbd7faa001262f2dd .caption, 
  div#Component654b43a1bd7faa001262fbf7 .caption, 
  div#Component654b438fbd7faa001262fb76 .caption,
  .pre-product p{
    padding: 3%;
    margin-bottom: 0;
    height: 70px !important;
}
  .Contentmanager .site .col-section .item.-micro a .post {
  display: none!important;
}
  
  div#Component654b40d860bc5b00138895d3 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
  div#Component654b4338bd7faa001262fb3f .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
  div#Component654b434a18997f00126a6373 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
  div#Component654b435a18997f00126a6389 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
  div#Component654b436b9616e300139902ff .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
  div#Component654b437e18997f00126a63b9 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
  div#Component654b438fbd7faa001262fb76 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
  div#Component654b43a1bd7faa001262fbf7 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center{
    width: 50%;
}
  
  div#Component654b05dd18997f00126a57fc .col-md-6.col-sm-6.col-xs-6 {
    width: 100%;
}

  div#contentnewmode654b0aa360bc5b0013888e3c,
  div#imagesControl654af38460bc5b00138887f6,
  div#imagesControl654b05dd18997f00126a57fc,
  div#contentnewmode654ce2ff3af316001371aa97{
    padding: 0 !important;
}


div#contentnewmode654af93f9616e3001398f2c7{
    display: none;
}
  
  .box-service h4 {
    margin-bottom: 0;
}

  div#Component654cd8449835cf001396d85f .imgLightbox {
    width: 75%;
    margin: 0 auto;
}
  
  .text-service br, div#contentnewmode654cdfceb70bc0001367bc32 {
    display: none;
}
  
  .text-service {
    text-align: center;
}
  
  div#Component654cd8449835cf001396d85f .col-md-3.col-sm-4.col-xs-4 {
    width: 40% !important;
}
  
  .sect-features ul {
    grid-template-columns: repeat(2,1fr);
}
  
  .head-feature {
    padding: 6% 0;
}
  
  .head-feature h4 {
    margin-bottom: 4%;
}
  
  .head-question {
    left: -20px;
    width: 60%;
    padding: 3% 6% 3% 0;
}
  
 h4, h3.managerHeader {
    font-size: 1.6em;
}
  
   .work-detaol p {
    margin-bottom: 4.5%;
  }
  
  div#Component654b62c89616e3001399099b .col-md-12.text-justify,
  div#Component654b51e9bd7faa0012630035 .col-md-12.text-justify{
    padding: 0;
}
  
  div#formdisplay654b62fe12f05a0013f9ae23 {
    width: 100%;
}
  
  .contatc-page ul {
    grid-template-columns: repeat(2,1fr);
}

  .contatc-page ul {
    grid-template-columns: repeat(1,1fr);
}
  
  .contatc-page li {
    grid-template-columns: 12% auto;
    margin: 1%;
    padding: 3%;
}
  
  div#Component654ced1cb4651e0012f2c972 {
    padding: 2%;
    width: 100%;
}
  
  .social-footer {
    display: none;
}
  
  .coty-right p {
    margin-top: 0;
}
  
  .box-service button, .sect-about button, 
  .table-product tbody&gt;tr&gt;td, div#formdisplay654b62fe12f05a0013f9ae23 .btn-success, .pre-service button,
  div#btnview654b62fe12f05a0013f9ae23 button, div#Component654ced1cb4651e0012f2c972 button {
    font-size: 14px;
}
  div#formdisplay654b62fe12f05a0013f9ae23 .btn-success, div#btnview654b62fe12f05a0013f9ae23 button, div#Component654ced1cb4651e0012f2c972 button{
    padding: 0.75rem 2rem;
  }
  
  div#Component654b40d9d094fa00137bf732 .col-md-6.pull-left {
    width: 100%;
    padding: 0 !important;
    float: none !important;
}
  
  div#Component654b40d9d094fa00137bf732 .col-md-12.text-justify {
    padding: 0 2%;
}
  
  h6 {
    font-size: 1.6em;
}
  
  h3.managerHeader {
    margin-bottom: -10px;
}
  
  .ITPcookiebar {
    padding: 3%;
    display: flex !important;
}
  
  .ITPcookieLeftText {
    /* color: white; */
    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,
div#Component654ced1cb4651e0012f2c972 label {
    font-size: 14px;
}

 div#Component654ced1cb4651e0012f2c972 .form-group.col-sm-offset-3.col-sm-6.col-md-offset-3.col-md-6 {
    width: 100% !important;
    margin-left: 0;
}

  div#Component654b40d9d094fa00137bf732 .col-md-6.pull-left {
    margin-right: 0;
}
  
  .pre-service p {
    display: -webkit-box;
    -webkit-line-clamp: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
  
}
#ContentmanagerTemplate654b438fbd7faa001262fb76 .col-md-6 {
    width: 33.33%;
}

#ContentmanagerTemplate654b438fbd7faa001262fb76 .Contentmanager .site .col-section .item.-micro a .caption .title{
 display: none!important 
}

</pre></body></html>