.text-color-blue, .text-blue {
	color: var(--blue) !important;
}
.text-color-ngrey, .text-ngrey {
	color: var(--ngrey) !important;
}
.text-color-red, .text-red {
	color: var(--red) !important;
}

.btn-blue {
	background-color: var(--blue);
    color: var(--primary-inverse);
    padding: 0.45rem 1rem;
}
.btn-blue::after {
	background-color: var(--blue);
    color: var(--primary-inverse);
}

.btn-blue:hover, .btn-blue.hover {
	background-color: var(--blue);
    color: var(--primary-inverse);
}


html:not(.sticky-header-active) #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a{
    color:black;
}
html:not(.sticky-header-active) #header .header-nav-features .header-nav-top-icon{
    color:black;
}


/******* BG Topic ในหน้าต่างๆ *******/

.bg-mtopic-about{
    background-image:url(../img/m-topic_about.jpg);
    background-size:cover;
}
.bg-mtopic-product{
    background-image:url(../img/m-topic_product.jpg);
    background-size:cover;
}
.bg-mtopic-service{
    background-image:url(../img/m-topic_service.jpg);
    background-size:cover;
}
.bg-mtopic-news{
    background-image:url(../img/m-topic_news.jpg);
    background-size:cover;
}
.bg-mtopic-download{
    background-image:url(../img/m-topic_download.jpg);
    background-size:cover;
}
.bg-mtopic-contact{
    background-image:url(../img/m-topic_contact.jpg);
    background-size:cover;
}
.bg-mtopic-policy{
    background-image:url(../img/m-topic_policy.jpg);
    background-size:cover;
}

.container-about, .container-news, .container-contact, .container-misvis {
    max-width: 1330px;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}
.container-news .post img{max-width:100%;}
.btn-rounded{font-size:1.2em;}

/******* BG Topic ในหน้าต่างๆ *******/

#header .header-logo img{width:300px;}
/* #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu{display:none;} */
#header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu {
		top: -10000px;
		opacity: 0;
	}

#header .header-nav-features .header-nav-features-cart .header-nav-features-dropdown{padding:0; border:2px solid #FFF; border-radius:3px;}
#header .header-nav-features .header-nav-features-dropdown::before{top:-2px;}
#header .header-nav-features .header-nav-features-cart .actions .btn{margin:0;}

.page-header.page-header-modern.page-header-lg {
  padding: 10em 0;
}
.page-header h1 {
  font-size:3.5em;
}

.icon-read-more{
    width:30px;
    height:30px;
    display:inline-block;
    vertical-align: middle;
    background-image:url(../img/icon-read-more.png);
    background-size:100%;
}

.underline{width:auto; position:relative; display:inline-block;}
.underline::after{content:""; width:100%; height:4px; background-color:#a8a8a8; position:absolute; bottom:-3px; left:0; display:block; z-index:99;}
.divider.divider-small-2 {
    height:2px;
	margin: 22px auto;
	background: transparent;
}

#header .header-nav-features .header-nav-features-dropdown{padding:2px; border-radius:25px; margin-right:-35px;}
#header .header-nav-features .header-nav-features-dropdown::before{top:-1px; right:10px;}


/******* Banner หน้าหลัก *******/

.h-banner{width:100%; height:944px; position:relative;}
.h-banner .topic{width:1200px; display:block; position:absolute; z-index:9999 !important; top:50%; left:50%; transform: translate(-50%, -50%);}
.h-banner .topic span{width:100%; position:relative; display:block; }
.h-banner .swiper-container-fade .swiper-slide .swiper-slide{pointer-events: auto;}

.h-banner .swiper-slide .topic span h2{
    top:0;
    opacity: 0;
    font-size:3.5em;
    position:relative;
    display:block;

}
.h-banner .swiper-slide .topic span h3{
    top:0;
    opacity: 0;
    margin-top:10px;
    font-size:1.5em;
    position:relative;
    display:block;

}
.h-banner .swiper-slide .topic span .btn{
    top:0;
    opacity: 0;
    margin-top:10px;
    font-size:1.5em;
    position:relative;
    display:inline-block;

}
.h-banner .swiper-slide.swiper-slide-active .topic span h2 {
    animation:fadeIn1 ease-out;
    animation-fill-mode:forwards;
    animation-duration:.5s;
    animation-delay:.3s;
}
.h-banner .swiper-slide.swiper-slide-active  .topic span h3 {
    animation:fadeIn1 ease-out;
    animation-fill-mode:forwards;
    animation-duration:.4s;
    animation-delay:.6s;
}
.h-banner .swiper-slide.swiper-slide-active  .topic span .btn {
    animation:fadeIn1 ease-out;
    animation-fill-mode:forwards;
    animation-duration:.4s;
    animation-delay:.8s;

}
@keyframes fadeIn1 {
    0% { opacity:0; transform:translateY(20px);}
    100% { opacity:1; transform:translateY(0);}
}
/* @keyframes fadeIn2 {
    0% { opacity:0; transform:translateY();}
    100% { opacity:1; transform:translateY(42px);}
}
@keyframes fadeIn3 {
    0% { opacity:0; transform:translateY(105px);}
    100% { opacity:1; transform:translateY(85px);}
} */
@keyframes fadeOut {
    0% { opacity:1; transform:translateY(5%);}
    100% { opacity:0; transform:translateY(0);}
}
.h-banner .swiper-container {
  width: 100%;
  height: 100%;
}
.h-banner .swiper-slide {
  background-color: #fcfcfc;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  position:relative;
}
.h-banner .swiper-slide > .swiper-slide-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent no-repeat 50% 50% /cover;
}
.h-banner .swiper-slide-cover {
  transition-timing-function: linear;
  transition-duration: 15s;
  transform: scale(1);
}
.h-banner .swiper-slide.swiper-slide-active .swiper-slide-cover {
  transform: scale(1.3);
}

.h-banner .swiper-button-prev, .h-banner .swiper-button-next{width:50px; height:50px; overflow:hidden; background-image:none !important; z-index:60; background-color:rgba(255, 255, 255, .0); border-radius:50%; border:2px solid rgba(255, 255, 255, 0.7);}
.h-banner .swiper-button-prev{text-align:left; left:30px;}
.h-banner .swiper-button-next{text-align:right; right:30px;}
.h-banner .swiper-button-prev i, .h-banner .swiper-container-rtl .swiper-button-next i{width:45px; height:45px; line-height:45px; text-align:center; color: var(--light) !important; font-size:24px; display:block; z-index:50; text-align:center;}
.h-banner .swiper-button-next i, .h-banner .swiper-container-rtl .swiper-button-prev i{width:45px; height:45px; line-height:45px; text-align:center; color: var(--light) !important; font-size:24px; display:block; z-index:50; text-align:center;}

/******* Banner ในหน้าหลัก *******/

/******* About ในหน้าหลัก *******/

.bg-about-home{
    background-color:transparent;
    background-image:url(../img/bg-about-home.jpg);
    background-repeat:no-repeat;
    background-size:100%;
    background-position:bottom;
}
.pic-about-home{
    border-radius:20px; 
    overflow:hidden;
    box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.22);
    -webkit-box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.22);
    -moz-box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.22);
}
.container-about{max-width:1600px;}
.container-about .text-order{order:1;}
.container-about .img-order{order:2;}
.container-about h2{font-size:2.30em; line-height:1.2;}
.container-about h3{font-size: 2em; line-height:1.2;}
.container-about p{font-size: 1.2em; line-height:1.2;}
.container-about a{font-size: 1.50em;}

/******* About ในหน้าหลัก *******/

/******* Slide News Product ในหน้าหลัก *******/

.news-home, .product-home{display:block; text-align:center; position:relative;}
.topic-home{padding:10px 0; text-align:left; border-bottom:1px solid #e8ebee; display:block;}
.topic-home h2{position:relative; line-height:26px; font-size:1.50em; display:inline-block;}
.topic-home h2 a{text-decoration:none !important;}
.topic-home h2 a:hover{color: var(--blue) !important;}
.topic-home h2::after{content:""; width:100%; height:1px; background-color:#aab4c2; display:block; position:absolute; left:0; bottom:-14px;}

.h-slide .swiper-container{margin:27px 0 0 0;}
.h-slide .swiper-container img{max-width:100%;}
.h-slide .swiper-button-prev, .h-slide .swiper-button-next{width:30px; height:30px; top:31px; background-image:none !important; z-index:60; background-color:rgba(0, 95, 175, .7); border-radius:3px;}
.h-slide .swiper-button-prev i, .h-slide .swiper-container-rtl .swiper-button-next i{width:30px; height:30px; line-height:30px; text-align:center; color: var(--light) !important; font-size:14px; display:block; z-index:50;}
.h-slide .swiper-button-next i, .h-slide .swiper-container-rtl .swiper-button-prev i{width:30px; height:30px; line-height:30px; text-align:center; color: var(--light) !important; font-size:14px; display:block; z-index:50;}
/* .h-slide .swiper-button-prev i{ font-family:sans-serif; background: url(../images/arrow-prev.png) no-repeat center;}
.h-slide .swiper-button-next i{font-family:sans-serif; background: url(../images/arrow-next.png) no-repeat center;} */
.h-slide .swiper-button-prev, .h-slide .swiper-container-rtl .swiper-button-next{left:auto; right:35px;}
.h-slide .swiper-button-next, .h-slide .swiper-container-rtl .swiper-button-prev{right:1px;}
.h-slide .swiper-button-prev.swiper-button-disabled, .h-slide .swiper-button-next.swiper-button-disabled{}

/******* Slide News Product ในหน้าหลัก *******/

/******* Content News *******/

/* ในหน้าหลัก */
.content-news{display:block; text-align:left;}
.content-news .pic-hs{padding-top:59.22330097087379%; position:relative; display:block; overflow:hidden;}
.content-news .pic-hs img{width:100%; top:50%; left:50%; transform: scale(1) translate(-50%, -50%); position:absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;}
.content-news:hover .pic-hs img{ top:50%; left:50%; transform: scale(1.03) translate(-48%, -49%); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;}
.content-news .topic{height:40px; line-height:20px; font-size:1.2em; overflow:hidden; display:block; text-overflow: ellipsis; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-decoration:none !important; display: -webkit-box;}
.content-news .info{height:54px; line-height:18px; font-size:1em; overflow:hidden; display:block; text-overflow: ellipsis; line-clamp:3; -webkit-line-clamp:3; -webkit-box-orient: vertical; text-decoration:none !important; display: -webkit-box;}
.content-news .more{display:block; font-size:1.2em; color:red; text-decoration:none !important;}
.content-news a.btn{font-size:1.2em;}
/* ในหน้าหลัก */

/* ในหน้าเกี่ยวกับเรา */
.cover-about h2{font-size:2.3em; line-height:1.2;}
.cover-about h3{font-size:2em; line-height:1.2;}
.cover-about p{font-size:1.2em;}

.container-misvis h3{font-size:2em;}
.container-misvis p{font-size:1.2em;}
/* ในหน้าเกี่ยวกับเรา */

/******* Content News ในหน้าหลัก *******/

/******* Content Product ในหน้าหลัก *******/

/* ในหน้าหลัก */
.bg-product-home{
    background-color:transparent;
    background-image:url(../img/bg-product-home.jpg);
    background-size:100%;
    background-position:top;
    background-repeat:no-repeat;
}

.content-product{display:block; text-align:left;}
/* .content-product .pic-hs{display:block; 
    background: #F0F3F8;
    background: linear-gradient(0deg,rgba(240, 243, 248, 1) 0%, rgba(195, 207, 226, 1) 100%);
    overflow:hidden;
}
.content-product .pic-hs img{width:100%; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;}
.content-product:hover .pic-hs img{transform: scale(1.1); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;} */

.content-product .pic-hs{
    /* background: #F0F3F8; 
    background: linear-gradient(0deg,rgba(240, 243, 248, 1) 0%, rgba(195, 207, 226, 1) 100%);  */
     background: #FFF;
    padding-top:85.714%; 
    position:relative; 
    display:block; 
    overflow:hidden;}
.content-product .pic-hs img{max-width:100%; height:100%; top:50%; left:50%; transform: scale(1) translate(-50%, -50%); position:absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;}
.content-product:hover .pic-hs img{ top:50%; left:50%; transform: scale(1.03) translate(-48%, -49%); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;}

/* .content-product .topic{height:80px; line-height:20px; font-size:1.2em; background-color:#1b81d9; border:1px solid #c9dcf3; overflow:hidden; display:block; text-overflow: ellipsis; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-decoration:none !important;} */
.content-product .topic{height:80px; line-height:20px; font-size:1.2em; background-color:#1b81d9; border:1px solid #c9dcf3;
    overflow:hidden; 
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: left;
    -moz-justify-content: left;
}
.content-product a.btn{font-size:1.2em;}
.content-product p{display:none;}
/* ในหน้าหลัก */

/* ในหน้าสินค้าของเรา */
.sidebar h2{font-size:2em;}

.topic-product, .topic-service, .topic-contact{font-size:2em; line-height:1.2; margin-bottom:.5rem;}
.subtopic-product{font-size:1.7em;}
.des-product{font-size:1.2em;}

.topic-sub-product h1{font-size:3em;}
.topic-sub-product p{font-size:1.1em;}

.thumb-gallery-wrapper .thumb-gallery-thumbs .owl-item:hover{
    border: 2px solid #005faf;
}
.thumb-gallery-wrapper .thumb-gallery-thumbs .owl-item.selected {
    border: 2px solid  #CAE5F5;
}
.g-product > .owl-carousel.nav-style-1 .owl-nav .owl-next::before,
.g-product > .owl-carousel.nav-style-1 .owl-nav .owl-prev::before{font-size:26px;}

.des-product{font-size:1.2em;}

.description h2 {font-size:3em;}
#description .p-detail{font-size:2.2em;}

/* .owl-carousel.owl-drag .owl-item{text-align:center;} */
.owl-item .shop-gallery{text-align: center;}

.owl-carousel .owl-item img{max-width: 100%; max-height:576px; width:auto; margin-inline:auto;}


#productDescription iframe {
	min-height:640px;
}

#productDescription .table-responsive {
	width: 100%;
	display:block;
    overflow-x:auto;  
}
#productDescription .table-responsive > table{
	width: 100%;
    border-collapse: collapse;
    -webkit-overflow-scrolling: touch; 
    margin-bottom: 15px;
}
#productDescription table tr:first-child td {
    background: #2089C8;
    color: #FFF;
    padding: 8px;
    font-size: 16px;
    line-height: 1.3;
}
#productDescription table tr:first-child td strong{
    font-weight: normal;
}
#productDescription table td {
    background: #EBECED;
    padding: 8px;
    line-height: 1.3;
    border-bottom: 2px solid #FFF;
}

#productDescription h3{
	letter-spacing:1px;
    line-height:26px
}

/* ในหน้าสินค้าของเรา */

.btn.btn-dark{display:none !important;}

/******* Content Product ในหน้าหลัก *******/

/******* Content Service *******/
.m-topic-s{font-size:2em;}
/******* Content Product *******/

/******* Side menu *******/

.sidebar {position:relative;}
.sidebar h2{font-size:2em;}
.sidebar .nav-link:focus{color:red;}
.sidebar .btu-open{width:34px; height:34px; border-radius:5px; display:none; position:absolute; right:2px; top:0; background:#0061bc; cursor:pointer;}
.sidebar .btu-open::before{width:34px; height:34x; line-height:34px; text-align:center; color:#FFF; font-size:20px; font-family:'Font Awesome 6 Free'; content:"\f054"; font-weight:900; transform: rotate(-90deg); transition: all 0.3s ease 0s; display:block;}
.sidebar .btu-open.close::before{transform: rotate(90deg); transition: all 0.3s ease 0s;}
.sidebar ul.nav-list li, ul.nav-list li > a{width:100%;}

/******* Side menu *******/

/******* Partner Footer *******/

.partner{
    background-image:url(../img/bg-partner.jpg);
    background-size:100%;
}
.partner h2{font-size:2em; text-align:center;}
.partner span{width:1600px; text-align:center; display:block;}
.partner a{width:12%; display:inline-block;}
.partner img{width:100%;}

/******* Partner Footer *******/

/******* Footer *******/

#footer .logo img{width:300px;}
footer h2{font-size:1.8em;}
footer h3{font-size:1.5em;}
footer p{font-size:1.3em;}
.p-copyright br{display:none;}
#header .header-nav-features .header-nav-features-dropdown.show:before, 
#header.header-transparent .header-nav-features .header-nav-features-search .header-nav-features-dropdown.show:before {
display: none !important;
}

/******* Footer *******/

/******* About *******/

.cover-about {
    padding:4rem 3rem !important;
    border-radius: 20px;
    overflow:hidden;
	background-color: var(--blue-light) !important;
}

ul.nav-list li > a.active{
    font-weight:normal; 
    color: var(--red) !important;
    /* pointer-events: none; */
}
.nav-link:hover{
    color: var(--red) !important;
}

.feature-box-icon.icon-about{
    width: auto;
    height: auto;
    padding:0;
}

/******* About *******/

.bg-product{
    background: #FFF;
    border:2px solid #CAE5F5;
}
.owl-item .cur-pointer.bg-product{border:0;}

.container-news .news-thum{
    width:1060px;
    margin-top:40px;
    margin-right: auto;
    margin-left: auto;
}
.container-news .news-thum img{
    width:100%;
}
.container-news iframe{
    width:1060px; 
    height:450px;
    margin-right: auto;
    margin-left: auto;
    display:block;
}
.container-news .content-news{width:100%;}

.news-gallery a{padding-top:67%; overflow:hidden; position:relative; display:block;}
.news-gallery a img{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}


/******* Downlload *******/

.container-downoad{
    max-width:1060px;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
    margin-bottom:50px;
}


section.download{border:2px solid #d2ebfd !important; border-radius:20px !important;
box-shadow: 0px 0px 15px 0px rgba(182,212,235,0.45);
-webkit-box-shadow: 0px 0px 15px 0px rgba(182,212,235,0.45);
-moz-box-shadow: 0px 0px 15px 0px rgba(182,212,235,0.45);
}

.toggle > .toggle-title{font-size:1.42em; font-weight:400; padding:25px 70px 25px 25px; border:0 !important; background-color:transparent !important;}
.toggle > .toggle-title::before{
    display:none;
}
.toggle.active > .toggle-title::before {
    display:none;
}

.toggle > .toggle-title i{
    width:27px; 
    height:27px; 
    display: block; 
    cursor: pointer; 
    position:absolute; 
    top: 25px; 
    right:22px;
    transition: transform 0.3s, top 0.3s;
}

.toggle.active > .toggle-title i {
    transform: rotate(180deg);
    transition: transform 0.3s, top 0.3s;
}

.toggle .toggle{margin:26px 0 0 0;}

a.load-pdf{width:calc(100% - 25px); min-height:44px; margin:17px 0 17px 25px; line-height:24px; font-size:1.1em; padding-left:52px;  padding-right:25px; color:black;  display:flex; flex-wrap:wrap; align-items: center; position:relative; text-decoration:none !important; }
a.load-pdf:hover{color:red;}
a.load-pdf i{width:52px; display:block; position:absolute; left:0; top:0;}
a.load-pdf i img{width:100%;}
a.load-pdf::before{content:""; width:52px; height:44px; display:block; position:absolute; left:0; top:0; background:url(../img/icon-pdf.png) no-repeat top left;}
a.load-pdf:last-child{margin-bottom:25px;}

/******* Downlload ********/

/******* Contact *******/

.container-contact h3{font-size:1.8em; margin-bottom:15px;}
.container-contact .list.list-icons li {padding-left:30px;}
.container-contact .list.list-icons li i{top:0;}
.container-contact .form-control {
  border-color: rgba(0, 0, 0, 0.25);
  border-radius:0;
}
.container-contact .btn{font-size:1.2em;}

/******* Contact *******/

/******* Icon social left side *******/

.icon-social{
    width:50px;
    display:block;
    position:fixed;
    left:0;
    top:70%;
    transform: translateY(-50%);
    z-index:9999;
}
.icon-social .open-social{width:100%; height:50px; background:rgba(204, 204, 204, 1); display:block; position:relative; cursor:pointer; transition: all 0.3s ease 0s;}
.icon-social .open-social.close{background:rgba(204, 204, 204, 0.2); transition: all 0.3s ease 0s;}
.icon-social .open-social::before{width:100%; height:50px; line-height:50px; text-align:center; font-family: 'Font Awesome 6 Free'; font-weight:900; content:"\f067"; font-size:20px; color:#000;position:absolute; left:0; top:0; transform:rotate(135deg); transition: all 0.3s ease 0s;}
.icon-social .open-social.close::before{transform:rotate(0); transition: all 0.3s ease 0s;}
.icon-social span{width:100%; display:block;}
.icon-social a{margin-bottom:1px;}
.icon-social img{width:100%;}

/******* Icon social left side *******/

.policy{text-align:center;}
.policy span{text-align:left; margin-bottom:30px; display:block;}
.policy h2{ font-size:2em; margin-bottom:15px; line-height:1.2;}
.policy p{margin-bottom:15px; font-size:18px; line-height:1.2;}
.policy a{display:block; font-size:16px; text-decoration: none !important;}

.check-cookie h2{ font-size:2em; margin:40px 0 20px 0; line-height:1.2;}
.check-cookie span{padding:15px 0;}
.check-cookie .cover{width:100%; padding:15px; margin-bottom:15px; font-size:18px; line-height:1.2; border:1px solid #a8a8a8; border-radius:5px; position:relative;}
.check-cookie .form-check-inline{margin-right:0; position:absolute; right:5px;}
.check-cookie .form-check-input{border:1px solid #a8a8a8;}
.check-cookie .btn{width:auto; font-size:1.2em; margin-top:40px; display:inline-block;}

/******* COOKIES *******/

.cookies-submit{width:100%; left:0; bottom:0; display:block; position:fixed; background:#025ABE; z-index:999;
  opacity:0;
  animation:cookies-alert cubic-bezier(0,1,1,1);
  animation-fill-mode:forwards;
  animation-duration:0.6s;
  animation-delay: 1s
}
@keyframes cookies-alert {
    from {
      opacity:1;
      -ms-transform: translateX(0) translateY(100px);
      -webkit-transform: translateX(0) translateY(100px);
      transform: translateX(0) translateY(100px);
    }
    to {
      opacity:1;
      -ms-transform: translateX(0) translateY(0);
      -webkit-transform: translateX(0) translateY(0);
      transform: translateX(0) translateY(0);
    }
 }
.cookies-submit span{width:84%; margin:0 8%; padding:20px 25% 20px 0; display:block; float:left; position:relative;}
.cookies-submit b{width:100%; line-height:28px; color:#FFF; font-size:1.2em; font-style:normal; text-decoration:underline; display:block; float:left;}
.cookies-submit p{width:auto; line-height:24px; margin:15px 0 0 0; color:#FFF; font-size:1em; text-align: left; display:block; float:left;}
.cookies-submit p a{color:#FFF; font-size:1em; font-style:normal; text-decoration:underline;}
.cookies-submit p a:hover{color:#CCC; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.cookies-submit .accept{width:210px; height:44px; line-height:44px; color:#000; font-size:16px; text-align:center; font-style:normal; border-radius:3px; display:block;
  position:absolute; right:0; top:50%; transform: translate(0, -50%); background:#FFF; }
.cookies-submit .close-cookies{display:block; position:absolute; top:10px; right:20px; z-index:50;}
.cookies-submit .close-cookies i{font-size:1.6em; color:#FFF;}

/******* COOKIES *******/

.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  z-index: 998;
  display: none;
}

.menu-overlay.show {
  display: block;
}

/******* Resulits *******/

.container-results{
    max-width:1060px;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
    margin-bottom:50px;
}
.container-results h2{
    font-size: 2em;
    line-height: 1.2;
    margin-bottom: .5rem;
}
.container-results p{font-size: 1.2rem;}
.container-results hr{background:#5c5c5c;}
.container-results a{font-size: 1.35em !important; margin-bottom:10px !important; text-decoration: none !important;}
.container-results .more {
  display:block;
  font-size: 1.1em !important;
  color: red;
  margin-bottom:0 !important;
  text-decoration: none !important;
}



@media (max-width: 1600px) {
    .partner span{width:100%;}
}

@media (max-width: 1440px) {
    .h-banner .topic{width:70%;}
    .h-banner .topic h2{font-size:3em;}
    .h-banner .topic h3{font-size:1.35em;}
}

@media (max-width: 1272px) {
    #header .header-logo img{width:240px;}
}
@media (min-width: 992px) and (min-width: 1200px) {
  #header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a {
    padding: 0 .5rem;
  }
}

@media (max-width: 1240px) {
    .h-banner{height:610px;}
}

@media (max-width: 1199px) {
    /* .container-about, .container-news, .container-contact, .container-misvis{
        width:960px;
    } */
    .header-container{max-width:100%;}
    #header .header-nav-features{padding-left: 10px; margin-left:5px;}
    .container-news .news-thum, .container-news iframe{width:100%;}
    #header .header-logo img{width:210px;}
    #header .header-nav-main nav > ul > li > a{font-size:15px !important;}

    #productDescription iframe {min-height:450px;}
}

@media (max-width: 1122px) {
    .h-banner{height:610px;}
    .h-banner .topic{width:70%;}
    .h-banner .topic h2{font-size:2.8em;}
    .h-banner .topic h3{font-size:1.3em;}
    .h-banner .topic .btn{font-size:1.3em;}
}

@media (max-width: 1024px) {    
    #header .header-nav-main nav > ul > li > a{font-size:16px; font-weight:500;}    

    .page-header.page-header-modern.page-header-lg{padding:5em 0;}
    .page-header.page-header-modern.page-header-lg h1{font-size:2.5em;}

    .h-banner{height:590px;}
    .h-banner .topic{width:70%; text-align:center;}
    .h-banner .swiper-slide .topic span h2{font-size:2.4em;}
    .h-banner .swiper-slide .topic span h3{font-size:1.1em;}
    .h-banner .swiper-slide .topic .btn{font-size:1.1em;}

    .container-about, .container-news, .container-contact, .container-misvis, .container-downoad, .container-results{
        max-width:960px;
    }

    .page-header.page-header-modern.page-header-lg h1{font-size:2em;}

    .cover-about h2{font-size:2.15em; line-height:1.2;}
    .cover-about h3{font-size:1.85em;}

    .partner a{width:19%;}
    
    .cookies-submit span{width:92%; margin:0 4%;}
}

@media (max-width: 1060px) {
  .news-thum, .container-news{width:100%;}
}

@media (min-width: 992px) {
    #header .header-nav-main nav > ul > li > a{font-size:18px;}
}

@media (max-width: 991px) {
    #header .header-nav-main nav > ul li{line-height:34px;}
    #header .header-nav-main nav > ul li a{ padding: 7px 8px !important;}
     #header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu {
    display: block; opacity:1;
    }
    #header .header-nav-features .header-nav-features-dropdown.show{top:auto !important;}    
    #header.header-transparent .header-nav-features .header-nav-features-search .header-nav-features-dropdown.show{top:auto !important;}

    .container-about, .container-news, .container-contact, .container-misvis, .container-downoad, .container-results{
        max-width:720px;
    }

    

    .sidebar{margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #CCC;}
    .sidebar .btu-open{display:block;}
    /* .sidebar .nav-list{display:none;} */

    html .scroll-to-top.hidden-mobile {
    display: block !important;
  }
}

@media (max-width: 860px) {

    .h-banner .swiper-slide .topic span h2{font-size:2em; line-height:1; margin:0 0 10px 0 !important;}
    .h-banner .swiper-slide .topic span h3{font-size:1em; line-height:1; margin:0 0 10px 0 !important;}
    .h-banner .swiper-slide .topic span .btn{font-size:1.1em;}

    /* 
    2.3em > 2em
    2em > 1.7em 
    */

    .topic-sub-product h1{font-size:2em;}    
    
    .container-about h2, .cover-about h2{font-size:2em;}
    .topic-product, .topic-service, .topic-contact, .container-results h2{font-size:1.7em; line-height:1.2; margin-bottom:.5rem;}
    .subtopic-product{font-size:1.4em; line-height:1.2;}
    .container-about h3, .cover-about h3, .container-misvis h3,.sidebar h2, .m-topic-s{font-size:1.7em;}
    .container-contact h3{font-size:1.45em;}
    .container-about a{font-size:1.2em;}
    .container-results p{font-size:1.2em;}
    .icon-read-more{
        width: 22px;
        height: 22px;
    }
    #description .p-detail{font-size:1.8em;}

    .page-header{margin-bottom:0 !important;}
    .page-header.page-header-modern.page-header-lg h1{font-size:1.8em;}
    .bg-mtopic-news{margin-bottom:25px !important;}
    .bg-mtopic-service, .bg-mtopic-product, .bg-mtopic-download{margin-bottom:15px !important;}

    .container-downoad .toggle section:first-child{margin-top:10px !important;}

    .cookies-submit span{width:86%; margin:0 7%;}
    .policy h2{ font-size:1.7em;}
    .policy p{font-size:17px;}
    .policy a{font-size:15px;}
    
}

@media (max-width: 768px) {

    .container-about{
        max-width:720px;
    }

    .container-about .text-order{width:100%; order:2; margin-top:30px;}
    .container-about .img-order{width:100%; order:1;}
    .container-about .m-img-about {width:100%; padding:0 15px !important;}
    .pic-about-home{margin-bottom:25px !important;}
    
    .container-about .content{width:100%; padding:0 15px !important; margin-bottom:0 !important;}   
    
    .side-menu{margin-top:10px !important;}

    .cookies-submit span{width:92%; margin:0 4%; padding:20px 0;}
    .cookies-submit span p{margin-bottom:15px;}
    .cookies-submit .accept{
        top: auto;
        right:auto;
        transform: translate(0, 0);
        position:relative;
        float: left;
    }
    .p-copyright{text-align:center;}
    .p-copyright br{display:block;}

    #productDescription iframe {min-height:400px;}

    .icon-social{display:none;}
    
}

@media (max-width: 575px) {
    .container-about, .container-news, .container-contact, .container-misvis{
        width:100%;
    }
    #footer .row > *{padding:0 15px;}
}

@media (max-width: 440px) {
    /* #header .header-nav-features .header-nav-features-dropdown.header-nav-features-dropdown-mobile-fixed, 
    #header.header-transparent .header-nav-features .header-nav-features-search .header-nav-features-dropdown.show{top:0 !important;}     */
    #productDescription iframe {min-height:300px;}
}
@media (max-width: 430px) {
    #header .header-logo img {width:176px;}
    #footer .logo img{width:68%;}

    #header .header-nav-main nav > ul > li > a{font-size:14px; font-weight:500;} 

    .page-header.page-header-modern.page-header-lg{padding:3em 0;}
    .page-header.page-header-modern.page-header-lg h1{font-size:1.5em;}

    .h-banner .topic{width:90%;}
    .h-banner .swiper-button-prev, .h-banner .swiper-button-next{display:none;}

    .container-about h2, .cover-about h2{font-size:1.7em;}
    .topic-product, .topic-service, .topic-contact{font-size:1.7em; line-height:1.2; margin-bottom:.5rem;}
    .container-about h3, .cover-about h3, .container-misvis h2{font-size:1.5em;}
    .container-contact h3{font-size:1.4em;}
    .subtopic-product{font-size:1.3em;}
    .container-about a{font-size:1.1em;}
    .icon-read-more{
        width: 22px;
        height: 22px;
    }
    .container-about, .container-misvis{
        padding-right:1rem !important;
        padding-left:1rem !important
    }
    .container-about .img-order{
        padding-right:1rem !important;
        padding-left:1rem !important;
    }

    .content-news .topic{height:36px; font-size:1.1em; line-height:18px; margin-bottom: 7px !important;}
    .content-product .topic{height:54px; font-size:1.1em; line-height:18px;}    
    .mm-about{padding-top:0 !important; padding-bottom:25px !important;}
    .cover-about{ padding-top:50px !important; padding-bottom:25px !important;}

    .feature-box-icon.icon-about{width:;}

    .toggle > .toggle-title{font-size:1.3em;}
    a.load-pdf{font-size:.95em;}

    .side-menu{margin-top:0 !important;}
    .sidebar h2{font-size:1.6em;}
    .m-topic-s{font-size:1.6em;}

    .container-results hr{margin: 12px 0 !important;}
    
    .partner a{width:32%;}
    
    .cookies-submit span{width:95%; margin:0 2.5%;}
    .cookies-submit .accept{
        width: 125px;
        height: 34px;
        line-height: 34px;
    }
    .policy span{margin-bottom:15px;}
    .policy h2{ font-size:1.5em;}
    .policy p{font-size:14px;}
    .policy a{font-size:14px;}

    footer p{font-size:1em}
}

@media (max-width: 378px) {
    #productDescription iframe {min-height:270px;}
}