.itopplus-background {
background-image:none;background-color :eeedf2;
}
/*pos 2*/
.itopplus-bg0 {
}

.itopplus-sticky-nav-bar .navbar-default {
  background: #0231e5;
  padding: 5px 0px;
}

.itopplus-banner {
  background: #231e5e;
  /*
    background: linear-gradient(to right, #fff 0%, #fff 29.6%, #231e5e 29.6%, #231e5e 100%);
  */
}

.itopplus-banner2 {
  background: #0b57d0;
}
.itopplus-bg3 {
  background-image: url("https://itp1.itopfile.com/ImageServer/468e5f033ccf8b86/1903/0/3z-z139409870005.webp");
  background-size: cover;
  background-position: center;
}
.itopplus-bg4 {
  background-image: url("https://itp1.itopfile.com/ImageServer/468e5f033ccf8b86/1903/0/4z-z107130117835.webp");
  background-size: cover;
  background-position: center;
}

.itopplus-footer {
  background-image: url("https://itp1.itopfile.com/ImageServer/468e5f033ccf8b86/1879/0/fz-z919116873451.webp");
  background-size: cover;
  background-position: center;
  color: #000;
}

p {
  color: #000;
}
.itopplus-footer p a:hover {
  color: #ec1f28;
}
nav.navbar.navbar-default.itopplus-sticky-nav-bar-inside {
  width: 85% !important;
}
/************Menu***************/
#main-navbar-collapse {
  text-align: center;
}
.itopplus-menu {
  padding-top: 3.5%;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active {
  color: #fff !important;
  box-shadow: inset 0 -3px 0 0 #ec1f28;
  border-bottom: none;
  background: transparent;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: #fff;
  background-color: transparent;
}
.dropdown-menu > li > a {
  color: #333 !important;
  font-size: 16px;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  box-shadow: inset 0 -3px 0 0 #ec1f28;
  border-bottom: none;
  background: transparent;
  background-image: linear-gradient(to bottom, #f5f5f500 0, #e8e8e800 100%);
}
.nav > li > a {
  padding: 10px 5px;
  font-size: 13px;
}

/********Mobile-Sidebar*********/
.navbar-default .navbar-brand,
.itopplus-sidebar-menu-single a:link,
.itopplus-sidebar-main a:link,
.itopplus-sidebar-menu-parent a,
.navbar-default .navbar-toggle:focus .text-bar,
.navbar-default .navbar-toggle .text-bar,
.navbar-default .navbar-toggle:hover .text-bar {
  color: #fff !important;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #fff !important;
}
.itopplus-sidebar-menu-single a:active {
  color: #fff !important;
  background-color: transparent !important;
}
.navbar-default .navbar-toggle .icon-bar,
.navbar-default .navbar-toggle:hover .icon-bar {
  background-color: #fff !important;
}

.navbar-default .navbar-brand:hover {
  background-color: transparent;
}
.itopplus-sidebar-menu-single,
.nav > li > a:focus {
  border-bottom: transparent;
  border-bottom: none !important;
}
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover {
  border-color: transparent !important;
  background-color: transparent !important;
}

.navbar-default {
  background: #32a852;
}
.navbar-default .navbar-nav > li > a {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.itopplus-nav-bar li:not(:last-of-type):not(.itopplus-sidebar-menu-parent):not(.dropdown-submenu):after {
  content: "|";
  font-size: 1em;
  position: absolute;
  top: 30%;
  right: 0;
  color: #fff;
}
/******************************/

#controlBanner {
  width: 60%;
  margin: 0 auto;
  padding-right: 10%;
  padding: 10px;
}

/*หน้าต้นแบบ*/
.lang523fc2697f89c5e80700008f a,
.lang523d4c71164185981a000001 a {
  color: #fff;
}
.lang523fc2697f89c5e80700008f a:hover,
.lang523d4c71164185981a000001 a:hover {
  color: #d3ddff;
}

.pd-footer1 {
  padding: 0 7% 0 0;
}
.pd-footer2 {
  padding: 0 0 0 5%;
}
#contentnewmode62beb1f82dbdd20013ada1fd {
  margin-left: -11%;
}
.text-head1 {
  font-size: 3rem;
  font-weight: 600;
  color: #27235e;
}
.text-head2 {
  font-size: 3rem;
  font-weight: 600;
  color: #27235e;
}
.text-head4 {
  font-size: 2.5rem;
  color: #27235e;
  font-weight: 500;
}
.text-sub1 {
  font-size: 1.45rem;
}
.text-sub1 a:hover,
.text-sub3 a:hover {
  color: #ec1f28;
}
.text-sub2 {
  font-size: 1.5rem;
  font-weight: 600;
}
.text-sub3 {
  font-size: 10px;
}
.bg-text {
  font-size: 10rem;
  font-weight: 900;
  background: linear-gradient(to right, #293a7e, #384a8b 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bg-text2 {
  font-size: 9rem;
  font-weight: 900;
  background: linear-gradient(to right, #05175c, #d3ddff 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  margin: 0 !important;
}
.bg-textbtimg {
  background-color: #ec1f28;
  color: #fff;
  padding: 10px 5px;
  width: 90%;
  margin: -6% auto 8%;
  z-index: 99;
  position: relative;
}
img#myImage1656904049758 {
  width: 1.5%;
}
#background62c25eb003d5210013e260dd img {
  width: 85% !important;
  margin: 7% auto 0%;
}
#background62becf032dbdd20013ada834 img,
#background62c2588303d5210013e25ed8 img,
#background65b9b753d89c400013f35aae img,
#background65b9b753d89c400013f35abd img {
  border-radius: 10px;
}
.btn-more1 {
  background-color: #ec1f28;
  border: none;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 7px 40px;
  border-radius: 30px;
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}
.btn-more1:hover {
  transform: translateX(10px);
  background-color: #506baa;
}
#contentnewmode62c2a69103d5210013e27077 {
  background-color: #384a8b;
  color: #fff;
  border-radius: 10px;
  margin: 1%;
}
#contentnewmode62c2a71d2dbdd20013ade18c {
  background-color: #bed0ff;
  border-radius: 10px;
  margin: 1%;
}
.bg-contact1 {
  border: 1px solid #27235e;
  border-radius: 10px;
  padding: 4% 2%;
  margin: 3% auto;
}
.img-iconct1 {
  width: 22%;
  margin-bottom: 3%;
}
.bg-contact1 .text-sub1 {
  font-size: 1.4rem;
}

.img-prosirie img {
  width: 75%;
  margin: 0 auto;
  display: block;
}
.pad-textprosirie01 {
  padding: 3%;
  height: 480px;
}

.bg-height {
  background: #27235e;
  height: 115px;
}

/*Tab Review*/
#smartSeries .nav-pills > li.active > a,
#smartSeries .nav-pills > li.active > a:focus,
#smartSeries .nav-pills > li.active > a:hover {
  color: #27235e;
  background-color: transparent;
  transform: scale(0.9, 0.9);
  font-size: 14px;
  transition: 0.5s;
}
#smartSeries .nav-review > li {
  width: 20%;
}
#smartSeries .nav-review {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

/*table*/
#Contentmanager .table-responsive table {
  width: 100%;
}
#Contentmanager .table-responsive td.color-table2 {
  background: #505052;
  color: #ffffff;
  width: 40%;
}
#Contentmanager .table-responsive td,
.table-responsive th {
  border: 2px solid #a79f9f52;
  text-align: left;
  padding: 3px 10px;
}
#Contentmanager .table-responsive th {
  color: #fff;
  background: #000000;
}

/*Sadie*/
figure.effect-sadie p {
  opacity: 1;
  color: #fff;
  text-transform: capitalize;
}
figure.effect-sadie figcaption::before {
  background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0, rgb(72 76 97 / 0%) 75%);
}

/*Content manager8*/
#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: left;
  font-size: 15px;
  color: #000;
  padding: 8% 0% 0;
  font-weight: 500;
  background: transparent;
  height: 75px;
}
article.col-md-6.item.-micro {
  width: 25%;
}
.Contentmanager .site .col-section .item.-micro {
  padding: 10px;
}
.Contentmanager .site .col-section .item.-micro a .image {
  width: 100%;
  margin-bottom: 0px;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 15%);
  border-radius: 10px;
}
.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: #071f93;
  font-weight: 500;
}
.Contentmanager-thumbnail {
  border: 0px solid #ddd;
}
.Contentmanager-template2-1 a:hover {
  color: #085391;
}
#Contentmanager .fb_iframe_widget,
#Contentmanager .landingpagemanager,
#Contentmanager .page-header {
  display: none;
}
.time .text-sub1 {
  font-size: 1.6rem;
}
#Contentmanager .img-thumbnail,
#Contentmanager .thumbnail {
  box-shadow: none;
  border: none;
}

/*Content manager Tab*/
.TabItpContentLandingPage4 > ul > li.active > a {
  background-color: #05175c !important;
  border-top: 3px solid #05175c !important;
}
.TabItpContentLandingPage4 > ul > li > a {
  border-top: 3px solid #05175c !important;
  margin-right: 5px;
  margin-left: 5px;
}
.TabItpContentLandingPage4 > ul > li > a:hover {
  background-color: #05175c;
}
.TabItpContentLandingPage4 > ul > li > a > span {
  color: #000000;
}
.TabItpContentLandingPage4 .tab-content {
  border-bottom: 2px solid #05175c !important;
}
.TabItpContentLandingPage4 > ul {
  width: 100%;
}

/* EFFECT */
.ef1,
.ef3,
.ef4,
.ef5 {
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}
.ef2,
.ef3 {
  transition: 0.5s;
}
.ef1:hover {
  transform: translateY(-8px);
}
.ef2:hover {
  transform: scale(0.9, 0.9);
}
.ef3:hover {
  transform: scale(1.1, 1.1);
}
.ef4:hover {
  transform: translateX(10px);
}
.ef5:hover {
  transform: translateX(-10px);
}

/*FORM DIPLAY*/
#formdisplay62c25c422dbdd20013add2ff,
#formdisplay64bf69ea9c08fc001aa382d6,
#formdisplay65b9b753d89c400013f35ae2 {
  background-color: transparent !important;
}
#formdisplay62c25c422dbdd20013add2ff .col-md-12.col-sm-12 .form-group .form-group .col-md-12.col-sm-12,
#capcha62c25c422dbdd20013add2ff #capcha0 .col-md-12.col-sm-12,
#formdisplay64bf69ea9c08fc001aa382d6 .col-md-12.col-sm-12 .form-group .form-group .col-md-12.col-sm-12,
#capcha64bf69ea9c08fc001aa382d6 #capcha0 .col-md-12.col-sm-12,
#formdisplay65b9b753d89c400013f35ae2 .col-md-12.col-sm-12 .form-group .form-group .col-md-12.col-sm-12 {
  padding-left: 15px;
  padding-right: 5px;
}
.no-js #formdisplay62c25c422dbdd20013add2ff .form-control,
.no-js #formdisplay64bf69ea9c08fc001aa382d6 .form-control,
.no-js #formdisplay65b9b753d89c400013f35ae2 .form-control {
  border: none;
  border-bottom: 1px solid #000;
  border-radius: 0px !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: 15px 0;
  font-weight: 500;
  background: transparent;
  color: #000 !important;
}
.no-js #formdisplay62c25c422dbdd20013add2ff ::placeholder,
.no-js #formdisplay64bf69ea9c08fc001aa382d6 ::placeholder,
.no-js #formdisplay65b9b753d89c400013f35ae2 ::placeholder {
  color: #000 !important;
}
#capcha62c25c422dbdd20013add2ff #capcha0 .col-md-12.col-sm-12 span,
#capcha64bf69ea9c08fc001aa382d6 #capcha0 .col-md-12.col-sm-12 span {
  visibility: hidden;
}
.no-js #formdisplay62c25c422dbdd20013add2ff .btn-danger,
.no-js #formdisplay64bf69ea9c08fc001aa382d6 .btn-danger,
.no-js #formdisplay65b9b753d89c400013f35ae2 .btn-danger {
  background-image: linear-gradient(to bottom, #ec1f28 0, #ec1f28 100%);
  box-shadow: none;
  border: 0;
  border-radius: 30px;
}
.no-js #formdisplay62c25c422dbdd20013add2ff span.glyphicon.glyphicon-ok-circle,
#formdisplay64bf69ea9c08fc001aa382d6 span.glyphicon.glyphicon-ok-circle,
.no-js #formdisplay65b9b753d89c400013f35ae2 span.glyphicon.glyphicon-ok-circle {
  display: none;
}
.no-js #formdisplay62c25c422dbdd20013add2ff .btn-danger:focus,
.no-js #formdisplay62c25c422dbdd20013add2ff .btn-danger:hover,
.no-js #formdisplay64bf69ea9c08fc001aa382d6 .btn-danger:focus,
.no-js #formdisplay64bf69ea9c08fc001aa382d6 .btn-danger:hover,
.no-js #formdisplay65b9b753d89c400013f35ae2 .btn-danger:focus,
.no-js #formdisplay65b9b753d89c400013f35ae2 .btn-damger:hover {
  background-color: #2a40c1;
  background-position: 0 -35px;
}

/*Contact Form*/
.no-js #Component62c2c0fa2dbdd20013adead9 label,
.no-js #Component65b9b71cb7c0c100135c1699 label {
  display: none !important;
}
.no-js #Component62c2c0fa2dbdd20013adead9 .col-md-6,
.no-js #Component65b9b71cb7c0c100135c1699 .col-md-6 {
  width: 90%;
  margin-left: auto;
  display: block;
  margin-right: auto;
  float: initial;
}
.no-js #Component62c2c0fa2dbdd20013adead9 .form-control,
.no-js #Component65b9b71cb7c0c100135c1699 .form-control {
  border: 1px solid #000000;
  border-radius: 10px !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: #27235ecf;
  color: #fff;
}
.no-js #Component62c2c0fa2dbdd20013adead9 ::placeholder,
.no-js #Component65b9b71cb7c0c100135c1699 ::placeholder {
  color: #fff !important;
  font-weight: 500;
}
.no-js #Component62c2c0fa2dbdd20013adead9 .form-control:focus,
.no-js #Component65b9b71cb7c0c100135c1699 .form-control:focus {
  border-color: #d2af46;
  -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: #fff !important;
}
.no-js #Component62c2c0fa2dbdd20013adead9 .btn,
.no-js #Component65b9b71cb7c0c100135c1699 .btn {
  background-image: linear-gradient(to right, #ec1f28, #ec1f28 60%);
  background-repeat: repeat-x;
  border-color: #baf1f3;
  border-radius: 30px;
  padding: 10px 30px;
  font-size: 14px;
  border: 0px solid transparent;
  color: #fff;
}
.no-js #Component62c2c0fa2dbdd20013adead9 .btn-default,
.no-js #Component65b9b71cb7c0c100135c1699 .btn-default {
  text-shadow: 0 0 0 #fff;
}
.no-js #Component62c2c0fa2dbdd20013adead9 .btn-default:active,
.no-js #Component65b9b71cb7c0c100135c1699 .btn-default:active {
  background-color: #ffdb16;
}
.no-js #Component62c2c0fa2dbdd20013adead9 .btn-default:hover,
.no-js #Component62c2c0fa2dbdd20013adead9 .btn-default:focus,
.no-js #Component65b9b71cb7c0c100135c1699 .btn-default:hover,
.no-js #Component65b9b71cb7c0c100135c1699 .btn-default:focus {
  background-position: 0 0px;
  background-color: #ffdb16;
}

@media only screen and (max-width: 992px) {
  .itopplus-banner {
    background: none;
  }

  #controlBanner img {
    margin: auto;
  }
  #controlBanner {
    margin-top: 75px;
  }
  .bg-text {
    font-size: 7rem;
  }
  .text-sub2 {
    font-size: 1.2rem;
  }
  .text-sub2 span {
    font-size: 2rem;
  }
  .text-head2 {
    font-size: 2.8rem;
  }
  .text-head4 {
    font-size: 2.3rem;
  }
  .Contentmanager .site .col-section .item.-micro a .caption .title {
    font-size: 13px;
    height: 80px;
  }
  .time .text-sub1 {
    font-size: 1.4rem;
  }
  #background62c25eb003d5210013e260dd .row-fluid [class*="col-sm-5fix"],
  #background62c25eb003d5210013e260dd .uneditable-input[class*="col-sm-5fix"],
  #background62c25eb003d5210013e260dd [class*="col-sm-5fix"] {
    float: left;
    width: 20%;
  }
  #background62c25eb003d5210013e260dd img {
    width: 100% !important;
  }

  #mainmenu62c2bbd59127f500135cf3fa .col-sm-6,
  #mainmenu62c2bd0603d5210013e276a2 .col-sm-6,
  #mainmenu62c2c06e2dbdd20013adeabd .col-sm-6 {
    width: 100%;
  }
  .text-sub3 {
    font-size: 10px;
  }
  .bg-contact1 .text-sub1 {
    font-size: 12px;
  }
  .no-js #Component62c2c0fa2dbdd20013adead9 .btn,
  .no-js #Component65b9b71cb7c0c100135c1699 .btn {
    width: 50%;
    margin: auto;
  }
  article.col-md-6.item.-micro {
    width: 33.333333%;
  }
  #smartSeries .nav-review {
    display: -webkit-inline-box;
    overflow-x: scroll;
  }
  #mainmenu62c2a3eb03d5210013e26f34 .text-sub2 {
    font-size: 1.7rem;
  }
  .pad-textprosirie01 {
    height: 515px;
  }
}

@media only screen and (min-width: 769px) {
  .itopplus-banner {
    position: inherit;
  }
}

@media screen and (min-width: 1024px) {
  .navbar-default {
    background: transparent;
  }

  #smartSeries .nav > li > a {
    padding: 10px 7px;
  }
  #mainmenu62d8cf169a0d2400136ea677 .col-md-4 {
    width: 30%;
  }
  #mainmenu62d8cf169a0d2400136ea677 .col-md-8 {
    width: 70%;
  }

  .navbar-default .navbar-nav > li > a {
    margin-left: 15px !important;
    margin-right: 15px !important;
    margin: 0 7px !important;
  }
}

@media screen and (min-width: 1200px) {
  .pad-benefit {
    padding: 0 0 0 20px;
  }
  .nav > li > a {
    font-size: 13px;
  }
}

@media screen and (min-width: 1366px) {
  nav.navbar.navbar-default.itopplus-sticky-nav-bar-inside {
    width: 80% !important;
  }

  .itopplus-bg,
  .itopplus-bg2,
  .itopplus-bg3,
  .itopplus-bg4,
  .itopplus-footer {
    /*background-size: 100% auto;*/
    background-size: cover;
  }
  .itopplus-bg5 {
    background-size: 100% auto;
    background-position: center;
  }

  .nav > li > a {
    padding: 10px 15px;
    font-size: 15px;
  }

  .text-head1 {
    font-size: 3.9rem;
  }
  .text-sub1 {
    font-size: 1.75rem;
  }
  .bg-text {
    font-size: 12rem;
  }
  #contentnewmode62ba7548ca85280014ccff47,
  #contentnewmode62bec23f2dbdd20013ada460 {
    padding: 40px 10px 10px 10px !important;
  }
  .text-sub2 {
    font-size: 1.8rem;
  }
  .bg-textbtimg {
    padding: 10px;
  }
  .Contentmanager .site .col-section .item.-micro a .caption .title {
    font-size: 17px;
    height: 95px;
  }
  .bg-text2 {
    font-size: 12rem;
  }
  #Contentmanager .table-responsive td.color-table2 {
    background: #505052;
    color: #ffffff;
    width: 35%;
  }
  .text-sub3 {
    font-size: 13px;
  }
  .bg-height {
    height: 135px;
  }
  .pad-textprosirie01 {
    height: 570px;
  }
}

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

  .text-sub3 {
    font-size: 14px;
  }
  .bg-height {
    height: 160px;
  }
  .pad-textprosirie01 {
    height: 500px;
  }
}

@media only screen and (max-width: 900px) {
  .bg-text2 {
    font-size: 5rem;
  }
}

@media only screen and (max-width: 480px) {
  .itopplus-bg5 {
    background-position: center;
  }
  #controlBanner img {
    margin: 13% auto 0%;
  }
  #imagesControl62bea8d403d5210013e2314d,
  #imagesControl62becf032dbdd20013ada834,
  #imagesControl62d8c8395f30bc0013bb86d1 {
    padding: 0 !important;
  }
  #Component62d8c8395f30bc0013bb86d1 {
    margin-top: 11%;
  }
  .text-head1 {
    font-size: 2.5rem;
  }
  .text-sub3 {
    font-size: 11px;
  }
  .bg-text {
    font-size: 4rem;
    margin-bottom: 5%;
  }
  #contentnewmode62ba7541ca85280014ccff3d {
    padding: 45px 10px 10px 10px !important;
  }
  .bg-textbtimg {
    height: 53px;
  }
  img#myImage1656904049758 {
    width: 4%;
  }
  article.col-md-6.item.-micro {
    width: 50%;
  }
  #Contentmanager .col-md-12.padding .col-md-12.text-justify {
    padding: 10px;
  }
  #Contentmanager .text-head2 {
    font-size: 2.4rem;
  }
  img#myImage1656916623364 {
    width: 100% !important;
  }
  .bg-text2 {
    font-size: 4.5rem;
  }
  .text-sub2 {
    font-size: 1.5rem;
  }
  #background62c2588303d5210013e25ed8 .text-sub2 {
    font-size: 1.2rem;
  }
  .bg-contact1 .text-sub1,
  .text-sub3 {
    font-size: 15px;
  }
  .img-iconct1 {
    width: 17%;
  }
  #smartSeries .nav-review > li {
    width: 33.3333333%;
  }
  .text-sub1 {
    font-size: 1.6rem;
  }
  .pad-textprosirie01 {
    height: auto;
  }
  #contentnewmode62c3c35b35600200131ac589,
  #contentnewmode62c3c4abaf6f6900135c3375,
  #contentnewmode62c3c4abaf6f6900135c3375,
  #contentnewmode62c3c4ffa8535f0013c93bbb,
  #contentnewmode65b9b857cb64f60013b5834d,
  #contentnewmode65b9b857cb64f60013b58353 {
    padding: 10px 10px 10px !important;
  }
  #contentnewmode62c2c46a2dbdd20013adeb70 .text-head1 {
    font-size: 2.1rem;
  }
}
/*#controlBanner {
    margin-top: 0;
    background: #fff;
}
*/

.ITPcookiebar {
  width: 100% !important;
  background-color: #fff !important;
  border: 1px #27235e;
  -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 5px rgb(0 0 0 / 8%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 5px rgb(0 0 0 / 8%);
}

.buttonExampleSite {
  background-color: #27235e !important;
  border: 1px solid #27235e !important;
  color: #fff !important;
}

@media only screen and (max-width: 742px) {
  #smartSeries > ul {
    display: flex !important;
  }
}

.table-responsive .text-center {
  display: table-cell !important;
}

.text-center {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}

.itopplus-menu {
  background: #231e5e;
}

.itopplus-sticky-nav-bar .navbar-default {
  background: #231e5e;
  padding: 5px 0px;
}

#manage-account {
  position: relative;
}

.calendarbox {
  position: absolute;
  right: 30px;
  top: 30px;
}

.calendarbox .text-center {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: 5px;
}

.calendarbox .text-center button {
  width: fit-content !important;
}


