.itopplus-background {

}
body,
html {
    overflow-x: hidden;
}

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

.itopplus-bg3 {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_29082023l7cc/0/0/3z-z783842807333.webp');
}

.itopplus-bg4 {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_29082023l7cc/0/0/4z-z1646262865079.webp');
      background-size: cover;
}

/************Menu***************/
.navbar-default .navbar-nav>li>a {
    color: #fff;
    margin: 0 5px;
    padding: 10px 0;
    border-bottom: 4px solid transparent;
}

.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: #fff !important;
    box-shadow: none;
    border-radius: none;
    background: transparent;
    background-color: transparent;
}


.navbar-default .navbar-nav>li {
    padding: 0 10px;
    cursor: pointer;
}

.navbar-default .navbar-nav>li:hover {
	background-color: #424242;
}

/**/
.navbar-default .navbar-nav > li:hover a {
	border-bottom: 4px solid #fff;
}

.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: #000 !important;
    color: #000 !important;
}

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

.navbar-default {
    background: #fff;
}

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

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


}

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

.navbar-default {
    background: #ec6217;
}

#controlPosition {
    text-align: center;
}

#controlBanner {
    object-fit: contain;
    padding: 15px;
    width: 80%;
  	margin: 0 auto;
}

.itopplus-search {
    position: absolute;
    top: 5%;
    color: #000;
}
}

@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.8em;
}

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

h5{
    font-size: 1.8em;
}

h6 {
    font-size: 1.4em;
}

p, div#Component65354ec39616e3001397c355 label{
    font-size: 16px;
}

.pre-port button , div#btnview6532324b9616e3001397b7d8 button, div#Component65354ec39616e3001397c355 button{
    font-size: 14px;
}

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

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


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


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

.head-phone {
    display: grid;
    grid-template-columns: 12% auto;
    gap: 15px;
    align-items: center;
}

.foot-phone {
    display: grid;
    grid-template-columns: 10% 60%;
    gap: 15px;
    align-items: center;
    justify-content: center;
}

.head-phone h5, .foot-phone h4,  .brief-phonr h5{
    font-weight: 700;
    color: #ec6217;
    font-family: 'DM Sans', sans-serif;
    margin: 0;
}

.head-phone a, .foot-phone a, .brief-phonr a {
    color: #ec6217;
}

.head-phone a:hover, .foot-phone a:hover, .brief-phonr a:hover {
    color: #114b9d;
}

.head-phone p {
    color: #114b9d;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

.foot-phone p, .brief-phonr p {
    font-weight: 600;
    margin: 0;
}

.text-team h4 {
    font-weight: 600;
}

.social-head {
    display: grid;
    grid-template-columns: 15% 15%;
    gap: 10px;
    justify-content: right;
}

.logo-footer {
    width: 40%;
    margin: auto;
    margin-bottom: 7%;
}

.cont-footer {
    display: grid;
    grid-template-columns: 6% auto;
    gap: 10px;
    margin-bottom: 4%;
    align-items: baseline;
}

.footer h6 {
    font-weight: 700;
    margin-bottom: 4%;
}

div#Component653221fb9616e3001397b2c0 iframe {
    border-radius: 20px;
}

.copy-right p {
    text-align: center;
    font-family: 'DM Sans', sans-serif;
}

.sect-about h4 ,.sect-about h5 , .head-text h3, .text-consult h4 , .location-about h4, 
.vission h4 , .sect-team h5, .contact-page h4, h3.managerHeader, .text-brief h5{
    font-weight: 700;
}

.sect-about h4 , .head-text h3, .location-about h4 , .text-team h4, .sect-team p, h3.managerHeader{
    color: #373737;
}

.sect-about h5 , .sect-team h5, .contact-page h4{
    color: #f36d24;
}

.img-ex {
    width: 40%;
   margin-top: 5%;
}

.sect-about {
    padding-top: 4%;
    padding-left: 3%;
}

figure.effect-selena {
    background: transparent;
}

.sect-about h4, .sect-about h5 {
    margin-bottom: 3%;
}

.head-text h3, .location-about h4, .text-team h4 {
    margin-bottom: 1%;
}

.head-text h3 , .location-about h4, .vission , .text-team h4, .contact-page, h3.managerHeader{
    text-align: center;
}

div#Component653227d9d094fa00137aa090 .grid figure figcaption {
    position: static;
    padding: 0;
    text-transform: inherit;
}

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

.text-service h6 , .text-port h6{
    font-size: 20px;
    margin: 0;
    font-weight: 600;
    line-height: 24px;
}

div#Component653227d9d094fa00137aa090 figure.effect-selena h2 {
    -webkit-transform: none;
    transform: none;
}

.text-service {
    background-color: #f36d24;
    padding: 5%;
    color: #fff;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 7%;
}

.logo-pre-service {
    width: 50%;
    margin: 19% auto;
}

div#mainmenu65322ad412f05a0013f851a7 .col-md-3.col-sm-3.col-xs-12.padding {
    background-color: #cccccc;
}

div#mainmenu65322ad412f05a0013f851a7 .none-middle-mid .none-middle-mid {
    display: block;
}

div#mainmenu65322ad412f05a0013f851a7 .none-middle-mid {
    display: flex;
    align-items: center;
}

.text-consult {
    padding-left: 4%;
}

.text-consult h6 {
    color: #000;
    font-weight: 600;
}

.text-consult h4 {
    line-height: 44px;
}

.text-port {
    top: 160px;
    position: absolute;
    width: 100%;
    text-align: left;
}

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

figure.effect-oscar figcaption {
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.22) 52%, rgba(0,0,0,1) 100%);
    padding: 5%;
}

.text-port hr {
    border-color: #f36d24;
    margin: 5% 0;
}

.text-form h4 {
    color: #f35600;
    font-weight: 700;
    text-align: center;
}

div#formdisplay6532324b9616e3001397b7d8 {
    padding: 3%;
    border-radius: 20px;
    box-shadow: 0 4px 8px rgb(0,0,0,0.2);
    margin: 0 3%;
}

div#Component65354ec39616e3001397c355 {
    padding: 3% 0;
    border-radius: 20px;
    box-shadow: 0 4px 8px rgb(0,0,0,0.2);
  background-color: #fff;
}

.text-form span {
    display: none;
}

div#formdisplay6532324b9616e3001397b7d8 .form-control,
div#Component65354ec39616e3001397c355 .form-control {
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #c0c0c0;
    border-radius: 0;
    margin-bottom: 2rem;
}

div#btnview6532324b9616e3001397b7d8 button ,
div#Component65354ec39616e3001397c355 button {
    background-image: none;
    background-color: #f35600;
    text-shadow: none;
    color: #fff;
    border-color: #f35600;
}

div#btnview6532324b9616e3001397b7d8 {
    margin-left: 0;
    width: 100%;
    text-align: center;
}

div#btnview6532324b9616e3001397b7d8 .glyphicon {
    display: none;
}

figure.effect-oscar:hover figcaption {
    background: rgba(58,52,42,0);
}


div#InmyDiv1697790155124 {
    width: 30%;
    float: left;
    margin-right: 2%;
    margin-bottom: 1%;
}

div#InmyDiv1697790166379 {
    width: 30%;
    float: right;
    margin-left: 2%;
    margin-top: 1%;
}

.about-page p {
    text-indent: 7%;
    margin-bottom: 2%;
}

.location-items div,
.location-items2 div{
    width: 20%;
    margin: auto;
    margin-bottom: 5%;
}

.location-items{
    text-align: center;
    padding: 6% 3%;
    height: 165px;
    margin: 2%;
    border-width: 3px;
    border-style: solid;
    border-image: linear-gradient(to bottom, #ffae82, #ec6217) 1;
}

.location-items a,
.location-items2 a {
    color: #373737;
}

.location-items a:hover,
.location-items2 a:hover {
   color: #f36d24;
}

.location-items2{
    background-color: #ffffffbd;
    height: 145px;
    text-align: center;
    padding: 6% 3%;
    margin: 2%;
}

.vission h6 {
    line-height: 32px;
}

.vission {
    margin: 3%;
    color:#000;
}

.symbol {
    font-size: 3em;
    position: relative;
    top: 20px;
    margin: 1%;
}

.sect-team h3 {
    font-family: 'DM Sans', sans-serif;
    color: #c7c7c7;
    font-weight: 600;
    margin: 0;
}

.sect-team hr {
    border-color: #124b9e;
    margin: 5% 0;
}

.text-team h4 {
    padding: 2%;
    background: linear-gradient(to top, #003b91, #3e7cd5);
    color: #fff;
}

.sect-team {
    background-color: #f9f9f9;
    padding: 5%;
    height: 195px;
}

.sect-partner{
    background-color: #fff;
    padding: 4%;
    border-radius: 20px;
    box-shadow: 0 4px 8px rgb(0,0,0,0.2);
    margin: 2% 0;
}

.sect-partner h4 {
    color: #f36d24;
    font-weight: 700;
    text-align: center;
    margin-bottom: 2%;
}

.sect-partner li {
    display: grid;
    grid-template-columns: 6% auto;
    gap: 10px;
    margin-bottom: 2%;
}

.sect-partner ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: 50% 50%;
}

.contact-page {
    margin-bottom: 2%;
}

.Text_seller2 {
    display: none;
}

.pre-port {
    padding: 3%;
    margin-bottom: 2%;
    margin-top: 0;
    background-color: #fff;
    color: #373737;
    text-align: left;
}

.pre-port h6 {
    margin: 0;
    line-height: 26px;
}

.pre-port button {
    background-image: none;
    background-color: #f35600;
    text-shadow: none;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding:0.5rem 2rem;
    margin-top: 2.5%;
}

div#Component65355f4b12f05a0013f85d85 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
div#Component65356772d094fa00137ab12d .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
div#Component6535692a9616e3001397c490 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
div#Component6535697ad094fa00137ab14c .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
div#Component6535699518997f0012692ae4 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
div#Component653569b29616e3001397c49c .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
div#Component653569c9bd7faa001261bb04 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
div#Component653569e518997f0012692aef .col-md-4.col-sm-4.col-xs-12.padding-md.text-center,
div#Component653569ff12f05a0013f85de8 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center{
    padding: 1% !important;
    transition: transform 0.2s ease-out;
}

div#Component65355f4c12f05a0013f85d90 .thumbnail img,
.social-head img,
div#Component653227d9d094fa00137aa090 .col-md-4.col-sm-4.col-xs-4{
    transition: transform 0.2s ease-out;
}

div#Component65355f4c12f05a0013f85d90 .thumbnail:hover img{
    transform: scale(0.95);
    box-shadow: 0 4px 8px rgb(0,0,0,0.2);
}

div#Component65355f4b12f05a0013f85d85 .Contentmanager .template1 .template-panel,
div#Component65356772d094fa00137ab12d .Contentmanager .template1 .template-panel,
div#Component6535692a9616e3001397c490 .Contentmanager .template1 .template-panel,
div#Component6535697ad094fa00137ab14c .Contentmanager .template1 .template-panel,
div#Component6535699518997f0012692ae4 .Contentmanager .template1 .template-panel,
div#Component653569b29616e3001397c49c .Contentmanager .template1 .template-panel,
div#Component653569c9bd7faa001261bb04 .Contentmanager .template1 .template-panel,
div#Component653569e518997f0012692aef .Contentmanager .template1 .template-panel,
div#Component653569ff12f05a0013f85de8 .Contentmanager .template1 .template-panel{
    padding-bottom: 80%;
}

div#Component65355f4b12f05a0013f85d85 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover,
div#Component65356772d094fa00137ab12d .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover,
div#Component6535692a9616e3001397c490 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover,
div#Component6535697ad094fa00137ab14c .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover,
div#Component6535699518997f0012692ae4 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover,
div#Component653569b29616e3001397c49c .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover,
div#Component653569c9bd7faa001261bb04 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover,
div#Component653569e518997f0012692aef .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover,
div#Component653569ff12f05a0013f85de8 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover,
.social-head img:hover,
div#Component653227d9d094fa00137aa090 .col-md-4.col-sm-4.col-xs-4:hover{
    transform: scale(0.95);
}

div#Component65355f4b12f05a0013f85d85 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover .pre-port,
div#Component65356772d094fa00137ab12d .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover .pre-port,
div#Component6535692a9616e3001397c490 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover .pre-port,
div#Component6535697ad094fa00137ab14c .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover .pre-port,
div#Component6535699518997f0012692ae4 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover .pre-port,
div#Component653569b29616e3001397c49c .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover .pre-port,
div#Component653569c9bd7faa001261bb04 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover .pre-port,
div#Component653569e518997f0012692aef .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover .pre-port,
div#Component653569ff12f05a0013f85de8 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover .pre-port{
    background-color: #f36d24;
    color: #fff;
}

div#Component653567ffbd7faa001261babe .text-port {
    top: 250px;
}

div#Component653567ffbd7faa001261babe .text-port h6 {
    font-size: 26px;
}

div#Component6535692a9616e3001397c490 .pre-port h6 {
    height: 55px;
    overflow: hidden;
}

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

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

div#Component65355f4c12f05a0013f85d90 .col-xs-12.col-md-3 {
    padding: 1% !important;
    width: 50%;
}

.text-brief {
   /* display: grid;
    grid-template-columns: 20% 60%;
    gap: 20px;
    justify-content: center;*/
    padding: 2%;
    border-width: 3px;
    border-style: solid;
    border-image: linear-gradient(to bottom, #ffae82, #ec6217) 1;
    text-align: center;
}

.brief-phonr {
    display: grid;
    grid-template-columns: 3% auto;
    margin: 2% 0;
    gap: 10px;
    align-items: center;
    text-align: left;
    justify-content: center;
}

.text-brief h4 {
    font-weight: 700;
    color: #003b91;
}

.cont-footer a {
    color: #000;
}

.cont-footer a:hover {
    color: #003b91;
}

div#btnview6532324b9616e3001397b7d8 button:hover, div#Component65354ec39616e3001397c355 button:hover {
   background-color:#003b91;
  border-color:#003b91;
}


.ITPcookiebar {
    width: 100% !important;
    background-color: #124b9e9e !important;
    color: #fff;
}

.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#Component65354ec39616e3001397c355 .form-group.col-sm-offset-3.col-sm-6.col-md-offset-3.col-md-6 {
    width: 60% !important;
    margin-left: 25%;
}



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


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

  h5 {
    font-size: 2.2em;
}
  
  h4, h3.managerHeader {
    font-size: 2.8em;
}
  
  .head-phone p, .pre-port button, div#btnview6532324b9616e3001397b7d8 button, div#Component65354ec39616e3001397c355 button {
    font-size: 16px;
  }
  
  .navbar-default .navbar-nav>li>a {
    font-size: 20px;
    padding: 15px 0;
}
  
  p , .dropdown-menu>li>a{
    font-size: 20px;
}
  
  h3 {
    font-size: 3.2em;
}
  
  .text-service h6, .text-port h6 {
    font-size: 24px;
    line-height: 28px;
  }
  
  .text-service {
    height: 95px;
}
  
  h6 {
    font-size: 1.8em;
}
  
  .text-port {
    top: 210px;
  }
  
  div#formdisplay6532324b9616e3001397b7d8 .form-control, 
  div#Component65354ec39616e3001397c355 .form-control {
    margin-bottom: 3rem;
  }
  
  .location-items {
    height: 210px;
}
  
  .sect-team {
    height: 230px;
}
  
  .pre-port button {
    margin-top: 3.5%;
}
  
  .pre-port h6 {
    line-height: 30px;
}
  
  div#Component653567ffbd7faa001261babe .text-port {
    top: 320px;
}
  
  div#Component653567ffbd7faa001261babe .text-port h6 {
    font-size: 28px;
}
  
  div#Component6535692a9616e3001397c490 .pre-port h6 {
    height: 60px;
  }
  
  .location-items2 {
    height: 185px;
}
  
}

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

.page-header {
    margin: 2% 0 0 ;
    padding-bottom: 0;
}
  
  .page-header .clearfix {
    display: none;
}
}

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

.head-phone p {
    font-size: 12px;
}
  
  .navbar-default .navbar-nav>li>a {
    font-size: 14px;
}
  
  .navbar-default .navbar-nav>li {
    padding: 0 8px;
  }
  
  h3 {
    font-size: 2.4em;
}
  
  .text-service h6, .text-port h6 {
    font-size: 18px;
}
  
  .text-consult h4 {
    line-height: 40px;
}
  
  h6 {
    font-size: 1.2em;
}
  
  .text-port {
    top: 120px;
  }
  
  h4, h3.managerHeader {
    font-size: 1.8em;
}
  
  .footer br,.sect-about br {
    display: none;
}
  
  p, div#Component65354ec39616e3001397c355 label, .dropdown-menu>li>a {
    font-size: 14px;
}
  
  .location-items {
    height: 150px;
}
  
  .vission h6 {
    line-height: 26px;
}
  
  h5 {
    font-size: 1.6em;
}
  
  .sect-team {
    height: 170px;
}
  
  .pre-port h6 {
    line-height: 22px;
}
  
  .pre-port button, div#btnview6532324b9616e3001397b7d8 button, div#Component65354ec39616e3001397c355 button {
    font-size: 12px;
}
}

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

.navbar-default .navbar-nav>li {
    padding: 0 5px;
}
  
  .text-service h6, .text-port h6 {
    font-size: 16px;
}
  
  .text-service {
    height: 65px;
}

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

  .text-consult h4 {
    line-height: 32px;
}
  
  h6 {
    font-size: 14px;
}
  
  .vission h6 {
    line-height: 20px;
}
  
  h5 {
    font-size: 1.4em;
}
  
  .sect-team {
    height: 165px;
}
  
  .pre-port h6 {
    height: 50px;
}
  
  .pre-port button {
    margin-top: 0;
}
}


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

.head-phone,.social-head {
    display: none;
}
  
  div#imagesControl65320d4d9616e3001397aeef,
  div#contentnewmode65324a499616e3001397bb61,
  div#contentnewmode6532257bd094fa00137a9f97{
    padding: 0 !important;
}
  
  h5 {
    font-size: 18px;
}
  
  .img-ex {
    width: 50%;
  }
  
  h3 {
    font-size: 2.2em;
}
  .text-service h6, .text-port h6{
    line-height: inherit;
}

.text-consult {
    padding-left: 1%;
}

.text-port {
    top: 130px;
}

.location-items {
    height: 165px;
}

p, div#Component65354ec39616e3001397c355 label, .dropdown-menu>li>a {
    font-size: 16px;
}

.sect-team {
    height: auto;
}

.pre-port h6,div#Component6535692a9616e3001397c490 .pre-port h6 {
    height: auto;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pre-port button {
    margin-top: 3%;
}

div#Component65355f4c12f05a0013f85d90 .col-xs-12.col-md-3 {
    padding: 0 !important;
    width: 100%;
}

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

  .sect-about {
    padding-top: 0;
    padding-left: 0;
}
  
  .location-items2 {
    height: 175px;
}
}

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

div#Component65355f4c12f05a0013f85d90 .col-md-12.text-justify {
    padding: 2%;
}
  
  h4 {
    font-size: 24px;
}
  
  h5 {
    font-size: 20px;
}
  
  .img-ex {
    margin-bottom: 8%;
}
  
  .text-service h6, .text-port h6 {
    font-size: 18px;
}
  
  .text-service {
    height: auto;
}
  
  div#Component653227d9d094fa00137aa090 .thumbs {
    margin: 0;
}
  
  div#Component653227d9d094fa00137aa090 .col-md-4.col-sm-4.col-xs-12,
  div#imagesControl653227d9d094fa00137aa090,
  div#imagesControl65322553d094fa00137a9f69,
  div#contentnewmode65322b25d094fa00137aa1ca,
  div#Component65322eb1d094fa00137aa28f .col-md-3.col-sm-4.col-xs-12,
  div#Component65322eb1d094fa00137aa28f .thumbs,
  div#Component6532324b9616e3001397b7d8 .col-md-12.col-sm-12,
  div#Component6532324b9616e3001397b7d8 .col-md-6.col-sm-12,
  div#contentnewmode653239cc12f05a0013f85445,
  div#imagesControl653239b918997f0012691db5,
  div#Component653567ffbd7faa001261babe .col-md-6.col-sm-6.col-xs-12,
  div#Component653567ffbd7faa001261babe .thumbs{
    padding: 0 !important;
}
  
  div#mainmenu65322ad412f05a0013f851a7 .none-middle-mid {
    display: block;
}
  
  .logo-pre-service {
    width: 35%;
    margin: 9% auto;
}
  
  .itopplus-bg3 {
    background-size: cover;
}
  
  h6 {
    font-size: 16px;
}
  
  .text-consult h4 {
    line-height: inherit;
}
  
  .text-port {
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.42) 52%, rgba(0,0,0,1) 100%);
    height: 30%;
    bottom: 0;
    padding-top: 10%;
    padding-left: 5%;
    padding-right: 5%;
    color: #fff;
    top: unset;
}
  
  div#Component65322eb1d094fa00137aa28f .thumbs,
    div#Component653567ffbd7faa001261babe .thumbs{
    margin: 0;
}
  
  div#Component65322eb1d094fa00137aa28f .col-md-3.col-sm-4.col-xs-12,
  div#Component653567ffbd7faa001261babe .col-md-6.col-sm-6.col-xs-12{
    margin-bottom: 5%;
}
  
  div#formdisplay6532324b9616e3001397b7d8 {
    margin: 0;
    padding: 3% 5%;
}
  
  .about-page p {
    margin-bottom: 4%;
}
  
  .location-items {
    height: auto;
}
  
  .symbol {
    font-size: 2em;
    top: 0;
  }
  
  .vission h6 {
    line-height: 28px;
}
  
  .text-team h4 {
    padding: 4% 0;
  }
  
  div#contentnewmode65353a9260bc5b0013874ea3,
div#contentnewmode65353af012f05a0013f85b7b,
div#contentnewmode65353b0e9616e3001397c29f,
div#contentnewmode65353f7312f05a0013f85bd5,
div#contentnewmode65353f7812f05a0013f85bdf,
div#contentnewmode65353f7d12f05a0013f85be8,
div#contentnewmode6535442118997f0012692809,
div#contentnewmode6535442618997f0012692812,
div#contentnewmode6535442b18997f001269281b,
div#contentnewmode6535441118997f00126927ed,
div#contentnewmode6535441618997f00126927f6,
div#contentnewmode6535441c18997f00126927ff,
div#contentnewmode6535443018997f0012692824,
  div#contentnewmode6535443518997f001269282d,
  div#contentnewmode653542a7bd7faa001261b8fb,
div#contentnewmode653542acbd7faa001261b904,
div#contentnewmode653542b2bd7faa001261b90d,
  div#contentnewmode6535430fd094fa00137aaf58,
div#contentnewmode65354313d094fa00137aaf62,
div#contentnewmode65354318d094fa00137aaf6b,
div#contentnewmode653543a318997f00126927c1,
  div#contentnewmode6535453c60bc5b0013874f02{
    padding: 0 !important;
    margin-bottom:1rem;
  }
  
  div#mainmenu65353f6c60bc5b0013874edd,
  div#mainmenu6535440018997f00126927e3,
  div#mainmenu653543fd18997f00126927de,
  div#mainmenu6535430bd094fa00137aaf53{
    margin-bottom: -20px;
}
  
  .sect-partner ul {
    grid-template-columns: 100%;
}
  
  .sect-partner h6 {
    margin: 0;
}
  
  .sect-partner li {
    margin-bottom: 5%;
}
  
  .sect-partner h4 {
    margin-bottom: 4%;
}
  
  .location-items2 {
    border-width: 3px;
    border-style: solid;
    border-image: linear-gradient(to bottom, #ffae82, #ec6217) 1;
}
  
  div#Component653567ffbd7faa001261babe .text-port {
    top: unset;
    height: 45%;
}
  
  .brief-phonr {
    grid-template-columns: 10% auto;
}
  
  .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#Component65354ec39616e3001397c355 .form-group.col-sm-offset-3.col-sm-6.col-md-offset-3.col-md-6 {
    width: 100% !important;
    margin-left: 0;
}
  
  .location-items2 {
    height: auto;
}
}