@charset "UTF-8";

/*
Theme Name: Syseye
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.7
Requires PHP: 5.6
Version: 2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Syseye
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/
body{font-family: arial; padding: 0; margin: 0; color: #333; font-size: 14px; display: flex; flex-direction: column;}
.content-wrap{margin: auto 0; min-height: calc(100vh - 156px); margin-top: 80px;}
h1, h2{font-size: 20px; margin: 15px 0; margin-block-start: 0; margin-block-end: 0;}
p{display: block; margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0px; margin-inline-end: 0px; margin: 10px 0; line-height: 22px;}
a, span{display: inline-block;}
a:hover{cursor: pointer; }
div, nav{margin: 0; padding: 0; display: block;}
table{max-width: 100% !important; border-collapse: collapse;}
td{border: 1px solid #ddd; padding:8px;}
:focus{outline: -webkit-focus-ring-color auto 0px;}
a:focus{outline-style: none; outline-offset: 0px;}
img{padding: 0; margin: 0; max-width: 100%; height: auto; display: block;}
ul, li{list-style: none; margin: 0; padding: 0; display: block; text-align: left; margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px;}
.site-header{border-bottom: 1px solid #ddd; box-sizing: border-box; position: fixed; z-index:99; height: 80px; width: 100%; background: #fff;}
.header-content{display: flex; flex-direction: row; justify-content: space-between; padding: 0 10%; margin: 0 auto;}
.header-left{display: flex; flex-direction: row; justify-content: flex-start; }
.menu-wrapper{display: flex; flex-direction: row; justify-content: flex-start; margin: auto auto 0 0;}
.logo{margin-right: 15px;}
.logo a{display: block; margin: auto 0;}
.menu-wrapper .sub-menu{display: none; background: #f5faff; border: 1px solid #ddd; padding: 15px 30px 0 30px; box-sizing: border-box; }
.menu-wrapper li:hover .sub-menu{display: block; position: absolute; z-index: 100; box-sizing: border-box; }
.menu-wrapper li{display: block; text-align: center;}
.menu-wrapper li a{display: block;}
.menu-wrapper > li > a{text-decoration: none; padding: 0 30px; line-height: 80px; display: inline-block; color: #333; font-weight: 600; font-size: 16px;}
 .menu-wrapper > li:hover{ }
.menu-wrapper li a:hover{display: block; color: #144fa4;}
.menu-wrapper .sub-menu a{text-decoration: none; padding-bottom: 15px; color: #333; box-sizing: border-box; text-align: left; font-weight: 600;}
.menu-wrapper .sub-menu a:hover{color: #144fa4; border: none; text-decoration: underline;}
.top-buttons{margin: auto 0; text-align: center;}
.top-buttons a{color: #144fa4; padding: 8px 15px; line-height: 20px; background: #fff; text-decoration: none; font-size: 14px; font-weight: 600; border-radius: 20px; border: 1px solid #144fa4;}
.top-buttons a:hover{border-width: 2px;}
.translate{display: inline-block; }
.gt_white_content{height: 360px !important;}
.translate a{border-radius: 0; padding: 5px; border: none; color: #333; font-weight: 400;}
.translate a:hover{border-width: 1px;}
.goog-te-banner-frame.skiptranslate {display: none !important; } 
.gt_white_content .gt_languages{padding-top: 10px; gap: 10px; max-height: 360px !important;}
.gt_white_content a{padding: 10px !important;}
.top-contact, .top-dist{margin-right: 15px;}
.banner{background-image: linear-gradient(45deg, #e0effc, #bcdefc, #9acaf6); display: flex; flex-direction: row; justify-content: space-between; padding: 50px 10%;}
.banner-text{margin: auto 0; width: 55%; }
.banner-img{width: 45%;}
.banner-img a{display: block;}
.banner-text h2{font-size: 28px; font-weight: 600; padding: 0; margin:0; margin-bottom: 30px;}
.banner-text p{margin-bottom: 30px; font-size: 16px; line-height: 30px;}
.banner-text a{color: #144fa4; line-height: 30px; text-decoration: none; font-size: 14px; padding: 5px 20px; border-radius: 36px; background: #fff; border: 1px solid #144fa4; font-weight: 600;}
.banner-text a:hover{border-width: 2px;}
.banner a img{padding: 15px; max-width: 100%; height: auto;}
.home-factory{padding: 30px 10%;}
.home-factory h2{margin: 0; margin-bottom: 20px;}
.factory-img{display: flex; justify-content: space-between; gap: 30px; box-sizing: border-box;}
.factory-img-list{width: 25%;}
.factory-img h3{text-align: center; font-weight: 400; font-size: 14px;}
.home-cert{padding: 30px 10%; background: #e0effc; }
.cert-list{display: flex; justify-content: space-between; gap: 30px; box-sizing: border-box;}
.cert-list p{text-align: center;}
.cert-list div{width: 25%;}
.cert-list img{margin: 0 auto;}
.home-team{padding: 30px 10%;}
.team-list{display: flex; justify-content; space-between; gap: 30px; box-sizing: border-box;}
.team-list div{width: 25%;}
.home-cat{padding: 30px 10%; background: #e0effc;}
.home-cat h2{margin-bottom: 10px;}
.home-cat-list{display: flex; justify-content: space-between; gap: 30px; box-sizing: border-box; text-align: center;}
.home-cat-list div{width: 25%;}
.home-cat-list a{text-decoration: none; color: #333; display: block;}
.home-cat-list a:last-child{line-height: 20px; margin-top: 10px; font-weight: 600;}
.home-cat-list a:hover{color: #144fa4;}
.home-cat-list img{background: #9acaf6; border: 4px solid #fff; box-sizing: border-box;}
.home-content{padding: 30px 10%;}
.home-content a{color: #144fa4; text-decoration: underline;}
.home-content a:hover{font-weight: 600;}
.wpforms-container textarea{width: 100%; height: 220px; resize: vertical; min-height: 100px; max-height: 300px; z-index: 1;}
.wpforms-submit{background: #fff !important; color: #144fa4 !important; padding: 8px 18px !important; font-size: 14px !important; border-radius: 20px !important; border: 1px solid #144fa4 !important;}
.wpforms-submit:hover{font-weight: 600 !important;}
.footer{padding: 15px 10%; border-top: 1px solid #ddd; display: flex; justify-content: space-between; box-sizing: border-box; height: 75px; margin: 0;}
.footer a{color: #888; text-decoration: underline; }
.footer a:hover{color: #144fa4}
.powered-by{text-align: right;}
.site-content{padding: 0 10%; display: flex; justify-content: space-between; box-sizing: border-box; width: 100%; gap: 30px;}
.left-nav{margin: 30px 0; box-sizing: border-box; width: 280px;}
.left-cat{padding: 15px 15px 0 15px; border: 1px solid #ddd;}
.left-cat:first-child{border-bottom: 0;}
.left-cat:last-child{padding-bottom: 15px;}
.left-cat:nth-child(2n){border-top: none;}
.left-nav a{color: #333; text-decoration: none;}
.left-cat ul li{padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #ddd; box-sizing: border-box;}
.left-cat ul li:last-child{margin-bottom: 0;}
.left-cat a:hover{color: #144fa4; text-decoration: underline; font-weight: 600;}
.left-contact a{text-decoration: underline; color: #666;}
.left-cat-title{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd; color: #144fa4; font-size: 18px;}
.content-area{width: calc(100% - 280px); margin: 30px 0;}
.page-content{padding: 0;}
.position{font-weight: 400; width: 100%; padding: 15px; background: #f7f7f7; display: block; box-sizing: border-box;}
.woocommerce-breadcrumb{display: inline-block; margin: 0 !important; font-size: 14px !important; color: #808080 !important;}
.woocommerce-breadcrumb a{color: #808080 !important;}
.woocommerce-breadcrumb a:hover{color: #144fa4 !important;}
.breadcrumb-title{display: inline-block;}
.page-title{margin-bottom: 0; padding: 15px 0; margin-bottom: 15px; border-bottom: 1px solid #ddd;}
.woocommerce ul.products{display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 20px; box-sizing: border-box; margin-right: -20px;}
.woocommerce ul.products li{width: calc(25% - 20px);}
.woocommerce ul.products li.product a img{border: 1px solid #ddd; box-sizing: border-box; margin-bottom: 10px !important; }
.woocommerce ul.products li.product a{text-decoration: none;}
.woocommerce-loop-product__title{font-size: 14px !important; padding: 0 !important; text-align: center; display: block; color: #333; font-weight: 400; line-height: 20px; height: 40px; display: block; overflow: hidden;}
.woocommerce-loop-product__title:hover{color: #144fa4;}
.cat-buttons{display: flex; justify-content: space-between; margin-top: 10px;}
.cat-buttons a{padding: 8px 0; background: #fff; border: 1px solid #144fa4; color: #144fa4; width: 48%; text-align: center; border-radius: 20px; font-family: arial; font-size: 14px; }
.cat-buttons a:hover{font-weight: 600; }
.woocommerce ul.products li.product .button{margin: 0;}
.product-header{display: flex; justify-content: flex-start; box-sizing: border-box; gap: 20px; margin: 20px 0;}
.thumbnail{width: 40%; min-width: 300px; border: 1px solid #ddd; box-sizing: border-box;}
.summary.entry-summary{width: calc(60% - 20px) !important; float: none !important; box-sizing: border-box;}
.price{display: none;}
.product-title{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #ddd;}
.woocommerce-product-details__short-description{margin-bottom: 15px;}
.quantity{display: block; float: none !important; margin-bottom: 15px !important;}
.quantity input{padding: 5px; border: 1px solid #ddd; box-sizing: border-box; width: 80px;}
.single-product-buttons{margin-bottom: 15px; display: flex; justify-content: flex-start;}
.single-product-buttons button, .single-product-buttons a{padding: 8px 15px; border: 1px solid #144fa4; color: #144fa4; border-radius: 20px; text-decoration: none; display: inline-block; font-weight: 400; font-family: arial; font-size: 14px; background-color: #fff;}
.single-product-buttons button:hover, .single-product-buttons a:hover{font-weight: 600;}
.single-product-buttons button{margin-right: 15px;}
.product-description{padding-top: 20px; margin-top: 20px; border-top: 1px solid #ddd;}
.sku_wrapper{display: block; margin-bottom: 15px; font-weight: 600; color: #666;}
.sku_wrapper span{font-weight: 400;}
.posted_in{font-weight: 600; color: #666;}
.posted_in a{font-weight: 400; color: #144fa4;}
.posted_in a:hover{font-weight: 600;}
.screen-reader-text{display: none;}
.woocommerce-billing-fields label{display: block; margin-bottom: 5px; }
.woocommerce-billing-fields label span{display: inline-block;}
.required{color: red; text-decoration: none; font-weight: 400;}
.optional{font-weight: 400;}
span.selection{display: block;}
span.dropdown-wrapper{display: block;}
.select2-container .select2-selection--single{width: 100%; box-sizing: border-box;}
.select2-container--default .select2-selection--single{ border-radius: 0px;}
.woocommerce-billing-fields p > span{width: 100%; display: block;}
.woocommerce-billing-fields input{width: 100%; padding: 6px; border: 1px solid #ddd; display: block; box-sizing: border-box;}
.woocommerce-billing-fields p > label, .woocommerce-additional-fields p > label{font-weight: 600;}
.woocommerce-additional-fields label{display: block; margin-bottom: 5px; }
.woocommerce-additional-fields span.woocommerce-input-wrapper{width: 100%; display: block;}
.woocommerce-additional-fields textarea{width: 100%; height: 220px; display: block; resize: vertical; min-height: 100px; max-height: 300px; font-family: arial; border: 1px solid #ddd; padding: 5px; box-sizing: border-box;}
#order_review_heading{display: none;}
.woocommerce-checkout-review-order button{padding: 8px 15px; border: 1px solid #144fa4; color: #144fa4; border-radius: 20px; text-decoration: none; display: inline-block; background-color: #fff; font-family: arial; font-size: 14px;}
.woocommerce-checkout-review-order button:hover{font-weight: 600;}
.woocommerce-thankyou-order-received{color: green; margin-bottom: 20px;}
.nav-links{display: flex; justify-content: space-between; padding-top: 15px; margin-top: 20px; border-top: 1px solid #ddd;}
.nav-previous p, .nav-next p{display: inline-block; margin: 0 10px 0 0;}
.meta-nav{color: #333; }
.meta-nav:hover{font-weight: 400;}
.nav-links .post-title{color: #144fa4; text-decoration: underline;}
.nav-links .post-title:hover{font-weight: 600;}
.related.products{margin-top: 20px;}
.related.products > h2{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #ddd;}
.inquiry{padding: 20px; background: #f5faff; border: 1px solid #ddd; margin-top: 20px;}
.inquiry-title{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #ddd;}
.thankyou-contact a{color: #144fa4; text-decoration: underline; font-weight: 400;}
.thankyou-contact a:hover{font-weight: 600;}
.error-404 a{color: #144fa4; text-decoration: underline; font-weight: 400;}
.error-404 a:hover{font-weight: 600;}
.error-products-links .woocommerce ul.products{display: block;}
.error-products-links .woocommerce ul.products li{width: 100%}
.error-products-links .woocommerce ul.products li h2{font-size: 14px; font-weight: 400;  text-decoration: underline; margin-bottom: 15px;}
.error-products-links .woocommerce ul.products li h2:hover{font-weight: 600;}
.error-links a{margin-bottom: 15px;}
mark.count{background-color: #fff !important; color: #144fa4; }
.page-content > p > a{color: #144fa4; text-decoration: underline; font-weight: 400;}
.page-content > p > a:hover{font-weight: 600;}
.mobile-header{display: none;}
figure{display: none;}
.woocommerce-error{background: red; color: #fff; padding: 8px;}
.added_to_cart.wc-forward{display: none;}

/*less than 1440px*/
@media(max-width: 1440px) {
.header-content{padding: 0 5%; }
.banner{padding: 50px 5%;}
.home-factory, .home-cert, .home-team, .home-cat, .home-content{padding: 30px 5%;}
.site-content{padding: 0 5%;}
.footer{padding: 15px 5%;}
.woocommerce ul.products li{width: calc(33.33% - 20px);}
}

/*less than 1200px*/
@media(max-width: 1250px){
.menu-wrapper > li > a{padding: 0 20px}
}

/*less than 1080px*/
@media(max-width: 1080px){
.site-header{display: none;}
.mobile-header{display: block; position: fixed; width: 100%; height: 100px; background: #fff; z-index: 9999;}
.content-wrap{margin-top: 100px;}
.woocommerce ul.products li{width: calc(50% - 20px);}
.menu-wrapper .sub-menu{padding: 15px 20px 0 20px;}
.mheader-content{display: flex; justify-content: space-between; background: #fff; padding: 0 5%; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.mtop-contact{display: flex; justify-content: space-around;}
.mtop-contact a{color: #144fa4; padding: 8px 15px; line-height: 20px; background: #fff; text-decoration: none; font-size: 14px; font-weight: 600; border: 1px solid #144fa4; margin: auto 0; }
.mobile-logo{height: 80px;}
.mobile-menu > a{font-size: 30px; display: block; margin: auto 0; color: #333; text-decoration: none; line-height: 30px; padding: 25px 5px;}
.m-dropdown{padding: 15px; background: #f5faff; border: 1px solid #ddd; display: none; position: absolute; right: 0; z-index: 100; margin-right: 5%;}
.m-dropdown .woocommerce ul.products{display: block; gap: 0; margin: 0;}
.m-dropdown .woocommerce ul.products li{width: 100%;}
.m-dropdown h2{font-size: 14px; font-weight: 400; margin: 0; }
.m-dropdown a{font-size: 14px; font-weight: 400; padding-bottom: 10px; border-bottom: 1px dashed #ddd; margin-bottom: 10px; display: block; color: #333; text-decoration: none; line-height: 20px;}
.m-dropdown a.mdd-contact{margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
.mobile-menu:hover .m-dropdown{display: block;}
.mobile-translate{padding: 10px 5%; background: #f7f7f7; box-sizing: border-box;}
.mobile-translate a{color: #333;}
.banner{display: block;}
.banner-text{width: 100%;}
.banner-img{width: 100%;}
.banner-text h2{font-size: 20px;}
.banner-text p{font-size: 14px;}
.banner a img{padding: 0;}
.banner-button{text-align: center;}
.factory-img, .cert-list, .team-list, .home-cat-list{flex-wrap: wrap; justify-content: flex-start; margin-right: -15px; gap: 15px;}
.factory-img-list, .cert-list div, .team-list div, .home-cat-list div{width: calc(50% - 15px);}
.footer{justify-content: flex-start; flex-wrap: wrap;}
.left-nav{display: none;}
.site-content{gap: 0; justify-content: flex-start; flex-wrap: wrap;}
.content-area{width: 100%;}
}

/*less than 680px*/
@media(max-width: 680px){
.product-header{justify-content: flex-start; gap: 0; flex-wrap: wrap;}
.thumbnail{width: 100%; margin-bottom: 15px;}
.summary.entry-summary{width: 100% !important;}
.nav-links{justify-content: flext-start; flex-wrap:wrap;}
.nav-previous{margin-bottom: 10px;}
}

/*less than 490px*/
@media(max-width: 490px){
.cat-buttons{flex-wrap: wrap; justify-content: flex-start;}
.cat-buttons a{width: 100%; display: block; }
.cat-buttons a.button{margin-bottom: 10px !important;}
.thumbnail{min-width: auto;}
}

/*less than 300px*/
@media(max-width: 300px){
.mobile-logo{height: 50px;}
.mtop-contact a{padding: 5px;}
.woocommerce-breadcrumb{display: flex; justify-content: flex-start; flex-wrap: wrap;}
.breadcrumb-title{word-break: break-all;}
.single-product-buttons{flex-wrap: wrap; text-align: center;}
.single-product-buttons button, .single-product-buttons a{display: block; width: 100%;}
.single-product-buttons button{margin-right: 0; margin-bottom: 15px;}
.woocommerce ul.products{margin-right: 0; }
.woocommerce ul.products li{width: 100%;}
.mtop-contact{display: none;}
}