.itopplus-background {

}
.itopplus-bg{
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_11022022edrt/1881/0/1z-z615859400034.webp');   
    background-position: bottom; 
  }
  .itopplus-bg2{
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_11022022edrt/1903/0/2z-z1093863458256.webp');   
  }
  .itopplus-footer2{
      background-color: #1fbeb6;
  }
  
  /************Menu***************/
  #main-navbar-collapse {
      text-align: center; 
  }
  .itopplus-menu {
      margin-top: 6%;
  }
  .itopplus-search {
      color: #000;
      margin-top: 5%;
  }
  .navbar-default {
      background: #1fbeb6!important;
  }      
  .navbar-default .navbar-nav>li>a {
      color: #000;
      /*margin: 7px;*/
      /*padding: 5px 15px 5px 15px;*/
        padding-bottom: 5px;
  }
  .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:active {
      color: #1fbeb6 !important;
      background-color: transparent;
      box-shadow: none;
      border-bottom: 3px solid #034666 !important;
  }
  .itopplus-sidebar-menu-parent a {
      color: #fff !important;
  }
  #itopplus-sticky-nav-bar .navbar-default {
      background-color: #ffffff!important;
     padding: 1% 0;
  }
  #itopplus-nav-bar-sticky .itopplus-sidebar-menu-parent {
    border-bottom: 0.5px solid rgb(57 60 66 / 0%)!important;
  }
  /********Mobile-Sidebar*********/
  .navbar-default .navbar-brand, .itopplus-sidebar-menu-single a:link, .itopplus-sidebar-main a:link {
      color: #fff!important;
  }
  .navbar-default .navbar-brand:hover{
      background-color: transparent;
  }
  .itopplus-sidebar-menu-single a:active {
      color: #fff!important;
      background-color: transparent!important;
  }
  .navbar-default .navbar-toggle:focus .text-bar{
      color: #fff!important;
  }
  .navbar-default .navbar-toggle .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
      background-color: #fff !important;
  }
  .navbar-default .navbar-toggle .text-bar, .navbar-default .navbar-toggle:hover .text-bar {
      color: #fff !important;
  }
  .itopplus-sidebar-menu-single {
      border-bottom: transparent;
  }
  .nav>li>a:focus {
      border-bottom: none !important;
  }
  .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover {
      border-color: transparent!important;
      background-color: transparent!important;
  }
  
  .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
      color: #1fbeb6 !important;
      background-color: transparent;
      box-shadow: none;
      border-bottom: 3px solid #034666 !important;
      background-image: linear-gradient(to bottom,#fff 0,#fff 100%);
  }
  .dropdown-menu>li>a {
      color: #000 !important;
  }
  .navbar-nav>li>.dropdown-menu {
      border-radius: 10px;
  }
  .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
      background-color: #ffffff;
  }
a.navbar-brand.visible-xs.menu-mobile-custom.closelyclick.customLink img {
     width: 85% !important;
}
  
  /******************************/
  
  /*---หน้าต้นแบบ---*/
  .hotline-icon {
      width: 100%;
      position: relative;
      z-index: 1;
  }
  .header-menu {
      background: linear-gradient(to bottom, #ffffff 0%, #ffffff 51%, #f0f0f0 100%);
      width: 128%;
      border: 1px solid #fff;
      border-radius: 30px;
      padding: 10px;
      text-align: right;
      margin-left: -43%;
      margin-top: 2px;
      font-size: 1.5rem;
  }
  #contentnewmode625fbbfcd8b076001adf569d , #contentnewmode62a6f5360b53260014160777{
   margin-top: -5%;
  }
  .footer-head {
      font-size: 1.8rem;
  }
  .footer-sub {
      font-size: 1.5rem;
      padding: 1% 0;
  }
  .footer-sub a{
   color:#fff;
  }
  .footer-sub a:hover{
   color:#1fbeb6;
  }
  
  /*home*/
  .text-head-en {
      font-family: 'Taviraj', serif;
      font-weight: 500;
      font-size: 4rem;
      color: #034666;
  }
  .text-head-th {
      font-weight: 500;
      font-size: 4rem;
      color: #034666;
  }
  .text-pd-about {
      padding: 2% 20% 2% 2%;
  }
  .text-head1 {
      font-size: 2.2rem;
      color: #333333;
  }
  .text-head2 {
      font-size: 1.8rem;
  }
  .bg-text-head2 {
      background-color: #1fbfb714;
      padding: 3%;
      border-radius: 20px;
      margin-top: -6%;
  }
  .bg-about-1 {
      background-color: #1fbfb714;
      padding: 2%;
      border-radius: 20px;
  }
  .text-head-en2 {
      font-family: 'Taviraj', serif;
      font-weight: 500;
      font-size: 3.9rem;
      color: #034666;
  }
  .pd-iconservice {
      padding: 2%;
  }
  .text-btimg {
      padding-top: 10%;
      font-size: 1.8rem;
      text-transform: capitalize;
  }
  #imagesControl62603db4c3ab0f001a6c3c95 .text-btimg {
      padding-top: 0;
      height: 75px;
  }
  .bg-text1 {
      background-color: rgb(15 77 107 / 95%);
      padding: 3%;
      border-radius: 20px;
  }
  .text-head-en3 {
      font-size: 4rem;
      font-weight: 200;
  }
  #contentnewmode625fece63dbbef001a85163d {
      margin-top: -10%;
  }
  .bg-review {
      background-color: #044767;
      padding: 15px;
      border-radius: 30px 30px 0px 30px;
  }
  img#\36 2a713f10b53260014160cb9-first-image {
    width: 85% !important;
    margin: auto;
    border-radius: 15px;
}  
#contentnewmode62aae7b9b913520013def64a {
    width: 100%;
    margin: auto;
}

  
  /*Scroll*/
  p#sc {
      margin-top: -60px;
      letter-spacing: 5px;
      text-indent: 12px;
      color: #ffffff;
      -webkit-animation: colorText 5s ease-out infinite, nudgeText 5s ease-out infinite;
      animation: colorText 5s ease-out infinite, nudgeText 5s ease-out infinite;
      text-align: center;
      font-weight: 400;
      font-size: 10px;
  }
  .mouse {
      background: transparent;
      position: relative;
      width: 24px;
      height: 35px;
      border-radius: 100px;
      background-size: 100% 200%;
      -webkit-animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
      animation: nudgeMouse 5s ease-out infinite;
      margin-top: -7%;
      margin-left: auto;
      margin-right: auto;
      display: block;
      border: 2px solid #fff;
  }
  .mouse:before, .mouse:after{
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
  }
  .mouse:before {
      width: 20px;
      height: 40px;
      background-color: transparent;
      border-radius: 100px;
  }
  .mouse:after{
      background-color: #fff;
      width: 10px;
      height: 10px;
      border-radius: 100%;
      -webkit-animation: trackBallSlide 5s linear infinite;
            animation: trackBallSlide 5s linear infinite;
  }
  @-webkit-keyframes colorSlide {
    0% {
      background-position: 0% 100%;
    }
    20% {
      background-position: 0% 0%;
    }
    21% {
      background-color: #4e5559;
    }
    29.99% {
      background-color: #ffffff;
      background-position: 0% 0%;
    }
    30% {
      background-color: #4e5559;
      background-position: 0% 100%;
    }
    50% {
      background-position: 0% 0%;
    }
    51% {
      background-color: #4e5559;
    }
    59% {
      background-color: #ffffff;
      background-position: 0% 0%;
    }
    60% {
      background-color: #4e5559;
      background-position: 0% 100%;
    }
    80% {
      background-position: 0% 0%;
    }
    81% {
      background-color: #4e5559;
    }
    90%, 100% {
      background-color: #ffffff;
    }
  }
  
  @keyframes colorSlide {
    0% {
      background-position: 0% 100%;
    }
    20% {
      background-position: 0% 0%;
    }
    21% {
      background-color: #4e5559;
    }
    29.99% {
      background-color: #ffffff;
      background-position: 0% 0%;
    }
    30% {
      background-color: #4e5559;
      background-position: 0% 100%;
    }
    50% {
      background-position: 0% 0%;
    }
    51% {
      background-color: #4e5559;
    }
    59% {
      background-color: #ffffff;
      background-position: 0% 0%;
    }
    60% {
      background-color: #4e5559;
      background-position: 0% 100%;
    }
    80% {
      background-position: 0% 0%;
    }
    81% {
      background-color: #4e5559;
    }
    90%, 100% {
      background-color: #ffffff;
    }
  }
  @-webkit-keyframes trackBallSlide {
    0% {
      opacity: 1;
      -webkit-transform: scale(0.4) translateY(-20px);
              transform: scale(0.4) translateY(-20px);
    }
    6% {
      opacity: 1;
      -webkit-transform: scale(0.4) translateY(5px);
              transform: scale(0.4) translateY(5px);
    }
    14% {
      opacity: 0;
      -webkit-transform: scale(0.4) translateY(30px);
              transform: scale(0.4) translateY(30px);
    }
    15%, 19% {
      opacity: 0;
      -webkit-transform: scale(0.4) translateY(-20px);
              transform: scale(0.4) translateY(-20px);
    }
    28%, 29.99% {
      opacity: 1;
      -webkit-transform: scale(0.4) translateY(-20px);
              transform: scale(0.4) translateY(-20px);
    }
    30% {
      opacity: 1;
      -webkit-transform: scale(0.4) translateY(-20px);
              transform: scale(0.4) translateY(-20px);
    }
    36% {
      opacity: 1;
      -webkit-transform: scale(0.4) translateY(5px);
              transform: scale(0.4) translateY(5px);
    }
    44% {
      opacity: 0;
      -webkit-transform: scale(0.4) translateY(30px);
              transform: scale(0.4) translateY(30px);
    }
    45%, 49% {
      opacity: 0;
      -webkit-transform: scale(0.4) translateY(-20px);
              transform: scale(0.4) translateY(-20px);
    }
    58%, 59.99% {
      opacity: 1;
      -webkit-transform: scale(0.4) translateY(-20px);
              transform: scale(0.4) translateY(-20px);
    }
    60% {
      opacity: 1;
      -webkit-transform: scale(0.4) translateY(-20px);
              transform: scale(0.4) translateY(-20px);
    }
    66% {
      opacity: 1;
      -webkit-transform: scale(0.4) translateY(5px);
              transform: scale(0.4) translateY(5px);
    }
    74% {
      opacity: 0;
      -webkit-transform: scale(0.4) translateY(30px);
              transform: scale(0.4) translateY(30px);
    }
    75%, 79% {
      opacity: 0;
      -webkit-transform: scale(0.4) translateY(-20px);
              transform: scale(0.4) translateY(-20px);
    }
    88%, 100% {
      opacity: 1;
      -webkit-transform: scale(0.4) translateY(-20px);
              transform: scale(0.4) translateY(-20px);
    }
  }
  @keyframes trackBallSlide {
    0% {
      opacity: 1;
      -webkit-transform: scale(0.4) translateY(-20px);
              transform: scale(0.4) translateY(-20px);
    }
    6% {
      opacity: 1;
      -webkit-transform: scale(0.4) translateY(5px);
              transform: scale(0.4) translateY(5px);
    }
    14% {
      opacity: 0;
      -webkit-transform: scale(0.4) translateY(30px);
              transform: scale(0.4) translateY(30px);
    }
    15%, 19% {
      opacity: 0;
      -webkit-transform: scale(0.4) translateY(-20px);
              transform: scale(0.4) translateY(-20px);
    }
    28%, 29.99% {
      opacity: 1;
      -webkit-transform: scale(0.4) translateY(-20px);
              transform: scale(0.4) translateY(-20px);
    }
    30% {
      opacity: 1;
      -webkit-transform: scale(0.4) translateY(-20px);
              transform: scale(0.4) translateY(-20px);
    }
    36% {
      opacity: 1;
      -webkit-transform: scale(0.4) translateY(5px);
              transform: scale(0.4) translateY(5px);
    }
    44% {
      opacity: 0;
      -webkit-transform: scale(0.4) translateY(30px);
              transform: scale(0.4) translateY(30px);
    }
    45%, 49% {
      opacity: 0;
      -webkit-transform: scale(0.4) translateY(-20px);
              transform: scale(0.4) translateY(-20px);
    }
    58%, 59.99% {
      opacity: 1;
      -webkit-transform: scale(0.4) translateY(-20px);
              transform: scale(0.4) translateY(-20px);
    }
    60% {
      opacity: 1;
      -webkit-transform: scale(0.4) translateY(-20px);
              transform: scale(0.4) translateY(-20px);
    }
    66% {
      opacity: 1;
      -webkit-transform: scale(0.4) translateY(5px);
              transform: scale(0.4) translateY(5px);
    }
    74% {
      opacity: 0;
      -webkit-transform: scale(0.4) translateY(30px);
              transform: scale(0.4) translateY(30px);
    }
    75%, 79% {
      opacity: 0;
      -webkit-transform: scale(0.4) translateY(-20px);
              transform: scale(0.4) translateY(-20px);
    }
    88%, 100% {
      opacity: 1;
      -webkit-transform: scale(0.4) translateY(-12px);
              transform: scale(0.4) translateY(-20px);
    }
  }
  @-webkit-keyframes nudgeMouse {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    20% {
      -webkit-transform: translateY(8px);
              transform: translateY(8px);
    }
    30% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(8px);
              transform: translateY(8px);
    }
    60% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    80% {
      -webkit-transform: translateY(8px);
              transform: translateY(8px);
    }
    90% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @keyframes nudgeMouse {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    20% {
      -webkit-transform: translateY(8px);
              transform: translateY(8px);
    }
    30% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(8px);
              transform: translateY(8px);
    }
    60% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    80% {
      -webkit-transform: translateY(8px);
              transform: translateY(8px);
    }
    90% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @-webkit-keyframes nudgeText {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    20% {
      -webkit-transform: translateY(2px);
              transform: translateY(2px);
    }
    30% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(2px);
              transform: translateY(2px);
    }
    60% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    80% {
      -webkit-transform: translateY(2px);
              transform: translateY(2px);
    }
    90% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @keyframes nudgeText {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    20% {
      -webkit-transform: translateY(2px);
              transform: translateY(2px);
    }
    30% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(2px);
              transform: translateY(2px);
    }
    60% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    80% {
      -webkit-transform: translateY(2px);
              transform: translateY(2px);
    }
    90% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @-webkit-keyframes colorText {
    21% {color: #4e5559;}
    30% {color: #ccc;}
    51% {color: #4e5559;}
    60% {color: #ccc;}
    81% {color: #4e5559;}
    90% {color: #ccc;}
  }
  @keyframes colorText {
    21% {color: #4e5559;}
    30% {color: #ccc;}
    51% {color: #4e5559;}
    60% {color: #ccc;}
    81% {color: #4e5559;}
    90% {color: #ccc;}
  }
  
  
  
  /*contact*/
  .icon-contact {
    width:13%;
  }
  .text-head-contact {
      font-size: 3.5rem;
      color: #fff;
  }
  a.txt-contact1 {
      font-size: 1.4rem;
      color: #fff;
  }
  a.txt-contact1:hover {
      color: #20bfb7;
      font-weight: 600;
  }
  .text-about1 {
      font-size: 2.5rem;
  }
  .bg-contact {
      padding: 6%;
      border-radius: 10px;
      border: 1px solid #bbb2a4;
  }
  .bg-contact:hover {
   background-color: #20bfb71f;
  }
 .icon-2 {
    width: 100%;
 }
  
  /*effect*/
  .ef1, .ef2 {
      transition-duration: 0.3s;
      transition-property: transform;
      transition-timing-function: ease-out;
  }
  
  .ef1:hover, .ef2:hover {
      transform: translateY(-8px);
  }
  .ef3 , .ef4 {
      transition: 0.5s;
  }
  .ef3:hover {
      transform: scale(1.2,1.2);
  }
  .ef4:hover {
      transform: scale(0.9,0.9);
  }
  
  figure.effect-sadie p {
      opacity: 1;
      background: linear-gradient(to bottom,rgba(72,76,97,0) 0,rgb(6 68 125 / 82%) 75%);
  }
  figure.effect-sadie figcaption::before {
      background: linear-gradient(to bottom,rgba(72,76,97,0) 0,rgba(23,75,122,0) 75%);
  }
  /*steve*/
  figure.effect-steve {
      background: transparent;
  }
  figure.effect-steve:hover:before {
      opacity: 0;
  }
  figure.effect-steve h2 {
      display: none;
  }
  figure.effect-steve:hover p {
    opacity: 0; 
  }
  
  figure.effect-steve img {
      border-radius: 15px;
  }
  .callbacks_container .callbacks img {
      border-radius: 15px;
  }
figure.effect-marley h2::after {
    background: transparent;
}

  /*Tab Review*/
.img-tab-review {
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   flex-direction: column;
   align-items: center;
   background: #ffffff; 
   max-width: 60% !important;
   margin: auto;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #1fbeb6;
    background-color: transparent;
    transform: scale(0.9,0.9);
    font-size: 20px;
    transition: 0.5s;
}
.nav-review>li {
    width: 20%;
}
  .nav-review{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
  }
.img-branch4 {
    width: 70%;
    margin: 0 auto;
    display: block;
   border-radius: 15px;
}
  
  /*contentmanager*/
  #Contentmanager .TabItpContentLandingPage6>ul {
    width: 100%;
  }
  #Contentmanager .TabItpContentLandingPage6 {
      background-color: transparent;
      padding: 0;
  }
  #Contentmanager .TabItpContentLandingPage6 .tab-content {
      background-color: #044767;
      border-radius: 50px;
  }
  #Contentmanager .TabItpContentLandingPage6>ul>li.active>a {
      background-color: #1fbfb7!important;
  }
  #Contentmanager .TabItpContentLandingPage6>ul>li>a {
      border-radius: 20px 20px 0px 20px;
  }
  #Contentmanager .TabItpContentLandingPage6>ul>li>a:hover {
      background-color: #bbb2a4;
  }
  #Contentmanager .TabItpContentLandingPage6 .tab-content .col-md-offset-2 {
      margin-left: 0;
  }
  #Contentmanager .TabItpContentLandingPage6 .tab-content .col-md-8 {
      width: 100%;
  }
  #Contentmanager .img-thumbnail , #Contentmanager .thumbnail {
      background-color: transparent;
      border: none;
      border-radius: 10px;
      box-shadow: none;
      position: relative;
      z-index: 1;
  }
  #Contentmanager .TabItpContentLandingPage6 .tab-itp-background {
      background-color: transparent;
  }
  /*-----*/
  .text-more5 {
      text-align: center;
      color: #1fbfb7;
  }
  .text-more5:hover {
      color: #034666;
      font-weight:500;
  }
  #Contentmanager .post-time {
    display: none;
  }
  .landingpagemanager .col-md-8.col-sm-8.col-xs-12 p .text-more {
    text-align: left;
  }
  .Contentmanager .site .col-section .item.-micro a .caption .title {
    text-align: center;
    font-size: 17px;
    color: #000;
    padding: 10% 6% 0;
    font-weight: 400;
    background: transparent;
    height: auto;
  }
  article.col-md-6.item.-micro {
    width:33.33%;
  }
  .Contentmanager .site .col-section .item.-micro {
    padding: 10px 25px 10px 25px;
  }
  .Contentmanager .site .col-section .item.-micro a .image {
    width: 100%;
    margin-bottom: 0px;
    box-shadow: 5px 5px 10px -7px rgb(3 70 102);
    border-radius: 15px; 
  }
  .Contentmanager .site .col-section .item.-micro a .caption {
    width: 100%;
    background: transparent;
    padding-left: 0;
  }
  .Contentmanager .site .col-section .item.-micro:nth-child(odd) {
    border-right: none;
    border-bottom: none;
  }
  .Contentmanager .site .col-section .item.-micro:nth-child(even) {
    border-bottom: none;
  }
  
  .Contentmanager .site .col-section .item.-micro a .post {
    display: none;
  }
  .contenemanager-gallery .col-xs-12.col-md-3 {
    padding-left: 10px;
    padding-right: 10px;
    width: 50%;
  }
  .Contenemanager-gallery .col-xs-6.col-md-3 {
    padding-left: 10px;
    padding-right: 10px;
    width: 25%;
  }
  .Contentmanager .site .col-section .item.-micro a:hover .caption .title {
    color: #084f87;;
  }
  .Contentmanager-thumbnail {
    border: 0px solid #ddd;
  }
  .Contentmanager-template2-1 a:hover {
    color: #085391;
  }
  #Contentmanager .fb_iframe_widget , #Contentmanager .landingpagemanager , #Contentmanager .page-header{
      display: none;
  }
  /*----*/
  
  #Contentmanager .nav-template7 li a {
      color: #034666;
      font-size: 17px!important;
  }
  #Contentmanager .nav-template7 li a strong {
      font-weight: 400 !important;
  }
  
  #Contentmanager span.fa-plus:before {
      content: "▶";
      color: #bab2a4;
  } 
  #Contentmanager .nav-template7 li {
      border-bottom: 1px solid #d7d7d7;
      border-top: none;
  }
  
  #Contentmanager .nav-template7 .text-sub3 li {
      border-bottom: none;
      border-top: none;
      list-style: auto;
      list-style-type: initial;
      text-align: left;
  }
  
  #Contentmanager .nav-template7 .text-sub3 {
      padding-top: 0;
  }
  #Contentmanager .nav-template7 .text-sub3 strong {
   font-weight: 500;
  }
  #Contentmanager .nav-template7 li:hover {
      background-color: transparent;
  }
  
  /*from Contact*/
   
  .no-js #Component626146bd3dbbef001a853f9e label {
      display: none!important;
  }
  .no-js #Component626146bd3dbbef001a853f9e .col-md-6 {
      width: 90%;
      margin-left: auto;
      display: block;
      margin-right: auto;
      float: initial;
  }
  .no-js #Component626146bd3dbbef001a853f9e .form-control {
      border: 1px solid #f1f1f1;
      border-radius: 15px!important;
      -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
      box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
      font-size: 14px!important;
      padding: 20px;
      background: rgb(187 178 164);
      color: #000;
  }
  .no-js #Component626146bd3dbbef001a853f9e ::placeholder {
      color: #000!important;
    font-weight:300;
  }
  .no-js #Component626146bd3dbbef001a853f9e .form-control:focus {
      border-color: #d2af46 ;
      -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
      box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102, 175, 233, 0);
    color: #000!important;
  }
  .no-js #Component626146bd3dbbef001a853f9e .btn {
      background-image: linear-gradient(to right, #044767 0%,#044767 50%,#044767 100%);
      background-repeat: repeat-x;
      border-color: #baf1f3;
      border-radius: 29px;
      padding: 10px 30px;
      font-size: 14px;
      border: 0px solid transparent;
      color: #fff;
  }
  .no-js #Component626146bd3dbbef001a853f9e .btn-default {
      text-shadow: 0 0 0 #fff;
  }
  .no-js #Component626146bd3dbbef001a853f9e .btn-default:active {
      background-color: #ffdb16;
  }
  .no-js #Component626146bd3dbbef001a853f9e .btn-default:hover,
  .no-js #Component626146bd3dbbef001a853f9e .btn-default:focus {
      background-position: 0 0px;
    background-color: #ffdb16;
  }
  
  @media only screen and (min-width:414px) {
  .itopplus-bg, .itopplus-bg2{
    background-size: cover;  
  }
  }
  
  @media only screen and (max-width:992px) {
  #imagesControl625fbfcd2b4ae9001addaadf {
        padding: 0 !important;
  }
  .text-head1 {
      font-size: 2.1rem;
    }
  article.col-md-6.item.-micro {
    width:33.33%;
  }  
  .Contentmanager .site .col-section .item.-micro {
      padding: 10px 10px 10px 10px;
  }  
  .text-pd-about {
      padding: 2%;
  }    
  .text-head-en {
      font-size: 3rem;  
    } 
  .text-head2 {
      font-size: 1.7rem;
  }  
  #contentnewmode625fe1de3dbbef001a85146d  {
        padding: 120px 10px 10px 10px !important;
    }
  .text-btimg {
      font-size: 1.4rem;
  }  
  .text-head-en3 {
      font-size: 3rem;
    }
  #contentnewmode625fdd842b4ae9001addb207 {
     padding: 320px 10px 10px 10px !important;
    }    
  #background625fdf9ec3ab0f001a6c338d .row-fluid [class*=col-sm-5fix], #background625fdf9ec3ab0f001a6c338d .uneditable-input[class*=col-sm-5fix], #background625fdf9ec3ab0f001a6c338d [class*=col-sm-5fix] {
      float:left;
      width: 33.33%;
    }
  #imagesControl62603db4c3ab0f001a6c3c95 .text-btimg {
      height: 55px;
  }  
  .mouse {
    margin-top: -9%;  
  }
  .text-head-contact {
    font-size: 2.1rem;
  }
  .nav-review>li {
    width: 24.5%;
  }  
    #myVideo1650604471484 , #myVideo1650608178438 , #myVideo1650612957494  {
     width: 100% !important;
    }
    .icon-1 {
    width: 85%;
}
 #background62aad66ab913520013def184 .col-sm-6:nth-child(1) , #background62aad66ab913520013def184 .col-sm-6:nth-child(4){
 display: none;
}   
 #contentnewmode62aae7b9b913520013def64a {
    width: 85%;
    }
}
  
  @media only screen and (min-width:768px) {
  .itopplus-bg, .itopplus-bg2{
    background-size: cover;  
  }
  }
  
  /* Medium Devices, Desktops */
  @media only screen and (min-width : 1024px) {
  h1,.h1 { font-size: 2.250em;}
  h2,.h2 { font-size: 1.875em;}
  h3,.h3 { font-size: 1.500em;}
  h4,.h4 { font-size: 1.125em;}
  h5,.h5 { font-size: 0.875em;}
  h6,.h6 { font-size: 0.750em;}
  p { margin: 0 0 10px;}
  .navbar .nav,
  .navbar .nav > li {
      float:none;
      display:inline-block;
      *display:inline; /* ie7 fix */
      *zoom:1; /* hasLayout ie7 trigger */
      vertical-align: top;
  }
  #contentnewmode625fbbfcd8b076001adf569d , #contentnewmode62a6f5360b53260014160777 {
      margin-top: -20%;
  }  
  #controlMenu {
      margin-left: -7%;
  }  
  #controlBanner img {
      margin-left: -15%;
  }  
  .nav>li>a {
      padding: 10px 12px;
  }  
  .navbar-default {
      background-color: transparent!important;
  }
  .itopplus-bg{
    background-size: cover;  
  }
  .itopplus-bg2 {
     background-size: contain;
     background-repeat: no-repeat;
  }
  .header-menu {
      width: 133%;
      padding: 5px;
      margin-left: -33%;
      font-size: 1.4rem;
  }  
  .text-pd-about {
      padding: 2% 12% 2% 2%;
  }
  .text-head-en {
      font-size: 3.5rem; 
    }
  .text-btimg {
      font-size: 1.6rem;
  }  
  #contentnewmode625fdd842b4ae9001addb207 {
     padding: 423px 10px 10px 10px !important;
    }  
  .text-head-en3 {
      font-size: 3.5rem;
  }
  .icon-1 {
      width: 75%;
  }  
  .icon-2 {
    width: 85%;
   }
  .pd-text-2 {
      padding: 0;
  }  
  .text-head-contact {
      font-size: 2.3rem;
    }
  .TabItpContentLandingPage6>ul>li.active>a>span , .TabItpContentLandingPage6>ul>li>a>span{
    font-size: 17px !important;
    }
  .mouse {
    margin-top: -8%;
    }
    .nav-review>li {
    width: 25%;
    }
    #myVideo1650604471484 , #myVideo1650608178438 , #myVideo1650612957494  {
     width: 70% !important;
    } 
     img#\36 2a713f10b53260014160cb9-first-image {
    width: 80% !important;
   }
    #contentnewmode62aae7b9b913520013def64a {
    width: 65%;
    }
   .img-branch4 {
    width: 60%;
} 
  }
  
  /* Large Devices, Wide Screens */
  @media only screen and (min-width : 1366px) {
  h1,.h1 { font-size: 2.250em;}
  h2,.h2 { font-size: 1.875em;}
  h3,.h3 { font-size: 1.500em;}
  h4,.h4 { font-size: 1.125em;}
  h5,.h5 { font-size: 0.875em;}
  h6,.h6 { font-size: 0.750em;}
  p { margin: 0 0 10px;}
  .navbar .nav,
  .navbar .nav > li {
      float:none;
      display:inline-block;
      *display:inline; /* ie7 fix */
      *zoom:1; /* hasLayout ie7 trigger */
      vertical-align: top;
  }
   .navbar-default .navbar-nav>li>a {
      font-size: 17px;
  }   
    .nav>li>a {
      padding: 10px 11px;
  }
  #controlMenu {
      margin-left: 0%;
  }  
  #controlBanner img {
      margin-left: 0%;
  }    
  #contentnewmode625fbbfcd8b076001adf569d , #contentnewmode62a6f5360b53260014160777{
      margin-top: -9%;
  }  
  .text-head-contact {
      font-size: 2.8rem;
  }
  .header-menu {
      width: 128%;
      margin-left: -43%;
      font-size: 1.5rem;
  }  
  .text-head-en {
      font-size: 4rem;
  }  
  .text-pd-about {
      padding: 2% 20% 2% 2%;
  } 
  .text-btimg {
      font-size: 1.8rem;
  }  
  .text-head-en3 {
      font-size: 4rem;
  }  
  #contentnewmode625fdd842b4ae9001addb207 {
      padding: 561px 10px 10px 10px !important;
  } 
  .TabItpContentLandingPage6>ul>li.active>a>span , .TabItpContentLandingPage6>ul>li>a>span{
    font-size: 18px !important;
    }  
    .mouse {
    margin-top: -7%;
    }

    #myVideo1650604471484 , #myVideo1650608178438 , #myVideo1650612957494  {
     width: 50% !important;
    }
   img#\36 2a713f10b53260014160cb9-first-image {
    width: 50% !important;
   }
  #contentnewmode62aae7b9b913520013def64a {
    width: 55%;
  }  
     .img-branch4 {
    width: 50%;
}   
  }
  
  @media only screen and (min-width :1900px) {
    #controlBanner{
      width: 80%
    }
   .navbar-default .navbar-nav>li>a {
      font-size: 18px;
  } 
    .nav>li>a {
      padding: 10px 15px;
  }  
    .itopplus-bg, .itopplus-bg2 {
      background-size: 100%;
  }
  #contentnewmode625fbbfcd8b076001adf569d , #contentnewmode62a6f5360b53260014160777 {
      margin-top: -5%;
  }  
  .hotline-icon {
      width: 70%
  }
  .header-menu {
      width: 106%;
      padding: 9px;
      margin-top: 2%;
      font-size: 1.65rem;
  }  
  .text-head-contact {
      font-size: 3.5rem;
  }  
  .text-pd-about {
      padding: 2% 28% 2% 2%;
  }  
  #contentnewmode625fece63dbbef001a85163d {
      margin-top: -7%;
  }
  .icon-1 {
      width: 60%;
  }  
    .icon-2 {
    width: 80%;
   }
    a.txt-contact1 {
     font-size: 1.7rem;
    }    
  
  .mouse {
      margin-top: -5%;
  }  
      .nav-review>li {
    width: 20%;
     }    
 #contentnewmode62aae7b9b913520013def64a {
    width: 38%;
  }   
  .img-branch4 {
    width: 40%;
} 
}
  
  @media only screen and (max-width :480px) {
  #itpMenuSideBar .navbar-inline .text-bar {
    display: none;
   } 
   button#itpMenuSideBar {
    margin-top: 15px!important;
    }
   #background625fd5ffc3ab0f001a6c3031 .col-xs-12 {
      width: 50%;
   }
  #imagesControl625fd6063dbbef001a850f5c , #imagesControl625fd631c3ab0f001a6c3040 , #imagesControl625fd644c3ab0f001a6c304a , #imagesControl625fd651c3ab0f001a6c3072 {
         padding: 2px !important;
  }
  #imagesControl625fd7b23dbbef001a850fe8 , #imagesControl62a6f5360b5326001416077a {
    padding: 0px !important;
  }
  #background625fd7b23dbbef001a850fe8 {
      margin-left: -3%;
  }
  article.col-md-6.item.-micro {
    width:50%;
  }  
  .text-head-en {
      font-size: 3.2rem;  
    }  
  .text-head-en2 {
      font-size: 3rem;  
    }  
   
  .pd-iconservice {
      padding: 2% 2% 5%;
  }  
  #contentnewmode625fdd842b4ae9001addb207 {
     padding: 250px 10px 10px 10px !important;
    }  
  .text-head-en3 {
      font-size: 2.5rem;
  }
.pd-text-2 {
    padding: 0 14%;
}
  #background625fdf9ec3ab0f001a6c338d .row-fluid [class*=col-sm-5fix], #background625fdf9ec3ab0f001a6c338d .uneditable-input[class*=col-sm-5fix], #background625fdf9ec3ab0f001a6c338d [class*=col-sm-5fix] {
      float:right;
      width: 50%;
    }  
    /*
  #background625fdf9ec3ab0f001a6c338d .row-fluid [class*=col-sm-5fix] {
      width: 33.333333%;
  }*/
  .icon-1  {
      width: 100%;
  }
    .icon-2 {
    width: 85%;
}
    .text-btimg {
      font-size: 1.8rem;
  }  
  
  #background625fdf9ec3ab0f001a6c338d .text-btimg {
      font-size: 1.5rem;
  } 
  .text-about1 {
      font-size: 2.3rem;
  }  
  .text-head-th {
      font-size: 3rem;
    }
  #background626021532b4ae9001addb9ef .col-xs-12 , #background62aad66ab913520013def184 .col-xs-12 {
      width: 50%;
  }
  .bg-contact {
      height: 110px;
  }
    #imagesControl62603db4c3ab0f001a6c3c95 .text-btimg {
      padding-top: 0;
      height: 75px;
  }
    p#sc {
    margin-top: -40px;
    }
   .mouse {
    margin-top: -15%;
  } 
   .nav-review>li {
    width: 100%;
   }
  .nav-review {
    display: block;
  }
  img#\36 2a713f10b53260014160cb9-first-image {
    width: 100% !important;
}  
  #contentnewmode625fda7b3dbbef001a8511a8 .pd-iconservice:nth-child(5)  {
   margin-left: 1%;     
  }
  #contentnewmode625fda7b3dbbef001a8511a8 .pd-iconservice:nth-child(6)  {
   margin-left: -1%;     
  }  
#contentnewmode62aae7b9b913520013def64a {
    width: 100%;
}    
  .img-branch4 {
    width: 100%;
}  
}
  





























.eapps-widget-toolbar { display: none; }  

  

