/* common #2d221a */
h1, h2, h3, h4, h5, h6, p {margin: 0;}
ul,li {margin-bottom: 0;}
a:hover {text-decoration: none;color: #333;}
:focus {outline: 0 !important;}
.uk-card-default {box-shadow: none;}
table {border-collapse: collapse;border-spacing: 0;}
span.point {width: 6px;height: 6px;display: inline-block;vertical-align: middle;transition: 0.5s all;background-color: #2d221a;border-radius: 6px;}
@keyframes flip {
    0% {
        -webkit-transform: rotateY(0) scale(1);
        -ms-transform: rotateY(0) scale(1);
        transform: rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    20% {
        -webkit-transform: rotateY(170deg) scale(1.1);
        -ms-transform: rotateY(170deg) scale(1.1);
        transform: rotateY(170deg) scale(1.1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    30% {
        -webkit-transform: rotateY(190deg) scale(1.1);
        -ms-transform: rotateY(190deg) scale(1.1);
        transform: rotateY(190deg) scale(1.1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    50% {
        -webkit-transform: rotateY(360deg) scale(1);
        -ms-transform: rotateY(360deg) scale(1);
        transform: rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: rotateY(360deg) scale(1);
        -ms-transform: rotateY(360deg) scale(1);
        transform: rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}


.swiper-pagination-bullet {width: 6px;height: 6px;background-color: #fff;border-color: transparent;position: relative;overflow: inherit;opacity: 1;margin: 10px 0;}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 20px 0;}
.swiper-pagination:before {position: absolute;width: 23px;height: 23px;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: rgba(255, 255, 255, 0.3);border-radius: 100px;transition:.5s all;}
.swiper-pagination .swiper-pagination-bullet::before {content: "";position: absolute;width: 6px;height: 6px;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: rgba(255, 255, 255, 0.3);border-radius: 100px;transition:.5s all;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {width: 23px;height: 23px;}

.swiper-container-vertical>.swiper-pagination-bullets {right: 30px;}


/* nav */
.nav.uk-navbar {padding: 0 30px;max-width: 1600px;margin: 0 auto;}
.nav .uk-logo {padding: 0;animation: flip 3s infinite;}
.nav .uk-icon {padding-right: 0 !important;}
.nav .uk-navbar-item,.nav .uk-navbar-nav>li>a,.nav .uk-navbar-toggle {min-height: 90px;font-size: 18px;color: #666;position: relative;}
.nav .uk-navbar-nav>li:last-child>a {padding-right: 0;}
.nav .uk-navbar-nav>li:hover>a,.nav .uk-navbar-nav>li.uk-active>a {color: #2d221a;}
.nav .uk-navbar-nav>li>a span:last-child {opacity: 0;}
.nav .uk-navbar-nav>li:hover>a span:first-child ,.nav .uk-navbar-nav>li.uk-active>a span:first-child {opacity: 0;}
.nav .uk-navbar-nav>li:hover>a span:last-child ,.nav .uk-navbar-nav>li.uk-active>a span:last-child {opacity: 1;}
.nav .uk-search-navbar .uk-search-input {font-size: 16px;}
.nav svg {width: 20px;height: 20px;color:#333;}

/* i_banner */
.i_banner h1 {font-size: 48px;font-weight: bold;}
.i_banner h2 {font-size: 30px;}

/* i_about */
.i_about h3 {font-size: 36px;font-weight: bold;color: #2d221a;}
.i_about h4 p {font-size: 18px;line-height: 1.5;}
.i_about h5 {color: #333;}
.i_about h5 span {font-size: 60px;}
.i_about .uk-divider-vertical {height: 85px;margin: 20px 70px 0;}
.i_about a.btn {color: #fff;background-color: #2d221a;transition: 0.5s all;padding: 15px 31px;border-radius: 50px;display: inline-block;}
.i_about a.btn .point {background-color: #fff;}
.i_about a.btn .point1 {opacity: 1;}
.i_about a.btn .point2 {opacity: 0;}
.i_about a.btn:hover .point1 {opacity: 0;}
.i_about a.btn:hover .point2 {opacity: 1;}
.i_about a.btn .text {padding-left: 10px;padding-right: 0;transition: .5s all;}
.i_about a.btn:hover .text {padding-left: 0;padding-right: 10px;}

/* i_prod */
.i_prod .uk-overlay-default {background-color: rgba(45, 34, 26, 0.7);opacity: 0;transition: .5s all;}
.i_prod .uk-transition-toggle:hover .uk-overlay-default {opacity: 1;}
.i_prod h3 {font-size: 36px;font-weight: bold;color: #fff;line-height: 1;}
.i_prod h4 {font-size: 18px;color: #fff;}
.i_prod .text {height: 0;overflow: hidden;transition: .5s all;}
.i_prod a.btn {color: #2d221a;background-color: #fff;transition: 0.5s all;padding: 15px 31px;border-radius: 50px;display: inline-block;opacity: 0;transition-delay: 0s;}
.i_prod a.btn .point {background-color: #2d221a;}
.i_prod a.btn .point1 {opacity: 1;}
.i_prod a.btn .point2 {opacity: 0;}
.i_prod a.btn:hover .point1 {opacity: 0;}
.i_prod a.btn:hover .point2 {opacity: 1;}
.i_prod a.btn .text {padding-left: 10px;padding-right: 0;transition: .5s all;}
.i_prod a.btn:hover .text {padding-left: 0;padding-right: 10px;}
.i_prod .uk-transition-toggle:hover a.btn {opacity: 1;transition-delay: 0.5s;}
.i_prod .uk-position-top {top: 120px;}

/* i_case */
.i_case h3 {font-size: 36px;font-weight: bold;color: #2d221a;line-height: 1;}
.i_case h4 {font-size: 24px;font-weight: bold;color: #2d221a;}
.i_case .uk-panel.uk-padding {padding: 80px;margin-top: -40px; transition: 0.5s all;}
.i_case .uk-active .uk-panel.uk-padding {padding: 0;margin-top: 0;transition: 0.5s all;}
.i_case .uk-dotnav>*>* {width: 6px;height: 6px;background-color: #2d221a;border-color: #2d221a;transition: .5s all;margin: 2px;}
.i_case .uk-overlay {padding: 15px 20px;}
.i_case .uk-dotnav>.uk-active>* {width: 10px;height: 10px;margin: 0;}
.i_case a.btn {color: #2d221a;background-color: transparent;transition: 0.5s all;padding: 15px 31px;border-radius: 50px;}
.i_case a.btn .point {background-color: #2d221a;}
.i_case a.btn .point1 {opacity: 1;}
.i_case a.btn .point2 {opacity: 0;}
.i_case a.btn:hover .point1 {opacity: 0;}
.i_case a.btn:hover .point2 {opacity: 1;}
.i_case a.btn .text {padding-left: 10px;padding-right: 0;transition: .5s all;}
.i_case a.btn:hover .text {padding-left: 0;padding-right: 10px;}

/* i_news */
.i_news h3 {font-size: 36px;font-weight: bold;color: #2d221a;line-height: 1;}
.i_news h4 {font-size: 24px;font-weight: bold;color: #2d221a;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition: .5s all;}
.i_news .uk-transition-toggle:hover h4 {color: #2d221a;}
.i_news h5 {font-size: 18px;color: #888888;margin: 10px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height: 50px;}
.i_news hr {margin: 10px 0;position: relative;}
.i_news hr:before {content: '';position: absolute;height: 1px;left: 0;right: 100%;background-color: #2d221a;}
.i_news .uk-transition-toggle:hover hr:before {right: 0;transition: .5s all;}
.i_news hr::after {content: '';position: absolute;height: 1px;left: 100%;right: 0;transition: .5s all;background-color: #2d221a;}
.i_news .uk-transition-toggle:hover hr::after {left: 0;transition-delay: 0.5s;}

/* foot */
.foot .uk-subnav > li > a {color: #b6b6b6;font-size: 18px;}
.foot .uk-subnav > li:hover > a {color: #fff;}
.foot p,.foot p a {color: #b6b6b6;}
.foot p a:hover {color: #fff;}
.foot hr {margin: 20px 0 30px;border-color: #434343}

/* subnav */
.subnav ,.subnav a {color: #666666;line-height: 86px;}
.subnav a:hover {color: #2d221a;}
.newsnav a {font-size: 18px;transition: .5s all;line-height: 86px;display: inline-block;padding: 0 20px;}
.newsnav a:hover ,.newsnav a.uk-active {background-color: #fafafa;color: #2d221a;}


/* about */
.about h3 {font-size: 36px;font-weight: bold;color: #2d221a;line-height: 1;}
.about h5 {color: #333;}
.about h5 span {font-size: 60px;}
.about .uk-divider-vertical {height: 85px;margin: 20px auto 0;}

/* report */
.report h3 {font-size: 36px;font-weight: bold;color: #2d221a;line-height: 1;}
.report p {color: #333;font-size: 18px;line-height: 1.8;}

/* support */
.support h3 {font-size: 36px;font-weight: bold;color: #2d221a;line-height: 1;}
.support h5 {font-size: 18px;color: #666666;}
.support .supportlist {padding-top: 100px;}
.support .supportlist h1 {font-size: 110px;-webkit-text-stroke-width: 1px;-webkit-text-fill-color: transparent;-webkit-text-stroke-color: #2d221a;line-height: 1;}
.support h4 {font-size: 24px;font-weight: bold;color: #fff;font-family: Arial;}

/* caselist */
.caselist h3 {font-size: 36px;font-weight: bold;color: #2d221a;line-height: 1;}
.caselist h5 {font-size: 18px;color: #666666;}
.caselist h4 {font-size: 24px;color: #666666;font-weight: bold;padding: 20px 0;transition: .5s all;}
.caselist .uk-card {border: 1px solid #e5e5e5;}
.caselist .uk-transition-toggle:hover h4 {color: #2d221a;}
.caselist a.btn {color: #999999;background-color: transparent;transition: 0.5s all;padding: 15px 31px;border-radius: 50px;display: block;}
.caselist a.btn .point {background-color: #999999;}
.caselist a.btn .point1 {opacity: 1;}
.caselist a.btn .point2 {opacity: 0;}
.caselist .uk-transition-toggle:hover .point1 {opacity: 0;background-color: #2d221a;}
.caselist .uk-transition-toggle:hover .point2 {opacity: 1;background-color: #2d221a;}
.caselist a.btn .text {padding-left: 10px;padding-right: 0;transition: .5s all;}
.caselist .uk-transition-toggle:hover .text {padding-left: 0;padding-right: 10px;color: #2d221a;}

.caselist hr {margin: 0;position: relative;}
.caselist hr:before {content: '';position: absolute;height: 2px;left: 0;right: 100%;background-color: #2d221a;}
.caselist .uk-transition-toggle:hover hr:before {right: 0;transition: .5s all;}
.caselist hr::after {content: '';position: absolute;height: 1px;left: 100%;right: 0;transition: .5s all;background-color: #2d221a;}
.caselist .uk-transition-toggle:hover hr::after {left: 0;transition-delay: 0.5s;}

/* newslist */
.newslist * {transition: .5s all;}
.newslist h4 {font-size: 24px;font-weight: bold;color: #333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.newslist h5 {color: #999999;font-size: 18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.newslist .uk-card {border: 1px solid #ececec;}
.newslist h6 {border-bottom: 1px solid #ececec;padding: 5px 15px;color: #333;}
.newslist h3 {padding: 5px 15px;font-size: 36px;color: #333;font-weight: bold;}
.newslist .uk-transition-toggle:hover {background-color: #fafafa;}
.newslist .uk-transition-toggle:hover h4  {color: #2d221a;}
.newslist .uk-transition-toggle:hover .uk-width-auto h5 {color: #2d221a;}
.newslist .uk-transition-toggle:hover .uk-card {border-color: #2d221a;background-color: #2d221a;}
.newslist .uk-transition-toggle:hover h6 {color: #fff;}
.newslist .uk-transition-toggle:hover h3 {color: #fff;}

/* news */
.news table th ,.news table td {border: 1px solid #e5e5e5;height: 60px;font-size: 18px;color: #2d221a;font-weight: normal;padding-left: 15px;padding-right: 15px;}
/* .news table th {background-color: #f7f7f7;} */
.news table th strong,.news table td strong {font-weight: normal;color: #19a823;}

/* message */
.message {background-color: #fbfbfb;padding: 70px 80px;box-shadow: 0 5px 15px rgba(0,0,0,.08);font-weight: normal;}
.message h3 {font-size: 36px;font-weight: bold;color: #2d221a;line-height: 1;}
.message .uk-card-default {box-shadow: none;}
.message h2 {font-size: 36px;font-weight: bold;}
.message .uk-input,.message .uk-textarea {height: 60px;border: none;border-bottom: 1px solid #e5e5e5;background-color: transparent;margin-top: 20px;padding: 0;}
.message button {color: #fff;background-color: #2d221a;transition: 0.5s all;padding: 15px 45px;border-radius: 50px;display: block;box-shadow: none;border: none;}
.message button .point {background-color: #fff;}
.message button .point1 {opacity: 1;}
.message button .point2 {opacity: 0;}
.message button:hover .point1 {opacity: 0;}
.message button:hover .point2 {opacity: 1;}
.message button .text {padding-left: 10px;padding-right: 0;transition: .5s all;}
.message button:hover .text {padding-left: 0;padding-right: 10px;}

/* contact */
.contact h3 {font-size: 36px;font-weight: bold;color: #2d221a;line-height: 1;}
.contact p {font-size: 18px;color: #999;padding: 20px 0;border-bottom: 1px solid #e5e5e5;}
.contact p span {color: #2d221a;}
.contact h5 {font-size: 18px;color: #999;}

/* prodnav */
.prodnav .uk-subnav>*>a {display: inline-block;line-height: 72px;font-size: 18px;color: #333;transition: .5s all;position: relative;}
.prodnav .uk-subnav>*:hover>a ,.prodnav .uk-subnav>*>a.uk-active {color: #2d221a;}
.prodnav .uk-subnav>*>a:before {content: '';position: absolute;height: 4px;left: 0;right: 100%;background-color: #2d221a;bottom: -1px;}
.prodnav .uk-subnav>*:hover>a:before ,.prodnav .uk-subnav>*>a.uk-active:before {right: 0;transition: .5s all;}
.prodnav .uk-subnav>*>a::after {content: '';position: absolute;height: 4px;left: 100%;right: 0;transition: .5s all;background-color: #2d221a;bottom: -1px;}
.prodnav .uk-subnav>*:hover>a::after ,.prodnav .uk-subnav>*>a.uk-active::after {left: 0;transition-delay: 0.5s;}

/* product */
.product h3 {font-size: 36px;font-weight: bold;color: #2d221a;line-height: 1;}
.product hr.top {border-color: #333;width: 30px;border-width: 2px;}
.product h5 {font-size: 18px;color: #333;}
.product a.btn {color: #fff;background-color: #2d221a;transition: 0.5s all;padding: 15px 130px;border-radius: 50px;display: inline-block;}
.product a.btn .point {background-color: #fff;}
.product a.btn .point1 {opacity: 1;}
.product a.btn .point2 {opacity: 0;}
.product a.btn:hover .point1 {opacity: 0;}
.product a.btn:hover .point2 {opacity: 1;}
.product a.btn .text {padding-left: 10px;padding-right: 0;transition: .5s all;}
.product a.btn:hover .text {padding-left: 0;padding-right: 10px;}

.productadv h3 {font-size: 36px;font-weight: bold;color: #fff;line-height: 1;}
.productadv h5 {font-size: 18px;color: #fff;}
.productadv .productadvimg {padding: 30px;border-radius: 50%;border: 1px dashed #fff;}
.productadv h4 {font-size: 24px;color: #fff;font-weight: bold;}
.productadv .uk-grid+.uk-grid {margin-top: 0;}

.producttext h3 {font-size: 36px;font-weight: bold;color: #2d221a;line-height: 1;}
.producttext h5 {font-size: 18px;color: #2d221a;}
.producttext a {font-size: 18px;color: #2d221a;position: relative;padding: 10px 0;margin: 0 10px;}
.producttext a.uk-active:before {position: absolute;content: '';left: 0;right: 0;bottom: 0;height: 1px;background-color: #2d221a;}
.producttext table th ,.producttext table td {border: 1px solid #e5e5e5;height: 60px;font-size: 18px;color: #2d221a;padding-left: 15px;padding-right: 15px;}
.producttext table th {background-color: #f7f7f7;}
.producttext table th strong,.producttext table td strong {font-weight: normal;color: #19a823;}

.productapp .uk-dotnav>*>* {width: 8px;height: 8px;}
.productapp h3 {font-size: 36px;font-weight: bold;color: #2d221a;line-height: 1;}
.productapp p {font-size: 18px;color: #2d221a;}

.productcase {display: none;}
.productcase.uk-active {display: block;}
.productcase h3 {font-size: 36px;font-weight: bold;color: #2d221a;line-height: 1;}


/* pagination */
.pagination .page-status {display: none;}
.pagination span:not(.page-numbar) {margin: 0 8px;color: #2d221a;}
.pagination span a:not(.page-num) {color: #2d221a;position: relative;border: 1px solid #2d221a;padding:8px 10px;transition: 0.5s all;}
.pagination span a.page-num {color: #2d221a;position: relative;margin: 0 8px;padding: 8px 10px;border: 1px solid #2d221a;transition: 0.5s all;}
.pagination span a:hover,.pagination span a.page-num.page-num-current {color: #fff;background-color: #2d221a;}

/* pagination_page */
.pagination_page {display: flex;flex-wrap: wrap;margin-left: 0;padding: 0;list-style: none;}
.pagination_page a {position: relative;color: #333;transition: 0.5s all;}
.pagination_page a:hover{color: #2d221a;}
.pagination_page a:before {content: '';position: absolute;bottom: -5px;width: 0px;height: 1px;background-color: transparent;transition: 0.5s all;}
.pagination_page a:hover:before {background-color: #2d221a;width: 100%;}

/* @media */
@media screen and (max-width: 1600px) {
	h3 {font-size: 30px !important;}
	.bg_img img {height: 60px;}
	.i_about h4 p {text-align: justify;}
	.i_about .uk-divider-vertical {margin: 20px 30px 0;}
	.i_prod .uk-padding-large {padding:30px 150px 30px 100px;}
	.i_case .uk-margin-large-top {margin-top: 40px!important;}
	.i_case .uk-panel.uk-padding {padding: 20px;margin-top: -10px;}
	.i_case .uk-margin-medium-bottom {margin-bottom: 0px!important;}
	.i_case .i_prod_slidenav svg {width: 30px;}
	.product .uk-margin-medium-top {margin-top: 20px!important;}
	.productadv .productadvimg img {width: 300px;}
	.productadv .uk-position-cover img {width: 60px;}
	.productadv h4 {font-size: 20px;}
	.productadv h5:not(.uk-margin-top) {font-size: 14px;}
	.productadv .uk-grid {margin-left: -20px;}
	.productadv .uk-grid>* {padding-left: 20px;}
	.productapp .uk-padding-large  {padding: 40px;}
	
}
@media screen and (max-width: 1300px) {
	.uk-navbar-item {padding: 0;}
	.i_about .uk-margin-large-right {margin-right: 40px!important;}
	.i_about h4 p {text-align: justify;}
	.i_about h4 p {font-size: 16px;}
	.i_about h5 span {font-size: 40px;}
	.i_about > div {height: 100%;}
	.i_about .uk-divider-vertical {height: 60px;}
	.i_prod .uk-position-top {top: 85px;}
	.about h5 span {font-size: 40px;}
	.about .uk-divider-vertical {height: 60px;}
	.about .uk-grid-large {margin-left: -40px;}
	.about .uk-grid-large>* {padding-left: 40px;}
	.productapp p {font-size: 16px;}
	
}
@media screen and (max-width: 960px) {
	h3 {font-size: 24px !important;}
	h4 {font-size: 18px !important;}
	.bg_img img {height: 40px;}
	a.btn  {padding: 5px 10px !important;}
	.swiper-container-vertical>.swiper-pagination-bullets {right: 10px;}
	.nav.uk-navbar {padding: 0 15px;}
	.nav .uk-navbar-toggle {padding: 0;}
	.nav svg {width: 40px;height: 40px;}
	.nav .uk-navbar-item.uk-logo img {height: 40px;}
	.uk-offcanvas-bar {background-color: #2d221a;padding: 0 15px;width: 100%;left: -100%;}
	#tm-mobile .nav .uk-logo {animation: none;}
	#tm-mobile .nav.uk-navbar {padding: 0;}
	#tm-mobile .nav svg {color: #fff;}
	.i_banner h1 {font-size: 20px;}
	.i_banner h2 {font-size: 16px;}
	.i_about .uk-divider-vertical {margin: 20px 10px 0;}
	.i_about .uk-margin-large-right {margin-right: 0px!important;}
	/* .i_prod .uk-card.uk-padding-large {padding: 15px;} */
	.i_prod .uk-position-top {top: 35px;}
	.i_prod .uk-padding-large {padding: 30px 60px !important;}
	.i_prod .uk-position-bottom-center {width: 200%;}
	.i_prod .button {margin-top: 20px;}
	.i_prod a.btn {padding: 5px 10px;}
	.about p {text-align: justify;}
	.newslist .uk-padding {padding: 0;}
	.newslist .uk-grid-large {margin-left: -15px;}
	.newslist .uk-grid-large>* {padding-left: 15px;}
	.newslist .uk-transition-toggle {margin-bottom: 15px;}
	.support .supportlist {padding-top: 60px;}
	.support .supportlist h1 {font-size: 60px;}
	.caselist h5, .support h5 ,.product h5 ,.productadv h5 {text-align: justify;}
	.message {padding: 40px 20px;}
	.message .uk-input, .message .uk-textarea {margin-top: 0px!important;}
	.subnav .uk-flex.uk-flex-between {flex-wrap: wrap;}
	.subnav, .subnav a {line-height: 60px;font-size: 14px;}
	.prodnav .uk-subnav {margin-left: -10px;}
	.prodnav .uk-subnav>* {padding-left: 10px;}
	.prodnav .uk-subnav>*>a {font-size: 14px;}
	.productapp .uk-padding-large  {padding: 40px 15px;}
	.producttext table th, .producttext table td {height: 40px;font-size: 16px;padding-left: 5px;padding-right: 5px;}

	
	.pagination span.page-status , .pagination span.page-pre, .pagination span.page-next {display: none;}
	.pagination span:not(.page-numbar) {margin: 0 3px;}
	.pagination span a.page-num {margin: 0 3px;}
	
}