.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) {}

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

.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%;
}

/**************master-page******************/

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%;
}
/*************************responsive********************************/

@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 {
    /* 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 {
    font-size: 14px;
}
  
  div#cookie668f9dbbb372d7001a6e9a2b {
    padding: 0 2%;
}
  
  div#cookie6690a7c1c3d71800135683dc {
    color: #000;
}
  div#Contentmanager .col-xs-12.col-md-3 {
    width: 100%;
}
}