.itopplus-background {

}
body {
  overflow-x: hidden;
}

.itopplus-bg {
  background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_270120248r1z/0/0/1z-z105675916305.webp");
}

.itopplus-bg4 {
  background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_270120248r1z/0/0/4z-z114440658193.webp");
}

.itopplus-footer {
  background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_270120248r1z/0/0/fz-z176777442568.webp");
}

/************Menu***************/
.navbar-default .navbar-nav > li > a {
  color: #000000;
  margin: 0 5px;
  padding: 10px 5px;
  font-family: "Tenor Sans", sans-serif;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: #000000 !important;
  box-shadow: 0px 3px 0px 0px #8c926c;
  border-radius: none;
  background: transparent;
  background-color: transparent;
}

.dropdown-menu > li > a {
  color: #000;
}

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

/********Only Sidebar*********/
@media screen and (max-width: 992px) {
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #444 !important;
    color: #444 !important;
  }

  #controlMenu,
  #controlMenu i,
  #controlMenu li a {
    color: #444 !important;
  }

  .navbar-default {
    background: #fff;
  }

  /*new logo nav*/
  .navbar-header {
    display: flex;
    flex-direction: row-reverse;
    /*box-shadow: 0 0 3px 0 #ccc;*/
    padding: 0 10px;
  }

  .itopplus-logo img {
    position: fixed;
    object-fit: contain;
    width: 65px !important;
    top: 8px;
    left: 15px;
  }
}

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

  #controlBanner {
    object-fit: contain;
    padding: 15px;
    width: auto;
    margin: 0 auto;
  }

  #controlPosition {
    margin-top: 1%;
    text-align: right;
  }

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

  .no-js .itopplus-search {
    color: #000;
  }

  .no-js .itopplus-banner {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 100;
    background: #fff;
    transition: 0.3s;
  }

  .banner-sticky {
    background: #fff !important;
    box-shadow: 0 0 3px 0 #aaa;
  }

  .CASS-D-main .template1 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
  }
}

@media screen and (min-width: 1366px) {
}

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

@media screen and (max-width: 900px) {
}

@media screen and (max-width: 480px) {
}

/*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;
}

.owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  border: solid 1px #434243;
  background: transparent;
} /*
.owl-theme .owl-dots .owl-dot.active span {
    width: 40px;
}*/
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #434243;
}

@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*/

/************font-size***************/

.navbar-default .navbar-nav > li > a,
.dropdown-menu > li > a {
  font-size: 16px;
}

h1 {
  font-size: 4.125em;
}

h2 {
  font-size: 3.2em;
}

h3 {
  font-size: 2.8em;
}

h4 {
  font-size: 2.4em;
}

h5 {
  font-size: 2em;
}

h6 {
  font-size: 1.4em;
}

p,
.pre-project p,
.pre-news p {
  font-size: 16px;
}

.pre-project .btn-text,
.btn-text {
  font-size: 14px;
}

.pre-news .btn-text {
  font-size: 12px;
}

.pt-2 {
  padding-top: 2%;
}

.pt-3 {
  padding-top: 3%;
}

.pt-5 {
  padding-top: 5%;
}

/******************master-page********************/

.btn-login {
  display: grid;
  grid-template-columns: 26% auto;
  gap: 10px;
  align-items: center;
  width: 90px;
}

.head-page {
  display: flex;
  justify-content: end;
  gap: 20px;
  align-items: center;
}

.head-page p {
  margin: 0;
  font-family: "Tenor Sans", sans-serif;
}

.btn-regis p {
  font-weight: 600;
  padding-bottom: 1px;
  border-bottom: 1px solid #878787;
}

.fw-semi {
  font-weight: 600;
}

div#Component6602701fec3a8f00131e8af0 .thumbs {
  margin: 0;
}

.cont-footer {
  display: grid;
  grid-template-columns: 6% auto;
  gap: 10px;
  margin-bottom: 3%;
}

.social-footer {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 60%;
  gap: 10px;
  margin: auto;
}

.logo-part img {
  height: 60px;
  object-fit: contain;
}

.logo-part {
  display: flex;
  gap: 20px;
  flex-wrap: nowrap;
  justify-content: end;
  margin-top: 3%;
}

.log-footer {
  width: 70%;
  margin: auto;
}

.copy-right,
.payment {
  text-align: center;
}

.cont-footer a:hover {
  color: #c6cbac;
}

.btn-text:hover,
div#Component660b764cd9e02d001a785edb button:hover,
div#Component660b7b93eb226b001aa56597 button:hover,
div#Component660b7ba0eb226b001aa565a8 button:hover,
.items-project:hover .btn-text {
  border-color: #c6cbac;
}

.head-page a:hover,
.contact-page a:hover,
.payment a:hover {
  color: #878787;
}

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

.about-block hr,
.about-page hr,
.banner-text hr,
.mate-page hr,
.craf-page hr,
.shipping-page hr {
  border-width: 3px;
  width: 183px;
  margin-left: 0;
  border-color: #3d3a33;
}

.banner-text hr {
  width: 80px;
  margin: auto;
  margin-right: 0;
}

.about-block h1,
.about-page h3,
.payment h6,
.shipping-page h4 {
  font-family: "Tenor Sans", sans-serif;
  margin-bottom: 1%;
  color: #3d3a33;
}

.btn-text {
  padding: 0.5rem;
  border-bottom: 1px solid #3d3a33;
  width: fit-content;
  color: #3d3a33;
  margin: 0 0 10%;
  position: relative;
}

div#Component65fba93e54ed78001a76f749 {
  padding-left: 5%;
}

figure.effect-jazz figcaption::after {
  border: none;
}

div#Component65fbaa167aec91001a741a24 {
  width: 75%;
}

div#Component65fbaa167aec91001a741a24 .thumbs {
  padding-left: 0 !important;
}

.sect-collection h1 {
  padding-top: 5%;
  text-align: center;
  font-family: "Tenor Sans", sans-serif;
  font-size: 6em;
  letter-spacing: 15px;
  padding-bottom: 35%;
}

div#mainmenu65fbabf63d7531001afde5de {
  background-image: url("http://itp1.itopfile.com/ImageServer/z_itp_270120248r1z/1140/0/bg-chairz-z1679158576914.webp");
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: -355px;
  padding: 5%;
  background-position: center;
}

.collection-text h3,
.news-banner h3,
.text-catalog h3,
.pass-submenu h5,
.banner-text h3,
.mate-page h4,
.craf-page h5,
.text-design h5,
.text-ship h6 {
  font-family: "Tenor Sans", sans-serif;
  color: #3d3a33;
}

.btn-right {
  margin-left: 46%;
}

.about-block p {
  margin-top: 4%;
  margin-bottom: 5%;
  line-height: 26px;
}

.text-projact {
  padding: 5% 0;
  text-align: left;
  color: #000;
}

.news-banner .btn-text {
  margin: 2% auto;
}

.news-banner {
  text-align: center;
}

.sect-catalog {
  display: grid;
  grid-template-columns: 19% auto;
  gap: 14px;
  width: 55%;
  margin: auto;
}

div#mainmenu66028cb73cdc000013c5f2ca {
  width: 55%;
  margin: auto;
  margin-bottom: 33%;
}

.pass-submenu h5 {
  margin: 0;
  text-transform: uppercase;
}

.pass-submenu {
  display: grid;
  grid-template-columns: 13% auto;
  gap: 10px;
  align-items: center;
  margin-bottom: 6%;
}

.text-submenu p {
  height: 95px;
}

.text-submenu.border-right {
  border-right: 1px solid #87897b;
}

.text-submenu.me-20 {
  margin-left: 4%;
}

.about-page p,
.about-page2 p,
.mate-page p,
.mate-page2 p,
.craf-page p,
.craf-page2 p,
.craf-page3 p,
.text-design p {
  margin-bottom: 2rem;
  line-height: 28px;
}

.about-page h6:before,
.text-design h5:before {
  content: " ";
  width: 30px;
  height: 3px;
  background: #3d3a33;
  left: 0;
  position: absolute;
  top: 9px;
}

.about-page h6,
.text-design h5 {
  padding-left: 45px;
  position: relative;
  margin-bottom: 2%;
}

.about-page2 {
  padding-left: 4%;
  border-left: 3px solid #ddd;
  padding-bottom: 1%;
  padding-top: 1%;
  margin: 2% 0 2% 2%;
}

.banner-head {
  background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_270120248r1z/1140/0/banner-head2z-z889205756572.webp);
  height: 290px;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner-text {
  position: absolute;
  bottom: 15%;
  right: 9%;
  text-align: right;
}

.img-mate {
  width: 31%;
}

.mate-page hr,
.craf-page hr,
.shipping-page hr {
  width: 80px;
}

figure.effect-jazz {
  background: transparent;
  background: transparent;
}

.mate-page p,
.mate-page2 p,
.craf-page p,
.news-detail p {
  margin-bottom: 1rem;
}

.mate-page {
  margin-top: 6%;
  padding-left: 7%;
}

.mate-exclusive li:nth-child(3),
.mate-exclusive li:nth-child(6) {
  border: none;
}

.mate-exclusive {
  padding: 5% 0;
}

.mate-exclusive h5 {
  text-align: center;
  margin-bottom: 2%;
  font-family: "Tenor Sans", sans-serif;
  color: #3d3a33;
}

.mate-exclusive li {
  display: grid;
  grid-template-columns: 40px auto;
  gap: 10px;
  align-items: center;
  padding: 2%;
  margin: 1%;
  border-right: 1px solid #ddd;
}

.mate-exclusive ul {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 3%;
}

.mate-region ul {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 15px 30px;
  margin: 3% 0;
  flex-wrap: wrap;
}

.mate-region h6,
.project-detail h5 {
  margin-bottom: 1rem;
  font-family: "Tenor Sans", sans-serif;
}

.mate-region li span {
  color: #8c926c;
}

div#Component66039a79027c6e00133125b2,
.project-detail {
  margin-top: 3%;
}

.craf-page2 {
  padding-left: 4%;
  border-left: 3px solid #ddd;
  padding-bottom: 1%;
  padding-top: 1%;
}

.craf-page3 h6 {
  line-height: 34px;
}

div#Component6603a49a9f95ed0013143263 {
  width: 60%;
  margin: auto;
  margin-top: 5%;
}

.craf-page3 {
  text-align: center;
}

.text-design {
  padding: 4%;
  background: #f7f7f7;
  height: 380px;
}

.designer {
  display: grid;
  grid-template-columns: 30% auto;
  gap: 20px;
}

.boderedlayoutClient {
  border: none;
}

.text-design h5:before {
  height: 2px;
  top: 13px;
}

.img-design img {
  height: 380px;
  object-fit: cover;
}

.banner-text p {
  margin: 0;
  color: #8c926c;
  letter-spacing: 2px;
}

div#Component6603deebdb762e0013821e7d .grid figure figcaption,
div#Component66067c43d9e02d001a78348d .grid figure figcaption,
div#Component660bd4c21f3d7d001adf2de5 .grid figure figcaption,
div#Component6614cadeb4baea001398c914 .grid figure figcaption,
div#Component6614cafa476ee40013e83978 .grid figure figcaption,
div#Component660692f9eb226b001aa537d2 .grid figure figcaption {
  padding: 0;
  position: static;
  text-transform: none;
}

div#Component6603deebdb762e0013821e7d figure.effect-jazz h2,
div#Component66067c43d9e02d001a78348d figure.effect-jazz h2,
div#Component660bd4c21f3d7d001adf2de5 figure.effect-jazz h2,
div#Component6614cadeb4baea001398c914 figure.effect-jazz h2,
div#Component6614cafa476ee40013e83978 figure.effect-jazz h2,
div#Component660692f9eb226b001aa537d2 figure.effect-jazz h2 {
  padding-top: 0;
  -webkit-transition: none;
  transition: none;
  -webkit-transform: none;
  transform: none;
}

.grid figure h2 {
  word-spacing: 0;
  font-weight: unset;
}

.text-collection h6 {
  color: #3a3a3a;
  font-size: 18px;
  text-align: left;
  padding: 3% 0;
}

.Text_seller2 {
  display: none;
}

.pre-project {
  padding: 4% 0;
}

.item.-micro a .caption {
  padding: 1rem 0 0 0 !important;
}

div#Component660b686c78ff5c001ab70e80 strong,
div#Component660b686c78ff5c001ab70e80 h3,
.Contentmanager .site .col-section .item.-micro a .post {
  display: none;
}

div#Component660b686c78ff5c001ab70e80 .item.-micro a .image,
div#Component660b686c78ff5c001ab70e80 .item.-micro a .caption,
div#Component660b764cd9e02d001a785edb .col-xs-12.col-sm-6.col-md-6,
div#Component660b7ba0eb226b001aa565a8 .col-xs-12.col-sm-12.col-md-6 .col-xs-12.col-sm-11.col-md-11 {
  width: 100%;
}

div#Component660b686c78ff5c001ab70e80 .Contentmanager .site .col-section .item.-micro {
  border: none !important;
}

div#Component660b686c78ff5c001ab70e80 .item.-micro a .caption .time,
.contact-page a,
.head-page a,
.payment a {
  color: #000;
}

div#Component660b686c78ff5c001ab70e80 .item.-micro a .caption {
  height: 80px;
}

.cont-social {
  display: grid;
  grid-template-columns: 13% auto;
  gap: 10px;
  align-items: center;
  margin-top: 2%;
  width: 50%;
  float: left;
}

.TabItpContentLandingPage2 > ul {
  width: 100%;
}

.TabItpContentLandingPage2 > ul > li > a > span {
  font-size: 16px !important;
}

.tab-itp-background {
  padding: 0 !important;
}

.TabItpContentLandingPage2 > ul > li > a:hover,
.TabItpContentLandingPage2 > ul > li.active > a {
  border-color: #3d3a33 !important;
}

div#Component660b764cd9e02d001a785edb .col-xs-12.col-sm-3.col-md-3 {
  display: none !important;
}

div#Component660b764cd9e02d001a785edb {
  padding: 5% 0;
  background: #ffffffd9;
}

div#Component660b764cd9e02d001a785edb .form-control {
  box-shadow: none;
  border: none;
  border-bottom: 1px solid #797979;
  border-radius: 0;
  background: transparent;
  height: 43px;
  margin-bottom: 1rem;
}

div#Component660b764cd9e02d001a785edb .col-md-offset-3 {
  margin-left: 0;
  width: 100%;
}

div#Component660b764cd9e02d001a785edb button::after,
div#Component660b7b93eb226b001aa56597 button::after,
div#Component660b7ba0eb226b001aa565a8 button::after {
  content: "»";
  position: absolute;
  right: 8px;
  font-size: 20px;
  top: 2px;
}

div#Component660b764cd9e02d001a785edb button,
div#Component660b7b93eb226b001aa56597 button,
div#Component660b7ba0eb226b001aa565a8 button {
  background-image: none;
  text-shadow: none;
  background: transparent;
  color: #000;
  border: none;
  box-shadow: none;
  border-bottom: 1px solid #3d3a33;
  border-radius: 0;
  position: relative;
  padding-right: 26px;
  width: fit-content !important;
}

div#Component660b7b93eb226b001aa56597 {
  width: 45%;
  margin: auto;
  padding: 3% 1%;
  background: #f7f7f77d;
}

div#Component660b7b93eb226b001aa56597 .form-control,
div#Component660b7ba0eb226b001aa565a8 .form-control {
  margin-top: 1rem;
  margin-bottom: 2rem;
  border-radius: 0 !important;
  box-shadow: none;
  height: 43px;
  border: 1px solid #a7a7a7;
  background: transparent;
}

div#Component660b7b93eb226b001aa56597 button::after,
div#Component660b7ba0eb226b001aa565a8 button::after {
  top: -1px;
}

div#Component660b7b93eb226b001aa56597 button {
  margin: 0 0.5rem;
}

div#Component660b7b93eb226b001aa56597 label,
.product-detail h3,
.dropdown-menu > li > a,
h3.managerHeader,
.text-collection h6 {
  font-family: "Tenor Sans", sans-serif;
}

div#Component660b7b93eb226b001aa56597 .checkbox.pull-right span a {
  color: #919191;
}

div#Component660b7ba0eb226b001aa565a8 {
  background: #f7f7f77d;
  width: 90%;
  margin: auto;
  padding: 2% 0;
  line-height: 30px;
}

div#Component660b7ba0eb226b001aa565a8 .form-control-feedback {
  top: 40px;
}

div#Component660b7ba0eb226b001aa565a8 .form-control {
  margin: 0;
}

div#Component660b7ba0eb226b001aa565a8 .col-xs-12.col-sm-12.col-md-6:nth-child(1),
div#Component660b7ba0eb226b001aa565a8 .col-xs-12.col-sm-12.col-md-6:nth-child(3),
div#Component660b7ba0eb226b001aa565a8 .col-xs-12.col-sm-12.col-md-6:nth-child(5) {
  padding-right: 20px !important;
}

div#Component660b7ba0eb226b001aa565a8 .col-xs-12.col-sm-12.col-md-6:nth-child(2),
div#Component660b7ba0eb226b001aa565a8 .col-xs-12.col-sm-12.col-md-6:nth-child(4),
div#Component660b7ba0eb226b001aa565a8 .col-xs-12.col-sm-12.col-md-6:nth-child(6) {
  padding-left: 20px !important;
}

div#Component660b7ba0eb226b001aa565a8 address-ui div div:nth-child(6) div .col-xs-12.col-sm-12.col-md-6 {
  padding-left: 20px !important;
  padding-right: 0 !important;
}

div#Component660b7ba0eb226b001aa565a8 .input-group-addon {
  border-radius: 0;
  background-color: transparent;
  border-color: #a7a7a7;
}

div#Component660b7ba0eb226b001aa565a8 .input-group .form-control {
  border-right: 0;
}

div#Component660b7ba0eb226b001aa565a8 .panel {
  border: none !important;
  box-shadow: none;
}

div#Component660b7ba0eb226b001aa565a8 .glyphicon-ok:before {
  content: " ";
}

.template-panel {
  padding: 0 !important;
  height: 100% !important;
  width: 100% !important;
  overflow: hidden;
}

.img-container .img {
  position: relative !important;
  min-height: 450px;
  transition: transform 0.2s ease-out;
  background-repeat: no-repeat;
  background-size: contain !important;
}

.CASS-D-main .template1 > div {
  display: flex;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left;
  flex-direction: column;
}

.CASS-D-main .img-container .img {
  background-size: cover !important;
}

.contentmanager_template_slide_01 .caption {
  display: none;
}

.template1 .img:hover {
  transform: scale(1.05);
}

.template1 .caption {
  color: #282828;
}

.menuVertical .nav-pills > li > a:hover {
  background: #c6cbac;
}

.pre-project {
  height: 130px;
  color: #000;
}

.menuVertical .nav-stacked > li + li {
  margin-top: 0 !important;
}

.menuVertical ul {
  display: flex;
}

.post-time,
.fbcomments,
.landingpagemanager {
  display: none;
}

.page-header {
  padding-bottom: 0;
  margin: 3% 0 0;
  border-bottom: none;
}

div#Component660281445b2c0a0013589905 .img-thumbnail,
div#Component660281445b2c0a0013589905 .thumbnail {
  box-shadow: none;
  border: none;
  padding: 0;
}

.product-detail {
  margin-top: 10%;
  width: 45%;
  float: right;
}

.product-detail hr,
.news-detail hr {
  border-width: 3px;
  width: 65px;
  margin-left: 0;
  border-color: #3d3a33;
  margin-bottom: 3rem;
}

.product-detail h3,
.news-detail {
  margin-bottom: 3%;
}

.news-detail p {
  font-family: "Onest", "Noto Sans Thai", sans-serif;
}

.Textmanager {
  text-align: left;
}

.project-detail p,
.news-detail p {
  line-height: 28px;
}

h3.managerHeader {
  position: absolute;
  top: -140px;
  z-index: 999;
  right: -23px;
  text-transform: uppercase;
}

.zIndex-pos2 {
  z-index: 99;
}

.menuVertical .nav-pills > li > a {
  background: #f7f7f7;
  margin: 1rem 0.5rem;
  color: #000;
}

.social-footer img:hover,
.cont-social:hover img {
  transform: scale(0.95);
}
.social-footer img,
.cont-social img {
  transition: transform 0.2s ease-out;
}

.ITPcookiebar {
  width: 100% !important;
  background-color: #8c926c87 !important;
  color: #000;
}

.buttonExampleSite {
  border-radius: 5rem !important;
  border: 1px solid #8c926c !important;
  color: #000 !important;
}

.buttonExampleSite:hover {
  background: #8c926c !important;
  color: #ffffff !important;
}

.ITPlinkToCookiepage:hover {
  color: #8c926c !important;
}

.itpPDPALandingPage,
.ITP-pdpa-template-contentFont {
  font-size: 16px !important;
  margin-bottom: 3% !important;
}

.itpPDPALandingPage {
  margin-top: 3%;
}

.ITP-pdpa-template-titleFont {
  font-size: 20px !important;
  font-weight: 600 !important;
}

.ITP-pdpa-template-contentFont {
  line-height: 28px;
}

.img-projact img:hover {
  transform: scale(1.05);
}

.img-projact img {
  transition: transform 0.2s ease-out;
}

.img-projact {
  overflow: hidden;
}

.text-projact .btn-text {
  margin-bottom: 0;
}

.btn-text:hover::after,
.items-project:hover .btn-text::after,
.template1 .col-md-4.col-sm-4.col-xs-12:hover .btn-text::after,
div#Component660b686c78ff5c001ab70e80 .Contentmanager .site .col-section .item.-micro:hover .btn-text::after {
  width: 100%;
  transition: width 0.3s;
}

.btn-text::after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background: #000;
  transition: width 0.3s;
  position: absolute;
  bottom: 0;
  left: 0;
}

.btn-text:hover {
  border: none;
}

.img-qr {
  width: 50%;
  margin: auto;
  margin-bottom: 5%;
}

.text-ship {
  display: grid;
  grid-template-columns: 55px auto;
  gap: 10px;
  align-items: center;
  margin-bottom: 1rem;
  margin-top: 2rem;
}

.shipping-page ul {
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.shipping-page li {
  padding: 2% 4%;
}

.border-right {
  border-right: 1px solid #ddd;
}

li#menu65f7f63ce830e9001aa04d32:hover .dropdown-menu,
li#menu660bd37e1f3d7d001adf2d86:hover > .dropdown-menu {
  display: block;
}

.pass-submenu h5 {
  font-size: 20px;
}
/*******************responsive********************/

@media screen and (min-width: 1900px) {
  .navbar-default .navbar-nav > li > a,
  .dropdown-menu > li > a {
    font-size: 20px;
  }

  h1 {
    font-size: 4.625em;
  }

  h2 {
    font-size: 3.6em;
  }

  h3 {
    font-size: 3.2em;
  }

  h4 {
    font-size: 2.8em;
  }

  h5 {
    font-size: 2.4em;
  }

  h6 {
    font-size: 1.8em;
  }

  p,
  .pre-project p,
  .pre-news p,
  .caption {
    font-size: 18px;
  }

  .pre-news .btn-text,
  .btn-text,
  .menuVertical .nav-pills > li > a,
  .pre-project .btn-text,
  div#Component660b764cd9e02d001a785edb button,
  div#Component660b7b93eb226b001aa56597 button,
  div#Component660b7ba0eb226b001aa565a8 button {
    font-size: 16px;
  }

  .sect-collection h1 {
    font-size: 8em;
  }

  .text-collection h6 {
    font-size: 22px;
  }

  .TabItpContentLandingPage2 > ul > li > a > span {
    font-size: 18px !important;
  }

  div#Component660b764cd9e02d001a785edb button::after,
  div#Component660b7b93eb226b001aa56597 button::after,
  div#Component660b7ba0eb226b001aa565a8 button::after {
    font-size: 24px;
  }

  .navbar-default .navbar-nav > li > a {
    padding: 10px;
  }

  .about-block p {
    line-height: 30px;
  }

  div#mainmenu65fbabf63d7531001afde5de {
    margin-top: -430px;
  }

  .btn-right {
    margin-top: 3%;
  }

  .about-block h1,
  .about-page h3 {
    margin-bottom: 3%;
  }

  .sect-catalog {
    gap: 20px;
  }

  .text-submenu p {
    height: 95px;
  }

  .about-page p,
  .about-page2 p,
  .mate-page p,
  .mate-page2 p,
  .craf-page p,
  .craf-page2 p,
  .craf-page3 p,
  .text-design p,
  .project-detail p,
  .news-detail p {
    line-height: 32px;
  }

  .img-design img,
  .text-design {
    height: 410px;
  }

  .banner-text {
    right: 13.5%;
  }

  h3.managerHeader {
    right: 0;
  }

  .banner-head {
    height: 310px;
  }

  div#Component660b764cd9e02d001a785edb .form-control,
  div#Component660b7b93eb226b001aa56597 .form-control,
  div#Component660b7ba0eb226b001aa565a8 .form-control {
    height: 45px;
    font-size: 16px !important;
  }

  div#Component660b7b93eb226b001aa56597 .checkbox.pull-right span a,
  .checkbox.pull-left span {
    font-size: 16px !important;
  }

  .pass-submenu h5 {
    font-size: 28px;
  }
}

@media screen and (max-width: 1200px) {
  .navbar-default .navbar-nav > li > a,
  .dropdown-menu > li > a,
  .btn-login p,
  .btn-regis p {
    font-size: 13px;
  }

  li#menu660b788910bb2a001ab69064,
  li#menu65f7f65ae830e9001aa04d41 {
    display: none !important;
  }

  div#mainmenu65fbabf63d7531001afde5de {
    margin-top: -295px;
  }

  .about-block br,
  .text-catalog br,
  .text-submenu br {
    display: none;
  }

  .about-block h1,
  .about-page h3 {
    margin-bottom: 3%;
  }

  .text-submenu p {
    height: 90px;
  }

  div#mainmenu66028cb73cdc000013c5f2ca {
    width: 67%;
  }

  .text-submenu.border-right {
    padding-right: 2%;
  }
}

@media screen and (max-width: 900px) {
  div#contentnewmode6602747e3cdc000013c5ebb5,
  div#contentnewmode66027f3d3cdc000013c5effd {
    display: none;
  }

  h1 {
    font-size: 3.125em;
  }

  h2 {
    font-size: 2.6em;
  }

  h3 {
    font-size: 2.4em;
  }

  h4 {
    font-size: 2em;
  }

  h5 {
    font-size: 1.8em;
  }

  h6 {
    font-size: 18px;
  }

  .about-block hr,
  .about-page hr,
  .banner-text hr,
  .mate-page hr,
  .craf-page hr {
    width: 135px;
  }

  div#Component65fba93e54ed78001a76f749 {
    padding-left: 0;
    padding-top: 8%;
  }

  div#mainmenu65fbabf63d7531001afde5de {
    margin-top: -240px;
  }

  .sect-collection h1 {
    font-size: 5em;
  }

  div#mainmenu660286115b2c0a0013589abd .col-md-8.col-sm-8.col-xs-12,
  div#mainmenu660286115b2c0a0013589abd .col-md-4.col-sm-4.col-xs-12 {
    width: 50%;
  }

  div#mainmenu66028cb73cdc000013c5f2ca {
    width: 81%;
  }

  .text-submenu p {
    height: 90px;
  }

  .sect-catalog {
    width: 80%;
    grid-template-columns: 17% auto;
  }

  .btn-text {
    margin: 0 0 3rem;
  }

  div#mainmenu660276d48e4a660013844522 .col-md-4.col-sm-4.col-xs-12,
  div#mainmenu66027f3d3cdc000013c5f00d .col-md-4.col-sm-4.col-xs-12 {
    width: 100%;
  }

  .banner-head {
    height: 165px;
  }

  .text-design,
  .img-design img {
    height: 420px;
  }

  div#Component660281445b2c0a0013589905 .col-md-6.pull-left {
    width: 50%;
  }

  h3.managerHeader {
    right: 0;
  }

  .banner-text {
    right: 3%;
  }

  .product-detail {
    margin-top: 8%;
  }

  div#Component660b686c78ff5c001ab70e80 .Contentmanager .site .col-section .item.-micro {
    width: 50%;
  }

  .TabItpContentLandingPage2 > ul {
    display: flex;
  }

  div#Component660b74d22cb09c001a0f55ff .tab-content {
    padding: 0 !important;
  }

  div#Component660b74fc78ff5c001ab71469 {
    padding-top: 10%;
  }

  li#menu660b788910bb2a001ab69064,
  li#menu65f7f65ae830e9001aa04d41 {
    display: block !important;
  }

  div#Component660b7b93eb226b001aa56597 {
    width: 90%;
  }

  div#Component660b7b93eb226b001aa56597 button {
    float: left;
  }

  div#Component660b7ba0eb226b001aa565a8 .col-xs-12.col-sm-12.col-md-6:nth-child(1),
  div#Component660b7ba0eb226b001aa565a8 .col-xs-12.col-sm-12.col-md-6:nth-child(3),
  div#Component660b7ba0eb226b001aa565a8 .col-xs-12.col-sm-12.col-md-6:nth-child(5) {
    padding-right: 0 !important;
  }

  div#Component660b7ba0eb226b001aa565a8 .col-xs-12.col-sm-12.col-md-6:nth-child(2),
  div#Component660b7ba0eb226b001aa565a8 .col-xs-12.col-sm-12.col-md-6:nth-child(4),
  div#Component660b7ba0eb226b001aa565a8 .col-xs-12.col-sm-12.col-md-6:nth-child(6) {
    padding-left: 0 !important;
  }

  div#Component660b7ba0eb226b001aa565a8 address-ui div div:nth-child(6) div .col-xs-12.col-sm-12.col-md-6 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .text-ship {
    grid-template-columns: 45px auto;
  }

  div#mainmenu6621d475b64782001349fe30 .col-md-3.col-sm-6.col-xs-12 {
    width: 25%;
  }
}

@media screen and (max-width: 768px) {
  div#mainmenu66028cb73cdc000013c5f2ca .col-md-6.col-sm-6.col-xs-12 {
    width: 50%;
  }
}

@media screen and (max-width: 480px) {
  div#imagesControl6602701fec3a8f00131e8af0,
  div#imagesControl65fbaa167aec91001a741a24,
  div#contentnewmode660287033cdc000013c5f154,
  div#contentnewmode66028cc15b2c0a0013589bd1,
  div#contentnewmode66028bbd3cdc000013c5f1ef,
  div#contentnewmode66028d265b2c0a0013589c0f,
  div#imagesControl66039a79027c6e00133125b2,
  div#imagesControl66039c059f95ed001314301e,
  div#imagesControl66039da9c3d9110013845ef4 {
    padding: 0 !important;
  }

  div#contentnewmode66027fba5b2c0a00135898be,
  div#contentnewmode66039791c3d9110013845cad {
    display: none;
  }

  .about-block hr,
  .about-page hr,
  .banner-text hr,
  .mate-page hr,
  .craf-page hr {
    width: 125px;
  }

  div#mainmenu65fbabf63d7531001afde5de {
    margin-top: -90px;
  }

  .sect-collection h1 {
    font-size: 2.4em;
    letter-spacing: 5px;
  }

  .btn-text.btn-right {
    margin: auto;
    margin-right: 0;
  }

  .collection-text h3 {
    margin-top: 2%;
  }

  div#mainmenu660286115b2c0a0013589abd .col-md-8.col-sm-8.col-xs-12,
  div#mainmenu660286115b2c0a0013589abd .col-md-4.col-sm-4.col-xs-12,
  .sect-catalog,
  div#mainmenu66028cb73cdc000013c5f2ca,
  div#Component660281445b2c0a0013589905 .col-md-6.pull-left,
  .template1 .col-md-4.col-sm-4.col-xs-12,
  div#Component66069557eb226b001aa538bc .col-md-4.col-sm-4.col-xs-12,
  div#Component660b686c78ff5c001ab70e80 .Contentmanager .site .col-section .item.-micro,
  div#Component660b7ba0eb226b001aa565a8,
  div#Component660b7b93eb226b001aa56597,
  div#mainmenu6621d475b64782001349fe30 .col-md-3.col-sm-6.col-xs-12,
  div#mainmenu66028cb73cdc000013c5f2ca .col-md-6.col-sm-6.col-xs-12 {
    width: 100%;
  }

  .about-block p {
    margin-top: 0;
  }

  h3 {
    font-size: 2em;
  }

  .text-submenu.border-right {
    border-right: none;
  }

  .text-submenu.me-20 {
    margin-left: 0;
  }

  .text-submenu p {
    height: auto;
    padding-left: 17%;
  }

  div#mainmenu66028cb73cdc000013c5f2ca {
    margin-bottom: 100%;
  }

  .sect-catalog {
    grid-template-columns: 14% auto;
  }

  .text-submenu .btn-text {
    margin-left: 17%;
  }

  .mate-page {
    margin-top: 0;
    padding-left: 0;
  }

  .img-mate {
    width: 55%;
  }

  .mate-exclusive ul,
  .shipping-page ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }

  .mate-exclusive li {
    border-right: none;
    grid-template-columns: 35px auto;
  }

  .mate-exclusive h5 {
    margin-bottom: 4%;
  }

  .mate-region ul {
    display: block;
  }

  .mate-region li {
    margin-bottom: 3%;
  }

  div#mainmenu66039bff9f95ed0013143019 .none-middle-mid .none-middle-mid,
  div#mainmenu6603ce39db762e0013821b47 .none-middle-mid .none-middle-mid,
  div#mainmenu6603cf2ac3d9110013846627 .none-middle-mid .none-middle-mid {
    display: block;
  }

  div#mainmenu66039bff9f95ed0013143019 .none-middle-mid,
  div#mainmenu6603ce39db762e0013821b47 .none-middle-mid,
  div#mainmenu6603cf2ac3d9110013846627 .none-middle-mid {
    display: flex;
    flex-wrap: wrap-reverse;
  }

  div#Component66039da9c3d9110013845ef4 {
    margin-top: 15px;
  }

  div#Component6603a49a9f95ed0013143263 {
    width: 100%;
    margin-top: 8%;
  }

  .craf-page3 h6 {
    line-height: 28px;
  }

  .text-design,
  .img-design img {
    height: auto;
  }

  h5 {
    font-size: 1.6em;
  }

  div#Component66039c059f95ed001314301e {
    margin-top: 6%;
  }

  h3.managerHeader {
    top: -125px;
    text-align: right;
  }

  .product-detail {
    float: none;
    width: 100%;
  }

  div#Component660281445b2c0a0013589905 .col-md-12.text-justify,
  div#Component660b686c78ff5c001ab70e80 .Contentmanager .site .col-section .item.-micr {
    padding: 0 2%;
  }

  .social-share {
    top: -11px;
    right: -38px;
  }

  .pre-project {
    height: auto;
  }

  .product-detail hr,
  .news-detail hr {
    margin-top: 0;
  }

  .TabItpContentLandingPage2 > ul {
    flex-wrap: wrap;
  }

  .TabItpContentLandingPage2 > ul > li {
    width: 100%;
  }

  .TabItpContentLandingPage2 > ul > li > a > span {
    font-size: 14px !important;
  }

  .TabItpContentLandingPage2 > ul > li > a {
    margin-right: 0;
  }

  .cont-social {
    float: none;
    grid-template-columns: 13% auto;
    width: 100%;
    margin-bottom: 4%;
  }

  div#Component660b74fc78ff5c001ab71469 {
    padding-top: 0;
  }
  .ITPcookiebar {
    padding: 3%;
    display: flex !important;
  }

  .ITPcookieLeftText {
    /* color: white; */
    float: unset !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
  }

  .ITPcookieButton {
    float: unset !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
  }

  .ITPcookieLeftText span {
    font-size: 14px;
  }

  h3.managerHeader {
    font-size: 20px;
  }

  .banner-text {
    right: 7%;
  }

  .payment {
    margin-bottom: 6%;
  }

  .img-qr {
    width: 80%;
  }

  .border-right {
    border-right: none;
  }

  .text-submenu.border-right {
    padding-right: 0;
  }
  
  .itopplus-bg4 {
    background-size: contain;
}
}

@media screen and (max-width: 992px) {
  .old-image-icon-facebook,
  .old-image-icon-line,
  .old-image-icon-instragram,
  .old-image-icon-youtube {
    display: none !important;
  }

  .new-image-icon-facebook,
  .new-image-icon-line,
  .new-image-icon-instragram,
  .new-image-icon-youtube {
    display: block !important;
    padding-top: 10px !important;
    padding-left: 5px !important;
    padding-bottom: 10px !important;
    padding-right: 5px !important;
  }

  .icon-image-faceboox:before {
    background: url("https://itp1.itopfile.com/ImageServer/localhost/0/0/owat-facebookz-z163808031350.webp");
    height: 30px;
    width: 30px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  .icon-image-faceboox {
    background: url("https://itp1.itopfile.com/ImageServer/localhost/0/0/owat-facebookz-z163808031350.webp");
    height: 30px;
    width: 30px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  .icon-image-instragram {
    background: url("https://itp1.itopfile.com/ImageServer/localhost/0/0/owat-igz-z299708065319.webp");
    height: 30px;
    width: 30px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  .icon-image-line {
    background: url("https://itp1.itopfile.com/ImageServer/localhost/0/0/owat-linez-z922768680443.webp");
    height: 30px;
    width: 30px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  .icon-image-youtube {
    background: url("https://itp1.itopfile.com/ImageServer/localhost/0/0/owat-youtubez-z149221842089.webp");
    height: 30px;
    width: 30px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
}

.unknown {
  position: fixed;
  bottom: 5% !important;
}

.brifDescription_slide {
  text-align: left;
}