.itopplus-background {

}
body,
html {
    overflow-x: hidden;
}

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


.itopplus-bg2 {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_200820224o89/0/0/2z-z1008338212119.webp');
}

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

.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: #212121 !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;
}

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

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

.navbar-default {
    background: #05050a;
}

.itopplus-search {
    display: none;
}
}

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

.navbar-default {
    background: transparent;
}

#controlPosition {
    margin-top: 3%;
    text-align: left;
}

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

.no-js .itopplus-banner {
    background: #ffffff00;
    /*position: absolute;*/
    width: 100%;
    z-index: 100;
}

}

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

h3 {
    font-size: 2.25em;
}

h4 {
    font-size: 1.875em;
}

h5 {
    font-size: 1.5em;
}

h6 {
    font-size: 1.3125em;
}

p {
    font-size: 16px;
}

 .fs-16 {
    font-size: 20px;
}

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

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

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

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

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

.mb-3 {
	margin-bottom:3%;
}
/*****************page*********************/

.logo-footer {
    width: 50%;
    margin-bottom: 4%;
}

.contact-footer {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-top: -20px;
}

.contact-footer  p{
	margin:0;
}

.social-foot {
    width: 10%;
}
.footer h4, .head-line h6, .about-first h1, .service-first h1, .service-first h3,.service-items h6, .fm-dmsans,.card-cont h3,.head-pre-product h5,.detail-pre-product h6,
.card-social2 h5, .contact-page h3{
    font-family: 'DM Sans', sans-serif;
}

.head-line hr {
    border-width: 3px;
    border-color: #ffd404;
    margin: 0;
}

.line-center {
    border-width: 3px;
    border-color: #ffd404;
    margin: 0 auto;
    width:10%;
}

.head-line {
   display: grid;
    grid-template-columns: 10% 80%;
    justify-content: left;
    align-items: center;
    gap: 15px;
}

.head-line h6, .about-first h1, .service-first h1,.fm-dmsans ,.service-first h2, .cont-first h2, .text-page h2,.contact-page h3{
	font-weight:600 !important;
    margin-bottom: 2%;
}

.detail-pre-product h6 {
	font-weight:600;
}


.service-first h3{
	font-weight:400;
}

.about-first button, div#Component64dda5711b1e9d00129422f9 button {
    padding: 0.75rem 2rem;
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 30px;
    margin-top: 3%;
    background-image: none;
    text-shadow: none;
}

.about-first button:hover , div#Component64dda5711b1e9d00129422f9 button:hover , .pre-salr button:hover {
    border-color:#d9b401;
}

.about-first button:hover a, div#Component64dda5711b1e9d00129422f9 button:hover a,  .pre-salr button:hover a , .card-social a:hover, .card-social2 a:hover, .footer a:hover, .head-pre-product a:hover, .detail-pre-product a:hover{
	color:#d9b401;
}

.about-first button a, div#Component64dda5711b1e9d00129422f9 button a ,.card-social a, .card-social2 a, div#Component64dda5711b1e9d00129422f9 button, .head-pre-product a, .detail-pre-product a{
	color:#000;
}

.pre-salr button a, .footer a{
	color:#fff;
}

.service-first {
    text-align: center;
    position:relative; 
    margin-bottom: 4%;
}

.service-first h1 span {
	color:#ffd404;
}

.sym-right p {
    right: 0;
}

.sym-left p {
    left: 0;
}

.sym-left p, .sym-right p {
    font-size: 50em;
    line-height: 0;
    color: #f5f5f5;
    position: absolute;
    top: 300px;
}

figure.effect-selena,div#Component64dc6ddf1aeea90013a59a5b figure.effect-oscar figcaption {
    background: transparent;
}

div#Component64dc692ddcafb80012d0e28b .grid figure figcaption {
    position: static;
    padding: 0;
}

figure.effect-jazz h2 {
    padding-top: 0;
}

div#Component64dc692ddcafb80012d0e28b figure.effect-selena p ,  div#Component64dc6ddf1aeea90013a59a5b figure.effect-oscar p{
    opacity: 1;
    padding: 0;
    font-size: 16px;
    transform: inherit;
    font-weight: 400;
    letter-spacing: inherit;
}

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

.service-items h6 {
   font-size: 18px;
  font-weight:700;
}

.grid figure h2 ,.grid figure h2 span{
    word-spacing: 0;
    font-weight: inherit;
    transform: inherit;
}

div#Component64dc692ddcafb80012d0e28b .grid figure img {
    width: 50% !important;
    margin: auto;
    margin-bottom: 4%;
}

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

div#Component64dc692ddcafb80012d0e28b .col-md-3.col-sm-4.col-xs-4,.contact-page p {
    margin-bottom: 3%;
}

figure.effect-jazz figcaption::after,.boderedlayoutClient, figure.effect-oscar figcaption::before {
    border: none;
}

div#Component64dc6d40e3bfe40013969ebf .thumbs,
div#Component64dc6d40e3bfe40013969ebf .thumbs,
div#Component64dc6ddf1aeea90013a59a5b .thumbs{
    margin: 0;
}

.pre-salr h1 {
    font-size: 48px;
}

.fs-20 {
  font-weight:400;
}

.text-yellow {
	color:#ffd404;
}

.text-green {
	color:#00b132;
}

.pre-salr button {
    background: transparent;
    font-size: 16px;
    padding: 1rem 2rem;
    border: 1px solid #fff;
    border-radius: 30px;
    margin-top: 4%;
}

.pre-salr {
    margin-top: 5%;
    position: relative;
}

.pre-salr h1 p {
    display: inline-block;
    position: relative;
    top: -20px;
    margin-right: 10px;
}

.cont-first , .text-page,.detail-service, h3.managerHeader{
    text-align: center;
}

.card-cont {
    width: 65%;
    background-color: #ffffffde;
    margin: auto;
    padding: 3% 0;
    display: grid;
    grid-template-columns: 50% 50%;
    margin-top: 6%;
    border-radius: 30px;
}

  .card-social {
    display: grid;
    grid-template-columns: 10% auto;
    align-items: start;
    gap:10px;
}

  .card-social2 {
    display: grid;
    grid-template-columns: 3% auto;
    align-items: start;
    gap:10px;
    margin:2% 0;
}

.card-social h3 {
    margin-top: 0;
}

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

.card-cont h2 ,.card-cont h3,.head-pre-product h5,h3.managerHeader{
    font-weight: 700;
}

.sect-card:nth-child(1) {
	border-right:1px solid #000;
}

.card-social:nth-child(1) {
	margin-bottom:6%;
}

.sect-card {
    padding: 8%;
}

.detail-about {
    padding-left: 3%;
    text-indent: 5%;
}

.about-first a {
    color: #000;
}

div#InmyDiv1692172457821 {
    position: absolute;
    width: 70%;
    top: -10px;
}

div#InmyDiv1692172463604 {
    position: relative;
    left: 235px;
    width: 55%;
    top: 140px;
    z-index: 0;
    border: 5px solid #FFF;
}

figure.effect-jazz {
    background: transparent;
    background: transparent;
}

.head-pre-product {
    padding: 3%;
    background-color: #ffd4044f;
}

.detail-pre-product {
    padding: 3%;
  border: 1px solid #e3e3e3;
}

.detail-pre-product ul {
    padding: 0;
}

.detail-pre-product li {
    list-style: none;
    margin-bottom: 1%;
}

div#mainmenu64dd83564d015300145ef602 .thumbs {
    margin-bottom: 0;
}

.belt-head h4 {
    margin: 3% 0 1%;
    text-align: center;
    padding: 2% 0;
    background-color: #ffd4044f;
    font-weight: 700;
    font-family: 'DM Sans', sans-serif;
}

.belt-head p {
    text-align: center;
    margin: 2% 0;
}

div#mainmenu64dd889c1b1e9d0012941a3a .thumbnail,
div#mainmenu64dd91c79a5cbc001275725f .thumbnail{
    border-color: #e3e3e3;
    border-radius: 0;
}

.detail-service {
   margin: 2% 0;
  line-height: 30px;
}

.card-social2 h5 {
   margin:0 0 2%;
}

div#Component64dda5711b1e9d00129422f9 .form-control {
    box-shadow: none;
    border-radius: 0;
    height: 40px;
    border:none;
    border-bottom: 1px solid #d9b401;
}

div#Component64dda5711b1e9d00129422f9 .form-group {
    margin-bottom: 20px;
}

div#Component64e842a24ec4c2001ab075d5 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
div#Component64e842eb5af769001ac96b6a .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
div#Component64e842bb9a22c2001a5802f8 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
div#Component64e842d34ec4c2001ab07605 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center{
    padding: 1% !important;
}

div#Component64e842a24ec4c2001ab075d5 .Contentmanager .caption,
div#Component64e842eb5af769001ac96b6a .Contentmanager .caption,
div#Component64e842bb9a22c2001a5802f8 .Contentmanager .caption,
div#Component64e842d34ec4c2001ab07605 .Contentmanager .caption{
    padding-top: 3%;
    font-size: 16px;
    color: #000;
    background-color: #ffd4044f;
    height: 55px;
}

.port-detailv2 h6 {
    padding-top: 3%;
    font-size: 20px;
    color: #000;
    background-color: #ffea83;
    height: 60px;
    margin: 0;
}

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

.page-header {
    border-bottom: none;
    margin: 40px 0 0;
}

div#Component64ddb9c34d015300145f00ac .img-thumbnail, div#Component64ddb9c34d015300145f00ac .thumbnail {
    box-shadow: none;
    border: none;
    padding: 0 !important;
}

div#Component64ddb9c34d015300145f00ac .col-xs-12.col-md-3 {
    padding: 10px;
    width: 49%;
}

div#Component64ddb9c34d015300145f00ac .thumbnail img,div#Component64e84f874ec4c2001ab07afe .img-container .img{
  transition: transform 0.2s ease-out;
}

div#Component64ddb9c34d015300145f00ac img:hover, div#Component64e84f874ec4c2001ab07afe .img-container .img:hover{
  transform: scale(0.95);
}


/*div#Component64ddb9c34d015300145f00ac .col-xs-12.col-md-3:nth-child(even) {
    width: 37%;
}

div#Component64ddb9c34d015300145f00ac .col-xs-12.col-md-3:nth-child(odd) {
    width: 26%;
}

div#Component64ddb9c34d015300145f00ac .row.contenemanager-gallery {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

div#Component64ddb9c34d015300145f00ac .thumbnail {
    margin-bottom: 0;
}}*/

div#Component64e842a24ec4c2001ab075d5 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover .caption,
div#Component64e842eb5af769001ac96b6a .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover .caption,
div#Component64e842bb9a22c2001a5802f8 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover .caption,
div#Component64e842d34ec4c2001ab07605 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover .caption{
    background-color: #ffd4048c;
}

span.label a {
	color:#000;
}

div#Component64e84f874ec4c2001ab07afe .Contentmanager .caption {
    height: auto;
    padding-top: 3%;
    font-size: 18px;
    color: #000;
}

.port-year {
    padding: 5% 3% 0;
}
.port-year h6{
    line-height: 28px;
}
/*************pdpa***************/


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

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

.buttonExampleSite:hover {
    background: #ffd4048c !important;
    color: #000 !important;
}

.ITPlinkToCookiepage:hover {
    color: #1b3e8d !important;
}

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

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

div#Component64e841145af769001ac96b42 .grid figure figcaption {
    position: static;
    padding: 0;
}

.icon-detail {
    display: grid;
    grid-template-columns: 3% auto;
    margin: 5px 0;
    align-items: center;
    gap: 10px;
}

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



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

.navbar-default .navbar-nav>li>a {
    font-size: 18px;
}
  
  .navbar-default .navbar-nav>li>a {
    padding: 10px 15px;
}
  
  h6 {
    font-size: 1.4em;
}
  
  h1 {
    font-size: 5em;
}
  
  p {
    font-size: 18px;
}
  
  button {
      font-size: 16px;
  }
  
  h2 {
    font-size: 3.2em;
}
  h3 {
    font-size: 2.6em;
}
  .head-line h6, .about-first h1, .service-first h1, .fm-dmsans, .service-first h2, .cont-first h2, .text-page h2, .contact-page h3 {
    margin-bottom: 3%;
}
  .pt-20 {
    padding-top: 22%;
}
  
  div#Component64dc692ddcafb80012d0e28b figure.effect-selena p, div#Component64dc6ddf1aeea90013a59a5b figure.effect-oscar p {
    line-height: 28px;
    font-size: 18px;
}
  
  .service-items h6 {
    font-size: 20px;
  }
  
  .pre-salr h1 {
    font-size: 68px;
}
  .card-cont {
    margin: 6% auto;
}
  
  .detail-service {
    margin: 1% 0;
  }
  
  .head-pre-product {
    padding: 5%;
  }
  
h5 {
    font-size: 1.8em;
}
  
  h4 {
    font-size: 2.2em;
}
  
  
}

@media screen and (max-width : 1200px) {
  
.navbar-default .navbar-nav>li>a {
    padding: 10px 5px;
}

  .navbar-default .navbar-nav>li>a {
    font-size: 14px;
}
  
  h6 {
    font-size: 1em;
}
  
  h1 {
    font-size: 3.4em;
}
  
  p,div#Component64dc692ddcafb80012d0e28b figure.effect-selena p, div#Component64dc6ddf1aeea90013a59a5b figure.effect-oscar p, button {
    font-size: 14px;
}
  
h2 {
    font-size: 2.4em;
}
  
  h3 {
    font-size: 1.8em;
}
  
  .service-items h6 {
    font-size: 16px;
  }
  
  .pre-salr h1 {
    font-size: 40px;
}
  
  div#InmyDiv1692172463604 {
    left: 215px;
    top: 120px;
}
  
  .detail-service {
    margin: 1% 0;
  }
  
  h5 {
    font-size: 1.2em;
}
  
  h4 {
    font-size: 1.4em;
}
 
  div#imagesControl64dd8d8c1b1e9d0012941c46,
  div#imagesControl64dd8d619a5cbc0012757192,
  div#imagesControl64dd8d341b1e9d0012941c3a,
  div#imagesControl64dd8cfc1b1e9d0012941c15{
    padding: 5px !important;
}
  
  /*div#contentnewmode64dd846a5ce1dd00133b5fd0,
  div#contentnewmode64dd835b4d015300145ef607,
  div#contentnewmode64dd84e74d3fb400122387c9,
  div#contentnewmode64dd85564d3fb400122387de{
    padding: 5px 5px 0 5px !important;
}

  div#imagesControl64dd83aa5ce1dd00133b5fbb,
  div#imagesControl64dd847a4d015300145ef61a,
  div#imagesControl64dd85031b1e9d00129419ac,
  div#imagesControl64dd85747762e00012bd8bec{
    padding: 0 5px 0 5px !important;
  }
  
  div#contentnewmode64dd94e89a5cbc001275731c,
  div#contentnewmode64dd853e5ce1dd00133b5fe0,
  div#contentnewmode64dd84b79a5cbc0012756f8a,
  div#contentnewmode64dd83e65ce1dd00133b5fc6{
      padding: 0 5px 5px 5px !important;
  }*/
  
  .head-pre-product,.detail-pre-product {
    padding: 3% 5%;
  }
  
  div#Component64dd91c79a5cbc001275725f .col-md-6.col-sm-6.col-xs-6 {
  	padding:0 5px !important;
  }
  
  .sym-left p, .sym-right p {
    font-size: 35em;
    top: 235px;
}
}

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

h1 {
    font-size: 2.6em;
}
  
  .about-first br {
    display: none;
}
  
  .sym-left p, .sym-right p {
    font-size: 25em;
    top: 200px;
}
  
  .pt-20 {
    padding-top: 10%;
}
  
  h3 {
    font-size: 1.4em;
}
  
  h2 {
    font-size: 2.2em;
}
  
  .pre-salr button {
      font-size: 14px;
  }
  
  div#Component64dc692ddcafb80012d0e28b figure.effect-selena p, div#Component64dc6ddf1aeea90013a59a5b figure.effect-oscar p {
    line-height: 22px;
}
  
  div#imagesControl64dc692ddcafb80012d0e28b,
  div#imagesControl64dc6d40e3bfe40013969ebf,
  div#imagesControl64dc6ddf1aeea90013a59a5b,
  div#contentnewmode64dc744171e985001334386e,div#contentnewmode64dd9f614d015300145efe28{
  	padding:0 !important;
  }
  
  .pre-salr h1 {
    font-size: 26px;
}
  
.itopplus-bg2 {
    background-size: cover;
}
  
  .card-cont {
    width: 80%;
  }
  
  div#InmyDiv1692172463604 {
    left: 150px;
    top: 95px;
}
  
  .detail-service br,.contact-page br {
  	display:none;
  }
  
    div#contentnewmode64dd846a5ce1dd00133b5fd0,
  div#contentnewmode64dd835b4d015300145ef607,
  div#contentnewmode64dd84e74d3fb400122387c9,
  div#contentnewmode64dd85564d3fb400122387de{
    padding: 10px 10px 0 10px !important;
}

  div#imagesControl64dd83aa5ce1dd00133b5fbb,
  div#imagesControl64dd847a4d015300145ef61a,
  div#imagesControl64dd85031b1e9d00129419ac,
  div#imagesControl64dd85747762e00012bd8bec{
    padding: 0 10px 0 10px !important;
  }
  
  div#contentnewmode64dd94e89a5cbc001275731c,
  div#contentnewmode64dd853e5ce1dd00133b5fe0,
  div#contentnewmode64dd84b79a5cbc0012756f8a,
  div#contentnewmode64dd83e65ce1dd00133b5fc6{
      padding: 0 10px 10px 10px !important;
  }
  
 div#imagesControl64dd8d8c1b1e9d0012941c46, div#imagesControl64dd8d619a5cbc0012757192, div#imagesControl64dd8d341b1e9d0012941c3a, div#imagesControl64dd8cfc1b1e9d0012941c15 {
    padding: 10px !important;
}
  
  
 div#Component64e842a24ec4c2001ab075d5 .Contentmanager .caption,
  div#Component64e842eb5af769001ac96b6a .Contentmanager .caption,
  div#Component64e842bb9a22c2001a5802f8 .Contentmanager .caption,
  div#Component64e842d34ec4c2001ab07605 .Contentmanager .caption{
    padding-top: 5%;
  }
  
  .itopplus-bg {
    background-position: bottom;
}
  .pre-salr {
    margin-top: 1%;
}
  
  .head-line {
    margin-bottom: 2%;
}
  div#Component64ddb9c34d015300145f00ac .img-thumbnail, div#Component64ddb9c34d015300145f00ac .thumbnail {
    margin-bottom: 0;
}
  
  .port-detailv2 h6 {
    font-size: 18px;
    height: 50px;
}
  
  div#Component64e84f874ec4c2001ab07afe .Contentmanager .caption {
    font-size: 14px;
    padding-bottom: 3%;
}
  
  .port-year h6 {
    line-height: 20px;
}
  
  .port-year {
    padding: 5% 0 0;
}
}

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

.pt-20, div#contentnewmode64dda53a7762e00012bd98a5 .pt-10 {
    padding-top: 40%;
}
  
  h1 {
    font-size: 2.2em;
}
  
  h2 {
    font-size: 1.5em;
}
  h3 {
    font-size: 1em;
}
  div#Component64dc692ddcafb80012d0e28b .col-md-3.col-sm-4.col-xs-4 {
    padding: 10px !important;
    text-align: center;
    width: 50%;
}
  
   div#Component64dc692ddcafb80012d0e28b .imgLightbox img {
    width: 70% !important;
    margin: auto;
     margin-bottom: 0;
}
  
  .service-items h6 {
    font-size: 16px;
}
  
  div#Component64dc692ddcafb80012d0e28b figure.effect-selena p, div#Component64dc6ddf1aeea90013a59a5b figure.effect-oscar p, button {
    font-size: 16px;
    line-height: 24px;
}
  
  figure#EffectView64dc6ddf1aeea90013a59a5b0 .imgLightbox img {
    height: 305px;
    position: relative;
    object-fit: cover;
}
  
   figure#EffectView64dc6ddf1aeea90013a59a5b0 figcaption {
    position: absolute;
    top: 40px;
    width: 100% !important;
    text-align: center;
    color: #fff;
}
  
  .pre-salr h1 {
    font-size: 30px;
}
  
  .fs-16 {
    font-size: 16px;
}
  
  .card-cont {
    width: 100%;
    margin: 8% 0;
}
  
  .sect-card {
    padding: 6%;
}
div#InmyDiv1692172463604 {
    top: -20px;
    width: 75%;
    left: 100px;
}
  
  div#InmyDiv1692172457821 {
    width: 75%;
    top: 0;
    position: relative;
}
  
  .detail-service {
    line-height: 24px;
}
  
  .detail-pre-product {
    padding: 2%;
}
  
  div#mainmenu64dd889c1b1e9d0012941a3a .col-md-3.col-sm-6.col-xs-12.padding,
 div#Component64e842a24ec4c2001ab075d5 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
  div#Component64dd91c79a5cbc001275725f .col-md-6.col-sm-6.col-xs-12,
  div#Component64e842eb5af769001ac96b6a .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
  div#Component64e842bb9a22c2001a5802f8 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
  div#Component64e842d34ec4c2001ab07605 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center{
    width: 100%;
}
  
  div#Component64dc692ddcafb80012d0e28b .col-md-3.col-sm-4.col-xs-12{
    width: 50%;
    text-align: center;
    margin-bottom: 3%;
}
  
  
  .card-social2 {
    grid-template-columns: 5% auto;
    margin: 4% 0;
}
  
  .sym-left p, .sym-right p {
    font-size: 10em;
    top: 110px;
}
  
.service-first h3 {
    line-height: 30px;
}
  
  .page-header h3 {
    margin-bottom: -20px;
    margin-top: 20px;
}
  
  div#Component64ddb9c34d015300145f00ac .col-md-12.text-justify {
    padding: 0 10px;
}
  
  div#Component64e842a24ec4c2001ab075d5 .Contentmanager .caption,
  div#Component64e842eb5af769001ac96b6a .Contentmanager .caption,
  div#Component64e842bb9a22c2001a5802f8 .Contentmanager .caption,
  div#Component64e842d34ec4c2001ab07605 .Contentmanager .caption{
    font-size: 14px;
        height: auto;
    padding-bottom: 4%;
  }
  
     .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#Component64dda5711b1e9d00129422f9 .form-group.col-sm-offset-3.col-sm-6.col-md-offset-3.col-md-6 {
    width: 100% !important;
    margin-left: 0;
}
  .port-detailv2 h6 {
    font-size: 16px;
    text-align: center;
    height: 35px;
}
  .icon-detail {
    grid-template-columns: 7% auto;
}
div#Component64ddb9c34d015300145f00ac .col-xs-12.col-md-3 {
    width: 100%;
}
  div#Component64e841145af769001ac96b42 .col-md-6.col-sm-6.col-xs-6,
  div#contentnewmode64f6f8eec57f8b00124f3ce4,
  div#contentnewmode64f6f884e1662e0013f1edfb,
  div#contentnewmode64f6f807ae5fba001313f3ad,
  div#imagesControl64f6f8d3e421d700132cf827,
  div#imagesControl64f6f855e1662e0013f1ede7,
  div#imagesControl64f6f7d0e1662e0013f1edc8{
    padding: 0 !important;
}
  
  .port-year {
    padding: 0;
}
  div#mainmenu64f6f851e1662e0013f1ede2 .none-middle-mid {
    display: flex;
    flex-wrap: wrap-reverse;
}
  div#mainmenu64f6f851e1662e0013f1ede2 .none-middle-mid {
    display: flex;
    flex-wrap: wrap-reverse;
}
  
}

