.itopplus-background {

}
/***********Theme 5***********/
.itp-bg0 {
  background-image: url(http://itp1.itopfile.com/ImageServer/57beb9fe3ae8f6e3/1871/0/489101710376567121z-z458124121898.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.itp-bg {
  background-image: url("https://itp1.itopfile.com/ImageServer/57beb9fe3ae8f6e3/1626/0/123z-z1183087403827.webp");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.itp-bg2 {
  background-image: url("http://itp1.itopfile.com/ImageServer/57beb9fe3ae8f6e3/1660/0/bg1z-z176014049266.webp");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.itp-footer {
  background-color: #fff;
  color: #000;
}
/*******************************/

p:last-child {
  margin-bottom: 0;
  padding: 0px 45px 0px 45px;
}

.managerHeader {
  text-align: center;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #283897;
  border-color: #283897;
}

.pagination > li > a,
.pagination > li > span {
  color: #2a3a97;
  font-weight: bolder;
}

.text-justify {
  text-align: inherit;
}

.container {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}

.btn-info:hover,
.btn-info:focus {
  background-color: #434f8c;
  background-position: 0 -15px;
}

.btn-info:active,
.btn-info.active {
  background-color: #283995;
  border-color: #283995;
}

.btn-info {
  color: #fff;
  background-color: #273895;
  border-color: rgba(0, 0, 0, 0);
  font-family: RSU;
  font-size: 20px;
}

.btn-info {
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(42, 171, 210, 0) 100%);
  background-image: -o-linear-gradient(top, #5bc0de 0, #2aabd2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(91, 192, 222, 0)), to(rgba(42, 171, 210, 0)));
  background-image: linear-gradient(to bottom, rgba(91, 192, 222, 0) 0, rgba(42, 171, 210, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff2aabd2',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: rgba(40, 164, 201, 0);
}

iframe {
  display: block;
  margin: auto;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.Contentmanager .site .col-section .item.-micro a .img-zoom {
  text-align: center;
}

.Contentmanager .site .col-section .item.-micro a img {
  width: 80%;
}

.nav-template li:hover {
  background-color: rgba(236, 236, 236, 0);
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #000 !important;
  font-family: rsu;
  font-size: 16px;
}

.column {
  margin: 15px 15px 0;
  padding: 0;
}

figure {
  margin: 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
}
figure:hover + span {
  bottom: -36px;
  opacity: 1;
}

.hover01 figure img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.hover01 figure:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.nav-template7 li:hover {
  background-color: #ffffff;
  text-decoration: none;
}

.fa-plus:before {
  content: "\f067";
  font-size: 12px;
}

.nav-template7 li a {
  color: #333;
  display: block;
  font-size: 20px !important;
  font-family: rsu;
}

.nav-template7 li {
  border-bottom: 2px solid #273895;
  border-top: 0px solid #273895;
}

.col-md-8 {
  font-size: 16px;
}

.nav-template li {
  font-family: rsu;
}

.page-header {
  font-family: rsu;
  font-size: 22px;
}

.Contentmanager .site .col-section .item.-micro a .post {
  font-family: rsu;
  font-size: 14px;
}

.Contentmanager .site .col-section .item.-micro a .caption .time {
  font-family: rsu;
  font-size: 16px;
}

.Contentmanager .site .col-section .item.-micro a .caption .title {
  font-family: rsu;
  font-size: 22px;
  color: #293997;
  margin-top: 5px;
  font-weight: bold;
}

.col-md-offset-3 {
  font-family: rsu;
}

.label {
  font-size: 90%;
  font-family: rsu;
}

.form-horizontal .control-label {
  font-family: rsu;
  font-size: 19px;
}

.navbar-default .navbar-nav > li > a {
  color: #787878;
  font-family: "Prompt", sans-serif;
  font-size: 17px;
}

/*แก้ไข hover เมนู*/
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #283897;
  -webkit-box-shadow: inset 0 -2px 0 0 #283897;
  -moz-box-shadow: inset 0 -2px 0 0 #283897;
  box-shadow: inset 0 -2px 0 0 #283897;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #283897;
  -webkit-box-shadow: inset 0 -2px 0 0 #283897;
  -moz-box-shadow: inset 0 -2px 0 0 #283897;
  box-shadow: inset 0 -2px 0 0 #283897;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: #283897 !important;
  -webkit-box-shadow: inset 0 -2px 0 0 #283897;
  -moz-box-shadow: inset 0 -2px 0 0 #283897;
  box-shadow: inset 0 -2px 0 0 #283897;
}

/*เมนูชิดขวา*/
/* Medium Devices, Desktops */
@media only screen and (min-width: 1024px) {
  
  
  #itopplus-nav-bar::before,
#itopplus-nav-bar::after {
  display: none;
}

#itopplus-nav-bar {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

  
  h1,
  .h1 {
    font-size: 2.25em;
  }
  h2,
  .h2 {
    font-size: 1.875em;
  }
  h3,
  .h3 {
    font-size: 1.5em;
  }
  h4,
  .h4 {
    font-size: 1.125em;
  }
  h5,
  .h5 {
    font-size: 0.875em;
  }
  h6,
  .h6 {
    font-size: 0.75em;
  }
  p {
    margin: 0 0 10px;
  }

  #main-navbar-collapse {
    text-align: right;
  }
  .nav > li > a {
    padding: 10px 14px;
  }
  #background62b58a028062280014715bf7 {
    width: 80%;
    margin: 0 auto;
  }
  .shopcart {
    -webkit-border-radius: 50px 0px 0px 50px !important;
    width: 85px !important;
    height: 60px !important;
    background-image: url(http://itp1.itopfile.com/ImageServer/57beb9fe3ae8f6e3/0/0/shopz-z268547618853.webp);
    background-position: 35% 50%;
    background-color: transparent;
    right: 3%;
    top: 2%;
    transition: width 0.3s, height 0.3s;
    animation: pulse 7s infinite 7s;
  }
  .navbar-default .navbar-nav > li > a {
    font-size: 14px !important;

  }
  #background6316b00abeefe70014999eba {
    width: 80%;
    margin: 0 auto;
  }
  .dropdown-menu > li > a {
    color: #333 !important;
    font-size: 16px !important;
  }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1366px) {
  h1,
  .h1 {
    font-size: 2.25em;
  }
  h2,
  .h2 {
    font-size: 1.875em;
  }
  h3,
  .h3 {
    font-size: 1.5em;
  }
  h4,
  .h4 {
    font-size: 1.125em;
  }
  h5,
  .h5 {
    font-size: 0.875em;
  }
  h6,
  .h6 {
    font-size: 0.75em;
  }
  p {
    margin: 0 0 10px;
  }
}

/*ไม่แสดงคำว่า MENU ในจอมือถือ*/
@media (max-width: 768px) {
  .text-bar {
    color: #031530 !important;
    font-size: 0px !important;
  }

  .navbar-btn {
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    border-width: 2px !important;
  }

  .navbar-default .navbar-toggle {
    border-color: transparent;
  }
}

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

a {
  color: #557fa3;
}
a:hover {
  color: #557fa3;
}

.itopplus-footer {
  color: #000;
}
.itopplus-footer a {
  color: #000;
}
.itopplus-footer a:hover {
  color: #4185d3;
}

.itopplus-bg0 {
  background-image: url(http://itp1.itopfile.com/ImageServer/a000f5de9efe9c6f/0/0/Banner2z-z1464964092027.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.itopplus-bg {
  background-image: url("https://itp1.itopfile.com/ImageServer/a000f5de9efe9c6f/1903/0/infinitecorp1z-z960730095660.webp");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.itopplus-bg2 {
  background-image: url("http://itp1.itopfile.com/ImageServer/57beb9fe3ae8f6e3/1660/0/bg1z-z176014049266.webp");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.itopplus-footer {
  background-color: #fff;
  color: #000;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  background-color: transparent;
  color: #000;
}
#main-navbar-collapse {
  text-align: right;
}
.itopplus-menu {
  margin-top: 7%;
}
.itopplus-search {
  color: #000;
  margin-top: 2%;
}
.navbar-default {
  background: #5580a3 !important;
}
.navbar-default .navbar-nav > li > a {
  color: #000;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active {
  color: #639bdb !important;
  background-color: transparent;
  box-shadow: inset 0 -3px 0 0 #639bdb;
  border-bottom: none;
}
.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 {
  color: #333 !important;
}
dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  background-color: transparent !important;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
  background-image: linear-gradient(to bottom, #f5f5f500 0, #e8e8e800 100%) !important;
  background-repeat: repeat-x;
  color: #639bdb !important;
}

@media (max-width: 768px) {
  .itopplus-bg,
  .itopplus-bg2 {
    background-size: cover;
    color: #fff;
  }
  .navbar-default .navbar-brand {
    color: #fff !important;
  }
  .itopplus-sidebar-menu-single a:link {
    color: #fff !important;
  }
  .itopplus-sidebar-main a:link {
    color: #fff !important;
  }
  .itopplus-sidebar-menu-parent a {
    color: #fff !important;
  }
  .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;
  }
  .nav-justified {
    display: -webkit-inline-box;
    overflow: scroll;
  }
}

@media only screen and (min-width: 769px) {
  .navbar-default.navbar-fixed .nav {
    display: none;
  }
  .navbar-default {
    background: #5580a3 !important;
  }
  .itopplus-sidebar-menu-single a:link {
    color: #fff !important;
  }
  .itopplus-sidebar-menu-single a:active {
    background-color: transparent;
    color: #fff !important;
  }
  .itopplus-sidebar-menu-single {
    border-bottom: transparent;
  }
  .itopplus-sidebar-menu-parent a {
    color: #fff !important;
  }
  .itopplus-sidebar-menu-parent a:active {
    background-color: transparent;
    color: #fff !important;
  }
  .text-bar {
    color: #fff !important;
  }
  .itopplus-banner {
    position: inherit;
  }
  .navbar-header {
    display: block !important;
  }
  .container.itopplus-search {
    display: none !important;
  }
}

@media only screen and (min-width: 992px) {
  .navbar-default {
    background: transparent !important;
  }
  .navbar-default.navbar-fixed .nav {
    display: block;
  }
  .navbar-header {
    display: none !important;
  }
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 1024px) {
  h1,
  .h1 {
    font-size: 2.25em;
  }
  h2,
  .h2 {
    font-size: 1.875em;
  }
  h3,
  .h3 {
    font-size: 1.5em;
  }
  h4,
  .h4 {
    font-size: 1.125em;
  }
  h5,
  .h5 {
    font-size: 0.875em;
  }
  h6,
  .h6 {
    font-size: 0.75em;
  }
  p {
    margin: 0 0 10px;
  }

  .navbar-default {
    background-color: transparent !important;
  }
  .itopplus-bg,
  .itopplus-bg2 {
    background-size: cover;
  }
  .navbar-default {
    background: transparent !important;
  }
  .navbar-default.navbar-fixed .nav {
    display: block;
  }
  .container.itopplus-search {
    display: inherit !important;
  }
  .navbar-nav > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .bg-infinitecorp img {
    width: 45% !important;
    transition: 0.35s;
  }
  .bg-infinitecorp img:hover {
    transition: 0.35s;
    transform: translateY(-7px);
  }
  .qrcode {
    width: 40%;
    margin-left: 5%;
  }
  .bgabout {
    width: 170%;
    margin-left: -25%;
  }
  .bgabout3 {
    width: 115%;
  }
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
    margin: 0;
  }
  #background6254ef93725cfd0013b55455 {
    width: 85%;
    float: right;
    margin-top: 8% !important;
    margin-right: -7%;
  }
  #background6254f175a4159d00136f130d {
    width: 90%;
    margin-top: 6%;
    margin-left: -25%;
  }
  #background6254f24bd71608001387338e {
    width: 100%;
    float: right;
    margin-right: -15%;
  }
  #background6254f2f1725cfd0013b555bd {
    width: 85%;
    margin-left: -15%;
  }
  #background6254f38aa4159d00136f13c0 {
    width: 80%;
    float: right;
    margin-right: -10%;
  }
  .padicon img {
    width: 70% !important;
  }
  #background6254facad716080013873588 {
    width: 80%;
    margin: 0 auto;
  }
  #background6254fc9ea4159d00136f161c {
    width: 80%;
    margin: 0 auto;
  }
  .Smart.Foodcourt img {
    width: 60% !important;
    float: right;
  }
  .Smart.Foodcourt2 img {
    width: 90% !important;
    float: right;
  }
  #background62552643725cfd0013b55982 {
    width: 80%;
    float: right;
  }
  #background62552c65d7160800138738d2 {
    width: 80%;
    margin: 0 auto;
  }
  #InmyDiv1649749704380 {
    width: 90% !important;
  }
  #InmyDiv1649749711987 {
    width: 90% !important;
  }
  .padqeasy2 {
    margin: 18% 0% 0% 10%;
  }
  #background625534f6725cfd0013b55dd4 {
    width: 80%;
    margin: 0 auto;
  }
  #background625ccf3589d54c001b7f2ace {
    margin-right: -10%;
    margin-left: 13%;
  }
  #InmyDiv1650254986745 {
    width: 50%;
    margin: 0 auto;
  }
  #InmyDiv1650256949552 {
    width: 80%;
    margin: 0 auto;
  }
  #background62b58f6b8062280014715d03 .col-centered.hideForNewSearchtag {
    float: right !important;
    margin-top: -7%;
    margin-right: 8%;
  }
  .TabItpContentLandingPage3 > ul > li > a > span {
    font-size: 16px !important;
  }
  .shopcart-Cate {
    width: 95%;
    margin: 2% auto;
    font-size: 20px !important;
  }
  #background625d276a17ff36001b14833f .col-md-3 {
    width: 11% !important;
  }
  table.table {
    font-size: 16px !important;
  }
  .padabout4 {
    margin-top: -1% !important;
  }
  #background62b57fa48062280014715ac7 {
    width: 82% !important;
    margin: 0 auto;
  }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1366px) {
  h1,
  .h1 {
    font-size: 2.25em;
  }
  h2,
  .h2 {
    font-size: 1.875em;
  }
  h3,
  .h3 {
    font-size: 1.5em;
  }
  h4,
  .h4 {
    font-size: 1.125em;
  }
  h5,
  .h5 {
    font-size: 0.875em;
  }
  h6,
  .h6 {
    font-size: 0.75em;
  }
  p {
    margin: 0 0 10px;
  }

  .padabout9 {
    margin-top: 6.3% !important;
  }
  .padabout4 {
    margin-top: -2.5% !important;
  }
  #background6254ef93725cfd0013b55455 {
    margin-top: 6% !important;
  }
}

@media only screen and (min-width: 1900px) {
  .navbar-default .navbar-nav > li > a {
    font-size: 20px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .dropdown-menu > li > a {
    font-size: 19px !important;
  }
  #background62b58f6b8062280014715d03 .col-centered.hideForNewSearchtag {
    float: right !important;
    margin-top: -3% !important;
    margin-right: 8%;
  }
  .text2-infinitecorp {
    font-size: 20px !important;
  }
  .text-infinitecorp {
    font-size: 26px !important;
  }
  .button-infinitecorp {
    font-size: 24px !important;
  }
  .button2-infinitecorp {
    font-size: 24px !important;
  }
  .text3-infinitecorp {
    font-size: 24px !important;
  }
  .text4-infinitecorp {
    font-size: 24px !important;
  }
  .button3-infinitecorp {
    font-size: 24px !important;
  }
  .button4-infinitecorp {
    font-size: 24px !important;
  }
  .textfoot-infinitecorp {
    font-size: 20px !important;
  }
  .textfoot2-infinitecorp {
    font-size: 16px !important;
  }
  .textfoot3-infinitecorp {
    font-size: 16px !important;
  }
  .textfoot4-infinitecorp {
    font-size: 16px !important;
  }
  #capcha0 input.form-control.ng-pristine.ng-valid.ng-touched {
    width: 89% !important;
    margin: 0% 4% !important;
  }
  #capcha0 input.form-control.ng-pristine.ng-untouched.ng-valid {
    width: 89% !important;
    margin: 0% 4% !important;
  }
  .text5-infinitecorp {
    font-size: 80px !important;
  }
  .text6-infinitecorp {
    font-size: 26px !important;
  }
  .text7-infinitecorp {
    font-size: 20px !important;
  }
  .text9-infinitecorp {
    font-size: 44px !important;
  }
  .padtext3 {
    font-size: 18px !important;
  }
  .padabout9 {
    margin-top: 5% !important;
  }
  .textfoot5-infinitecorp {
    font-size: 41px !important;
  }
  .text13-infinitecorp {
    font-size: 20px !important;
  }
  .text-contentmaneger {
    font-size: 20px !important;
  }
  .button-content-maneger {
    font-size: 16px !important;
  }
  ul.text8-infinitecorp {
    font-size: 20px !important;
  }
  .text15-infinitecorp {
    font-size: 44px !important;
  }
  .TabItpContentLandingPage3 > ul > li > a > span {
    font-size: 18px !important;
  }
  .text14-infinitecorp {
    font-size: 24px !important;
  }
  .text14-infinitecorp span {
    font-size: 70px !important;
  }
  .text17-infinitecorp {
    font-size: 26px !important;
  }
  .text16-infinitecorp {
    font-size: 50px !important;
  }
  .text10-infinitecorp {
    font-size: 20px !important;
  }
  .text12-infinitecorp {
    font-size: 20px !important;
  }
  .padtext {
    font-size: 20px !important;
  }
  .text11-infinitecorp {
    font-size: 34px !important;
  }
  #Component62b57c81d40c650013740a47 .col-md-9.col-sm-12 {
    margin: 3%;
  }
  .textfoot6-infinitecorp {
    font-size: 26px !important;
  }
  .padtext2 {
    font-size: 20px !important;
    margin-left: 0px !important;
  }
  .shopcart-Cate {
    width: 95%;
    margin: 2% auto;
    font-size: 24px !important;
  }
  .shopcartID-Head-Default {
    font-size: 26px !important;
  }
  .shopcartID-Default {
    font-size: 24px !important;
  }
  .shopcartName-Head-Default {
    font-size: 26px !important;
  }
  .shopcartName-Default {
    font-size: 24px !important;
  }
  .Template-C-PriceNormal {
    color: red;
    font-family: "Prompt", sans-serif;
    font-size: 40px !important;
  }
  #background625d276a17ff36001b14833f .col-md-3 {
    width: 9% !important;
  }
  .Template-C-Quantity {
    font-size: 20px !important;
  }
  .Template-C-Item {
    font-size: 20px !important;
  }
  label#title-checkout {
    font-size: 24px !important;
  }
  label#message-line1 {
    font-size: 20px;
  }
  label#message-line2 {
    font-size: 20px;
  }
  label#message-line3 {
    font-size: 20px;
  }
  label#message-line4 {
    font-size: 20px;
  }
  .panel-body.Checkout-font-panel {
    font-size: 16px;
  }
  .padicon img {
    width: 50% !important;
  }
  .ui.steps .step .title {
    font-size: 17px !important;
  }
  .Headcheckout {
    font-size: 22px !important;
    color: #000;
  }
  table.table {
    font-size: 18px !important;
  }
  .padabout4 {
    margin-top: -4% !important;
  }
  #background6254ef93725cfd0013b55455 {
    margin-top: 6% !important;
  }
  #background62b57fa48062280014715ac7 {
    width: 79.5% !important;
    margin: 0 auto;
  }
  #background62b58a028062280014715bf7 {
    width: 78%;
    margin: 0 auto;
  }
  .shopcart {
    top: 3% !important;
    right: 4% !important;
  }
  .btnproject {
    font-size: 24px !important;
    width: 27% !important;
  }
}

.bg-infinitecorp {
  color: #2d3d61;
  text-align: center;
  line-height: 1.5;
}
.text2-infinitecorp {
  white-space: break-spaces;
  font-size: 16px;
}
.text-infinitecorp {
  font-size: 20px;
  margin: 2% 0%;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
}
.button-infinitecorp {
  font-size: 18px;
  border: 2px solid #203669;
  color: #203669;
  width: 70%;
  margin: 0 auto;
  text-align: center;
  margin-top: 6%;
  padding: 6px;
  transition: 0.35s;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
}
.button-infinitecorp:hover {
  transition: 0.35s;
  transform: scale(1.07);
  background: #203669;
  color: #fff;
}
.padhome {
  margin: 6% 0% 5%;
}
.button2-infinitecorp {
  font-size: 18px;
  border: 2px solid #fff;
  color: #fff;
  width: 70%;
  margin: 0 auto;
  text-align: center;
  margin-top: 6%;
  padding: 6px;
  transition: 0.35s;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
}
.button2-infinitecorp:hover {
  transition: 0.35s;
  transform: scale(1.07);
  background: #fff;
  color: #203669;
}
.text3-infinitecorp {
  text-align: center;
  font-size: 20px;
  white-space: break-spaces;
  margin: 3% 0% 0%;
}
.text4-infinitecorp {
  text-align: center;
  font-size: 20px;
  margin: 8% 0% 3%;
}
#iframe62b57f59d40c650013740b1d {
  border: 10px solid;
}
.button3-infinitecorp {
  font-size: 18px;
  border: 2px solid #fff;
  color: #fff !important;
  width: 40%;
  margin: 0 auto;
  text-align: center;
  margin-top: 1%;
  padding: 7px;
  transition: 0.35s;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
}
.button3-infinitecorp:hover {
  transition: 0.35s;
  transform: scale(1.07);
  background: #fff;
  color: #203669 !important;
}
.button4-infinitecorp {
  font-size: 18px;
  border: 2px solid #fff;
  color: #fff !important;
  width: 45%;
  margin: 0 auto;
  text-align: center;
  margin-top: -3.4%;
  padding: 7px;
  transition: 0.35s;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
}
.button4-infinitecorp:hover {
  transition: 0.35s;
  transform: scale(1.07);
  color: #203669 !important;
}
#contentnewmode62b58a028062280014715bf9 .button4-infinitecorp:hover {
  transition: 0.35s;
  transform: scale(1.07);
  background: #fff;
  color: #203669 !important;
}
.textfoot-infinitecorp {
  white-space: break-spaces;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.8;
}
.textfoot2-infinitecorp {
  margin-left: 20px;
  white-space: break-spaces;
  line-height: 1.5;
}
.textfoot3-infinitecorp {
  font-size: 14px;
  white-space: break-spaces;
  margin-left: 10px;
}
.padfooter2 {
  margin-top: 13%;
}
#editor1 {
  display: none;
}
#editor2 {
  display: none;
}
#editor3 {
  display: none;
}
#editor5 {
  display: none;
}
#form62b57c81d40c650013740a47 {
  padding: 0px !important;
  margin-left: -10px !important;
}
#Component62b57c81d40c650013740a47 .form-control {
  height: 35px;
  padding: 6px 12px;
  font-size: 14px;
  border-radius: 10px;
  margin: 1% 0%;
}
#textbox5 {
  height: 100px !important;
}
#capcha0 span {
  display: none;
}
#capcha62b57c81d40c650013740a47 {
  width: 137% !important;
  margin-left: -13% !important;
}
.textfoot4-infinitecorp span {
  font-weight: 500;
}
.textfoot4-infinitecorp {
  white-space: break-spaces;
  line-height: 1.5;
  font-size: 14px;
}
.pd {
  width: 100%;
  display: flex;
  transition: 0.35s;
  margin: 4px 0px;
  margin-left: 0px;
  margin-top: 10px;
}
.pictext {
  width: 9%;
  text-align: center;
  margin-top: 0.5%;
}
.padtext {
  width: 96%;
  align-self: center;
  font-size: 15px;
  white-space: break-spaces;
  line-height: 1.5;
  margin-left: 15px;
  margin-top: 2px;
}
.padfooter4 {
  margin-top: -5%;
}

#editor4 {
  display: none;
}
#textbox4 {
  height: 100px !important;
}
#Component62b57c81d40c650013740a47 .btn-default:focus,
.btn-default:hover {
  background-color: #555555;
  background-position: 0 -15px;
}
#Component62b57c81d40c650013740a47 .btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #555555;
  border-color: #555555;
}
#Component62b57c81d40c650013740a47 .btn-default {
  text-shadow: 0 0px 0 #555555 !important;
  background-image: -webkit-linear-gradient(top, #fff 0, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #fff 0, #e0e0e0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
  background-image: linear-gradient(to bottom, #555555 0, #555555 100%);
  background-repeat: repeat-x;
  border-color: #dbdbdb;
  border-color: #ccc;
  color: #fff !important;
  border-radius: 0px;
}
#Component62b57c81d40c650013740a47 .col-md-offset-5 {
  margin-left: 27.666667%;
}
#Component62b57c81d40c650013740a47 {
  margin-top: -5%;
}
.textfoot5-infinitecorp {
  font-size: 28px;
  font-weight: 500;
  color: #557fa3;
  text-align: center;
}
.border-infinitecorp:after {
  position: absolute;
  content: "";
  display: block;
  border-bottom: solid 5px #557fa3;
  bottom: -5px;
  left: 0%;
  width: 38%;
}
.border-infinitecorp {
  font-size: 28px;
  font-weight: 500;
  color: #557fa3;
  text-align: center;
  border-bottom: solid 5px #eaeaea;
  position: relative;
  width: 10%;
  margin: 0 auto;
}
.textfoot6-infinitecorp:before {
  position: absolute;
  content: "";
  display: block;
  border-bottom: solid 5px #557fa3;
  bottom: -5px;
  left: 0%;
  width: 30%;
}
.textfoot6-infinitecorp {
  font-size: 20px;
  font-weight: 500;
  color: #557fa3;
  border-bottom: solid 5px #eaeaea;
  position: relative;
  width: fit-content;
}
.padtext2 {
  width: 96%;
  align-self: center;
  font-size: 16px;
  white-space: break-spaces;
  line-height: 1.5;
  margin-left: 5px;
  margin-top: 5px;
  color: #557fa3;
  font-weight: 500;
}
.pdfooter {
  margin-top: -5%;
}
.border-contact {
  border-bottom: 2px solid #5680a3;
}
.pdfooter2 {
  margin-top: -5%;
}
.pdfooter4 {
  margin-left: 5%;
}
.pd2 {
  width: 100%;
  display: flex;
  transition: 0.35s;
  margin: 4px 0px;
  margin-left: -10px;
  margin-top: 10px;
  margin-left: 5%;
}
.text7-infinitecorp {
  white-space: break-spaces;
  font-size: 16px;
  text-indent: 30px;
  color: #203669;
  line-height: 1.5;
}
.text6-infinitecorp {
  font-size: 22px;
  margin: 2% 0%;
  color: #203669;
  font-weight: 500;
}
.text5-infinitecorp {
  font-size: 60px;
  font-weight: 500;
  color: #203669;
  text-shadow: 5px 9px 10px #2626264a;
}
.padabout {
  margin-top: 10%;
}
ul.text8-infinitecorp {
  font-size: 16px;
  color: #203669;
  margin-left: -22px;
  margin-top: 5%;
}
.bgabout5 {
  width: 50%;
  margin: 0 auto;
}
.text9-infinitecorp {
  font-size: 34px;
  color: #203669;
  margin-top: -2%;
}
.pd3 {
  width: 100%;
  display: flex;
  transition: 0.35s;
  margin: 4px 0px;
  margin-left: -10px;
  margin-top: 10px;
}
.pictext3 {
  width: 30%;
  text-align: center;
  margin-top: 0.5%;
}
.padtext3 {
  width: 96%;
  align-self: center;
  font-size: 15px;
  white-space: break-spaces;
  line-height: 1.5;
  margin-left: 5px;
  margin-top: 2px;
}
.bgabout4 {
  margin-top: -2%;
  width: 25%;
  float: right;
  position: absolute;
  margin-left: 75%;
}
.padabout8 {
  margin-top: -15%;
}
.padabout9 {
  margin-top: 7%;
}
.comingsoon {
  margin: 5% 0% 10%;
}
.border2-infinitecorp {
  font-size: 28px;
  font-weight: 500;
  color: #557fa3;
  text-align: center;
  border-bottom: solid 5px #eaeaea;
  position: relative;
  width: 13%;
  margin: 0 auto;
}
.border3-infinitecorp {
  font-size: 28px;
  font-weight: 500;
  color: #557fa3;
  text-align: center;
  border-bottom: solid 5px #eaeaea;
  position: relative;
  width: 15%;
  margin: 0 auto;
}
.border2-infinitecorp:after {
  position: absolute;
  content: "";
  display: block;
  border-bottom: solid 5px #557fa3;
  bottom: -5px;
  left: 0%;
  width: 38%;
}
.border3-infinitecorp:after {
  position: absolute;
  content: "";
  display: block;
  border-bottom: solid 5px #557fa3;
  bottom: -5px;
  left: 0%;
  width: 38%;
}
.text10-infinitecorp {
  white-space: break-spaces;
  font-size: 16px;
  line-height: 1.5;
  text-indent: 30px;
}
.text10-infinitecorp span {
  font-weight: 500;
  color: #5680a3;
}
.text12-infinitecorp {
  color: #5680a3;
  font-size: 16px;
}
ul.text13-infinitecorp {
  font-size: 16px;
  line-height: 1.5;
}
ul.text13-infinitecorp {
  white-space: break-spaces;
  font-size: 16px;
  line-height: 1.5;
}
.text11-infinitecorp {
  font-size: 28px;
  color: #5680a3;
  margin: 2% 0%;
}
.no-js ul.text14-infinitecorp {
  font-size: 16px;
  line-height: 1.5;
  margin-top: 1%;
  margin-bottom: -2%;
}
.col-md-2.col-sm-2.padding-col-pd1 {
  margin-left: 5%;
}
.text13-infinitecorp {
  white-space: break-spaces;
  font-size: 16px;
  line-height: 1.5;
}
.text14-infinitecorp span {
  color: #4185d3;
  font-size: 60px;
  font-weight: 600;
}
.text14-infinitecorp {
  font-size: 18px;
  line-height: 1.2;
}
#background62541149725cfd0013b54b1a {
  width: 80%;
  float: right;
}
.padiconproduct:hover {
  transition: 0.35s;
  transform: scale(1.1);
}
.padiconproduct {
  transition: 0.35s;
}
.border4-infinitecorp {
  font-size: 28px;
  font-weight: 500;
  color: #557fa3;
  border-bottom: solid 5px #eaeaea;
  position: relative;
  width: 21%;
  float: left;
  margin: 0 auto;
}
.border4-infinitecorp:after {
  position: absolute;
  content: "";
  display: block;
  border-bottom: solid 5px #557fa3;
  bottom: -5px;
  left: 0%;
  width: 18%;
}
.text15-infinitecorp {
  text-align: center;
  font-size: 29px;
  line-height: 1.3;
  font-weight: 500;
  text-transform: uppercase;
  padding: 1% 0%;
}
.text16-infinitecorp {
  white-space: break-spaces;
  font-size: 35px;
  font-weight: 600;
  line-height: 1.5;
  color: #203669;
}
.text166-infinitecorp {
  white-space: break-spaces;
  font-size: 70px;
  font-weight: 600;
  line-height: 1;
  color: #203669;
}
.text17-infinitecorp {
  white-space: break-spaces;
  font-size: 22px;
  color: #203669;
  font-weight: 500;
}
.padproduct {
  margin-top: 10%;
}
.padproduct2 {
  margin: 10% 0% 10% 35%;
}
.border5-infinitecorp {
  font-size: 28px;
  font-weight: 500;
  color: #557fa3;
  border-bottom: solid 5px #eaeaea;
  position: relative;
  width: 37%;
  text-align: center;
  margin: 0 auto;
}
.border5-infinitecorp:after {
  position: absolute;
  content: "";
  display: block;
  border-bottom: solid 5px #557fa3;
  bottom: -5px;
  left: 0%;
  width: 18%;
}
.padicon:hover {
  transition: 0.35s;
  transform: translateY(-7px);
}
.padicon {
  transition: 0.35s;
}
.border6-infinitecorp {
  font-size: 28px;
  font-weight: 500;
  color: #557fa3;
  border-bottom: solid 5px #eaeaea;
  position: relative;
  width: 20%;
  text-align: center;
  margin: 0 auto;
}
.border6-infinitecorp:after {
  position: absolute;
  content: "";
  display: block;
  border-bottom: solid 5px #557fa3;
  bottom: -5px;
  left: 0%;
  width: 18%;
}
.border7-infinitecorp {
  font-size: 28px;
  font-weight: 500;
  color: #557fa3;
  border-bottom: solid 5px #eaeaea;
  position: relative;
  width: 50%;
  text-align: center;
  margin: 0 auto;
}
.border7-infinitecorp:after {
  position: absolute;
  content: "";
  display: block;
  border-bottom: solid 5px #557fa3;
  bottom: -5px;
  left: 0%;
  width: 18%;
}
.padqeasy {
  padding-top: 2%;
  margin-top: -15%;
  margin-left: 24%;
  margin-bottom: 3%;
}
.border8-infinitecorp {
  font-size: 28px;
  font-weight: 500;
  color: #557fa3;
  border-bottom: solid 5px #eaeaea;
  position: relative;
  width: 23%;
  text-align: center;
  margin: 0 auto;
}
.border8-infinitecorp:after {
  position: absolute;
  content: "";
  display: block;
  border-bottom: solid 5px #557fa3;
  bottom: -5px;
  left: 0%;
  width: 18%;
}
.border9-infinitecorp {
  font-size: 28px;
  font-weight: 500;
  color: #557fa3;
  border-bottom: solid 5px #eaeaea;
  position: relative;
  width: 44%;
  text-align: center;
  margin: 0 auto;
}
.border9-infinitecorp:after {
  position: absolute;
  content: "";
  display: block;
  border-bottom: solid 5px #557fa3;
  bottom: -5px;
  left: 0%;
  width: 13%;
}
.border10-infinitecorp {
  font-size: 28px;
  font-weight: 500;
  color: #557fa3;
  border-bottom: solid 5px #eaeaea;
  position: relative;
  width: 44%;
  text-align: center;
  margin: 0 auto;
}
.border10-infinitecorp:after {
  position: absolute;
  content: "";
  display: block;
  border-bottom: solid 5px #557fa3;
  bottom: -5px;
  left: 0%;
  width: 13%;
}
.border11-infinitecorp {
  font-size: 28px;
  font-weight: 500;
  color: #557fa3;
  border-bottom: solid 5px #eaeaea;
  position: relative;
  width: 28%;
  text-align: center;
  margin: 0 auto;
}
.border11-infinitecorp:after {
  position: absolute;
  content: "";
  display: block;
  border-bottom: solid 5px #557fa3;
  bottom: -5px;
  left: 0%;
  width: 13%;
}
.buttonnew {
  background: #5f7ea0;
  color: #fff;
  float: right;
  font-size: 20px;
  font-weight: 500;
  padding: 8px;
  width: 18%;
  text-align: center;
  transition: 0.35s;
  margin-bottom: 10%;
}
.buttonnew:hover {
  transition: 0.35s;
  transform: scale(1.1);
}
.bgtwister {
  background: #fff;
  border-radius: 20px;
  padding: 50px;
  margin-top: 5%;
  margin-bottom: 5%;
  margin: 9%;
  margin-bottom: 2%;
}
.no-js #InmyDiv1650270026061 {
  width: 30%;
  margin: 0 auto;
  margin-top: -9%;
  transition: 0.35s;
}
#InmyDiv1650270026061:hover {
  transition: 0.35s;
  transform: scale(1.1);
}
.no-js #InmyDiv1650270672411 {
  width: 30%;
  margin: 0 auto;
  transition: 0.35s;
  margin-bottom: 20%;
}
#InmyDiv1650270672411:hover {
  transition: 0.35s;
  transform: scale(1.1);
}
.button-moreinfo:hover {
  transition: 0.35s;
  transform: scale(1.1);
}
.button-moreinfo {
  text-align: center;
  margin: 0 auto;
  background: #fff;
  width: 27%;
  font-size: 35px;
  color: #d04f4c;
  font-weight: 500;
  border-radius: 10px;
  padding: 6px;
  margin-bottom: 20%;
  transition: 0.35s;
}
.borderbutton-moreinfo {
  border: 1px solid;
  border-radius: 10px;
}
.button2-moreinfo:hover {
  transition: 0.35s;
  transform: scale(1.1);
}
.button2-moreinfo {
  text-align: center;
  margin: 0 auto;
  background: linear-gradient(to bottom, #4c4c4c 0%, #131313 100%);
  width: 27%;
  font-size: 35px;
  color: #ffee00;
  font-weight: 500;
  border-radius: 10px;
  padding: 6px;
  margin-bottom: 20%;
  transition: 0.35s;
}
.borderbutton2-moreinfo {
  border: 1px solid;
  border-radius: 10px;
}

/* oscar*/
#background617f69859e41f100133a9831 .grid figure figcaption {
  padding: 0em;
}
figure.effect-oscar {
  background: transparent;
}
figure.effect-oscar img {
  opacity: 1;
}
figure.effect-oscar:hover img {
  opacity: 1;
}
figure.effect-oscar figcaption::before {
  border: 0px solid #fff;
}
figure.effect-oscar figcaption {
  background: transparent;
}
figure.effect-oscar:hover figcaption {
  background: transparent;
}
figure.effect-oscar h2 {
  margin: 0% 0 0px 0;
  -webkit-transition: -webkit-transform 0.32s;
  transition: transform 0.32s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
figure.effect-oscar:hover h2 {
  opacity: 1;
  transition: 0.32s;
  transform: none !important;
}
.grid figure h2 {
  word-spacing: 0em;
  font-weight: 300;
  text-transform: none;
}
figure.effect-oscar img {
  max-width: none;
  -webkit-transition: opacity 0.32s, -webkit-transform 0.32s;
  transition: opacity 0.32s, transform 0.32s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
figure.effect-oscar:hover img {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.05, 1.05, 1);
}
/* oscar */

/*Contentmanager*/
.Contentmanager .site .col-section .item.-micro:nth-child(odd) {
  border-right: none;
  border-bottom: none;
  padding: 0%;
  margin-top: 3%;
}
.Contentmanager .site .col-section .item.-micro a .image {
  width: 100%;
  margin-bottom: 0px;
  border-radius: 10px 10px 0px 0px;
}
article.col-md-6.item.-micro:hover {
  transition: 0.35s;
  transform: translateY(-0px);
}
article.col-md-6.item.-micro {
  width: 24% !important;
  box-shadow: 5px 5px 5px 0px rgb(192 192 192 / 47%);
  background-color: #fff;
  border-radius: 10px;
}
article.col-md-6.item.-micro:hover {
  transition: 0.35s;
  transform: translateY(-0px);
}
.Contentmanager .site .col-section .item.-micro a:hover .caption .title {
  color: #000;
}
.Contentmanager .site .col-section .item.-micro a .caption {
  width: 100%;
  background: transparent;
  color: #000;
  padding: 0px 0px 10px;
}
.Contentmanager .site .col-section .item.-micro a .post {
  display: none;
}
.Contentmanager .site .col-section .item.-micro a .caption .title {
  display: none;
}
.Contentmanager .site .col-section .item.-micro:nth-child(even) {
  border-right: none;
  border-bottom: none;
  padding: 0%;
  margin: 0% 1%;
  margin-top: 3%;
}
.thumbnail {
  border: 0px solid #ddd;
}
.img-thumbnail,
.thumbnail {
  box-shadow: 0 0px 0px rgb(0 0 0 / 8%);
}
.hidden-xs.hidden-sm.landingpagemanager {
  display: none;
}
span.post-time {
  display: none;
}
.text-contentmaneger {
  font-size: 16px;
  color: #000;
  margin: 3% 0% 3% 3%;
}
.button-content-maneger {
  font-size: 12px;
  color: #000;
  border: 1px solid;
  width: 46%;
  text-align: center;
  padding: 5px;
  margin-left: 45%;
  margin-top: 5%;
}
/*Contentmanager*/

/*Tab*/
.TabItpContentLandingPage3 > ul {
  width: 100%;
}
.TabItpContentLandingPage3 > ul > li.active > a {
  border-bottom: 3px solid #557fa3 !important;
  background-color: #5680a3 !important;
}
.TabItpContentLandingPage3 > ul > li > a:hover {
  background-color: #f7f7f7;
  border-bottom: 3px solid #557fa3;
  color: #557fa3;
}
.tab-content {
  padding: 0px !important;
  min-height: 150px;
  background-color: white;
  border: 0px solid rgb(225, 225, 225) !important;
}
.bgheadtab {
  background: #557fa3;
  color: #ffd600;
  padding: 1% 2%;
}
.tab-itp-background {
  background-color: inherit !important;
  padding: 0% !important;
  margin-top: 0% !important;
  margin-bottom: 0% !important;
}
/*Tab*/

/*shop*/
.shopcart-Cate {
  width: 95%;
  margin: 2% auto;
}
.Template-C-Big {
  border: solid 0px #ccc;
}
.shopcartID-Head-Default {
  border-bottom: solid 0px #d8d8d8;
  font-family: "Prompt", sans-serif;
}
.shopcartID-Default {
  border-bottom: solid 0px #d8d8d8;
  font-family: "Prompt", sans-serif;
}
.shopcartName-Head-Default {
  border-bottom: solid 0px #d8d8d8;
  font-family: "Prompt", sans-serif;
}
.shopcartName-Default {
  padding: 10px 0 10px 0;
  font-family: "Prompt", sans-serif;
}
.Template-C-PriceNormal {
  color: red;
  font-family: "Prompt", sans-serif;
}
.Template-C-buttonDetail {
  width: 45%;
  background-color: #5580a3;
  margin: 5px 0 0 120px;
  color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-weight: 700;
  padding: 10px 0 10px 0;
  font-family: "Prompt", sans-serif;
  font-size: 20px;
}
.Template-C-buttonDetail:hover {
  cursor: pointer;
  width: 45%;
  padding: 10px 0 10px 0;
  background-color: #5580a3;
  font-family: "Prompt", sans-serif;
}
.shopcartlinePrice-Default {
  border-bottom: solid 0px;
}
.shopcartName-Default {
  border-bottom: solid 0px #d8d8d8;
}
.col-xs-12.col-sm-12.col-md-12.shopcartDetail-Default.shopcartDetail {
  font-family: "Prompt", sans-serif;
  padding: 0% !important;
}
img.Template-C-Icon {
  display: none;
}
.Template-C-Quantity {
  font-family: "Prompt", sans-serif;
}
.Template-C-Item {
  font-family: "Prompt", sans-serif;
}
.btnCheckoutprevious {
  cursor: pointer;
  width: 40%;
  background-color: #5580a3;
  color: #fff;
  margin: 5px 0 0 110px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 0 10px 0;
  font-weight: 700;
  text-align: center;
  font-size: 18px;
}
.step1checkout {
  background-color: #5580a3;
  border: 5px solid #5580a3;
}
#background625d276a17ff36001b14833f .col-md-2 {
  width: 8.666667%;
}
.ui.steps .step.active .title {
  color: #5580a3 !important;
}
.ui.steps .step .title {
  font-size: 15px;
  font-weight: 500;
  font-family: "Prompt", sans-serif;
  margin: 8% 0%;
}
.Bodycheckout {
  font-size: 18px !important;
  color: #000;
  font-weight: 400;
}
.Headcheckout {
  font-size: 18px !important;
  color: #000;
}
.step5checkout {
  border-radius: 200px 200px 200px 200px;
  -moz-border-radius: 200px 200px 200px 200px;
  -webkit-border-radius: 200px 200px 200px 200px;
  background-color: #5580a3;
  border: 7px solid #5580a3;
  text-align: center;
  width: 150px;
  height: 150px;
  margin: 0 auto;
}
/*shop*/

@media only screen and (max-width: 900px) {
  .text2-infinitecorp {
    white-space: inherit;
    font-size: 16px;
  }
  .bg-infinitecorp img {
    width: 50% !important;
  }
  .padabout8 {
    margin-top: 0%;
  }
  .padtext2 {
    margin-left: 15px;
  }
  .padicon img {
    width: 70% !important;
  }
  #background62555794e4c9cc0013f2e3b0 .row-fluid [class*="col-sm-5fix"],
  .uneditable-input[class*="col-sm-5fix"],
  [class*="col-sm-5fix"] {
    display: block;
    float: left;
    width: 20%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .text13-infinitecorp {
    white-space: inherit;
  }
  .comingsoon {
    margin: 30% 0% 30%;
  }
  .text16-infinitecorp {
    font-size: 20px;
  }
  .text17-infinitecorp {
    font-size: 16px;
  }
  .button-moreinfo {
    font-size: 24px;
  }
  .button2-moreinfo {
    font-size: 24px;
  }
  .shopcart {
    -webkit-border-radius: 50px 0px 0px 50px !important;
    width: 85px !important;
    height: 60px !important;
    background-image: url(http://itp1.itopfile.com/ImageServer/57beb9fe3ae8f6e3/0/0/shop-mz-z1433052466064.webp);
    background-position: 35% 50%;
    background-color: transparent;
    right: 0%;
    top: -0.5%;
    transition: width 0.3s, height 0.3s;
    animation: pulse 7s infinite 7s;
  }
  .btnproject {
    font-size: 16px !important;
    width: 38% !important;
  }
}

@media only screen and (max-width: 480px) {
  #background62555794e4c9cc0013f2e3b0 .row-fluid [class*="col-sm-5fix"],
  .uneditable-input[class*="col-sm-5fix"],
  [class*="col-sm-5fix"] {
    display: block;
    float: inherit;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .textfooter2 {
    font-size: 13px;
  }
  .qrcode img {
    width: 40% !important;
  }
  #background625418c6a4159d00136f0973 article.col-md-6.item.-micro {
    width: 100% !important;
  }
  #background625d0d2e17ff36001b1479c2 article.col-md-6.item.-micro {
    width: 100% !important;
  }
  .text3-infinitecorp {
    font-size: 16px;
  }
  .text7-infinitecorp {
    white-space: inherit;
  }
  .text5-infinitecorp {
    font-size: 40px;
  }
  .bgabout5 {
    width: 100%;
  }
  .textfoot5-infinitecorp {
    font-size: 20px;
  }
  .padicon img {
    width: 30% !important;
  }
  #background625d0b2917ff36001b147955 article.col-md-6.item.-micro {
    width: 100% !important;
    box-shadow: 5px 5px 5px 0px rgb(192 192 192 / 47%);
    background-color: #fff;
    border-radius: 10px;
  }
  .border6-infinitecorp {
    width: 52%;
  }
  .border11-infinitecorp {
    width: 72%;
  }
  ul.text8-infinitecorp {
    margin-left: 0px;
    text-align: left;
  }
  .TabItpContentLandingPage3.col-md-12 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .border5-infinitecorp {
    width: 90%;
  }
  .buttonnew {
    width: 50%;
  }
  #imagesControl6253db5a725cfd0013b53c48 {
    padding: 0px !important;
  }
  .bgabout {
    width: 30%;
  }
  #imagesControl62553129d7160800138739a8 {
    padding: 0px !important;
  }
  #imagesControl62552576d7160800138737db {
    padding: 0px !important;
  }
  .padqeasy {
    padding-top: 0%;
    margin-top: 0%;
    margin-left: 0%;
    margin-bottom: 0%;
  }
  .text17-infinitecorp {
    white-space: inherit;
  }
  .text16-infinitecorp {
    white-space: inherit;
    font-size: 20px;
  }
  .text14-infinitecorp span {
    font-size: 40px;
  }
  #imagesControl62550958a4159d00136f1707 {
    padding: 0px !important;
  }
  #background6255231bd7160800138737bc article.col-md-6.item.-micro {
    width: 100% !important;
  }
  #background625522b6a4159d00136f191b .row-fluid [class*="col-sm-5fix"] {
    width: 50%;
  }
  .comingsoon {
    margin: 70% 0% 70%;
  }
  .text15-infinitecorp {
    font-size: 18px;
  }
  .padproduct2 {
    margin: 0% 0% 0% 0%;
  }
  .padproduct {
    margin-top: 0%;
  }
  .border4-infinitecorp {
    width: 51%;
  }
  .border2-infinitecorp {
    width: 32%;
  }
  .border3-infinitecorp {
    width: 36%;
  }
  .text11-infinitecorp {
    font-size: 20px;
  }
  .border10-infinitecorp {
    width: 82%;
  }
  .border8-infinitecorp {
    width: 57%;
  }
  .border9-infinitecorp {
    width: 71%;
  }
  .TabItpContentLandingPage3 > ul > li > a > span {
    font-size: 13px !important;
  }
  .no-js #InmyDiv1650270672411 {
    width: 100%;
    margin: 0 auto;
    transition: 0.35s;
    margin-bottom: 20%;
  }
  .bgtwister {
    padding: 30px;
    margin: 0%;
    margin-top: 5%;
  }
  .no-js #InmyDiv1650270026061 {
    width: 100%;
    margin-top: 0%;
  }
  #imagesControl625d1fd9eb7c0b001aaadf8f {
    padding: 0px !important;
  }
  #imagesControl625d209beb7c0b001aaae01f {
    padding: 0px !important;
  }
  .padtext3 {
    white-space: inherit;
  }
  .bgabout {
    display: none;
  }
  .padaboutmission {
    margin: 0% 8%;
  }
  .Smart.Foodcourt {
    width: 30%;
    margin: 0 auto;
  }
  .Smart.Foodcourt2 {
    width: 70%;
    margin: 0 auto;
  }
  .text166-infinitecorp {
    font-size: 20px;
  }
  #tabTitleLandingPage16502529184705 .text13-infinitecorp {
    white-space: break-spaces;
    text-align: left;
  }
  .padabout8 {
    margin: 0% 8%;
  }
  #contentnewmode6253e2a3d716080013871ae6 {
    margin: 0% 8%;
  }
  .itp-bg {
    background-image: url(http://itp1.itopfile.com/ImageServer/a000f5de9efe9c6f/0/0/Artboard–1z-z1316229111534.webp);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .itp-bg0 {
    background-image: url(http://itp1.itopfile.com/ImageServer/a000f5de9efe9c6f/0/0/Artboard–1z-z248283588151.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .itp-bg2 {
    background-image: url(http://itp1.itopfile.com/ImageServer/a000f5de9efe9c6f/0/0/Artboard–1z-z1429545122636.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .button-moreinfo {
    width: 48%;
    margin-bottom: 50%;
  }
  .button2-moreinfo {
    width: 48%;
    margin-bottom: 50%;
  }
  ul#slider625d209beb7c0b001aaae01f {
    margin-bottom: -10px !important;
  }
  ul#slider625d1fd9eb7c0b001aaadf8f {
    margin-bottom: -10px !important;
  }
  .shopcart {
    right: -3%;
    top: -0.5%;
  }
  .btnproject {
    font-size: 16px !important;
    width: 100% !important;
  }
}

#searchResultLanding .panel {
  margin: 6% 0;
}
#itp-shopcart-detail {
  padding-left: 0px !important;
}
.itopplus-search-image-flex-item {
  padding: 0px !important;
  width: 213px !important;
  min-height: 300px !important;
  max-height: 430px !important;
  background-color: #fff !important;
  box-shadow: none !important;
}
.itopplus-search-image-flex-item img {
  width: 100% !important;
}
.search_titleText {
  padding: 5px 0px;
  font-size: 16px;
}
.search_text {
  padding: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1900px) {
  .itopplus-search-image-flex-item {
    width: 190px !important;
  }
}

@media only screen and (max-width: 900px) {
  .itopplus-search-image-flex-item {
    margin: 5px 0 !important;
    width: 227px !important;
    min-height: 240px !important;
    max-height: 425px !important;
  }
  .search_titleText {
    padding: 5px 0px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
  }
}

@media only screen and (max-width: 480px) {
  .itopplus-search-image-flex-item {
    width: 100% !important;
    min-height: 210px !important;
    max-height: inherit !important;
  }
  .itopplus-search-image-flex-item img {
    width: 100% !important;
  }
  .search_titleText {
    padding: 5px 0px;
    font-size: 14px;
  }
  .search_text {
    padding: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
  }
}

.TabItpContentLandingPage3.col-md-12 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.TabItpContentLandingPage3 > ul > li.active > a:hover > span {
  color: #fff !important;
}
.TabItpContentLandingPage3 > ul > li.active > a > span {
  color: #fff !important;
}
li.itptabcontent {
  border-right: 1px solid #dedede;
  border-left: 1px solid #dedede;
}
.itp-bg3 {
  background-color: #5580a3;
  color: #fff;
}
/**********NEW***********/

/*fromjob*/
.no-js #Component62de3eb8689e2b001321e7e4 label {
  display: none !important;
}
.no-js #Component62de3eb8689e2b001321e7e4 .col-md-6 {
  width: 20% !important;
  float: left !important;
  margin-left: auto;
  display: block;
  margin-right: auto;
  float: initial;
}
.no-js #Component62de3eb8689e2b001321e7e4 .form-control {
  border: none;
  border: 1px solid #ccc;
  border-radius: 0px !important;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  font-size: 16px;
  padding: 22.5px;
  background: transparent;
  color: #000;
  font-family: "Prompt";
  margin: 4px 0%;
}
.no-js #Component62de3eb8689e2b001321e7e4 .form-control:hover {
  border-bottom: 1px solid #5680a3;
}
.no-js #Component62de3eb8689e2b001321e7e4 .form-control:focus {
  border-bottom: 1px solid #5680a3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075), 0 0 0px rgba(102, 175, 233, 0);
  color: #000 !important;
}
.no-js #Component62de3eb8689e2b001321e7e4 .btn {
  background-image: -webkit-linear-gradient(top, #111f39 0, #111f39 100%);
  background-image: -o-linear-gradient(top, #111f39 0, #111f39 100%);
  background: linear-gradient(to right, #5680a3 0, #5680a3 25%, #5680a3 50%, #5680a3 75%, #5680a3 100%);
  color: #fff;
  text-shadow: 0 1px 0 #5a6873;
  background-repeat: repeat-x;
  border-color: #0000;
  border-radius: 0px;
  padding: 10px 30px;
  font-size: 16px;
  border: 0px solid transparent;
  font-family: "Prompt";
}
.no-js #Component62de3eb8689e2b001321e7e4 .btn-default:active {
  background-color: #596772;
}
.no-js #Component62de3eb8689e2b001321e7e4 .btn-default:hover,
.no-js #Component62de3eb8689e2b001321e7e4 .btn-default:focus {
  background-position: 0 0px;
  background-color: #ed1c24;
}
.no-js #Component62de3eb8689e2b001321e7e4 .col-xs-12.col-sm-5.col-md-5.padding {
  width: 100%;
}
.no-js #Component62de3eb8689e2b001321e7e4 span.label {
  font-size: 13px;
  font-weight: 300;
}
#capcha0 .col-md-12.col-sm-12 {
  width: 102.2%;
  margin-left: -4px;
}
a#capchatxt {
  color: #333 !important;
  margin-left: 2%;
}
.no-js #Component62de3eb8689e2b001321e7e4 span.label {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  display: contents;
}
br.k-br {
  display: none;
}
#formdisplay62d66e2f426ae90013a396eb {
  background: transparent !important;
}
span.glyphicon.glyphicon-ok-circle {
  display: none;
}
#background62de3eb8689e2b001321e7e4 .col-md-offset-5 {
  margin-left: 1.5%;
}
/*fromjob*/

.btnproject {
  background: #5580a3;
  color: #fff;
  padding: 14px;
  font-size: 20px;
  width: 30%;
  text-align: center;
}
.unknown_prf .btn-main {
  border-radius: 50%;
  margin-bottom: 85%;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  text-align: center;
  animation: pulsingAutodigi 1.5s infinite;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

#Component644896c23beaad001a4fb644 .col-md-3.col-sm-4.col-xs-4,
#Component63c8c76c7dfe720013abd8b5 .col-md-3.col-sm-4.col-xs-4 {
  width: 16.66%;
}

.feature {
  display: flex;
  gap: 20px;
  align-items: center;
  margin: 0 8vw;
}

.feature-icon {
  flex-shrink: 0; /* ไอคอนไม่หด */
  justify-content: flex-end;
  width: 100px;
}

.feature-icon img {
  max-width: 100%;
  height: auto;
}

.feature-text {
  flex-grow: 1; /* ให้ข้อความขยายพื้นที่ */
}

.feature-text h3 {
  margin: 0 0 5px 0;
  font-size: 20px;
  color: #0056b3; /* สีข้อความ */
}

.feature-text p {
  margin: 0;
  font-size: 16px;
  color: #333;
}



@media only screen and (min-width: 992px) {
.feature {
  display: flex;
  gap: 20px;
  margin: 0 2vw;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}



@media (max-width: 1200px) {
  ul#itopplus-nav-bar {
    white-space: nowrap;
  }
  .feature {
    margin: 0 2vw;
  }
}