.itopplus-background {

}
body {
    overflow-x: hidden;
}

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

/************Menu***************/
.navbar-default .navbar-nav>li>a {
    color: #000;
    margin: 0 15px;
    padding: 10px 3px;
}

.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: #000 !important;
    box-shadow: 0px 3px 0px 0px #1187ff;
    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;
}

/********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: 45px !important;
    top: 5px;
    left: 15px;
}


}

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

.navbar-default {
    background: transparent;
}


#controlBanner {
    object-fit: contain;
    padding: 15px;
    width: 75%;
    position: absolute;
    margin: 0 auto;
    top: -20px;
    right: -20px;
}

.itopplus-banner {
    padding: 1.5% 0;
}

.itopplus-menu {
    text-align: right;
}  
  
}

@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: 5.125em;
}

h2 {
    font-size: 4.2em;
}

h3 {
    font-size: 3.2em;
}

h4 {
    font-size: 2.8em;
}

h5, .text-consult h5, h3.managerHeader {
    font-size: 2em;
}

h6 {
    font-size: 1.6em;
}

p, .pre-project p ,figure.effect-selena p{
    font-size: 16px;
}

.pre-news button, .sect-article button, .pre-project button, div#Component657fb72dd84bba001a2164af button,
div#Component659ceb9a24e793001a5f829c button{
    font-size: 14px;
}

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

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

.fw-semi, .text-consult h5, .item-service h6,.head-service h4,
.service-detail h6, .about-page h5, .history-detail h4, .about-cert h6,
.contact-page h5, h3.managerHeader, .product-detail h6{
	font-weight: 600;
}


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

.itopplus-banner , div#controlBanner img{
    box-shadow: 0 4px 8px rgb(0,0,0,0.1);
}

div#controlBanner img {
    border-radius: 50%;
}

.navbar-nav>li:hover .dropdown-menu {
    display: block;
}


.footer {
    padding-bottom: 3%;
    border-bottom: 1px solid #949494;
}

.footer h6 {
    height: 50px;
    font-weight: 600;
}

.logo-footer {
    width: 45%;
    margin: auto;
}

.social-footer {
    display: grid;
    grid-template-columns: 12% 12% 12%;
    gap: 10px;
}

.copy-right p, .sect-first h2 , .text-slogan h1, .sect-product h1,.our-offer h3,
 .sect-product h2,.sect-article h2, .head-page h2, .text-limited h1,.our-offer li h5,
.history-detail h4, .time-line h5, .time-line ul li .title h3,.about-page h5{
    font-family: 'Teko', sans-serif;
}

.sect-first h2, .sect-product h1, .sect-product h2, .footer a:hover, 
.sect-article h2, .text-limited h1, .about-page h5,.our-offer h3 , .contact-page a:hover,
.sect-project a:hover{
    color: #1187ff;
}

.copy-right p, .text-tool ,.time-line{
    margin-top: 3%;
}

.footer a , .sect-project a{
    color: #fff;
}

.sect-first h2, .our-offer li h5 {
    font-weight: 400;
}

.text-slogan h1, .sect-first h2, .head-page,.head-service ,.history-detail,.time-line {
    text-align: center;
}

.text-slogan h1 {
    font-size: 12em;
    font-weight: 700;
}

.text-slogan h1 span.we-move {
    background: url(http://itp1.itopfile.com/ImageServer/z_itp_300020238psn/1140/0/oil-gas-refinery-plant-petrochemical-industry-blue-sky-sunsetz-z590439448318.webp);
    background-size: 110% 200%;
    background-position: bottom;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    background-repeat: no-repeat;
}

.text-slogan h1 span.water{
    background: url(http://itp1.itopfile.com/ImageServer/z_itp_300020238psn/1140/0/beautiful-photo-sea-wavesz-z282767912531.webp);
    background-size: 100% 200%;
    background-position: center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    background-repeat: no-repeat;
}

div#Component657bcd1193097e001add7618 .thumbs, .sect-article h2, .text-limited h1,.our-offer li h5 ,
div#mainmenu657fafb5ef65030019272311 .thumbs, div#Component659cea55262ff4001b75f17b .thumbs,
div#mainmenu659cea8224e793001a5f809b .thumbs{
    margin: 0;
}

.box-service {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}

.box-service2 {
    display: grid;
    grid-template-columns: repeat(4,1fr);
}

.bg-grey {
    background-color: #f8f8f8;
    color:#444;
}

.bg-blue {
    background-color: #1187ff;
    color:#fff;
}

.item-service img {
    width: 28% !important;
    margin-bottom: 5%;
    margin-top: 5%;

}

.item-service {
    padding: 8%;
    text-align: center;
    height: 225px;
    transition: transform 0.2s ease-out;
}

.boderedlayoutClient {
    border: none;
}

div#Component657bcd1193097e001add7618 figure.effect-oscar figcaption,
div#Component659cea55262ff4001b75f17b figure.effect-oscar figcaption{
    background: linear-gradient(0deg, #272727e8, transparent);
    padding: 0;
}

div#Component657bcd1193097e001add7618 figure.effect-oscar figcaption::before,
div#Component659cea55262ff4001b75f17b figure.effect-oscar figcaption::before{
    border: none;
    transition: none;
    transform: none;
}

div#Component657bcd1193097e001add7618 figure.effect-oscar h2,
div#Component659cea55262ff4001b75f17b figure.effect-oscar h2{
    transition: none;
    transform: none;
}

div#Component657bcd1193097e001add7618 figure.effect-oscar figcaption::before, 
div#Component657bcd1193097e001add7618 figure.effect-oscar p ,
div#Component657bcd1193097e001add7618 figure.effect-oscar h2,
div#Component659cea55262ff4001b75f17b figure.effect-oscar figcaption::before,
div#Component659cea55262ff4001b75f17b figure.effect-oscar p,
div#Component659cea55262ff4001b75f17b figure.effect-oscar h2 {
    opacity: 1 !important;
    transition: none;
    transform: none;
    font-size: unset;
    font-weight: unset;
    letter-spacing: normal;
}

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

.text-consult {
    text-align: left;
    position: absolute;
    bottom: 60px;
    left: 55px;
}

.text-consult p, .sect-product p,.service-detail p, .text-tool p, .about-page p , .text-limited p , .product-detail p,.news-detail p{
    line-height: 26px;
}

.sect-product h1, .sect-product h2, .text-limited div:nth-child(1) {
    margin: 0;
    border-right: 1px solid #c8c8c8;
    margin-right: 3%;
}

.sect-product {
    display: grid;
    grid-template-columns: 30% 70%;
    gap: 25px;
    align-items: center;
}

.sect-project .number {
    background: linear-gradient(0deg, #0e74ff, #00aeff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    position: absolute;
    top: 50px;
    margin: 0;
    font-family: 'Teko', sans-serif;
    font-size: 6em;
}

.head-page h2 {
    background: linear-gradient(0deg, #0e74ff, #00aeff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    margin: 0;
}

.text-project {
    font-family: 'Teko', sans-serif;
    color: #0b2c4b;
    margin: 0;
    position: relative;
    font-size: 5.5em;
    margin-bottom: 13%;
}

.sect-project hr {
    width: 30%;
    margin-left: 0;
    background-image: linear-gradient(90deg, #00aeff, #0e74ff);
    border: 0;
    height: 5px;
}

div#Component657bd89fbe17d5001aafb988 .imgLightbox a::before,
div#Component659cea55262ff4001b75f187 .imgLightbox a::before{
    content: "";
    position: absolute;
    inset: 0;
    box-shadow: inset 0 7px 0 0 rgba(4, 159, 255, 1), inset -7px 0 0 0 rgba(4, 159, 255, 1);
}

div#Component657bd89fbe17d5001aafb988 .imgLightbox,
div#Component657bd8c180616b001a6dca15 .imgLightbox,
div#Component657bd8da3aa863001acede2f .imgLightbox,
div#Component659cea55262ff4001b75f187 .imgLightbox,
div#Component659cea55262ff4001b75f18d .imgLightbox,
div#Component659cea55262ff4001b75f193 .imgLightbox{
    position: relative;
}

div#Component657bd8c180616b001a6dca15 .imgLightbox a::before,
div#Component659cea55262ff4001b75f18d .imgLightbox a::before{
    content: "";
    position: absolute;
    inset: 0;
    box-shadow: inset 7px 0 0 0 rgba(4, 159, 255, 1), inset 0 -7px 0 0px rgba(4, 159, 255, 1);
}

div#Component657bd8da3aa863001acede2f .imgLightbox a::before,
div#Component659cea55262ff4001b75f193 .imgLightbox a::before{
    content: "";
    position: absolute;
    inset: 0;
    box-shadow:  inset 0 -7px 0 0px rgba(4, 159, 255, 1), inset -7px 0 0 0 rgba(4, 159, 255, 1);
}

.sect-first {
    margin-bottom: -25px;
}

.sect-article button, .pre-project button {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #000;
    padding: 7px;
    color:#000;
}

.sect-article {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

div#Component657bf09580616b001a6dcc62 .pagination, .Text_seller2, div#Component659cea55262ff4001b75f19e .pagination {
    display: none;
}

div#Component657bf09580616b001a6dcc62 .Contentmanager .template1 .template-panel ,
div#Component657c071b3aa863001acee4f0 .Contentmanager .template1 .template-panel,
div#Component659cea55262ff4001b75f19e .Contentmanager .template1 .template-panel,
div#Component659ceb5d24e793001a5f8256 .Contentmanager .template1 .template-panel{
    padding-bottom: 67%;
}

div#Component657bf09580616b001a6dcc62 .col-md-4.col-sm-4.col-xs-12,
div#Component657c071b3aa863001acee4f0 .col-md-4.col-sm-4.col-xs-12,
div#Component657bf09680616b001a6dcc6d .col-md-3.col-sm-3,
div#Component657bf09680616b001a6dcc6d .col-md-4.col-sm-4,
div#Component657bf09680616b001a6dcc6d .col-xs-6.col-md-3,
div#Component659d03b2cde293001a72dc98 .col-md-3.col-sm-3,
div#Component659d03b2cde293001a72dc98 .col-md-4.col-sm-4,
div#Component659d03b2cde293001a72dc98 .col-xs-6.col-md-3,
div#Component659cea55262ff4001b75f19e .col-md-4.col-sm-4.col-xs-12,
div#Component659ceb5d24e793001a5f8256 .col-md-4.col-sm-4.col-xs-12{
    padding: 0 1% !important;
    transition: transform 0.2s ease-out;
}

.pre-news h6 {
    color: #000;
    line-height: 28px;
    height: 60px;
}

.pre-news, .pre-project {
    text-align: left;
}

.pre-news button ,div#Component657fb72dd84bba001a2164af button,
div#Component659ceb9a24e793001a5f829c button{
    background-color: #1187ff;
    color: #fff;
    border: none;
    padding: 0.55rem 2rem;
}

div#Component657bfa4319c4bc001a245f74 .Contentmanager .template1 .template-panel,
div#Component657c00ef80616b001a6dcf06 .Contentmanager .template1 .template-panel,
div#Component657c03f019c4bc001a246145 .Contentmanager .template1 .template-panel,
div#Component659cea55262ff4001b75f169 .Contentmanager .template1 .template-panel,
div#Component659ceb2e9f1cc400133c9a35 .Contentmanager .template1 .template-panel,
div#Component659ceb449f1cc400133c9a49 .Contentmanager .template1 .template-panel{
    padding-bottom: 80%;
}

div#Component657bfa4319c4bc001a245f74 .col-md-4.col-sm-4.col-xs-12:nth-child(n+4) .caption,
div#Component657c00ef80616b001a6dcf06 .col-md-4.col-sm-4.col-xs-12:nth-child(n+4) .caption{
    font-size: 16px;
    height: 50px;
    padding: 5% 0 0;
}

div#Component657bfa4319c4bc001a245f74 .caption,
div#Component657c00ef80616b001a6dcf06 .caption,
div#Component659cea55262ff4001b75f169 .caption,
div#Component659ceb2e9f1cc400133c9a35 .caption{
    height: 60px;
    background-color: #091c2e;
    color: #fff;
    font-size: 18px;
    padding: 4% 0 0;
}

div#Component657bfa4319c4bc001a245f74 .col-md-4.col-sm-4.col-xs-12:nth-child(n+4),
div#Component657c00ef80616b001a6dcf06 .col-md-4.col-sm-4.col-xs-12:nth-child(n+4),
div#Component659cea55262ff4001b75f169 .col-md-4.col-sm-4.col-xs-12:nth-child(n+4),
div#Component659ceb2e9f1cc400133c9a35 .col-md-4.col-sm-4.col-xs-12:nth-child(n+4){
    width: 25% !important;
}

div#Component657bfa4319c4bc001a245f74 .col-md-4.col-sm-4.col-xs-12,
div#Component657c00ef80616b001a6dcf06 .col-md-4.col-sm-4.col-xs-12,
div#Component657c03f019c4bc001a246145 .col-md-4.col-sm-4.col-xs-12,
div#Component659cea55262ff4001b75f169 .col-md-4.col-sm-4.col-xs-12,
div#Component659ceb2e9f1cc400133c9a35 .col-md-4.col-sm-4.col-xs-12,
div#Component659ceb449f1cc400133c9a49 .col-md-4.col-sm-4.col-xs-12{
    padding: 1% !important;
    transition: transform 0.2s ease-out;
}

.head-page h6 {
    font-weight: 600;
    color: #444;
}

.pre-project {
    padding: 3% 0 0;
    color: #000;
}

.pre-project button {
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(90deg, #00aeff, #0e74ff);
    border-image-slice: 1;
}

.pre-news {
    padding: 0 3%;
    margin-bottom: 10%;
}

.text-tool {
    padding: 0 3%;
}

div#Component657c17f13aa863001acee7a7 .imgLightbox img,
div#Component657c19f67950eb001a18f3c6 .imgLightbox img,
div#Component657c2f8d19c4bc001a246701 .imgLightbox img,
div#Component657fc57fad53a000192cc041 .imgLightbox img,
div#Component659cea8224e793001a5f80b0 .imgLightbox img,
div#Component659ceaf224e793001a5f8143 .imgLightbox img,
div#Component659ceb0f262ff4001b75f1ee .imgLightbox img{
    border: 1px solid #ddd;
}

.head-service h4, .time-line h5, .product-detail h6{
    margin-bottom: 2%;
}

figure.effect-selena {
    background: transparent;
}

.service-detail h6 {
    margin-bottom: 1rem;
    line-height: 34px;
}

div#Component657c17f13aa863001acee7a7 figcaption,
div#Component657c19f67950eb001a18f3c6 figcaption,
div#Component659ceaf224e793001a5f8143 figcaption,
div#Component659ceb0f262ff4001b75f1ee figcaption{
    padding: 0;
    position: static;
  text-transform: inherit;
}

div#Component657c17f13aa863001acee7a7 figure.effect-selena p,
div#Component657c19f67950eb001a18f3c6 figure.effect-selena p,
div#Component659ceaf224e793001a5f8143 figure.effect-selena p,
div#Component659ceb0f262ff4001b75f1ee figure.effect-selena p{
    opacity: 1 !important;
    color: #000;
    transition: none;
    transform: none;
    letter-spacing: 0;
}

div#Component657c17f13aa863001acee7a7 figure.effect-selena h2,
div#Component657c19f67950eb001a18f3c6 figure.effect-selena h2,
div#Component659ceaf224e793001a5f8143 figure.effect-selena h2,
div#Component659ceb0f262ff4001b75f1ee figure.effect-selena h2{
    transition: none;
    transform: none;
    letter-spacing: normal;
    font-weight: 400;
}

div#InmyDiv1702634133938 {
    width: 30%;
    float: left;
    margin: 0 3% 2% 0;
}

.about-page p {
    margin-bottom: 1.5rem;
}

div#Component657c2f8d19c4bc001a246701 .col-md-4.col-sm-4.col-xs-4,
div#Component659cea8224e793001a5f80b0 .col-md-4.col-sm-4.col-xs-4{
    width: 16.66%;
}

.text-limited {
    display: grid;
    grid-template-columns: 20% auto;
    gap: 20px;
}

.time-line ul {
  --col-gap: 2rem;
  --row-gap: 2rem;
  --line-w: 0.25rem;
  display: grid;
  grid-template-columns: var(--line-w) 1fr;
  grid-auto-columns: max-content;
  column-gap: var(--col-gap);
  list-style: none;
  width: 70%;
  margin-inline: auto;
  margin-top: 3%;
  text-align: left;
  padding: 0;
}


/* line */
.time-line ul::before {
  content: "";
  grid-column: 1;
  grid-row: 1 / span 20;
  background: rgb(225, 225, 225);
  border-radius: calc(var(--line-w) / 2);
}

/* columns*/

/* row gaps */
.time-line ul  li:not(:last-child) {
  margin-bottom: 10%;
  margin-top: 10%;
}

/* card */
.time-line ul  li {
  grid-column: 2;
  --inlineP: 1.5rem;
  margin-inline: var(--inlineP);
  grid-row: span 2;
  display: grid;
  grid-template-rows: min-content min-content min-content;
}

/* date */
.time-line ul li .date {
  height: var(--dateH);
  margin-inline: calc(var(--inlineP) * -1);
  color: white;
  font-size: 1.25rem;
  font-weight: 700;
  display: grid;
  position: relative;
}


/* circle */
.time-line ul li .date::after {
  content: "";
  position: absolute;
  width: 2rem;
  aspect-ratio: 1;
  background: #091c2e;
  border: 0.3rem solid #fff;
  border-radius: 50%;
  top: 50%;
  transform: translate(50%, -50%);
  right: calc(100% + var(--col-gap) + var(--line-w) / 2);
}

.descr {
    padding: 5% 2%;
}

@media (min-width: 40rem) {
  
.time-line   ul {
    grid-template-columns: 1fr var(--line-w) 1fr;
  }
.time-line  ul::before {
    grid-column: 2;
  }
 .time-line ul li:nth-child(odd) {
    grid-column: 1;
    text-align: right;
  }
 .time-line ul li:nth-child(even) {
    grid-column: 3;
  }

  /* start second card */
 .time-line ul li:nth-child(2) {
    grid-row: 2/4;
  }

 .time-line ul li:nth-child(odd) .date::before {
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    left: 0;
  }

 .time-line ul li:nth-child(odd) .date::after {
    transform: translate(-50%, -50%);
    left: calc(100% + var(--col-gap) + var(--line-w) / 2);
  }
 .time-line ul li:nth-child(odd) .date {
    border-radius: 0 calc(var(--dateH) / 2) calc(var(--dateH) / 2) 0;
  }
}

.credits {
  margin-top: 1rem;
  text-align: right;
}
.credits a {
  color: var(--color);
}

.time-line ul li .date h4 {
    margin-left: 15px;
}

.time-line ul li .title h3 {
    color: #0b2c4b;
    position: relative;
    font-weight: 600;
    margin-bottom: 5%;
}

.time-line ul li .date h4 {
    background: linear-gradient(0deg, #0e74ff, #00aeff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    font-family: 'Teko', sans-serif;
    position: absolute;
    top: -40px;
    font-size: 4em;
}

.time-line ul li:nth-child(odd) .date h4 {
    text-align: right;
    right: 15px;
}

.our-offer li {
    display: grid;
    grid-template-columns: 7% auto;
    align-items: center;
    margin-bottom: 4%;
    gap: 10px;
    list-style: none;
}

div#mainmenu657fafb5ef65030019272311,
div#mainmenu659cea8224e793001a5f809b{
    background-color: #f9f9f9;
}

.our-offer {
    padding: 12% 10%;
}

.our-offer h3 {
    margin-bottom: 3%;
}

.contact-page li {
    display: grid;
    grid-template-columns: 8% auto;
    gap: 10px;
    align-items: center;
    margin-bottom: 2%;
}

.contact-page ul {
    list-style: none;
    padding: 0;
}

div#Component657fb72dd84bba001a2164af,
div#Component659ceb9a24e793001a5f829c{
    background-color: #f9f9f9;
    padding: 3% 0;
}

div#Component657fb72dd84bba001a2164af label,
div#Component659ceb9a24e793001a5f829c label{
    font-weight: 500;
}

div#Component657fb72dd84bba001a2164af .form-control,
div#Component659ceb9a24e793001a5f829c .form-control{
    box-shadow: none;
    border-radius: 0;
}

div#Component657fb72dd84bba001a2164af button,
div#Component659ceb9a24e793001a5f829c button{
    text-shadow: none;
    background-image: none;
    border-radius: 0;
}

.contact-page a {
    color: #000;
}

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

.page-header {
    padding-bottom: 0;
    margin: 6% 0 0;
    border-bottom: none;
}

.social-share {
    top: -35px;
}

div#Component657bf09680616b001a6dcc6d .col-xs-12.col-md-3,
div#Component659d03b2cde293001a72dc98 .col-xs-12.col-md-3{
    padding: 0 1% !important;
}

div#Component657bf09680616b001a6dcc6d .img-thumbnail, div#Component657bf09680616b001a6dcc6d .thumbnail,
div#Component659d03b2cde293001a72dc98 .img-thumbnail, div#Component659d03b2cde293001a72dc98 .thumbnail{
    box-shadow: none;
    padding: 0;
    border-radius: 0;
}

.product-detail li, .news-detail li {
    margin-bottom: 0.5%;
}

.news-detail p{
    margin-bottom: 1%;
}

.product-detail ul, .project-detail , .news-detail, .contact-page ul{
    margin-bottom: 2.5%;
}

.product-detail h6 {
    margin-top: 0;
}

div#Component657bf09680616b001a6dcc6d .col-md-3.col-sm-3 img ,
div#Component657bf09680616b001a6dcc6d .col-md-4.col-sm-4 img,
div#Component659d03b2cde293001a72dc98 .col-md-3.col-sm-3 img,
div#Component659d03b2cde293001a72dc98 .col-md-4.col-sm-4 img{
    border: 1px solid #ddd;
    margin-bottom: 4%;
}

.Textmanager {
    text-align: left;
}

.item-service:hover,div#Component657bfa4319c4bc001a245f74 .col-md-4.col-sm-4.col-xs-12:hover, 
div#Component657c00ef80616b001a6dcf06 .col-md-4.col-sm-4.col-xs-12:hover, 
div#Component657c03f019c4bc001a246145 .col-md-4.col-sm-4.col-xs-12:hover,
div#Component659ceb2e9f1cc400133c9a35 .col-md-4.col-sm-4.col-xs-12:hover, 
div#Component659ceb449f1cc400133c9a49 .col-md-4.col-sm-4.col-xs-12:hover,
div#Component657bd89fbe17d5001aafb988 .col-md-12.col-sm-12.col-xs-12:hover,
div#Component657bd8c180616b001a6dca15 .col-md-12.col-sm-12.col-xs-12:hover,
div#Component659cea55262ff4001b75f187 .col-md-12.col-sm-12.col-xs-12:hover,
div#Component657bd8da3aa863001acede2f .col-md-12.col-sm-12.col-xs-12:hover,
div#Component657bf09580616b001a6dcc62 .col-md-4.col-sm-4.col-xs-12:hover, 
div#Component657c071b3aa863001acee4f0 .col-md-4.col-sm-4.col-xs-12:hover, 
div#Component659cea55262ff4001b75f19e .col-md-4.col-sm-4.col-xs-12:hover, 
div#Component659ceb5d24e793001a5f8256 .col-md-4.col-sm-4.col-xs-12:hover, 
div#Component659cea55262ff4001b75f193 .col-md-12.col-sm-12.col-xs-12:hover,
div#Component657bf09680616b001a6dcc6d .col-md-3.col-sm-3:hover, 
div#Component657bf09680616b001a6dcc6d .col-md-4.col-sm-4:hover, 
div#Component659cea55262ff4001b75f18d .col-md-12.col-sm-12.col-xs-12:hover,
div#Component657bf09680616b001a6dcc6d .col-xs-6.col-md-3:hover,
div#Component657fb1e2d84bba001a2163a7 .imgLightbox img:hover,
div#Component659d03b2cde293001a72dc98 .col-md-3.col-sm-3:hover, 
div#Component659d03b2cde293001a72dc98 .col-md-4.col-sm-4:hover, 
div#Component659d03b2cde293001a72dc98 .col-xs-6.col-md-3:hover,
div#InmyDiv1702634222474 img:hover, .contact-page li:hover img, .social-footer img:hover,
div#Component659cea55262ff4001b75f169 .col-md-4.col-sm-4.col-xs-12:hover{
   transform: scale(0.95);
}

div#Component657bd89fbe17d5001aafb988 .col-md-12.col-sm-12.col-xs-12,
div#Component657bd8c180616b001a6dca15 .col-md-12.col-sm-12.col-xs-12,
div#Component659cea55262ff4001b75f187 .col-md-12.col-sm-12.col-xs-12,
div#Component659cea55262ff4001b75f18d .col-md-12.col-sm-12.col-xs-12,
div#Component657bd8da3aa863001acede2f .col-md-12.col-sm-12.col-xs-12,
div#Component659cea55262ff4001b75f193 .col-md-12.col-sm-12.col-xs-12,
div#Component657fb1e2d84bba001a2163a7 .imgLightbox img,
div#InmyDiv1702634222474 img, .contact-page img, .social-footer img{
    transition: transform 0.2s ease-out;
}

div#Component657bf09580616b001a6dcc62 .col-md-4.col-sm-4.col-xs-12:hover button,
div#Component657c071b3aa863001acee4f0 .col-md-4.col-sm-4.col-xs-12:hover button,
.pre-news button:hover, div#Component657fb72dd84bba001a2164af button:hover,
div#Component659ceb9a24e793001a5f829c button:hover,
div#Component659ceb5d24e793001a5f8256 .col-md-4.col-sm-4.col-xs-12:hover button,
div#Component659cea55262ff4001b75f19e .col-md-4.col-sm-4.col-xs-12:hover button{
      background-color: #002f5f;
}

div#Component657c03f019c4bc001a246145 .col-md-4.col-sm-4.col-xs-12:hover button,
div#Component659ceb449f1cc400133c9a49 .col-md-4.col-sm-4.col-xs-12:hover button{
    background-color: #1187ff;
    color: #fff;
}

.ITPcookiebar {
  width: 100% !important;
    background-color: #00aeff4d !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 {
    color: #1b3e8d !important;
}

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

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

.itpPDPALandingPage {
    margin-top: 3%;
}

.ITP-pdpa-template-titleFont {
    font-size: 20px !important;
    font-weight: 600 !important;
}

.ITP-pdpa-template-contentFont {
    line-height: 28px;
}

div#Component657bf09680616b001a6dcc6d .itpPDPALandingPage,
div#Component659d03b2cde293001a72dc98 .itpPDPALandingPage{
    margin-top: 10%;
}

div#Component657c03f019c4bc001a246145 .img-container .img,
div#Component659ceb449f1cc400133c9a49 .img-container .img{
    background-position: top !important;
}

div#Component657bf09680616b001a6dcc6d .col-xs-6.col-md-3,
div#Component659d03b2cde293001a72dc98 .col-xs-6.col-md-3{
    width: 33.33%;
}

/*****************responsive*****************/

@media screen and (min-width : 1900px) {
  
.navbar-default .navbar-nav>li>a {
    font-size: 20px;
}

h1 {
    font-size: 6.125em;
}

h2 {
    font-size: 4.6em;
}

h3 {
    font-size: 3.8em;
}

h4 {
    font-size: 3.4em;
}

h5, .text-consult h5, h3.managerHeader {
    font-size: 2.4em;
}

h6 {
    font-size: 2em;
}

p, .pre-project p ,figure.effect-selena p, div#Component657bcd1193097e001add7618 figure.effect-oscar p,
  div#Component659cea55262ff4001b75f17b figure.effect-oscar p{
    font-size: 20px;
}

.pre-news button, .sect-article button, .pre-project button,
  div#Component657fb72dd84bba001a2164af button,.dropdown-menu>li>a,
  div#Component657fb72dd84bba001a2164af label,
  div#Component659ceb9a24e793001a5f829c button,
  div#Component659ceb9a24e793001a5f829c label{
    font-size: 18px;
}
  
  .text-slogan h1 {
    font-size: 17em;
}
  
  .item-service {
    height: 301px;
}
  
  .text-consult p, .sect-product p, .service-detail p, 
  .text-tool p, .about-page p, .text-limited p, .product-detail p, .news-detail p {
    line-height: 34px;
}
  
  .sect-product {
    grid-template-columns: 25% 70%;
}
  
  .sect-product h1, .sect-product h2, .text-limited div:nth-child(1) {
    margin-right: 5%;
}
  
  div#Component657bfa4319c4bc001a245f74 .caption, div#Component657c00ef80616b001a6dcf06 .caption{
    font-size: 22px;
    height: 75px;
}
  
  div#Component657bfa4319c4bc001a245f74 .col-md-4.col-sm-4.col-xs-12:nth-child(n+4) .caption,
  div#Component657c00ef80616b001a6dcf06 .col-md-4.col-sm-4.col-xs-12:nth-child(n+4) .caption
    font-size: 20px;
    height: 70px;
}
  
  .text-project {
    font-size: 7.5em;
}
  
  .sect-project .number {
    font-size: 8em;
}
  
  .sect-article button:hover {
    border-color: #c1c1c1;
    color: #c1c1c1;
}
  
  .pre-news h6 {
    line-height: 34px;
    height: 80px;
}
  
  .social-footer {
    grid-template-columns: 10% 10% 10%;
    gap: 15px;
}
  
  .logo-footer {
    width: 40%;
  }
  
  div#InmyDiv1702634133938 {
    margin: 0 2% 2% 0;
}
  
  .time-line ul li .date h4 {
    top: -30px;
}
  
  .time-line ul li .title h3 {
    margin-bottom: 0;
}
  
  .descr {
    padding: 0;
    margin: 7% 0;
}
  
  div#Component657bf09680616b001a6dcc6d .col-md-offset-2 .thumbnail,
div#Component659d03b2cde293001a72dc98 .col-md-offset-2 .thumbnail{
    border: none;
}
  
  .page-header {
    margin: 8% 0 0;
}
  
  .contact-page li {
    grid-template-columns: 6% auto;
}
  
  div#Component657fb72dd84bba001a2164af input.form-control,
div#Component659ceb9a24e793001a5f829c input.form-control{
    height: 40px;
    margin-bottom: 0.5rem;
}
  
  .ITP-pdpa-template-titleFont {
    font-size: 24px !important;
}
  
  .itpPDPALandingPage, .ITP-pdpa-template-contentFont {
    font-size: 18px !important;
    line-height: 34px;
}

div#Component657bfa4319c4bc001a245f74 .col-md-4.col-sm-4.col-xs-12:nth-child(n+4) .caption, div#Component657c00ef80616b001a6dcf06 .col-md-4.col-sm-4.col-xs-12:nth-child(n+4) .caption {
    font-size: 18px;
    height: 65px;
}
}

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

.item-service img {
    width: 25% !important;
    margin-bottom: 3%;
  }
  
  .item-service {
    height: 200px;
}
  
  h6 {
    font-size: 1.4em;
}
}

@media screen and (max-width : 1200px) {
  
.navbar-default .navbar-nav>li>a {
    margin: 0 10px;
}
  
  .navbar-default .navbar-nav>li>a {
    font-size: 14px;
}
  
  .text-slogan h1 {
    font-size: 9em;
}
  
  .text-consult br {
    display: none;
}
  
  .item-service {
    height: 179px;
}
  
  .sect-product {
    grid-template-columns: 35% auto;
}

  .text-limited {
    grid-template-columns: 25% auto;
}
  
  h6 {
    font-size: 1.3em;
}
}

@media screen and (max-width : 900px) {
  
.text-slogan h1 {
    font-size: 7em;
}
  
  .sect-first {
    margin-bottom: -10px;
}
  
  .itopplus-bg {
    background-size: cover;
}
  
  div#Component657bcd1193097e001add7618 figure.effect-oscar p,
  div#Component659cea55262ff4001b75f17b figure.effect-oscar p{
    font-size: 14px;
}
  
  h5, .text-consult h5, h3.managerHeader {
    font-size: 1.6em;
}
  
  div#Component657bcd1193097e001add7618 .imgLightbox img,
  div#Component659cea55262ff4001b75f17b .imgLightbox img{
    height: 300px;
    object-fit: cover;
}
  
  .item-service {
    height: 150px;
}
  
  .text-consult {
    bottom: 10px;
    left: 15px;
    padding: 3%;
}
  
  h6 {
    font-size: 1.2em;
}
  
  h1 {
    font-size: 4em;
}

h2 {
    font-size: 3.6em;
}

h3 {
    font-size: 2.8em;
}

h4 {
    font-size: 2.4em;
}
  
  div#Component657bfa4319c4bc001a245f74 .caption, 
  div#Component657c00ef80616b001a6dcf06 .caption,
  div#Component659cea55262ff4001b75f169 .caption,
  div#Component659ceb2e9f1cc400133c9a35 .caption{
    font-size: 16px;
    height: 45px;
}
  
  div#Component657bfa4319c4bc001a245f74 .col-md-4.col-sm-4.col-xs-12:nth-child(n+4) .caption,
  div#Component657c00ef80616b001a6dcf06 .col-md-4.col-sm-4.col-xs-12:nth-child(n+4) .caption,
  div#Component659cea55262ff4001b75f169 .col-md-4.col-sm-4.col-xs-12:nth-child(n+4) .caption,
  div#Component659ceb2e9f1cc400133c9a35 .col-md-4.col-sm-4.col-xs-12:nth-child(n+4) .caption{
    font-size: 14px;
    height: 40px;
  }
  
  .pre-news h6,  .text-consult p, .sect-product p, .service-detail p, 
  .text-tool p, .about-page p, .text-limited p, .product-detail p, .news-detail p {
    line-height: inherit;
}
  
  div#Component657bcd1193097e001add7618 figure.effect-oscar p,
  div#Component659cea55262ff4001b75f17b figure.effect-oscar p{
    line-height: 22px;
    font-size: 14px;
}
  
  div#InmyDiv1702634133938 {
    margin: 0 2% 0 0;
}
  
  .time-line ul li .title h3 {
    margin-bottom: 8%;
}
  
  .time-line ul {
    width: 90%;
}
  
  div#Component657c2f8d19c4bc001a246701 .col-md-4.col-sm-4.col-xs-4,
  div#Component657fc57fad53a000192cc041 .col-md-4.col-sm-4.col-xs-6.col-sm-5fix,
  div#Component657bf09680616b001a6dcc6d .col-xs-12.col-md-3,
  div#Component657bf09680616b001a6dcc6d .col-xs-6.col-md-3,
  div#Component659cea8224e793001a5f80b0 .col-md-4.col-sm-4.col-xs-4,
  div#Component659d03b2cde293001a72dc98 .col-xs-12.col-md-3,
  div#Component659d03b2cde293001a72dc98 .col-xs-6.col-md-3{
    width: 33.33%;
}
  
  .sect-product {
    grid-template-columns: 40% auto;
}
  
  div#Component657bf09680616b001a6dcc6d .itpPDPALandingPage,
  div#Component659d03b2cde293001a72dc98 .itpPDPALandingPage{
    margin-top: 3%;
}
  li#languagebar {
    display: none !important;
}
}

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

div#imagesControl657bc3b43aa863001aced7a4,
  div#imagesControl657bcd1193097e001add7618,
  div#imagesControl657bd89fbe17d5001aafb988,
  div#imagesControl657bd8c180616b001a6dca15,
  div#imagesControl657bd8da3aa863001acede2f,
  div#imagesControl657fb1e2d84bba001a2163a7,
  div#contentnewmode657c153993097e001add806f,
  div#contentnewmode657bc68bbe17d5001aafb2d7{
    padding: 0 !important;
}
  
  .text-slogan h1 {
    font-size: 3.5em;
}
  
  h5, .text-consult h5, h3.managerHeader {
    font-size: 22px;
}
  
  .text-consult {
    color: #fff;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, black, transparent);
    padding: 5%;
}
  
  .sect-product h1, .sect-product h2, .text-limited div:nth-child(1) {
    border: none;
}
  
  .sect-product, .text-limited {
    grid-template-columns: 100%;
    gap: 0;
}
  
  div#Component657bfa4319c4bc001a245f74 .col-md-4.col-sm-4.col-xs-12, 
  div#Component657c00ef80616b001a6dcf06 .col-md-4.col-sm-4.col-xs-12, 
  div#Component657c03f019c4bc001a246145 .col-md-4.col-sm-4.col-xs-12,
  div#Component659cea55262ff4001b75f169 .col-md-4.col-sm-4.col-xs-12,
  div#Component659ceb449f1cc400133c9a49 .col-md-4.col-sm-4.col-xs-12,
  div#Component659ceb2e9f1cc400133c9a35 .col-md-4.col-sm-4.col-xs-12{
    padding: 3% 0 !important;
}
  
  div#Component657bfa4319c4bc001a245f74 .col-md-4.col-sm-4.col-xs-12:nth-child(n+4), 
  div#Component657c00ef80616b001a6dcf06 .col-md-4.col-sm-4.col-xs-12:nth-child(n+4),
  div#Component659cea55262ff4001b75f169 .col-md-4.col-sm-4.col-xs-12:nth-child(n+4),
  div#Component659ceb2e9f1cc400133c9a35 .col-md-4.col-sm-4.col-xs-12:nth-child(n+4){
    width: 100% !important;
}
  
  div#Component657bfa4319c4bc001a245f74 .col-md-4.col-sm-4.col-xs-12:nth-child(n+4) .caption, 
  div#Component657c00ef80616b001a6dcf06 .col-md-4.col-sm-4.col-xs-12:nth-child(n+4) .caption,
  div#Component657bfa4319c4bc001a245f74 .caption, div#Component657c00ef80616b001a6dcf06 .caption,
  div#Component659cea55262ff4001b75f169 .col-md-4.col-sm-4.col-xs-12:nth-child(n+4) .caption,
  div#Component659ceb2e9f1cc400133c9a35 .col-md-4.col-sm-4.col-xs-12:nth-child(n+4) .caption,
  div#Component659ceb2e9f1cc400133c9a35 .caption,
  div#Component659cea55262ff4001b75f169 .caption{
    height: auto;
    font-size: 16px;
    padding: 5% 0;
}
  
  h2 {
    font-size: 34px;
}
  
  .pre-news h6 {
    height: auto;
}
  
  div#InmyDiv1702634133938 {
    width: 100%;
    margin: 0 0 5% 0;
}
  
  .our-offer ul {
    padding-left: 3%;
}
  
  .time-line h5 , .history-detail{
    text-align: left;
}
  
  .time-line ul li:nth-child(odd) .date h4 {
    text-align: left;
    left: 0;
}
  
  .time-line ul li:not(:last-child) {
    margin-bottom: 5%;
    margin-top: 0;
}
  
  .box-service2 {
    grid-template-columns: repeat(1,1fr);
}
  
  .box-service2 .item-service {
    height: auto;
    padding: 4% 0;
}
  
  div#contentnewmode657fc56bad53a000192cc02a {
    margin-top: 5%;
}
  
  div#Component657fc57fad53a000192cc041 .col-md-4.col-sm-4.col-sm-5fix.col-xs-12,
    div#Component657bf09680616b001a6dcc6d .col-xs-6.col-md-3,
  div#Component657bf09680616b001a6dcc6d .col-xs-12.col-md-3,
  div#Component659d03b2cde293001a72dc98 .col-xs-6.col-md-3,
  div#Component659d03b2cde293001a72dc98 .col-xs-12.col-md-3{
    width: 50%;
}
  
  .service-detail h6 {
    line-height: inherit;
}
  
  .text-tool {
    margin-bottom: 3%;
}
  
  div#Component657bf09680616b001a6dcc6d .col-md-12.text-justify,div#Component659d03b2cde293001a72dc98 .col-md-12.text-justify {
    padding: 0 2%;
}
  
  .page-header .col-md-3.col-sm-5.col-xs-12 {
    width: 100% !important;
}
  
  .product-detail {
    margin-bottom: 1rem;
}
  
  .social-share {
    right: -35px;
    top: -20px;
}

  .contact-page li {
    margin-bottom: 4%;
    grid-template-columns: 10% auto;
}
  
  h6 {
    font-size: 18px;
}
  
  .itopplus-banner, div#controlBanner img {
    box-shadow: none;
}
  
  .box-service2 .item-service img {
    width: 20% !important;
}
  
  .social-footer, br {
    display: none;
}
  
  .copy-right p {
    margin: 0;
    text-align: center;
}
  
  .our-offer {
    padding: 5%;
}
  
  h1 {
    font-size: 44px;
}
  
    .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#Component657fb72dd84bba001a2164af .form-group.col-sm-offset-3.col-sm-6.col-md-offset-3.col-md-6,
  div#Component659ceb9a24e793001a5f829c .form-group.col-sm-offset-3.col-sm-6.col-md-offset-3.col-md-6{
    width: 100% !important;
    margin-left: 0;
}

}