.hover { transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s;}
.hover3 { transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s;}

.btn-curve { background: #c9db3b; padding: 10px 28px; border: 2px solid #000; border-radius: 0; position: relative; overflow: hidden; cursor: pointer; display: inline-block; line-height: normal;}
.btn-curve span { font-size: 14px; text-transform: uppercase; position: relative; transition: all 0.8s; -ms-transition: all 0.8s; -webkit-transition: all 0.8s; z-index: 2; color: #fff; font-weight: 500;}
.btn-curve::after { background: #000; content: ""; position: absolute; top: -10px; left: -10px; right: -10px; bottom: 100%; border-radius: 0 0 100% 100%/0 0 100% 100%; transition: all 0.6s cubic-bezier(1, 0, 0.55, 1); -ms-transition: all 0.6s cubic-bezier(1, 0, 0.55, 1); -webkit-transition: all 0.6s cubic-bezier(1, 0, 0.55, 1); }
.btn-curve:hover::after { bottom: -10px; border-radius: 0;}

.btn-curve-dark { background: #000; padding: 10px 28px; border: 2px solid #c9db3b; border-radius: 0; position: relative; overflow: hidden; cursor: pointer; display: inline-block;}
.btn-curve-dark span { font-size: 13px; text-transform: uppercase; position: relative; transition: all 0.8s; -ms-transition: all 0.8s; -webkit-transition: all 0.8s; z-index: 2; color: #fff; }
.btn-curve-dark:hover span { color: #000;}
.btn-curve-dark::after { background: #c9db3b; content: ""; position: absolute; top: -10px; left: -10px; right: -10px; bottom: 100%; border-radius: 0 0 100% 100%/0 0 100% 100%; transition: all 0.6s cubic-bezier(1, 0, 0.55, 1); -ms-transition: all 0.6s cubic-bezier(1, 0, 0.55, 1); -webkit-transition: all 0.6s cubic-bezier(1, 0, 0.55, 1); }
.btn-curve-dark:hover::after { bottom: -10px; border-radius: 0;}

.title-section { margin: 40px 0; text-align: center;}
.title-section h2 { display: inline-block; position: relative; font-size: 42px; text-align: center; color: #fff; padding: 0 10px; margin:0; letter-spacing: 2px;}
/*.title-section h2 span { padding: 0 10px;}
.title-section h2::before, .title-section h2::after { content: ''; position: absolute; width: 189px; min-height: 2px; top: 50%;}
.title-section h2::before { background: url(../images/short-left-sep.png) no-repeat; left: -100%;}
.title-section h2::after { background: url(../images/short-right-sep.png) no-repeat; right: -100%;} */

.sb-title { text-align: center; margin-bottom: 15px;}
.sb-title h4 { font-size: 16px; margin: 0; padding: 0; color: #c9db3b; text-transform: uppercase; font-weight: 400; letter-spacing: 1px;}
.sb-title h2 { margin-bottom: 20px; text-transform: uppercase; font-size: 36px; letter-spacing: 1px; font-weight: 700; color: #fff}

.header-4 #siteNav > li > a span { position: relative; display: inline-block; line-height: 1.4;}
.header-4 #siteNav > li > a span::after { content: ''; position: absolute; top: 100%; left: 0; width: 0; height: 2px; background-color: #c9dd30; transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
.header-4 #siteNav > li:hover > a span::after { width: 100%;}

a.site-header__cart { color: #000;}
a.site-header__cart:hover { color: #c9db3b;}

.top-contact p { margin-bottom: 0; color: #000; font-size: 15px; font-weight: 400; line-height: 26px;}
.top-contact p i { color: #c9db3b; padding-right: 4px; font-size: 16px; position: relative; top: 2px;}
.top-contact p a { color: #000;}

.logo img { margin: 0 auto;}
.menu-outer { background: #c9db3b;}
.d-menu-col .iconset { color: #000;}
.d-menu-col a.site-header__cart { color: #fff;}
.d-menu-col a.site-header__cart:hover, .d-menu-col .iconset:hover { color: #000;}
.d-menu-col .site-cart-count { background: #000;}

section.categories-block { background: url(../images/categories-bg.jpg) top center repeat; width: 100%; padding: 20px 0 30px;}
.cat-box { overflow:hidden; position: relative; margin: 0 0 30px; transition: all 500ms ease; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; }
.cat-box .cat-img { position: relative; background: #080808; padding: 10px; text-align: center;}
.cat-box .cat-img:hover { background: #c9dd30;}
.cat-box .cat-img h2 { color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 400; margin: 0; word-break: break-word; letter-spacing: .9; padding: 1rem 0 2rem 0;}
.cat-box .cat-img:hover h2 { color: #080808; font-size: 17px; letter-spacing: 1.2;}

section.about-block { position: relative; overflow: hidden; padding: 40px 0; margin-top: -7px; }
section.about-block::before { background: url(../images/shadow.jpg) center center no-repeat; width: 100%; height: 47px; content: ""; position: absolute; top: 0; left: 0; right: 0;}
.about-text { padding: 20px; text-align: left;}
.about-text h3 { font-size: 18px; margin: 0; padding: 0; color: #111; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; font-style: italic;}
.about-text h2 { margin-bottom: 20px; text-transform: uppercase; font-size: 36px; letter-spacing: 2px; font-weight: 700; color: #c9db3b}
.about-text p { color: #111; font-size: 15px; line-height: 28px; margin-bottom: 30px; text-align: justify;}
.cv-block { text-align: center; margin-bottom: 30px;}
.cv-block h2 { font-size: 17px; letter-spacing: 1px; margin-top: 10px;}

section.special-block { background-image: url(../images/bottom-img.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; padding: 100px 0; position: relative; color: #fff;}
section.special-block::before { content: ''; background: rgba(0,0,0,0.8); width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0;}
.custom-block { text-align: center; margin-top: 30px;}
.custom-block h2 { color: #fff; font-size: 20px; font-weight: 700; letter-spacing: 1px; margin: 10px 0 15px;}
.custom-block p { color: #f3f3f3;}

section.quality { background: #c9db3b; padding: 10px 0;}
section.quality .q-box { text-align: center; margin: 15px 0;}
section.quality .q-box h2 { margin: 10px 0 0;}

section.why-choose { background: #f6f6f6; padding: 0 0 20px; position: relative; overflow: hidden;}
section.why-choose .title-section h2 { color: #080808; letter-spacing: normal; }
section.why-choose .title-section h2 span { color: #c9db3b;}
.why-block { background: #fff; padding: 20px; margin-bottom: 30px; position: relative; width: 100%; min-height: 260px;}
.why-block .wb-number { text-align: end; margin-block-end: 0px; width: 92%; position: absolute; top: 0; z-index: 0;}
.why-block .wb-number h2 { background: linear-gradient(180deg, #EAEAEA 0%, rgba(226, 226, 226, 0) 85.73%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 66px;}
.why-block .wb-text { position: relative; z-index: 1;}
.why-block .wb-text .wb-icon { font-size: 50px; display: inline-block; width: 50px; line-height: 1; fill: #080808; color: #080808; border-color: #080808; margin-bottom: 12px;}
.why-block .wb-text .wb-icon i { font-size: 44px;}
.why-block .wb-text h4 { font-size: 22px; line-height: 1.2083333333; font-weight: 700; text-transform: uppercase; color: #080808;}
.why-block .wb-text p { font-size: 15px; color: #151515;}

section.bottom-banner { background: #080808; padding: 40px 0;}
section.bottom-banner .bb-text { margin: 15px 0;}
section.bottom-banner .bb-text h2 { font-size: 24px; color: #fff; margin: 0 0 15px;}
section.bottom-banner .bb-text p { color: #d8d8d8; font-weight: 400; line-height: 26px;}

section.news-exhibition { padding: 0 0 10px;}
section.news-exhibition .title-section h2 { color: #080808; font-size: 32px; letter-spacing: 0;}
.news-block { text-align: center; margin-bottom: 30px;}
.news-block h2 { font-weight: 600; color: #000; margin: 20px 0 10px; font-size: 18px; text-transform: capitalize;}
.news-block p { font-size: 14px; color: #333; margin: 0 0 20px; padding: 0;}

section.certificates { background: #f6f6f6;}
section.certificates .title-section h2 { color: #080808; font-size: 32px; letter-spacing: 0;}



.page-header { background: #f4f4f4; margin-bottom: 40px;}
.page-header .inner-content { position: relative; padding: 40px 0;}
.page-header .page-header-title { margin: 0; font-size: 28px; text-transform: uppercase; color: #0f0e0e;}
.page-header .page-header-breadcrumb { background: #0f0e0e; position: absolute; bottom: -22px; right: 0; height: 52px; line-height: 52px; font-size: 13px; padding: 0 42px; border-radius: 30px; color: #c9db3b; text-transform: uppercase; font-weight: 500;}
.page-header .page-header-breadcrumb a, .page-header .page-header-breadcrumb span { margin: 0 5px; color: #c9db3b;}
.page-header .page-header-breadcrumb a:hover { color: #fff;}

.inner-page { min-height: 700px; margin-bottom: 30px;}
.text-page { line-height: 32px;}

.related-product .sb-title h2 { color: #080808;}

.detail-text { margin: 15px 0;}
.more-view { margin-top: 30px;}





























footer { background: #080808; padding: 50px 0 0; position: relative; margin-top: 30px;}
section.signup-area { text-align: center;}
section.signup-area h2 { color: #c9db3b; text-transform: uppercase; font-size: 22px; margin: 0; font-weight: 700; letter-spacing: 1px;}
section.signup-area p { font-size: 16px; font-weight: 400; color: #fff; margin-bottom: 10px;}
/*section.signup-area form { margin:0; padding: 20px 0;}*/
section.signup-area .newsletter { margin-top: 22px;}
section.signup-area .newsletter input { height: 48px; background: #fff; border: none; color: #000; font-size: 14px; box-shadow: none; width: 74%; float: left;}
section.signup-area .newsletter .btn-curve-dark { width: 25%; float: right; font-size: 14px; text-transform: uppercase; color: #fff; border-radius: 0; text-align: center; padding: 0; line-height: 44px;}

section.footer-btm { margin-top: 20px;}
section.footer-btm h2 { color: #fff; font-weight: 700; font-size: 22px; margin: 0 0 30px;}
section.footer-btm .f-contact ul { list-style: none; margin: 0; padding: 0;}
section.footer-btm .f-contact ul li { margin: 0px 0px 20px 0px; padding: 0; float: none; display: block; list-style: none; line-height: 28px;}
section.footer-btm .f-contact ul li i { line-height: 21px; float: left; font-size: 17px; color: #c9db3b; margin-right: 13px;}
section.footer-btm .f-contact ul li div { float: left; width: 75%; line-height: 20px; margin: 0; padding: 0;}
section.footer-btm .f-contact ul li div p { margin: 0; color: #fff; font-size: 14px; font-weight: 400;}
section.footer-btm .f-contact ul li a { color: #fff; font-size: 14px; font-weight: 400;}
section.footer-btm .f-contact ul li a:hover { color: #c9db3b;}

section.footer-btm .footerSocial ul { margin: 0; padding: 0;}
section.footer-btm .footerSocial ul li { list-style: none; margin-bottom: 15px;}
section.footer-btm .footerSocial ul li a { display: inline-block; color: #fff; line-height: 34px;}
section.footer-btm .footerSocial ul li a i { font-size: 34px; color: #c9db3b; float: left; padding-right: 7px;}
section.footer-btm .footerSocial ul li a:hover { color: #c9db3b;}

section.footer-btm ul.f-links { margin: 0; padding: 0}
section.footer-btm ul.f-links li { list-style: none; margin: 0 0 10px 0; padding: 0;}
section.footer-btm ul.f-links li a { color: #fff; font-size: 14px; transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s;}
section.footer-btm ul.f-links li a:hover, section.copyrights p a:hover { color: #c9db3b;}

section.copyrights { padding: 30px 0; text-align: center;}
section.copyrights .row { border-top: 1px solid #151515; padding-top: 30px;}
section.copyrights p { color: #ccc; font-size: 13px; line-height: 22px; margin: 0; }
section.copyrights p a { color: #fff; transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; text-transform: uppercase;}



@media only screen and (max-width: 768px) {
    .mob-bg { background: #c9db3b; padding: 5px 0;}
    .mob-border { border-bottom: 1px solid #f5f5f5;}

}

@media only screen and (max-width: 480px) {
    section.signup-area .newsletter input { width: 70%;}
    .mp-block-right { margin-bottom: 30px;}
    .mp-block-left { margin-top: 30px;}
}