.itopplus-background {

}
@font-face {
  font-family: "FC Iconic Bold Italic";
  src: url("https://itp1.itopfile.com/ContentImage/z_itp_20062022f3rw/FC-Iconic/FC Iconic Bold Italic.otf") format("opentype"),
    /* Modern Browsers */ url("https://itp1.itopfile.com/ContentImage/z_itp_20062022f3rw/FC-Iconic/FC Iconic Bold Italic.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: "FC Iconic Bold";
  src: url("https://itp1.itopfile.com/ContentImage/z_itp_20062022f3rw/FC-Iconic/FC Iconic Bold.otf") format("opentype"),
    /* Modern Browsers */ url("https://itp1.itopfile.com/ContentImage/z_itp_20062022f3rw/FC-Iconic/FC Iconic Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: "FC Iconic Italic";
  src: url("https://itp1.itopfile.com/ContentImage/z_itp_20062022f3rw/FC-Iconic/FC Iconic Italic.otf") format("opentype"),
    /* Modern Browsers */ url("https://itp1.itopfile.com/ContentImage/z_itp_20062022f3rw/FC-Iconic/FC Iconic Italic.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: "FC Iconic Regular";
  src: url("https://itp1.itopfile.com/ContentImage/z_itp_20062022f3rw/FC-Iconic/FC Iconic Regular.otf") format("opentype"),
    /* Modern Browsers */ url("https://itp1.itopfile.com/ContentImage/z_itp_20062022f3rw/FC-Iconic/FC Iconic Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

.itopplus-footer {
  color: #fff;
}

.itopplus-footer a {
  color: #fff;
}

.itopplus-footer a:hover {
  color: #fff;
}

a {
  color: #000;
  transition: 0.35s;
}

#background63084e0262b76800135a5db9 a:hover {
  color: #fff;
}

#background63084e0262b76800135a5db9 a {
  color: #fff;
}

a:hover {
  color: #2dabe2;
}

body,
html {
  overflow-x: hidden;
  font-family: "FC Iconic Regular";
}

.itopplus-bg {
  background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_20062022f3rw/0/0/bgz-z982656174072.webp);
  background-position: bottom;
}

.itopplus-bg2 {
  background: linear-gradient(to bottom, #e7f0f7 0%, #d0e1eb 100%);
}

.itopplus-bg3 {
  background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_20062022f3rw/1903/0/2z-z737142601761.webp");
  background-position: bottom;
}

.itopplus-nav-bar li:not(:last-of-type):not(.itopplus-sidebar-menu-parent):not(.dropdown-submenu):not(#menu6305e7f662b76800135a1e15):after {
  content: "|";
  font-size: 18px;
  position: absolute;
  top: 26%;
  font-weight: 500;
  right: 0;
  color: #000;
}

#main-navbar-collapse {
  text-align: center;
}

.itopplus-search {
  color: #fff;
  margin-top: 2%;
}

.navbar-default .navbar-nav > li > a {
  color: #000;
}

.navbar-default .navbar-nav > li > a {
  margin-left: 30px;
  margin-right: 30px;
  font-size: 20px;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  background-color: #e8e8e8;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  background-color: #e8e8e8;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:active {
  color: #000 !important;
  box-shadow: 0px 3px 0px 0px #1e71bf;
  border-radius: none;
  background: transparent;
  background-color: transparent;
}
.form-control {
  font-size: 16px !important;
}

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

  .navbar-default {
    background: transparent !important;
  }

  .navbar-default.navbar-fixed .nav {
    display: block;
  }

  #background6308457a2f9ba6001bcf5595 {
    width: 110%;
    margin-left: -5%;
  }

  #background6308457a2f9ba6001bcf5591 {
    padding: 8% 0%;
  }

  .padabouthome {
    margin: -5% 0% 35% 0%;
  }

  .padabout {
    padding: 18% 0% 20%;
  }

  .padabout2 {
    margin-top: 15%;
  }

  .itopplus-menu {
    margin-top: 1%;
  }

  .navbar-nav > li > a {
    padding-bottom: 5px;
    padding-top: 10px;
  }

  #background6308457b2f9ba6001bcf55a4 {
    margin-bottom: 3%;
  }

  .no-js #Component6308810f62b76800135a6dd9 .form-control {
    font-size: 19px !important;
  }

  #background630893ab2f9ba6001bcf694c {
    width: 67%;
    margin: 0 auto;
    margin-top: -1%;
  }

  .delisciButton38 {
    font-size: 22px !important;
  }

  .delisciWarning {
    margin-left: 29% !important;
    width: 50% !important;
  }

  .Textmanager.font-inherit {
    display: flow-root;
  }

  .padourproduct2 {
    margin-top: 5%;
    margin-left: 5%;
    text-align: left;
  }
}

@media screen and (min-width: 1900px) {
  h1 {
    font-size: 8em !important;
  }

  h2 {
    font-size: 6em !important;
  }

  h3 {
    font-size: 3em !important;
  }

  h4 {
    font-size: 20px !important;
  }

  h5 {
    font-size: 22px !important;
  }

  h6 {
    font-size: 36px !important;
  }

  p {
    font-size: 28px !important;
  }

  .navbar-default .navbar-nav > li > a {
    margin-left: 40px !important;
    margin-right: 40pxpx !important;
    font-size: 26px !important;
  }

  .padfeedindhead {
    font-size: 26px !important;
  }

  .texthead {
    font-size: 26px !important;
    line-height: 0;
    margin-top: 20px !important;
  }

  #background6308457a2f9ba6001bcf5595 {
    width: 117% !important;
    margin-left: -5%;
  }

  #background6308457a2f9ba6001bcf5591 {
    padding: 8% 0% !important;
  }

  .padtext2 {
    font-size: 28px !important;
  }

  .padtext4 span {
    font-size: 30px !important;
  }

  .padtext4 {
    font-size: 53px !important;
  }

  .btnmore {
    font-size: 26px !important;
  }

  .logovetsynova {
    width: 80% !important;
  }

  .textproductdedelisci2 {
    font-size: 26px !important;
  }

  .textproductdedelisci {
    font-size: 38px !important;
  }

  .textfooterdelisci {
    font-size: 22px !important;
  }

  .textfooterdelisci span {
    font-size: 26px !important;
  }

  .padtext3 {
    font-size: 30px !important;
    margin-top: 5px;
  }

  .textfooterdelisci2 {
    font-size: 20px !important;
  }

  .padabout {
    padding: 25% 0% 25% !important;
  }

  .padcontact {
    font-size: 26px !important;
  }

  .padcontact span {
    font-size: 26px !important;
  }

  .padiconbgcontact {
    width: 65% !important;
  }

  .no-js #Component6308810f62b76800135a6dd9 .form-control {
    font-size: 22px !important;
  }

  #background6308810a62b76800135a6dd4 {
    padding: 3% 0%;
  }

  .padourproduct2 {
    margin-top: 10%;
  }

  .delisciWarning {
    margin-left: 35% !important;
    width: 40% !important;
  }

  .Contentmanager .site .col-section .item.-micro a .caption .title {
    font-size: 30px !important;
  }

  .itopplus-search-image-flex-item {
    width: 190px !important;
  }
  .delisci_footer_text {
    font-size: 24px !important;
  }
  .text_topic_delisci_1 {
    font-size: 38px !important;
  }
  #iframe63089db52f9ba6001bcf6f66 .form-control {
    height: 50px !important;
    font-size: 20px !important;
  }
  .delisciBlockText label {
    font-size: 24px !important;
  }
  .delisciResultContainer {
    font-size: 24px !important;
  }
  .delisciColorText {
    font-size: 30px !important;
  }
  .delisciWarning span {
    font-size: 22px !important;
  }
  .delisciBlockText label {
    font-size: 24px !important;
  }
  .delisciBlockText label {
    width: 90px !important;
  }
  .delisciProductContainer span {
    font-size: 20px !important;
  }
  .delisciBlockText label {
    font-size: 24px !important;
  }
  .form-control {
    font-size: 18px !important;
  }
}

/* oscar*/
figure.effect-oscar {
  background: transparent;
}

figure.effect-oscar img {
  opacity: 1;
}

figure.effect-oscar:hover img {
  opacity: 1;
}

figure.effect-oscar figcaption::before {
  border: 0px solid #fff;
}

figure.effect-oscar figcaption {
  background: transparent;
}

figure.effect-oscar:hover figcaption {
  background: transparent;
}

figure.effect-oscar h2 {
  margin: 0% 0 0px 0;
  -webkit-transition: -webkit-transform 0.32s;
  transition: transform 0.32s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-oscar:hover h2 {
  opacity: 1;
  transition: 0.32s;
  transform: none !important;
}

.grid figure h2 {
  word-spacing: 0em;
  font-weight: 300;
  text-transform: none;
}

figure.effect-oscar img {
  max-width: none;
  -webkit-transition: opacity 0.32s, -webkit-transform 0.32s;
  transition: opacity 0.32s, transform 0.32s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

figure.effect-oscar:hover img {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.05, 1.05, 1);
}

/* oscar */

/*เฉพาะรูปแบบมีขอบ*/
.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.1% !important;
}

#background6308457b2f9ba6001bcf55a4 .thumbnail {
  border: solid 0px #dadada;
  background: transparent;
  color: #fff;
  border-radius: 0px;
  padding: 0% !important;
  transition: 0.5s;
  box-shadow: 3px 3px 15px 1px rgba(225, 149, 145, 0);
}

#background6308457b2f9ba6001bcf55a4 .thumbnail:hover {
  box-shadow: 3px 3px 15px 1px rgba(225, 149, 145, 0);
  background: transparent;
  border-radius: 0px;
  color: #fff;
}

#background632ab18637466600137ed7c5 .thumbnail {
  border: solid 0px #dadada;
  background: transparent;
  color: #fff;
  border-radius: 0px;
  padding: 0% !important;
  transition: 0.5s;
  box-shadow: 3px 3px 15px 1px rgba(225, 149, 145, 0);
}

#background632ab18637466600137ed7c5 .thumbnail:hover {
  box-shadow: 3px 3px 15px 1px rgba(225, 149, 145, 0);
  background: transparent;
  border-radius: 0px;
  color: #fff;
}

/*contenemanager*/
h3.managerHeader {
  font-size: 24px;
  font-weight: 500;
  color: #2dabe2;
}

#Contentmanager .post-time {
  display: none;
}

.page-header {
  margin: 20px 0 50px;
  border-bottom: 1px solid #333;
}

.landingpagemanager {
  display: none;
}

.Contentmanager .site .col-section .item.-micro a .caption .title {
  text-align: center;
  font-size: 21px;
  color: #000;
  padding: 5% 5%;
  display: inherit;
}

.Contentmanager .site .col-section .item.-micro a:hover .caption .title {
  color: #2dabe2;
}

.Contentmanager .site .col-section .item.-micro a .caption .time {
  color: #000;
  margin-top: -3%;
  display: none;
}

article.col-md-6.item.-micro {
  width: 25%;
}

#background6311c3b139a525001395fecc article.col-md-6.item.-micro {
  width: 33.3%;
}

.Contentmanager .site .col-section .item.-micro {
  padding: 10px 10px 10px 15px;
}

.Contentmanager .site .col-section .item.-micro a .image {
  width: 100%;
  margin-bottom: 0px;
}

.Contentmanager .site .col-section .item.-micro a .caption {
  width: 100%;
  background: transparent;
  padding-left: 0;
}

.Contentmanager .site .col-section .item.-micro:nth-child(odd) {
  border-right: none;
  border-bottom: none;
}

.Contentmanager .site .col-section .item.-micro:nth-child(even) {
  border-bottom: none;
}

.Contentmanager .site .col-section .item.-micro a .post {
  display: none;
}

.contenemanager-gallery .col-xs-12.col-md-3 {
  padding-left: 10px;
  padding-right: 10px;
  width: 33%;
}

.Contenemanager-gallery .col-xs-6.col-md-3 {
  padding-left: 10px;
  padding-right: 10px;
  width: 33%;
  margin-top: 3%;
}

.contenemanager-gallery .thumbnail {
  padding: 0px;
  border: 0px solid #fff;
  border-radius: 0px;
  transition: 0.3s;
}

.Contenemanager-gallery .thumbnail {
  padding: 0px;
  border: 0px solid #fff;
  border-radius: 0px;
  transition: 0.3s;
}

.Contenemanager-gallery .thumbnail:hover {
  transition: 0.3s;
  border: 0px solid #fff;
  background-color: white;
}

.contenemanager-gallery .thumbnail:hover {
  transition: 0.3s;
  border: 0px solid #fff;
  background-color: white;
}

.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);
}

.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);
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: transparent;
}

.fbcomments,
.fbcomments {
  display: none;
}

.thumbnail {
  border: 0px solid #ddd;
}

.img-thumbnail,
.thumbnail {
  box-shadow: 0 0px 0px rgb(0 0 0 / 8%);
}

.Contentmanager .img-thumbnail {
  border: 0px solid #ddd;
}

.Contentmanager p {
  white-space: break-spaces;
  font-size: 20px;
}

.Contentmanager h3 {
  white-space: break-spaces;
  font-size: 26px;
}

.Contentmanager .site .col-section .item.-micro a .img-zoom img:hover {
  transform: scale3d(1.05, 1.05, 1) !important;
}

.Contentmanager .thumbnail {
  background-color: transparent;
}

.img-thumbnail {
  background-color: transparent;
}

/*contenemanager*/

/*from Contact us*/
.no-js #Component6308810f62b76800135a6dd9 label {
  display: none !important;
}

.no-js #Component6308810f62b76800135a6dd9 .col-md-6 {
  width: 100%;
  margin-left: auto;
  display: block;
  margin-right: auto;
  float: initial;
}

.no-js #Component6308810f62b76800135a6dd9 .form-control {
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0px !important;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  padding: 19.5px 0px;
  font-weight: 300;
  background: transparent;
  color: #000;
  font-family: "FC Iconic Regular";
}

.no-js #Component6308810f62b76800135a6dd9 .form-control:hover {
  border-bottom: 1px solid #2dabe2;
}

.no-js #Component6308810f62b76800135a6dd9 .form-control:focus {
  border-bottom: 1px solid #2dabe2;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075), 0 0 0px rgba(102, 175, 233, 0);
  color: #000 !important;
}

.no-js #Component6308810f62b76800135a6dd9 .btn {
  background-image: -webkit-linear-gradient(top, #111f39 0, #111f39 100%);
  background-image: -o-linear-gradient(top, #111f39 0, #111f39 100%);
  background: linear-gradient(to right, #2dabe2 0, #2dabe2 25%, #2dabe2 50%, #2dabe2 75%, #2dabe2 100%);
  color: #fff;
  background-repeat: repeat-x;
  border-color: #0000;
  border-radius: 25px;
  padding: 10px 30px;
  font-size: 16px;
  border: 0px solid transparent;
  font-family: "FC Iconic Regular";
}

.no-js #Component6308810f62b76800135a6dd9 .btn-default:active {
  background-color: #596772;
}

.no-js #Component6308810f62b76800135a6dd9 .btn-default:hover,
.no-js #Component6308810f62b76800135a6dd9 .btn-default:focus {
  background-position: 0 0px;
  background-color: #2dabe2;
}

.no-js #Component6308810f62b76800135a6dd9 .col-xs-12.col-sm-5.col-md-5.padding {
  width: 100%;
}

.no-js #Component6308810f62b76800135a6dd9 span.label {
  font-size: 13px;
  font-weight: 300;
}

#capcha0 .col-md-12.col-sm-12 {
  width: 105.2%;
  margin-left: -4px;
}

a#capchatxt {
  color: #333 !important;
  margin-left: 2%;
}

#Component6308810f62b76800135a6dd9 .col-md-12.col-sm-12 span {
  display: none;
}

.no-js #Component6308810f62b76800135a6dd9 span.label {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  display: contents;
}

br.k-br {
  display: none;
}

span.glyphicon.glyphicon-ok-circle {
  display: none;
}

#background6308810f62b76800135a6dd9 {
  padding: 5% 5%;
  border-radius: 15px;
  box-shadow: 0px 4px 20px 0px rgb(135 135 135 / 19%);
  background: #fff !important;
  width: 100%;
  margin: 0 auto;
}

/*from Contact us*/

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

h1 {
  font-size: 6em;
}

h2 {
  font-size: 4em;
}

h3 {
  font-size: 3em;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 22px;
}

h6 {
  font-size: 28px;
}

p {
  font-size: 21px;
}

.textdelisci {
  white-space: break-spaces;
}

.textdelisci span {
  font-weight: 600;
}

.pd {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 10% 0% 3%;
  transition: 0.35s;
}

.pictext {
  width: 18%;
  text-align: center;
  margin-top: 0%;
}

.padtext {
  width: 96%;
  align-self: center;
  font-size: 56px;
  white-space: break-spaces;
  margin-left: 20px;
  line-height: 0.8;
  font-weight: 300;
  font-family: "FC Iconic Regular";
  color: #2dabe2;
}

.padtext span {
  font-family: "FC Iconic Bold";
}

.pd2 {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 3% 0%;
  transition: 0.35s;
}

.pd2:hover {
  transition: 0.35s;
  transform: translateX(-7px);
}

.pictext2 {
  width: 20%;
  text-align: center;
  margin-top: 0%;
}

.padtext2 {
  width: 96%;
  align-self: center;
  font-size: 24px;
  white-space: break-spaces;
  margin-left: 14px;
  line-height: 1.5;
}

.pd3 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-left: 30%;
  margin-top: 15%;
  transition: 0.35s;
}

.pictext3 {
  width: 16%;
  text-align: center;
  margin-top: 1%;
}

.padtext3 {
  width: 96%;
  align-self: center;
  font-size: 23px;
  white-space: break-spaces;
  margin-left: 16px;
  line-height: 1;
}

.pd4 {
  display: flex;
  justify-content: center;
  background: linear-gradient(to right, #229bd0 0%, #75d5ff 100%);
  color: #fff;
  margin: 0 auto;
  padding: 1.5% 0%;
  margin-top: 3%;
  margin-bottom: 2%;
  width: 40%;
  border-radius: 100px;
  transition: 0.35s;
}

.pd4:hover {
  transition: 0.35s;
  transform: scale(1.05);
}

.pictext4 {
  width: 19%;
  text-align: center;
  margin-left: 9%;
  margin-top: 1%;
}

.padtext4 {
  width: 96%;
  align-self: center;
  font-size: 43px;
  white-space: break-spaces;
  margin-left: 24px;
  line-height: 0.8;
  font-weight: 600;
}

.padtext4 span {
  font-size: 24px;
  font-weight: 300;
}

.btnmore {
  background: #1e71bf;
  color: #fff;
  font-size: 20px;
  padding: 5px;
  width: 25%;
  margin-top: 5%;
  transition: 0.35s;
  text-align: center;
}

.btnmore:hover {
  transition: 0.35s;
  transform: scale(1.05);
}

.textproductdedelisci2 {
  font-size: 20px;
  text-align: center;
}

.textproductdedelisci {
  text-align: center;
  font-size: 32px;
}

.logovetsynova {
  width: 85%;
  margin-bottom: 5%;
}

.textfooterdelisci {
  white-space: break-spaces;
  font-size: 18px;
}

.textfooterdelisci span {
  font-size: 24px;
}

.padsocialfooter {
  margin-top: 15%;
  margin-left: 25%;
}

.textfooterdelisci2 {
  margin-top: 4%;
  font-size: 18px;
  margin-left: 25%;
}

.padmenu {
  text-align: center;
  padding: 3% 0% 0%;
}

.logodelisci {
  width: 40%;
  margin-bottom: 5%;
}

.padfeedindhead {
  background: #1e71bf;
  width: 73%;
  margin: 0 auto;
  text-align: center;
  font-size: 20px;
  margin-top: -1px;
  padding: 3% 0%;
}

.img-iconhead {
  width: 13% !important;
}

.texthead span {
  font-family: "FC Iconic Bold";
}

.texthead {
  font-size: 20px;
  line-height: 0;
  margin-top: 12px;
}

.padtextmenu {
  padding: 2% 0% 0%;
}

.bg-contact {
  font-size: 16px;
  background-color: #ffffff91;
  box-shadow: 5px 5px 10px 0px rgb(120 156 74 / 10%);
  padding: 2% 0 !important;
  border-radius: 15px;
  transition: 0.5s;
}

.bg-contact:hover {
  transition: 0.35s;
  transform: translateY(-7px);
}

.padcontact {
  padding: 4px 0 0;
  font-size: 22px;
  line-height: 1.1;
}

.padcontact span {
  font-weight: 600;
  color: #2dabe2;
  font-size: 25px;
  line-height: 1;
}

.padiconbgcontact {
  width: 70%;
  margin-left: 25%;
}

.comingsoon {
  margin: 5% 0% 10%;
}

.padtextproduct {
  margin-top: 5%;
}

#background63084e9062b76800135a5e44 {
  padding: 5%0%;
}

#background632ab42a3038d400149fdce4 figure.effect-oscar {
  border-radius: 25px;
}

#background63084e9062b76800135a5e45 figure.effect-oscar {
  border-radius: 25px;
}

.delisciHeader {
  height: 60px;
}

.delisciTopLogo {
  font-size: 24px;
  font-weight: 700;
  display: none;
}

.delisciTopLogo.active {
  display: block;
}

.delisciRegister {
  text-align: right;
  padding: 10px;
}

.delisciRegister.unactive {
  display: none;
}

.delisciBody {
}

.delisciTitle {
  padding: 20px;
}

.delisciWelcome {
  display: grid;
  font-size: 20px;
}

.delisciGetstart {
  padding-top: 40px !important;
}

.productExcellaDog01 img,
.productExcellaDog02 img,
.productExcellaDog03 img,
.productExcellaDog04 img {
  width: 100% !important;
  max-width: inherit !important;
}

.delisciFirstPage {
  padding-top: 0px;
}

.delisciFirstPage.unactive {
  display: none;
}

.delisciSecondPage {
  display: none;
}

.delisciSecondPage.active {
  display: block;
}

.delisciSecondPage.unactive {
  display: none;
}

.delisciThirdPage {
  display: none;
}

.delisciThirdPage.active {
  display: block;
}

.delisciThirdPage.unactive {
  display: none;
}

.delisciFourthPage {
  display: none;
}

.delisciFourthPage.active {
  display: block;
}

.delisciFourthPage.unactive {
  display: none;
}

.delisciBlockText {
  padding: 5px;
}

.delisciBlockText label {
  display: inline-block !important;
  width: 60px;
  font-size: 22px;
}

.delisciBlockText input {
  display: inline-block !important;
  width: 200px;
}

.labelPetType {
  font-size: 1.5em;
  font-weight: 400;
}

.labelSterilized {
  font-size: 1.2em;
  font-weight: 400;
}

.delisciBlockText select {
  display: inline-block !important;
  width: 200px;
}

.delisciFifthPage {
  display: none;
}

.delisciFifthPage.active {
  display: block;
}

.delisciFifthPage.unactive {
  display: none;
}

.delisciWarning {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding-top: 80px;
  margin-left: 35%;
  width: 40%;
}

.delisciResultContainer {
  text-align: center;
  font-size: 22px;
}

.text-left {
  text-align: center;
}

.delisciFooter {
  position: fixed;
  width: 200px;
  bottom: 0px !important;
  width: 100%;
  left: 0;
  /* margin: 0 15px; */
  text-align: center;
  padding: 10px;
  background: #fff;
}

.delisciSuggestion {
}

.delisciLogo {
}

.delisciProductDetailContainer {
  text-align: left;
  margin-left: 10%;
  margin-top: -4%;
}

.filter-label {
  font-size: 24px;
  margin-top: 0;
  background-color: #1e71bf;
  color: #fff;
  padding: 14px;
  margin: 0 auto 2%;
}

.filter-label2 {
  font-size: 24px;
  margin-top: 0;
  background-color: #1e71bf;
  color: #fff;
  padding: 14px;
  margin: 0 auto 2%;
}

.filter-label3 {
  font-size: 24px;
  margin-top: 0;
  background-color: #1e71bf;
  color: #fff;
  padding: 14px;
  margin: 0 auto 2%;
}

.filter-label4 {
  font-size: 24px;
  margin-top: 0;
  background-color: #1e71bf;
  color: #fff;
  padding: 14px;
  margin: 0 auto 2%;
}

.delisciProductDetailContainer > div:nth-child(1) > span {
  font-size: 26px;
  color: #2dabe2;
}

.delisciProductDetailContainer span {
  font-size: 21px;
}

.itpPetShopFeature {
  height: auto !important;
}

#delisciImageResult {
  margin: 1%;
}

.delisciWelcome {
  font-size: 26px;
}

.delisciRemoveProduct {
  font-size: 21px;
}

.delisciTitle {
  padding: 20px 0px 10px;
  font-family: "FC Iconic Bold";
  color: #2dabe2;
}

.itpPetShopFeature {
  height: auto;
}

#iframe63089db52f9ba6001bcf6f66 .form-control {
  height: 40px;
  padding: 11px 12px;
  font-size: 18px;
  border: 1px solid #1f72bf;
  border-radius: 0px;
}

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

.hide_cotainer_Hider1,
.hide_cotainer_Hider2,
.hide_cotainer_Hider3 {
  display: none;
}

.hide_cotainer_Hider4 {
  display: block !important;
}
.text_after_checker span {
  float: left;
}
.text_after_checker {
  text-align: left;
}
.emailDeliSciContainer > input {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
input.search-query {
  border-radius: 5px !important;
}

/*  JazzByYing */
.JazzByYing-Position {
  display: block;
  overflow: hidden;
}
.JazzByYing {
  transition: 0.35s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.JazzByYing:hover {
  -webkit-transform: scale3d(1.05, 1.05, 1);
  transform: scale3d(1.04, 1.04, 1);
  transition: 0.35s;
}
figure.effect-apollo {
  background: transparent;
}
figure.effect-apollo figcaption::before {
  background: rgb(255 255 255 / 0%);
}
/*  JazzByYing */

.padsocialfooter {
  display: flex;
  gap: 10px;
  width: 40%;
}
.bgfooter-type-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 70%;
  margin: 0 auto;
  padding: 3% 0%;
  gap: 20px;
}
.empty-2 {
  padding: 2%;
}
.contenemanager-gallery .col-xs-12.col-md-3 {
  width: 50%;
}

@media only screen and (max-width: 900px) {
  h1 {
    font-size: 4em;
  }

  .textdelisci {
    white-space: inherit;
  }

  .padtext {
    font-size: 33px;
  }

  .padtext span {
    font-size: 46px;
  }

  .padtext2 {
    font-size: 22px;
  }

  .pictext2 {
    width: 27%;
  }

  .pd4 {
    width: 65%;
  }

  .btnmore {
    width: 33%;
  }

  #background6308457b2f9ba6001bcf55a4 .col-md-3.col-sm-4.col-xs-4 {
    width: 25%;
  }

  .textproductdedelisci {
    font-size: 28px;
  }

  .textproductdedelisci2 {
    font-size: 18px;
  }

  .itopplus-slide {
    padding-top: 7%;
  }

  .padabout {
    padding: 5% 0% 5%;
  }

  .padcontact {
    font-size: 18px;
  }

  .padcontact span {
    font-size: 22px;
  }

  .padiconbgcontact {
    width: 85%;
    margin-left: 15%;
    margin-top: 10%;
  }

  #background630893ab2f9ba6001bcf694c {
    width: 67%;
    margin: 0 auto;
  }

  .padtext4 span {
    font-size: 22px;
  }

  .padtext4 {
    font-size: 40px;
  }

  .pictext4 {
    width: 18%;
    text-align: center;
    margin-left: 7%;
    margin-top: 1%;
  }

  .pd4 {
    width: 55%;
  }

  #contentnewmode632ab18637466600137ed7c2 {
    padding: 30px 10px 10px 10px !important;
  }

  #contentnewmode630dfc20d47d620013c5461b {
    padding: 30px 10px 10px 10px !important;
  }

  .itopplus-search-image-flex-item {
    margin: 5px 0 !important;
    width: 227px !important;
    min-height: 240px !important;
    max-height: 425px !important;
  }

  .search_titleText {
    padding: 5px 0px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
  }
}

@media only screen and (max-width: 480px) {
  .delisciWarning {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    margin-left: 10%;
    width: 80%;
  }

  .delisciProductDetailContainer {
    margin-left: 25%;
  }

  h1 {
    font-size: 5em;
  }

  h2 {
    font-size: 3em;
  }

  #background6308457b2f9ba6001bcf55a4 .col-md-3.col-sm-4.col-xs-4 {
    width: 100%;
  }

  #imagesControl63087fba62b76800135a6d73 {
    padding: 0px !important;
    margin-top: 10px;
  }

  #background6308457a2f9ba6001bcf5595 .col-md-4.col-sm-4.col-xs-12 {
    width: 33.3%;
  }

  #background6308457a2f9ba6001bcf5595 {
    width: 125%;
    margin-left: -5%;
  }

  .pictext2 {
    width: 15%;
  }

  .pd4 {
    width: 100%;
  }

  .padtext4 {
    font-size: 35px;
  }

  .padtext4 span {
    font-size: 20px;
  }

  .pictext4 {
    width: 17%;
    text-align: center;
    margin-left: 9%;
    margin-top: 2%;
  }

  .padabouthome {
    padding-bottom: 10%;
  }

  .textproductdedelisci2 {
    font-size: 22px;
  }

  .textproductdedelisci {
    font-size: 32px;
  }

  #background6308457a2f9ba6001bcf5591 {
    margin-bottom: 15%;
  }

  .padabouthome {
    padding-bottom: 30%;
  }

  .padtextmenu {
    padding: 7% 0% 0%;
  }

  article.col-md-6.item.-micro {
    width: 100%;
  }

  .padcontact {
    font-size: 20px;
  }

  .padcontact span {
    font-size: 24px;
  }

  .padiconbgcontact {
    width: 70%;
    margin-left: 25%;
    margin-top: 10%;
  }

  .padcontact {
    margin-top: 8px;
  }

  #background630893ab2f9ba6001bcf694c {
    width: 100%;
    margin-top: -10% !important;
    margin: 0 auto;
  }

  .no-js #Component6308810f62b76800135a6dd9 .form-control {
    font-size: 18px !important;
  }

  .no-js #Component6308810f62b76800135a6dd9 .btn {
    font-size: 18px !important;
    padding: 7px 30px !important;
  }

  .comingsoon {
    margin: 30% 0% 40%;
  }

  .pd {
    padding: 10% 0% 5%;
  }

  .padabouthome {
    margin-top: -10%;
  }

  .pd4 {
    padding: 3.5% 0%;
  }

  .padtext4 {
    margin-left: 13px;
  }

  .Contentmanager .textdelisci {
    text-align: left;
  }

  .Contentmanager .text02 {
    text-align: left;
  }

  .Contenemanager-gallery .col-xs-6.col-md-3 {
    width: 100%;
  }

  .padabout {
    padding: 5% 0% 50%;
  }

  .bgcalculator {
    width: 100%;
    margin: inherit;
  }

  #InmyDiv1661860908765 {
    width: 100% !important;
  }

  #background6311c3b139a525001395fecc article.col-md-6.item.-micro {
    width: 100%;
  }

  .itopplus-search-image-flex-item {
    width: 100% !important;
    min-height: 210px !important;
    max-height: inherit !important;
  }

  .itopplus-search-image-flex-item img {
    width: 100% !important;
  }

  .search_titleText {
    padding: 5px 0px;
    font-size: 14px;
  }

  .search_text {
    padding: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
  }

  .delisciContainer {
    width: 100%;
  }

  #background63089db52f9ba6001bcf6f66 {
    margin: 15% 0;
  }

  .delisciRemoveProduct {
    padding-top: 20px !important;
  }

  .delisciRemoveProduct {
    padding-top: 10px !important;
  }
  .delisciButton38 {
    font-size: 24px !important;
  }
  .welcome_text_delisci2 {
    line-height: 1 !important;
  }
  .flex_delisci_dog {
    display: inherit !important;
  }
  .deli_product_card {
    width: 325px !important;
  }
  .delisci_detail_flex {
    display: inherit !important;
    width: 100%;
  }
  .delisci_dog_image_detail {
    width: 100% !important;
  }
  .delisci_dog_image_detail img {
    width: 100% !important;
    margin-top: 15px !important;
    margin-left: 0px !important;
  }
  .detail_main_container {
    width: 100% !important;
  }
  .flex_right_cal_deli {
    width: 50% !important;
  }
  .flex_left_cal_deli {
    width: 50% !important;
  }
  .delisciBlockText select {
    display: inline-block !important;
    width: 100% !important;
  }
  .delisciBlockText input {
    width: 100% !important;
  }
  .flex_left_cal_deli {
    width: 50% !important;
  }
  .calculate_container_flex_deli {
    text-align: left !important;
    font-size: 18px !important;
  }
  .delisciBlockText label {
    width: auto !important;
  }
  .delisci_cat_image_detail {
    width: 100% !important;
  }
  .delisci_cat_image_detail img {
    width: 63%;
    margin-top: 0px !important;
    margin-left: 0px !important;
    margin-bottom: 10%;
  }
  .delisciTitle_2 {
    width: 100% !important;
  }

  .bgfooter-type-grid {
    grid-template-columns: repeat(1, 1fr);
    width: 80%;
    padding: 10% 0%;
    gap: 50px;
  }
  .contenemanager-gallery .col-xs-12.col-md-3 {
    width: 100%;
  }
}

#searchResultLanding .panel {
  margin: 6% 0;
}

#itp-shopcart-detail {
  padding-left: 0px !important;
}

.itopplus-search-image-flex-item {
  padding: 0px !important;
  width: 213px !important;
  min-height: 300px !important;
  max-height: 430px !important;
  background-color: #fff !important;
  box-shadow: none !important;
}

.itopplus-search-image-flex-item img {
  width: 100% !important;
}

.search_titleText {
  padding: 5px 0px;
  font-size: 16px;
}

.search_text {
  padding: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

.delisciWarning span {
  font-size: 18px;
}

.saveButtonHider.active.delileftSide {
  float: left;
  background: #1e71bf;
  color: #fff;
  font-size: 21px;
  border: 1px solid #fff;
  padding: 8px;
  border-radius: 25px;
}

.itopplus-sidebar-main {
  width: 100% !important;
}

.fancybox-skin {
  position: relative;
  background: #fff;
  color: #444;
  text-shadow: none;
  border-radius: 0px !important;
  padding: 15px !important;
  margin: 0 auto;
  box-shadow: 0 0px 0px rgb(0 0 0 / 50%) !important;
}

.fancybox-inner {
  box-shadow: 0 10px 50px rgb(0 0 0 / 0%) !important;
}

ul.icon-product ::marker {
  color: #2dabe2;
}

.table-responsive {
  margin-bottom: 5%;
}

#tableA {
  width: 100%;
}

#tableA th {
  background-color: #abe0f9;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #333;
  text-align: center;
  color: #000;
}

#tableA td {
  border: 1px solid #333;
  padding: 10px;
  font-size: 16px;
  width: 17%;
  text-align: center;
}

#tableA tr:nth-child(even) {
  background-color: #eeeeef;
}

#tableA tr:hover {
  background-color: #eeeeef;
}

#background65600e0350a6be001311931d .Contentmanager .site .col-section .item.-micro a .caption .title,
#background6560200350a6be00131198b6 .Contentmanager .site .col-section .item.-micro a .caption .title,
#background67f4a7bf6b9773001a618c35 .Contentmanager .site .col-section .item.-micro a .caption .title,
#background67f4ad496b9773001a618da3 .Contentmanager .site .col-section .item.-micro a .caption .title {
  color: #fff;
}

@media screen and (max-width: 1200px) {
  #language_member_bar {
    display: none;
  }

  #controlBanner img {
    position: fixed;
    top: 5px;
    left: 10px;
    width: 50px !important;
    z-index: 10000;
    filter: brightness(0) invert(1);
  }

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

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

  .navbar-default,
  .navbar-header,
  #ItopplusMainSidebar {
    background: #2dabe2 !important;
  }

  #ItopplusMainSidebar a {
    color: #fff !important;
    text-align: left !important;
    font-size: 20px !important;
  }

  #itpMenuSideBar span.icon-bar {
    background: #fff !important;
  }

  .itopplus-sidebar-menu-single {
    border: none;
  }

  #itpMenuSideBar,
  .menu-mobile-custom {
    display: grid !important;
    place-content: center;
    height: 50px;
    border: none;
    aspect-ratio: 1;
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
  }

  .old-image-icon-facebook,
  .old-image-icon-line,
  .old-image-icon-instragram,
  .old-image-icon-youtube {
    display: grid !important;
  }

  #itpMenuSideBar .navbar-inline:nth-child(2),
  #main-navbar-collapse,
  .new-image-icon-facebook,
  .new-image-icon-line,
  .new-image-icon-instragram,
  .new-image-icon-youtube {
    display: none !important;
  }

  .navbar-header i::before {
    display: none !important;
  }

  .navbar-header i {
    display: grid;
    height: 50px;
    aspect-ratio: 1;
    filter: brightness(0) invert(1);
    padding: 15px;
  }

  #itpphonemobile i {
    content: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/phonez-z921908240939.png);
  }

  #itpsearchmobile i {
    content: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/searchz-z802258593714.png);
  }

  .old-image-icon-facebook i {
    content: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/fbz-z870717797999.png);
  }

  .old-image-icon-line i {
    content: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/linez-z21670262898.png);
  }

  .old-image-icon-instragram i {
    content: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/igz-z1587384208209.png);
  }

  .old-image-icon-youtube i {
    content: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/ytz-z962652931262.webp);
    width: 55px !important;
  }

  #languagemobile {
    order: 10;
  }
}

.hide_cotainer_Hider1 .hide_cotainer_Hider2 .hide_cotainer_Hider3 {
  display: none;
}

.hide_cotainer_Hider4 {
  display: block !important;
}

.Textmanager.font-inherit {
  text-align: left;
}
.vdo-delisci {
  padding: 5% 0%;
}
video#myVideo1742179244922 {
  border-radius: 25px;
}
#imagesControl67dbe4e7e198a1001306d753 {
  padding: 0px !important;
}
#imagesControl67dbe457e3dfc80013583ac2 {
  padding: 0px !important;
}

#background67f4a7bf6b9773001a618c35 .Contentmanager .site .col-section .item.-micro a img {
  background: #fff;
}
#background67f4ad496b9773001a618da3 .Contentmanager .site .col-section .item.-micro a img {
  background: #fff;
}
#ContentmanagerTemplate67f4a7bf6b9773001a618c35 .row.flex {
  display: flex;
  justify-content: center;
}
#ContentmanagerTemplate67f4ad496b9773001a618da3 .row.flex {
  display: flex;
  justify-content: center;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.delisci_footer_back_button {
  padding-top: 20px;
}
.text_big_delisci_con {
}
#startDelisci_dog {
  display: inline-block;
  background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_170520241t7v/0/0/bt-dogz-z36336360042.webp);
  background-repeat: no-repeat;
  background-position: center;
  height: 55px;
  width: 155px;
}
#startDelisci_cat {
  display: inline-block;
  background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_170520241t7v/0/0/bt-catz-z1114996248952.webp);
  background-repeat: no-repeat;
  background-position: center;
  height: 55px;
  width: 155px;
}

.delisci_footer_text {
  padding-top: 20px;
  font-size: 20px;
  padding-bottom: 10px;
}

.text_topic_delisci_1 {
  font-size: 32px;
  font-weight: 600;
}

.text_topic_delisci_1_cat {
  font-size: 34px;
  font-weight: 600;
}

.welcome_text_delisci1 {
  font-size: 32px;
}
.welcome_text_delisci2 {
  font-weight: 600;
  font-size: 38px;
}

.labelPetTopic.unactive {
  color: rgb(195, 195, 195);
}

.activeColorText {
  border: 1px solid rgb(195, 195, 195) !important;
  color: rgb(195, 195, 195) !important;
}

.calculate_container_flex_deli {
  width: 100%;
  display: flex;
  justify-content: center;
}
.flex_left_cal_deli {
  width: 25%;
}
.flex_right_cal_deli {
  width: 25%;
}

.delisci_detail_flex {
  display: flex;
  width: 100%;
}
.delisci_cat_image_detail {
  width: 50%;
}
.delisci_cat_image_detail img {
  width: 35%;
  margin-top: 25px;
  margin-left: 220px;
}

.delisci_dog_image_detail {
  width: 50%;
}

.delisci_dog_image_detail img {
  width: 45%;
  margin-top: 15px;
  margin-left: 150px;
}

.detail_main_container {
  width: 50%;
  margin-top: 30px;
}
.text_topic_delisci_inside {
  text-align: left;
  font-size: 26px;
  font-weight: 600;
}
.text_detail_delisci_flex {
  display: flex;
}
.image_checker_delisci {
  width: 35px;
}
.image_checker_delisci img {
  margin-top: 8px;
}
.text_after_checker {
  font-size: 24px;
}
.blue_text_delisci {
  color: #2dabe2;
}

.deli_product_card {
  width: 375px;
  padding: 20px;
  margin: 0 auto;
}

.deli_product_card:hover {
  cursor: pointer;
  /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
}
.deli_product_card.activeChoosed {
  /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
}

.deli_product_card:hover .delisci_image_product {
  background-color: rgb(41, 169, 225);
}
.deli_product_card.activeChoosed .delisci_image_product {
  background-color: rgb(41, 169, 225);
}

.flex_delisci_dog {
  display: flex;
  width: 100%;
  justify-content: center;
}

.delisci_image_product {
  width: 80%;
  margin: 0 auto;
}

.delisci_dog_image {
  width: 90%;
}

.back_button_delisci {
  cursor: pointer;
  color: #2dabe2;
  font-size: 20px;
}

.text_big_delisci {
  color: #2dabe2;
  font-size: 2em;
  padding-right: 10px;
}
.itpPetShopFeature {
  height: 800px;
}

.delisciContainer {
  /* background-color: #fff; */
  /* padding: 5%; */
  width: 100%;
  /* margin: 2% auto; */
  /* border-radius: 20px;
        box-shadow: 0 0 25px rgba(0, 0, 0, 15%); */
}

.delisciContainer input::-webkit-outer-spin-button,
.delisciContainer input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.delisciContainer input[type="number"] {
  -moz-appearance: textfield;
}
.delisciTopLogo {
  font-size: 24px;
  font-weight: 700;
  display: none;
}
.delisciTopLogo.active {
  display: block;
}
.delisciRegister {
  text-align: right;
  padding: 10px;
}
.delisciRegister.unactive {
  display: none;
}
.delisciBody {
}

.delisciPrintTopLogo {
  font-size: 24px;
  font-weight: 700;
  display: none;
}
.delisciPrintTopLogo.active {
  display: block;
}
.delisciPrintFootLogo {
  display: none;
}
.delisciPrintFootLogo.active {
  display: block;
}
.delisciTitle {
  padding: 20px;
  width: 80%;
  margin: 0 auto;
}
.delisciTitle img {
  width: 100%;
}

.delisciTitle_2 {
  padding: 20px;
  width: 70%;
  margin: 0 auto;
}
.delisciWelcome {
  display: grid;
  font-size: 26px;
  padding-bottom: 20px;
  padding-top: 20px;
}
.delisciGetstart {
  padding-top: 100px;
  padding-bottom: 20px;
}

.delisciButton38 {
  background-color: #1e71bf;
  border: 0;
  border-radius: 0.5rem;
  box-sizing: border-box;
  color: white;
  font-family: "FC Iconic Regular";
  font-size: clamp(20px, 1vw ,22px);
  font-weight: 600;
  line-height: 3rem;
  padding: 0.75rem 3rem;
  text-align: center;
  text-decoration: none #d1d5db solid;
  text-decoration-thickness: auto;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%);
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

button#startFunctionDelisci {
  transition: all 0.2s;
}
button#startFunctionDelisci span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.2s;
}

button#startFunctionDelisci span:after {
  content: "\00bb";
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.2s;
}

button#startFunctionDelisci:hover span {
  padding-right: 25px;
}

button#startFunctionDelisci:hover span:after {
  opacity: 1;
  right: 0;
}

button.delisciNext {
  transition: all 0.2s;
}
button.delisciNext span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.2s;
}

button.delisciNext span:after {
  content: "\00bb";
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.2s;
}

button.delisciNext:hover span {
  padding-right: 25px;
}

button.delisciNext:hover span:after {
  opacity: 1;
  right: 0;
}

button.delisciPevious {
  transition: all 0.2s;
}
button.delisciPevious span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.2s;
}

button.delisciPevious span:after {
  content: "\00ab";
  position: absolute;
  opacity: 0;
  top: 0;
  left: -20px;
  transition: 0.2s;
}

button.delisciPevious:hover span {
  padding-left: 25px;
}

button.delisciPevious:hover span:after {
  opacity: 1;
  left: 0;
}

button.delisciNext2 {
  transition: all 0.2s;
}
button.delisciNext2 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.2s;
}

button.delisciNext2 span:after {
  content: "\00bb";
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.2s;
}

button.delisciNext2:hover span {
  padding-right: 25px;
}

button.delisciNext2:hover span:after {
  opacity: 1;
  right: 0;
}

button.delisciPevious2 {
  transition: all 0.2s;
}
button.delisciPevious2 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.2s;
}

button.delisciPevious2 span:after {
  content: "\00ab";
  position: absolute;
  opacity: 0;
  top: 0;
  left: -20px;
  transition: 0.2s;
}

button.delisciPevious2:hover span {
  padding-left: 25px;
}

button.delisciPevious2:hover span:after {
  opacity: 1;
  left: 0;
}

.delisciFirstPage,
.delisciFirstPage_2,
.delisciFirstPage_cat,
.delisciFirstPage_cat_2,
.delisciFirstPage_dog,
.delisciFirstPage_cat_detail,
.delisciFirstPage_cat_detail_2,
.delisciFirstPage_cat_detail_3,
.delisciFirstPage_cat_detail_4,
.delisciFirstPage_dog1_detail,
.delisciFirstPage_dog2_detail,
.delisciFirstPage_dog3_detail,
.delisciFourthPage {
  padding-top: 30px;
}
.delisciFirstPage.unactive {
  display: none;
}

.delisciFirstPage_2 {
  display: none;
}
.delisciFirstPage_2.active {
  display: block;
}
.delisciFirstPage_2.unactive {
  display: none;
}

.delisciFirstPage_cat {
  display: none;
}
.delisciFirstPage_cat.active {
  display: block;
}
.delisciFirstPage_cat.unactive {
  display: none;
}

.delisciFirstPage_cat_2 {
  display: none;
}
.delisciFirstPage_cat_2.active {
  display: block;
}
.delisciFirstPage_cat_2.unactive {
  display: none;
}

.delisciFirstPage_dog {
  display: none;
}
.delisciFirstPage_dog.active {
  display: block;
}
.delisciFirstPage_dog.unactive {
  display: none;
}

.delisciFirstPage_cat_detail {
  display: none;
}
.delisciFirstPage_cat_detail.active {
  display: block;
}
.delisciFirstPage_cat_detail.unactive {
  display: none;
}

.delisciFirstPage_cat_detail_2 {
  display: none;
}
.delisciFirstPage_cat_detail_2.active {
  display: block;
}
.delisciFirstPage_cat_detail_2.unactive {
  display: none;
}

.delisciFirstPage_cat_detail_3 {
  display: none;
}
.delisciFirstPage_cat_detail_3.active {
  display: block;
}
.delisciFirstPage_cat_detail_3.unactive {
  display: none;
}

.delisciFirstPage_cat_detail_4 {
  display: none;
}
.delisciFirstPage_cat_detail_4.active {
  display: block;
}
.delisciFirstPage_cat_detail_4.unactive {
  display: none;
}

.delisciFirstPage_dog1_detail {
  display: none;
}
.delisciFirstPage_dog1_detail.active {
  display: block;
}
.delisciFirstPage_dog1_detail.unactive {
  display: none;
}

.delisciFirstPage_dog2_detail {
  display: none;
}
.delisciFirstPage_dog2_detail.active {
  display: block;
}
.delisciFirstPage_dog2_detail.unactive {
  display: none;
}

.delisciFirstPage_dog3_detail {
  display: none;
}
.delisciFirstPage_dog3_detail.active {
  display: block;
}
.delisciFirstPage_dog3_detail.unactive {
  display: none;
}

.delisciSecondPage {
  display: none;
}
.delisciSecondPage.active {
  /* display:block; */
  animation: fadeIn 2s;
}
.delisciSecondPage.unactive {
  display: none;
}
.delisciThirdPage {
  display: none;
}
.delisciThirdPage.active {
  /* display:block; */
  animation: fadeIn 2s;
}
.delisciThirdPage.unactive {
  display: none;
}
.delisciFourthPage {
  display: none;
}
.delisciFourthPage.active {
  /* display:block; */
  animation: fadeIn 2s;
}
.delisciFourthPage.unactive {
  display: none;
}
.delisciBlockText {
  padding: 10px;
}
.delisciBlockText label {
  display: inline-block !important;
  width: 70px;
  text-align: left;
}
.delisciBlockText input {
  display: inline-block !important;
  width: 200px;
}
.labelPetType {
  font-size: 1.5em;
  font-weight: 400;
}
.labelSterilized {
  font-size: 1.8em;
  font-weight: 400;
}
.delisciBlockText select {
  display: inline-block !important;
  width: 200px;
}
.delisciFifthPage {
  display: none;
}
.delisciFifthPage.active {
  display: block;
}
.delisciFifthPage.unactive {
  display: none;
}
.delisciWarning {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding-top: 50px;
}
.delisciResultContainer {
  /* text-align: left; */
}

.delisciBlockText.normalPet {
  display: none;
}
.delisciBlockText.normalPet.active {
  display: block;
}
.delisciBlockText.sickPet {
  display: none;
}
.delisciBlockText.sickPet.active {
  display: block;
}

.delisciFooter {
  position: fixed;
  bottom: 10px;
  width: 100%;
  left: 0;
  /* margin: 0 15px; */
  text-align: center;
  padding: 10px;
}
.delisciSuggestion {
  font-size: 0.8em;
  padding-bottom: 10px;
}
.delisciLogo {
  display: none;
}
.delisciLogo.active {
  display: block;
}
.delisciCenterLogo.activeMargin {
  margin-top: -5px;
  margin-left: -70px;
}
.delisciHover:hover {
  cursor: pointer;
}
.scrollDelisciProduct {
  overflow-y: auto;
  max-height: 600px;
}
.scrollDelisciProduct {
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}
.scrollDelisciProduct::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}
.delisciProduct {
  cursor: pointer;
}
.saveButtonHider {
  display: none;
}
.saveButtonHider.active {
  display: block;
}
.saveButtonHider.active.delileftSide {
  float: left;
}
.saveButtonHider.active.delirightSide {
  float: right;
}
.delisciColorText {
  color: #2dabe2;
}

.petStatusActivate.disabledCat {
  display: none;
}
.flex_disable_cat.disabledCat2 {
  display: none;
}
.flex_enable_cat.activeCat3 div label {
  color: black !important;
}
.hideForCat {
  display: none !important;
}
.delisciBlockText select.hideForCat {
  display: none !important;
}
.delisciBlockText label.hideForCat {
  display: none !important;
}
@media (min-width: 1024px) {
  .delisciFifthPage {
    height: 900px;
    overflow-y: auto;
  }
}

#myModalSubscribeByEmail > div > div > span {
  display: none;
}
.emailDeliSciContainer > input {
  border-top-left-radius: inherit !important;
  border-bottom-left-radius: inherit !important;
  display: block !important;
  width: 300px;
  margin: 0 auto;
}


.hideforPragnant.active {
	display:none!important;
}
.enableOnlyPragnant {
	display: none;
}
.enableOnlyPragnant.active {
	display: block;
}

