.itopplus-background {

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



.itopplus-bgmain {
  background-color: #e1dfd2;
}
.itopplus-bgmain2 {
  background-color: #e1dfd2;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  background-color: transparent !important;
  color: #736964;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
  background-color: transparent;
  background-image: none;
  color: #736964;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  background-color: transparent;
  background-image: none;
  color: #736964 !important;
}

@media (max-width: 992px) {
    #nav-menu,
  #ItopplusMainSidebar > div {
    background: #fff !important;
  }

  #itpMenuSideBar span {
    background-color: #b98d6b !important;
  }

  #controlMenu * {
    color: #b98d6b !important;
    border: none;
  }
  
  .itopplus-bgmain {
    background-size: cover;
    background-position: center;
  }
  .itopplus-bgmain2 {
    background-size: cover;
    background-position: center;
  }
  .itopplus-bgmain4 {
    background-size: cover;
    background-position: center;
  }
  .itopplus-border {
    display: none;
  }
}

@media only screen and (min-width: 1024px) {
    #controlBanner {
        object-fit: contain;
        padding: 20px 0;
        width: clamp(170px, 14vw, 220px);
        margin: 0 auto;
    }
  
  .itp-block {
    display: grid;
    grid-template-columns: 20% 35% 20%;
    align-items: center;
    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: center;
  }
  .navbar-default {
    background: transparent !important;
  }
  .navbar-default.navbar-fixed .nav {
    display: block;
  }
  .container.itopplus-search {
    display: inherit !important;
  }
  .itopplus-menu {
    display: none;
  }
  /*  */
  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  ::-webkit-scrollbar-thumb {
    background: #534741;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #534741;
  }
  /*  */

  #formdisplay6127102c3d1b010014f807ac #capcha0 {
    margin-left: -0.7%;
    width: 108.6% !important;
    color: #9a9a9a;
    font-size: 16px;
  }
  #formdisplay61276d9f3d1b010014f81d05 #capcha0 {
    margin-left: -0.7%;
    width: 108.6% !important;
    color: #9a9a9a;
    font-size: 16px;
  }
  .theembrioproperty_menu {
    width: 75%;
    margin: 0 auto;
  }
  .theembrioproperty_imgg2 {
    width: 100.2%;
    margin-left: -2%;
  }
}

@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;
  }

  #main-navbar-collapse {
    text-align: center;
  }
  #formdisplay6127102c3d1b010014f807ac #capcha0 {
    margin-left: -0.7%;
    width: 108.6% !important;
    color: #9a9a9a;
    font-size: 16px;
  }
  #formdisplay61276d9f3d1b010014f81d05 #capcha0 {
    margin-left: -0.7%;
    width: 108.6% !important;
    color: #9a9a9a;
    font-size: 16px;
  }
  .theembrioproperty_menu {
    width: 75%;
    margin: 0 auto;
  }
  .theembrioproperty_imgg2 {
    width: 100.2%;
    margin-left: -2%;
  }
}

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

  .theembrioproperty_menu {
    width: 55%;
    margin: 0 auto;
  }

  .theembrioproperty_text1 {
    font-size: 22px !important;
  }
  .theembrioproperty_text9 {
    font-size: 22px !important;
  }
  #formdisplay6127102c3d1b010014f807ac #capcha0 {
    margin-left: -0.7%;
    width: 107.6% !important;
    color: #9a9a9a;
    font-size: 16px;
  }
  #formdisplay61276d9f3d1b010014f81d05 #capcha0 {
    margin-left: -0.7%;
    width: 105.6% !important;
    color: #9a9a9a;
    font-size: 16px;
  }
  #formdisplay6127102c3d1b010014f807ac {
    width: 70% !important;
  }
  .theembrioproperty_img1 {
    margin-top: 5%;
  } 
  .theembrioproperty_text2 {
    font-size: 3.2em !important;
  }
  .theembrioproperty_text3 {
    font-size: 22px !important;
  }
  .theembrioproperty_text4 {
    font-size: 18px !important;
  }
  .theembrioproperty_button1 {
    font-size: 18px !important;
    padding: 1.5% 7% !important;
  }
  .theembrioproperty_text5 {
    font-size: 18px !important;
    margin-top: 16% !important;
  }
  .theembrioproperty_text6 {
    font-size: 3.2em !important;
  }
  .theembrioproperty_text7 {
    font-size: 20px !important;
  }
  .theembrioproperty_text8 {
    font-size: 20px !important;
  }
  .theembrioproperty_text10,
  .theembrioproperty_text11 {
    font-size: 20px !important;
  }
  .theembrioproperty_img2 {
    width: 67% !important;
    margin-top: 18% !important;
  }
  .theembrioproperty_img3 {
    width: 75% !important;
  }
  .theembrioproperty_padding4 {
    padding: 5% 0% 0% 0% !important;
    margin-top: 15% !important;
  }
  .theembrioproperty_text12 {
    font-size: 2.5em !important;
    margin-top: 2%;
  }
  .theembrioproperty_img4 {
    width: 97% !important;
  }
  .theembrioproperty_text15 {
    font-size: 3.2em !important;
  }
  .theembrioproperty_text16 {
    font-size: 18px !important;
  }
  .theembrioproperty_text17 {
    font-size: 16px !important;
  }
  .theembrioproperty_bg2 {
    padding: 10% 0% 7% 0% !important;
    margin-top: -13% !important;
  }
  .theembrioproperty_text20 {
    font-size: 36px !important;
  }
  .theembrioproperty_text21 {
    font-size: 16px !important;
  }
  .theembrioproperty_img10 {
    width: 80% !important;
  }
  .theembrioproperty_text22 {
    font-size: 3.5em !important;
  }
  .theembrioproperty_text24 {
    font-size: 28px !important;
  }
  .theembrioproperty_text25,
  .theembrioproperty_text26 {
    font-size: 20px !important;
  }
  .theembrioproperty_footer4 {
    font-size: 2.5em !important;
  }
  .theembrioproperty_footer7 {
    width: 40% !important;
  }
  .theembrioproperty_padding15 {
    padding: 4% 5% 10% 5% !important;
  }

  .picture_containers2 {
    font-size: 18px !important;
  }

  .theembrioproperty_padding2 {
    padding: 12% 10% 0% 10% !important;
  }
  .theembrioproperty_padding7 {
    width: 50% !important;
  }
  .theembrioproperty_img9 {
    margin-top: 5%;
  }
  #tebb .nav-justified {
    font-size: 22px !important;
  }
  #tebb {
    margin-top: 0% !important;
  }
  .theembrioproperty_imgg1 {
    width: 100.4%;
  }
  .theembrioproperty_imgg2 {
    width: 100%;
    margin: 0 auto;
    margin-right: 0;
  }
  .theembrioproperty_text18 {
    font-size: 28px !important;
  }
  .theembrioproperty_button2,
  .theembrioproperty_button3 {
    font-size: 26px !important;
    font-weight: 500 !important;
    padding: 3% !important;
    width: 45% !important;
  }
  .theembrioproperty_padding8 {
    padding: 3% 10% !important;
  }
  .theembrioproperty_text14-2 {
    font-size: 2.5em !important;
  }
  .theembrioproperty_img2-1 {
    width: 60% !important;
    margin-top: 15% !important;
  }
  .theembrioproperty_text14-1 {
    margin-left: 0% !important;
  }
  .theembrioproperty_bg6 {
    height: 880px !important;
  }
}

/*เฉพาะรูปแบบมีขอบ*/

.thumbnail img.imageGallery:hover {
  -webkit-transform: scale(1.1);
  transform: scale(0.98);
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.thumbnail .imageWidth.imageGallery {
  transform: scale(1);
  transition: 0.32s;
}
.thumbnail .imageWidth.imageGallery:hover {
  transform: scale(1.05);
  transition: 0.32s;
}

/**ห้ามเกินกรอบ**/
.thumbnail .imgLightbox {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
}

#background612752873d1b010014f818e4 .thumbnail {
  border: solid 0px #fff;
  background: #fff;
  color: #888075;
  border-radius: 0px;
  padding: 0% !important;
  box-shadow: 0px 0px 0px rgb(0 0 0 / 0%);
  transition: 0.5s;
  margin: 0% 5%;
}
#background612752873d1b010014f818e4 .thumbnail:hover {
  box-shadow: 0 0 0px 0 transparent;
  background: #fff;
  border-radius: 0px;
  color: #888075;
}

/*------------*/

figure.effect-selena {
  background: transparent;
}
figure.effect-apollo {
  background: transparent;
}

.fancybox-opened .fancybox-skin {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0);
}
.fancybox-skin {
  background: #fff;
  border-radius: 0px;
}
.fancybox-lock {
  overflow: auto;
}
.fancybox-margin {
  margin-right: 0px;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: hidden;
}

/*  jazz */
figure.effect-jazz figcaption::after {
  border-top: 0px solid transparent;
  border-bottom: 0px solid transparent;
}
figure.effect-jazz {
  background: transparent;
}

/*  Layout */
.boderedlayoutClient {
  border-top: 0px dashed transparent;
  border-left: 0px dashed transparent;
  border-right: 0px dashed transparent;
  border-bottom: 0px dashed transparent;
}

/*Testimonials Showcase*/
.testimonial {
  text-align: center;
  padding: 0px 0px 0px 0px;
  margin-top: 0px;
  border-top: 0px solid transparent;
  position: relative;
}
.testimonial:before {
  content: "\f10d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 50px;
  color: #4b489b;
  opacity: 0.5;
  display: none;
}
.testimonial .pic {
  width: 150px;
  height: 150px;
  border: 5px solid #4b489b;
  position: absolute;
  top: -80px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.testimonial .pic img {
  width: 100%;
  height: auto;
}
.testimonial .description {
  font-size: 14px;
  color: #6f6f6f;
  line-height: 25px;
  margin-bottom: 0px;
}
.testimonial .testimonial-title {
  display: block;
  text-align: right;
  font-size: 22px;
  color: #4b489b;
  margin: 0;
}
.testimonial .post {
  display: block;
  font-size: 12px;
  color: #6f6f6f;
  margin-top: 7px;
}
.owl-theme .owl-controls .owl-page span {
  width: 15px;
  height: 15px;
  background: transparent;
  margin-bottom: 30%;
  border: solid 1px #fff;
}
.owl-theme .owl-controls .owl-page span:hover {
  background: red;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  opacity: 1;
  background: #fff;
  border: solid 1px #fff;
}

@media only screen and (max-width: 479px) {
  .testimonial {
    padding: 80px 15px 5px;
  }
  .testimonial::before {
    top: 10px;
  }
  .testimonial .pic {
    width: 120px;
    height: 120px;
    top: -60px;
  }
  .testimonial {
    padding: 0px 0px 0px 0px;
  }
}

/*Testimonials Showcase*/

/* from*/



/* ฟอร์ม Style 1 */
#formdisplay6127102c3d1b010014f807ac .form-control {
  border: none;
  border: 1px solid #b98d6b;
  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);
  background-color: transparent;
  height: 60px;
  color: #9a9a9a !important;
}
#formdisplay6127102c3d1b010014f807ac .form-control:focus {
  border: 1px solid #534741;
}

#formdisplay6127102c3d1b010014f807ac .form-control:hover {
  border: 1px solid #534741;
}
#formdisplay6127102c3d1b010014f807ac .btn-default:hover,
#formdisplay6127102c3d1b010014f807ac .btn-default:focus {
  background-position: 0 0px;
  background: #534741;
}
#formdisplay6127102c3d1b010014f807ac .btn-default {
    background-repeat: repeat-x;
    border-color: #0000;
    padding: 15px 50px;
    font-size: 18px;
    border: 0px solid transparent;
    color: #fff;
    text-shadow: none;
    border-radius: 0px;
    background: #b98d6b;
    transition: 0.5s;
}
#btnview6127102c3d1b010014f807ac {
  margin-left: 30%;
}
#formdisplay6127102c3d1b010014f807ac ::placeholder {
  color: #9a9a9a;
}
#formdisplay6127102c3d1b010014f807ac span {
  display: none;
}
#formdisplay6127102c3d1b010014f807ac span.label {
  display: contents;
}
#formdisplay6127102c3d1b010014f807ac a#capchatxt {
  font-weight: 300;
  color: #9a9a9a;
  margin-left: 2%;
}
#formdisplay6127102c3d1b010014f807ac {
  width: 85%;
  margin: 0 auto;
}
/* ฟอร์ม Style 1 */

/* ฟอร์ม Style 2 */
#formdisplay61276d9f3d1b010014f81d05 .form-control {
  border: none;
  border: 1px solid #b98d6b;
  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);
  background-color: transparent;
  height: 50px;
  color: #9a9a9a !important;
}
#formdisplay61276d9f3d1b010014f81d05 .form-control:focus {
  border: 1px solid #534741;
}

#formdisplay61276d9f3d1b010014f81d05 .form-control:hover {
  border: 1px solid #534741;
}
#formdisplay61276d9f3d1b010014f81d05 .btn-default:hover,
#formdisplay61276d9f3d1b010014f81d05 .btn-default:focus {
  background-position: 0 0px;
  background: #534741;
}
#formdisplay61276d9f3d1b010014f81d05 .btn-default {
  background-repeat: repeat-x;
  border-color: #0000;
  padding: 10px 50px;
  font-size: 20px;
  border: 0px solid transparent;
  color: #fff;
  text-shadow: none;
  border-radius: 0px;
  background: #b98d6b;
  transition: 0.5s;
}
#btnview61276d9f3d1b010014f81d05 {
  margin-left: 30%;
}
#formdisplay61276d9f3d1b010014f81d05 ::placeholder {
  color: #9a9a9a;
}
#formdisplay61276d9f3d1b010014f81d05 span {
  display: none;
}
#formdisplay61276d9f3d1b010014f81d05 span.label {
  display: contents;
}
#formdisplay61276d9f3d1b010014f81d05 a#capchatxt {
  font-weight: 300;
  color: #9a9a9a;
  margin-left: 2%;
}
#formdisplay61276d9f3d1b010014f81d05 {
  width: 55%;
  margin: 0 auto;
}
/* ฟอร์ม Style 2 */

/*---Tab 1 ---*/

#tebb .nav-pills > li.active > a,
#tebb .nav-pills > li.active > a:focus,
#tebb .nav-pills > li.active > a:hover {
  color: #534741;
  background: transparent;
  border-bottom: solid 3px #b98d6b;
  border-radius: 0px;
}
#tebb .nav > li > a:focus,
#tebb .nav > li > a:hover {
  color: #534741;
  background-color: transparent;
  border-bottom: solid 3px #b98d6b;
  border-radius: 0px;
}
#tebb .nav-justified {
  text-align: center;
  color: #534741;
  background-color: transparent;
  border: solid 0px transparent;
  font-weight: 500;
  font-size: 18px;
}
#tebb .nav-justified > li {
  display: block;
}
#tebb .nav-pills > li > a {
  color: #b98d6b;
      background-color: transparent;
}
#tebb .nav-pills > li {
  width: 15%;
}
#tebb {
  margin-top: 2%;
  margin-bottom: 5%;
}
/*---Tab 1  ---*/

/*---Tab 2 ---*/

#teba .nav-pills > li.active > a,
#teba .nav-pills > li.active > a:focus,
#teba .nav-pills > li.active > a:hover {
  color: #b98d6b;
  background: transparent;
  border-bottom: solid 3px transparent;
  border-radius: 0px;
}
#teba .nav > li > a:focus,
#teba .nav > li > a:hover {
  color: #b98d6b;
  background-color: transparent;
  border-bottom: solid 3px #b98d6b;
  border-radius: 0px;
}
#teba .nav-justified {
  text-align: center;
  color: #b98d6b;
  background-color: transparent;
  border: solid 0px transparent;
  font-weight: 500;
  font-size: 22px;
  width: 40%;
  margin: 0 auto;
  display: block;
}
#teba .nav-pills > li > a {
    color: #fff;
    background-color: transparent;
}
#teba .nav-pills > li {
  float: left;
  width: 49%;
}
#teba {
  margin-top: 3%;
  margin-bottom: 1%;
}

/*---Tab 2  ---*/

/* class หน้าต้นแบบ */

.theembrioproperty_register:hover {
  background-color: #534741;
}
.theembrioproperty_register {
  font-size: 16px;
  background-color: #b98d6b;
  color: #fff;
  padding: 5% 10%;
  width: fit-content;
  margin: 0 auto;
  border-radius: 30px;
  transition: 0.5s;
}
.theembrioproperty_footer1 {
  width: 30%;
  margin-bottom: 5%;
}
.theembrioproperty_footer2 {
  font-size: 16px;
  color: #e3e0d2;
}
.theembrioproperty_footer3 {
  font-size: 16px;
  font-weight: 300;
  color: #e3e0d2;
}
.theembrioproperty_footer4 {
  font-size: 2em;
  font-weight: 500;
  margin-top: 2%;
  color: #e3e0d2;
}
.theembrioproperty_footer5 {
  font-size: 16px;
  margin-bottom: 5%;
  margin-top: 20%;
  color: #ffffff;
}
.theembrioproperty_footer6 {
  font-size: 16px;
  white-space: break-spaces;
  font-weight: 300;
  color: #e3e0d2;
  line-height: 1.8;
}
.theembrioproperty_footer7 {
  width: 60%;
}
.theembrioproperty_footer8 {
  font-size: 14px;
  font-weight: 300;
  color: #e3e0d2;
  margin-top: 5%;
}
.theembrioproperty_footerpd {
  margin-left: 20%;
  margin-right: -20%;
}

/* class  */

.picture_containers {
  width: 50%;
  display: inline-block;
  padding: 10px;
  margin-top: 2%;
}
.picture_containers1 {
  width: 50%;
  display: inline-block;
  padding: 10px;
}
.picture_containers2 a {
  color: #736964;
}
.picture_containers2 {
  width: 14%;
  display: inline-block;
  padding: 10px 2px;
  text-align: center;
  font-size: 16px;
  color: #736964;
  white-space: nowrap;
}
.slides_img {
  padding: 2%;
}

.theembrioproperty_button1:hover {
  background-color: #534741;
}
.theembrioproperty_button1 {
  font-size: 16px;
  background-color: #b98d6b;
  color: #fff;
  text-align: center;
  padding: 4% 10%;
  width: fit-content;
  margin-top: 0%;
  transition: 0.5s;
}
.theembrioproperty_button2:hover {
  background-color: #b98d6b;
}
.theembrioproperty_button2 {
  font-size: 16px;
  color: #fff;
  background-color: #534741;
  padding: 4%;
  width: 60%;
  margin: 0 auto;
  margin-bottom: 3%;
  transition: 0.5s;
}
.theembrioproperty_button3:hover {
  background-color: #534741;
  color: #fff;
  border: solid 1px #534741;
}
.theembrioproperty_button3 {
  font-size: 16px;
  color: #534741;
  background-color: #fff;
  border: solid 1px #b98d6b;
  padding: 4%;
  width: 60%;
  margin: 0 auto;
  margin-bottom: 3%;
  transition: 0.5s;
}

.theembrioproperty_bg1 {
  background-color: #fff;
  margin-bottom: 1.5%;
  box-shadow: 0px 3px 15px 0px rgb(199 199 199);
}
.theembrioproperty_bg2 {
  background-color: #fff;
  text-align: center;
  padding: 10% 0% 10% 0%;
  box-shadow: 0px 3px 15px 0px rgb(199 199 199);
  margin-top: -15%;
}
.theembrioproperty_bg3 {
  background-color: #c1d3bb;
  padding: 13% 5%;
  text-align: center;
}
.theembrioproperty_bg4:hover,
.theembrioproperty_bg5:hover,
.theembrioproperty_bg6:hover {
  transform: scale(1.02);
  box-shadow: 0 0 5px rgb(162 162 162 / 20%);
}
.theembrioproperty_bg4 {
  background-color: #e1dfd2;
  padding: 5% 5% 10% 5%;
  border-radius: 30px;
  transition: 0.5s;
}
.theembrioproperty_bg5 {
  background-color: #fff;
  padding: 5% 5% 10% 5%;
  border-radius: 30px;
  transition: 0.5s;
}
.theembrioproperty_bg6 {
  background-color: #fff;
  padding: 5% 5% 10% 5%;
  border-radius: 30px;
  height: 720px;
  transition: 0.5s;
}

.theembrioproperty_img1 {
  width: 30%;
  margin: 0 auto;
  margin-bottom: 2%;
}
.theembrioproperty_img2 {
  width: 75%;
  margin: 0 auto;
  margin-top: 25%;
}
.theembrioproperty_img2-1 {
  width: 75%;
  margin: 0 auto;
  margin-top: 8%;
}
.theembrioproperty_img3 {
  width: 85%;
  margin: 0 auto;
  margin-top: -25%;
}
.theembrioproperty_img4 {
  width: 97.5%;
  margin: 0 auto;
  margin-left: 0;
  margin-bottom: 1.5%;
}
.theembrioproperty_img5 {
  margin-bottom: 0.5%;
}
.theembrioproperty_img6 {
  width: 98%;
  margin: 0 auto;
  margin-left: 0;
  margin-bottom: 1.5%;
}
.theembrioproperty_img7 {
  width: 100.1%;
  margin-left: -0.2%;
}
.theembrioproperty_img8 {
  width: 30%;
  margin: 0 auto;
}
.theembrioproperty_img9 {
  width: 75%;
  margin: 0 auto;
}
.theembrioproperty_img10 {
  width: 90%;
  margin: 0 auto;
  margin-top: 8%;
}
.theembrioproperty_img11 {
  text-align: right;
  margin-top: 5%;
}
.theembrioproperty_img12 {
  width: 70%;
  margin: 0 auto;
  margin-bottom: 5%;
}
.theembrioproperty_img13 {
  width: 100%;
  margin: 0 auto;
}

.theembrioproperty_padding0 {
  padding: 1%;
}
.theembrioproperty_padding1 {
  padding: 15% 0% 10% 0%;
}
.theembrioproperty_padding2 {
  padding: 10% 8% 0% 8%;
}
.theembrioproperty_padding3 {
  margin-bottom: 5%;
}
.theembrioproperty_padding4 {
  padding: 3% 0% 0% 0%;
  margin-top: 8%;
  border-top: solid 2px #818061;
}
.theembrioproperty_padding5 {
  margin-top: 3%;
}
.theembrioproperty_padding6 {
  margin-top: 4%;
  margin-bottom: 3%;
}
.theembrioproperty_padding7 {
  width: 75%;
  margin: 0 auto;
  margin-top: 3%;
}
.theembrioproperty_padding8 {
  padding: 3% 0%;
}
.theembrioproperty_padding9 {
  padding-bottom: 2%;
}
.theembrioproperty_padding10 {
  margin-left: 5%;
  margin-right: -5%;
}
.theembrioproperty_padding11 {
  margin-top: 17%;
}
.theembrioproperty_padding12 {
  padding: 3% 2% 2% 2%;
}
.theembrioproperty_padding13 {
  padding: 5% 5% 10% 5%;
}
.theembrioproperty_padding14 {
  margin-top: 5%;
}
.theembrioproperty_padding15 {
  padding: 6% 5% 10% 5%;
}

.theembrioproperty_topic {
  font-size: 3.2em;
  font-weight: 600;
  color: #534741;
  margin-top: 3%;
  margin-bottom: 2%;
  text-transform: uppercase;
}
.theembrioproperty_topic1 {
  font-size: 2.5em;
  font-weight: 600;
  color: #534741;
  text-align: center;
  margin-top: 5%;
  margin-bottom: 1%;
}

.theembrioproperty_bd2 {
  border-bottom: solid 2px #818061;
  margin-top: 12%;
}

.theembrioproperty_text1 {
  font-size: 18px;
  text-align: center;
  color: #b98d6b;
  padding: 1% 0%;
}
.theembrioproperty_text1-bd {
  border-left: solid 1px #e3e0d2;
  height: 35px;
  width: 50%;
  margin: 0 auto;
  margin-right: 0;
}
.theembrioproperty_text1-bd1 {
  margin-top: 2%;
}

.theembrioproperty_text2 {
  font-size: 2.5em;
  font-weight: 600;
  white-space: break-spaces;
  color: #534741;
}
.theembrioproperty_text3 {
  font-size: 20px;
  font-weight: 600;
  color: #b98d6b;
  margin-bottom: 4%;
  margin-top: 4%;
}
.theembrioproperty_text4 {
  font-size: 16px;
  font-weight: 300;
  white-space: break-spaces;
  color: #534741;
}
.theembrioproperty_text5 {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  margin-top: 20%;
  margin-bottom: 3%;
  letter-spacing: 3px;
}
.theembrioproperty_text6 {
  font-size: 2.5em;
  font-weight: 600;
  color: #534741;
}
.theembrioproperty_text7 {
  font-size: 18px;
  font-weight: 300;
  color: #534741;
}
.theembrioproperty_text8 {
  font-size: 18px;
  font-weight: 300;
  color: #b98d6b;
  text-align: right;
  margin-top: 9%;
}
.theembrioproperty_text9 {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: #b6a188;
}
.theembrioproperty_text10 {
  font-size: 16px;
  font-weight: 300;
  color: #534741;
  white-space: break-spaces;
  margin-bottom: 5%;
}
.theembrioproperty_text11 {
  font-size: 16px;
  font-weight: 300;
  color: #534741;
  margin-top: 5%;
}
.theembrioproperty_text12 {
  font-weight: 600;
  font-size: 2em;
  color: #534741;
}
.theembrioproperty_text13 {
  font-size: 20px;
  font-weight: 600;
  color: #818061;
}
.theembrioproperty_text14 {
  font-size: 20px;
  font-weight: 400;
  text-align: left;
  color: #818061;
  white-space: nowrap;
}
.theembrioproperty_text14-1 {
  font-size: 20px;
  margin-top: 12%;
  margin-left: 5%;
  color: #818061;
  font-weight: 400;
}
.theembrioproperty_text14-2 {
  font-size: 2em;
  font-weight: 500;
  color: #818061;
}
.theembrioproperty_text15 {
  font-size: 2.5em;
  font-weight: 600;
  text-align: center;
  color: #534741;
  margin-bottom: 2%;
}
.theembrioproperty_text16 {
  font-size: 16px;
  color: #534741;
  font-weight: 600;
}
.theembrioproperty_text17 {
  font-size: 14px;
  font-weight: 300;
  white-space: break-spaces;
  color: #888075;
  margin-top: 5%;
}
.theembrioproperty_text18 {
  font-size: 22px;
  white-space: break-spaces;
  color: #534741;
  font-weight: 500;
  margin-top: 30%;
}
.theembrioproperty_text19 {
  font-size: 16px;
  color: #fff;
  text-align: left;
  white-space: break-spaces;
}
.theembrioproperty_text20 {
  font-size: 22px;
  font-weight: 600;
  white-space: break-spaces;
  color: #534741;
  margin-top: 8%;
}
.theembrioproperty_text21 {
  font-size: 14px;
  font-weight: 300;
  color: #888075;
  white-space: nowrap;
}
.theembrioproperty_text22 {
  font-size: 2.5em;
  font-weight: 600;
  text-align: center;
  color: #534741;
  margin-top: 4%;
  margin-bottom: 2%;
}
.theembrioproperty_text23 {
  background-color: #b98d6b;
  color: #fff;
  text-align: center;
  width: fit-content;
  padding: 3% 10%;
  margin: 0 auto;
  margin-top: -12%;
  z-index: 1;
  position: relative;
}
.theembrioproperty_text24 {
  font-size: 20px;
  color: #534741;
  font-weight: 500;
}
.theembrioproperty_text25 {
  font-size: 16px;
  font-weight: 300;
}
.theembrioproperty_text26 {
  font-size: 16px;
  font-weight: 300;
  margin-top: 10%;
}
.theembrioproperty_text27 {
  font-size: 20px;
  font-weight: 600;
  color: #534741;
  text-align: center;
  margin-bottom: 1%;
}
.theembrioproperty_text28 {
  font-size: 16px;
  text-align: center;
  white-space: break-spaces;
  margin-bottom: 5%;
  color: #b98d6b;
}
.theembrioproperty_text29 {
  font-size: 22px;
  font-weight: 500;
  margin-top: 5%;
  margin-bottom: 2%;
  padding: 0% 5%;
}
.theembrioproperty_text30 {
  font-size: 18px;
  text-align: left;
  white-space: break-spaces;
  padding: 0% 5%;
}
.theembrioproperty_text31 {
  font-size: 26px;
  font-weight: 500;
  border-bottom: solid 1px #ccc;
  margin-bottom: 1%;
}

.theembrioproperty_tborder1 {
  border-top: 1px solid #b98d6b;
}

.itopplus-border {
  border: 1px solid #b98d6b;
  display: none;
}

#background612752873d1b010014f818e4 {
  width: 70%;
  margin: 0 auto;
}


@media only screen and (max-width: 900px) {
  .itopplus-search {
    display: none;
  }

  .navbar-default .navbar-brand {
    padding: 11px;
  }
  .itopplus-search-image-flex-container {
    width: 100% !important;
    display: inline-block !important;
  }

  .itopplus-search-image-flex-item {
    background-color: #fafafa !important;
    display: inherit;
    padding: 10px 10px 10px 10px !important;
    margin: 0px !important;
    width: 50% !important;
    float: left;
    box-shadow: rgb(0 0 0 / 19%) 0px 0 0, rgb(0 0 0 / 23%) 0px 0 0 !important;
    min-height: 200px !important;
    max-height: 200px !important;
  }
  .itopplus-search-shopcart-image img {
    width: 90% !important;
  }
  #itp-shopcart-detail {
    padding-left: 0 !important;
  }
  .itopplus-search-shopcart-image {
    height: auto !important;
    overflow: hidden;
  }
  .itopplus-search-shopcart-image img {
    width: 100% !important;
  }
  .search_text {
    text-align: center;
  }
  .itopplus-search-shopcart-image {
    background: #f6f8f8;
  }

  .picture_containers2 {
    font-size: 12px;
  }
  .theembrioproperty_text9 {
    font-size: 16px;
  }
  #display4,
  #display6,
  #display8 {
    margin-right: -7%;
  }
  #formdisplay6127102c3d1b010014f807ac #capcha0 {
    margin-left: -0.7%;
    width: 116.6% !important;
    color: #9a9a9a;
    font-size: 16px;
  }
  #formdisplay61276d9f3d1b010014f81d05 #capcha0 {
    margin-left: -0.7%;
    width: 112.6% !important;
    color: #9a9a9a;
    font-size: 16px;
  }
  #btnview6127102c3d1b010014f807ac {
    margin-left: 18%;
  }
  .theembrioproperty_text2,
  .theembrioproperty_text6 {
    font-size: 2em;
  }
  .theembrioproperty_text4 {
    font-size: 16px;
    white-space: inherit;
  }
  .theembrioproperty_text10 {
    font-size: 16px;
    white-space: inherit;
  }
  .theembrioproperty_text12 {
    font-size: 16px;
  }
  .theembrioproperty_padding3 {
    margin-bottom: 0%;
  }
  .theembrioproperty_text14 {
    font-size: 10px;
  }
  .theembrioproperty_text13 {
    font-size: 10px;
  }
  .theembrioproperty_padding4 {
    padding: 0% 0% 0% 0%;
  }
  .theembrioproperty_padding2 {
    padding: 6% 8% 0% 8%;
  }
  #tebb .nav-pills > li {
    width: 25%;
  }
  .theembrioproperty_text15 {
    font-size: 2em;
    margin-top: 2%;
  }
  #slider612717e63de8ad0014369bf0 {
    margin-bottom: -2%;
  }
  .theembrioproperty_text17 {
    font-size: 14px;
  }
  .theembrioproperty_text16 {
    font-size: 14px;
  }
  .theembrioproperty_text20 {
    font-size: 16px;
  }
  .theembrioproperty_text21 {
    font-size: 10px;
    white-space: inherit;
  }
  .picture_containers1 {
    display: inline-grid;
  }
  .theembrioproperty_text18 {
    font-size: 18px;
    white-space: inherit;
  }
  .theembrioproperty_padding7 {
    width: 100%;
  }
  .theembrioproperty_text19 {
    white-space: inherit;
  }
  .theembrioproperty_bg3 {
    padding: 37% 5%;
  }
  #background612752873d1b010014f818e4 {
    width: 100%;
  }
  .theembrioproperty_text14-2 {
    font-size: 24px;
  }
  .theembrioproperty_bd2 {
    margin-top: 25%;
  }
  .theembrioproperty_text14-1 {
    font-size: 16px;
    margin-top: 6%;
  }
  .itopplus-bgmain4 {
    height: inherit !important;
  }
  #background61bafe07fd4fae0013f7bc88 {
    display: none;
  }
  .theembrioproperty_footer4 {
    font-size: 24px;
  }
  .theembrioproperty_text30 {
    font-size: 16px;
    white-space: inherit;
  }
  .theembrioproperty_text29 {
    font-size: 18px;
  }
  .theembrioproperty_bg4 {
    height: 450px;
  }
  .theembrioproperty_bg6 {
    height: 570px;
  }
  .theembrioproperty_bg5 {
    height: 400px;
  }
}

@media only screen and (max-width: 480px) {
  .theembrioproperty_menu {
    display: none;
  }
  #imagesControl6126fa7281a23b00140cd1b5 {
    padding: 0px !important;
  }
  .theembrioproperty_text1 {
    font-size: 16px;
  }
  #formdisplay6127102c3d1b010014f807ac {
    width: 100%;
  }
  #formdisplay6127102c3d1b010014f807ac #capcha0 {
    margin-left: -1.7%;
    width: 114.6% !important;
    color: #9a9a9a;
    font-size: 16px;
    margin-top: -5%;
  }
  .theembrioproperty_text5 {
    margin-top: 0%;
    font-size: 14px;
  }
  #tebb .nav-justified > li {
    display: contents;
  }
  #teba .nav-justified {
    display: contents;
  }
  .theembrioproperty_text15 {
    font-size: 24px;
  }
  #imagesControl612717e63de8ad0014369bf0 {
    padding: 0px !important;
  }
  .theembrioproperty_text16 {
    font-size: 18px;
  }
  .theembrioproperty_text17 {
    font-size: 16px;
  }
  .picture_containers1 {
    width: 100%;
  }
  .theembrioproperty_text20 {
    font-size: 20px;
  }
  .theembrioproperty_text21 {
    font-size: 14px;
  }
  .theembrioproperty_text22 {
    font-size: 2em;
  }
  #background612752873d1b010014f818e4 .thumbnail {
    margin: 0% 0% 10% 0%;
  }
  .theembrioproperty_topic {
    font-size: 2em;
  }
  .theembrioproperty_img12 {
    width: 100%;
    margin-bottom: 160%;
  }
  #imagesControl6126fb40879adc0013ccbb76 {
    padding: 0px !important;
  }
  .theembrioproperty_topic1 {
    font-size: 2em;
  }
  #formdisplay61276d9f3d1b010014f81d05 {
    width: 100%;
  }
  #formdisplay61276d9f3d1b010014f81d05 #capcha0 {
    margin-left: -1.7%;
    width: 115.6% !important;
    color: #9a9a9a;
    font-size: 16px;
  }
  #btnview61276d9f3d1b010014f81d05 {
    margin-left: 17%;
  }
  .theembrioproperty_text27 {
    font-size: 16px;
  }
  .theembrioproperty_text28 {
    font-size: 14px;
    white-space: inherit;
  }
  .theembrioproperty_img6 {
    width: 100%;
  }
  .theembrioproperty_img5 {
    margin-bottom: 3%;
  }
  .theembrioproperty_img4 {
    width: 100%;
    margin-bottom: 3%;
  }
  .theembrioproperty_img7 {
    margin-bottom: 3%;
  }
  #Component6127199e879adc0013ccc2be {
    margin-bottom: -3%;
  }
  .theembrioproperty_bg3 {
    padding: 10% 5%;
  }
  .theembrioproperty_text18 {
    font-size: 20px;
    margin-top: 10%;
  }
  .itopplus-bgmain {
    background-image: none;
  }
  #imagesControl61a8989853f32600142bd733 {
    padding: 0% 10px 5% 10px !important;
  }
  .itopplus-bgmain4 {
    height: inherit !important;
  }

  .theembrioproperty_padding4 {
    padding: 5% 0% 0% 0%;
  }
  .picture_containers {
    width: 100%;
    padding: 0px 0px 10px;
  }

  .theembrioproperty_text14-1 {
    margin-top: 8%;
  }
  .theembrioproperty_bd2 {
    margin-top: 5%;
    margin-bottom: 5%;
  }
  .theembrioproperty_padding3-1 {
    margin-bottom: 5%;
  }
  .theembrioproperty_padding2 {
    padding: 6% 8% 6% 8%;
  }
  .theembrioproperty_text14-2 {
    font-size: 1.5em;
  }
  #imagesControl61bafae21ee2420013756eac {
    padding: 0px !important;
  }
  #editor3,
  #editor4,
  #editor5,
  #editor6,
  #editor7,
  #editor8,
  #editor9 {
    display: none;
  }

  #formdisplay6127102c3d1b010014f807ac .form-group {
    margin-bottom: 1% !important;
  }
  #text9 {
    margin-bottom: -7%;
    margin-top: -4%;
  }
  #editor12 {
    display: none;
  }
  #btnview6127102c3d1b010014f807ac {
    margin-left: 22%;
  }
  #background61bafe07fd4fae0013f7bc88 {
    display: block;
  }
  .img-home {
    width: 150%;
  }
  #contentnewmode6126fa1f81a23b00140cd18e {
    display: none;
  }
  .theembrioproperty_text4 {
    font-size: 16px;
    white-space: break-spaces;
  }
  .theembrioproperty_text2 {
    font-size: 2em;
    white-space: break-spaces;
  }
  .theembrioproperty_footer4,
  .theembrioproperty_footerpd {
    display: none;
  }
  .theembrioproperty_footer5 {
    margin-top: 0%;
  }
  .theembrioproperty_img3 {
    width: 75%;
  }
  .theembrioproperty_text14,
  .theembrioproperty_text13 {
    font-size: 16px;
  }
  .theembrioproperty_bg4,
  .theembrioproperty_bg5,
  .theembrioproperty_bg6 {
    height: inherit;
  }
}

/****************************** theembrio ******************************/














/****************************** embrio-lite ******************************/
/*
.itopplus-bg {
  background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_07032021wk4b/0/0/1z-z135163960923.webp");
  background-repeat: no-repeat;
  background-size:cover;
  background-position: bottom;
}

.itopplus-bg {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_07032021wk4b/0/0/bg-bgz-z832398952254.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}*/

.itopplus-bg {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_07032021wk4b/0/0/web-bannerregisterz-z1708173052939.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}



.itopplus-bg2 {
  /*background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_07032021wk4b/0/0/2z-z662006998096.webp"); 
  background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_07032021wk4b/0/0/bgz-z1209340341473.webp);*/
  background-image: url("http://itp1.itopfile.com/ImageServer/z_itp_07032021wk4b/0/0/bg-bgz-z595505915109.webp");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom;
}
.itopplus-bg3 {
  background-color: #f2f7f2;
}
.itopplus-bg6 {
  background-color: #002e1b;
  color: #fff;
}
.itopplus-bg7 {
  background-color: #f3f8f2;
}
.itopplus-bg8 {
    background-color: #f2f7f2;
}

#theme2 .itopplus-footer {
  background-color: #1a1a1a;
  color: #fff;
}

#theme2 #controlBanner img {
  content: url(https://itp1.itopfile.com/ImageServer/z_itp_07032021wk4b/0/0/embrio-litez-z1490058716617.png);
}



.nav>li>a {
    font-size: 18px;
}




@media screen and (min-width: 1024px) {
  #theme2 .itopplus-banner {
    display: grid;
    grid-template-columns: 10% 75% 10%;

    align-items: center;
    background: #1a1a1a;
    padding: 0 10px;
    justify-content: space-between;
  }
  #theme2 .itopplus-banner *:not(i):before,
  #theme2 .itopplus-banner *:not(i)::after {
    display: none;
  }

  #theme2 #controlBanner {
    object-fit: contain;
    padding: 15px;
  }

  .itopplus-menu2 .menuVertical > ul {
    display: flex;
    justify-content: flex-end;
  }

  .itopplus-menu2 li,
  .itopplus-menu2 a {
    color: #fff !important;
    background: transparent !important;
    background-color: transparent !important;
  }

  .itopplus-search2 {
    color: #fff;
  }
}




@media screen and (min-width: 1900px) {
  #theme2 .container {
    width: 90vw;
  }
}

@media screen and (min-width: 1500px) and (max-width: 1660px){
  .fix-screen {
  	width: 1260px !important;
  }
}



@media screen and (max-width: 992px) {
    #controlBanner img {
    position: fixed;
    top: 10px;
    left: 0;
    right: 0;
    width: 85px !important;
    margin: 0 auto;
    z-index: 10000;
  }
  
  .itopplus-menu2 {
    display: none;
  }

  #theme2 #nav-menu,
  #theme2 #ItopplusMainSidebar > div {
    background: #010101 !important;
  }
  
  
     #theme2 #itpMenuSideBar span {
        background-color: #fff !important;
    }
  
   #theme2 #controlMenu * {
        color: #fff !important;
        border: none;
    }

  #nav-menu {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
  }

  .navbar-header::before,
  .navbar-header::after,
  .navbar-header *:not(a.visible-xs, img, button, span, .navbar-inline:first-child) {
    display: none !important;
  }

  .navbar-header {
    display: flex !important;
    align-items: center;
    height: 100%;
    width: 100%;
    padding-right: 5px;
  }

  .navbar-header > a {
    display: grid !important;
    place-items: center;
    place-content: center;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    height: 50px !important;
    width: 40px !important;
  }

  #itpMenuSideBar {
    display: grid !important;
    place-items: center;
    height: 50px !important;
    width: 40px !important;
    border: none;
    margin: 0 !important;
    padding: 0 !important;
    background: 0 0 !important;
    background-color: transparent !important;
  }

  #itpMenuSideBar span {
    height: 3px !important;
    width: 25px !important;
    margin: 5px 0 !important;
  }

  #itpphonemobile {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/telz-z77323662137.png) !important;
  }

  #itpsearchmobile {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/searchz-z1134319420589.png) !important;
  }

  .old-image-icon-facebook {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/facebookz-z1318628404704.png) !important;
  }

  .old-image-icon-line {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/linez-z1655517020729.png) !important;
  }

  .old-image-icon-instragram {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/instagramz-z1066049211157.webp) !important;
  }

  .old-image-icon-youtube {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/youtubez-z1416596488876.webp) !important;
  }

  .new-image-icon-twitter {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/cf-twitterz-z1322532545693.webp) !important;
  }

  .menu-mobile-custom img,
  #main-navbar-flag img {
    height: 30px !important;
    width: 30px !important;
  }

  #languagemobile {
    order: 10;
  }

  #main-navbar-flag {
    margin: 0 !important;
    padding: 0 !important;
  }

  #main-navbar-flag a .row::before,
  #main-navbar-flag a .row::after {
    display: none;
  }

  #main-navbar-flag a {
    width: 100%;
  }

  #main-navbar-flag a .row {
    display: grid;
    grid-template-columns: 35px 120px;
    place-content: center;
    place-items: center;
    width: 100%;
    gap: 10px;
    margin: 5px 0 10px;
  }

  #main-navbar-flag a .row > div {
    white-space: nowrap;
    width: 100% !important;
    margin: 0 !important;
    padding: 0;
  }

  #main-navbar-collapse {
    display: none !important;
  }
}

















/*อัลบั้มในเนื้อหาระบบ jazz*/
.contenemanager-gallery .col-xs-12.col-md-3 {
  padding-left: 10px;
  padding-right: 10px;
  width: 33.333%;
}
.Contenemanager-gallery .thumbnail {
  padding: 0px;
  border: 0px solid #fff;
  border-radius: 0px;
  transition: 0.3s;
}
.Contenemanager-gallery .thumbnail:hover {
  transform: scale(1.1);
  transition: 0.3s;
  position: relative !important;
  overflow: hidden !important;
}
.Contenemanager-gallery .thumbnail,
.img-thumbnail {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.075);
  border-radius: 0px;
  transform: scale(1) !important;
}

#Contentmanager img.img-responsive {
  border-radius: 0px;
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  transition: 0.5s;
}
#Contentmanager img.img-responsive:hover {
  transform: scale(1.1);
  transition: 0.3s;
  position: relative !important;
  overflow: hidden !important;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: transparent;
}
#Contentmanager .thumbnail {
  background-color: transparent;
  position: relative !important;
  overflow: hidden !important;
  border: 0px solid #ebd2c2;
  padding: 0px;
  border-radius: 0px;
}
#Contentmanager .thumbnail:hover {
  border-radius: 0px;
}
.img-thumbnail,
.thumbnail {
  box-shadow: 0 0px 0px rgb(0 0 0 / 8%);
}

/* contenemanager */

.social-icon {
  border-radius: 5px;
}
.managerHeader {
    font-size: 2.5em;
    padding: 2% 0% 2%;
    text-transform: capitalize;
    font-weight: 600;
    color: #002e1b;
    text-align: center;
}
#Contentmanager .post-time {
  font-size: 14px;
  font-weight: 300;
  color: #1e2a27;
  display: none;
}
.Contentmanager .site .col-section .item.-micro a:hover .caption .title {
  color: #000;
}
.Contentmanager .site .col-section .item.-micro a .caption .title {
    font-size: 18px;
    color: #000000;
    padding: 0% 0% 0%;
    font-weight: 600;
    line-height: normal;
    height: 50px;
    margin-bottom: 5%;
    text-align: left;
 
}
/*
.Contentmanager .site .col-section .item.-micro a:hover .caption .time {
  background-color: #7f141a;
   color: #fff;
}*/
.Contentmanager .site .col-section .item.-micro a:hover .caption .time .article-b {
  background-color: #002e1b;
      border: solid 1px #002e1b;
  color: #fff;
}
.Contentmanager .site .col-section .item.-micro a .caption .time {
  font-size: 14px;
}
article.col-md-6.item.-micro {
  width: 24%;
}
.Contentmanager .site .col-section .item.-micro {
  padding: 0px 0px 0px 0px;
}
.Contentmanager .site .col-section .item.-micro a .image {
  width: 100%;
  margin-bottom: 0px;
  border-radius: 0px;
}
.Contentmanager .site .col-section .item.-micro a .caption {
  width: 100%;
  background: transparent;
  padding: 8% 0% 0% 0%;
}
.Contentmanager .site .col-section .item.-micro:nth-child(odd) {
  border-right: none;
  border-bottom: none;
  margin: 0.5%;
  background: #fff;
  border: solid 0px #cdcdcd;
  border-radius: 0px;
  padding: 0%;
  /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
}
.Contentmanager .site .col-section .item.-micro:nth-child(even) {
  border-right: none;
  border-bottom: none;
  margin: 0.5%;
  background: #fff;
  border: solid 0px #cdcdcd;
  border-radius: 0px;
  padding: 0%;
  /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
}
.Contentmanager .site .col-section .item.-micro a .post {
  display: none;
}
.fbcomments,
.fbcomments {
  display: none;
}
.nav-template7 li a {
  color: #1c1c1c;
  display: inline-block;
  font-size: 18px !important;
}
.nav-template7 li:hover {
  background-color: #fff7ef;
  text-decoration: none;
}
#contenttype71 {
  font-size: 16px;
  text-align: left;
}
.nav-template7 .fa-plus:before {
  content: "\f101";
  color: #186c8c;
}
.col-md-12.text-justify {
  padding-right: 5px;
  padding-left: 5px;
}
.Textmanager.font-inherit {
  display: flow-root;
}
.page-header {
  border-bottom: 0px solid #eee;
}

#Contentmanager .img-thumbnail {
  border: 0px solid #ddd;
  background: transparent;
}
#Contentmanager .col-md-offset-2 {
  margin-left: 0%;
  padding-right: 0px;
  padding-left: 0px;
}

/* 
#Contentmanager .col-md-8 {
    width: 100%;
}*/

/* contenemanager */

/* contenemanager เรื่องที่น่าสนใจ */

.landingpagemanager {
  display: block;
}
.landingpagemanager #relateContentTitle {
  font-size: 22px !important;
  font-weight: 600;
  color: #000;
}
.landingpagemanager .fa-comments:before {
  display: none;
}
.landingpagemanager {
  padding: 0px;
  margin-left: -1%;
  margin-right: -1%;
  margin-top: 30px;
  border-radius: 0px;
  border: solid 0px #eee;
}
.landingpagemanager .nav-template {
  margin-top: 1%;
}
.landingpagemanager li.col-md-6.col-sm-6.col-xs-12.maxHeight-TP5:hover .article-b {
  background-color: #cf9a67;
  color: #000;
}
.landingpagemanager li.col-md-6.col-sm-6.col-xs-12.maxHeight-TP5 {
  width: 24%;
  background: #fff;
  border: 0px solid #e6c806 !important;
  margin: 5px;
  border-radius: 0px;
  display: inline-table;
  padding: 0%;
}
.landingpagemanager .col-md-4.col-sm-4.col-xs-4.padding {
  width: 100%;
  padding: 0% 0 !important;
}
.landingpagemanager .col-md-8.col-sm-8.col-xs-12 {
  width: 100%;
  text-align: center;
  padding: 0% 0% 5%;
}
.landingpagemanager .col-md-8.col-sm-8.col-xs-12 strong {
  font-size: 16px;
  height: 50px;
  display: block;
  margin-top: 5%;
  font-weight: 400;
  text-align: center;
  color: #000;
  margin-bottom: 0%;
}

/*
.landingpagemanager .btn-sm p {
    font-size: 14px ! IMPORTANT;
}
.landingpagemanager .btn-group-sm>.btn, .landingpagemanager .btn-sm {
    font-size: 16px;
}
.landingpagemanager .col-md-8.col-sm-8.col-xs-12 p {
    background: #e6c806;
    color: #000;
    border: none;
    font-size: 0.9em;
    padding: 6px 20px;
    font-weight: 600;
    border-radius: 50px;
    display: block;
    margin: 5% auto 0;
    transition: 0.5s;
    width: max-content;
}
.landingpagemanager .col-md-8.col-sm-8.col-xs-12:hover p  {
    background: #708c37;
    color: #fff;
}
*/
.landingpagemanager .img-container {
  padding-bottom: 100%;
  display: block;
  overflow: hidden;
  border-radius: 0px;
}
.landingpagemanager .img-container .img {
  transition: 0.35s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.landingpagemanager .img-container .img:hover {
  -webkit-transform: scale3d(1.05, 1.05, 1);
  transform: scale3d(1.05, 1.05, 1);
  transition: 0.35s;
}
.landingpagemanager .article-t {
  font-size: 14px;
  text-align: left;
}
.landingpagemanager .article-b {
  font-size: 14px;
}
.landingpagemanager .btn-sm p {
  display: none;
}

/*
.PitCustomClass2 {
    width: 70%;
}
.PitCustomClass4 {
    width: 30%;
    height: -webkit-fill-available;
}
.PitCustomClass1 {
    display: flex;
    gap: 30px;
}
*/

/* contenemanager เรื่องที่น่าสนใจ */

/*---สไลด์---*/


#background678481b50f338600139ce6df .glyphicon-chevron-left:before,
#background678481b50f338600139ce6df .glyphicon-chevron-right:before {
  display: none;
}

#background6784e5c1dd24e30013340dda .glyphicon-chevron-left:before,
#background6784e5c1dd24e30013340dda .glyphicon-chevron-right:before {
  display: none;
}


#background67f5e531b29243001af11507 .glyphicon-chevron-left:before,
#background67f5e531b29243001af11507 .glyphicon-chevron-right:before {
  display: none;
}
#background67f5e57f931501001add06aa .glyphicon-chevron-left:before,
#background67f5e57f931501001add06aa .glyphicon-chevron-right:before {
  display: none;
}



/*---สไลด์---*/


/* intro */
.intro-intro {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}





/* หน้าต้นแบบ  */
.head-text:hover {
    background-color: #bbef00;
    color: #000;
}
.head-text {
    font-size: 16px;
    border: solid 1px #bbef00;
    border-radius: 100px;
    text-align: center;
    padding: 10% 0%;
    margin-left: -20%;
    transition: 0.5s;
    color: #fff;
}

.footer-block a:hover {
    color: #7fc242;
}
.footer-block a {
    color: #fff;
    transition: 0.5s;
}
.footer-block {
    display: flex;
    width: 100%;
    gap: 10px;
    padding: 3% 0% 3%;
}
.footer-block-Left {
    width: 80%;
}
.footer-block-Right {
    width: 20%;
    align-self: center;
}
.footer-block-logo {
    width: 25%;
}
.footer-block-text1 {
    white-space: break-spaces;
    font-size: 16px;
    margin-top: 3%;
    margin-bottom: 3%;
}
.footer-block1 {
    display: flex;
    width: 100%;
    gap: 10px;
}
.footer-block1-icon {
    display: flex;
    gap: 10px;
    width: 15%;
    align-self: center;
}
.footer-block1-tel {
    align-self: center;
    font-size: 30px;
    font-weight: 600;
}
.footer-block-text2 {
    font-size: 16px;
}
.footer-block-img {
    width: 70%;
    margin-top: 7%;
    margin-bottom: 7%;
}
.footer-block-text3 {
    font-size: 16px;
}







/* class  */

.comingsoonn {
  width: 65%;
  margin: 0 auto;
  margin-bottom: 3%;
  margin-top: 0%;
}



.empty-space {
  padding: 1.5%;
}
.empty-space1 {
    text-align: center;
    color: #666666;
    margin-top: 5%;
}
.empty-space1 {
    display: none;
}
.empty-space1 span {
    font-weight: 600;
}
.empty-space1-img {
    width: 115%;
    margin-left: -15%;
    margin-top: 7%;
}
.empty-space1-text {
    margin-left: -25%;
}
.empty-space2 h2 {
    text-align: center;
    font-weight: 600;
    color: #666;
    margin-bottom: 7%;
}
.empty-space2 h2 span {
    color: #7fc242;
    font-style: italic;
}
.empty-space2-block1 {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    width: 100%;
    color: #666666;
}
.empty-space2-text1 {
    white-space: break-spaces;
    font-size: 16px;
    margin-left: 48%;
    margin-top: 10%;
}
.empty-space2-img1 {
    width: 55%;
    margin: 0 auto;
    margin-bottom: 0%;
}
.empty-space2-img2 {
    width: 70%;
    margin-top: -18%;
    margin-left: -10%;
}
.empty-space2-img3 {
    width: 53%;
    margin-left: 58%;
    margin-bottom: -5%;
}
.empty-space2-text2 {
    white-space: break-spaces;
    font-size: 16px;
    margin-left: 5%;
    margin-top: -4%;
}
.empty-space2-text3 {
    white-space: break-spaces;
    font-size: 16px;
    margin-left: 77%;
    margin-right: -10%;
    margin-bottom: -15%;
    margin-top: 7%;
}
.empty-space2-img4 {
    width: 75%;
    margin-left: -11%;
    margin-bottom: -17%;
}
.empty-space2-block1 span {
    font-weight: 600;
}
.empty-space2 {
    margin-top: 7%;
}
.empty-space3-img {
    width: 32%;
    margin: 0 auto;
    margin-bottom: 4%;
}
.empty-space3 {
    text-align: center;
    margin-bottom: 5%;
    margin-top: -12%;
}
.empty-space3 p {
    white-space: break-spaces;
}
.empty-space3 span {
    font-weight: 600;
}
.empty-space4 {
    text-align: center;
    color: #1b4b3a;
    margin-bottom: 4%;
}
.empty-space4 h2 {
    font-size: 5em;
    font-weight: 600;
}
.empty-space4 span {
    font-weight: 600;
}
.empty-space4-border {
    border-left: solid 1px #1b4b3a;
    width: 100%;
    margin-left: 50%;
    height: 75px;
}
.empty-space5 {
    display: flex;
    width: 100%;
    margin-bottom: 5%;
    color: #244134;
}
.overflow-containers {
    margin-top: 5%;
    margin-bottom: 5%;
}
.empty-space5-text {
    width: 50%;
    padding: 0% 10% 0% 3%;
    align-self: center;
}
.overflow-block {
    display: grid;
    grid-template-columns: 50% 20% 30%;
    font-size: 16px;
    border-bottom: solid 1px;
    padding-bottom: 3%;
    padding-top: 3%;
}
.overflow-block-text2 {
    text-align: center;
    font-weight: 700;
}
.overflow-block-text3 {
    text-align: right;
}
.empty-space5 h6 {
    color: #244134;
    font-weight: 600;
    margin-bottom: 2%;
}
.empty-space5 h4 {
    white-space: break-spaces;
    margin-bottom: 5%;
}
.Download-Brochure {
    display: flex;
    width: 100%;
    gap: 10px;
    margin-top: 5%;
}
.Download-Brochure-img {
    width: 5%;
    align-self: center;
}
.Download-Brochure-text {
    align-self: center;
    font-weight: 600;
    color: #244134;
    font-size: 16px;
}
.empty-space5-slide {
    overflow-x: auto;
    white-space: nowrap;
}
.empty-space5-overflow {
    width: 100%;
    display: inline-block;
}
.empty-space5-img {width: 50%;}
.empty-space6 {
    text-align: center;
    margin-top: 2%;
}
.empty-space6 h2 {
    font-size: 5em;
    font-weight: 600;
    color: #002e1b;
}
.empty-space6 p {
    white-space: break-spaces;
    color: #666666;
}
.empty-space6-block {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
    border-top: solid 1px #6d6d6c;
    margin-top: 3%;
}
.empty-space6-pd {
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 25px;
    border-right: solid 1px #6d6d6c;
    padding: 5% 0%;
}
.empty-space6-img {
    width: 15%;
    align-self: center;
}
.empty-space6-text {
    align-self: center;
    white-space: break-spaces;
    font-size: 16px;
    text-align: left;
    color: #244134;
}
.empty-space6-none {
    border-right: solid 1px transparent;
}
.empty-space7 {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
.empty-space7-text {
    padding: 7% 10%;
}
.empty-space7 h2 {
    color: #9fe700;
    font-weight: 600;
}
.empty-space7 h1 {
    font-size: 2em;
    margin-bottom: 5%;
}
.empty-space7-collapsed1:hover {
    color: #9fe700;
}
.empty-space7-collapsed1 {
    display: flex;
    width: 100%;
    font-size: 20px;
    border-top: solid 1px #e4ddcf;
    padding-bottom: 2%;
    padding-top: 3%;
    transition: 0.5s;
}
.empty-space7 a {
    color: #fff;
}
.empty-space7-collapsed01 {
    width: 90%;
    align-self: center;
    font-weight: 600;
}
.empty-space7-collapsed02 {
    width: 10%;
    align-self: center;
    font-weight: 600;
    left: calc(0% - 0rem);
    position: relative;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}
.empty-space7-collapsed {
    margin-top: 1%;
}
.empty-space7-map1 {
    margin-bottom: -1%;
}
.empty-space7-collapsed-button {
    border-bottom: solid 1px #e4ddcf;
    padding-bottom: 2%;
}
.empty-space7-collapsed2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
a.collapsed .empty-space7-collapsed02 {
  color: #fff;
}
a .empty-space7-collapsed02 {
  color: #9fe700;
}
.empty-space8 h2 {
    font-size: 4.5em;
    font-weight: 600;
    color: #002e1b;
    text-align: center;
    padding: 4% 0% 2%;
}
.empty-space9 p {
    text-align: center;
    padding: 0% 1%;
}
.empty-space10 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
    text-align: left;
}
.empty-space10-img img {
    width: 100% !important;!i;!;
}
.empty-space10-text {
    align-self: center;
}
.empty-space10 h4 {
    color: #262626;
    font-weight: 600;
    margin-bottom: 2%;
}
.empty-space10 p {
    white-space: break-spaces;
}
.empty-space10-pd h4 {
    color: #262626;
    font-weight: 600;
}
.empty-space10-pd {
    text-align: left;
    margin-top: 2%;
    margin-bottom: 2%;
}
.empty-space10-mg {
    text-align: left;
}
.empty-space11 h1 {font-weight: 600;color: #002e1b;}
.empty-space11 h6 {
    font-weight: 600;
    color: #7fc242;
    margin-bottom: 3%;
}
.empty-space11 {
    /* text-align: center; */
}
.empty-space11 p {
    white-space: break-spaces;
}
.empty-space11-text {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 50px;
}
.empty-space11-block {
    align-self: center;
}
.empty-space12 h1 {
    font-weight: 600;
    color: #002e1b;
    text-align: center;
}
.empty-space12 h6 {
    font-weight: 600;
    color: #7fc242;
    text-align: center;
}
.empty-space12-block {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
    margin-top: 3%;
    margin-bottom: 3%;
}
.empty-space12-grid {
    display: flex;
    width: 100%;);
    gap: 20px;
    /* background-color: #fafafa; */
    /* padding: 2%; */
}
.empty-space12-img img {
    filter: invert(1);
}
.empty-space12-img {
    width: 20%;
    align-self: center;
    background-color: #002e1c;
    padding: 3%;
    border-radius: 0px;
}
.empty-space12-text {
    width: 80%;
    align-self: center;
}
.empty-space12 p {
    text-align: center;
}
.empty-space12-grid p {
    text-align: left;
}
.empty-space12-grid h4 {
    font-weight: 600;
    text-align: left;
}
.empty-space12 {
    padding: 8% 0%;
}
.empty-space13-img1:hover {
  transform: scale(1.05);
}
.empty-space13-img1 {
  transition: 0.5s;
}
.empty-space13-block {
  display: flex;
  width: 100%;
  gap: 10px;
  margin-bottom: 2%;
}
.empty-space13-img {
  width: 5%;
  align-self: center;
}
.empty-space13 h4 {
    font-weight: 600;
    margin-bottom: 3%;
}
.empty-space13 h3 {
  font-weight: 600;
  margin-bottom: 4%;
  margin-top: 7%;
  color: #000000;
}
.empty-space13-block1 {
  display: flex;
  width: 45%;
  gap: 10px;
  margin-top: 4%;
}
.empty-space13 p {
  white-space: break-spaces;
}
.empty-space13-text {
  font-size: 16px;
}
.empty-space13 {
  border-left: solid 1px #676767;
  padding-left: 15%;
  margin-left: 10%;
  margin-top: 20%;
}
.empty-space13 a:hover {
  color: #333;
}
.empty-space13 a {
  color: #333;
  transition: 0.5s;
}
.empty-space14 span {
    color: #203262;
    font-weight: 600;
}
.empty-space14 {
    display: flex;
    gap: 30px;
    padding: 0% 0% 3% 0%;
}
.empty-space14-block {
    width: 50%;
    align-self: center;
}
.empty-space14-blockimg {
    display: flex;
    width: 100%;
    gap: 10px;
}
.empty-space14-text1 {
    width: 5%;
    left: calc(0% - 0rem);
    position: relative;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    white-space: nowrap;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    align-self: flex-end;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 400;
}
.empty-space14-img {
    width: 90%;
}
.empty-space14 h1 {
    font-weight: 600;
    color: #7fc242;
    margin-bottom: 0%;
    line-height: initial;
    font-size: 2.4em;
}
.empty-space14 h5 {
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
}
.empty-space14 p {
    white-space: break-spaces;
    margin-bottom: 0%;
    text-align: left;
    line-height: initial;
}
.empty-space14-border {
    border-bottom: solid 5px #000;
    width: 10%;
    margin-top: 3%;
    margin-bottom: 4%;
}
.empty-space15 {
    display: flex;
    width: 100%;
    gap: 20px;
    margin: 0 auto;
    padding: 3% 2%;
    /* border-radius: 30px; */
    background-color: #f2f7f2;
}
.empty-space15-text {
    width: 60%;
    align-self: center;
    font-size: 2em;
    font-weight: 600;
    text-align: center;
}

.empty-space15-block {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
}
.empty-space15-progress {width: 40%;}
.empty-space15-border1 {
    border-radius: 100px 0px 0px 100px;
    background-color: #002e1c;
    color: #fff;
}
.empty-space15-border2 {
    border-radius: 0px 100px 100px 0px;
}
.empty-space16 {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 50px;
}
.empty-space16-text {
    align-self: center;
    background-color: #fafafa;
    padding: 10% 10% 10% 30%;
    margin-left: -42%;
}
.empty-space16-img {
    position: relative;
}
.empty-space16 h1 {
    font-weight: 600;
    color: #7fc242;
}
.empty-space16 h6 {margin-bottom: 4%;color: #666666;}
.empty-space16 p {
    white-space: break-spaces;
}
.empty-space17 h1 {
    font-weight: 600;
    color: #002e1b;
    text-align: center;
    padding: 4% 0% 2%;
}
.empty-space18 {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 30px;
    margin-top: 5%;
    margin-bottom: 5%;
}
.empty-space18-img {
    width: 20%;
    margin: 0 auto;
    background-color: #002e18;
    padding: 5%;
    border-radius: 100px;
}
.empty-space18-img img {
    filter: invert(1);
}
.empty-space18-bg {
    background-color: #002e18;
    color: #fff;
    text-align: center;
    padding: 10%;
    margin-top: -10%;
    border-radius: 20px;
}
.empty-space18 h4 {
    font-weight: 600;
    margin-top: 5%;
    margin-bottom: 3%;
}
.empty-space19-block {
    display: flex;
    width: 100%;
    gap: 10px;
    margin-top: 2%;
}
.empty-space19-img {
    width: 7%;
    align-self: center;
}
.empty-space19-text {
    width: 90%;
    align-self: center;
    font-size: 24px;
}
.empty-space19 {
    color: #fff;
    margin-left: -5%;
    margin-top: 1%;
}
.empty-space19 h1 {
    color: #c5fd00;
    font-weight: 600;
}
.empty-space19 h4 {
    margin-top: 5%;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 5%;
}
.empty-space19-img img {
    filter: invert(1);
}
.empty-space19 h5 {
    font-weight: 600;
    font-size: 30px;
}
.empty-space19-border {
    border-bottom: solid 1px #c5fd00;
    margin-top: 7%;
    margin-bottom: 7%;
}
.empty-space19 h2 {
    font-weight: 600;
    font-size: 2.5em;
    background-color: #c5fd00;
    color: #000;
    padding: 4%;
    margin-top: 3%;
    border-radius: 50px;
    text-align: center;
}
.empty-space19 h3 {
    text-align: center;
    font-size: 24px;
}



















h1,h2,h3,h4,h5,h6 {
  line-height: inherit;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h1 {
  font-size: 2.5em;
}
h2 {
  font-size: 3.5em;
}
h3 {
  font-size: 18px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 22px;
}
h6 {
  font-size: 26px;
}
p {
  font-size: 16px;
}







/* ส่วนเสริม */


.article-t {
    font-size: 15px;
}
.article-b {
    border: solid 1px #7fc242;
    background-color: #7fc242;
    color: #ffffff;
    font-size: 15px;
    text-align: center;
    width: fit-content;
    padding: 5% 10%;
    margin-top: 10%;
    transition: 0.5s;
}


iframe.map-map {
    margin-bottom: -1%;
}

.no-js #background6784e5c1dd24e30013340dda {
    display: none;
}
.no-js #background67f5e57f931501001add06aa {
    display: none;
}
.empty-space1-image {
    display: none;
}


.button-text1 {
    border: solid 1px #bbef00;
    width: fit-content;
    margin: 0 auto;
    padding: 1% 3%;
    margin-top: 4%;
    border-radius: 50px;
    color: #231f20;
    font-weight: 600;
    font-size: 18px;
    transition: 0.5s;
}
.button-text1:hover {
    background-color: #bbef00;
}

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

ul.icon_b {
    font-size: 16px;
}


.album-soldout {
    position: absolute;
    top: 0;
    background-color: #dc0100;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 3% 5%;
}
.album-border {
    border-top: solid 5px #00863e;
}
.album-pd {
    padding: 7%;
}
.album-text1 {
    font-size: 17px;
    color: #fff;
}
.album-text2 {
    margin-bottom: 15%;
    font-size: 14px;
    height: 30px;
}
.album-text3 {
    font-size: 14px;
}





#background679b35ae9e720b0013410381 .thumbnail {
  border: solid 0px #fff;
  background: #002e18;
  color: #cccccc;
  border-radius: 0px;
  padding: 0% !important;
  box-shadow: 0px 0px 0px rgb(0 0 0 / 0%);
  transition: 0.5s;
}
#background679b35ae9e720b0013410381 .thumbnail:hover {
  box-shadow: 0 0 0px 0 transparent;
  background: #002e18;
  border-radius: 0px;
  color: #cccccc;
}





/* prime embrace */

.prime_embrace1 {
    text-align: center;
    padding: 5% 0% 7%;
}
.prime_embrace1 h1 {
    white-space: break-spaces;
    color: #A5CBA3;
    margin-left: -15%;
    font-size: 3em;
    font-weight: 600;
    text-shadow: 2px 2px 12px #0000008a;
}
.prime_embrace1 h2 {
    color: #A5CBA3;
    margin-left: 15%;
    font-size: 3em;
    font-weight: 600;
    text-shadow: 2px 2px 12px #0000008a;
}
.prime_embrace1 h4 {
    margin-top: 3%;
    white-space: break-spaces;
}
.prime_embrace1 span {
    color: #A5CBA3;
}
.prime_embrace2 {
    display: grid;
    grid-template-columns: 22% 30% 44%;
    gap: 20px;
    padding: 4% 0% 5% 0%;
}
.prime_embrace2-topic {
    font-size: 3em;
    white-space: break-spaces;
    align-self: center;
    line-height: 1.1;
    color: #1A3629;
}
.prime_embrace2-topic span {
    font-weight: 300;
}
.prime_embrace2-text {
    align-self: center;
}
.prime_embrace2-image {
    align-self: center;
}
.prime_embrace2 p {
    white-space: break-spaces;
}
.prime_embrace3 h2 {
    font-size: 3em;
}
.prime_embrace3 h1 {
    font-size: 28px;
    color: #A5CBA3;
    font-weight: 300;
}
.prime_embrace3-img {
    width: 100%;
    margin-bottom: 5%;
}
.prime_embrace3 {
    padding: 7% 0%;
}
.prime_embrace3-image {
    width: 100%;
    margin-top: 5%;
}
.prime_embrace4 {
    display: grid;
    grid-template-columns: 65% 35%;
    margin-bottom: 5%;
}
.prime_embrace4-text {
    padding: 0% 5% 0%;
    align-self: center;
}
.prime_embrace4 h2 {
    font-size: 3em;
    white-space: break-spaces;
    color: #1A3629;
    font-weight: 600;
    line-height: 1.2;
}
.prime_embrace4 p {
    white-space: break-spaces;
    color: #383839;
}
.prime_embrace4 h5 {
    font-weight: 600;
    white-space: break-spaces;
    margin-top: 3%;
    margin-bottom: 3%;
}
.prime_embrace4-block {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 50px;
    width: 80%;
    text-align: center;
}
.prime_embrace4-text01 {
    white-space: break-spaces;
}
.prime_embrace4-img01 {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10%;
}
.prime_embrace5 {
    display: grid;
    grid-template-columns: 60% 35%;
    gap: 50px;
    margin-top: 7%;
    margin-bottom: 8%;
}
.prime_embrace5-text {
    align-self: center;
    width: 75%;
    margin: 0 auto;
}
.prime_embrace5 h2 {
    color: #1A3629;
    font-weight: 600;
    margin-bottom: 5%;
    font-size: 3em;
}
.prime_embrace5-text01 {
    background-color: #1A3629;
    margin-bottom: 5%;
    padding: 7% 5%;
    text-align: center;
    font-size: 20px;
    color: #fff;
}
.prime_embrace5 h3 {
    font-weight: 600;
    color: #1A3629;
    margin-top: 25%;
}
.prime_embrace5 p {
    color: #1A3629;
    white-space: break-spaces;
    font-size: 14px;
}
.prime_embrace5-text1 {
    background-color: #fff;
    color: #1A3629;
}


#slider67f5f74380b47e001a95250b img {
    border-radius: 0px 0px 0px 150px;
}
#slider67f5f74380b47e001a95250b {
    background-color: #22614e;
}


/* k-riz */


.k-riz1 {
    display: grid;
    grid-template-columns: 40% 60%;
    gap: 10px;
    width: 88%;
    margin: 0 auto;
    margin-right: 0;
    margin-bottom: 7%;
    margin-top: 5%;
    color: #1A3629;
}
.k-riz1 h2 {
    white-space: break-spaces;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 5%;
}
.k-riz1-text {
    align-self: center;
}
.k-riz1 p {
    white-space: break-spaces;
    text-indent: 30px;
    margin-top: 5%;
}
.k-riz2 {
    text-align: center;
    padding: 5% 0%;);)%;)%;)%;);
    color: #1A3629;
}
.k-riz2 p {
    white-space: break-spaces;
}
.k-riz2 h2 {
    text-transform: uppercase;
    font-size: 3em;
    font-weight: 600;
    margin-top: 2%;
    margin-bottom: 2%;
}
.k-riz3 {
    display: grid;
    grid-template-columns: 48% 48%;
    gap: 20px;
    width: 80%;
    margin: 0 auto;
    color: #1A3629;
    padding: 3% 0%;)%;)%;);
}
.k-riz3-text {
    align-self: center;
    font-size: 2.5em;
    font-weight: 600;
}
.k-riz3-detail {align-self: center;}
.k-riz3-detail1 {
    display: flex;
    width: 100%;)%;)%;);
    gap: 10px;
    font-size: 18px;
    font-weight: 600;
}
.k-riz3-detail01 {
    width: 35%;
}
.k-riz3-detail02 {
    width: 20%;
}

.k-riz4 {
    margin-top: 7%;
}
.k-riz5 h2 {
    color: #fff;
}
.k-riz5 p {
    color: #fff;
}
.k-riz5 h3 {
    color: #fff;
}


#background67f61eb9fe2685001a4ef9e4,
#background67f61ed1343544001a198e84 {
    padding: 0% 15%;
}









/* embrio-lite Home */

#background678487f0dd24e3001333bf65 {
    margin-top: 1%;
    margin-bottom: 1%;
}

.embrio-lite-from {
    text-align: center;
    margin-bottom: 3%;
}
.embrio-lite-from1 {
    font-size: 22px;
    color: #fff;
}
.embrio-lite-from2 {
    font-size: 3.5em;
    color: #fff;
    font-weight: 600;
    margin-top: 3%;
}

#formdisplay6784888c5233ec0014ceafc2 .form-control {
    border: none;
    border-bottom: 1px solid #ccc;
    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%);
    background-color: transparent;
    padding: 5px 10px;
    color: #fff !important;
    height: 50px;
    font-size: 16px;
}
#formdisplay6784888c5233ec0014ceafc2 .form-control:focus {
   border-bottom: 1px solid #8ac63f;
}


#formdisplay6784888c5233ec0014ceafc2 .btn-default:hover, 
#formdisplay6784888c5233ec0014ceafc2 .btn-default:focus {
    background-position: 0 0px;
    border: 1px solid #b0946f;
    background: #b0946f;
   color: #fff;
}
#formdisplay6784888c5233ec0014ceafc2 .btn-default {
    background-repeat: repeat-x;
    border-color: #c5fd00;
    padding: 15px 45px;
    font-size: 16px;
    border: 1px solid #c5fd00;
    color: #000000;
    text-shadow: none;
    border-radius: 50px;
    background: #c5fd00;
    transition: 0.5s;
    text-transform: capitalize;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 0 0 0;
}
#formdisplay6784888c5233ec0014ceafc2 {
    width: 100%;
    padding: 3% 0%;
    background-color: rgb(0 73 30 / 60%) !important;
    margin-left: 7%;
}
#formdisplay6784888c5233ec0014ceafc2 ::placeholder {
    color: #fff;
}
#formdisplay6784888c5233ec0014ceafc2 br.k-br {
    display: none;
}
#formdisplay6784888c5233ec0014ceafc2 .form-control-feedback {
    color: #fff !important;
}
#formdisplay6784888c5233ec0014ceafc2 #checkbox7 {
    font-size: 16px;
    color: #fff;
}
#formdisplay6784888c5233ec0014ceafc2 .glyphicon {
    display: none;
}
#btnview6784888c5233ec0014ceafc2 {
    margin-left: 33%;
}
#formdisplay6784888c5233ec0014ceafc2 .row:nth-child(4) {
    padding-top: 0px !important;
}
#cookie6784888c5233ec0014ceafc2 {
    color: #fff;
}
/* embrio-lite Home */






/* embrio-lite Hot Deals */

#formdisplay67f5e78280b47e001a950a5b .form-control {
    border: none;
    border-bottom: 1px solid #ccc;
    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%);
    background-color: transparent;
    padding: 5px 10px;
    color: #fff !important;
    height: 50px;
    font-size: 16px;
}
#formdisplay67f5e78280b47e001a950a5b .form-control:focus {
   border-bottom: 1px solid #8ac63f;
}


#formdisplay67f5e78280b47e001a950a5b .btn-default:hover, 
#formdisplay67f5e78280b47e001a950a5b .btn-default:focus {
    background-position: 0 0px;
    border: 1px solid #b0946f;
    background: #b0946f;
   color: #fff;
}
#formdisplay67f5e78280b47e001a950a5b .btn-default {
    background-repeat: repeat-x;
    border-color: #c5fd00;
    padding: 15px 45px;
    font-size: 16px;
    border: 1px solid #c5fd00;
    color: #000000;
    text-shadow: none;
    border-radius: 50px;
    background: #c5fd00;
    transition: 0.5s;
    text-transform: capitalize;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 0 0 0;
}
#formdisplay67f5e78280b47e001a950a5b {
    width: 100%;
    padding: 3% 0%;
    background-color: rgb(0 73 30 / 60%) !important;
    margin-left: 7%;
}
#formdisplay67f5e78280b47e001a950a5b ::placeholder {
    color: #fff;
}
#formdisplay67f5e78280b47e001a950a5b br.k-br {
    display: none;
}
#formdisplay67f5e78280b47e001a950a5b .form-control-feedback {
    color: #fff !important;
}
#formdisplay67f5e78280b47e001a950a5b #checkbox7 {
    font-size: 16px;
    color: #fff;
}
#formdisplay67f5e78280b47e001a950a5b .glyphicon {
    display: none;
}
#formdisplay67f5e78280b47e001a950a5b .row:nth-child(4) {
    padding-top: 0px !important;
}


#btnview67f5e78280b47e001a950a5b {
    margin-left: 33%;
}
#cookie6784888c5233ec0014ceafc2 {
    color: #fff;
}
/* embrio-lite Hot Deals */









/* embrio-lite ติอต่อเรา */

 
 

#formdisplay679b08e3a010fc001328680c .form-control {
    border: none;
    border-bottom: 1px solid #ccc;
    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%);
    background-color: transparent;
    padding: 5px 10px;
    color: #666666 !important;
    height: 50px;
    font-size: 16px;
}
#formdisplay679b08e3a010fc001328680c .form-control:focus {
   border-bottom: 1px solid #8ac63f;
}

#formdisplay679b08e3a010fc001328680c .btn-default:hover, 
#formdisplay679b08e3a010fc001328680c .btn-default:focus {
    background-position: 0 0px;
    border: 1px solid #002e1b;
    background: #002e1b;
   color: #fff;
}
#formdisplay679b08e3a010fc001328680c .btn-default {
    background-repeat: repeat-x;
    border-color: #9fe700;
    padding: 15px 45px;
    font-size: 16px;
    border: 1px solid #9fe700;
    color: #000000;
    text-shadow: none;
    border-radius: 0px;
    background: #9fe700;
    transition: 0.5s;
    text-transform: capitalize;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 0 0 0;
}
#formdisplay679b08e3a010fc001328680c {
    width: 100%;
    padding: 0%;
    background-color: transparent !important;
 
}
#formdisplay679b08e3a010fc001328680c ::placeholder {
    color: #666666;
}
#formdisplay6784888c5233ec0014ceafc2 br.k-br {
    display: none;
}
#formdisplay679b08e3a010fc001328680c .form-control-feedback {
    color: #666666 !important;
}
#formdisplay679b08e3a010fc001328680c #checkbox7 {
    font-size: 16px;
    color: #666;
}
#formdisplay679b08e3a010fc001328680c .glyphicon {
    display: none;
}
#btnview679b08e3a010fc001328680c {
    margin-left: 65%;
}

#formdisplay679b08e3a010fc001328680c .row:nth-child(4) {
    padding-top: 0px !important;
}
#cookie679b08e3a010fc001328680c {
    color: #666;
}
/* embrio-lite ติอต่อเรา */




/* scrollbar */
#contentnewmode677f85dc0f338600139a352d ::-webkit-scrollbar {
    width: 10px;
    height: 5px;
  }
#contentnewmode677f85dc0f338600139a352d ::-webkit-scrollbar-track {
    background: #ccc;
    border-radius:10px;
  }
#contentnewmode677f85dc0f338600139a352d ::-webkit-scrollbar-thumb {
    background: #244134;
    border-radius:10px;
  }
#contentnewmode677f85dc0f338600139a352d ::-webkit-scrollbar-thumb:hover {
    background: #244134;
    border-radius:10px;
  }
/* scrollbar */


/* tab pc home */
#background6784c9595233ec0014ceefee .tab-content>.active {
    display: block;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
#background6784c9595233ec0014ceefee .col-md-8.col-md-offset-2.text-center {
    width: 100%;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}
#background6784c9595233ec0014ceefee .tab-content {
    padding: 0px !important;
}
#background6784c9595233ec0014ceefee .carousel-control {
    top: 105%;
    width: 60%;
    color: #ebebeb;
    text-shadow: 0 0 0 rgba(0, 0, 0, .6);
    opacity: 1;
}

 
/* tab mb home */
#background67887b1179db0a0013bd0b0d .tab-content>.active {
    display: block;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
#background67887b1179db0a0013bd0b0d .col-md-8.col-md-offset-2.text-center {
    width: 100%;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}
#background67887b1179db0a0013bd0b0d .tab-content {
    padding: 0px !important;
}
#background67887b1179db0a0013bd0b0d .carousel-control {
    top: 105%;
    width: 60%;
    color: #ebebeb;
    text-shadow: 0 0 0 rgba(0, 0, 0, .6);
    opacity: 1;
}



.TabItpContent .nav-pills > li.active > a, .TabItpContent .nav-pills > li.active > a:focus, .TabItpContent .nav-pills > li.active > a:hover {
    background-color: transparent;
    border-left: solid 5px #d1d1d1;
    border-radius: 0px;
}
.TabItpContent .nav-justified > li > a {
    background-color: transparent !important;
    border-left: solid 5px #d1d1d1 !important;
    color: #d1d1d1 !important;
    margin: 0% 0% !important;
    border-radius: 0px !important;
    padding: 0% 0% !important;
    font-weight: 600;
    line-height: 1;
}
.TabItpContent .nav-justified {
    width: 30% !important;
    margin: 0 auto!important;
    margin-top: 3%!important;
    margin-bottom: 3%!important;
    font-size: 18px!important;
    border-radius: 0px!important;
      border-right: solid 5px #d1d1d1!important;
  padding-top: 0px !important;
}
.TabItpContent .nav-justified > li > a span {
    color: #d1d1d1 !important;
    font-size: 24px !important;
}
.TabItpContent .nav-pills > li.active > a span {
    color: #244134 !important;
}


 






.amg2 {
    -webkit-animation: hithere 2s ease infinite;
    animation: hithere 2s ease infinite;
}
.amg1 {
    -webkit-animation: hithere1 2s ease infinite;
    animation: hithere1 2s ease infinite;
}


@keyframes circle {
    0% {
        transform: rotate(0deg) translate(-20px) rotate(0deg);

    }

    100% {
        transform: rotate(360deg) translate(-20px) rotate(-360deg);
    }
}


.hithere {
  animation: hithere 0.32 s ease infinite;
}
@keyframes hithere {
  30% { transform: scale(1.1); }
  50% { transform: rotate(10deg) scale(1); }
  100% { transform: scale(1); }
}
.hithere1 {
  animation: hithere 0.5 s ease infinite;
}
@keyframes hithere1 {
  30% { transform: scale(1.1); }
  50% { transform: rotate(-10deg) scale(1); }
  100% { transform: scale(1); }
}






/* pdpa */
 
.pdpa-text h5 {
    font-weight: 600;
    margin-top: 2%;
}
.pdpa-text h4 {
    font-weight: 500;
}
.pdpa-text a:hover {
    color: #002e1b;
}
.pdpa-text a {
    color: #000;
}
.pdpa-text ul.icon-a {
    font-size: 16px;
    font-weight: 400;
}
.pdpamg1 {
    padding: 2% 0%;
}
.pdpamg1 .icon-a {
    font-size: 16px;
}
.pdpamg1 p {
    white-space: break-spaces;
}


/* นโยบายความเป็นส่วนตัว */

.ITPcookiebar {
    width: 100%!important;
    background-color: rgb(0 0 0 / 50%)!important;
    color: #fff;
}
.ITPlinkToCookiepage:hover {
    color: #002e1b!important;
}
.unknown_prf .btn-main {
    margin-bottom: 100%;
}
.buttonExampleSite:hover {
    background: #444!important;
  border: 1px solid #444!important;
    color: #fff!important;
}
.buttonExampleSite {
    border-radius: 0px!important;
    background-color: #002e1b!important;
    font-size: 16px!important;
    border: 1px solid #002e1b!important;
    color: #fff!important;
}



 










@media screen and (min-width : 1900px) {
.head-text {
    padding: 7% 0%;
    margin-left: -10%;
}
.embrio-lite-from1 {
    font-size: 24px;
}
.embrio-lite-from2 {
    font-size: 4.5em;
}  
#formdisplay6784888c5233ec0014ceafc2 .form-control {
    height: 70px;
}
#formdisplay6784888c5233ec0014ceafc2 .btn-default {
    padding: 15px 55px;
}
#formdisplay67f5e78280b47e001a950a5b .form-control {
    height: 70px;
}
#formdisplay67f5e78280b47e001a950a5b .btn-default {
    padding: 15px 55px;
} 
  
  
#btnview6784888c5233ec0014ceafc2 {
    margin-left: 36%;
} 
.empty-space1-img {
    width: 100%;
    margin-left: -3%;
    margin-top: 6%;
} 
.empty-space2-text1 {
    font-size: 18px;
} 
.empty-space2-img1 {
    width: 50%;
} 
.empty-space2-img2 {
    width: 60%;
    margin-top: -12%;
    margin-left: 0%;
}
.empty-space2-img3 {
    width: 48%;
    margin-left: 54%;
    margin-bottom: -5%;
} 
.empty-space2-img4 {
    width: 65%;
    margin-left: 1%;
    margin-bottom: -14%;
}
.empty-space2-text2 {
    font-size: 18px;
    margin-left: 17%;
    margin-top: -3%;
}
.empty-space2-text3 {
    font-size: 18px;
    margin-left: 70%;
    margin-right: -9%;
    margin-bottom: -8%;
    margin-top: 7%;
}
.empty-space3-img {
    width: 25%;
}
.empty-space4 h2 {
    font-size: 6em;
}
.overflow-block {
    font-size: 18px;
}
.Download-Brochure-text {
    font-size: 18px;
}
.Download-Brochure-img {
    width: 4%;
} 
.TabItpContent .nav-justified > li > a span {
    font-size: 30px !important;
} 
.empty-space6 h2 {
    font-size: 6em;
} 
.empty-space6-text {
    font-size: 18px;
}  
iframe.map-hh {
    height: 630px;
} 
.footer-block-logo {
    width: 20%;
} 
.footer-block-text1 {
    font-size: 18px;
}
.footer-block1 {
    width: 65%;
}
.footer-block1-tel {
    font-size: 34px;
} 
.footer-block-text2 {
    font-size: 18px;
} 
.footer-block-img {
    width: 60%;
} 
.footer-block-text3 {
    font-size: 18px;
}
.empty-space14 h1 {
    font-size: 3.5em;
}
.empty-space14 {
    gap: 60px;
}
.empty-space15-text {
    font-size: 3em;
}
.empty-space16-text {
    padding: 10% 10% 10% 35%;
} 
.album-text1 {
    font-size: 24px;
} 
.album-text2 {
    font-size: 18px;
} 
.album-text3 {
    font-size: 18px;
}
.Contentmanager .site .col-section .item.-micro a .caption .title {
    font-size: 22px;
    height: 65px;
} 
.article-t {
    font-size: 16px;
}
.article-b {
    font-size: 16px;
    padding: 3.5% 9%;
} 
.empty-space12-img {
    width: 15%;
} 
.empty-space13 {
    margin-top: 0%;
}
.empty-space13-text {
    font-size: 18px;
} 
.empty-space13-img {
    width: 4%;
}
.empty-space13-block1 {
    width: 35%;
}
.landingpagemanager .col-md-8.col-sm-8.col-xs-12 strong {
    font-size: 18px;
} 
#background678487f0dd24e3001333bf65 {
    margin-top: 1%;
    margin-bottom: 1%;
} 
.prime_embrace4-text {
    padding: 0% 15% 0%;
}  
.prime_embrace4-block {
    margin-top: 10%;
}
.prime_embrace4-img01 {
    width: 100%;
} 
.prime_embrace4-text01 {
    font-size: 16px;
} 
.prime_embrace5-text {
    width: 50%;
} 
 
  
  
  
  
  
  
  
  
  
  
  
  
  
p {
    font-size: 18px;
}
h1 {
    font-size: 3em;
}
h2 {
    font-size: 4.5em;
}
h3 {
    font-size: 20px;
}
h4 {
    font-size: 24px;
} 
h5 {
    font-size: 26px;
}  
h6 {
    font-size: 30px;
} 
  
  
}

@media screen and (max-width : 1191px) {
#imagesControl678481b50f338600139ce6df {
    padding: 0px !important;
}
.embrio-lite-from2 {
    font-size: 3em;
}
#background678487f0dd24e3001333bf65 {
    margin-top: 0%;
    margin-bottom: 0%;
} 
.empty-space2-text3 {
    margin-right: -17%;
} 
#mainmenu6784d200dd24e3001333f9b1>div {
    padding: 0px !important;
} 
#imagesControl6784e5c1dd24e30013340dda {
    display: none;
}  
.empty-space14 h5 {
    font-size: 20px;
}
.empty-space14 h1 {
    font-size: 26px;
}
  
}  
  
@media screen and (max-width : 900px) {
  .no-js .itopplus-search2 {
  position: fixed;
  top: -4px;
  right: -3px;
  z-index: 10000;
}

    .head-text {
        font-size: 16px;
        width: fit-content;
        padding: 7px 15px;
        margin-left: 0%;
              color: #fff;
    }
.embrio-lite-from2 {
    font-size: 26px;
}
.embrio-lite-from1 {
    font-size: 16px;
} 
.itopplus-bg {
    background-size: cover;
    background-position: left;
}
#formdisplay6784888c5233ec0014ceafc2 .btn-default {
    padding: 9px 41px;
}
#formdisplay67f5e78280b47e001a950a5b .btn-default {
    padding: 9px 41px;
} 
  
  
#btnview6784888c5233ec0014ceafc2 {
    margin-left: 28%;
}
.empty-space2-text1 {
    font-size: 14px;
}
.empty-space2-text2 {
    font-size: 13px;
    margin-left: 8%;
    margin-top: 6%;
}
.empty-space2-text3 {
    font-size: 14px;
    margin-top: 16%;
}
.empty-space3 p {
    white-space: inherit;
} 
.empty-space4 h2 {
    font-size: 3em;
}  
.empty-space5 h4 {
    white-space: break-spaces;
    font-size: 16px;
}
.TabItpContent .nav-justified {
    width: 45% !important;
}
.empty-space6 h2 {
    font-size: 3em;
}
.empty-space6 p {
    white-space: inherit;
    padding: 0% 5%;
}
.empty-space6-img {
    width: 20%;
}
.empty-space7 h1 {
    font-size: 20px;
} 
.empty-space7-collapsed1 {
    font-size: 18px;
}  
iframe.map-hh {
    height: 370px;
} 
  
  #background6784c9595233ec0014ceefee .carousel-control {
    top: 100%;
  }
 #background67887b1179db0a0013bd0b0d .carousel-control {
    top: 100%;
  }
#background6784888c5233ec0014ceafc2 #display2 {
    margin-right: -8%;
}
#background6784888c5233ec0014ceafc2 #display4 {
    margin-right: 1%;
} 
.empty-space8 h2 {
    font-size: 3em;
}
.empty-space14 {
    display: grid;
}
.empty-space14-block {
    width: 100%;
    align-self: center;
}
.empty-space14 h1 {
    font-size: 2.5em;
} 
.empty-space15-block {
    grid-template-columns: repeat(1, 1fr);
}  
.progress {
        margin-bottom: 0px !important;
    } 
.empty-space15 {
    border-radius: 100px 100px 100px 100px;
}
.Contentmanager .site .col-section .item.-micro a .caption .title {
    font-size: 16px;
    height: 90px;
} 
.empty-space10 {
    grid-template-columns: repeat(1, 1fr);
}
.empty-space12-grid h4 {
    font-size: 18px;
}


  
  
  
  
  
  
h1 {
    font-size: 2em;
} 
h2 {
    font-size: 2.5em;
}
h6 {
    font-size: 22px;
} 
  
  
  
}






@media screen and (max-width : 480px) {
.no-js #background6784e5c1dd24e30013340dda {
    display: block;
}
.no-js #background67f5e57f931501001add06aa {
    display: block;
} 
#background678481b50f338600139ce6df {
    display: none;
}  
#background67f5e531b29243001af11507 {
    display: none;
} 
#imagesControl6784e5c1dd24e30013340dda {
    padding: 0px !important;
} 
#carousel6784e5c1dd24e30013340dda {
    margin-bottom: -2%;
} 
#imagesControl6784e5c1dd24e30013340dda {
    display: block;
}  
.empty-space1-text {
    margin-left: 0%;
} 
.empty-space1 h1 {
    font-size: 27px;
}
.empty-space1 h3 {
    font-size: 16px;
} 
.empty-space1-img {
    width: 100%;
    margin-left: 0%;
    margin-top: 7%;
      margin-bottom: 50%;
}
.empty-space1 {
    margin-top: 5%;
    margin-left: -5%;
    margin-right: -5%;
}
.empty-space1 h1 {
    margin-bottom: 2%;
}
#formdisplay6784888c5233ec0014ceafc2 {
    margin-left: 0%;
}
#formdisplay67f5e78280b47e001a950a5b {
    margin-left: 0%;
}  
  
  
#mainmenu6784888c5233ec0014ceafc2>div {
    padding: 0px !important;
}

#form6784888c5233ec0014ceafc2 {
    padding: 0px !important;
} 
.embrio-lite-from2 {
    font-size: 33px;
}  
.empty-space2 h2 {
    font-size: 21px;
} 

  

  
.itopplus-bg2 {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_07032021wk4b/0/0/bg-mb1z-z1023459056607.webp);
}
.empty-space2-img1 {
    grid-column-start: 1;
    grid-row-start: 1;
}
.empty-space2-text1 {
    font-size: 8px;
    margin-left: -25%;
    margin-top: 39%;
}
.empty-space2-img3 {
    width: 80%;
    margin-left: 36%;
    margin-bottom: 0%;
    margin-top: -80%;
}
.empty-space2-text3 {
    font-size: 8px;
    margin-left: 65%;
    margin-right: -13%;
    margin-bottom: 0%;
    margin-top: -58%;
}
.empty-space2-text2 {
    font-size: 8px;
    margin-bottom: 15%;
    margin-left: -4%;
} 
.empty-space2-img4 {
    width: 80%;
    margin-bottom: -36%;
}
.empty-space2-img2 {
    width: 80%;
    margin-top: -16%;
    margin-left: -10%;
    margin-bottom: 5%;
}
.empty-space2-img1 {
    width: 100%;
}  
.empty-space3-img {
    width: 65%;
}
.empty-space3 {
    margin-top: 0%;
}
.button-text1 {
    padding: 3% 7%;
}
.empty-space4 h2 {
    font-size: 2.5em;
}  
.empty-space4 h6 {
    font-size: 18px;
}
.empty-space4 {
    margin-bottom: 12%;
}
.empty-space5 {
    display: flow-root;
} 
.empty-space5-text {
    padding: 5% 3% 0% 3%;
}
.Download-Brochure-img {
    width: 8%;
}
.Download-Brochure-text {
    margin-bottom: -1%;
}
#btnview6784888c5233ec0014ceafc2 {
    margin-left: 24%;
} 
  
    .TabItpContent .nav-justified {
        width: 90% !important;
        display: flex;
        justify-content: space-evenly;
      margin: 20px 0 30px !important;
    }
  
  .TabItpContent .nav-justified > li > a {

    padding-left: 20px !important;
}
  
#background6784c9595233ec0014ceefee .carousel-control {
    width: 10%;
} 
#background67887b1179db0a0013bd0b0d .carousel-control {
    width: 10%;
} 
.empty-space6-block {
    grid-template-columns: repeat(2, 1fr);
    gap: 0px;
}
.empty-space7 {
    grid-template-columns: repeat(1, 1fr);
}
.footer-block {
    display: grid;
}
.footer-block-Right {
    width: 100%;
      text-align: center;
      margin-top: 7%;
} 
.footer-block-Left {
    width: 100%;
} 
.footer-block-logo {
    width: 60%;
    margin: 0 auto;
}
.footer-block-text1 {
    text-align: center;
      margin-top: 8%;
    margin-bottom: 8%;
} 
.footer-block1 {
    display: grid;
}
.footer-block1-icon {
    width: 40%;
    margin: 0 auto;
    align-self: center;
} 
.footer-block1-tel {
    font-size: 36px;
    text-align: center;
}
.footer-block-img {
    width: 40%;
    margin: 0 auto;
     margin-top: 7%;
    margin-bottom: 7%;
}
.footer-block {
    padding: 8% 0% 8%;
}
#formdisplay6784888c5233ec0014ceafc2 .btn-default {
    padding: 11px 50px;
}
#formdisplay67f5e78280b47e001a950a5b .btn-default {
    padding: 11px 50px;
}  
   
.border-bb {
    border-bottom: solid 1px;
}  
#background6784888c5233ec0014ceafc2 #display2 {
    margin-right: -6%;
}
.empty-space7-text {
    padding: 7% 10% 10% 10%;
}
.empty-space5-img {
    width: 100%;
}
.empty-space5-text {
    width: 100%;
} 
.intro-intro {
    grid-template-columns: repeat(1, 1fr);
}  
.empty-space15 {
    display: grid;
    width: 100%;
    gap: 20px;
    margin: 0 auto;
        padding: 15% 2%;
}
.empty-space15-text {
    width: 100%;
}
.empty-space15-progress {
    width: 100%;
} 
.empty-space15-border1 {
    border-radius: 100px 100px 0px 0px;
}
.empty-space15-border2 {
    border-radius: 0px 0px 100px 100px;
}
.empty-space16 {
    grid-template-columns: repeat(1, 1fr);
} 
.empty-space16-text {
    padding: 10% 10% 10% 10%;
    margin-left: 0%;
}
.empty-space18 {
    grid-template-columns: repeat(1, 1fr);
}
.empty-space18-img {
    width: 30%;
}
.empty-space18-bg {
    margin-top: -15%;
} 
.empty-space18 h4 {
    margin-top: 12%;
} 
.album-text1 {
    font-size: 18px;
} 
.album-text2 {
    font-size: 12px;
} 
.album-text3 {
    font-size: 10px;
} 
article.col-md-6.item.-micro {
    width: 48%;
}
.Contentmanager .site .col-section .item.-micro:nth-child(odd) {
  margin: 1%;
}
.Contentmanager .site .col-section .item.-micro:nth-child(even) {
  margin: 1%;
}
.Contentmanager .site .col-section .item.-micro a .caption .title {
    font-size: 16px;
    height: 80px;
} 
.article-b {
    padding: 3% 8%;
}
.managerHeader {
    font-size: 22px;
}
.empty-space11-text {
    grid-template-columns: repeat(1, 1fr);
}
.empty-space12-block {
    grid-template-columns: repeat(1, 1fr);
}
.empty-space12-img {
    align-self: flex-start;
}
.empty-space12 p {
    text-align: left;
}
#form679b08e3a010fc001328680c {
    padding: 0px !important;
} 
#mainmenu679b08e3a010fc001328680c>div {
    padding: 0px !important;
}  
#background679b08e3a010fc001328680c #display4 {
    margin-right: 1%;
} 
#background679b08e3a010fc001328680c #display2 {
    margin-right: -7%;
}
#btnview679b08e3a010fc001328680c {
    margin-left: 0%;
}
.empty-space13 {
    border-left: solid 0px #676767;
    padding-left: 0%;
    margin-left: 0%;
    margin-top: 0%;
} 
#mainmenu679b1bd9afa1d1001390f065>div {
    padding: 0px !important;
}  
iframe.map-map {
    margin-bottom: -2%;
} 
.itopplus-bg {
    background-image: none;
    background-color: #027d2b;
}
.empty-space1-image {
    display: block;
} 
#slider67f5f74380b47e001a95250b img {
    border-radius: 0px 0px 0px 0px;
} 
#imagesControl67f5f74380b47e001a95250b {
    padding: 0px ! IMPORTANT;
}
.prime_embrace1 h1 {
    margin-left: 0%;
    font-size: 18px;
} 
.prime_embrace1 h2 {
    margin-left: 0%;
    font-size: 18px;
}  
.prime_embrace1 h4 {
    white-space: inherit;
    font-size: 16px;
} 
.prime_embrace2 {
    grid-template-columns: 100%;
}
.prime_embrace2-topic {
    font-size: 2em;
}
.prime_embrace2 p {
    white-space: inherit;
} 
.prime_embrace3 h2 {
    font-size: 2em;
} 
.prime_embrace3 h1 {
    font-size: 20px;
}
.prime_embrace4 {
    grid-template-columns: 100%;
} 
.prime_embrace4-img {
    margin-bottom: 5%;
}  
.prime_embrace4 h2 {
    font-size: 2em;
} 
.prime_embrace4-block {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    width: 100%;
    margin-top: 10%;
}  
.prime_embrace5 {
    grid-template-columns: 100%;
    gap: 20px;
}  
.prime_embrace5-text {
    width: 100%;
}  
.prime_embrace5 h3 {
    margin-top: 5%;
} 
.prime_embrace5 h2 {
    font-size: 2em;
} 
#imagesControl67f60818fe2685001a4ee5fd {
    padding: 0px ! IMPORTANT;
}
.k-riz1 {
    grid-template-columns: 100%;
    width: 100%;
    margin: 0 auto;
    margin-right: 0;
    margin-bottom: 0%;
    margin-top: 0%;
    color: #1A3629;
    padding: 5% 5%;
}
.k-riz1 p {
    white-space: inherit;
}
.k-riz1 h2 {
    white-space: break-spaces;
    font-size: 2em;
}
.k-riz2 h2 {
    font-size: 2em;
    margin-top: 5%;
    margin-bottom: 5%;
}
.k-riz2 p {
    white-space: inherit;
} 
.k-riz3 {
        grid-template-columns: 40% 54%;
    gap: 20px;
    width: 100%;
} 
.k-riz3-detail01 {
    width: 50%;
} 
.k-riz3-detail1 {
    font-size: 16px;
} 
.k-riz3-text {
    font-size: 20px;
} 
#imagesControl67f5e57f931501001add06aa {
    padding: 0px !important;
}  
#carousel67f5e57f931501001add06aa {
    margin-bottom: -2%;
} 
#imagesControl67f5e531b29243001af11507 {
    display: none;
} 
.empty-space19 h5 {
    font-size: 16px;
} 
.empty-space19 h1 {
    font-size: 20px;
}
.empty-space19 h4 {
    font-size: 16px;
}
.empty-space19-text {
    font-size: 16px;
} 
.empty-space19 h3 {
    font-size: 16px;
}
.empty-space19 h2 {
    font-size: 20px;
}  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}



@media screen and (max-width : 375px) {
 .TabItpContent .nav-justified {
        width: 95% !important;
        display: flex;
        justify-content: space-evenly;
      margin: 20px 0 30px !important;
    }
 }