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

/* header */
.header .uk-divider-vertical {height: 49px;margin: 5px 20px 0 24px;}
.header h4 {font-size: 24px;font-weight: bold;color: #d51721;}

/* navbar */
.navbar {background-color: #333;}
.navbar .uk-navbar-nav>li>a {min-height: 60px;color: #fff;font-size: 16px;} 
.nav_bg {position: absolute;width: 120px;height: 60px;top: 50%;left: 0;background-color: #d51721;transform: translateY(-50%);z-index: 1;}
.navbar .uk-navbar-nav>li>a:before {content: '';position: absolute;bottom: 5px;}
.navbar .uk-navbar-toggle {min-height: 60px;padding-right: 0;color: #fff;}
[class*=uk-navbar-dropdown-bottom] {margin-top: 0;}
.navbar .i_search.uk-navbar-dropdown {padding: 10px;}
.navbar .uk-search-input:focus {border-color: #333}

/* i_banner */
.i_banner .i_banner_nav {height: 50px;bottom: 0;top: auto;background-color: rgba(51, 51, 51, 0.3);}
.i_banner .i_banner_nav a {line-height: 50px;font-size: 16px;color: #fff;}
.i_banner .i_banner_nav a:hover {color: #ddd;}

/* i_adv */
.i_adv h3 {font-size: 36px;font-weight: bold;}
.i_adv .text {padding: 130px 30px 0;transition: .5s all;}
.i_adv .text1 ,.i_adv .text3 {background-color: #fdfdfd;}
.i_adv .text2 ,.i_adv .text4 {background-color: #f5f5f5;}
.i_adv h4 {font-size: 20px;color: #d51721;font-weight: bold;}
.i_adv .overlay {top: 70%;background: #d51721;transition: .5s all;transform: translateY(101%);}
.i_adv .overlay svg > * {fill: #fff;}
.i_adv .overlay h4 {color: #fff;} 
.i_adv .uk-transition-toggle:hover .text {top: 100%;}
.i_adv .uk-transition-toggle:hover .overlay {transform: translateY(0);}

/* i_prod */
.i_prod h3 {font-size: 36px;font-weight: bold;color: #fff;}
.i_prod h4 {font-size: 18px;}
.i_prod .i_prod_ {padding: 5px;border: 1px solid #e5e5e5;margin: 0 -1px -1px 0 ;}
.i_prod h4.uk-text-bold {height: 65px;line-height: 65px;opacity: 1;transition: .5s all;transition-delay: 0.3s;}
.i_prod .overlay {height: 65px;background: #d51721;transition: .5s all;top: 100%;left: 5px;right: 5px;}
.i_prod h4.uk-text-bold.opaque {opacity: 0;}
.i_prod .icon_svg {position: relative;transform: translateX(-20px);opacity: 0;transition: .5s all;}
.i_prod .uk-transition-toggle:hover h4.uk-text-bold {opacity: 0;transition-delay: 0;}
.i_prod .uk-transition-toggle:hover .overlay {top: calc(100% - 70px);}
.i_prod .uk-transition-toggle:hover h4.uk-text-bold.opaque {opacity: 1;}
.i_prod .uk-transition-toggle:hover .icon_svg {opacity: 1;transform: translateX(0);transition-delay: 0.3s;}
.i_prod a.btn {font-size: 16px;color: #fff;display: inline-block;padding: 13px 48px;background-color: #d51721;transition: .5s all;}
.i_prod a.btn:hover {background-color: rgba(213, 23, 33, 0.8);}

/* i_about */
.i_about .overlay {background-color: #d51721;}
.i_about h3 {font-size: 36px;font-weight: bold;}
.i_about p {color: #fff;line-height: 1.5;}
.i_about a.btn {font-size: 16px;color: #d51721;display: inline-block;padding: 13px 48px;background-color: #fff;transition: .5s all;border: 1px solid transparent;}
.i_about a.btn:hover {background-color: rgba(213, 23, 33, 0.8);border-color: #fff;color: #fff;}

/* i_news */
.i_news h3 {font-size: 36px;font-weight: bold;}
.i_news .i_news_nav a {margin:0 5px;background-color: #f7f7f7;color: #d51721;padding: 13px 48px;transition: .5s all;display: inline-block;}
.i_news .i_news_nav a:hover ,.i_news .i_news_nav a.uk-active {background-color: #d51721;color: #fff;}
.i_news h6 {color: #999999;}
.i_news h4 {font-size: 18px;font-weight: bold;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height: 50px;transition: .5s all;}
.i_news p {font-size: 14px;color: #999999;line-height: 1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;height: 84px;}
.i_news a.btn {display: inline-block;padding: 10px 0 0 0;color: #d51721;position: relative;transform: translateX(-100%);transition: .5s all;}
.i_news hr:before {content: '';position: absolute;left: 0;height: 1px;right: 100%;background-color: #d51721;transition: .5s all;}
.i_news .uk-transition-toggle:hover h4 {color: #d51721;}
.i_news .uk-transition-toggle:hover a.btn {transform: translateX(0);}
.i_news .uk-transition-toggle:hover hr:before {right: 0;}

/* i_link */
.i_link {background-color: #f7f7f7;}
.i_link h4 {font-size: 18px;font-weight: bold;color: #d51721;display: inline-block;padding-bottom: 15px;position: relative;}
.i_link h4:before {content: '';position: absolute;left: 0;right: 0;height: 3px;background-color: #d51721;bottom: 0;}
.i_link hr {border-color: #d2d2d2}
.i_link a {display: inline-block;margin-left: 10px;color: #333;font-size: 16px;transition: .5s all;}
.i_link a:hover {color: #d51721;}

/* foot */
.foot {background-color: #3a3a3a;}
.foot h4 {font-size: 24px;font-weight: bold;}
.foot p {color: #fff;line-height: 1.5;margin: 5px 0;}
.foot .uk-divider-vertical {height: 128px;border-color: #898989;margin: 0 30px;}
.foot a {position: relative;transition: .5s all;display: inline-block;}
.foot a:hover {transform: translateX(10px);}

/* footer */
.footer {background-color: #2b2b2b;}
.footer p,.footer p a {color: #ddd;line-height: 36px;font-size: 14px;}
.footer p a:hover {color: #fff;}

/* process */
.process h3 {font-size: 36px;font-weight: bold;}

/* line */
.line h3 {font-size: 36px;font-weight: bold;}
.line p {font-size: 16px;color: #666666;}
.line h4 {font-size: 18px;font-weight: bold;line-height: 57px;margin-top: 10px;transition: .5s all;}
.line .uk-transition-toggle:hover h4 {color: #fff;background-color: #d51721;} 

/* machine */
.machine h3 {font-size: 36px;font-weight: bold;}
.machine .uk-position-center-right svg {transform: rotate(180deg);}
.machine .slider_nav a svg > * {transition: .5s all;}
.machine .slider_nav a:hover svg > * {fill:  #d51721;}
.machine .overlay {top: 100%;background-color: rgba(213, 23, 33, 0.7);transition: .5s all;}
.machine  h5 {line-height: 50px;color: #fff;}
.machine .uk-transition-toggle:hover .overlay {top: calc(100% - 50px);}

/* news */
.news h4 {font-size: 24px;font-weight: bold;}
.news p {text-align: justify;text-indent: 32px;}

/* about */
.about h3 {font-size: 36px;font-weight: bold;}
.about p {text-align: justify;line-height: 1.5;}

/* contact */
.contact h3 {font-size: 36px;font-weight: bold;}
.contact h4 {font-size: 24px;font-weight: bold;color: #d51721;}
.contact hr {width: 29px;border-width: 3px;border-color: #d51721}
.contact p {color: #333;line-height: 2;}
.contact .uk-input {height: 50px;}
.contact .uk-input:focus, .contact .uk-textarea:focus {border-color: #d51721}
.contact .uk-button {padding: 13px 48px;background-color: #d51721;color: #fff;line-height: 1;font-size: 16px;}

/* productlist */
.productlist .productlist_nav a {margin:0 5px;background-color: #f7f7f7;color: #d51721;padding: 13px 35px;transition: .5s all;display: inline-block;}
.productlist .productlist_nav a:hover ,.productlist .productlist_nav a.uk-active {background-color: #d51721;color: #fff;}
.productlist h4 {font-size: 18px;font-weight: bold;line-height: 55px;}
.productlist h4.opaque {color: #fff;opacity: 0;transition: .5s all;}
.productlist .overlay {background-color: #d51721;transition: .5s all;transform: translateY(100%);}
.productlist .uk-transition-toggle:hover .overlay {transform: translateY(0);}
.productlist .icon_svg {position: relative;transform: translateX(-20px);opacity: 0;transition: .5s all;}
.productlist .uk-transition-toggle:hover h4.opaque {opacity: 1;transition-delay: 0.3s;}
.productlist .uk-transition-toggle:hover .icon_svg {opacity: 1;transform: translateX(0);transition-delay: 0.3s;}

/* product */
.product {background-color: #fafafa;}
.product .uk-position-center-right-out svg {transform: rotate(180deg);}
.product .slider_nav a svg > * {transition: .5s all;}
.product .slider_nav a:hover svg > * {fill:  #d51721;}
.product h3 {font-size: 36px;font-weight: bold;}
.product h4 {font-size: 24px;font-weight: bold;color: #d51721;}
.product p {color: #333;line-height: 2;}
.product a.btn {font-size: 16px;color: #fff;display: inline-block;padding: 13px 48px;background-color: #d51721;transition: .5s all;}
.product a.btn:hover {background-color: rgba(213, 23, 33, 0.8);}

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

/* 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: #d51721;}
.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: #d51721;width: 100%;}

/* @media */
@media screen and (max-width: 1400px) {
	.i_adv .text {padding: 100px 30px 0;}
	.foot .uk-divider-vertical {margin: 0 10px;}
	.foot h4 {font-size: 20px;}
	.productlist .productlist_nav a {padding: 13px 25px;}
	.line p {text-align: justify;}
}
@media screen and (max-width: 1300px) {
	h3 {font-size: 28px !important;}
	.i_adv h4 {font-size: 16px;}
	.i_adv p {text-align: justify;}
}
@media screen and (max-width: 960px) {
	h3 {font-size: 24px !important;}
	
	.uk-offcanvas-bar {background-color: #333;padding: 0 15px;width: 100%;left: -100%;}
	.i_adv .text {padding: 80px 15px 0;}
	.i_adv .text4 {background-color: #fdfdfd;}
	.i_adv .text3 {background-color: #f5f5f5;}
	.i_adv .overlay {top: 50%;}
	.uk-navbar-toggle {padding: 0;}
	.uk-nav>li>a {text-align: center;display: block;}
	.i_prod {background-size: 500% !important;}
	.i_news .i_news_nav a {padding: 13px;}
	.productlist_nav {flex-wrap: wrap;}
	.productlist .productlist_nav a {width: 100%;text-align: left;}
	
	.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;}
	
}