@charset "UTF-8";

.widget_shopping_cart_content .blockUI.blockOverlay,.woocommerce-checkout-review-order .blockUI.blockOverlay{background-color:#fff!important;opacity:.6!important}.widget_shopping_cart_content .blockUI.blockOverlay:before,.woocommerce-checkout-review-order .blockUI.blockOverlay:before{-webkit-animation:spin .6s linear infinite;animation:spin .6s linear infinite;border-bottom:3px solid rgba(0,0,0,.1)!important;border-left:3px solid #446084;border-radius:50%;border-right:3px solid rgba(0,0,0,.1)!important;border-top:3px solid rgba(0,0,0,.1)!important;content:"";display:block;font-size:2em;height:30px;left:50%;line-height:1;margin-left:-.5em;margin-top:-.5em;pointer-events:none;position:absolute;text-align:center;top:50%;width:30px}.category-page-row{padding-top:30px}.price_slider_amount input{display:none}.woocommerce-result-count{display:inline-block;margin:0 1em 0 auto}.woocommerce-ordering,.woocommerce-ordering select{display:inline-block;margin:5px 0}.add_to_cart_button.added{display:none}a.added_to_cart{display:inline-block;font-size:.9em;font-weight:700;padding:10px 0;text-transform:uppercase}a.added_to_cart:after{content:" →"}.grid-style-3 .title-wrapper{flex:1;min-width:60%;overflow:hidden;padding-right:15px;text-overflow:ellipsis}.grid-style-3 .price-wrapper{text-align:right}.grid-style-3 .star-rating{margin:.2em 0;text-align:right}.grid-style-3 .price del{display:block}.grid-style-3 .price del span.amount{margin:0}.price-wrapper .review-count{margin-left:4px}.products .box-vertical .box-text{font-size:1.1em}.page-numbers.button.current{opacity:.6;pointer-events:none}.grid-tools{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;margin-bottom:-1px;padding:0!important;white-space:nowrap;width:100%}.grid-tools a{background-color:#446084;color:#f1f1f1;display:block;font-size:.85em;font-weight:700;opacity:.95;padding:.4em 0 .5em;text-overflow:ellipsis;text-transform:uppercase;transition:opacity .3s;width:100%}.grid-tools a.quick-view:focus-visible{outline-offset:-4px}.grid-tools a+a{border-left:1px solid hsla(0,0%,100%,.1)}.grid-tools a:hover{color:#fff;opacity:1}.grid-tools .add-to-cart-grid{width:0}@media (max-width:849px){.category-filter-row{padding:10px 0}}.filter-button{display:inline-block;margin-top:.5em}.box-image .out-of-stock-label{background:#fff;background:hsla(0,0%,100%,.9);color:#333;font-weight:700;left:0;opacity:.9;padding:20px 0;position:absolute;right:0;text-align:center;text-transform:uppercase;top:40%}.featured-title .woocommerce-result-count{display:none}.widget_product_categories>ul>li{align-items:center;display:flex;flex-flow:row wrap}.widget_product_categories>ul>li span{font-size:.85em;opacity:.4}.widget_product_categories>ul>li ul span.count{display:none}.message-wrapper+.login{background-color:rgba(0,0,0,.03);padding:30px}.woocommerce-form-login .button{margin-bottom:0}.woocommerce-billing-fields{border-top:2px solid #ddd;padding-top:15px}.woocommerce-billing-fields p{margin-bottom:.5em}form.checkout h3{font-size:1.1em;font-weight:bolder;overflow:hidden;padding-top:10px;text-transform:uppercase}form.checkout input[type=checkbox]{margin-bottom:0;margin-right:.5em;margin-top:0}.payment_methods li+li{border-top:1px solid #ececec;padding-top:7px}.payment_methods p{font-size:.9em}.payment_method_paypal img{margin:0 10px;max-width:130px}a.about_paypal{font-size:.8em}.woocommerce-privacy-policy-text{font-size:85%}p.form-row-wide{clear:both}p.form-row-push{margin-top:-15px}@media (min-width:550px){p.form-row-first,p.form-row-last{float:left;width:48%}p.form-row-first{margin-right:4%}}input#place_order{font-size:1.2em;line-height:1.2;padding-bottom:.5em;padding-top:.5em;white-space:normal}#ship-to-different-address{padding-top:0}#ship-to-different-address label{font-weight:400;text-transform:none}#billing_address_2_field>label,#shipping_address_2_field>label{opacity:0;overflow:hidden;white-space:nowrap;width:0}@media (max-width:549px){#billing_address_2_field>label,#shipping_address_2_field>label{display:none}}.wc-terms-and-conditions{border-top:1px solid #ececec;margin-top:-15px;padding:15px 0}.wc-terms-and-conditions input{margin-bottom:0}.wc-terms-and-conditions label{font-weight:400}div.create-account{clear:both}.form-row.create-account{font-size:1.1em;margin:0}.form-row.create-account label{font-weight:400}.page-checkout-simple{padding:3% 0}.js_active .woocommerce-account-fields p.create-account+div.create-account,.js_active .woocommerce-shipping-fields #ship-to-different-address+div.shipping_address{display:none}.widget_price_filter form{margin:0}.widget_price_filter .price_slider{background:#f1f1f1;margin-bottom:1em}.widget_price_filter .price_label{padding-top:6px}.widget_price_filter span{font-weight:700}.widget_price_filter .price_slider_amount{font-size:.8751em;line-height:1;text-align:right}.widget_price_filter .price_slider_amount .button{background-color:#666;border-radius:99px;float:left;font-size:.85em}.widget_price_filter .ui-slider{position:relative;text-align:left}.widget_price_filter .ui-slider .ui-slider-handle{background-color:#666;border-radius:999px;cursor:pointer;height:15px;outline:none;position:absolute;top:-5px;width:15px;z-index:2}.widget_price_filter .ui-slider .ui-slider-handle:last-child{margin-left:-10px}.widget_price_filter .ui-slider .ui-slider-range{background-color:#666;border:0;border-radius:99px;display:block;font-size:10px;opacity:.5;position:absolute;z-index:1}.widget_price_filter .ui-slider-horizontal{border-radius:99px;height:5px}.widget_price_filter .ui-slider-horizontal .ui-slider-range{height:100%;top:0}.widget_price_filter .ui-slider-horizontal .ui-slider-range-min{left:-1px}.widget_price_filter .ui-slider-horizontal .ui-slider-range-max{right:-1px}.widget li.chosen a:before{color:currentColor;content:"x";display:inline-block;margin-right:5px;opacity:.6;position:relative;top:-2px}.wc-layered-nav-term.chosen>a:before{background-color:#f1f1f1;border:1px solid rgba(0,0,0,.1);border-radius:99px;height:18px;line-height:12px;text-align:center;width:18px}.dark .wc-layered-nav-term.chosen>a:before{background-color:rgba(0,0,0,.5)}.widget_layered_nav_filters ul li.chosen{border:0!important;display:inline-block;margin-right:10px}.widget_layered_nav_filters ul li.chosen a{background-color:#f1f1f1;border:1px solid rgba(0,0,0,.1);border-radius:99px;display:inline-block;font-size:.85em;font-weight:400;opacity:.9;padding:0 7px}.dark .widget_layered_nav_filters ul li.chosen a{background-color:rgba(0,0,0,.5);color:#fff}.widget_layered_nav_filters ul li.chosen a:before{content:"x";margin-right:3px;opacity:.4;position:relative;top:-1px}.widget_layered_nav_filters ul li.chosen a:hover:before{opacity:1}.woocommerce-product-gallery figure{margin:0}.message-wrapper{margin:0;padding-bottom:.5em}#wrapper>.message-wrapper{font-size:1.1em;margin-bottom:10px;padding-bottom:.75em;padding-top:.75em}ul.message-wrapper li{list-style:none}.message-container span{font-weight:700}.message-container .wc-forward{display:none}.message-container a{margin:0 15px 0 0}.container .message-container{padding-left:0;padding-right:0}.message-wrapper+main .product-main{padding-top:0}.demo_store{background-color:#000;color:#fff;margin:0;padding:5px;text-align:center}.has-transparent+main>.message-wrapper{background-color:#fff;bottom:0;box-shadow:1px 1px 10px 1px rgba(0,0,0,.1);position:fixed;width:100%;z-index:999}.form-row input[type=submit]{margin:0}.form-row input[type=submit]+label{margin-left:15px}.my-account-header.featured-title .page-title-inner{min-height:100px}.my-account-header .button{margin-bottom:5px;margin-top:5px}.woocommerce-form-register .woocommerce-privacy-policy-text{margin-bottom:1.5em}form.lost_reset_password{padding:30px 0}.dashboard-links{display:flex;flex-wrap:wrap;font-size:1.3em;line-height:1;list-style:none}.dashboard-links a{border:1px solid #ddd;border-radius:5px;display:block;margin-right:10px;padding:20px 0;text-align:center;transition:all .3s}.dashboard-links .active{display:none}.dashboard-links a:hover{background-color:#333;color:#fff}.dashboard-links li{width:33.333%}@media (max-width:849px){.dashboard-links li{width:50%}}@media (max-width:549px){.dashboard-links li{width:100%}}.password-input{display:block;position:relative}.password-input input:focus~.show-password-input,.password-input:hover .show-password-input{visibility:visible}.woocommerce-form input[type=password]{padding:0 2em 0 .75em}.show-password-input{cursor:pointer;line-height:1.35;padding:.618em;position:absolute;right:0;top:0;visibility:hidden}.show-password-input:after{content:"";font-family:fl-icons}.show-password-input.display-password:after{content:"";font-family:fl-icons}.price{line-height:1}.product-info .price{font-size:1.5em;font-weight:bolder;margin:.5em 0}.woocommerce-variation-price{border-top:1px dashed #ddd;font-size:.8em;padding:7.5px 0}.price-wrapper .price{display:block}span.amount{color:#111;font-weight:700;white-space:nowrap}.dark .price,.dark .price del,.dark span.amount{color:#fff}.header-cart-title span.amount{color:currentColor}del span.amount{font-weight:400;margin-right:.3em;opacity:.6}.no-prices .amount{display:none!important}ul.product_list_widget li{line-height:1.33;list-style:none;min-height:80px;overflow:hidden;padding:10px 0 5px 75px;position:relative;vertical-align:top}ul.product_list_widget li+li{border-top:1px solid #ececec}.dark ul.product_list_widget li{border-color:hsla(0,0%,100%,.2)}.widget_shopping_cart ul.product_list_widget li{padding-right:30px}ul.product_list_widget li>span.reviewer{font-size:.8em}ul.product_list_widget li a:not(.remove){display:block;line-height:1.3;margin-bottom:5px;overflow:hidden;padding:0;text-overflow:ellipsis}ul.product_list_widget li a.remove{position:absolute;right:0;z-index:9}ul.product_list_widget li dl{font-size:.7em;line-height:1;margin:0}ul.product_list_widget li img{height:60px;left:0;margin-bottom:5px;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;position:absolute;top:10px;width:60px}ul.product_list_widget li .quantity{display:block;font-size:.85em;margin-top:3px;opacity:.6}.product-main{padding:40px 0}.page-title:not(.featured-title)+main .product-main{padding-top:15px}.product-info{padding-top:10px}.product-summary .woocommerce-Price-currencySymbol{font-size:.75em;margin-top:.05em;vertical-align:top}.product-summary .quantity{margin-bottom:1em}.product-summary .variations_button{padding:.5em 0}.product-summary table tr+tr{border-top:1px dashed #ddd}.product_meta{font-size:.8em;margin-bottom:1em}.product_meta>span{border-top:1px dotted #ddd;display:block;padding:5px 0}.product-info p.stock{font-size:.8em;font-weight:700;line-height:1.3;margin-bottom:1em}p.in-stock{color:#7a9c59}.group_table .quantity{margin:0}.group_table .price{font-size:1em}.group_table .label label{margin:0;padding:0}.product-gallery,.product-thumbnails .col{padding-bottom:0!important}.product-gallery-slider img,.product-thumbnails img{width:100%}.product-gallery-wide{position:relative}@media screen and (min-width:850px){.product-gallery-stacked{overflow:auto!important;white-space:normal!important;width:auto!important}.product-gallery-stacked .flickity-slider,.product-gallery-stacked .flickity-viewport{height:auto!important}.product-gallery-stacked .flickity-slider,.product-gallery-stacked .slide{left:0!important;position:relative!important;right:0!important;transform:none!important}.product-gallery-stacked .slide{overflow:hidden}.product-gallery-stacked .slide:not(:last-child){margin-bottom:1.5em}.product-gallery-stacked.product-gallery-grid-layout .flickity-slider,.product-gallery-stacked.product-gallery-grid-layout:not(.flickity-enabled){display:grid;gap:10px}.product-gallery-stacked.product-gallery-grid-layout .flickity-slider .slide,.product-gallery-stacked.product-gallery-grid-layout:not(.flickity-enabled) .slide{margin-bottom:0!important}.product-gallery-stacked.product-gallery-grid-layout--1-2 .flickity-slider,.product-gallery-stacked.product-gallery-grid-layout--1-2:not(.flickity-enabled){grid-template-columns:repeat(2,1fr)}.product-gallery-stacked.product-gallery-grid-layout--1-2 .flickity-slider .slide:first-child,.product-gallery-stacked.product-gallery-grid-layout--1-2:not(.flickity-enabled) .slide:first-child{grid-column:1/3}.product-gallery-stacked.product-gallery-grid-layout--2 .flickity-slider,.product-gallery-stacked.product-gallery-grid-layout--2:not(.flickity-enabled){grid-template-columns:repeat(2,1fr)}.product-gallery-stacked.product-gallery-grid-layout--3-1-2 .slide:first-child{grid-column:span 6;order:4}.product-gallery-stacked.product-gallery-grid-layout--3-1-2 .slide:nth-child(2){grid-column:span 2;order:1}.product-gallery-stacked.product-gallery-grid-layout--3-1-2 .slide:nth-child(3){grid-column:span 2;order:2}.product-gallery-stacked.product-gallery-grid-layout--3-1-2 .slide:nth-child(4){grid-column:span 2;order:3}.product-gallery-stacked.product-gallery-grid-layout--3-1-2 .slide:nth-child(n+5){grid-column:span 3;order:5}.product-stacked-info{padding:5vh 5% 2vh}}.product-thumbnails{padding-top:0}.product-thumbnails a{background-color:#fff;border:1px solid transparent;display:block;overflow:hidden;transform:translateY(0)}.product-thumbnails .is-nav-selected a,.product-thumbnails a:hover{border-color:rgba(0,0,0,.2)}.product-thumbnails img{-webkit-backface-visibility:hidden;backface-visibility:hidden;margin-bottom:-5px;opacity:.5;transition:transform .6s,opacity .6s}.product-thumbnails .is-nav-selected a img,.product-thumbnails a:hover img{border-color:rgba(0,0,0,.3);opacity:1;transform:translateY(-5px)}.vertical-thumbnails .row-slider:not(.flickity-enabled){opacity:0}@media screen and (min-width:850px){.vertical-thumbnails{overflow-x:hidden;overflow-y:auto}.vertical-thumbnails .col{left:0!important;margin-left:1px;max-width:100%!important;min-height:0!important;padding:0 0 15px!important;position:relative!important;right:0!important;width:95%!important}.vertical-thumbnails .flickity-slider,.vertical-thumbnails .flickity-viewport{height:auto!important;overflow:visible!important;transform:none!important}}.product-footer .woocommerce-tabs{border-top:1px solid #ececec;padding:30px 0}.product-footer .woocommerce-tabs>.nav-line-grow,.product-footer .woocommerce-tabs>.nav-line:not(.nav-vertical){margin-top:-31px}#product-sidebar .next-prev-thumbs{margin:-.5em 0 3em}.product-sidebar-small{font-size:.9em}.product-sidebar-small .widget-title{text-align:center}.product-sidebar-small .is-divider{margin-left:auto;margin-right:auto}.product-sidebar-small ul.product_list_widget li{padding-left:60px}.product-sidebar-small ul.product_list_widget li img{height:50px;width:50px}.product-section{border-top:1px solid #ececec}.easyzoom-notice{display:none}.easyzoom-flyout{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation:stuckFadeIn .6s;animation:stuckFadeIn .6s;background:#fff;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;transition:opacity 1s;width:100%;z-index:1}@media (max-width:849px){.easyzoom-flyout{display:none!important}}.product-gallery-slider .slide .easyzoom-flyout img{max-width:1000px!important;width:1000px!important}.woocommerce-product-gallery__trigger{display:none}.product-info .composite_form .composite_navigation .page_button{font-size:1em;font-weight:400;line-height:1.2}.woocommerce-pagination ul.links li{margin-left:inherit}.has-sticky-product-cart{padding-bottom:60px}.has-sticky-product-cart .back-to-top.active{bottom:10px}.sticky-add-to-cart__product{align-items:center;display:none;padding:3px}.sticky-add-to-cart__product .product-title-small{line-height:1;margin-right:1em;max-width:180px}.sticky-add-to-cart__product img{border-radius:5px;height:45px;margin-right:1em;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;width:45px}.sticky-add-to-cart--active{align-items:center;-webkit-animation:stuckMoveUp .6s;animation:stuckMoveUp .6s;background-color:hsla(0,0%,100%,.9);border-top:1px solid #ddd;bottom:0;display:flex;flex-wrap:wrap;font-size:.9em;justify-content:center;left:0;padding:3px;position:fixed;right:0;z-index:20}.sticky-add-to-cart--active .variations,.sticky-add-to-cart--active .woocommerce-variation-description{display:none}.sticky-add-to-cart--active .single_variation_wrap,.sticky-add-to-cart--active .woocommerce-variation-add-to-cart{align-items:center;display:flex;flex-wrap:no-wrap}.sticky-add-to-cart--active .product-page-price,.sticky-add-to-cart--active .woocommerce-variation-price{border:0;font-size:15px;margin-bottom:0;margin-right:.9em;margin-top:0;padding:0}.sticky-add-to-cart--active .quantity,.sticky-add-to-cart--active button,.sticky-add-to-cart--active form{margin-bottom:0}.sticky-add-to-cart--active .sticky-add-to-cart__product{display:flex}@media (max-width:550px){.sticky-add-to-cart--active{font-size:.8em}}.flex-viewport{cursor:pointer;max-height:2000px;transition:all 1s ease}.flex-viewport a{display:block}.flex-viewport img{width:100%}.flex-control-thumbs{display:flex;flex-wrap:wrap;margin:10px -5px 0}.flex-control-thumbs li{cursor:pointer;list-style:none;padding:0 5px;width:25%}.flex-control-thumbs li img{opacity:.6}.flex-control-thumbs li img.flex-active{opacity:1}.quantity,.text-center .quantity{display:inline-block;display:inline-flex;margin-right:1em;opacity:1;vertical-align:top;white-space:nowrap}.button+.quantity,.text-center .button+.quantity{margin-right:0}.quantity+.button{font-size:1em;margin-right:0}.quantity .button.minus{border-bottom-right-radius:0!important;border-right:0!important;border-top-right-radius:0!important}.quantity .button.plus{border-bottom-left-radius:0!important;border-left:0!important;border-top-left-radius:0!important}.quantity .minus,.quantity .plus{padding-left:.5em;padding-right:.5em}.quantity input{display:inline-block;margin:0;padding-left:0;padding-right:0;vertical-align:top}.quantity input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;border-radius:0!important;font-size:1em;max-width:2.5em;text-align:center;width:2.5em}@media (max-width:549px){.quantity input[type=number]{width:2em}}.quantity input[type=number]::-webkit-inner-spin-button,.quantity input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cart-icon,.cart-icon strong{display:inline-block}.cart-icon strong{border:2px solid #446084;border-radius:0;color:#446084;font-family:Helvetica,Arial,Sans-serif;font-size:1em;font-weight:700;height:2.2em;line-height:1.9em;margin:.3em 0;position:relative;text-align:center;vertical-align:middle;width:2.2em}.cart-icon strong:after{border:2px solid #446084;border-bottom:0;border-top-left-radius:99px;border-top-right-radius:99px;bottom:100%;content:" ";height:8px;left:50%;margin-bottom:0;margin-left:-7px;pointer-events:none;position:absolute;transition:height .1s ease-out;width:14px}.cart-icon:hover strong,.current-dropdown .cart-icon strong{background-color:#446084;color:#fff}.cart-icon:hover strong:after,.current-dropdown .cart-icon strong:after{height:10px}.nav-small .cart-icon{font-size:.66em}.nav-dark .cart-icon strong{border-color:#fff;color:#fff}.nav-dark .cart-icon:hover strong,.nav-dark .current-dropdown .cart-icon strong{background-color:#fff;color:#446084}.nav-dark .cart-icon strong:after{border-color:#fff}.woocommerce-mini-cart__empty-message{text-align:center}.loading .cart-icon strong,.loading .cart-icon strong:after{border-color:#7a9c59;color:#7a9c59}.loading .cart-icon:hover strong{background-color:#7a9c59;color:#fff}.header-cart-icon{position:relative}@media (min-width:850px){.off-canvas .off-canvas-cart{width:320px}}.cross-sells h2{font-size:1.2em;margin-bottom:1em}.checkout ul li,.shop_table ul li{list-style:none;margin:0}.shop_table .quantity{margin:0}td.product-name{text-overflow:ellipsis;word-break:break-word}td.product-thumbnail{max-width:90px;min-width:60px;width:90px}td.product-remove{padding:0;width:20px}.shop_table tfoot th{font-size:85%;letter-spacing:0;text-transform:inherit}.cart_totals tbody tr td,.shop_table tfoot tr td,.shop_table thead tr th:last-of-type,.shop_table tr td:last-of-type,td.product-total{text-align:right}.shop_table .order-total td,.shop_table .order-total th,.shop_table thead th{border-width:3px}.shop_table th:last-child{border-right:0}.shop_table .cart_item td{padding-bottom:15px;padding-top:15px}.shop_table .actions{border:0;padding:15px 0 10px}.shop_table .submit-col{padding-left:30px}@media (max-width:849px){.shop_table{font-size:.9em}.shop_table tr.shipping th{width:50%}.shop_table .product-name{min-width:80px}.shop_table .product-remove{position:relative;width:0}.shop_table .product-remove a{font-size:18px!important;height:24px;left:0;line-height:18px!important;position:absolute;top:10px;width:24px}.shop_table .mobile-product-price{margin:.5em 0}}@media (max-width:549px){.shop_table .product-price,.shop_table .product-subtotal{display:none}.product-quantity{text-align:right}.cross-sells{overflow:hidden}}.cart_totals tbody th{font-size:.9em;font-weight:400;letter-spacing:0;text-transform:inherit}.cart_totals>h2{display:none}.cart_totals .button{display:block;margin-right:0;min-width:100%}.cart_totals th.product-name{border-width:3px}.cart_totals .wc-proceed-to-checkout{margin:1.5em 0}.shipping__table{margin:0}.shipping__inner{border:0;font-size:1em;padding:0}.shipping__list{margin-bottom:0}.shipping__list_item{align-items:center;display:flex;min-height:2em}.shipping__list_label{flex:1;font-weight:400;margin:0;opacity:.8;padding:.5em 0}.shipping.shipping--boxed .shipping__list{padding:0}.shipping.shipping--boxed .shipping__list_item{background-color:rgba(0,0,0,.01);border:1px solid rgba(0,0,0,.1);border-radius:3px;margin-bottom:5px;min-height:2.4em;padding:.3em .6em}.shipping__table--multiple{display:block;text-align:left}.shipping__table--multiple tbody,.shipping__table--multiple td,.shipping__table--multiple th,.shipping__table--multiple tr{display:block;padding-left:0;text-align:left}.shipping__table--multiple th{border:0}.shipping__table--multiple .shipping__list{padding:0 .2em}.shipping__table--multiple .shipping__list_label,.shipping__table--multiple .woocommerce-shipping-calculator,.shipping__table--multiple .woocommerce-shipping-destination{text-align:left}tr.shipping input:checked+label,tr.shipping input:hover+label,tr.shipping label:hover{opacity:1}tr.shipping input:checked+label{font-weight:700}tr.shipping input{margin-bottom:0;margin-top:-2px}tr.shipping span.amount{margin-left:.2em}.woocommerce-shipping-calculator{margin-bottom:0;margin-top:.5em}.shipping-calculator-button,.woocommerce-shipping-destination{font-size:.9em}.shipping-calculator-form{background-color:rgba(0,0,0,.03);border-radius:5px;margin-top:5px;padding:15px 15px 10px}.cart-discount{background-color:rgba(122,156,89,.2);font-size:.85em}.cart-discount td,.cart-discount th{padding:10px 5px}.cart-sidebar .widget-title{border-bottom:3px solid #ececec;font-size:.95em;margin-bottom:15px;padding-bottom:10px}.widget_shopping_cart .button{margin:.5em 0 0;width:100%}.widget_shopping_cart li.empty{margin:0;min-height:0;padding:0 10px!important;text-align:center}.widget_shopping_cart p.total{border-bottom:2px solid #ececec;border-top:1px solid #ececec;margin-bottom:.5em;padding:10px 0;text-align:center}.dark .widget_shopping_cart p.total{border-color:hsla(0,0%,100%,.2)}.nav-dropdown .product_list_widget{-webkit-overflow-scrolling:touch;max-height:500px;max-height:50vh;overflow-y:auto}.tagcloud{padding-bottom:15px}.tagcloud a{border:1px solid;border-radius:3px;display:inline-block;font-size:.8em!important;margin:0 3px 5px 0;opacity:.8;padding:2px 5px}.tagcloud a:hover{background-color:#446084;border-color:#446084;color:#fff;opacity:1}.variations{position:relative}.variations td,.variations th{border:0;letter-spacing:normal;padding:.2em 0;text-transform:none;vertical-align:middle}.variations .reset_variations{bottom:95%;color:currentColor;font-size:11px;opacity:.6;position:absolute;right:0;text-transform:uppercase}dl.variation dt{clear:both;float:left}dl.variation dd{display:block}.wc-item-meta{margin-top:1.3em}body{
--secondary-color: #ffe78b;
}
@font-face {
font-family: Inter-Light\.ttf;
src: url(https://galectvp.vn/wp-content/themes/freelancerviet.net/assets/fonts/Inter-Light.ttf) format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Inter-Regular\.ttf;
src: url(https://galectvp.vn/wp-content/themes/freelancerviet.net/assets/fonts/Inter-Regular.ttf) format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Inter-Medium\.ttf;
src: url(https://galectvp.vn/wp-content/themes/freelancerviet.net/assets/fonts/Inter-Medium.ttf) format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Inter-SemiBold\.ttf;
src: url(https://galectvp.vn/wp-content/themes/freelancerviet.net/assets/fonts/Inter-SemiBold.ttf) format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Inter-Bold\.ttf;
src: url(https://galectvp.vn/wp-content/themes/freelancerviet.net/assets/fonts/Inter-Bold.ttf) format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap
}
::-webkit-scrollbar {
width: 3px
}
::-webkit-scrollbar-thumb {
background: #fff;
border-radius: 1px;
border: 1px solid #545454
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(135, 141, 141, .47)
}
button,
input,
select,
textarea {
margin: 0;
outline: none
}
body,
html {
box-sizing: border-box;
font-family: Inter-Regular\.ttf;
font-size: 14px;
line-height: 170%;
color: #3f4855;
overflow-x: hidden
}
@media (min-width:1920px) {
body,
html {
font-size: 18px
}
}
* {
box-sizing: border-box
}
*,
:after,
:before {
box-sizing: inherit
}
a {
text-decoration: none
}
img,
video {
height: auto;
max-width: 100%
}
iframe {
border: 0
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
td:not([align]),
th:not([align]) {
text-align: left
}
body,
html {
margin: 0;
padding: 0
}
.site-container {
overflow: hidden
}
.typography blockquote,
.typography body,
.typography dd,
.typography dl,
.typography dt,
.typography fieldset,
.typography figure,
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6,
.typography hr,
.typography html,
.typography iframe,
.typography legend,
.typography li,
.typography ol,
.typography p,
.typography pre,
.typography textarea,
.typography ul {
margin: 0;
padding: 0
}
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
font-size: 100%;
font-weight: 400
}
.typography ul {
list-style: none
}
@keyframes slide_run1 {
0% {
transform: translateX(100%)
}
to {
transform: translateX(-100%)
}
}
@keyframes slide_run2 {
0% {
transform: translateX(0)
}
to {
transform: translateX(-200%)
}
}
@keyframes active-menu-bar02 {
to {
height: 0
}
}
.read_more_def {
display: flex;
align-items: center;
font-family: Inter-SemiBold\.ttf;
font-size: 14px;
line-height: 130%;
text-decoration: none;
white-space: nowrap;
transition: all .3s ease
}
.read_more_def img {
margin-left: 12px
}
.read_more_def._white {
color: #fff
}
.read_more_def._white img {
filter: brightness(0) invert(1)
}
.read_more_def._gray {
color: #262e3c
}
.read_more_def:hover {
letter-spacing: 1.5px
}
@media (min-width:1920px) {
.read_more_def {
font-size: 18px
}
}
.btn_def {
display: flex;
align-items: center;
justify-content: center;
width: 188px;
height: 46px;
border-radius: 50px;
font-family: Inter-SemiBold\.ttf;
font-size: 14px;
text-transform: uppercase;
color: var(--primary-color);
border: 1px solid var(--primary-color);
background: #fff;
text-decoration: none;
cursor: pointer
}
.btn_def,
.btn_def img {
transition: all .3s ease
}
.btn_def img {
margin-right: 10px;
width: 24px
}
.btn_def:hover {
background: #901A21;
color: #fff;
border-color: #901A21
}
.btn_def:hover img {
filter: brightness(0) invert(1)
}
.btn_def._red {
background: var(--primary-color);
color: #fff
}
.btn_def._red img {
filter: brightness(0) invert(1)
}
.btn_def._red:hover {
letter-spacing: 1.5px
}
@media (min-width:1920px) {
.btn_def {
font-size: 18px;
height: 62px;
width: 250px
}
.btn_def img {
width: 30px
}
}
.cat_tab_list_def {
display: flex;
flex-wrap: wrap;
align-items: center
}
@media (max-width:576px) {
.cat_tab_list_def {
justify-content: space-between
}
}
.cat_tab_list_def .item {
position: relative;
display: inline-block;
height: 36px;
border-radius: 20px;
font-family: Inter-SemiBold\.ttf;
font-size: 14px;
line-height: 36px;
text-decoration: none;
background: transparent;
margin-right: 25px;
margin-bottom: 5px;
padding: 0;
cursor: pointer;
transition: all .3s ease
}
@media (min-width:1920px) {
.cat_tab_list_def .item {
font-size: 18px;
height: 48px;
line-height: 48px;
border-radius: 30px
}
}
@media (max-width:576px) {
.cat_tab_list_def .item {
display: flex;
align-items: center;
justify-content: center;
width: calc((100% - 15px)/2);
font-size: 13px;
line-height: 1.2;
min-height: 36px;
height: auto;
padding: 8px 0;
margin-right: 0;
text-align: center;
margin-bottom: 10px
}
}
.cat_tab_list_def._blue .item {
color: #858ea7
}
@media (max-width:576px) {
.cat_tab_list_def._blue .item {
color: #15548e;
border: 1px solid #901A21
}
}
.cat_tab_list_def._blue .item.is-active {
background: #901A21;
color: #fff;
padding: 0 28px
}
@media (max-width:576px) {
.cat_tab_list_def._blue .item.is-active {
padding: 0 10px
}
}
.cat_tab_list_def._white .item {
color: #fff
}
@media (max-width:576px) {
.cat_tab_list_def._white .item {
color: #fff;
border: 1px solid #fff
}
}
.cat_tab_list_def._white .item.is-active {
background: #fff;
color: var(--primary-color);
padding: 0 28px
}
@media (max-width:576px) {
.cat_tab_list_def._white .item.is-active {
padding: 0 10px
}
}
.swiper-button {
width: 30px;
height: 30px
}
.swiper-button:after {
display: none
}
.swiper-button img {
max-width: 100%
}
@media (min-width:1920px) {
.swiper-button {
width: 40px;
height: 40px
}
}
.swiper-pagination .swiper-pagination-bullet {
width: 6px;
height: 6px;
margin: 0 3px;
background: #c6cee3;
opacity: 1
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #3f4855
}
@media (min-width:1920px) {
.swiper-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
margin: 0 5px
}
}
.swiper-pagination._white .swiper-pagination-bullet {
background: #c4c4c4
}
.swiper-pagination._white .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #fff
}
.breadcrumb_def {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center
}
.breadcrumb_def a,
.breadcrumb_def span {
font-family: Inter-Bold\.ttf;
font-size: 14px;
line-height: 130%;
letter-spacing: .1em;
text-transform: uppercase;
color: grey
}
@media (min-width:1920px) {
.breadcrumb_def a,
.breadcrumb_def span {
font-size: 18px
}
}
.breadcrumb_def span {
margin: 0 6px
}
@media (max-width:576px) {
.breadcrumb_def a,
.breadcrumb_def span {
font-size: 12px;
line-height: 16px;
text-transform: capitalize
}
}
.backpage_def {
display: flex;
align-items: center;
font-family: Inter-Bold\.ttf;
font-size: 14px;
line-height: 130%;
letter-spacing: .1em;
text-transform: uppercase;
color: grey
}
.backpage_def img {
width: 10px;
margin-right: 10px
}
@media (min-width:1920px) {
.backpage_def {
font-size: 18px
}
.backpage_def img {
width: 14px
}
}
@media (max-width:576px) {
.backpage_def {
font-size: 12px;
line-height: 16px;
text-transform: capitalize
}
}
.title_def {
font-family: Roboto, sans-serif;
font-weight: 600 !important;
text-transform: capitalize;
line-height: 150%
}
.title_def._white {
color: #fff
}
.title_def._blue {
color: var(--primary-color)
}
.title_def._red {
color: var(--primary-color)
}
.title_def._gray {
color: #262e3c
}
.title_def._largest {
font-size: 64px
}
@media (min-width:1920px) {
.title_def._largest {
font-size: 72px
}
}
@media (max-width:1024px) {
.title_def._largest {
font-size: 40px
}
}
@media (max-width:576px) {
.title_def._largest {
font-size: 28px
}
}
.title_def._large {
font-size: 40px
}
@media (min-width:1920px) {
.title_def._large {
font-size: 50px
}
}
@media (max-width:1024px) {
.title_def._large {
font-size: 32px
}
}
@media (max-width:576px) {
.title_def._large {
font-size: 28px
}
}
.title_def._small {
font-size: 32px
}
@media (min-width:1920px) {
.title_def._small {
font-size: 42px
}
}
@media (max-width:576px) {
.title_def._small {
font-size: 28px
}
}
.title_def._less {
font-size: 30px
}
@media (min-width:1920px) {
.title_def._less {
font-size: 34px
}
}
.pagination_list_def {
margin-top: 50px
}
.page_news_events .new_list .pagination_list_def {
margin-top: 0
}
@media (max-width:576px) {
.pagination_list_def {
margin-top: 35px
}
}
.pagination_list_def .paginate_links {
display: flex;
align-items: center;
justify-content: flex-end
}
.pagination_list_def .paginate_links .page-numbers {
margin: 0 8px;
font-family: Inter-Medium\.ttf;
font-size: 15px;
line-height: 160%;
color: #c6cee3
}
.pagination_list_def .paginate_links .page-numbers.current {
font-family: Inter-Bold\.ttf;
color: #3f4855
}
.pagination_list_def .paginate_links .page-numbers.next,
.pagination_list_def .paginate_links .page-numbers.prev {
width: 30px;
height: 30px;
background: #d2d2d2;
display: flex;
align-items: center;
justify-content: center;
font-family: Inter-Light\.ttf;
color: #fff;
border-radius: 50%
}
.pagination_list_def .paginate_links .page-numbers.next {
margin-left: 22px
}
.pagination_list_def .paginate_links .page-numbers.prev {
margin-right: 22px
}
@media (min-width:1920px) {
.pagination_list_def .paginate_links .page-numbers {
font-size: 18px
}
.pagination_list_def .paginate_links .page-numbers.next,
.pagination_list_def .paginate_links .page-numbers.prev {
width: 40px;
height: 40px
}
}
.product_item_def {
display: block;
border: 1px solid #f4f6f9;
padding: 10px;
box-sizing: border-box;
margin-bottom: 16px
}
@media (max-width:576px) {
.product_item_def {
padding: 25px
}
}
.product_item_def a {
text-decoration: none;
color: #3f4855
}
.product_item_def a ._item_content {
position: relative;
padding-top: 62.25%;
background-size: cover
}
.product_item_def a ._item_content img {
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
transition: all .3s ease
}
.product_item_def a ._item_content img:first-child {
z-index: 2;
max-width: 50%;
max-height: 68%;
top: 50%;
object-fit: contain
}
.product_item_def a ._item_content img:nth-child(2) {
top: 82%
}
.product_item_def .desc_text {
text-align: left
}
.product_item_def .desc_text a {
display: inline-block;
color: #262e3c;
font-family: Inter-Medium\.ttf;
font-size: 16px;
line-height: 150%;
transition: all .3s ease;
margin: 15px 0
}
@media (min-width:1920px) {
.product_item_def .desc_text a {
font-size: 22px
}
}
@media (max-width:576px) {
.product_item_def .desc_text a {
margin: 30px 0 10px
}
}
.product_item_def .desc_text p {
font-size: 14px;
color: #262e3c;
overflow: hidden;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical
}
@media (min-width:1920px) {
.product_item_def .desc_text p {
font-size: 18px
}
}
.product_item_def:hover a ._item_content img:first-child {
transform: translate(-50%, -50%) scale(1.1)
}
.product_item_def:hover a ._item_content img:nth-child(2) {
transform: translate(-50%, -50%) scale(1.2)
}
.product_item_def:hover .desc_text a {
color: var(--primary-color)
}
.quote_special_def {
position: relative;
padding: 32px 0 0;
background: var(--primary-color);
overflow: hidden
}
@media (max-width:576px) {
.quote_special_def {
padding: 65px 0 0
}
}
.quote_special_def:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(270deg, #901A21, rgba(193, 33, 35, 0.9));
pointer-events: none
}
.quote_special_def .decor1,
.quote_special_def .decor2 {
position: absolute;
z-index: 1;
pointer-events: none;
transition: all .3s ease
}
.quote_special_def .decor1 img,
.quote_special_def .decor2 img {
display: none;
width: 100%;
max-width: 100%
}
.quote_special_def .decor2 {
right: 0;
bottom: 0;
width: 33.8194444444%;
max-width: 487px
}
.quote_special_def .decor2 img {
position: absolute;
bottom: 0
}
.quote_special_def .decor1 {
left: 0;
top: 0;
width: 44.4444444444%;
max-width: 640px
}
@media (max-width:576px) {
.quote_special_def .decor1 {
display: none
}
}
.quote_special_def .container_common .content_common .inner_wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0 4.0322580645%
}
@media (max-width:1024px) {
.quote_special_def .container_common .content_common .inner_wrap {
padding: 0
}
}
.quote_special_def .container_common .content_common .inner_wrap .right {
position: relative;
width: 59.9824561404%;
padding-left: 14.1403508772%
}
.quote_special_def .container_common .content_common .inner_wrap .right .decor_cham {
display: none;
position: absolute;
top: -32px;
left: 0;
width: 16.4533820841%
}
.quote_special_def .container_common .content_common .inner_wrap .right .decor_cham img {
width: 100%;
max-width: 90px
}
@media (max-width:576px) {
.quote_special_def .container_common .content_common .inner_wrap .right {
width: 100%;
order: 1;
margin-bottom: -90px
}
}
.quote_special_def .container_common .content_common .inner_wrap .right p {
position: relative;
z-index: 2;
color: #fff
}
.quote_special_def .container_common .content_common .inner_wrap .right p:first-of-type {
font-size: 32px;
line-height: 150%;
font-weight: 600;
margin-bottom: 26px
}
@media (min-width:1920px) {
.quote_special_def .container_common .content_common .inner_wrap .right p:first-of-type {
font-size: 42px
}
}
@media (max-width:820px) {
.quote_special_def .container_common .content_common .inner_wrap .right p:first-of-type {
font-size: 24px;
margin-bottom: 16px
}
}
.quote_special_def .container_common .content_common .inner_wrap .right p:nth-of-type(2) {
font-family: Roboto, sans-serif;
font-size: 16px;
line-height: 150%
}
@media (min-width:1920px) {
.quote_special_def .container_common .content_common .inner_wrap .right p:nth-of-type(2) {
font-size: 20px
}
}
@media (max-width:576px) {
.quote_special_def .container_common .content_common .inner_wrap .right p:nth-of-type(2) {
font-size: 14px;
margin-bottom: 16px
}
}
.quote_special_def .container_common .content_common .inner_wrap .left {
z-index: 1;
width: 51.9473684211%;
margin-right: -11.9298245614%
}
@media (max-width:576px) {
.quote_special_def .container_common .content_common .inner_wrap .left {
width: 100%;
order: 2
}
}
.quote_special_def .container_common .content_common .inner_wrap .left .insight {
display: flex
}
@media (max-width:820px) {
.quote_special_def .container_common .content_common .inner_wrap .left .insight {
width: 510px
}
}
@media (max-width:576px) {
.quote_special_def .container_common .content_common .inner_wrap .left .insight {
margin-top: 100px
}
}
@media (max-width:390px) {
.quote_special_def .container_common .content_common .inner_wrap .left .insight {
width: 420px
}
}
.document_def .list {
margin-top: 32px
}
.document_def .list .item {
padding-bottom: 16px;
border-bottom: .5px solid hsla(0, 0%, 50.2%, .3);
margin-bottom: 24px
}
.document_def .list .item .date {
font-size: 12px;
line-height: 150%;
color: #262e3c
}
@media (min-width:1920px) {
.document_def .list .item .date {
font-size: 15px
}
}
.document_def .list .item .title {
margin: 4px 0 8px;
font-family: Inter-SemiBold\.ttf;
font-size: 16px;
line-height: 150%;
color: #262e3c
}
.document_def .list .item .title a {
color: #262e3c
}
@media (min-width:1920px) {
.document_def .list .item .title {
font-size: 20px
}
}
.document_def .list .item .bottom {
display: flex;
align-items: center
}
.document_def .list .item .bottom a {
position: relative;
display: block;
margin-right: 8px
}
.document_def .list .item .bottom a img {
width: 16px
}
@media (min-width:1920px) {
.document_def .list .item .bottom a img {
width: 22px
}
}
.document_def .list .item .bottom a button {
box-shadow: none;
border: 0;
outline: none;
background: transparent;
cursor: pointer;
padding: 0
}
.document_def .list .item .bottom a .noti {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
width: -webkit-max-content;
width: max-content;
font-family: Inter-Medium\.ttf;
font-size: 10px;
padding: 3px 5px 4px;
border-radius: 5px;
color: #fff;
background: #262e3c;
text-transform: capitalize;
opacity: 0
}
.document_def .list .item .bottom a .noti:before {
position: absolute;
content: "";
top: -3px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-bottom: 3px solid #262e3c
}
.document_def .list .item .bottom a .noti.active {
opacity: 1
}
.document_def .list .item:last-child {
border: 0;
margin-bottom: 0
}
@media (max-width:576px) {
.document_def .list {
margin-top: 25px
}
.document_def .list .item {
padding-bottom: 12px;
margin-bottom: 18px
}
.document_def .list .item .bottom a {
margin-right: 12px
}
.document_def .list .item .bottom a .noti {
left: 0;
transform: translateX(0)
}
.document_def .list .item .bottom a .noti:before {
left: 5px;
transform: translateX(0)
}
}
.js_popup_notice {
position: fixed;
z-index: 110;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, .5);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
pointer-events: none;
transition: all .15s ease
}
.js_popup_notice.show {
opacity: 1;
pointer-events: all
}
.js_popup_notice .content {
width: 71.5277777778%;
background: #fff;
position: relative;
z-index: 2;
padding: 143px 7.3611111111% 143px 36.4583333333%
}
@media (max-width:1370px) {
.js_popup_notice .content {
width: 65.9722222222%;
padding: 120px 4.5138888889% 120px 34.0277777778%
}
}
@media (max-width:820px) {
.js_popup_notice .content {
width: calc(100% - 60px);
padding: 120px 30px 80px 27.7777777778%
}
}
@media (max-width:576px) {
.js_popup_notice .content {
width: calc(100% - 40px);
padding: 50px 20px
}
}
.js_popup_notice .content .decor1,
.js_popup_notice .content .decor2 {
position: absolute;
z-index: -1
}
.js_popup_notice .content .decor1 {
top: 0;
left: 0;
width: 53.1067961165%
}
.js_popup_notice .content .decor2 {
bottom: 0;
right: 0;
width: 19.6116504854%
}
.js_popup_notice .content .img {
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
max-width: 69.9029126214%;
max-height: 90%
}
@media (max-width:820px) {
.js_popup_notice .content .img {
max-width: 38.8349514563%
}
}
@media (max-width:576px) {
.js_popup_notice .content .img {
display: none
}
}
.js_popup_notice .content .text {
position: relative;
z-index: 3
}
.js_popup_notice .content .text h3 {
font-family: Roboto, sans-serif;
font-weight: 600 !important;
font-size: 32px;
line-height: 150%;
color: #000;
margin: 0
}
@media (min-width:1920px) {
.js_popup_notice .content .text h3 {
font-size: 40px
}
}
.js_popup_notice .content .text p {
margin: 24px 0 40px
}
.js_popup_notice .content .text .btn {
display: flex;
align-items: center
}
.js_popup_notice .content .text .btn .btn_def {
margin-right: 3.4951456311%;
cursor: pointer
}
@media (max-width:576px) {
.js_popup_notice .content .text h3 {
text-align: center
}
.js_popup_notice .content .text p {
margin: 15px 0 25px
}
}
.container_common {
margin: 0 auto
}
.content_common {
padding: 0 6.9444444444%
}
@media (max-width:1280px) {
.content_common {
padding: 0 50px
}
}
@media (max-width:1024px) {
.content_common {
padding: 0 30px
}
}
@media (max-width:576px) {
.content_common {
padding: 0 15px
}
}
.hidden {
overflow: hidden
}
.header {
position: relative;
top: 0;
left: 0;
width: 100%;
background: #fff;
z-index: 100;
transition: all .5s ease
}
.header.is-active {
position: fixed;
filter: drop-shadow(0 0 30px rgba(0, 0, 0, .2))
}
@media (max-width:1024px) {
.header {
padding: 0;
position: fixed
}
}
.header .container_common {
display: flex;
padding: 0 4.8611111111% 0 6.9444444444%;
justify-content: space-between
}
@media (max-width:1280px) {
.header .container_common {
padding: 0 30px 0 60px
}
}
@media (max-width:1024px) {
.header .container_common {
padding: 30px;
display: flex;
flex-direction: row;
align-items: center;
position: relative
}
}
@media (max-width:576px) {
.header .container_common {
padding: 40px 15px
}
}
.header .container_common .back {
display: none;
position: absolute;
top: 20px
}
.header .container_common .logo {
display: flex;
align-items: center;
width: 200px
}
.header .container_common .logo a {
display: flex;
align-items: center
}
@media (max-width:1024px) {
.header .container_common .logo {
position: absolute;
top: 7px
}
}
.header .container_common .menu {
width: 100%;
margin-left: 4.8611111111%;
display: flex;
align-items: center;
justify-content: flex-end
}
@media (max-width:1280px) {
.header .container_common .menu {
margin-left: 90px
}
}
@media (max-width:1024px) {
.header .container_common .menu {
margin: 0
}
}
.header .container_common .menu .main_menu {
margin: 0;
padding: 0;
display: flex;
list-style-type: none
}
@media (max-width:1024px) {
.header .container_common .menu .main_menu {
transform: translateX(100%);
transition: all .5s ease;
flex-direction: column;
padding-left: 30px;
position: fixed;
top: 60px;
left: 0;
width: 100vw;
height: 100vh;
background: #fff;
z-index: 100;
padding-top: 30px
}
}
@media (max-width:576px) {
.header .container_common .menu .main_menu {
padding-top: 0
}
}
.header .container_common .menu .main_menu li {
position: relative;
margin-right: 24px;
padding: 24px 0
}
@media (max-width:1366px) {
.header .container_common .menu .main_menu li {
margin-right: 20px
}
}
@media (max-width:1024px) {
.header .container_common .menu .main_menu li {
border-bottom: 1px solid rgba(51, 51, 51, .2);
padding: 0
}
}
.header-nav.nav li a {
line-height: 1.2;
text-decoration: none;
font-family: Inter-SemiBold\.ttf;
color: var(--primary-color);
font-size: 15px;
text-transform: capitalize;
}
@media (min-width:1920px) {
.header .container_common .menu .main_menu li a {
font-size: 20px
}
}
@media (max-width:1024px) {
.header .container_common .menu .main_menu li a {
line-height: 60px;
display: block;
width: 100%
}
}
@media (max-width:576px) {
.header .container_common .menu .main_menu li a {
line-height: 45px;
font-size: 14px
}
}
.header .container_common .menu .main_menu li a:hover {
color: #901A21
}
.header .container_common .menu .main_menu li.menu-item-has-children .sub-menu {
box-sizing: border-box;
padding: 30px 6.9444444444% 30px 28.8888888889%;
list-style-type: none;
background: #fafafa;
left: 0;
top: 67px;
width: 100vw;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
display: flex;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: all .35s ease;
position: fixed;
z-index: 100;
}
@media (min-width:1920px) {
.header .container_common .menu .main_menu li.menu-item-has-children .sub-menu {
min-height: 470px;
top: 78px
}
}
.header .container_common .menu .main_menu li.menu-item-has-children .sub-menu li {
display: flex;
width: 33.3333333333%;
margin: 26px 0 0;
padding: 0
}
.header .container_common .menu .main_menu li.menu-item-has-children .sub-menu li a {
line-height: 1.3
}
@media (max-width:1024px) {
.header .container_common .menu .main_menu li.menu-item-has-children .sub-menu li a {
width: 100%
}
}
@media (max-width:576px) {
.header .container_common .menu .main_menu li.menu-item-has-children .sub-menu li a {
line-height: 45px;
font-size: 15px
}
}
.header .container_common .menu .main_menu li.menu-item-has-children .sub-menu li:first-child {
width: 21.9444444444%;
position: absolute;
left: 8.064516129%;
margin-top: 0
}
@media (max-width:1024px) {
.header .container_common .menu .main_menu li.menu-item-has-children .sub-menu li:first-child {
display: none
}
}
.header .container_common .menu .main_menu li.menu-item-has-children .sub-menu li:first-child a {
font-size: 32px;
line-height: 1.3
}
@media (min-width:1920px) {
.header .container_common .menu .main_menu li.menu-item-has-children .sub-menu li:first-child a {
font-size: 38px
}
}
@media (max-width:1024px) {
.header .container_common .menu .main_menu li.menu-item-has-children .sub-menu li {
border-bottom: 1px solid rgba(51, 51, 51, .2);
line-height: 3;
width: 100%;
margin-top: 0
}
}
@media (max-width:1024px) {
.header .container_common .menu .main_menu li.menu-item-has-children .sub-menu {
padding: 50px 30px 0;
display: flex;
transform: translateX(100%);
top: 0;
background: #fff;
flex-direction: column;
height: 100vh;
min-height: -webkit-fit-content;
min-height: -moz-fit-content;
min-height: fit-content
}
}
@media (max-width:576px) {
.header .container_common .menu .main_menu li.menu-item-has-children .sub-menu {
padding: 0 30px
}
}
.header .container_common .menu .main_menu li.menu-item-has-children .see_more {
display: none;
width: 40px;
height: 100%;
position: absolute;
top: 0;
right: 0;
align-items: center;
justify-content: center
}
@media (max-width:1024px) {
.header .container_common .menu .main_menu li.menu-item-has-children .see_more {
display: flex
}
}
@media (min-width:1025px) {
.header .container_common .menu .main_menu li:hover .sub-menu {
opacity: 1;
visibility: visible;
pointer-events: all;
transition: all .35s ease
}
}
.header .container_common .menu .language {
position: relative;
padding: 0 30px;
z-index: 100
}
.header .container_common .menu .language:before {
content: "";
width: 1px;
position: absolute;
height: 18px;
top: 50%;
left: 0;
transform: translateY(-50%);
background: var(--primary-color)
}
@media (max-width:1025px) {
.header .container_common .menu .language:before {
display: none
}
}
@media (max-width:1025px) {
.header .container_common .menu .language {
position: absolute;
right: 120px;
top: 5px
}
}
@media (max-width:576px) {
.header .container_common .menu .language {
right: 80px
}
}
.header .container_common .menu .language select {
color: var(--primary-color);
font-family: Inter-SemiBold\.ttf;
text-transform: uppercase;
font-size: 16px;
border: 0;
outline: none
}
@media (max-width:425px) {
.header .container_common .menu .language select {
font-size: 14px
}
}
.header .container_common .menu .language li {
list-style-type: none;
margin-right: 24px
}
.header .container_common .menu .language li a {
text-decoration: none;
color: #01265e;
font-family: Inter-SemiBold\.ttf;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 16px
}
@media (max-width:425px) {
.header .container_common .menu .language li a {
font-size: 14px
}
}
.header .container_common .menu .language li a img {
margin-left: 5px
}
.header .container_common .menu .search {
top: 0;
margin-top: 5px;
z-index: 100;
cursor: pointer
}
@media (max-width:1025px) {
.header .container_common .menu .search {
position: absolute;
top: 22px;
right: 110px;
margin: 0
}
}
@media (max-width:576px) {
.header .container_common .menu .search {
right: 70px
}
}
.header .container_common .menu-trigger {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
position: relative;
width: 20px;
height: 20px;
background: none;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
margin-left: 30px
}
@media (max-width:1024px) {
.header .container_common .menu-trigger {
display: none
}
}
.header .container_common .menu-trigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: var(--primary-color);
border-radius: 4px
}
.header .container_common .menu-trigger span:first-of-type {
top: 0
}
.header .container_common .menu-trigger span:nth-of-type(2) {
top: 9px
}
.header .container_common .menu-trigger span:nth-of-type(3) {
bottom: 0
}
.header .container_common .menu-trigger.active span:first-of-type {
transform: translateY(9px) rotate(-45deg)
}
.header .container_common .menu-trigger.active span:nth-of-type(2) {
left: 50%;
opacity: 0;
animation: active-menu-bar02 .8s forwards
}
.header .container_common .menu-trigger.active span:nth-of-type(3) {
transform: translateY(-9px) rotate(45deg)
}
.header .container_common .hambuger {
display: none;
width: 45px;
height: 30px;
z-index: 100;
position: relative;
cursor: pointer
}
@media (max-width:1024px) {
.header .container_common .hambuger {
display: flex;
margin: 19px 0;
position: fixed;
right: 30px;
top: 0
}
}
@media (max-width:576px) {
.header .container_common .hambuger {
right: 0
}
}
.header .container_common .hambuger span {
width: 35px;
height: 2px;
position: absolute;
background: var(--primary-color)
}
@media (max-width:576px) {
.header .container_common .hambuger span {
width: 30px
}
}
@media (max-width:425px) {
.header .container_common .hambuger span {
width: 25px
}
}
.header .container_common .hambuger span:nth-child(2) {
top: 0;
top: 12px
}
.header .container_common .hambuger span:nth-child(3) {
bottom: 4px
}
.header .container_common .close {
display: none;
width: 40px;
margin-top: -20px
}
@media (max-width:576px) {
.header .container_common .close {
position: absolute;
top: 32px;
right: 15px
}
}
.popup_menu_all {
position: fixed;
top: 80px;
left: 0;
width: 100%;
height: calc(100vh - 80px);
background: #fff;
z-index: 99;
transform: translateY(-100%);
opacity: 0;
visibility: hidden;
transition: all .45s ease;
padding: 38px 4.8611111111% 70px 6.9444444444%
}
.popup_menu_all.active {
transform: translateY(0);
opacity: 1;
visibility: visible
}
@media (max-width:1024px) {
.popup_menu_all {
display: none
}
}
.popup_menu_all .main_menu_all {
padding: 0;
margin: 0;
display: grid;
grid-template-columns: [col1] 31% [col2] 23% [col3] 23% [col4] 23%;
grid-gap: 10px;
list-style: none
}
.popup_menu_all .main_menu_all li {
margin-bottom: 30px
}
.popup_menu_all .main_menu_all li>a {
font-family: Inter-SemiBold\.ttf;
font-size: 24px;
line-height: 150%;
color: var(--primary-color);
margin-bottom: 20px;
display: block
}
.popup_menu_all .main_menu_all li>a:hover {
color: #901A21
}
@media (min-width:1920px) {
.popup_menu_all .main_menu_all li>a {
font-size: 28px
}
}
.popup_menu_all .main_menu_all li>.sub-menu {
list-style: none;
padding: 0
}
.popup_menu_all .main_menu_all li>.sub-menu li {
margin-bottom: 12px
}
@media (min-width:1920px) {
.popup_menu_all .main_menu_all li>.sub-menu li {
margin-bottom: 18px
}
}
.popup_menu_all .main_menu_all li>.sub-menu li a {
font-family: Inter-SemiBold\.ttf;
font-size: 14px;
line-height: 130%;
color: var(--primary-color);
margin-bottom: 0
}
.popup_menu_all .main_menu_all li>.sub-menu li a:hover {
color: #901A21
}
@media (min-width:1920px) {
.popup_menu_all .main_menu_all li>.sub-menu li a {
font-size: 16px
}
}
.popup_menu_all .main_menu_all li>.sub-menu li:first-of-type,
.popup_menu_all .main_menu_all li>.sub-menu li br {
display: none
}
.popup_menu_all .main_menu_all li:nth-of-type(2) {
grid-column: 1;
grid-row: 1/4;
margin-bottom: 0
}
.slide_logo {
position: relative;
width: 100%;
height: 74px;
pointer-events: none;
white-space: nowrap;
background: var(--primary-color)
}
@media (max-width:576px) {
.slide_logo {
height: 60px
}
}
.slide_logo .slide1,
.slide_logo .slide2 {
width: 100%;
display: inline-block
}
.slide_logo .slide1 .item,
.slide_logo .slide2 .item {
float: left;
width: 14.2857142857%;
height: 74px;
display: flex;
align-items: center;
justify-content: center
}
@media (max-width:576px) {
.slide_logo .slide1 .item,
.slide_logo .slide2 .item {
height: 60px;
width: 33.3333333333%
}
.slide_logo .slide1 .item img,
.slide_logo .slide2 .item img {
width: 70%
}
}
.slide_logo .slide1 {
animation: slide_run1 40s linear infinite
}
.slide_logo .slide2 {
animation: slide_run2 40s linear infinite;
animation-delay: 20s
}
.footer-wrapper {
position: relative;
}
@media (max-width:576px) {
.footer-wrapper {
padding: 45px 0 0
}
}
.footer-wrapper .top {
display: flex;
align-items: flex-end;
justify-content: space-between
}
.footer-wrapper .top a {
display: block
}
.footer-wrapper .top a img {
max-width: 250px
}
.footer-wrapper .top .title_def {
text-transform: none
}
.footer-wrapper .top .title_def br {
display: none
}
@media (max-width:820px) {
.footer-wrapper .top .title_def {
font-size: 26px
}
}
@media (max-width:576px) {
.footer-wrapper .top {
flex-direction: column;
justify-content: center;
align-items: center
}
.footer-wrapper .top .title_def {
font-size: 22px;
text-align: center;
margin-top: 10px
}
.footer-wrapper .top .title_def br {
display: block
}
}
.footer-wrapper .center {
margin-top: 22px;
border-top: .75px solid #c4c4c4;
padding: 40px 0 80px;
display: flex;
align-items: flex-start
}
.footer-wrapper .center .lable {
font-family: Inter-SemiBold\.ttf;
font-size: 14px;
line-height: 130%;
text-transform: uppercase;
color: #545454;
text-align: center;
}
footer span.ux-menu-link__text{
color: #545454;
}
.footer-wrapper .center .left {
width: 25.4838709677%
}
.footer-wrapper .center .left .social {
margin: 12px 0 24px;
display: flex;
align-items: center
}
.footer-wrapper .center .left .social li {
margin-right: 15px
}
.footer-wrapper .center .right {
width: 74.5161290323%;
display: flex;
align-items: flex-start
}
.footer-wrapper .center .right .item {
width: 25%;
padding-right: 15px
}
.footer-wrapper .center .right .item ul {
margin-top: 22px
}
.footer-wrapper .center .right .item ul li {
margin-bottom: 4px
}
.footer-wrapper .center .right .item ul li a {
text-decoration: none;
color: grey;
transition: all .3s ease
}
.footer-wrapper .center .right .item ul li:last-child {
margin-bottom: 0
}
.footer-wrapper .center .right .item ul li:hover a {
color: var(--primary-color)
}
@media (min-width:1920px) {
.footer-wrapper .center .lable {
font-size: 18px
}
}
@media (max-width:820px) {
.footer-wrapper .center {
flex-wrap: wrap;
padding: 40px 0
}
.footer-wrapper .center .left {
width: 100%;
order: 2;
margin-top: 35px
}
.footer-wrapper .center .right {
width: 100%;
order: 1
}
}
@media (max-width:576px) {
.footer-wrapper .center {
padding: 30px 0
}
.footer-wrapper .center .right {
width: 100%;
order: 1;
flex-wrap: wrap
}
.footer-wrapper .center .right .item {
width: 100%;
margin-bottom: 20px
}
.footer-wrapper .center .right .item ul {
margin-top: 10px;
display: flex;
flex-wrap: wrap
}
.footer-wrapper .center .right .item ul li {
margin-bottom: 4px;
padding-right: 5%;
width: 50%
}
.footer-wrapper .center .right .item:last-child {
margin-bottom: 0
}
}
.footer-wrapper .bottom {
padding: 20px 0;
border-top: .75px solid #c4c4c4
}
.footer-wrapper .bottom .content_common {
display: flex
}
.footer-wrapper .bottom .content_common .item {
padding-right: 15px;
font-size: 12px;
line-height: 175%;
color: #545454
}
.footer-wrapper .bottom .content_common .item p {
color: #545454
}
.footer-wrapper .bottom .content_common .item:first-of-type {
width: 25.4838709677%
}
.footer-wrapper .bottom .content_common .item:nth-of-type(2) {
width: 33.3870967742%
}
.footer-wrapper .bottom .content_common .item:nth-of-type(3) {
width: 41.1290322581%;
padding-right: 0
}
@media (min-width:1920px) {
.footer-wrapper .bottom .content_common .item {
font-size: 16px
}
}
@media (max-width:820px) {
.footer-wrapper .bottom .content_common {
flex-direction: column
}
.footer-wrapper .bottom .content_common .item:first-of-type {
width: 100%;
order: 3
}
.footer-wrapper .bottom .content_common .item:nth-of-type(2) {
width: 100%;
order: 1;
margin-bottom: 8px
}
.footer-wrapper .bottom .content_common .item:nth-of-type(3) {
width: 100%;
order: 2;
margin-bottom: 8px
}
}
.page_banner_def {
position: relative;
width: 100%;
height: 360px
}
@media (min-width:1920px) {
.page_banner_def {
height: 620px
}
}
@media (max-width:576px) {
.page_banner_def {
height: 350px
}
}
.page_banner_def:before {
position: absolute;
pointer-events: none;
content: "";
width: 100%;
height: 57.1428571429%;
bottom: 0;
left: 0;
z-index: 3;
background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6) 75.82%)
}
.page_banner_def .bg {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: 1
}
.page_banner_def .decor {
position: absolute;
z-index: 2;
left: 0;
top: 0;
width: 27.0833333333%
}
.page_banner_def._video {
height: calc(100vh - 70px)
}
.page_banner_def._video video {
width: 100%;
height: 100%;
object-fit: cover
}
@media (max-width:1024px) {
.page_banner_def._video {
height: 600px
}
}
@media (max-width:576px) {
.page_banner_def._video {
height: 350px
}
}
.page_banner_def .breadcrumb {
display: flex;
align-items: center;
margin-bottom: 15px
}
.page_banner_def .breadcrumb a,
.page_banner_def .breadcrumb span {
font-family: Inter-SemiBold\.ttf;
font-size: 14px;
line-height: 130%;
letter-spacing: .1em;
text-transform: uppercase;
color: #c4c4c4
}
.page_banner_def .breadcrumb span {
display: block;
margin: 0 8px
}
.page_banner_def .breadcrumb a {
text-decoration: none
}
.page_banner_def .breadcrumb a:last-child {
color: #fff
}
@media (min-width:1920px) {
.page_banner_def .breadcrumb a,
.page_banner_def .breadcrumb span {
font-size: 18px
}
}
@media (max-width:576px) {
.page_banner_def .breadcrumb {
margin-bottom: 10px
}
.page_banner_def .breadcrumb a,
.page_banner_def .breadcrumb span {
font-size: 12px
}
}
.page_banner_def .content {
position: absolute;
z-index: 4;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.page_banner_def .content .container_common {
height: 100%
}
.page_banner_def .content .container_common .content_common {
height: 100%;
padding-bottom: 105px;
display: flex;
flex-direction: column;
justify-content: flex-end
}
@media (max-width:576px) {
.page_banner_def .content .container_common .content_common {
padding-bottom: 55px
}
}
.page_banner_def._slide:before {
display: none
}
.page_banner_def._slide .swiper {
position: relative;
width: 100%;
height: 100%
}
.page_banner_def._slide .swiper .swiper-slide {
position: relative;
height: 100%;
background-size: cover;
background-position: 50%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
box-sizing: border-box;
padding: 100px 6.9444444444% 130px
}
@media (max-width:1024px) {
.page_banner_def._slide .swiper .swiper-slide {
padding: 100px 30px 90px
}
}
@media (max-width:576px) {
.page_banner_def._slide .swiper .swiper-slide {
padding: 100px 15px 90px
}
.page_banner_def._slide .swiper .swiper-slide .title_def {
font-size: 26px;
line-height: 1.2
}
}
.page_banner_def._slide .swiper .swiper-slide:before {
position: absolute;
pointer-events: none;
content: "";
width: 100%;
height: 57.1428571429%;
bottom: 0;
left: 0;
background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6) 75.82%)
}
.page_banner_def._slide .swiper .swiper-slide .breadcrumb,
.page_banner_def._slide .swiper .swiper-slide .excerpt,
.page_banner_def._slide .swiper .swiper-slide .title_def {
position: relative;
z-index: 2
}
.page_banner_def._slide .swiper .swiper-slide .excerpt {
width: 68.5483870968%;
font-size: 16px;
line-height: 170%;
color: #fff
}
@media (min-width:1920px) {
.page_banner_def._slide .swiper .swiper-slide .excerpt {
font-size: 20px
}
}
@media (max-width:820px) {
.page_banner_def._slide .swiper .swiper-slide .excerpt {
width: 100%
}
}
@media (max-width:576px) {
.page_banner_def._slide .swiper .swiper-slide .excerpt {
display: none
}
}
.page_banner_def._slide .swiper .swiper-pagination {
bottom: 80px
}
@media (max-width:1024px) {
.page_banner_def._slide .swiper .swiper-pagination {
bottom: 50px
}
}
.page_banner_def._recruitment {
height: 480px
}
@media (min-width:1920px) {
.page_banner_def._recruitment {
height: 560px
}
}
@media (max-width:576px) {
.page_banner_def._recruitment {
height: 350px
}
}
.page_banner_def._recruitment .content .container_common .content_common {
padding-bottom: 0;
justify-content: center
}
.navigation_def {
position: relative;
z-index: 11;
margin-top: -44px
}
@media (max-width:820px) {
.navigation_def {
margin-top: -32px;
border-radius: 0 0 30px 30px
}
}
.navigation_def .content_common .current_page {
display: none;
cursor: pointer;
outline: none
}
@media (max-width:820px) {
.navigation_def .content_common .current_page {
position: relative;
z-index: 3;
border-radius: 100px;
overflow: hidden;
width: 100%;
display: flex;
align-items: center;
justify-content: space-around;
padding: 12px 30px;
filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .15))
}
.navigation_def .content_common .current_page .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: left center
}
.navigation_def .content_common .current_page p {
position: relative;
z-index: 2;
text-align: center;
font-family: Inter-SemiBold\.ttf;
font-size: 16px;
color: #fff
}
.navigation_def .content_common .current_page i {
position: absolute;
z-index: 2;
right: 35px;
top: 50%;
transform: translateY(-50%);
color: #fff
}
}
.navigation_def .content_common .content {
position: relative;
border-radius: 245px;
overflow: hidden;
width: 100%;
display: flex;
align-items: center;
justify-content: space-around;
padding: 20px 30px;
filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .15))
}
.navigation_def .content_common .content .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: left center
}
.navigation_def .content_common .content li {
position: relative;
z-index: 2;
background: transparent;
padding: 10px 28px;
border-radius: 50px;
font-family: Inter-SemiBold\.ttf;
font-size: 16px;
line-height: 150%;
color: #fff;
transition: all .3s ease
}
.navigation_def .content_common .content li a {
color: #fff;
text-decoration: none
}
.navigation_def .content_common .content li.active,
.navigation_def .content_common .content li:hover {
background: #fff;
color: #3f4855
}
.navigation_def .content_common .content li.active a,
.navigation_def .content_common .content li:hover a {
color: #3f4855
}
@media (min-width:1920px) {
.navigation_def .content_common .content li {
font-size: 22px
}
}
@media (max-width:1024px) {
.navigation_def .content_common .content {
padding: 15px
}
.navigation_def .content_common .content li {
padding: 10px 15px;
font-size: 14px
}
}
@media (max-width:820px) {
.navigation_def .content_common .content {
position: absolute;
z-index: 0;
top: calc(100% - 24px);
left: 30px;
width: calc(100% - 60px);
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
display: none;
background: var(--primary-color);
padding: 30px 0 10px;
border-radius: 0 0 30px 30px;
overflow: visible
}
.navigation_def .content_common .content:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 0 0 30px 30px;
background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .75), rgba(190, 0, 0, 0))
}
.navigation_def .content_common .content .bg {
display: none
}
.navigation_def .content_common .content li {
width: 100%;
background: transparent;
border-radius: 0;
text-align: center
}
.navigation_def .content_common .content li.active,
.navigation_def .content_common .content li:hover {
background: transparent;
color: #fff
}
.navigation_def .content_common .content li.active a,
.navigation_def .content_common .content li:hover a {
color: #fff;
width: 100%;
height: 100%;
display: block;
text-align: center
}
}
@media (max-width:576px) {
.navigation_def .content_common .content {
width: calc(100% - 30px);
left: 15px
}
}
#form_search_all {
background: hsla(0, 0%, 98%, .95);
opacity: 0;
width: 100%;
height: 100vh;
top: 0;
left: 0;
padding-top: 80px;
position: fixed;
z-index: 90;
transform: translateY(-100%);
transition: all .5s ease
}
#form_search_all.show {
opacity: 1;
transform: translateY(0)
}
#form_search_all .close {
position: absolute;
top: 125px;
right: 4.8611111111%;
cursor: pointer
}
@media (max-width:576px) {
#form_search_all .close {
right: 15px
}
}
#form_search_all .content_common {
padding-top: 70px;
display: flex;
justify-content: space-between
}
@media (max-width:576px) {
#form_search_all .content_common {
flex-direction: column;
margin: 0
}
}
#form_search_all .content_common .label {
width: 24.8818897638%
}
@media (max-width:576px) {
#form_search_all .content_common .label {
width: 100%;
text-align: center
}
}
@media (max-width:375px) {
#form_search_all .content_common .label .title_def {
font-size: 24px
}
}
#form_search_all .content_common .form_search {
width: 75.1181102362%;
padding-right: 7.4803149606%;
margin-top: 30px
}
@media (max-width:576px) {
#form_search_all .content_common .form_search {
width: 100%;
margin-top: 20px
}
}
#form_search_all .content_common .form_search .is-flex {
width: 100%;
position: relative;
display: flex;
align-items: center
}
#form_search_all .content_common .form_search .is-flex .search {
width: 100%;
border: none;
border-bottom: 1px solid #c4c4c4;
font-family: Inter-Light\.ttf;
font-size: 24px;
line-height: 170%;
position: relative;
background: none
}
@media (max-width:375px) {
#form_search_all .content_common .form_search .is-flex .search {
font-size: 16px
}
}
#form_search_all .content_common .form_search .is-flex .search:-ms-input-placeholder {
color: #c4c4c4
}
#form_search_all .content_common .form_search .is-flex .search::placeholder {
color: #c4c4c4
}
@media (max-width:576px) {
#form_search_all .content_common .form_search .is-flex .search:-ms-input-placeholder {
font-size: 20px
}
#form_search_all .content_common .form_search .is-flex .search::placeholder {
font-size: 20px
}
}
@media (max-width:375px) {
#form_search_all .content_common .form_search .is-flex .search:-ms-input-placeholder {
font-size: 16px
}
#form_search_all .content_common .form_search .is-flex .search::placeholder {
font-size: 16px
}
}
#form_search_all .content_common .form_search .is-flex .search:before {
content: "";
width: 1px;
position: absolute;
height: 18px;
top: 50%;
left: 0;
transform: translateY(-50%);
color: grey
}
#form_search_all .content_common .form_search .is-flex .btn_search {
background: none;
border: none;
position: absolute;
right: 0;
z-index: 1;
cursor: pointer
}
#form_search_all .content_common .form_search .key_word {
display: flex;
margin-top: 20px;
flex-wrap: wrap;
flex-direction: row
}
@media (max-width:576px) {
#form_search_all .content_common .form_search .key_word {
margin-top: 10px
}
}
#form_search_all .content_common .form_search .key_word .key {
margin-right: 3.4722222222%
}
#form_search_all .content_common .form_search .key_word .key a {
text-decoration: none;
color: #858ea7;
line-height: 130%;
font-family: Inter-SemiBold\.ttf
}
#form_search_all .content_common .form_search p {
margin-top: 63px;
color: #3f4855;
line-height: 130%;
font-family: Inter-SemiBold\.ttf
}
@media (max-width:576px) {
#form_search_all .content_common .form_search p {
margin-top: 25px
}
}
#form_search_all:target {
display: block;
opacity: .95
}
.box_search_result .banner {
position: relative;
width: 100%;
padding-top: 22.5%
}
@media (max-width:1024px) {
.box_search_result .banner {
padding-top: 0;
height: 320px
}
}
.box_search_result .banner .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.box_search_result .banner .content {
position: absolute;
z-index: 2;
top: 52%;
left: 50%;
transform: translate(-50%, -50%);
width: 58.6111111111%
}
@media (max-width:1024px) {
.box_search_result .banner .content {
top: 58%
}
}
@media (max-width:576px) {
.box_search_result .banner .content {
width: calc(100% - 40px)
}
}
.box_search_result .banner .content .title_def {
text-align: center
}
.box_search_result .banner .content form {
margin-top: 25px;
display: flex;
border-bottom: 1px solid #c4c4c4
}
.box_search_result .banner .content form button,
.box_search_result .banner .content form input {
background: transparent;
outline: none;
box-shadow: none;
border: 0;
border-radius: 0
}
.box_search_result .banner .content form input {
height: 58px;
font-family: Inter-Medium\.ttf;
font-size: 20px;
line-height: 170%;
color: #262e3c;
padding: 12px 0;
width: calc(100% - 40px)
}
@media (min-width:1920px) {
.box_search_result .banner .content form input {
font-size: 24px
}
}
@media (max-width:576px) {
.box_search_result .banner .content form input {
height: 42px;
font-size: 14px;
padding: 10px 0
}
}
.box_search_result .banner .content form button {
width: 40px;
cursor: pointer
}
.box_search_result .content-page {
padding: 82px 6.9444444444% 120px
}
@media (max-width:1024px) {
.box_search_result .content-page {
padding: 60px 30px 80px
}
}
@media (max-width:576px) {
.box_search_result .content-page {
padding: 45px 15px
}
}
.box_search_result .content-page ._result {
display: flex;
justify-content: space-between
}
.box_search_result .content-page ._result ._left p {
font-family: Inter-Medium\.ttf;
font-size: 16px;
line-height: 150%;
color: #262e3c
}
.box_search_result .content-page ._result ._left p span {
color: var(--primary-color)
}
.box_search_result .content-page ._result ._left p strong {
font-size: 20px;
color: var(--primary-color)
}
@media (min-width:1920px) {
.box_search_result .content-page ._result ._left p {
font-size: 20px
}
.box_search_result .content-page ._result ._left p strong {
font-size: 24px
}
}
.box_search_result .content-page .cat_tab_list_def {
margin: 60px 0
}
.box_search_result .content-page .cat_tab_list_def .item {
margin-right: 30px
}
@media (max-width:576px) {
.box_search_result .content-page .cat_tab_list_def {
margin: 30px 0
}
.box_search_result .content-page .cat_tab_list_def .item {
width: calc((100% - 20px)/3);
margin-right: 10px
}
.box_search_result .content-page .cat_tab_list_def .item:nth-of-type(3n) {
margin-right: 0
}
}
.box_search_result .content-page .tab_content .search_list .box_content {
position: relative;
margin-bottom: 35px;
padding-bottom: 40px;
padding-right: 150px;
border-bottom: 1px solid #c4c4c4
}
@media (max-width:576px) {
.box_search_result .content-page .tab_content .search_list .box_content {
padding-right: 0;
margin-bottom: 25px;
padding-bottom: 20px
}
}
.box_search_result .content-page .tab_content .search_list .box_content .intro {
display: flex;
color: #262e3c
}
.box_search_result .content-page .tab_content .search_list .box_content .intro span {
margin: 0 3px
}
.box_search_result .content-page .tab_content .search_list .box_content .intro .cat span {
margin: 0
}
.box_search_result .content-page .tab_content .search_list .box_content .intro .cat span:last-child {
display: none
}
.box_search_result .content-page .tab_content .search_list .box_content .title_def {
margin: 8px 0 20px;
text-transform: none
}
.box_search_result .content-page .tab_content .search_list .box_content .title_def a {
color: #01265e
}
@media (max-width:576px) {
.box_search_result .content-page .tab_content .search_list .box_content .title_def {
margin: 8px 0 10px;
font-size: 22px
}
}
.box_search_result .content-page .tab_content .search_list .box_content .excerpt {
font-size: 16px;
line-height: 170%;
color: #545454;
width: 84.7706422018%;
overflow: hidden;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical
}
@media (max-width:1024px) {
.box_search_result .content-page .tab_content .search_list .box_content .excerpt {
width: 100%
}
}
@media (max-width:576px) {
.box_search_result .content-page .tab_content .search_list .box_content .excerpt {
font-size: 14px;
-webkit-line-clamp: 2
}
}
.box_search_result .content-page .tab_content .search_list .box_content .read_more_def {
position: absolute;
z-index: 2;
right: 0;
bottom: 38px
}
@media (max-width:576px) {
.box_search_result .content-page .tab_content .search_list .box_content .read_more_def {
position: relative;
bottom: 0;
margin-top: 12px
}
}
.box_search_result .content-page .tab_content .btn_def {
margin-top: 50px
}
@media (max-width:576px) {
.box_search_result .content-page .tab_content .btn_def {
margin-top: 40px
}
}
.h-section4 {
position: relative;
padding: 64px 0;
}
@media (max-width:820px) {
.h-section4 {
padding: 80px 0
}
}
@media (max-width:576px) {
.h-section4 {
padding: 45px 0
}
}
.h-section4:before {
content: "";
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(270deg, var(--primary-color), rgba(193, 33, 35, 0.9));
transform: matrix(-1, 0, 0, 1, 0, 0)
}
.h-section4 .decor,
.h-section4:before {
position: absolute;
left: 0;
pointer-events: none
}
.h-section4 .decor {
z-index: 1;
bottom: 0;
width: 33.8194444444%;
transition: all .5s ease
}
.h-section4 .decor img {
position: absolute;
bottom: 0;
width: 100%;
max-width: 100%;
display: none
}
.h-section4 .decor._1 {
transform: translateX(0)
}
.h-section4 .decor._1.hide {
opacity: 0;
transform: translateX(100px)
}
.h-section4 .decor._2 {
opacity: 0;
transform: translateX(-100px)
}
.h-section4 .decor._2.show {
opacity: 1;
transform: translateX(0)
}
.h-section4 .content_common .left {
position: relative;
z-index: 2;
width: 50%
}
.h-section4 .content_common .left .cat_tab_list_def {
margin: 30px 0 68px
}
.h-section4 .content_common .left .inner_wrap {
display: none;
transition: all .3s ease
}
.h-section4 .content_common .left .inner_wrap.active {
display: block
}
.h-section4 .content_common .left .inner_wrap .content {
color: #fff;
font-size: 16px;
line-height: 170%;
margin-bottom: 40px;
padding-right: 11.1290322581%
}
.h-section4 .content_common .left .inner_wrap .content p {
margin-bottom: 22px
}
.h-section4 .content_common .left .inner_wrap .content p:last-child {
margin-bottom: 0
}
.h-section4 .content_common .left .inner_wrap .content ul {
list-style: disc;
padding-left: 45px
}
.h-section4 .content_common .left .inner_wrap .content h3 {
font-family: Roboto, sans-serif;
font-weight: 500;
line-height: 150%;
font-size: 56px;
margin: 0
}
.h-section4 .content_common .left .inner_wrap .content h3 sup {
font-size: 20px;
font-weight: 600;
margin-left: 10px
}
@media (min-width:1920px) {
.h-section4 .content_common .left .inner_wrap .content {
font-size: 20px
}
.h-section4 .content_common .left .inner_wrap .content h3 {
font-size: 70px
}
.h-section4 .content_common .left .inner_wrap .content h3 sup {
font-size: 22px
}
}
@media (max-width:1024px) {
.h-section4 .content_common .left .inner_wrap .content {
padding-right: 0
}
}
@media (max-width:820px) {
.h-section4 .content_common .left {
width: 100%
}
.h-section4 .content_common .left .cat_tab_list_def {
margin: 30px 0 45px
}
}
@media (max-width:576px) {
.h-section4 .content_common .left .cat_tab_list_def {
margin: 25px 0
}
.h-section4 .content_common .left .inner_wrap .content {
margin-bottom: 30px
}
.h-section4 .content_common .left .inner_wrap .content p {
margin-bottom: 25px
}
.h-section4 .content_common .left .inner_wrap .content h3 {
font-size: 42px
}
.h-section4 .content_common .left .inner_wrap .content h3 sup {
font-size: 17px;
margin-left: 8px
}
}
.h-section4 .inner_wrap_img {
position: absolute;
z-index: 2;
top: 50%;
transform: translateY(-50%);
right: 0;
width: 43.0555555556%
}
@media (max-width:1024px) {
.h-section4 .inner_wrap_img {
width: 48%
}
}
@media (max-width:820px) {
.h-section4 .inner_wrap_img {
position: relative;
width: calc(100% - 30px);
top: 0;
transform: translateY(0);
margin-top: 40px;
margin-left: 30px
}
}
@media (max-width:576px) {
.h-section4 .inner_wrap_img {
width: calc(100% - 15px);
margin-top: 35px;
margin-left: 15px
}
}
.h-section4 .inner_wrap_img .item {
position: absolute;
right: 0;
top: 0;
width: 100%;
padding-top: 70%;
background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .75), rgba(190, 0, 0, 0));
border-radius: 500px 0 0 500px;
overflow: hidden;
margin-right: -30%;
transition: all .5s ease;
opacity: 0
}
.h-section4 .inner_wrap_img .item img {
position: absolute;
top: 28px;
bottom: 28px;
right: 0;
left: 24px;
width: calc(100% - 24px);
height: calc(100% - 56px);
object-fit: cover;
object-position: left center;
border-radius: 500px 0 0 500px;
box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}
.h-section4 .inner_wrap_img .item:first-of-type {
position: relative
}
.h-section4 .inner_wrap_img .item.active {
opacity: 1;
z-index: 2;
margin-right: 0
}
@media (min-width:2100px) {
.h-section4 .inner_wrap_img .item {
padding-top: 60%
}
}
@media (max-width:576px) {
.h-section4 .inner_wrap_img .item {
border-radius: 180px 0 0 180px
}
.h-section4 .inner_wrap_img .item img {
top: 15px;
bottom: 15px;
left: 12px;
width: calc(100% - 12px);
height: calc(100% - 30px)
}
}
.h-section5 {
position: relative;
padding: 64px 0
}
@media (max-width:820px) {
.h-section5 {
padding: 80px 0
}
}
@media (max-width:576px) {
.h-section5 {
padding: 45px 0
}
}
.h-section5 .inner-wrap {
display: flex;
align-items: center;
padding: 0 4.8387096774% 0 3.2258064516%
}
@media (min-width:1920px) {
.h-section5 .inner-wrap {
align-items: center
}
}
@media (max-width:1024px) {
.h-section5 .inner-wrap {
padding: 0;
align-items: center
}
}
.h-section5 .inner-wrap .left {
width: 61.9298245614%
}
.h-section5 .inner-wrap .left svg {
width: 80% !important;
height: auto !important
}
.h-section5 .inner-wrap .left svg .province .province_map {
fill: #c4c4c4
}
.h-section5 .inner-wrap .left svg .province.active .province_map,
.h-section5 .inner-wrap .left svg .province .province_name {
fill: grey
}
.h-section5 .inner-wrap .left svg .province.active .province_name {
fill: var(--primary-color)
}
@media (max-width:820px) {
.h-section5 .inner-wrap .left {
width: 70%
}
}
@media (max-width:576px) {
.h-section5 .inner-wrap .left {
display: none
}
}
.h-section5 .inner-wrap .right {
position: relative;
z-index: 2;
width: 41.0526315789%;
}
@media (max-width:1024px) {
.h-section5 .inner-wrap .right {
width: 45%
}
}
@media (max-width:820px) {
.h-section5 .inner-wrap .right {
width: 50%;
margin-left: -20%
}
}
@media (max-width:576px) {
.h-section5 .inner-wrap .right {
width: 100%;
margin-left: 0;
margin-top: 0
}
}
.h-section5 .inner-wrap .right .swiper-container {
position: relative;
margin-top: 20px;
box-shadow: 0 19px 8px hsla(0, 0%, 72.2%, .03), 0 11px 6px hsla(0, 0%, 72.2%, .11), 0 5px 5px hsla(0, 0%, 72.2%, .19), 0 1px 3px hsla(0, 0%, 72.2%, .22), 0 0 0 hsla(0, 0%, 72.2%, .22)
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide {
height: auto;
background: #fff
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .img {
position: relative;
width: 100%;
padding-top: 56%
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .title {
padding: 16px 125px 16px 36px;
background: var(--primary-color);
color: #fff
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .title p {
font-family: Inter-Medium\.ttf;
font-size: 16px;
line-height: 150%
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .title h3 {
font-family: Roboto, sans-serif;
font-weight: 600;
font-size: 32px;
line-height: 150%
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro {
padding: 37px 40px 35px
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro .excerpt {
font-size: 16px;
line-height: 170%;
margin-bottom: 26px
}
@media (max-width:576px) {
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro .excerpt {
margin-bottom: 18px
}
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro .des {
display: flex;
align-items: flex-start;
font-family: Inter-Medium\.ttf;
font-size: 16px;
line-height: 150%;
color: #262e3c;
margin-bottom: 8px
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro .des i {
color: #858ea7;
margin-right: 15px;
margin-top: 4px
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro .des a {
color: #262e3c;
text-decoration: none;
margin: 0 4px
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro .des br {
display: none
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro .des:last-child {
margin-bottom: 0
}
@media (min-width:1920px) {
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .title p {
font-size: 20px
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .title h3 {
font-size: 42px
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro .des,
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro .excerpt {
font-size: 20px
}
}
@media (max-width:820px) {
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .title {
padding: 16px 92px 16px 20px
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .title h3 {
font-size: 24px
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro {
padding: 30px 20px
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro .des {
font-size: 14px
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro .des br {
display: block
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro .des span {
display: none
}
}
.h-section5 .inner-wrap .right .swiper-container .swiper-button {
top: auto;
bottom: 32.5%;
transform: translate(0);
width: 40px;
height: 40px;
margin: 0
}
.h-section5 .inner-wrap .right .swiper-container .swiper-button.swiper-button-prev {
left: auto;
right: 70px;
transform: translate(0) rotate(-180deg)
}
.h-section5 .inner-wrap .right .swiper-container .swiper-button.swiper-button-next {
right: 25px
}
@media (min-width:1920px) {
.h-section5 .inner-wrap .right .swiper-container .swiper-button {
bottom: 28%
}
}
@media (min-width:2200px) {
.h-section5 .inner-wrap .right .swiper-container .swiper-button {
bottom: 24%
}
}
@media (max-width:820px) {
.h-section5 .inner-wrap .right .swiper-container .swiper-button {
width: 30px;
height: 30px;
bottom: 38%
}
.h-section5 .inner-wrap .right .swiper-container .swiper-button.swiper-button-prev {
right: 55px
}
.h-section5 .inner-wrap .right .swiper-container .swiper-button.swiper-button-next {
right: 15px
}
}
.h-section6 {
position: relative;
padding: 32px 0 0;
background: var(--primary-color);
overflow: hidden
}
@media (max-width:820px) {
.h-section6 {
padding: 80px 0 0
}
}
@media (max-width:576px) {
.h-section6 {
padding: 45px 0 0
}
}
.h-section6:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(270deg, #901A21, rgba(193, 33, 35, 0.9));
pointer-events: none
}
.h-section6 .decor1,
.h-section6 .decor2 {
position: absolute;
z-index: 1;
pointer-events: none;
transition: all .3s ease
}
.h-section6 .decor1 img,
.h-section6 .decor2 img {
width: 100%;
max-width: 100%;
display: none
}
.h-section6 .decor2 {
right: 0;
bottom: 0;
width: 33.8194444444%;
max-width: 487px
}
.h-section6 .decor2 img {
position: absolute;
bottom: 0
}
.h-section6 .decor2._1 {
transform: translateX(0)
}
.h-section6 .decor2._1.hide {
opacity: 0;
transform: translateX(100px)
}
.h-section6 .decor2._2 {
opacity: 0;
transform: translateX(-100px)
}
.h-section6 .decor2._2.show {
opacity: 1;
transform: translateX(0)
}
.h-section6 .decor1 {
left: 0;
top: 0;
width: 44.4444444444%;
max-width: 640px
}
.h-section6 .decor1._1 {
transform: translateY(0)
}
.h-section6 .decor1._1.hide {
opacity: 0;
transform: translateY(50px)
}
.h-section6 .decor1._2 {
opacity: 0;
transform: translateY(-50px)
}
.h-section6 .decor1._2.show {
opacity: 1;
transform: translateY(0)
}
.h-section6 .inner-wrap {
position: relative;
z-index: 2;
display: flex;
align-items: center
}
@media (max-width:820px) {
.h-section6 .inner-wrap {
align-items: flex-end
}
}
@media (max-width:576px) {
.h-section6 .inner-wrap {
justify-content: center;
flex-wrap: wrap
}
}
.h-section6 .inner-wrap .left {
width: 45.5161290323%;
padding-right: 4.0322580645%
}
.h-section6 .inner-wrap .left .inner_wrap {
display: flex;
align-items: flex-end;
transition: all 1s ease
}
.h-section6 .inner-wrap .left .inner_wrap img {
width: 100%
}
@media (max-width:820px) {
.h-section6 .inner-wrap .left {
width: 38%
}
}
@media (max-width:576px) {
.h-section6 .inner-wrap .left {
width: 100%;
order: 2;
padding-right: 0
}
}
.h-section6 .inner-wrap .right {
width: 54.4838709677%
}
.h-section6 .inner-wrap .right .cat_tab_list_def {
margin: 30px 0 37px
}
.h-section6 .inner-wrap .right .inner_wrap {
transition: all 1s ease
}
.h-section6 .inner-wrap .right .inner_wrap .content {
margin-bottom: 37px;
font-size: 23px;
color: #fff;
line-height: 170%;
transition: all 1s ease
}
@media (max-width:1024px) {
.h-section6 .inner-wrap .right .inner_wrap .content {
font-size: 20px
}
}
@media (max-width:820px) {
.h-section6 .inner-wrap .right {
width: 62%;
padding: 0 0 40px
}
}
@media (max-width:576px) {
.h-section6 .inner-wrap .right {
width: 100%;
order: 1
}
.h-section6 .inner-wrap .right .cat_tab_list_def {
margin: 25px 0 30px
}
}
.h-section7 {
position: relative;
padding: 64px 0 32px
}
@media (max-width:820px) {
.h-section7 {
padding: 100px 0
}
}
@media (max-width:576px) {
.h-section7 {
padding: 50px 0
}
}
.h-section7 .inner_wrap_top {
position: relative;
padding: 0 4.0322580645%
}
.h-section7 .inner_wrap_top .swiper .swiper-slide {
display: flex;
align-items: center;
justify-content: center
}
.h-section7 .inner_wrap_top .swiper .swiper-slide img {
filter: grayscale(100%);
transform: scale(.65);
transition: all .3s ease
}
.h-section7 .inner_wrap_top .swiper .swiper-slide.swiper-slide-active {
width: 100%
}
.h-section7 .inner_wrap_top .swiper .swiper-slide.swiper-slide-active img {
filter: grayscale(0);
transform: scale(1);
}
.h-section7 .inner_wrap_top .swiper-button.swiper-button-prev {
left: 0;
transform: rotate(-180deg)
}
.h-section7 .inner_wrap_top .swiper-button.swiper-button-next {
right: 0
}
.h-section7 .inner_wrap_bottom .swiper .swiper-slide {
text-align: center;
background: #fff;
height: auto
}
.h-section7 .inner_wrap_bottom .swiper .swiper-slide p {
display: none;
font-family: Inter-SemiBold\.ttf;
font-size: 20px;
line-height: 130%;
text-transform: uppercase;
color: var(--primary-color)
}
@media (min-width:1920px) {
.h-section7 .inner_wrap_bottom .swiper .swiper-slide p {
font-size: 18px
}
}
.h-section7 .inner_wrap_bottom .swiper .swiper-slide h3 {
font-family: Inter-Medium\.ttf;
font-size: 32px;
line-height: 140%;
text-align: center;
color: #901A21;
margin-top: 10px
}
@media (min-width:1920px) {
.h-section7 .inner_wrap_bottom .swiper .swiper-slide h3 {
font-size: 42px
}
}
@media (max-width:820px) {
.h-section7 .inner_wrap_bottom .swiper .swiper-slide h3 {
font-size: 28px
}
}
@media (max-width:576px) {
.h-section7 .inner_wrap_bottom .swiper .swiper-slide h3 {
font-size: 22px
}
}
.h-section8 {
position: relative;
background: #fafafa;
padding: 32px 0 22px
}
@media (max-width:820px) {
.h-section8 {
padding: 80px 0
}
}
@media (max-width:576px) {
.h-section8 {
padding: 45px 0
}
}
.h-section8 .inner_wrap_top {
margin: 16px 0 16px;
display: flex;
justify-content: space-between;
align-items: center
}
@media (max-width:576px) {
.h-section8 .inner_wrap_top {
margin: 30px 0
}
}
.h-section8 .inner_wrap_bottom .content {
position: relative;
display: inline-block
}
.h-section8 .inner_wrap_bottom .content .link {
display: block;
position: absolute;
right: 0;
z-index: 2;
top: -75px
}
@media (max-width:820px) {
.h-section8 .inner_wrap_bottom .content .link {
position: relative;
top: 0;
margin: 0 auto 50px
}
}
@media (max-width:576px) {
.h-section8 .inner_wrap_bottom .content .link {
margin: 0 auto 30px
}
}
@media (max-width:820px) {
.h-section8 .inner_wrap_bottom .content {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
}
.h-section8 .inner_wrap_bottom .content .item {
display: inline-block;
float: left;
width: 23.3870967742%;
margin-left: 2.0161290323%;
margin-bottom: 42px
}
.h-section8 .inner_wrap_bottom .content .item .img {
position: relative;
display: block;
width: 100%;
padding-top: 56.25%;
overflow: hidden
}
.h-section8 .inner_wrap_bottom .content .item .img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
transition: all .3s ease
}
.h-section8 .inner_wrap_bottom .content .item .text {
padding: 18px 30px 0 0
}
.h-section8 .inner_wrap_bottom .content .item .text .date {
display: flex;
align-items: center;
color: #858ea7;
margin-bottom: 6px
}
.h-section8 .inner_wrap_bottom .content .item .text .date img {
margin-right: 6px
}
.h-section8 .inner_wrap_bottom .content .item .text .title {
transition: all .3s ease;
font-family: Inter-Medium\.ttf;
font-size: 18px;
line-height: 150%;
color: #262e3c;
text-decoration: none;
overflow: hidden;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical
}
.h-section8 .inner_wrap_bottom .content .item:first-of-type {
width: 49.1935483871%;
margin-left: 0
}
.h-section8 .inner_wrap_bottom .content .item:first-of-type .img {
padding-top: 74.75%
}
.h-section8 .inner_wrap_bottom .content .item:first-of-type .text {
padding: 18px 10px 0 0
}
@media (min-width:1920px) {
.h-section8 .inner_wrap_bottom .content .item:first-of-type .img {
padding-top: 87%
}
}
@media (min-width:2200px) {
.h-section8 .inner_wrap_bottom .content .item:first-of-type .img {
padding-top: 82%
}
}
.h-section8 .inner_wrap_bottom .content .item:hover .img img {
transform: scale(1.2)
}
.h-section8 .inner_wrap_bottom .content .item:hover .text .title {
color: var(--primary-color)
}
@media (min-width:1920px) {
.h-section8 .inner_wrap_bottom .content .item .text .title {
font-size: 20px
}
}
@media (max-width:820px) {
.h-section8 .inner_wrap_bottom .content .item {
width: 48.0225988701%;
margin-left: 0
}
.h-section8 .inner_wrap_bottom .content .item:first-of-type {
width: 100%
}
}
@media (max-width:575px) {
.h-section8 .inner_wrap_bottom .content .item {
width: 100%;
margin-bottom: 22px;
display: flex;
align-items: center
}
.h-section8 .inner_wrap_bottom .content .item .img {
width: 100px;
height: 90px;
padding: 0
}
.h-section8 .inner_wrap_bottom .content .item .text {
width: calc(100% - 100px);
padding: 0 0 0 15px
}
.h-section8 .inner_wrap_bottom .content .item .text .title {
-webkit-line-clamp: 3
}
.h-section8 .inner_wrap_bottom .content .item:first-of-type {
flex-direction: column
}
.h-section8 .inner_wrap_bottom .content .item:first-of-type .img {
width: 100%
}
.h-section8 .inner_wrap_bottom .content .item:first-of-type .text {
width: 100%;
padding: 18px 0 0
}
}
.h-section1 .bgr-img {
position: relative;
width: 100vw;
height: calc(100vh - 70px)
}
@media (max-width:1024px) {
.h-section1 .bgr-img {
height: 600px
}
}
@media (max-width:576px) {
.h-section1 .bgr-img {
height: 350px
}
}
.h-section1 .bgr-img img,
.h-section1 .bgr-img video {
width: 100%;
height: 100%;
object-fit: cover
}
.h-section1 .bgr-img video {
position: absolute;
top: 0;
left: 0
}
.h-section1 .js_slide_banner {
width: 100vw;
height: calc(100vh - 70px)
}
.h-section1 .js_slide_banner .swiper-wrapper .swiper-slide {
width: 100%;
height: 100%
}
.h-section1 .js_slide_banner .swiper-wrapper .swiper-slide img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover
}
.h-section1 .js_slide_banner.slide_mobi {
display: none
}
@media (max-width:576px) {
.h-section1 .js_slide_banner.slide_pc {
display: none
}
.h-section1 .js_slide_banner.slide_mobi {
display: block
}
}
.h-section1 .decor {
position: absolute;
pointer-events: none;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2
}
@media (max-width:426px) {
.h-section1 .decor {
opacity: .5
}
}
@media (max-width:1024px) {
.h-section1 .decor img {
width: 70%
}
}
@media (max-width:576px) {
.h-section1 .decor img {
width: 60%
}
}
.h-section1 .decor .icon_first .union_1 {
margin-top: 0
}
.h-section1 .decor .icon_first .union_2 {
left: 80px;
position: absolute;
bottom: 15px
}
@media (max-width:576px) {
.h-section1 .decor .icon_first .union_2 {
left: 50px
}
}
.h-section1 .decor .icon_first .union_3 {
position: absolute;
top: 12px;
left: 165px
}
@media (max-width:576px) {
.h-section1 .decor .icon_first .union_3 {
left: 100px
}
}
.h-section1 .decor .icon_first .union_4 {
position: absolute;
top: 52px;
left: 180px
}
@media (max-width:576px) {
.h-section1 .decor .icon_first .union_4 {
left: 110px
}
}
.h-section1 .decor .icon_second .union_4 {
position: absolute;
right: 145px;
top: 15px
}
@media (max-width:576px) {
.h-section1 .decor .icon_second .union_4 {
right: 80px
}
}
.h-section1 .decor .icon_second .union_5 {
position: absolute;
bottom: 15px;
right: 70px
}
@media (max-width:576px) {
.h-section1 .decor .icon_second .union_5 {
right: 35px
}
}
.h-section1 .decor .icon_second .union_6 {
top: 11px;
position: absolute;
right: 38px
}
@media (max-width:576px) {
.h-section1 .decor .icon_second .union_6 {
right: 15px
}
}
.h-section1 .decor .icon_second .union_7 {
right: -11px;
position: absolute;
bottom: -7px
}
@media (max-width:576px) {
.h-section1 .decor .icon_second .union_7 {
right: -15px
}
}
.h-section1 .foot-banner {
background-size: 100%;
width: 100%
}
.h-section1 .foot-banner .total-foot_banner {
overflow: hidden;
position: relative;
display: flex;
padding-top: 32px;
padding-bottom: 32px
}
@media (max-width:576px) {
.h-section1 .foot-banner .total-foot_banner {
padding: 22px 0
}
}
.h-section1 .foot-banner .total-foot_banner .decor {
display: none;
position: absolute;
pointer-events: none;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2
}
.h-section1 .foot-banner .total-foot_banner p {
text-transform: uppercase;
font-family: Inter-Medium\.ttf;
color: #fff;
font-size: 30px;
margin: 0 auto;
padding: 0 15px;
z-index: 5
}
.h-section1 .foot-banner .total-foot_banner p br {
display: none
}
@media (min-width:1920px) {
.h-section1 .foot-banner .total-foot_banner p {
font-size: 26px
}
}
@media (max-width:1024px) {
.h-section1 .foot-banner .total-foot_banner p {
font-size: 18px
}
}
@media (max-width:820px) {
.h-section1 .foot-banner .total-foot_banner p {
font-size: 17px
}
}
@media (max-width:576px) {
.h-section1 .foot-banner .total-foot_banner p {
font-size: 14px;
text-align: center
}
.h-section1 .foot-banner .total-foot_banner p br {
display: block
}
}
.h-section2 {
padding-top: 0;
position: relative;
padding-bottom: 64px
}
@media (max-width:395px) {
.h-section2 {
padding-bottom: 40px
}
}
@media (max-width:576px) {
.h-section2 {
padding: 30px 0
}
}
@media (max-width:426px) {
.h-section2 {
padding: 0
}
}
.h-section2 .container_common .mySwiper_ss2 {
display: flex
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide {
display: flex;
align-items: center
}
@media (max-width:820px) {
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide {
flex-direction: column
}
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .item_img {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
height: 522px;
width: 57.4193548387%;
padding-right: 11.2903225806%;
box-sizing: border-box
}
@media (max-width:1024px) {
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .item_img {
padding-right: 0
}
}
@media (max-width:820px) {
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .item_img {
width: 100%
}
}
@media (max-width:576px) {
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .item_img {
height: 320px
}
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .item_img img {
max-width: 68.5393258427%;
max-height: 73%;
object-fit: contain
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description {
display: block;
width: 42.5806451613%
}
@media (max-width:820px) {
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description {
width: 100%;
margin: 50px auto 0
}
}
@media (max-width:576px) {
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description {
margin: 40px auto
}
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text {
padding-right: 3.7878787879%
}
@media (max-width:426px) {
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text {
padding: 0
}
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .label {
text-transform: uppercase;
color: grey;
font-family: Inter-SemiBold\.ttf;
letter-spacing: .1em
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .title {
display: flex;
flex-wrap: wrap;
align-items: flex-start
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .title .since {
position: relative;
margin-left: 19px;
width: 53px;
height: 53px;
border: 1px solid var(--primary-color);
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .title .since .decor {
position: absolute;
top: -6px;
z-index: 2;
left: 50%;
transform: translateX(-50%)
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .title .since p {
font-style: italic;
line-height: 130%;
text-align: center;
text-transform: uppercase;
color: var(--primary-color)
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .title .since p:first-of-type {
font-size: 10px;
font-family: Inter-SemiBold\.ttf
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .title .since p:nth-of-type(2) {
font-size: 12px;
font-family: Inter-Bold\.ttf;
font-weight: 800
}
@media (max-width:576px) {
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .title .since {
margin-left: 12px;
width: 46px;
height: 46px
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .title .since p:first-of-type {
font-size: 8px
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .title .since p:nth-of-type(2) {
font-size: 10px
}
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text h3 {
align-items: center;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
flex-direction: row
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text h3 img {
margin-left: 19px
}
@media (max-width:576px) {
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text h3 img {
margin-left: 15px
}
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text span {
display: flex;
color: #858ea7;
font-family: Inter-SemiBold\.ttf;
margin-bottom: 20px
}
@media (max-width:576px) {
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text span {
margin-bottom: 30px
}
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text span p:first-child {
margin-right: 25px
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .text_desc {
width: 90%
}
@media (max-width:820px) {
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .text_desc {
width: 100%
}
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .text_desc p:first-child {
margin-bottom: 20px
}
@media (max-width:576px) {
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .text_desc p:first-child {
margin-bottom: 10px
}
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .text_desc strong {
text-transform: capitalize;
color: #313131;
font-size: 16px
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .contact {
display: flex;
margin-top: 20px
}
@media (max-width:576px) {
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .contact {
margin-top: 25px
}
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .contact .btn_def {
margin-right: 25px
}
@media (max-width:1024px) {
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .contact .btn_def {
margin-right: 10px;
background: var(--primary-color);
color: #fff
}
}
@media (max-width:576px) {
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .contact .btn_def {
margin-right: 10px
}
}
.h-section2 .container_common .progress_bar {
position: absolute;
width: 40.4838709677%;
z-index: 2;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
left: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: space-between
}
.h-section2 .container_common .progress_bar .swiper-pagination {
position: relative;
left: 0;
top: 0;
width: auto
}
.h-section2 .container_common .progress_bar .btn {
display: flex;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content
}
.h-section2 .container_common .progress_bar .btn .swiper-button {
position: relative;
left: 0;
top: 0;
right: 0;
margin: 0
}
.h-section2 .container_common .progress_bar .btn .swiper-button.swiper-button-prev {
margin-right: 15px
}
@media (max-width:820px) {
.h-section2 .container_common .progress_bar {
width: 100%;
top: 532px;
transform: translateY(-50%)
}
}
@media (max-width:576px) {
.h-section2 .container_common .progress_bar {
top: 330px
}
}
.h-section3 {
width: 100%
}
.h-section3 .container_common .total_section {
padding-left: 6.9444444444%;
padding-right: 6.9444444444%;
padding-bottom: 32px
}
@media (max-width:1280px) {
.h-section3 .container_common .total_section {
padding-left: 50px;
padding-right: 50px
}
}
@media (max-width:1280px) and (max-width:1024px) {
.h-section3 .container_common .total_section {
padding: 0 30px 40px
}
}
@media (max-width:1280px) and (max-width:576px) {
.h-section3 .container_common .total_section {
padding: 0 15px 40px
}
}
.h-section3 .container_common .total_section .label {
display: flex;
width: 100%;
margin-top: 32px;
margin-bottom: 50px
}
@media (max-width:576px) {
.h-section3 .container_common .total_section .label {
flex-direction: column;
margin-top: 20px;
margin-bottom: 30px
}
}
.h-section3 .container_common .total_section .label .cat_tab_list_def {
width: calc(100% - 300px)
}
@media (max-width:576px) {
.h-section3 .container_common .total_section .label .cat_tab_list_def {
width: 100%
}
}
.h-section3 .container_common .total_section .label .see_all {
width: 250px;
display: flex;
justify-content: end
}
@media (max-width:576px) {
.h-section3 .container_common .total_section .label .see_all {
width: 100%;
justify-content: center;
margin-top: 15px
}
}
.h-section3 .container_common .total_section .label .see_all .read_more_def {
color: #262e3c
}
.h-section3 .container_common .total_section .swiper {
display: none;
padding-bottom: 60px
}
@media (max-width:576px) {
.h-section3 .container_common .total_section .swiper {
padding-bottom: 45px
}
}
.h-section3 .container_common .total_section .swiper.is-active {
display: block
}
.h-section3 .container_common .total_section .swiper .swiper-wrapper .swiper-slide {
display: flex;
flex-wrap: wrap;
flex-direction: row
}
.h-section3 .container_common .total_section .swiper .swiper-wrapper .swiper-slide .product_item_def {
width: calc((100% - 48px)/4);
margin-right: 16px
}
.h-section3 .container_common .total_section .swiper .swiper-wrapper .swiper-slide .product_item_def:nth-of-type(4n) {
margin-right: 0
}
@media (max-width:820px) {
.h-section3 .container_common .total_section .swiper .swiper-wrapper .swiper-slide .product_item_def {
width: calc((100% - 40px)/3);
margin-right: 20px
}
}
@media (max-width:576px) {
.h-section3 .container_common .total_section .swiper .swiper-wrapper .swiper-slide .product_item_def {
width: 100%;
margin-right: 0
}
}
.h-section3 .container_common .total_section .swiper .progress_bar {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
display: flex;
align-items: flex-end;
justify-content: center
}
.h-section3 .container_common .total_section .swiper .progress_bar .swiper-pagination {
position: relative;
left: 0;
top: 0;
width: auto;
margin: 0 23px 5px
}
.h-section3 .container_common .total_section .swiper .progress_bar .swiper-button {
position: relative;
left: 0;
top: 0;
right: 0
}
.page_about_general1 .section1 {
position: relative;
padding: 100px 0 64px
}
@media (max-width:1024px) {
.page_about_general1 .section1 {
padding: 160px 0 100px
}
}
@media (max-width:820px) {
.page_about_general1 .section1 {
padding: 100px 0 80px
}
}
@media (max-width:576px) {
.page_about_general1 .section1 {
padding: 60px 0 40px
}
}
.page_about_general1 .section1 .decor {
display: none;
position: absolute;
top: 0;
right: 0;
width: 36.25%
}
.page_about_general1 .section1 .content_common {
padding-right: 0;
overflow: hidden
}
.page_about_general1 .section1 .content {
font-family: Inter-Regular\.ttf;
font-size: 20px;
line-height: 170%;
color: #3f4855;
width: 42.7419354839%;
margin-bottom: 103px
}
.page_about_general1 .section1 .content b,
.page_about_general1 .section1 .content strong {
font-weight: 400;
color: var(--primary-color)
}
@media (min-width:1920px) {
.page_about_general1 .section1 .content {
font-size: 24px
}
}
@media (max-width:1024px) {
.page_about_general1 .section1 .content {
width: 75%;
margin-bottom: 70px
}
}
@media (max-width:576px) {
.page_about_general1 .section1 .content {
width: calc(100% - 15px);
margin-bottom: 30px;
font-size: 16px
}
}
.page_about_general1 .section1 .pagination_progress {
display: flex;
align-items: center;
margin-bottom: 45px
}
.page_about_general1 .section1 .pagination_progress .swiper-button,
.page_about_general1 .section1 .pagination_progress .swiper-pagination {
position: relative;
top: 0;
left: 0;
right: 0;
margin: 0
}
.page_about_general1 .section1 .pagination_progress .swiper-pagination {
width: 92px;
height: 2px;
margin: 0 20px
}
.page_about_general1 .section1 .pagination_progress .swiper-pagination .swiper-pagination-progressbar-fill {
height: 4px;
background: var(--primary-color);
border-radius: 2px;
top: -1px
}
.page_about_general1 .section1 .pagination_progress .swiper-button.swiper-button-prev {
transform: rotate(-180deg)
}
@media (max-width:576px) {
.page_about_general1 .section1 .pagination_progress {
margin-bottom: 35px
}
}
.page_about_general1 .section1 .js-slide-s1 {
padding-right: 6.9444444444%
}
.page_about_general1 .section1 .js-slide-s1 .swiper-slide {
position: relative
}
.page_about_general1 .section1 .js-slide-s1 .swiper-slide .number {
font-family: Roboto, sans-serif;
font-size: 64px;
line-height: 150%;
text-transform: capitalize;
color: var(--primary-color)
}
.page_about_general1 .section1 .js-slide-s1 .swiper-slide .dots {
position: relative;
margin: 5px 0 30px;
height: 1px;
border-top: 1px dashed #858ea7
}
.page_about_general1 .section1 .js-slide-s1 .swiper-slide .dots:before {
position: absolute;
content: "";
left: 0;
top: -5px;
width: 8px;
height: 8px;
background: var(--primary-color);
border-radius: 50%;
z-index: 2
}
.page_about_general1 .section1 .js-slide-s1 .swiper-slide .excerpt {
font-family: Inter-SemiBold\.ttf;
font-size: 14px;
line-height: 130%;
color: #262e3c;
width: 66.6666666667%
}
@media (min-width:1920px) {
.page_about_general1 .section1 .js-slide-s1 .swiper-slide .number {
font-size: 74px
}
.page_about_general1 .section1 .js-slide-s1 .swiper-slide .excerpt {
font-size: 18px
}
}
@media (max-width:820px) {
.page_about_general1 .section1 .js-slide-s1 .swiper-slide .number {
font-size: 44px
}
.page_about_general1 .section1 .js-slide-s1 .swiper-slide .excerpt {
width: calc(100% - 20px)
}
}
@media (max-width:576px) {
.page_about_general1 .section1 .js-slide-s1 .swiper-slide .number {
font-size: 38px
}
.page_about_general1 .section1 .js-slide-s1 .swiper-slide .excerpt {
font-size: 13px
}
}
.page_about_general1 .section2 {
position: relative;
padding: 64px 0;
background: var(--primary-color)
}
@media (max-width:1024px) {
.page_about_general1 .section2 {
padding: 100px 0
}
}
@media (max-width:576px) {
.page_about_general1 .section2 {
padding: 50px 0
}
}
.page_about_general1 .section2 .decor {
position: absolute;
z-index: 1;
left: 0;
bottom: 0;
width: 33.8194444444%;
pointer-events: none
}
.page_about_general1 .section2 .decor img {
display: none;
position: absolute;
bottom: 0;
width: 100%;
max-width: 100%
}
.page_about_general1 .section2 .container_common {
display: flex;
align-itemS: center;
justify-content: space-between;
padding-left: 6.9444444444%
}
@media (max-width:820px) {
.page_about_general1 .section2 .container_common {
flex-wrap: wrap;
padding: 0
}
}
.page_about_general1 .section2 .container_common .left {
position: relative;
z-index: 2;
width: 47.6119402985%
}
.page_about_general1 .section2 .container_common .left .quote {
display: none;
position: absolute;
top: -32px;
right: 0;
width: 11.2852664577%;
max-width: 72px;
z-index: -1
}
@media (max-width:576px) {
.page_about_general1 .section2 .container_common .left .quote {
top: -15px
}
}
.page_about_general1 .section2 .container_common .left .content {
margin-top: 50px;
font-family: Inter-Regular\.ttf;
font-size: 16px;
line-height: 170%;
color: #fff
}
.page_about_general1 .section2 .container_common .left .content p {
margin-bottom: 22px
}
.page_about_general1 .section2 .container_common .left .content p:last-child {
margin-bottom: 0
}
@media (min-width:1920px) {
.page_about_general1 .section2 .container_common .left .content {
font-size: 22px
}
}
@media (max-width:576px) {
.page_about_general1 .section2 .container_common .left .content {
margin-top: 30px;
font-size: 14px
}
}
@media (max-width:820px) {
.page_about_general1 .section2 .container_common .left {
width: 100%;
padding: 0 30px
}
.page_about_general1 .section2 .container_common .left .quote {
right: 30px
}
}
@media (max-width:576px) {
.page_about_general1 .section2 .container_common .left {
padding: 0 15px
}
.page_about_general1 .section2 .container_common .left .quote {
right: 15px
}
}
.page_about_general1 .section2 .container_common .right {
position: relative;
width: 44.9253731343%
}
@media (max-width:1024px) {
.page_about_general1 .section2 .container_common .right {
width: 48%
}
}
@media (max-width:820px) {
.page_about_general1 .section2 .container_common .right {
position: relative;
width: calc(100% - 30px);
top: 0;
transform: translateY(0);
margin-top: 40px;
margin-left: 30px
}
}
@media (max-width:576px) {
.page_about_general1 .section2 .container_common .right {
width: calc(100% - 15px);
margin-top: 35px;
margin-left: 15px
}
}
.page_about_general1 .section2 .container_common .right .img {
width: 100%;
padding-top: 70%;
background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .75), rgba(190, 0, 0, 0));
border-radius: 500px 0 0 500px;
overflow: hidden;
transition: all .5s ease
}
.page_about_general1 .section2 .container_common .right .img img {
position: absolute;
top: 14px;
bottom: 14px;
right: 0;
left: 14px;
width: calc(100% - 14px);
height: calc(100% - 28px);
object-fit: cover;
object-position: left center;
border-radius: 500px 0 0 500px
}
@media (max-width:576px) {
.page_about_general1 .section2 .container_common .right .img {
border-radius: 180px 0 0 180px
}
}
.page_about_general1 .section3 {
position: relative;
padding: 64px 0 0
}
.page_about_general1 .section3 .title_def._blue {
color: #f95a23
}
@media (max-width:820px) {
.page_about_general1 .section3 {
padding: 100px 0 60px;
display: flex;
flex-direction: column
}
}
@media (max-width:576px) {
.page_about_general1 .section3 {
padding: 50px 0 30px
}
}
.page_about_general1 .section3 .decor1 {
position: absolute;
top: 0;
right: 0;
z-index: -1;
width: 56.4583333333%
}
.page_about_general1 .section3 .decor2 {
position: absolute;
left: 6.9444444444%;
top: 0;
width: 35.9722222222%
}
.page_about_general1 .section3 .container_common {
display: flex;
align-items: center;
padding-right: 6.9444444444%
}
@media (max-width:820px) {
.page_about_general1 .section3 .container_common {
flex-wrap: wrap
}
}
.page_about_general1 .section3 .container_common .left {
width: 52.9850746269%;
display: flex;
align-items: center;
padding-right: 9.1791044776%
}
.page_about_general1 .section3 .container_common .left .img,
.page_about_general1 .section3 .container_common .left .img img {
width: 100%
}
@media (max-width:820px) {
.page_about_general1 .section3 .container_common .left {
order: 2;
width: 100%;
padding-right: 0
}
}
.page_about_general1 .section3 .container_common .right {
width: 47.0149253731%
}
.page_about_general1 .section3 .container_common .right .content {
margin-top: 45px;
font-family: Inter-Regular\.ttf;
font-size: 14px;
line-height: 170%;
color: #3f4855
}
.page_about_general1 .section3 .container_common .right .content p {
margin-bottom: 22px
}
.page_about_general1 .section3 .container_common .right .content p:last-child {
margin-bottom: 0
}
.page_about_general1 .section3 .container_common .right .content ul {
display: flex;
flex-wrap: wrap;
margin-top: 22px
}
.page_about_general1 .section3 .container_common .right .content ul li {
display: flex;
align-items: center;
margin-top: 33px;
width: 50%;
box-sizing: border-box;
font-family: Roboto, sans-serif;
font-weight: 600;
font-size: 19px;
line-height: 150%;
color: #262e3c
}
.page_about_general1 .section3 .container_common .right .content ul li img {
width: 24px;
margin-right: 10px
}
.page_about_general1 .section3 .container_common .right .content ul li span {
color: #858ea7;
margin-left: 3px
}
@media (min-width:1920px) {
.page_about_general1 .section3 .container_common .right .content {
font-size: 18px
}
.page_about_general1 .section3 .container_common .right .content ul li {
font-size: 25px
}
.page_about_general1 .section3 .container_common .right .content ul li img {
width: 40px
}
}
@media (max-width:820px) {
.page_about_general1 .section3 .container_common {
justify-content: flex-start;
order: 1;
margin-bottom: 15px;
padding-left: 30px
}
.page_about_general1 .section3 .container_common .right {
width: 100%
}
}
@media (max-width:576px) {
.page_about_general1 .section3 .container_common {
padding-left: 15px
}
.page_about_general1 .section3 .container_common .right .title_def br {
display: none
}
.page_about_general1 .section3 .container_common .right .content {
margin-top: 25px
}
.page_about_general1 .section3 .container_common .right .content p {
margin-bottom: 16px
}
.page_about_general1 .section3 .container_common .right .content p:last-child {
margin-bottom: 0
}
.page_about_general1 .section3 .container_common .right .content ul {
margin-top: 15px
}
.page_about_general1 .section3 .container_common .right .content ul li {
width: 100%;
margin-top: 20px;
font-size: 16px
}
.page_about_general1 .section3 .container_common .right .content ul li img {
width: 20px
}
}
.page_about_general1 .section4 {
position: relative;
padding: 64px 0
}
@media (max-width:820px) {
.page_about_general1 .section4 {
padding: 80px 0 165px
}
}
@media (max-width:576px) {
.page_about_general1 .section4 {
padding: 40px 0 45px
}
}
.page_about_general1 .section4 .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: -1
}
.page_about_general1 .section4 .content_common {
display: flex;
align-items: flex-start
}
.page_about_general1 .section4 .content_common .left {
width: 59.435483871%
}
.page_about_general1 .section4 .content_common .left .title_def {
text-transform: none;
width: -webkit-max-content;
width: max-content
}
.page_about_general1 .section4 .content_common .left .content {
margin-top: 35px;
font-family: Inter-Regular\.ttf;
font-size: 14px;
line-height: 170%;
color: #3f4855
}
.page_about_general1 .section4 .content_common .left .content p {
margin-bottom: 22px
}
.page_about_general1 .section4 .content_common .left .content p:last-child {
margin-bottom: 0
}
.page_about_general1 .section4 .content_common .left .notice {
position: relative;
width: 114.503816794%;
margin-top: 65px;
margin-left: -17.8666666667%;
background: #fff;
border-radius: 0 100px 100px 0;
display: flex;
align-items: center;
padding: 22px 16.6666666667% 22px 17.8666666667%;
box-sizing: border-box
}
.page_about_general1 .section4 .content_common .left .notice:before {
position: absolute;
content: "";
top: 6px;
left: 0;
right: 6px;
bottom: 6px;
border-radius: 0 100px 100px 0;
background: linear-gradient(270deg, var(--primary-color), rgba(193, 33, 35, 0.9))
}
.page_about_general1 .section4 .content_common .left .notice .decor {
display: none;
position: absolute;
top: 0;
left: 0;
width: calc(100% - 8px);
height: calc(100% - 8px);
object-fit: cover;
object-position: center;
z-index: 1;
border-radius: 0 100px 100px 0
}
.page_about_general1 .section4 .content_common .left .notice .number {
position: relative;
z-index: 2;
font-family: Roboto, sans-serif;
font-weight: 500;
font-size: 56px;
line-height: 130%;
color: #fff;
margin-right: 24px
}
.page_about_general1 .section4 .content_common .left .notice .text {
position: relative;
z-index: 2;
font-size: 14px;
line-height: 170%;
color: #fff
}
@media (min-width:1920px) {
.page_about_general1 .section4 .content_common .left .content {
font-size: 18px
}
.page_about_general1 .section4 .content_common .left .notice .number {
font-size: 72px
}
.page_about_general1 .section4 .content_common .left .notice .text {
font-size: 18px
}
}
@media (max-width:820px) {
.page_about_general1 .section4 .content_common .left,
.page_about_general1 .section4 .content_common .left .title_def {
width: 100%
}
.page_about_general1 .section4 .content_common .left .notice {
width: 88%;
margin-left: -30px;
padding: 22px 18% 22px 30px;
box-sizing: border-box
}
.page_about_general1 .section4 .content_common .left .notice:before {
position: absolute;
content: "";
top: 6px;
left: 0;
right: 6px;
bottom: 6px;
border-radius: 0 100px 100px 0;
background: linear-gradient(270deg, #901A21, rgba(199, 14, 14, 0) 98.95%)
}
.page_about_general1 .section4 .content_common .left .notice .decor {
position: absolute;
top: 0;
left: 0;
width: calc(100% - 8px);
height: calc(100% - 8px);
object-fit: cover;
object-position: center;
z-index: 1;
border-radius: 0 100px 100px 0
}
.page_about_general1 .section4 .content_common .left .notice .number {
position: relative;
z-index: 2;
font-family: Roboto, sans-serif;
font-weight: 500;
font-size: 56px;
line-height: 130%;
color: #fff;
margin-right: 24px
}
.page_about_general1 .section4 .content_common .left .notice .text {
position: relative;
z-index: 2;
font-size: 14px;
line-height: 170%;
color: #fff
}
}
@media (max-width:576px) {
.page_about_general1 .section4 .content_common .left .content {
margin-top: 25px
}
.page_about_general1 .section4 .content_common .left .content p {
margin-bottom: 16px
}
.page_about_general1 .section4 .content_common .left .content p:last-child {
margin-bottom: 0
}
.page_about_general1 .section4 .content_common .left .notice {
margin-left: -15px;
width: 100%;
margin-top: 30px;
padding: 18px 30px 18px 15px
}
.page_about_general1 .section4 .content_common .left .notice .number {
font-size: 36px;
margin-right: 24px
}
}
.page_about_general1 .section4 .content_common .right {
width: 42.1774193548%;
pointer-events: none;
margin-bottom: -16.5700483092%
}
.page_about_general1 .section4 .content_common .right img {
width: 120.512820513%;
margin-left: -20.5128205128%;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content
}
@media (min-width:1920px) {
.page_about_general1 .section4 .content_common .right {
margin-bottom: -20%
}
.page_about_general1 .section4 .content_common .right img {
width: 100%
}
}
@media (max-width:820px) {
.page_about_general1 .section4 .content_common .right {
position: absolute;
width: 50%;
margin: 0;
right: 15px;
bottom: -50px
}
.page_about_general1 .section4 .content_common .right img {
width: 100%;
margin: 0
}
}
@media (max-width:576px) {
.page_about_general1 .section4 .content_common .right {
display: none
}
}
.page_about_general1 .section5 {
position: relative;
padding: 100px 0 0
}
@media (max-width:1024px) {
.page_about_general1 .section5 {
padding: 120px 0 0
}
}
@media (max-width:820px) {
.page_about_general1 .section5 {
padding: 80px 0 0;
display: flex;
flex-direction: column
}
}
@media (max-width:576px) {
.page_about_general1 .section5 {
padding: 45px 0 0
}
}
.page_about_general1 .section5 .decor {
position: absolute;
top: 19%;
left: 0;
width: 29.0277777778%;
z-index: -1
}
@media (max-width:820px) {
.page_about_general1 .section5 .decor {
top: 5%
}
}
@media (max-width:576px) {
.page_about_general1 .section5 .decor {
top: 3%
}
}
.page_about_general1 .section5 .container_common {
display: flex;
align-items: center;
padding-right: 6.9444444444%
}
@media (max-width:820px) {
.page_about_general1 .section5 .container_common {
flex-wrap: wrap;
padding-right: 0
}
}
.page_about_general1 .section5 .container_common .right {
width: 49.2537313433%
}
.page_about_general1 .section5 .container_common .right .content {
margin-top: 45px
}
.page_about_general1 .section5 .container_common .right .content ul li {
position: relative;
font-size: "Inter-Regular.ttf";
font-size: 14px;
line-height: 170%;
color: #3f4855;
padding-bottom: 22px;
padding-left: 22px
}
.page_about_general1 .section5 .container_common .right .content ul li:after,
.page_about_general1 .section5 .container_common .right .content ul li:before {
position: absolute;
content: "";
top: 8px
}
.page_about_general1 .section5 .container_common .right .content ul li:before {
left: -4px;
width: 8px;
height: 8px;
background: var(--primary-color);
border-radius: 50%;
z-index: 1
}
.page_about_general1 .section5 .container_common .right .content ul li:after {
height: 100%;
width: 1px;
background: #c4c4c4;
left: 0
}
.page_about_general1 .section5 .container_common .right .content ul li:last-child {
padding-bottom: 0
}
.page_about_general1 .section5 .container_common .right .content ul li:last-child:after {
display: none
}
.page_about_general1 .section5 .container_common .left {
width: 50.7462686567%;
padding-right: 6.7164179104%
}
.page_about_general1 .section5 .container_common .left .img {
display: flex
}
.page_about_general1 .section5 .container_common .left .img img {
width: 100%
}
@media (max-width:820px) {
.page_about_general1 .section5 .container_common .left {
position: relative;
width: 100%;
padidng-right: 0;
order: 2;
margin-top: 15px
}
}
@media (min-width:1920px) {
.page_about_general1 .section5 .container_common .right .content ul li {
font-size: 18px
}
}
@media (max-width:820px) {
.page_about_general1 .section5 .container_common {
padding: 0
}
.page_about_general1 .section5 .container_common .right {
order: 1;
width: 100%;
padding: 0 30px
}
}
@media (max-width:576px) {
.page_about_general1 .section5 .container_common .right {
padding: 0 15px
}
.page_about_general1 .section5 .container_common .right .title_def br {
display: none
}
.page_about_general1 .section5 .container_common .right .content {
margin-top: 25px
}
}
.page_about_general1 .section6 {
position: relative;
padding: 64px 0
}
.page_about_general1 .section6 .bg,
.page_about_general1 .section6:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.page_about_general1 .section6 .bg {
object-fit: cover;
object-position: center
}
.page_about_general1 .section6:before {
content: "";
background: rgba(0, 0, 0, .6);
z-index: 1
}
.page_about_general1 .section6 .container_common .content {
position: relative;
z-index: 2;
padding: 0 21.5277777778%;
font-size: 32px;
line-height: 160%;
text-align: center;
color: #fff
}
@media (min-width:1920px) {
.page_about_general1 .section6 .container_common .content {
font-size: 42px
}
}
@media (max-width:1024px) {
.page_about_general1 .section6 {
padding: 120px 0
}
.page_about_general1 .section6 .container_common .content {
padding: 0 60px;
font-size: 28px
}
}
@media (max-width:576px) {
.page_about_general1 .section6 {
padding: 60px 0
}
.page_about_general1 .section6 .container_common .content {
padding: 0 30px;
font-size: 18px
}
}
.page_about_general1 .section7 {
position: relative;
padding: 64px 0;
z-index: 2
}
@media (max-width:1024px) {
.page_about_general1 .section7 {
padding: 85px 0 90px
}
}
@media (max-width:576px) {
.page_about_general1 .section7 {
padding: 55px 0 45px
}
}
.page_about_general1 .section7 .decor {
position: absolute;
left: 0;
top: 0;
width: 21.5277777778%;
max-width: 410px
}
@media (max-width:576px) {
.page_about_general1 .section7 .decor {
top: -13%
}
}
.page_about_general1 .section7 .wrap {
padding: 0 8.6805555556% 0 36.25%
}
.page_about_general1 .section7 .wrap .title_def {
text-transform: none
}
.page_about_general1 .section7 .wrap .content {
margin-top: 40px;
color: #3f4855
}
.page_about_general1 .section7 .wrap .content h3 {
font-size: 24px;
line-height: 170%;
margin-bottom: 40px
}
.page_about_general1 .section7 .wrap .content p {
font-size: 16px;
line-height: 170%;
margin-bottom: 22px
}
.page_about_general1 .section7 .wrap .content p:last-child {
margin-bottom: 0
}
@media (min-width:1920px) {
.page_about_general1 .section7 .wrap .content h3 {
font-size: 30px
}
.page_about_general1 .section7 .wrap .content p {
font-size: 22px
}
}
@media (max-width:1024px) {
.page_about_general1 .section7 .wrap {
padding: 0 30px 0 26%
}
}
@media (max-width:820px) {
.page_about_general1 .section7 .wrap .content h3 {
font-size: 22px
}
}
@media (max-width:576px) {
.page_about_general1 .section7 .wrap {
padding: 0 15px
}
.page_about_general1 .section7 .wrap .content {
margin-top: 24px
}
.page_about_general1 .section7 .wrap .content h3 {
font-size: 18px;
margin-bottom: 22px
}
.page_about_general1 .section7 .wrap .content p {
font-size: 14px
}
}
.page_general .section1 {
padding: 40px 0
}
@media (max-width:1024px) {
.page_general .section1 {
padding: 120px 0 40px
}
}
@media (max-width:576px) {
.page_general .section1 {
padding: 100px 0 20px
}
}
.page_general .section1 .container_common .content_common {
display: flex;
align-items: center;
padding: 0 14.2361111111%
}
@media (max-width:1024px) {
.page_general .section1 .container_common .content_common {
padding: 0 30px
}
}
.page_general .section1 .container_common .content_common .left {
width: 51.1650485437%
}
@media (max-width:820px) {
.page_general .section1 .container_common .content_common .left {
width: 50%
}
}
@media (max-width:576px) {
.page_general .section1 .container_common .content_common .left {
display: none
}
}
.page_general .section1 .container_common .content_common .left svg {
width: 100%;
height: auto
}
.page_general .section1 .container_common .content_common .right {
width: 49.459193707%
}
@media (max-width:576px) {
.page_general .section1 .container_common .content_common .right {
width: 100%
}
}
.page_general .section1 .container_common .content_common .right .text_desc p:nth-child(2) {
font-size: 16px;
color: #262e3c;
margin: 32px 0 60px
}
@media (min-width:1920px) {
.page_general .section1 .container_common .content_common .right .text_desc p:nth-child(2) {
font-size: 20px
}
}
@media (max-width:576px) {
.page_general .section1 .container_common .content_common .right .text_desc p:nth-child(2) {
margin: 15px 0 30px;
font-size: 14px
}
}
.page_general .section1 .container_common .content_common .right .data {
width: 100%;
display: flex;
flex-wrap: wrap
}
.page_general .section1 .container_common .content_common .right .data .element {
width: 50%;
margin-bottom: 48px
}
@media (max-width:576px) {
.page_general .section1 .container_common .content_common .right .data .element {
margin-bottom: 30px
}
}
.page_general .section1 .container_common .content_common .right .data .element p {
font-size: 16px;
color: #262e3c;
margin-top: 16px
}
.page_general .section1 .container_common .content_common .right .data .element p:first-of-type {
color: #f95a23
}
@media (min-width:1920px) {
.page_general .section1 .container_common .content_common .right .data .element p {
font-size: 20px
}
}
@media (max-width:820px) {
.page_general .section1 .container_common .content_common .right .data .element p {
font-size: 14px
}
}
@media (max-width:576px) {
.page_general .section1 .container_common .content_common .right .data .element p {
margin-top: 10px;
font-size: 12px
}
}
.page_general .section1 .container_common .content_common .right .data .element .title_def {
font-size: 70px;
margin: 0;
line-height: 60%
}
@media (min-width:1920px) {
.page_general .section1 .container_common .content_common .right .data .element .title_def {
font-size: 80px
}
}
@media (max-width:820px) {
.page_general .section1 .container_common .content_common .right .data .element .title_def {
font-size: 50px
}
}
@media (max-width:576px) {
.page_general .section1 .container_common .content_common .right .data .element .title_def {
font-size: 42px
}
}
.page_general .section2 {
background-color: #f8f8f8;
padding: 64px 0
}
@media (max-width:820px) {
.page_general .section2 {
padding: 45px 0 80px
}
}
@media (max-width:576px) {
.page_general .section2 {
padding: 40px 0 50px
}
}
.page_general .section2 .container_common .content_common .cat_tab_list_def {
justify-content: center
}
.page_general .section2 .container_common .content_common .cat_tab_list_def a {
margin: 0 25px
}
@media (max-width:576px) {
.page_general .section2 .container_common .content_common .cat_tab_list_def {
justify-content: space-between
}
.page_general .section2 .container_common .content_common .cat_tab_list_def a {
margin: 0 0 10px
}
}
.page_general .section2 .container_common .content_common .wrapper {
margin-top: 60px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center
}
@media (max-width:820px) {
.page_general .section2 .container_common .content_common .wrapper {
margin-top: 20px
}
}
.page_general .section2 .container_common .content_common .wrapper .left {
width: 40.4838709677%
}
@media (max-width:1024px) {
.page_general .section2 .container_common .content_common .wrapper .left {
width: 43.483871%
}
}
@media (max-width:820px) {
.page_general .section2 .container_common .content_common .wrapper .left {
width: 100%;
margin-bottom: 20px
}
}
.page_general .section2 .container_common .content_common .wrapper .left .vp_desc .title_def {
margin-bottom: 25px;
font-weight: 700;
font-size: 24px;
color: var(--primary-color)
}
@media (min-width:1920px) {
.page_general .section2 .container_common .content_common .wrapper .left .vp_desc .title_def {
font-size: 34px
}
}
@media (max-width:820px) {
.page_general .section2 .container_common .content_common .wrapper .left .vp_desc .title_def {
margin-bottom: 10px
}
}
@media (max-width:576px) {
.page_general .section2 .container_common .content_common .wrapper .left .vp_desc .title_def {
margin-bottom: 5px
}
}
.page_general .section2 .container_common .content_common .wrapper .left .vp_desc p {
font-size: 16px;
margin-bottom: 32px;
color: #262e3c
}
@media (min-width:1920px) {
.page_general .section2 .container_common .content_common .wrapper .left .vp_desc p {
font-size: 20px
}
}
@media (max-width:820px) {
.page_general .section2 .container_common .content_common .wrapper .left .vp_desc p {
margin-bottom: 15px
}
}
@media (max-width:576px) {
.page_general .section2 .container_common .content_common .wrapper .left .vp_desc p {
font-size: 14px
}
}
.page_general .section2 .container_common .content_common .wrapper .left .contact {
font-size: 16px;
color: #262e3c
}
@media (min-width:1920px) {
.page_general .section2 .container_common .content_common .wrapper .left .contact {
font-size: 20px
}
}
.page_general .section2 .container_common .content_common .wrapper .left .contact .information {
margin-top: 16px
}
@media (max-width:820px) {
.page_general .section2 .container_common .content_common .wrapper .left .contact .information {
margin-top: 10px
}
}
.page_general .section2 .container_common .content_common .wrapper .left .contact .information strong {
font-family: Inter-SemiBold\.ttf
}
.page_general .section2 .container_common .content_common .wrapper .left .contact .information span {
display: flex;
align-items: flex-start;
margin-bottom: 12px
}
@media (max-width:820px) {
.page_general .section2 .container_common .content_common .wrapper .left .contact .information span {
margin-bottom: 5px
}
}
.page_general .section2 .container_common .content_common .wrapper .left .contact .information span img {
margin-right: 15px
}
@media (min-width:1920px) {
.page_general .section2 .container_common .content_common .wrapper .left .contact .information span img {
margin-top: 5px
}
}
@media (max-width:576px) {
.page_general .section2 .container_common .content_common .wrapper .left .contact .information span img {
margin-right: 10px
}
}
@media (max-width:576px) {
.page_general .section2 .container_common .content_common .wrapper .left .contact .information span p {
font-size: 14px
}
}
.page_general .section2 .container_common .content_common .wrapper .right {
width: 54.0322580645%
}
@media (max-width:820px) {
.page_general .section2 .container_common .content_common .wrapper .right {
width: 100%
}
}
.page_general .section2 .container_common .content_common .wrapper .right .mySwiper .swiper-wrapper .swiper-slide {
position: relative;
padding-top: 77%
}
.page_general .section2 .container_common .content_common .wrapper .right .mySwiper .swiper-wrapper .swiper-slide img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover
}
.page_general .section2 .container_common .content_common .wrapper .right .mySwiper .swiper-button-next:after,
.page_general .section2 .container_common .content_common .wrapper .right .mySwiper .swiper-button-prev:after {
display: none
}
.page_general .section4 {
padding: 64px 0 0
}
@media (max-width:820px) {
.page_general .section4 {
padding: 80px 0
}
}
@media (max-width:576px) {
.page_general .section4 {
padding: 45px 0
}
}
.page_general .section4 .parent {
margin-top: 50px;
}
@media (max-width:820px) {
.page_general .section4 .parent {
margin-top: 30px
}
}
@media (max-width:576px) {
.page_general .section4 .parent {
margin-top: 10px
}
}
.page_general .section4 .parent .item {
position: relative;
background: hsla(0, 0%, 97.3%, .6);
padding-top: 56.25%;
}
.progress_khachhang .swiper-pagination {
position: relative;
margin-top: 20px
}
.page_general .section4 .parent .item:nth-of-type(5n) {
margin: 0 0 25px
}
@media (max-width:820px) {
.page_general .section4 .parent .item {
width: calc((100% - 75px)/4);
padding-top: 0;
height: 100px
}
.page_general .section4 .parent .item:nth-of-type(5n) {
margin-right: 25px
}
.page_general .section4 .parent .item:nth-of-type(4n) {
margin-right: 0
}
}
@media (max-width:576px) {
.page_general .section4 .parent .item {
width: calc((100% - 40px)/2);
margin: 0 20px 20px 0
}
.page_general .section4 .parent .item:nth-of-type(4n) {
margin-right: 20px
}
.page_general .section4 .parent .item:nth-of-type(2n) {
margin-right: 0
}
}
.page_general .section4 .parent .item img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 90%;
max-height: 90%
}
.page_general .section4 .label_2 {
margin: 50px 0
}
@media (max-width:820px) {
.page_general .section4 .label_2 {
margin: 30px
}
}
@media (max-width:576px) {
.page_general .section4 .label_2 {
margin: 25px
}
}
._nha_may_san_xuat .page_content .section1 {
padding: 140px 0 130px
}
@media (max-width:1024px) {
._nha_may_san_xuat .page_content .section1 {
padding: 100px 0
}
}
@media (max-width:820px) {
._nha_may_san_xuat .page_content .section1 {
padding: 80px 0
}
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content .section1 {
padding: 45px 0
}
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common {
display: flex;
flex-wrap: wrap
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .left {
width: 34.2741935484%;
padding-right: 30px
}
@media (max-width:820px) {
._nha_may_san_xuat .page_content .section1 .container_common .content_common .left {
width: 100%;
margin-bottom: 10px
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .left .title_def br {
display: none
}
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right {
width: 65.7258064516%
}
@media (max-width:820px) {
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right {
width: 100%
}
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right .label {
font-family: Inter-SemiBold\.ttf;
color: #000;
font-size: 16px;
line-height: 150%
}
@media (min-width:1920px) {
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right .label {
font-size: 20px
}
}
@media (max-width:820px) {
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right .label br {
display: none
}
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right .label {
font-size: 18px
}
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 {
position: relative
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 .text_ftr {
font-size: 18px;
margin: 50px 0;
width: 90.7975460123%
}
@media (min-width:1920px) {
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 .text_ftr {
font-size: 22px
}
}
@media (max-width:820px) {
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 .text_ftr {
width: 100%;
margin: 30px 0
}
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 .text_ftr {
margin: 20px 0;
font-size: 16px
}
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 .swiper .swiper-wrapper .swiper-slide {
margin-bottom: 28px
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 .swiper .swiper-wrapper .swiper-slide .img_fac {
position: relative;
padding-top: 90.5%;
border-radius: 5px;
overflow: hidden;
margin-bottom: 12px
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 .swiper .swiper-wrapper .swiper-slide .img_fac img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 .swiper .foot {
margin-top: 30px
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 .swiper .foot .swiper-button-next {
width: 30px;
top: auto;
bottom: 0;
right: 0
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 .swiper .foot .swiper-button-next:after {
display: none
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 .swiper .foot .swiper-button-prev {
width: 30px;
left: auto;
top: auto;
right: 35px;
bottom: 0
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 .swiper .foot .swiper-button-prev:after {
display: none
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 .swiper .foot .swiper-scrollbar {
bottom: 18px;
position: absolute;
width: calc(100% - 80px);
height: 2px
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 {
margin-top: 105px
}
@media (max-width:1024px) {
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 {
margin-top: 75px;
margin-top: 40px
}
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 {
margin-top: 45px;
display: flex;
flex-wrap: wrap
}
@media (max-width:1024px) {
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 {
margin-top: 20px
}
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly {
width: 39.263803681%;
margin-bottom: 66px
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly:nth-of-type(2n) {
width: 26.3803680982%;
margin-left: 12.8834355828%
}
@media (max-width:1024px) {
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly {
margin-bottom: 40px
}
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly {
width: 100%;
margin-bottom: 20px
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly:nth-of-type(2n) {
width: 100%;
margin-left: 0
}
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly .top {
align-items: center;
display: flex;
color: #f95a23;
font-size: 48px;
line-height: 150%
}
@media (min-width:1920px) {
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly .top {
font-size: 58px
}
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly .top {
font-size: 38px
}
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly .top span {
font-size: 24px;
line-height: 130%;
text-transform: uppercase;
color: #3f4855;
margin-left: 20px
}
@media (min-width:1920px) {
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly .top span {
font-size: 34px
}
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly .top span {
font-size: 18px;
margin-left: 10px
}
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly .bot {
border-top: .5px solid #c4c4c4;
padding-top: 10px
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly .bot p {
font-family: Inter-Light\.ttf;
font-size: 24px;
line-height: 170%;
color: #3f4855
}
@media (min-width:1920px) {
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly .bot p {
font-size: 32px
}
}
@media (max-width:1024px) {
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly .bot p {
font-size: 22px
}
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly .bot p {
font-size: 20px
}
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block3 {
margin-top: 34px
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block3 .excerpt {
margin-top: 50px;
font-size: 18px;
width: 90.7975460123%
}
@media (min-width:1920px) {
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block3 .excerpt {
font-size: 22px
}
}
@media (max-width:820px) {
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block3 .excerpt {
width: 100%;
margin: 30px 0
}
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block3 .excerpt {
margin: 20px 0;
font-size: 16px
}
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block3 .img_bttm {
display: flex;
justify-content: space-between;
margin-top: 50px
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block3 .img_bttm {
margin-top: 30px
}
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block3 .img_bttm .img {
position: relative;
padding-top: 44%;
border-radius: 5px;
overflow: hidden;
width: calc((100% - 20px)/2)
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block3 .img_bttm .img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common {
display: flex;
flex-wrap: wrap
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .left {
width: 34.2741935484%;
padding-right: 30px
}
@media (max-width:820px) {
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .left {
width: 100%;
padding-right: 0;
margin-bottom: 20px
}
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right {
width: 65.7258064516%
}
@media (max-width:820px) {
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right {
width: 100%
}
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .desc {
font-size: 18px;
line-height: 170%;
color: #3f4855
}
@media (min-width:1920px) {
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .desc {
font-size: 22px
}
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .desc {
font-size: 16px
}
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem {
margin-top: 63px;
position: relative
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem {
margin: 40px 30px 0 0
}
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt {
display: flex;
position: relative;
padding-bottom: 60px
}
@media (max-width:1024px) {
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt {
padding-bottom: 40px
}
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt {
padding-bottom: 15px
}
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt:before {
position: absolute;
content: "";
left: -4px;
top: 15px;
width: 8px;
height: 8px;
background: var(--primary-color);
border-radius: 50%;
z-index: 2
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt:after {
position: absolute;
content: "";
height: 100%;
width: 1px;
background: #c4c4c4;
left: 0;
top: 18px
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt .icon {
width: 50px;
margin: 0 20px 0 28px
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt .icon img {
max-width: 100%
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt .icon {
margin: 0 15px 0 20px
}
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt .top {
display: block;
width: calc(100% - 98px);
margin-top: 5px
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt .top .label {
font-family: Inter-SemiBold\.ttf;
font-size: 16px;
line-height: 150%;
color: #313131;
margin-bottom: 20px
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt .top p {
padding-right: 30.6748466258%
}
@media (min-width:1920px) {
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt .top .label {
font-size: 20px
}
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt .top {
width: 100%
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt .top .label {
margin-bottom: 12px
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt .top p {
padding-right: 0
}
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt:last-child:after {
display: none
}
._nha_may_san_xuat .page_content ._section3 {
padding: 100px 0 170px
}
@media (max-width:1024px) {
._nha_may_san_xuat .page_content ._section3 {
padding: 40px 0 0
}
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common {
display: flex;
justify-content: space-between;
width: 100%;
height: 544px
}
@media (min-width:1920px) {
._nha_may_san_xuat .page_content ._section3 .container_common .content_common {
height: 725px
}
}
@media (min-width:2200px) {
._nha_may_san_xuat .page_content ._section3 .container_common .content_common {
height: 920px
}
}
@media (max-width:1024px) {
._nha_may_san_xuat .page_content ._section3 .container_common .content_common {
height: 425px
}
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content ._section3 .container_common .content_common {
flex-wrap: wrap;
height: auto
}
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_js {
width: 65.9677419355%
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_js {
width: 100%
}
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_js .mySwiper_js {
height: 100%
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_js .mySwiper_js .swiper-wrapper .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_js .mySwiper_js .swiper-wrapper .swiper-slide {
height: 300px
}
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum {
width: 32.0161290323%
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum {
width: 100%
}
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail {
height: 100%;
padding-right: 45px;
padding-bottom: 40px
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail {
padding-right: 0;
padding-bottom: 50px;
margin-top: 15px
}
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-wrapper {
position: relative
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-wrapper {
width: 30%
}
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-wrapper .swiper-slide {
margin-right: 10px
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-wrapper .swiper-slide:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
background: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6));
border-radius: 2%
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-wrapper .swiper-slide.swiper-slide-active:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6))
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-wrapper .swiper-slide img {
height: 100%;
width: 100%;
object-fit: cover
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-wrapper .swiper-slide {
height: 90px
}
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-scrollbar {
top: 80px;
right: 12px;
width: 2px;
margin: 0
}
@media (min-width:1920px) {
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-scrollbar {
top: 100px;
right: 18px
}
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-scrollbar {
top: auto;
width: calc(100% - 80px);
bottom: 0;
height: 3px
}
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-button-next {
transform: rotate(90deg);
right: 0;
top: 60px
}
@media (min-width:1920px) {
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-button-next {
top: 72px
}
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-button-next {
top: auto;
bottom: 0;
transform: rotate(0deg)
}
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-button-prev {
transform: rotate(90deg);
left: auto;
right: 0;
top: 0;
margin: 0
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-button-prev {
bottom: 0;
top: auto;
right: 35px;
transform: rotate(0deg)
}
}
._nha_may_san_xuat .page_content ._section4 {
padding: 0 0 250px
}
@media (max-width:1024px) {
._nha_may_san_xuat .page_content ._section4 {
padding: 80px 0 100px
}
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content ._section4 {
padding: 40px 0
}
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 {
display: flex;
flex-wrap: wrap;
align-items: center
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .img_tab {
width: 42.5%;
position: relative
}
@media (max-width:820px) {
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .img_tab {
width: 100%;
order: 2;
margin-top: 20px
}
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .img_tab img {
width: 100%;
transition: 1s;
display: none
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .img_tab img.active {
display: block
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab {
width: 57.5%;
padding: 0 0 0 8.5483870968%
}
@media (max-width:1024px) {
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab {
padding: 0 0 0 30px
}
}
@media (max-width:820px) {
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab {
width: 100%;
order: 1;
padding: 0
}
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .label_tab_ss4 h4 {
color: #858ea7;
margin-top: 5px
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .detail {
margin: 70px 0
}
@media (max-width:1024px) {
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .detail {
margin: 45px 0
}
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .detail {
margin: 30px 0
}
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .detail p {
font-size: 16px;
margin-bottom: 20px
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .detail p:last-child {
margin-bottom: 0
}
@media (min-width:1920px) {
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .detail p {
font-size: 20px
}
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .tab_js li {
display: flex;
position: relative;
align-items: center;
transition: .3s;
cursor: pointer;
border-top: .75px solid #dbdbdb;
padding: 17px 0 32px
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .tab_js li {
padding: 15px 0 25px
}
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .tab_js li:before {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
background: var(--primary-color);
height: 1px;
width: 0;
transition: .5s
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .tab_js li.active {
transition: .3s
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .tab_js li.active:before {
width: 52.7182866557%
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .tab_js li.active a {
color: var(--primary-color);
transition: .3s
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .tab_js li a {
font-family: Roboto;
font-weight: 600;
font-size: 20px;
color: #c4c4c4;
text-decoration: none
}
@media (min-width:1920px) {
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .tab_js li a {
font-size: 26px
}
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .tab_js li a {
font-size: 18px
}
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .tab_js li p {
color: #858ea7;
margin-right: 90px
}
@media (max-width:1024px) {
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .tab_js li p {
margin-right: 50px
}
}
@media (max-width:576px) {
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .tab_js li p {
margin-right: 30px
}
}
.page_about_prize .page_content {
position: relative;
padding: 140px 0 170px
}
.page_about_prize .page_content .decor_prize {
display: none;
position: absolute;
bottom: 0;
right: 0;
width: 44.4444444444%;
max-width: 640px
}
@media (max-width:820px) {
.page_about_prize .page_content {
padding: 100px 0 120px
}
}
@media (max-width:576px) {
.page_about_prize .page_content {
padding: 60px 0 50px
}
}
.page_about_prize .page_content .content {
position: relative;
z-index: 2;
margin-top: 70px;
display: flex;
flex-wrap: wrap
}
@media (max-width:576px) {
.page_about_prize .page_content .content {
margin-top: 30px
}
}
.page_about_prize .page_content .content .item {
position: relative;
width: calc((100% - 75px)/4);
margin-right: 25px;
margin-bottom: 25px;
background: #fff;
box-shadow: 1px 2px 5px rgba(0, 0, 0, .1);
border-radius: 5px;
overflow: hidden
}
.page_about_prize .page_content .content .item:nth-of-type(4n) {
margin-right: 0
}
.page_about_prize .page_content .content .item .img {
position: relative;
width: 100%;
padding-top: 72.25%;
display: flex;
align-items: center;
justify-content: center
}
.page_about_prize .page_content .content .item .img img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 95%;
max-height: 90%
}
.page_about_prize .page_content .content .item .text {
padding: 37px 16px 50px;
font-family: Inter-SemiBold\.ttf;
font-size: 16px;
line-height: 150%;
text-align: center
}
.page_about_prize .page_content .content .item .text .year {
margin-bottom: 20px;
color: var(--primary-color)
}
.page_about_prize .page_content .content .item .text .name {
color: #313131
}
.page_about_prize .page_content .content .item .text .excerpt {
font-family: Inter-Regular\.ttf;
color: #313131;
font-size: 14px;
line-height: 170%;
margin-top: 15px;
display: none
}
.page_about_prize .page_content .content .item .detail {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
top: -100%;
left: 0;
padding: 34px 30px;
opacity: 0;
transition: all .3s ease
}
.page_about_prize .page_content .content .item .detail .bg {
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
object-position: top center
}
.page_about_prize .page_content .content .item .detail p {
position: relative;
z-index: 2;
font-family: Inter-SemiBold\.ttf;
font-size: 16px;
line-height: 150%;
color: #fff;
opacity: 0;
transition: all .5s ease
}
.page_about_prize .page_content .content .item .detail p:last-child {
font-family: Inter-Regular\.ttf;
font-size: 14px;
line-height: 170%
}
.page_about_prize .page_content .content .item .detail p:nth-of-type(2) {
margin: 20px 0 30px
}
@media (min-width:1920px) {
.page_about_prize .page_content .content .item .text {
font-size: 22px
}
.page_about_prize .page_content .content .item .text .excerpt {
font-size: 18px
}
.page_about_prize .page_content .content .item .detail p {
font-size: 22px
}
.page_about_prize .page_content .content .item .detail p:last-child {
font-size: 18px
}
}
@media (min-width:1025px) {
.page_about_prize .page_content .content .item:hover .detail {
opacity: 1;
top: 0
}
.page_about_prize .page_content .content .item:hover .detail p {
opacity: 1
}
}
@media (max-width:1024px) {
.page_about_prize .page_content .content .item .img {
height: 180px
}
.page_about_prize .page_content .content .item .text {
padding: 20px 15px 40px;
text-align: left
}
.page_about_prize .page_content .content .item .text .excerpt {
display: block
}
}
@media (max-width:820px) {
.page_about_prize .page_content .content .item {
width: calc((100% - 40px)/3);
margin-right: 20px;
margin-bottom: 20px
}
.page_about_prize .page_content .content .item:nth-of-type(4n) {
margin-right: 20px
}
.page_about_prize .page_content .content .item:nth-of-type(3n) {
margin-right: 0
}
}
@media (max-width:576px) {
.page_about_prize .page_content .content .item {
width: 100%;
margin-right: 0
}
.page_about_prize .page_content .content .item:nth-of-type(4n) {
margin-right: 0
}
.page_about_prize .page_content .content .item .img {
height: 160px
}
.page_about_prize .page_content .content .item .img img {
max-height: 100%
}
.page_about_prize .page_content .content .item .text {
padding: 20px 15px 30px
}
.page_about_prize .page_content .content .item .text .year {
margin-bottom: 15px
}
.page_about_prize .page_content .content .item .text .excerpt {
margin-top: 10px
}
}
.page_about_chart .page_content .leadership {
position: relative;
padding: 138px 0 0
}
@media (max-width:820px) {
.page_about_chart .page_content .leadership {
padding: 80px 0 0
}
}
@media (max-width:576px) {
.page_about_chart .page_content .leadership {
padding: 65px 0 0
}
}
.page_about_chart .page_content .leadership .decor {
position: absolute;
width: 100%;
height: auto;
left: 0;
bottom: 0
}
.page_about_chart .page_content .leadership .content {
position: relative;
padding: 60px 4.435483871% 0
}
@media (max-width:576px) {
.page_about_chart .page_content .leadership .content {
padding: 35px 0 0
}
}
.page_about_chart .page_content .leadership .content .swiper .swiper-slide {
display: flex;
min-height: 395px
}
.page_about_chart .page_content .leadership .content .swiper .swiper-slide .img {
width: 48.6725663717%;
display: flex;
align-items: flex-end;
justify-content: center
}
.page_about_chart .page_content .leadership .content .swiper .swiper-slide .img img {
max-width: 100%
}
.page_about_chart .page_content .leadership .content .swiper .swiper-slide .text {
width: 54.7169811321%;
padding: 43px 30px 30px 22px;
box-sizing: border-box
}
.page_about_chart .page_content .leadership .content .swiper .swiper-slide .text p:first-of-type {
font-family: Roboto, sans-serif;
font-size: 20px;
line-height: 150%;
color: var(--primary-color)
}
.page_about_chart .page_content .leadership .content .swiper .swiper-slide .text p:nth-of-type(2) {
margin: 5px 0 30px;
font-family: Inter-SemiBold\.ttf;
font-size: 16px;
line-height: 150%;
color: #262e3c
}
.page_about_chart .page_content .leadership .content .swiper .swiper-slide .text p:nth-of-type(3) {
font-family: Inter-Regular\.ttf;
font-size: 16px;
line-height: 170%;
color: #3f4855
}
@media (min-width:1920px) {
.page_about_chart .page_content .leadership .content .swiper .swiper-slide .text p:first-of-type {
font-size: 28px
}
.page_about_chart .page_content .leadership .content .swiper .swiper-slide .text p:nth-of-type(2),
.page_about_chart .page_content .leadership .content .swiper .swiper-slide .text p:nth-of-type(3) {
font-size: 22px
}
}
@media (max-width:576px) {
.page_about_chart .page_content .leadership .content .swiper .swiper-slide {
display: inline-block;
min-height: -webkit-fit-content;
min-height: -moz-fit-content;
min-height: fit-content
}
.page_about_chart .page_content .leadership .content .swiper .swiper-slide .img {
width: 30%;
margin-right: 20px;
margin-bottom: 10px;
float: left
}
.page_about_chart .page_content .leadership .content .swiper .swiper-slide .text {
width: 100%;
padding: 0 0 30px
}
.page_about_chart .page_content .leadership .content .swiper .swiper-slide .text p:first-of-type {
font-size: 18px
}
.page_about_chart .page_content .leadership .content .swiper .swiper-slide .text p:nth-of-type(2) {
margin: 5px 0 15px;
font-size: 16px
}
.page_about_chart .page_content .leadership .content .swiper .swiper-slide .text p:nth-of-type(3) {
font-size: 16px
}
}
.page_about_chart .page_content .leadership .content .swiper-button-prev {
left: 0;
transform: rotate(-180deg)
}
.page_about_chart .page_content .leadership .content .swiper-button-next {
right: 0
}
@media (max-width:576px) {
.page_about_chart .page_content .leadership .content .swiper-button {
width: 26px;
height: 26px
}
.page_about_chart .page_content .leadership .content .swiper-button-prev {
left: -10px
}
.page_about_chart .page_content .leadership .content .swiper-button-next {
right: -10px
}
}
.page_about_chart .page_content .organizational_chart {
padding: 140px 0 230px
}
@media (max-width:820px) {
.page_about_chart .page_content .organizational_chart {
padding: 80px 0 100px
}
}
@media (max-width:576px) {
.page_about_chart .page_content .organizational_chart {
padding: 45px 0 50px
}
}
.page_about_chart .page_content .organizational_chart .content {
position: relative
}
.page_about_chart .page_content .organizational_chart .content .left {
position: absolute;
left: 0;
top: 0;
width: 26.2096774194%
}
.page_about_chart .page_content .organizational_chart .content .left .excerpt {
margin-top: 10px;
font-size: 16px;
line-height: 170%;
color: #3f4855
}
@media (min-width:1920px) {
.page_about_chart .page_content .organizational_chart .content .left .excerpt {
font-size: 22px
}
}
@media (max-width:820px) {
.page_about_chart .page_content .organizational_chart .content .left {
position: relative;
width: 100%;
margin-bottom: 35px
}
}
.page_about_chart .page_content .organizational_chart .content .right {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center
}
.page_about_chart .page_content .organizational_chart .content .right .mobi,
.page_about_chart .page_content .organizational_chart .content .right .pc {
width: 100%
}
.page_about_chart .page_content .organizational_chart .content .right .mobi {
display: none
}
@media (max-width:576px) {
.page_about_chart .page_content .organizational_chart .content .right .mobi {
display: block
}
.page_about_chart .page_content .organizational_chart .content .right .pc {
display: none
}
}
.page_about_chart .page_content .organizational_chart .content .right .level {
position: relative;
padding-bottom: 86px;
margin: 0 auto
}
.page_about_chart .page_content .organizational_chart .content .right .level h3 {
position: relative;
font-family: Inter-SemiBold\.ttf;
font-size: 14px;
line-height: 130%;
text-align: center;
text-transform: capitalize;
color: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
border-radius: 5px
}
.page_about_chart .page_content .organizational_chart .content .right .level h3 img {
position: absolute;
width: 100%;
top: 0;
left: 0;
object-fit: cover;
object-position: right center;
border-radius: 5px
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:before {
position: absolute;
content: "";
background: #c4c4c4
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:first-of-type {
width: 203px;
padding: 43px 0 12px;
background: linear-gradient(68.51deg, var(--primary-color), #d73f3f)
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:first-of-type img {
height: auto;
max-height: 35px
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:first-of-type:before {
width: 1px;
height: 86px;
top: 100%;
left: 50%;
transform: translateX(-50%)
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(2),
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(3) {
position: absolute;
top: 90px;
width: 280px;
padding: 11px 5px 12px
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(2) img,
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(3) img {
height: 100%
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(2) p,
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(3) p {
position: relative;
z-index: 2
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(2):before,
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(3):before {
width: 122px;
height: 1px;
top: 50%;
transform: translateY(-50%)
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(2) {
right: -300px
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(2):before {
right: 100%
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(3) {
left: -300px
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(3):before {
left: 100%
}
.page_about_chart .page_content .organizational_chart .content .right .level.level3 {
padding-bottom: 130px
}
.page_about_chart .page_content .organizational_chart .content .right .level.level3 h3:first-of-type:before {
height: 130px
}
@media (min-width:1920px) {
.page_about_chart .page_content .organizational_chart .content .right .level h3 {
font-size: 18px
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:first-of-type {
width: 250px;
padding: 48px 0 17px
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(2),
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(3) {
width: 253px;
padding: 14px 3px 15px
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(2):before,
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(3):before {
width: 172px
}
.page_about_chart .page_content .organizational_chart .content .right .level.level3 h3:nth-of-type(2),
.page_about_chart .page_content .organizational_chart .content .right .level.level3 h3:nth-of-type(3) {
font-size: 17px
}
}
@media (max-width:820px) {
.page_about_chart .page_content .organizational_chart .content .right .level {
margin: 0
}
.page_about_chart .page_content .organizational_chart .content .right .level.level3 {
padding-bottom: 230px
}
.page_about_chart .page_content .organizational_chart .content .right .level.level3 h3:first-of-type:before {
height: 230px
}
.page_about_chart .page_content .organizational_chart .content .right .level.level3 h3:nth-of-type(3) {
top: 200px;
left: auto;
right: -300px
}
.page_about_chart .page_content .organizational_chart .content .right .level.level3 h3:nth-of-type(3):before {
left: auto;
right: 100%
}
}
@media (max-width:576px) {
.page_about_chart .page_content .organizational_chart .content .right .level {
padding-bottom: 100px
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:first-of-type {
width: 190px
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:first-of-type:before {
height: 100px;
left: 35%
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(2) {
right: -110px;
top: 100px;
width: 200px
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(2):before {
width: 34px
}
.page_about_chart .page_content .organizational_chart .content .right .level.level3 h3:nth-of-type(3) {
right: -110px;
width: 200px
}
.page_about_chart .page_content .organizational_chart .content .right .level.level3 h3:nth-of-type(3):before {
width: 34px
}
.page_about_chart .page_content .organizational_chart .content .right .level.level2 {
padding-bottom: 60px
}
.page_about_chart .page_content .organizational_chart .content .right .level.level2 h3:first-of-type:before {
height: 60px
}
}
.page_about_chart .page_content .organizational_chart .content .right .level4 {
position: relative;
display: flex;
align-items: flex-start;
box-sizing: content-box
}
.page_about_chart .page_content .organizational_chart .content .right .level4:after,
.page_about_chart .page_content .organizational_chart .content .right .level4:before {
position: absolute;
content: "";
left: 0;
top: 0;
background: #c4c4c4
}
@media (max-width:820px) {
.page_about_chart .page_content .organizational_chart .content .right .level4 {
flex-direction: column
}
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li {
position: relative;
padding-top: 80px
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 1px;
height: calc(100% - 8px);
background: #c4c4c4
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li .title {
position: relative;
font-family: Inter-Bold\.ttf;
font-size: 14px;
line-height: 130%;
text-transform: capitalize;
color: var(--primary-color);
padding-left: 20px;
height: 36px;
cursor: pointer
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li .title:before {
position: absolute;
content: "-";
z-index: 2;
background: var(--primary-color);
width: 20px;
height: 20px;
left: -10px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 14px;
border-radius: 50%;
transition: all .3s ease
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li .title.active:before {
content: "+"
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li .list {
position: relative;
padding-left: 32px;
padding-top: 40px
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li .list p {
position: relative;
font-family: Inter-Medium\.ttf;
font-size: 12px;
line-height: 130%;
text-transform: capitalize;
color: var(--primary-color);
margin-bottom: 24px;
padding-right: 7px
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li .list p:last-child {
margin-bottom: 0
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li .list p:after,
.page_about_chart .page_content .organizational_chart .content .right .level4 li .list p:before {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%);
background: #c4c4c4
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li .list p:before {
width: 20px;
height: 1px;
left: -32px
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li .list p:after {
left: -12px;
width: 5px;
height: 5px;
border-radius: 50%
}
@media (min-width:1920px) {
.page_about_chart .page_content .organizational_chart .content .right .level4 li .title {
font-size: 18px
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li .list p {
font-size: 16px
}
}
@media (max-width:820px) {
.page_about_chart .page_content .organizational_chart .content .right .level4 li {
padding-top: 30px
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li .title {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li .title br {
display: none
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li .title:before {
content: "+"
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li .title.active:before {
content: "-"
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li .list {
padding-top: 20px;
display: none
}
}
@media (max-width:576px) {
.page_about_chart .page_content .organizational_chart .content .right .level4 li:before {
height: 100%
}
}
.page_about_chart .page_content .organizational_chart .content .right .level4._top {
width: 92.7419354839%;
padding-left: 7.2580645161%;
padding-bottom: 147px
}
.page_about_chart .page_content .organizational_chart .content .right .level4._top:before {
width: 71.3709677419%;
height: 1px
}
.page_about_chart .page_content .organizational_chart .content .right .level4._top:after {
width: 1px;
height: 100%
}
.page_about_chart .page_content .organizational_chart .content .right .level4._top li {
width: 23.0434782609%
}
@media (max-width:820px) {
.page_about_chart .page_content .organizational_chart .content .right .level4._top {
width: 100%;
padding-left: 0;
padding-bottom: 0
}
.page_about_chart .page_content .organizational_chart .content .right .level4._top:before {
width: 103px
}
.page_about_chart .page_content .organizational_chart .content .right .level4._top li {
width: 100%
}
}
@media (max-width:576px) {
.page_about_chart .page_content .organizational_chart .content .right .level4._top:before {
width: 67px
}
}
.page_about_chart .page_content .organizational_chart .content .right .level4._bottom {
width: 100%
}
.page_about_chart .page_content .organizational_chart .content .right .level4._bottom:before {
width: 80%;
height: 1px
}
.page_about_chart .page_content .organizational_chart .content .right .level4._bottom li {
width: 20%
}
@media (max-width:820px) {
.page_about_chart .page_content .organizational_chart .content .right .level4._bottom:before {
display: none
}
.page_about_chart .page_content .organizational_chart .content .right .level4._bottom li {
width: 100%
}
}
.page_product_detail {
padding-bottom: 40px
}
@media (max-width:820px) {
.page_product_detail {
padding-bottom: 0
}
}
.page_product_detail .intro_top {
position: relative;
padding: 72px 0 80px;
margin-bottom: 30px;
display: flex;
border-bottom: 1px solid #e1e7ee
}
.page_product_detail .intro_top .breadcrumb_def._mobile {
display: none
}
@media (max-width:1024px) {
.page_product_detail .intro_top {
padding: 120px 0 50px
}
}
@media (max-width:820px) {
.page_product_detail .intro_top {
flex-wrap: wrap
}
.page_product_detail .intro_top .breadcrumb_def._mobile {
display: flex
}
.page_product_detail .intro_top .breadcrumb_def._pc {
display: none
}
}
@media (max-width:576px) {
.page_product_detail .intro_top {
padding: 105px 0 35px
}
}
.page_product_detail .intro_top .left {
width: 40.4838709677%;
margin-top: 15px
}
.page_product_detail .intro_top .left .box_img {
width: 100%;
position: relative;
padding-top: 81%
}
.page_product_detail .intro_top .left .box_img img {
max-width: 88.2470119522%;
max-height: 100%;
object-fit: contain;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
@media (min-width:2200px) {
.page_product_detail .intro_top .left .box_img {
padding-top: 65%
}
}
.page_product_detail .intro_top .left .js_slide_product_img {
width: 100%;
margin-bottom: 30px
}
.page_product_detail .intro_top .left .js_slide_product_img .swiper-slide {
position: relative;
padding-top: 81%
}
.page_product_detail .intro_top .left .js_slide_product_img .swiper-slide img {
max-width: 76.4940239044%;
max-height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
@media (min-width:2200px) {
.page_product_detail .intro_top .left .js_slide_product_img .swiper-slide {
padding-top: 65%
}
}
.page_product_detail .intro_top .left .js_slide_product_gallery {
width: 100%;
padding-bottom: 50px
}
@media (min-width:1920px) {
.page_product_detail .intro_top .left .js_slide_product_gallery {
padding-bottom: 70px
}
}
.page_product_detail .intro_top .left .js_slide_product_gallery .swiper-slide {
position: relative;
height: 90px;
background: #fff;
display: flex;
align-items: center;
justify-content: center
}
.page_product_detail .intro_top .left .js_slide_product_gallery .swiper-slide img {
max-width: 80%;
max-height: 90%
}
.page_product_detail .intro_top .left .js_slide_product_gallery .swiper-slide:before {
position: absolute;
content: "";
width: calc(100% - 2px);
height: calc(100% - 2px);
pointer-events: none;
top: 0;
left: 0;
border: 1px solid #ebebeb;
transition: all .3s ease
}
.page_product_detail .intro_top .left .js_slide_product_gallery .swiper-slide.swiper-slide-active:before {
border: 1px solid var(--primary-color)
}
.page_product_detail .intro_top .left .js_slide_product_gallery .swiper-button {
bottom: 0;
top: auto
}
.page_product_detail .intro_top .left .js_slide_product_gallery .swiper-button.swiper-button-prev {
transform: rotate(-180deg);
left: auto;
right: 40px
}
.page_product_detail .intro_top .left .js_slide_product_gallery .swiper-button.swiper-button-next {
right: 0
}
@media (min-width:1920px) {
.page_product_detail .intro_top .left .js_slide_product_gallery .swiper-button.swiper-button-prev {
right: 60px
}
}
.page_product_detail .intro_top .left .js_slide_product_gallery .swiper-pagination {
position: absolute;
left: 0;
width: 60%;
bottom: 0;
text-align: left
}
@media (max-width:820px) {
.page_product_detail .intro_top .left {
width: 100%
}
}
@media (max-width:576px) {
.page_product_detail .intro_top .left .js_slide_product_img {
margin-bottom: 15px
}
.page_product_detail .intro_top .left .js_slide_product_img .swiper-slide img {
max-width: 90%
}
}
.page_product_detail .intro_top .right {
width: 42.5806451613%;
}
.page_product_detail .intro_top .right .title {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin: 8px 0 5px
}
.page_product_detail .intro_top .right .title .since {
position: relative;
margin-left: 19px;
width: 53px;
height: 53px;
border: 1px solid var(--primary-color);
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center
}
.page_product_detail .intro_top .right .title .since .decor {
position: absolute;
top: -6px;
z-index: 2;
left: 50%;
transform: translateX(-50%)
}
.page_product_detail .intro_top .right .title .since p {
font-style: italic;
line-height: 130%;
text-align: center;
text-transform: uppercase;
color: var(--primary-color)
}
.page_product_detail .intro_top .right .title .since p:first-of-type {
font-size: 10px;
font-family: Inter-SemiBold\.ttf
}
.page_product_detail .intro_top .right .title .since p:nth-of-type(2) {
font-size: 12px;
font-family: Inter-Bold\.ttf;
font-weight: 800
}
.page_product_detail .intro_top .right .cat_name {
display: flex
}
.page_product_detail .intro_top .right .cat_name a {
font-family: Inter-SemiBold\.ttf;
font-size: 14px;
line-height: 130%;
color: #858ea7;
margin-right: 25px
}
@media (min-width:1920px) {
.page_product_detail .intro_top .right .cat_name a {
font-size: 18px
}
}
.page_product_detail .intro_top .right .price {
margin-top: 30px;
font-family: Inter-SemiBold\.ttf;
font-size: 32px;
line-height: 130%;
color: var(--primary-color)
}
@media (min-width:1920px) {
.page_product_detail .intro_top .right .price {
font-size: 42px
}
}
.page_product_detail .intro_top .right .excerpt {
margin-top: 20px
}
.page_product_detail .intro_top .right .excerpt h3 {
font-family: Inter-SemiBold\.ttf;
font-size: 16px;
line-height: 150%;
text-transform: capitalize;
color: #313131;
margin-bottom: 20px
}
@media (min-width:1920px) {
.page_product_detail .intro_top .right .excerpt h3 {
font-size: 20px
}
}
.page_product_detail .intro_top .right .excerpt p {
font-family: Inter-Regular\.ttf;
font-size: 14px;
line-height: 24px;
color: #3f4855;
margin-bottom: 20px
}
.page_product_detail .intro_top .right .excerpt p:last-child {
margin-bottom: 0
}
@media (min-width:1920px) {
.page_product_detail .intro_top .right .excerpt p {
font-size: 18px
}
}
.page_product_detail .intro_top .right .detail {
margin-top: 30px
}
.page_product_detail .intro_top .right .detail li {
display: flex;
justify-content: space-between;
margin-bottom: 16px
}
.page_product_detail .intro_top .right .detail li p {
font-size: 14px;
line-height: 22px
}
@media (min-width:1920px) {
.page_product_detail .intro_top .right .detail li p {
font-size: 18px
}
}
.page_product_detail .intro_top .right .detail li p:first-of-type {
width: 26.1363636364%;
font-family: Inter-SemiBold\.ttf;
color: #3f4855
}
.page_product_detail .intro_top .right .detail li p:nth-of-type(2) {
width: 71.5909090909%;
font-family: Inter-Regular\.ttf;
color: #545454
}
.page_product_detail .intro_top .right .notice {
color: #545454;
font-family: Inter-Regular\.ttf;
font-size: 14px;
line-height: 22px;
font-style: italic;
margin-bottom: 50px
}
@media (min-width:1920px) {
.page_product_detail .intro_top .right .notice {
font-size: 18px
}
}
@media (max-width:1024px) {
.page_product_detail .intro_top .right {
width: 54.6774193548%;
}
}
@media (max-width:820px) {
.page_product_detail .intro_top .right {
width: 100%;
margin-left: 0;
margin-top: 35px
}
}
@media (max-width:576px) {
.page_product_detail .intro_top .right {
margin-top: 25px
}
.page_product_detail .intro_top .right .title .since {
margin-left: 12px;
width: 46px;
height: 46px
}
.page_product_detail .intro_top .right .title .since p:first-of-type {
font-size: 8px
}
.page_product_detail .intro_top .right .title .since p:nth-of-type(2) {
font-size: 10px
}
.page_product_detail .intro_top .right .price {
margin-top: 20px
}
.page_product_detail .intro_top .right .excerpt h3,
.page_product_detail .intro_top .right .excerpt p {
margin-bottom: 15px
}
.page_product_detail .intro_top .right .excerpt p:last-child {
margin-bottom: 0
}
.page_product_detail .intro_top .right .detail {
margin-top: 20px
}
.page_product_detail .intro_top .right .detail li {
flex-wrap: wrap;
margin-bottom: 8px
}
.page_product_detail .intro_top .right .detail li p:first-of-type,
.page_product_detail .intro_top .right .detail li p:nth-of-type(2) {
width: 100%
}
.page_product_detail .intro_top .right .notice {
margin-bottom: 35px
}
}
.page_product_detail .intro_other {
position: relative;
margin-bottom: 100px;
display: flex;
align-items: flex-start
}
@media (max-width:820px) {
.page_product_detail .intro_other {
flex-wrap: wrap;
margin-bottom: 80px
}
}
@media (max-width:576px) {
.page_product_detail .intro_other {
margin-bottom: 40px
}
}
.page_product_detail .intro_other .title_def {
width: 34.435483871%;
padding-right: 30px
}
@media (max-width:820px) {
.page_product_detail .intro_other .title_def {
width: 100%;
padding-right: 0;
margin-bottom: 30px
}
}
@media (max-width:576px) {
.page_product_detail .intro_other .title_def {
margin-bottom: 25px
}
}
.page_product_detail .intro_other .inner_wrap {
width: 65.564516129%
}
@media (max-width:820px) {
.page_product_detail .intro_other .inner_wrap {
width: 100%
}
}
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item {
margin-bottom: 14px;
padding-bottom: 14px;
border-bottom: 1px solid #e1e7ee;
transition: all .3s ease
}
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._label {
position: relative;
font-family: Inter-SemiBold\.ttf;
font-size: 18px;
line-height: 150%;
color: #858ea7;
padding-right: 25px;
cursor: pointer;
transition: all .3s ease
}
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._label:before {
position: absolute;
content: "+";
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 2;
font-size: 20px;
color: #858ea7;
transition: all .3s ease
}
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._label.is-toggle {
color: #262e3c
}
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._label.is-toggle:before {
content: "-";
color: #3f4855
}
@media (min-width:1920px) {
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._label {
font-size: 22px
}
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._label:before {
font-size: 26px
}
}
@media (max-width:576px) {
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._label {
font-size: 16px
}
}
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content {
font-size: 14px;
line-height: 160%;
letter-spacing: -.01em;
color: #3f4855;
padding-top: 20px;
display: none
}
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content p {
margin-bottom: 10px
}
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content p:last-child {
margin-bottom: 0
}
@media (max-width:576px) {
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content p {
margin-bottom: 8px
}
}
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content ol,
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content ul {
padding-left: 23px;
margin-bottom: 10px;
list-style: disc
}
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content ol li,
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content ul li {
font-family: Inter-Regular\.ttf;
font-size: 14px;
line-height: 160%;
color: #3f4855;
padding-bottom: 6px
}
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content ol li:last-child,
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content ul li:last-child {
padding-bottom: 0
}
@media (min-width:1920px) {
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content ol li,
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content ul li {
font-size: 18px
}
}
@media (max-width:576px) {
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content ol,
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content ul {
margin-bottom: 8px
}
}
@media (min-width:1920px) {
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content {
font-size: 18px
}
}
.page_product_detail .intro_other .inner_wrap .progress_related {
display: flex;
align-items: center;
justify-content: center;
margin-top: 30px
}
.page_product_detail .intro_other .inner_wrap .progress_related .swiper-button,
.page_product_detail .intro_other .inner_wrap .progress_related .swiper-pagination {
position: relative;
top: 0;
left: 0;
right: 0;
margin: 0
}
.page_product_detail .intro_other .inner_wrap .progress_related .swiper-pagination {
width: auto;
margin: 0 20px
}
.page_product_detail .intro_other .inner_wrap .progress_related .swiper-pagination .swiper-pagination-progressbar-fill {
height: 4px;
background: var(--primary-color);
border-radius: 2px;
top: -1px
}
.page_product_detail .intro_other .inner_wrap .js_products_related {
position: relative
}
.page_product_detail .intro_other .inner_wrap .js_products_related .swiper-slide .product_item_def {
margin-bottom: 0
}
.page_product_detail .intro_other .inner_wrap .js_products_watched {
position: relative
}
.page_product_detail .intro_other .inner_wrap .js_products_watched .swiper-wrapper {
display: flex;
flex-wrap: wrap
}
.page_product_detail .intro_other .inner_wrap .js_products_watched .swiper-wrapper .swiper-slide {
width: calc((100% - 25px)/2);
margin-bottom: 25px;
margin-right: 25px
}
.page_product_detail .intro_other .inner_wrap .js_products_watched .swiper-wrapper .swiper-slide:nth-of-type(2n) {
margin-right: 0
}
.page_product_detail .intro_other .inner_wrap .js_products_watched .swiper-wrapper .swiper-slide .product_item_def {
margin-bottom: 0
}
@media (max-width:576px) {
.page_product_detail .intro_other .inner_wrap .js_products_watched .swiper-wrapper {
flex-wrap: nowrap
}
.page_product_detail .intro_other .inner_wrap .js_products_watched .swiper-wrapper .swiper-slide {
width: auto;
margin-right: 0;
margin-bottom: 0
}
}
@media (max-width:576px) {
.page_product_detail .intro_other .inner_wrap .js_products_watched .progress_related {
display: flex
}
}
.page_products {
padding: 40px 0
}
@media (max-width:1024px) {
.page_products {
padding: 100px 0 80px
}
}
@media (max-width:576px) {
.page_products {
padding: 100px 0 45px
}
}
.page_products #search_product {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
margin: 35px 0 40px
}
@media (max-width:576px) {
.page_products #search_product {
flex-direction: column
}
}
.page_products #search_product .form-group {
position: relative
}
.page_products #search_product .form-group input,
.page_products #search_product .form-group select {
width: 100%;
height: 40px;
background: #fff;
border: 1px solid #dfe5ee;
border-radius: 30.5px;
outline: none;
box-shadow: none;
font-family: Inter-Regular\.ttf;
font-size: 15px;
line-height: 24px;
color: grey;
padding: 0 15px 0 20px
}
@media (min-width:1920px) {
.page_products #search_product .form-group input,
.page_products #search_product .form-group select {
font-size: 20px;
height: 60px
}
}
.page_products #search_product .form-group select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none
}
.page_products #search_product .form-group._select img {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
pointer-events: none;
filter: grayscale(90%)
}
.page_products #search_product .form-group:first-of-type {
width: 64.9193548387%
}
.page_products #search_product .form-group:first-of-type .decor {
position: absolute;
z-index: 2;
left: 20px;
width: 20px;
top: 50%;
transform: translateY(-50%)
}
@media (min-width:1920px) {
.page_products #search_product .form-group:first-of-type .decor {
width: 24px
}
}
.page_products #search_product .form-group:first-of-type input {
padding: 0 10px 0 46px
}
.page_products #search_product .form-group:nth-of-type(2) {
width: 19.7580645161%
}
@media (max-width:820px) {
.page_products #search_product .form-group:first-of-type {
width: 68.1451612903%
}
.page_products #search_product .form-group:nth-of-type(2) {
width: 27.8225806452%
}
}
@media (max-width:576px) {
.page_products #search_product .form-group {
margin-bottom: 12px
}
.page_products #search_product .form-group:first-of-type,
.page_products #search_product .form-group:nth-of-type(2) {
width: 100%
}
}
.page_products #search_product .bth_submit {
width: 11.2903225806%;
background: var(--primary-color);
color: #fff;
height: 40px;
text-transform: inherit;
cursor: pointer
}
@media (min-width:1920px) {
.page_products #search_product .bth_submit {
height: 60px;
border-radius: 30.5px
}
}
@media (max-width:820px) {
.page_products #search_product .bth_submit {
width: 140px;
margin: 20px auto 0
}
}
.page_products .navigation {
position: relative;
z-index: 10
}
.page_products .navigation .current_cat {
display: none;
cursor: pointer;
outline: none
}
@media (max-width:1024px) {
.page_products .navigation .current_cat {
position: relative;
z-index: 3;
border-radius: 100px;
overflow: hidden;
width: 100%;
display: flex;
align-items: center;
justify-content: space-around;
padding: 12px 30px;
background: var(--primary-color);
filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .15))
}
.page_products .navigation .current_cat .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: left center
}
.page_products .navigation .current_cat p {
position: relative;
z-index: 2;
text-align: center;
font-family: Inter-SemiBold\.ttf;
font-size: 16px;
color: #fff
}
.page_products .navigation .current_cat i {
position: absolute;
z-index: 2;
right: 35px;
top: 50%;
transform: translateY(-50%);
color: #fff
}
}
.page_products .navigation .list_cat {
display: flex;
flex-wrap: wrap;
transition: all .35s ease
}
.page_products .navigation .list_cat li {
width: calc((100% - 88px)/5);
margin-right: 22px;
margin-bottom: 18px;
background: #fff;
box-shadow: 20px 11px 9px rgba(221, 225, 233, .03), 11px 6px 8px rgba(221, 225, 233, .1), 5px 3px 6px rgba(221, 225, 233, .17), 1px 1px 3px rgba(221, 225, 233, .2), 0 0 0 rgba(221, 225, 233, .2);
transition: all .35s ease;
min-height: 80px
}
.page_products .navigation .list_cat li:nth-of-type(5n) {
margin-right: 0
}
.page_products .navigation .list_cat li a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: 12px 20px 10px
}
.page_products .navigation .list_cat li a .icon {
width: 40px;
height: auto
}
.page_products .navigation .list_cat li a .text {
margin-left: 20px;
width: calc(100% - 60px)
}
.page_products .navigation .list_cat li a .text p:first-of-type {
font-family: Inter-SemiBold\.ttf;
font-size: 14px;
line-height: 143%;
color: #3f4855
}
@media (min-width:1920px) {
.page_products .navigation .list_cat li a .text p:first-of-type {
font-size: 18px
}
}
.page_products .navigation .list_cat li a .text p:nth-of-type(2) {
font-size: 12px;
line-height: 133%;
color: #858ea7;
margin-top: 2px
}
@media (min-width:1920px) {
.page_products .navigation .list_cat li a .text p:nth-of-type(2) {
font-size: 15px
}
}
.page_products .navigation .list_cat li.js_check_hide_cat,
.page_products .navigation .list_cat li.js_check_show_cat {
background: var(--primary-color);
box-shadow: 20px 11px 9px rgba(221, 225, 233, .03), 11px 6px 8px rgba(221, 225, 233, .1), 5px 3px 6px rgba(221, 225, 233, .17), 1px 1px 3px rgba(221, 225, 233, .2), 0 0 0 rgba(221, 225, 233, .2)
}
.page_products .navigation .list_cat li.js_check_hide_cat a,
.page_products .navigation .list_cat li.js_check_show_cat a {
color: #fff
}
@media (max-width:1024px) {
.page_products .navigation .list_cat li.js_check_hide_cat,
.page_products .navigation .list_cat li.js_check_show_cat {
display: none
}
}
.page_products .navigation .list_cat li.js_check_show_cat {
display: none;
margin-right: 0
}
.page_products .navigation .list_cat.change li {
display: none
}
.page_products .navigation .list_cat.change li.js_check_show_cat,
.page_products .navigation .list_cat.change li:first-of-type,
.page_products .navigation .list_cat.change li:nth-of-type(2),
.page_products .navigation .list_cat.change li:nth-of-type(3),
.page_products .navigation .list_cat.change li:nth-of-type(4) {
display: block
}
@media (min-width:1920px) {
.page_products .navigation .list_cat {
min-height: 95.5px
}
}
@media (min-width:1025px) {
.page_products .navigation .list_cat.active {
background: var(--primary-color)
}
.page_products .navigation .list_cat.active a .icon {
filter: brightness(0) invert(1)
}
.page_products .navigation .list_cat.active a .text p:first-of-type {
color: #fff
}
.page_products .navigation .list_cat.active a .text p:nth-of-type(2) {
color: hsla(0, 0%, 100%, .85)
}
}
@media (max-width:1024px) {
.page_products .navigation .list_cat {
position: absolute;
z-index: 0;
top: 100%;
margin-top: -30px;
left: 0;
width: 100%;
height: 0;
overflow: auto;
background: var(--primary-color);
border-radius: 0 0 30px 30px;
box-shadow: 20px 11px 9px rgba(221, 225, 233, .03), 11px 6px 8px rgba(221, 225, 233, .1), 5px 3px 6px rgba(221, 225, 233, .17), 1px 1px 3px rgba(221, 225, 233, .2), 0 0 0 rgba(221, 225, 233, .2)
}
.page_products .navigation .list_cat:before {
position: absolute;
pointer-events: none;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 0;
border-radius: 0 0 30px 30px;
background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .75), rgba(190, 0, 0, 0))
}
.page_products .navigation .list_cat li {
position: relative;
z-index: 2;
width: 100%;
background: transparent;
border-radius: 0;
text-align: center;
margin-right: 0;
margin-bottom: 0;
border-bottom: 1px solid #dfe5ee;
background: var(--primary-color)
}
.page_products .navigation .list_cat li:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 0;
pointer-events: none;
background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .75), rgba(190, 0, 0, 0))
}
.page_products .navigation .list_cat li a .icon {
display: none
}
.page_products .navigation .list_cat li a .text {
margin-left: 0;
width: 100%
}
.page_products .navigation .list_cat li a .text p:first-of-type {
color: #fff
}
.page_products .navigation .list_cat li a .text p:nth-of-type(2) {
color: hsla(0, 0%, 100%, .85)
}
.page_products .navigation .list_cat.show {
height: 450px;
padding-top: 30px
}
}
@media (max-width:576px) {
.page_products .navigation .list_cat {
height: 0;
border-radius: 0 0 25px 25px
}
.page_products .navigation .list_cat:before {
border-radius: 0 0 25px 25px
}
.page_products .navigation .list_cat li {
min-height: 60px
}
.page_products .navigation .list_cat li a .icon {
display: none
}
.page_products .navigation .list_cat li a .text {
width: 100%;
margin: 0
}
.page_products .navigation .list_cat.show {
height: 250px
}
}
.page_products .wrap {
display: inline-block;
width: 100%;
margin-top: 50px
}
.page_products .wrap .top {
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
.page_products .wrap .js_products_special {
position: relative;
width: 65.9677419355%;
margin: 0
}
@media (max-width:820px) {
.page_products .wrap .js_products_special {
width: 100%;
margin-bottom: 30px
}
}
.page_products .wrap .js_products_special .swiper-slide ._item {
padding: 23px 32px 35px;
border: 1px solid #f4f6f9;
box-sizing: border-box
}
@media (max-width:576px) {
.page_products .wrap .js_products_special .swiper-slide ._item {
padding: 25px
}
}
.page_products .wrap .js_products_special .swiper-slide ._item ._img {
position: relative;
display: block;
padding-top: 68.5%;
background-size: cover
}
.page_products .wrap .js_products_special .swiper-slide ._item ._img img {
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
transition: all .3s ease
}
.page_products .wrap .js_products_special .swiper-slide ._item ._img img:first-child {
z-index: 2;
max-width: 50%;
max-height: 80.8%;
top: 50%
}
.page_products .wrap .js_products_special .swiper-slide ._item ._img img:nth-child(2) {
top: 87%
}
@media (min-width:2200px) {
.page_products .wrap .js_products_special .swiper-slide ._item ._img {
padding-top: 61.5%
}
}
.page_products .wrap .js_products_special .swiper-slide ._item ._text {
display: flex;
flex-wrap: wrap;
padding-top: 112px
}
@media (max-width:576px) {
.page_products .wrap .js_products_special .swiper-slide ._item ._text {
padding-top: 60px
}
}
.page_products .wrap .js_products_special .swiper-slide ._item ._text .left {
width: 28.8563829787%;
padding-right: 15px;
box-sizing: border-box;
font-family: Inter-Bold\.ttf;
font-size: 14px;
line-height: 130%;
letter-spacing: .1em;
text-transform: uppercase;
color: #c4c4c4
}
@media (min-width:1920px) {
.page_products .wrap .js_products_special .swiper-slide ._item ._text .left {
font-size: 18px
}
}
@media (max-width:576px) {
.page_products .wrap .js_products_special .swiper-slide ._item ._text .left {
width: 100%;
margin-bottom: 15px;
padding-right: 0
}
}
.page_products .wrap .js_products_special .swiper-slide ._item ._text .right {
width: 71.1436170213%
}
.page_products .wrap .js_products_special .swiper-slide ._item ._text .right a {
font-family: Inter-Medium\.ttf;
font-size: 20px;
line-height: 150%;
color: #262e3c;
text-decoration: none
}
@media (min-width:1920px) {
.page_products .wrap .js_products_special .swiper-slide ._item ._text .right a {
font-size: 26px
}
}
.page_products .wrap .js_products_special .swiper-slide ._item ._text .right p:first-of-type {
margin: 15px 0 12px;
overflow: hidden;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical
}
.page_products .wrap .js_products_special .swiper-slide ._item ._text .right p:nth-of-type(2) {
font-size: 13px;
line-height: 170%;
color: grey
}
@media (min-width:1920px) {
.page_products .wrap .js_products_special .swiper-slide ._item ._text .right p:nth-of-type(2) {
font-size: 17px
}
}
@media (max-width:576px) {
.page_products .wrap .js_products_special .swiper-slide ._item ._text .right {
width: 100%
}
.page_products .wrap .js_products_special .swiper-slide ._item ._text .right a {
font-size: 16px
}
.page_products .wrap .js_products_special .swiper-slide ._item ._text .right p:first-of-type {
margin: 12px 0 10px
}
}
.page_products .wrap .js_products_special .pagination_progress {
position: absolute;
display: flex;
width: calc(100% - 64px);
align-items: center;
justify-content: space-between;
top: 0;
padding-top: 71%;
left: 32px
}
@media (min-width:2200px) {
.page_products .wrap .js_products_special .pagination_progress {
padding-top: 64%
}
}
@media (max-width:576px) {
.page_products .wrap .js_products_special .pagination_progress {
width: calc(100% - 50px);
left: 25px;
padding-top: 72%
}
}
.page_products .wrap .js_products_special .pagination_progress .swiper-button {
position: relative;
left: 0;
right: 0;
top: 0;
transform: translate(0)
}
.page_products .wrap .js_products_special .pagination_progress .swiper-button.swiper-button-next {
margin-left: 10px
}
.page_products .wrap .js_products_special .pagination_progress .swiper-pagination {
position: relative;
left: 0;
top: 0;
width: calc(100% - 90px);
height: 2px;
background: #ebebeb;
margin-bottom: 14px
}
.page_products .wrap .js_products_special .pagination_progress .swiper-pagination .swiper-pagination-progressbar-fill {
height: 2px;
background: grey;
border-radius: 2px
}
@media (min-width:1920px) {
.page_products .wrap .js_products_special .pagination_progress .swiper-pagination {
width: calc(100% - 110px)
}
}
.page_products .wrap .products_latest {
width: 31.935483871%
}
.page_products .wrap .products_latest .product_item_def {
width: 100%
}
@media (max-width:820px) {
.page_products .wrap .products_latest {
width: 100%;
display: flex;
flex-wrap: wrap
}
.page_products .wrap .products_latest .product_item_def {
width: calc((100% - 25px)/2);
margin-right: 25px
}
.page_products .wrap .products_latest .product_item_def:nth-of-type(2n) {
margin-right: 0
}
}
@media (max-width:576px) {
.page_products .wrap .products_latest .product_item_def {
width: 100%;
margin-right: 0;
margin-bottom: 25px
}
}
.page_products .wrap .list_products {
width: 100%;
display: flex;
flex-wrap: wrap
}
.page_products .wrap .list_products .product_item_def {
width: 31.935483871%;
margin-right: 2.0967741935%;
margin-bottom: 30px
}
.page_products .wrap .list_products .product_item_def:nth-of-type(3n) {
margin-right: 0
}
@media (max-width:820px) {
.page_products .wrap .list_products .product_item_def {
width: calc((100% - 25px)/2);
margin-right: 25px
}
.page_products .wrap .list_products .product_item_def:nth-of-type(3n) {
margin-right: 25px
}
.page_products .wrap .list_products .product_item_def:nth-of-type(2n) {
margin-right: 0
}
}
@media (max-width:576px) {
.page_products .wrap .list_products .product_item_def {
width: 100%;
margin-right: 0;
margin-bottom: 25px
}
.page_products .wrap .list_products .product_item_def:nth-of-type(3n) {
margin-right: 0
}
}
.page_products .wrap .list_products .pagination_list_def {
width: 100%;
margin-top: 20px
}
.page_products .wrap .list_products .pagination_list_def .paginate_links {
justify-content: center
}
.page_shareholder_documents .page_banner_def {
pointer-events: none
}
.page_shareholder_documents .page_banner_def .content .container_common .content_common {
padding-bottom: 0;
justify-content: center
}
.page_shareholder_documents .content-page {
position: relative;
z-index: 3;
display: flex;
padding: 0 6.9444444444% 64px;
box-sizing: border-box
}
@media (max-width:1024px) {
.page_shareholder_documents .content-page {
padding: 0 30px 80px
}
}
@media (max-width:820px) {
.page_shareholder_documents .content-page {
flex-wrap: wrap
}
}
@media (max-width:576px) {
.page_shareholder_documents .content-page {
padding: 0 15px 45px
}
}
.page_shareholder_documents .content-page .title_def {
font-family: Inter-SemiBold\.ttf
}
.page_shareholder_documents .content-page .left {
width: 74.5161290323%;
padding: 80px 8.4677419355% 0 0
}
@media (max-width:1024px) {
.page_shareholder_documents .content-page .left {
padding: 80px 35px 0 0;
width: calc(100% - 300px)
}
}
@media (max-width:820px) {
.page_shareholder_documents .content-page .left {
padding: 80px 0 50px;
width: 100%
}
}
@media (max-width:576px) {
.page_shareholder_documents .content-page .left {
padding: 50px 0 40px
}
}
.page_shareholder_documents .content-page .left .top {
display: flex;
align-items: center;
justify-content: space-between
}
.page_shareholder_documents .content-page .left .top .title_def {
width: calc(100% - 335px)
}
@media (min-width:1900px) {
.page_shareholder_documents .content-page .left .top .title_def {
width: calc(100% - 400px)
}
}
.page_shareholder_documents .content-page .left .top .search {
width: 315px;
display: flex;
align-items: center;
justify-content: space-between
}
.page_shareholder_documents .content-page .left .top .search .form-group {
position: relative;
height: 40px;
width: 120px;
border-radius: 20.5px;
border: 1px solid #dfe5ee;
background: #fff
}
.page_shareholder_documents .content-page .left .top .search .form-group input,
.page_shareholder_documents .content-page .left .top .search .form-group select {
height: 38px;
padding: 0 15px;
outline: none;
background: transparent;
box-shadow: none;
border: none;
font-family: Inter-Regular\.ttf;
font-size: 14px;
color: #262e3c
}
.page_shareholder_documents .content-page .left .top .search .form-group input ::-webkit-input-placeholder,
.page_shareholder_documents .content-page .left .top .search .form-group select ::-webkit-input-placeholder {
color: grey
}
.page_shareholder_documents .content-page .left .top .search .form-group input ::-moz-placeholder,
.page_shareholder_documents .content-page .left .top .search .form-group select ::-moz-placeholder {
color: grey
}
.page_shareholder_documents .content-page .left .top .search .form-group input :-ms-input-placeholder,
.page_shareholder_documents .content-page .left .top .search .form-group select :-ms-input-placeholder {
color: grey
}
.page_shareholder_documents .content-page .left .top .search .form-group input :-moz-placeholder,
.page_shareholder_documents .content-page .left .top .search .form-group select :-moz-placeholder {
color: grey
}
.page_shareholder_documents .content-page .left .top .search .form-group select {
width: 100%;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none
}
.page_shareholder_documents .content-page .left .top .search .form-group._select img {
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
pointer-events: none;
filter: grayscale(90%)
}
.page_shareholder_documents .content-page .left .top .search .form-group._text {
width: 182px;
display: flex;
align-items: center;
justify-content: center
}
.page_shareholder_documents .content-page .left .top .search .form-group._text img {
width: 16px
}
.page_shareholder_documents .content-page .left .top .search .form-group._text input {
width: 132px;
padding: 0 8px
}
@media (min-width:1900px) {
.page_shareholder_documents .content-page .left .top .search {
width: 375px;
display: flex;
align-items: center;
justify-content: space-between
}
.page_shareholder_documents .content-page .left .top .search .form-group {
height: 48px;
width: 130px
}
.page_shareholder_documents .content-page .left .top .search .form-group input,
.page_shareholder_documents .content-page .left .top .search .form-group select {
height: 48px;
font-size: 18px
}
.page_shareholder_documents .content-page .left .top .search .form-group._text {
width: 232px
}
.page_shareholder_documents .content-page .left .top .search .form-group._text img {
width: 20px
}
.page_shareholder_documents .content-page .left .top .search .form-group._text input {
width: 176px
}
}
@media (max-width:1024px) {
.page_shareholder_documents .content-page .left .top {
flex-direction: column;
justify-content: flex-start
}
.page_shareholder_documents .content-page .left .top .title_def {
width: 100%
}
.page_shareholder_documents .content-page .left .top .search {
width: 100%;
margin-top: 30px;
justify-content: flex-start
}
.page_shareholder_documents .content-page .left .top .search .form-group {
margin-right: 20px
}
}
.page_shareholder_documents .content-page .left .bottom {
margin-top: 20px
}
.page_shareholder_documents .content-page .left .bottom .item {
padding: 24px 15px 24px 8px;
border-bottom: .5px solid hsla(0, 0%, 50.2%, .3);
margin-bottom: 6px
}
.page_shareholder_documents .content-page .left .bottom .item .date {
margin-bottom: 12px;
color: #262e3c
}
.page_shareholder_documents .content-page .left .bottom .item .content {
display: flex;
align-items: center;
justify-content: space-between
}
.page_shareholder_documents .content-page .left .bottom .item .content .text {
display: flex;
align-items: flex-start;
width: 79.3650793651%
}
.page_shareholder_documents .content-page .left .bottom .item .content .text img {
width: 18px;
margin-right: 8px;
margin-top: 3px
}
@media (min-width:1920px) {
.page_shareholder_documents .content-page .left .bottom .item .content .text img {
width: 26px;
margin-right: 10px
}
}
.page_shareholder_documents .content-page .left .bottom .item .content .text h3 {
font-size: 22px
}
.page_shareholder_documents .content-page .left .bottom .item .content .text h3 a {
color: #262e3c
}
@media (min-width:1920px) {
.page_shareholder_documents .content-page .left .bottom .item .content .text h3 {
font-size: 27px
}
}
.page_shareholder_documents .content-page .left .bottom .item .content .icon {
display: flex;
justify-content: flex-end;
width: 18.315018315%
}
.page_shareholder_documents .content-page .left .bottom .item .content .icon a {
position: relative;
display: block;
margin-left: 15px;
cursor: pointer
}
.page_shareholder_documents .content-page .left .bottom .item .content .icon a img {
width: 24px
}
@media (min-width:1920px) {
.page_shareholder_documents .content-page .left .bottom .item .content .icon a img {
width: 30px
}
}
.page_shareholder_documents .content-page .left .bottom .item .content .icon a button {
box-shadow: none;
border: 0;
outline: none;
background: transparent;
cursor: pointer;
padding: 0
}
.page_shareholder_documents .content-page .left .bottom .item .content .icon a .noti {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
width: -webkit-max-content;
width: max-content;
font-family: Inter-Medium\.ttf;
font-size: 12px;
padding: 3px 5px;
border-radius: 5px;
color: #fff;
background: #262e3c;
text-transform: capitalize;
opacity: 0
}
.page_shareholder_documents .content-page .left .bottom .item .content .icon a .noti:before {
position: absolute;
content: "";
top: -3px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-bottom: 3px solid #262e3c
}
.page_shareholder_documents .content-page .left .bottom .item .content .icon a .noti.active {
opacity: 1
}
@media (max-width:576px) {
.page_shareholder_documents .content-page .left .bottom .item {
padding: 18px 0
}
.page_shareholder_documents .content-page .left .bottom .item .content {
flex-direction: column;
justify-content: flex-start
}
.page_shareholder_documents .content-page .left .bottom .item .content .text {
width: 100%;
margin-bottom: 15px
}
.page_shareholder_documents .content-page .left .bottom .item .content .text h3 {
font-size: 18px
}
.page_shareholder_documents .content-page .left .bottom .item .content .icon {
width: 100%;
justify-content: flex-start
}
.page_shareholder_documents .content-page .left .bottom .item .content .icon a {
margin: 0 15px 0 0
}
.page_shareholder_documents .content-page .left .bottom .item .content .icon a img {
width: 20px
}
.page_shareholder_documents .content-page .left .bottom .item .content .icon a .noti {
left: 0;
transform: translateX(0)
}
.page_shareholder_documents .content-page .left .bottom .item .content .icon a .noti:before {
left: 5px;
transform: translateX(0)
}
}
.page_shareholder_documents .content-page .right {
width: 25.4838709677%
}
@media (max-width:1024px) {
.page_shareholder_documents .content-page .right {
width: 300px
}
}
@media (max-width:820px) {
.page_shareholder_documents .content-page .right {
width: 100%
}
}
.page_shareholder_documents .content-page .right .sidebar {
width: 100%;
margin-top: -71px;
background: #fff;
box-shadow: 0 19px 8px hsla(0, 0%, 72.2%, .03), 0 11px 6px hsla(0, 0%, 72.2%, .11), 0 5px 5px hsla(0, 0%, 72.2%, .19), 0 1px 3px hsla(0, 0%, 72.2%, .22), 0 0 0 hsla(0, 0%, 72.2%, .22);
border-radius: 4px;
box-sizing: border-box;
margin-bottom: 48px
}
.page_shareholder_documents .content-page .right .sidebar .title_def {
position: relative;
width: 100%;
height: 71px;
padding: 18px 24px;
font-family: Inter-SemiBold\.ttf;
text-transform: none;
cursor: pointer
}
.page_shareholder_documents .content-page .right .sidebar .title_def img {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
display: none
}
.page_shareholder_documents .content-page .right .sidebar .list_cat {
border-top: .5px solid hsla(0, 0%, 58%, .5);
padding: 4px 24px 16px
}
.page_shareholder_documents .content-page .right .sidebar .list_cat li {
padding: 20px 0 12px;
border-bottom: .5px solid hsla(0, 0%, 58%, .5)
}
.page_shareholder_documents .content-page .right .sidebar .list_cat li a {
display: flex;
align-items: center;
width: 100%;
font-family: Inter-SemiBold\.ttf;
font-size: 16px;
line-height: 150%;
text-transform: uppercase;
color: #262e3c
}
.page_shareholder_documents .content-page .right .sidebar .list_cat li a img {
width: 24px;
margin-right: 15px;
filter: grayscale(100%)
}
@media (min-width:1920px) {
.page_shareholder_documents .content-page .right .sidebar .list_cat li a {
font-size: 20px
}
.page_shareholder_documents .content-page .right .sidebar .list_cat li a img {
width: 30px
}
}
.page_shareholder_documents .content-page .right .sidebar .list_cat li.active {
border-bottom: .5px solid rgba(181, 0, 0, .2)
}
.page_shareholder_documents .content-page .right .sidebar .list_cat li.active a {
color: var(--primary-color)
}
.page_shareholder_documents .content-page .right .sidebar .list_cat li.active a img {
filter: grayscale(0)
}
.page_shareholder_documents .content-page .right .sidebar .list_cat li:last-child {
border-bottom: 0
}
@media (max-width:820px) {
.page_shareholder_documents .content-page .right .sidebar {
position: absolute;
left: 30px;
width: calc(100% - 60px);
top: 0;
z-index: 10
}
.page_shareholder_documents .content-page .right .sidebar .title_def img {
display: block
}
.page_shareholder_documents .content-page .right .sidebar .list_cat {
display: none;
box-shadow: 0 19px 8px hsla(0, 0%, 72.2%, .03), 0 11px 6px hsla(0, 0%, 72.2%, .11), 0 5px 5px hsla(0, 0%, 72.2%, .19), 0 1px 3px hsla(0, 0%, 72.2%, .22), 0 0 0 hsla(0, 0%, 72.2%, .22)
}
}
@media (max-width:576px) {
.page_shareholder_documents .content-page .right .sidebar {
margin-top: -54px;
left: 15px;
width: calc(100% - 30px)
}
.page_shareholder_documents .content-page .right .sidebar .title_def {
height: 54px;
padding: 10px 15px;
font-size: 22px
}
.page_shareholder_documents .content-page .right .sidebar .list_cat {
padding: 4px 15px 12px
}
.page_shareholder_documents .content-page .right .sidebar .list_cat li {
padding: 15px 0 10px
}
.page_shareholder_documents .content-page .right .sidebar .list_cat li a {
font-size: 14px
}
}
.page_shareholder_documents .content-page .right .document_latest {
margin-bottom: 48px
}
@media (max-width:576px) {
.page_shareholder_documents .content-page .right .document_latest {
margin-bottom: 35px
}
}
.page_shareholder_documents .content-page .right .news_shareholder .list {
margin-top: 32px
}
.page_shareholder_documents .content-page .right .news_shareholder .list .item {
padding-bottom: 16px;
margin-bottom: 24px;
border-bottom: .5px solid hsla(0, 0%, 50.2%, .3)
}
.page_shareholder_documents .content-page .right .news_shareholder .list .item .date {
display: flex;
align-items: center;
font-size: 12px;
line-height: 170%;
color: #858ea7
}
.page_shareholder_documents .content-page .right .news_shareholder .list .item .date img {
margin-right: 5px;
width: 10px
}
@media (min-width:1920px) {
.page_shareholder_documents .content-page .right .news_shareholder .list .item .date {
font-size: 15px
}
}
.page_shareholder_documents .content-page .right .news_shareholder .list .item .title {
margin: 8px 0 14px;
font-family: Inter-SemiBold\.ttf;
font-size: 16px;
line-height: 150%;
color: #262e3c
}
.page_shareholder_documents .content-page .right .news_shareholder .list .item .title a {
color: #262e3c
}
@media (min-width:1920px) {
.page_shareholder_documents .content-page .right .news_shareholder .list .item .title {
font-size: 20px
}
}
.page_shareholder_documents .content-page .right .news_shareholder .list .item .cat_name {
font-family: Inter-Regular\.ttf;
font-size: 12px;
line-height: 170%;
color: #858ea7
}
@media (min-width:1920px) {
.page_shareholder_documents .content-page .right .news_shareholder .list .item .cat_name {
font-size: 15px
}
}
.page_shareholder_documents .content-page .right .news_shareholder .list .item .cat_name span:last-child {
display: none
}
.page_shareholder_documents .content-page .right .news_shareholder .list .item:last-child {
border: 0;
margin-bottom: 0
}
@media (max-width:576px) {
.page_shareholder_documents .content-page .right .news_shareholder .list {
margin-top: 25px
}
.page_shareholder_documents .content-page .right .news_shareholder .list .item {
padding-bottom: 12px;
margin-bottom: 18px
}
}
.page_shareholder_documents_single {
padding: 40px 6.9444444444% 150px
}
@media (max-width:1024px) {
.page_shareholder_documents_single {
padding: 120px 30px 80px
}
}
@media (max-width:576px) {
.page_shareholder_documents_single {
padding: 100px 15px 45px
}
}
.page_shareholder_documents_single .content-page {
position: relative;
z-index: 3;
display: flex;
justify-content: space-between;
padding-top: 70px;
box-sizing: border-box
}
@media (max-width:1024px) {
.page_shareholder_documents_single .content-page {
padding-top: 50px;
flex-wrap: wrap
}
}
@media (max-width:576px) {
.page_shareholder_documents_single .content-page {
padding-top: 30px
}
}
.page_shareholder_documents_single .content-page .the_content {
width: 68.1451612903%
}
.page_shareholder_documents_single .content-page .the_content .label {
display: flex;
align-items: flex-start;
margin-bottom: 60px
}
.page_shareholder_documents_single .content-page .the_content .label img {
width: 24px;
margin-right: 16px;
margin-top: 3px
}
@media (min-width:1920px) {
.page_shareholder_documents_single .content-page .the_content .label img {
width: 30px;
margin-right: 10px
}
}
.page_shareholder_documents_single .content-page .the_content .text {
width: 100%;
display: flex;
align-items: flex-start;
margin-bottom: 24px
}
.page_shareholder_documents_single .content-page .the_content .text .notice {
width: 200px;
margin-right: 20px;
display: flex;
align-items: center;
font-family: Inter-Regular\.ttf;
font-size: 16px;
line-height: 150%;
color: #262e3c
}
.page_shareholder_documents_single .content-page .the_content .text .notice img {
width: 24px;
margin-right: 10px
}
@media (min-width:1920px) {
.page_shareholder_documents_single .content-page .the_content .text .notice {
font-size: 20px;
width: 260px
}
.page_shareholder_documents_single .content-page .the_content .text .notice img {
width: 30px
}
}
.page_shareholder_documents_single .content-page .the_content .text .excerpt {
width: calc(100% - 220px);
font-family: Inter-Regular\.ttf;
font-size: 16px;
line-height: 150%;
color: #262e3c
}
.page_shareholder_documents_single .content-page .the_content .text .excerpt b,
.page_shareholder_documents_single .content-page .the_content .text .excerpt strong {
font-family: Inter-SemiBold\.ttf
}
.page_shareholder_documents_single .content-page .the_content .text .excerpt p {
margin-bottom: 15px
}
.page_shareholder_documents_single .content-page .the_content .text .excerpt p:last-child {
margin-bottom: 0
}
@media (min-width:1920px) {
.page_shareholder_documents_single .content-page .the_content .text .excerpt {
font-size: 20px;
width: calc(100% - 280px)
}
}
.page_shareholder_documents_single .content-page .the_content .btn {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 68px 0 66px
}
.page_shareholder_documents_single .content-page .the_content .btn .btn_def {
position: relative;
margin-bottom: 10px;
margin-right: 30px;
cursor: pointer
}
.page_shareholder_documents_single .content-page .the_content .btn .btn_def i,
.page_shareholder_documents_single .content-page .the_content .btn .btn_def img {
margin-right: 10px
}
.page_shareholder_documents_single .content-page .the_content .btn .btn_def i {
font-size: 20px
}
.page_shareholder_documents_single .content-page .the_content .btn .btn_def button {
width: 100%;
height: 100%;
box-shadow: none;
border: 0;
outline: none;
background: transparent;
cursor: pointer
}
.page_shareholder_documents_single .content-page .the_content .btn .btn_def .noti {
position: absolute;
top: calc(100% + 15px);
left: 50%;
transform: translateX(-50%);
width: -webkit-max-content;
width: max-content;
font-family: Inter-Medium\.ttf;
font-size: 12px;
padding: 3px 5px;
border-radius: 5px;
color: #fff;
background: #262e3c;
text-transform: capitalize;
opacity: 0
}
.page_shareholder_documents_single .content-page .the_content .btn .btn_def .noti:before {
position: absolute;
content: "";
top: -5px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #262e3c
}
.page_shareholder_documents_single .content-page .the_content .btn .btn_def .noti.active {
opacity: 1
}
.page_shareholder_documents_single .content-page .the_content .btn .btn_def.btn_show_mobi {
display: none
}
.page_shareholder_documents_single .content-page .the_content .file_pdf {
width: 100%
}
.page_shareholder_documents_single .content-page .the_content .file_pdf embed,
.page_shareholder_documents_single .content-page .the_content .file_pdf iframe {
width: 100%;
height: 90vh
}
@media (max-width:1024px) {
.page_shareholder_documents_single .content-page .the_content {
width: 100%;
margin-bottom: 40px
}
.page_shareholder_documents_single .content-page .the_content .file_pdf embed,
.page_shareholder_documents_single .content-page .the_content .file_pdf iframe {
height: 600px
}
}
@media (max-width:820px) {
.page_shareholder_documents_single .content-page .the_content .label {
margin-bottom: 40px
}
.page_shareholder_documents_single .content-page .the_content .btn {
margin: 48px 0 56px
}
.page_shareholder_documents_single .content-page .the_content .btn .btn_def.btn_show_mobi {
display: flex
}
.page_shareholder_documents_single .content-page .the_content .file_pdf {
display: none
}
}
@media (max-width:576px) {
.page_shareholder_documents_single .content-page .the_content .label {
margin-bottom: 30px
}
.page_shareholder_documents_single .content-page .the_content .text {
margin-bottom: 20px
}
.page_shareholder_documents_single .content-page .the_content .text .notice {
margin-right: 0
}
.page_shareholder_documents_single .content-page .the_content .text.content {
flex-wrap: wrap
}
.page_shareholder_documents_single .content-page .the_content .text.content .notice {
width: 100%;
margin-right: 0
}
.page_shareholder_documents_single .content-page .the_content .text.content .excerpt {
width: 100%;
margin-top: 15px
}
.page_shareholder_documents_single .content-page .the_content .btn {
margin: 35px 0 25px
}
.page_shareholder_documents_single .content-page .the_content .btn .btn_def .noti {
position: absolute;
top: calc(100% + 10px);
font-size: 10px
}
.page_shareholder_documents_single .content-page .the_content .btn .btn_def .noti:before {
top: -3px;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-bottom: 3px solid #262e3c
}
}
.page_shareholder_documents_single .content-page .document_related {
width: 25.4838709677%;
padding-top: 75px
}
@media (max-width:1024px) {
.page_shareholder_documents_single .content-page .document_related {
width: 100%;
padding-top: 0
}
}
.page_news_events {
position: relative
}
.page_news_events .page_content {
padding: 100px 0 64px
}
@media (max-width:820px) {
.page_news_events .page_content {
padding: 100px 0
}
}
@media (max-width:576px) {
.page_news_events .page_content {
padding: 65px 0 40px
}
}
.page_news_events .page_content.page_cat_content .title_def {
margin-bottom: 40px
}
@media (max-width:576px) {
.page_news_events .page_content.page_cat_content .title_def {
margin-bottom: 25px
}
}
.page_news_events .new_list {
display: flex;
flex-wrap: wrap
}
.page_news_events .new_list .item {
width: calc((100% - 48px)/4);
margin-right: 12px;
margin-bottom: 40px;
box-sizing: border-box;
background: #fff;
border: 1px solid #f4f6f9;
padding: 23px 32px 45px
}
.page_news_events .new_list .item .img {
position: relative;
padding-top: 58%;
overflow: hidden
}
.page_news_events .new_list .item .img a {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
transition: all .3s ease;
transform: scale(1)
}
.page_news_events .new_list .item .text .date {
margin: 24px 0 10px;
display: flex;
align-items: center;
color: #858ea7
}
.page_news_events .new_list .item .text .date img {
margin-right: 5px;
width: 10px
}
.page_news_events .new_list .item .text h3 a {
font-family: Roboto, sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 150%;
text-transform: capitalize;
color: var(--primary-color);
transition: all .3s ease
}
.page_news_events .new_list .item:not(:first-child) .text h3 a {
color: #000
}
@media (min-width:1920px) {
.page_news_events .new_list .item .text h3 a {
font-size: 20px
}
}
.page_news_events .new_list .item .text .excerpt,
.page_news_events .new_list .item .text .read_more_def {
display: none
}
.page_news_events .new_list .item:hover .img a {
transform: scale(1.1)
}
.page_news_events .new_list .item:hover .text h3 a {
color: #901A21
}
.page_news_events .new_list .item:not(:first-child):hover .text h3 a {
color: var(--primary-color)
}
@media (max-width:820px) {
.page_news_events .new_list .item {
padding: 15px;
margin-bottom: 20px;
margin-right: 20px;
width: calc((100% - 40px)/3)
}
}
@media (max-width:576px) {
.page_news_events .new_list .item {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
display: flex;
align-items: center
}
.page_news_events .new_list .item .img {
width: 100px;
margin-right: 12px;
height: 90px;
padding-top: 0
}
.page_news_events .new_list .item .text {
width: calc(100% - 112px)
}
.page_news_events .new_list .item .text .date {
margin: 0 0 6px;
font-size: 12px;
line-height: 14px
}
.page_news_events .new_list .item .text h3 a {
font-size: 15px
}
}
.page_news_events .new_list .item:nth-of-type(4n+1) {
margin-right: 0
}
.page_news_events .new_list .item:first-of-type {
width: 100%;
margin-right: 0;
margin-bottom: 60px;
display: flex;
padding: 28px 32px
}
.page_news_events .new_list .item:first-of-type .img {
width: 63.9455782313%;
padding-top: 35%
}
.page_news_events .new_list .item:first-of-type .text {
position: relative;
width: 36.0544217687%;
padding-left: 7.6530612245%;
padding-bottom: 30px
}
.page_news_events .new_list .item:first-of-type .text .date {
margin: 9px 0 15px
}
.page_news_events .new_list .item:first-of-type .text h3 a {
font-size: 24px
}
@media (min-width:1920px) {
.page_news_events .new_list .item:first-of-type .text h3 a {
font-size: 34px
}
}
.page_news_events .new_list .item:first-of-type .text .excerpt {
display: block;
margin-top: 40px;
color: #3f4855;
overflow: hidden;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical
}
.page_news_events .new_list .item:first-of-type .text .read_more_def {
display: block;
position: absolute;
right: 0;
bottom: 0
}
@media (max-width:820px) {
.page_news_events .new_list .item:first-of-type {
padding: 15px 15px 20px;
margin-bottom: 40px
}
.page_news_events .new_list .item:first-of-type .img {
width: 50%;
padding-top: 35%
}
.page_news_events .new_list .item:first-of-type .text {
width: 50%;
padding-left: 15px;
padding-bottom: 0
}
.page_news_events .new_list .item:first-of-type .text .excerpt {
margin: 15px 0;
-webkit-line-clamp: 3
}
.page_news_events .new_list .item:first-of-type .text .read_more_def {
position: relative
}
}
@media (max-width:576px) {
.page_news_events .new_list .item:first-of-type {
margin-bottom: 35px;
flex-wrap: wrap
}
.page_news_events .new_list .item:first-of-type .img {
width: 100%;
margin: 0;
padding-top: 71%
}
.page_news_events .new_list .item:first-of-type .text {
width: 100%;
padding-left: 0
}
.page_news_events .new_list .item:first-of-type .text .date {
margin: 15px 0 8px
}
.page_news_events .new_list .item:first-of-type .text h3 a {
font-size: 20px
}
.page_news_events .new_list .item:first-of-type .text .excerpt {
margin-top: 12px
}
}
.page_news_events .new_list .pagination_list_def {
width: 100%
}
.page_news_events .new_list .pagination_list_def .paginate_links {
justify-content: center
}
.page_news_events .new_cat_list {
display: flex;
flex-wrap: wrap
}
.page_news_events .new_cat_list .item {
width: calc((100% - 48px)/3);
margin-right: 24px;
margin-bottom: 40px;
box-sizing: border-box;
background: #fff;
border: 1px solid #f4f6f9;
padding: 23px 32px 45px
}
.page_news_events .new_cat_list .item .img {
position: relative;
padding-top: 58%;
overflow: hidden
}
.page_news_events .new_cat_list .item .img a {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
transition: all .3s ease;
transform: scale(1)
}
.page_news_events .new_cat_list .item .text .date {
margin: 24px 0 10px;
display: flex;
align-items: center;
color: #858ea7
}
.page_news_events .new_cat_list .item .text .date img {
margin-right: 5px;
width: 10px
}
.page_news_events .new_cat_list .item .text h3 a {
font-family: Roboto, sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 150%;
text-transform: capitalize;
color: #01265e;
transition: all .3s ease
}
@media (min-width:1920px) {
.page_news_events .new_cat_list .item .text h3 a {
font-size: 20px
}
}
.page_news_events .new_cat_list .item .text .excerpt,
.page_news_events .new_cat_list .item .text .read_more_def {
display: none
}
.page_news_events .new_cat_list .item:hover .img a {
transform: scale(1.1)
}
.page_news_events .new_cat_list .item:hover .text h3 a {
color: var(--primary-color)
}
@media (max-width:820px) {
.page_news_events .new_cat_list .item {
padding: 15px;
margin-bottom: 20px;
margin-right: 20px;
width: calc((100% - 40px)/3)
}
}
@media (max-width:576px) {
.page_news_events .new_cat_list .item {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
display: flex;
align-items: center
}
.page_news_events .new_cat_list .item .img {
width: 100px;
margin-right: 12px;
height: 90px;
padding-top: 0
}
.page_news_events .new_cat_list .item .text {
width: calc(100% - 112px)
}
.page_news_events .new_cat_list .item .text .date {
margin: 0 0 6px;
font-size: 12px;
line-height: 14px
}
.page_news_events .new_cat_list .item .text h3 a {
font-size: 15px
}
}
.page_news_events .new_cat_list .item:nth-of-type(3n) {
margin-right: 0
}
.page_news_events .new_cat_list .pagination_list_def {
width: 100%
}
.page_news_events .new_cat_list .pagination_list_def .paginate_links {
justify-content: center
}
.page_news_events .community_activities_top {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.page_news_events .community_activities_top .left {
width: 66.1290322581%
}
.page_news_events .community_activities_top .left .item {
width: 100%;
padding: 28px 32px 42px;
margin-bottom: 40px;
box-sizing: border-box;
background: #fff;
border: 1px solid #f4f6f9
}
.page_news_events .community_activities_top .left .item .img {
position: relative;
padding-top: 54.5%;
overflow: hidden
}
.page_news_events .community_activities_top .left .item .img a {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
transition: all .3s ease;
transform: scale(1)
}
.page_news_events .community_activities_top .left .item .text .date {
margin: 24px 0 15px;
display: flex;
align-items: center;
color: #858ea7
}
.page_news_events .community_activities_top .left .item .text .date img {
margin-right: 5px;
width: 10px
}
.page_news_events .community_activities_top .left .item .text h3 a {
font-family: Roboto, sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 150%;
text-transform: capitalize;
color: #01265e;
transition: all .3s ease
}
@media (min-width:1920px) {
.page_news_events .community_activities_top .left .item .text h3 a {
font-size: 34px
}
}
.page_news_events .community_activities_top .left .item .text .excerpt {
display: block;
margin: 40px 0 35px;
color: #3f4855;
overflow: hidden;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical
}
.page_news_events .community_activities_top .left .item .text .read_more_def {
justify-content: flex-end
}
.page_news_events .community_activities_top .left .item:hover .img a {
transform: scale(1.1)
}
.page_news_events .community_activities_top .left .item:hover .text h3 a {
color: var(--primary-color)
}
@media (max-width:820px) {
.page_news_events .community_activities_top .left {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.page_news_events .community_activities_top .left .item {
width: calc((100% - 24px)/2);
margin-right: 24px
}
.page_news_events .community_activities_top .left .item:nth-of-type(2n) {
margin-right: 0
}
}
@media (max-width:576px) {
.page_news_events .community_activities_top .left .item {
width: 100%;
margin-right: 0;
margin-bottom: 25px;
padding: 15px
}
.page_news_events .community_activities_top .left .item .text .date {
margin: 18px 0 10px
}
.page_news_events .community_activities_top .left .item .text h3 a {
font-size: 18px
}
.page_news_events .community_activities_top .left .item .text .excerpt {
margin: 15px 0 20px
}
}
.page_news_events .community_activities_top .right {
width: 29.0322580645%
}
.page_news_events .community_activities_top .right .label {
font-family: Inter-SemiBold\.ttf;
color: #262e3c
}
.page_news_events .community_activities_top .right .list {
margin-top: 25px
}
.page_news_events .community_activities_top .right .list .item {
filter: drop-shadow(0 19px 8px rgba(184, 184, 184, .03)) drop-shadow(0 11px 6px rgba(184, 184, 184, .11)) drop-shadow(0 5px 5px rgba(184, 184, 184, .19)) drop-shadow(0 1px 3px rgba(184, 184, 184, .22)) drop-shadow(0 0 0 rgba(184, 184, 184, .22));
box-sizing: border-box;
background: #fff;
padding: 30px 25px;
margin-bottom: 15px
}
.page_news_events .community_activities_top .right .list .item .date {
font-size: 12px;
color: #858ea7
}
.page_news_events .community_activities_top .right .list .item .date img {
margin-right: 5px;
width: 10px
}
@media (min-width:1920px) {
.page_news_events .community_activities_top .right .list .item .date {
font-size: 15px
}
}
.page_news_events .community_activities_top .right .list .item h3 a {
display: block;
font-family: Roboto, sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 150%;
color: #262e3c;
margin: 9px 0 14px;
transition: all .3s ease
}
@media (min-width:1920px) {
.page_news_events .community_activities_top .right .list .item h3 a {
font-size: 18px
}
}
.page_news_events .community_activities_top .right .list .item .cat {
font-size: 12px;
color: #858ea7
}
@media (min-width:1920px) {
.page_news_events .community_activities_top .right .list .item .cat {
font-size: 15px
}
}
.page_news_events .community_activities_top .right .list .item:hover h3 a {
color: var(--primary-color)
}
@media (max-width:820px) {
.page_news_events .community_activities_top .right {
width: 100%
}
}
@media (max-width:576px) {
.page_news_events .community_activities_top .right .list .item {
padding: 15px
}
}
.page_news_events .community_activities_other {
margin: 30px 0 115px;
display: flex;
flex-wrap: wrap
}
@media (max-width:820px) {
.page_news_events .community_activities_other {
margin: 30px 0 60px
}
}
@media (max-width:576px) {
.page_news_events .community_activities_other {
margin: 30px 0
}
}
.page_news_events .community_activities_other .item {
width: calc((100% - 78px)/4);
margin-right: 26px;
padding: 23px 25px 35px;
background: #fff;
border: 1px solid #f4f6f9;
box-sizing: border-box
}
.page_news_events .community_activities_other .item:nth-of-type(4n) {
margin-right: 0
}
.page_news_events .community_activities_other .item .img {
position: relative;
padding-top: 58%;
overflow: hidden
}
.page_news_events .community_activities_other .item .img a {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
transition: all .3s ease;
transform: scale(1)
}
.page_news_events .community_activities_other .item .text .date {
margin: 20px 0 10px;
display: flex;
align-items: center;
color: #858ea7
}
.page_news_events .community_activities_other .item .text .date img {
margin-right: 5px;
width: 10px
}
.page_news_events .community_activities_other .item .text h3 a {
font-family: Roboto, sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 150%;
text-transform: capitalize;
color: #01265e;
transition: all .3s ease
}
@media (min-width:1920px) {
.page_news_events .community_activities_other .item .text h3 a {
font-size: 20px
}
}
.page_news_events .community_activities_other .item:hover .img a {
transform: scale(1.1)
}
.page_news_events .community_activities_other .item:hover .text h3 a {
color: var(--primary-color)
}
@media (max-width:820px) {
.page_news_events .community_activities_other .item {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
padding: 15px;
display: flex;
align-items: center
}
.page_news_events .community_activities_other .item .img {
width: 100px;
margin-right: 12px;
height: 90px;
padding-top: 0
}
.page_news_events .community_activities_other .item .text {
width: calc(100% - 112px)
}
.page_news_events .community_activities_other .item .text .date {
margin: 0 0 6px;
font-size: 12px;
line-height: 14px
}
.page_news_events .community_activities_other .item .text h3 a {
font-size: 15px
}
}
.page_news_events .community_activities_other .pagination_list_def {
width: 100%
}
.page_news_events .community_activities_other .pagination_list_def .paginate_links {
justify-content: center
}
.page_news_events .community_activities_album .js_slide_album {
margin-top: 48px;
padding-bottom: 50px
}
@media (max-width:576px) {
.page_news_events .community_activities_album .js_slide_album {
margin-top: 30px;
padding-bottom: 40px
}
}
.page_news_events .community_activities_album .js_slide_album .swiper-slide {
display: flex;
flex-wrap: wrap
}
.page_news_events .community_activities_album .js_slide_album .swiper-slide .img {
position: relative;
padding-top: 32%;
overflow: hidden;
width: calc((100% - 50px)/3);
margin-right: 25px;
margin-bottom: 25px
}
.page_news_events .community_activities_album .js_slide_album .swiper-slide .img img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: all .3s ease
}
.page_news_events .community_activities_album .js_slide_album .swiper-slide .img .caption {
position: absolute;
left: 0;
bottom: 0;
width: 75.5667506297%;
padding: 24px 0 24px 24px;
font-family: Inter-Medium\.ttf;
font-size: 16px;
line-height: 150%;
color: #fff;
z-index: 2
}
@media (min-width:576px) {
.page_news_events .community_activities_album .js_slide_album .swiper-slide .img .caption {
font-size: 20px
}
}
.page_news_events .community_activities_album .js_slide_album .swiper-slide .img:first-of-type {
width: calc((100% - 25px)/3*2.015)
}
.page_news_events .community_activities_album .js_slide_album .swiper-slide .img:nth-of-type(2),
.page_news_events .community_activities_album .js_slide_album .swiper-slide .img:nth-of-type(5) {
margin-right: 0
}
@media (max-width:820px) {
.page_news_events .community_activities_album .js_slide_album .swiper-slide .img {
width: calc((100% - 30px)/3);
margin-right: 15px;
margin-bottom: 15px
}
.page_news_events .community_activities_album .js_slide_album .swiper-slide .img .caption {
width: calc(100% - 35px);
font-size: 14px
}
.page_news_events .community_activities_album .js_slide_album .swiper-slide .img:first-of-type {
width: calc((100% - 15px)/3*2.015)
}
}
@media (max-width:576px) {
.page_news_events .community_activities_album .js_slide_album .swiper-slide .img {
width: calc((100% - 8px)/2);
margin-right: 8px;
margin-bottom: 8px;
padding-top: 40%
}
.page_news_events .community_activities_album .js_slide_album .swiper-slide .img .caption {
width: calc(100% - 15px);
font-size: 10px;
padding: 24px 0 10px 10px
}
.page_news_events .community_activities_album .js_slide_album .swiper-slide .img:first-of-type {
width: 100%;
margin-right: 0;
padding-top: 50%
}
.page_news_events .community_activities_album .js_slide_album .swiper-slide .img:nth-of-type(2) {
margin-right: 8px
}
.page_news_events .community_activities_album .js_slide_album .swiper-slide .img:nth-of-type(3),
.page_news_events .community_activities_album .js_slide_album .swiper-slide .img:nth-of-type(5) {
margin-right: 0
}
}
.news_other_def {
width: 100%;
display: flex;
flex-wrap: wrap
}
@media (max-width:820px) {
.news_other_def {
padding-top: 75px
}
}
@media (max-width:576px) {
.news_other_def {
padding-top: 45px
}
}
.news_other_def .title_def {
width: 25.4838709677%
}
@media (max-width:1024px) {
.news_other_def .title_def {
width: 100%
}
}
.news_other_def .list {
width: 74.5161290323%;
display: flex;
flex-wrap: wrap
}
@media (max-width:1024px) {
.news_other_def .list {
width: 100%;
margin-top: 40px
}
}
@media (max-width:576px) {
.news_other_def .list {
margin-top: 25px
}
}
.news_other_def .list .item {
width: calc((100% - 56px)/3);
margin-right: 28px
}
.news_other_def .list .item:nth-of-type(3) {
margin-right: 0
}
.news_other_def .list .item .img {
position: relative;
padding-top: 71%;
overflow: hidden;
margin-bottom: 15px
}
.news_other_def .list .item .img a {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
transition: all .3s ease;
transform: scale(1)
}
.news_other_def .list .item .text .cat {
margin: 18px 0 6px;
color: #858ea7
}
.news_other_def .list .item .text .cat span {
margin: 0 3px
}
.news_other_def .list .item .text .cat span:last-child {
display: none
}
.news_other_def .list .item .text h3 a {
font-family: Roboto, sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 150%;
text-transform: capitalize;
color: var(--primary-color);
transition: all .3s ease
}
@media (min-width:1920px) {
.news_other_def .list .item .text h3 a {
font-size: 20px
}
}
.news_other_def .list .item:hover .img a {
transform: scale(1.1)
}
.news_other_def .list .item:hover .text h3 a {
color: #901A21
}
@media (max-width:820px) {
.news_other_def .list .item {
width: calc((100% - 40px)/3);
margin-right: 20px
}
}
@media (max-width:576px) {
.news_other_def .list .item {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
display: flex;
align-items: center
}
.news_other_def .list .item .img {
width: 100px;
margin-right: 12px;
height: 90px;
padding-top: 0
}
.news_other_def .list .item .text {
width: calc(100% - 112px)
}
.news_other_def .list .item .text .cat {
margin: 0 0 6px;
font-size: 12px;
line-height: 14px
}
.news_other_def .list .item .text h3 a {
font-size: 15px
}
}
.news_other_def .pagination_list_def {
width: 100%
}
.news_other_def .pagination_list_def .paginate_links {
justify-content: flex-end
}
.news_other_def .btn_load {
display: flex;
justify-content: flex-end;
margin-top: 40px;
width: 100%
}
@media (max-width:1024px) {
.news_other_def .btn_load {
justify-content: center;
margin-top: 30px
}
}
.page_new_detail {
padding: 92px 0 185px
}
@media (max-width:820px) {
.page_new_detail {
padding: 120px 0 100px
}
}
@media (max-width:576px) {
.page_new_detail {
padding: 100px 0 40px
}
.page_new_detail .title_def {
font-size: 22px
}
}
.page_new_detail .breadcrumb_def {
margin-bottom: 12px
}
.page_new_detail .thumbnail {
margin: 70px 0 100px;
position: relative;
padding-top: 39%;
overflow: hidden
}
.page_new_detail .thumbnail img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
@media (max-width:1024px) {
.page_new_detail .thumbnail {
margin: 40px 0 45px
}
}
@media (max-width:576px) {
.page_new_detail .thumbnail {
padding-top: 62%;
margin: 25px 0
}
}
.page_new_detail .page_content {
display: flex;
flex-wrap: wrap;
padding-bottom: 56px;
border-bottom: 2px solid #ebebeb
}
@media (max-width:576px) {
.page_new_detail .page_content {
padding-bottom: 35px
}
}
.page_new_detail .page_content .left {
width: 76.6129032258%;
box-sizing: border-box;
padding: 0 10.4838709677% 0 13.7096774194%
}
@media (max-width:1024px) {
.page_new_detail .page_content .left {
padding: 0 45px 0 0
}
}
@media (max-width:820px) {
.page_new_detail .page_content .left {
width: 100%;
padding: 0 0 45px
}
}
@media (max-width:576px) {
.page_new_detail .page_content .left {
padding: 0 0 30px
}
}
.page_new_detail .page_content .left .date {
display: none
}
@media (max-width:820px) {
.page_new_detail .page_content .left .date {
display: flex;
align-items: center;
color: #858ea7;
margin-bottom: 20px
}
.page_new_detail .page_content .left .date img {
margin-right: 5px;
width: 10px
}
}
.page_new_detail .page_content .left .the-content ol,
.page_new_detail .page_content .left .the-content ul {
padding-left: 23px;
margin-bottom: 20px;
list-style: disc
}
.page_new_detail .page_content .left .the-content ol li,
.page_new_detail .page_content .left .the-content ul li {
font-family: Inter-Regular\.ttf;
font-size: 16px;
line-height: 160%;
color: #545454;
padding-bottom: 8px;
padding-left: 7px
}
.page_new_detail .page_content .left .the-content ol li:last-child,
.page_new_detail .page_content .left .the-content ul li:last-child {
padding-bottom: 0
}
.page_new_detail .page_content .left .the-content ol li p,
.page_new_detail .page_content .left .the-content ul li p {
margin-bottom: 10px
}
.page_new_detail .page_content .left .the-content ol li p:last-child,
.page_new_detail .page_content .left .the-content ul li p:last-child {
margin-bottom: 0
}
@media (min-width:1920px) {
.page_new_detail .page_content .left .the-content ol li,
.page_new_detail .page_content .left .the-content ul li {
font-size: 20px
}
}
@media (max-width:576px) {
.page_new_detail .page_content .left .the-content ol,
.page_new_detail .page_content .left .the-content ul {
margin-bottom: 15px;
font-size: 14px
}
}
.page_new_detail .page_content .left .the-content .wp-block-image,
.page_new_detail .page_content .left .the-content .wp-caption {
margin: 0 0 20px;
width: 100% !important
}
.page_new_detail .page_content .left .the-content .wp-block-image img,
.page_new_detail .page_content .left .the-content .wp-caption img {
margin: 0 auto 15px;
display: block;
max-width: 100%
}
.page_new_detail .page_content .left .the-content .wp-block-image figcaption,
.page_new_detail .page_content .left .the-content .wp-block-image p,
.page_new_detail .page_content .left .the-content .wp-caption figcaption,
.page_new_detail .page_content .left .the-content .wp-caption p {
font-family: Inter-Regular\.ttf;
font-style: italic;
font-size: 14px;
line-height: 20px;
text-align: center;
color: rgba(84, 84, 84, .7);
padding: 0 8.33%;
margin: 0
}
@media (min-width:1920px) {
.page_new_detail .page_content .left .the-content .wp-block-image figcaption,
.page_new_detail .page_content .left .the-content .wp-block-image p,
.page_new_detail .page_content .left .the-content .wp-caption figcaption,
.page_new_detail .page_content .left .the-content .wp-caption p {
font-size: 18px
}
}
@media (max-width:576px) {
.page_new_detail .page_content .left .the-content .wp-block-image,
.page_new_detail .page_content .left .the-content .wp-caption {
margin: 0 0 15px
}
}
.page_new_detail .page_content .left .the-content p {
font-family: Inter-Regular\.ttf;
font-size: 16px;
line-height: 170%;
color: #545454;
margin-bottom: 20px
}
.page_new_detail .page_content .left .the-content p:last-child {
margin-bottom: 0
}
@media (min-width:1920px) {
.page_new_detail .page_content .left .the-content p {
font-size: 20px
}
}
@media (max-width:576px) {
.page_new_detail .page_content .left .the-content p {
margin-bottom: 15px;
font-size: 14px
}
}
.page_new_detail .page_content .left .the-content h2 {
font-family: Inter-SemiBold\.ttf;
font-size: 24px;
color: #01265e;
line-height: 150%;
margin-bottom: 20px
}
@media (min-width:1920px) {
.page_new_detail .page_content .left .the-content h2 {
font-size: 34px
}
}
@media (max-width:576px) {
.page_new_detail .page_content .left .the-content h2 {
margin-bottom: 15px;
font-size: 18px
}
}
.page_new_detail .page_content .left .the-content h3 {
font-family: Inter-SemiBold\.ttf;
font-size: 20px;
color: #01265e;
line-height: 150%;
margin-bottom: 20px
}
@media (min-width:1920px) {
.page_new_detail .page_content .left .the-content h3 {
font-size: 28px
}
}
@media (max-width:576px) {
.page_new_detail .page_content .left .the-content h3 {
margin-bottom: 15px;
font-size: 16px
}
}
.page_new_detail .page_content .left .the-content strong {
font-family: Inter-SemiBold\.ttf
}
.page_new_detail .page_content .left .the-content img {
display: block;
max-width: 100%;
margin: 0 auto 20px
}
@media (max-width:576px) {
.page_new_detail .page_content .left .the-content img {
margin: 0 auto 15px
}
}
.page_new_detail .page_content .left .the-content a {
color: #545454;
text-decoration: underline
}
.page_new_detail .page_content .left .intro_general {
display: flex;
flex-wrap: wrap;
margin-top: 60px
}
@media (max-width:576px) {
.page_new_detail .page_content .left .intro_general {
margin-top: 40px
}
}
.page_new_detail .page_content .left .intro_general .item {
width: 50%
}
.page_new_detail .page_content .left .intro_general .item p {
display: flex;
margin-bottom: 6px;
font-family: Inter-Medium\.ttf;
font-size: 12px;
line-height: 150%;
color: #262e3c
}
.page_new_detail .page_content .left .intro_general .item p span {
color: grey;
width: 76px
}
@media (min-width:1920px) {
.page_new_detail .page_content .left .intro_general .item p {
font-size: 15px
}
}
@media (max-width:576px) {
.page_new_detail .page_content .left .intro_general .item {
width: 100%
}
}
@media (max-width:820px) {
.page_new_detail .page_content .right {
width: 100%
}
}
.page_new_detail .page_content .right .page_title {
font-family: Inter-Medium\.ttf
}
@media (max-width:820px) {
.page_new_detail .page_content .right .page_title {
display: none
}
}
.page_new_detail .page_content .right .intro {
margin: 15px 0 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.page_new_detail .page_content .right .intro .cat,
.page_new_detail .page_content .right .intro .date {
color: #858ea7;
white-space: nowrap;
margin-bottom: 5px
}
.page_new_detail .page_content .right .intro .date {
display: flex;
align-items: center
}
.page_new_detail .page_content .right .intro .date img {
margin-right: 5px;
width: 10px
}
@media (max-width:820px) {
.page_new_detail .page_content .right .intro {
display: none
}
}
.page_new_detail .page_content .right .share {
display: flex;
align-items: center
}
.page_new_detail .page_content .right .share li {
margin-right: 10px
}
.page_new_detail .page_content .right .share li a {
position: relative;
display: block
}
.page_new_detail .page_content .right .share li a img {
width: 30px
}
@media (min-width:1920px) {
.page_new_detail .page_content .right .share li a img {
width: 40px
}
}
.page_new_detail .page_content .right .share li a button {
box-shadow: none;
border: 0;
outline: none;
background: transparent;
cursor: pointer;
padding: 0
}
.page_new_detail .page_content .right .share li a .noti {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
width: -webkit-max-content;
width: max-content;
font-family: Inter-Medium\.ttf;
font-size: 12px;
padding: 3px 5px;
border-radius: 5px;
color: #fff;
background: #262e3c;
text-transform: capitalize;
opacity: 0
}
.page_new_detail .page_content .right .share li a .noti:before {
position: absolute;
content: "";
top: -3px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-bottom: 3px solid #262e3c
}
.page_new_detail .page_content .right .share li a .noti.active {
opacity: 1
}
@media (max-width:576px) {
.page_new_detail .page_content .right .share li a .noti {
left: 0;
transform: translateX(0)
}
.page_new_detail .page_content .right .share li a .noti:before {
left: 5px;
transform: translateX(0)
}
}
.page_new_detail .page_content .right .news_relate {
margin-top: 30px;
padding-top: 40px;
border-top: 1px solid #ebebeb
}
@media (max-width:576px) {
.page_new_detail .page_content .right .news_relate {
margin-top: 25px;
padding-top: 30px
}
}
.page_new_detail .page_content .right .news_relate .title {
font-family: Inter-SemiBold\.ttf;
color: #262e3c;
margin-bottom: 25px
}
.page_new_detail .page_content .right .news_relate .list .item {
background: #fff;
border: 1px solid #f4f6f9;
margin-bottom: 15px;
box-sizing: border-box;
padding: 26px 25px 28px
}
.page_new_detail .page_content .right .news_relate .list .item .cat_name,
.page_new_detail .page_content .right .news_relate .list .item .date {
color: #858ea7;
font-size: 12px;
line-height: 170%
}
@media (min-width:1920px) {
.page_new_detail .page_content .right .news_relate .list .item .cat_name,
.page_new_detail .page_content .right .news_relate .list .item .date {
font-size: 15px
}
}
.page_new_detail .page_content .right .news_relate .list .item .date {
display: flex;
align-items: center
}
.page_new_detail .page_content .right .news_relate .list .item .date img {
margin-right: 5px;
width: 10px
}
.page_new_detail .page_content .right .news_relate .list .item h3 a {
display: block;
color: #262e3c;
font-family: Inter-Medium\.ttf;
margin: 14px 0
}
@media (max-width:576px) {
.page_new_detail .page_content .right .news_relate .list .item {
padding: 15px
}
.page_new_detail .page_content .right .news_relate .list .item h3 a {
margin: 10px 0
}
}
.page_contact .form_item_def {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.page_contact .form_item_def .frm-group {
width: 44.3820224719%;
margin-bottom: 45px
}
.page_contact .form_item_def .frm-group label {
display: block;
font-family: Inter-SemiBold\.ttf;
font-size: 16px;
line-height: 150%;
color: #313131;
margin-bottom: 10px
}
@media (min-width:1920px) {
.page_contact .form_item_def .frm-group label {
font-size: 20px
}
}
.page_contact .form_item_def .frm-group input {
width: 100%;
height: 34px;
border: 0;
outline: 0;
box-shadow: none;
border-bottom: 1px solid #ebebeb;
font-family: Inter-Regular\.ttf;
font-size: 14px;
line-height: 170%;
color: #262e3c
}
.page_contact .form_item_def .frm-group input::-webkit-input-placeholder {
color: #c4c4c4
}
.page_contact .form_item_def .frm-group input::-moz-placeholder {
color: #c4c4c4
}
.page_contact .form_item_def .frm-group input:-ms-input-placeholder {
color: #c4c4c4
}
.page_contact .form_item_def .frm-group input:-moz-placeholder {
color: #c4c4c4
}
@media (min-width:1920px) {
.page_contact .form_item_def .frm-group input {
font-size: 18px;
height: 38px
}
}
.page_contact .form_item_def .frm-group._full {
width: 100%
}
.page_contact .form_item_def .frm-group._full label {
margin-bottom: 55px
}
.page_contact .form_item_def .frm-group .messages_error {
font-size: 12px;
font-style: italic;
color: var(--primary-color)
}
@media (max-width:576px) {
.page_contact .form_item_def .frm-group {
width: 100%;
margin-bottom: 22px
}
.page_contact .form_item_def .frm-group .label {
font-size: 14px;
margin-bottom: 5px
}
.page_contact .form_item_def .frm-group._full label {
margin-bottom: 15px
}
}
.page_contact .form_item_def button {
background: var(--primary-color);
color: #fff
}
.page_contact .form_item_def button img {
filter: brightness(0) invert(1)
}
@media (max-width:576px) {
.page_contact .form_item_def button {
margin-top: 25px
}
}
.page_contact .form_item_def .frm_msg {
font-family: Inter-SemiBold\.ttf;
font-size: 16px;
line-height: 150%;
color: #313131;
margin-top: 10px
}
@media (min-width:1920px) {
.page_contact .form_item_def .frm_msg {
font-size: 20px
}
}
.page_contact .page_content_co_operate {
padding: 100px 0 0 6.9444444444%;
box-sizing: border-box;
display: flex;
flex-wrap: wrap
}
@media (max-width:820px) {
.page_contact .page_content_co_operate {
padding: 65px 30px 0
}
}
@media (max-width:576px) {
.page_contact .page_content_co_operate {
padding: 55px 15px 0
}
}
.page_contact .page_content_co_operate .item {
width: 53.1343283582%
}
.page_contact .page_content_co_operate .item:nth-of-type(2n) {
width: 46.8656716418%
}
.page_contact .page_content_co_operate .item:nth-of-type(4) {
display: flex;
align-items: flex-end;
justify-content: flex-end
}
.page_contact .page_content_co_operate .item:nth-of-type(2) {
padding-left: 7.4626865672%;
padding-right: 30px;
padding-top: 17px
}
@media (max-width:820px) {
.page_contact .page_content_co_operate .item,
.page_contact .page_content_co_operate .item:nth-of-type(2n) {
width: 100%
}
.page_contact .page_content_co_operate .item:nth-of-type(2) {
margin-top: 30px;
padding: 0
}
}
@media (max-width:576px) {
.page_contact .page_content_co_operate .item .title_def br {
display: none
}
}
.page_contact .page_content_co_operate .item .excerpt {
font-size: 16px;
color: #545454;
margin-top: 18px;
width: 71.6292134831%
}
@media (min-width:1920px) {
.page_contact .page_content_co_operate .item .excerpt {
font-size: 20px
}
}
@media (max-width:576px) {
.page_contact .page_content_co_operate .item .excerpt {
width: 100%
}
}
.page_contact .page_content_co_operate .item .intro {
display: flex;
align-items: flex-start;
margin-bottom: 13px
}
.page_contact .page_content_co_operate .item .intro p {
font-family: Inter-Medium\.ttf
}
.page_contact .page_content_co_operate .item .intro p:first-of-type {
color: grey;
width: 102px
}
@media (min-width:1920px) {
.page_contact .page_content_co_operate .item .intro p:first-of-type {
width: 115px
}
}
.page_contact .page_content_co_operate .item .intro p:nth-of-type(2) {
color: #262e3c;
width: calc(100% - 102px)
}
.page_contact .page_content_co_operate .item .intro p:nth-of-type(2) a {
color: #262e3c;
display: block
}
@media (min-width:1920px) {
.page_contact .page_content_co_operate .item .intro p:nth-of-type(2) {
width: calc(100% - 115px)
}
}
.page_contact .page_content_co_operate .item .form_item_def {
padding: 110px 0 55px
}
@media (max-width:820px) {
.page_contact .page_content_co_operate .item .form_item_def {
padding: 45px 0 0
}
}
@media (max-width:576px) {
.page_contact .page_content_co_operate .item .form_item_def {
padding: 35px 0 0
}
}
.page_contact .page_content_co_operate .item .img {
width: 106.050955414%;
margin-left: -6.050955414%
}
@media (max-width:820px) {
.page_contact .page_content_co_operate .item .img {
width: 100%;
margin: 0 -30px 0 0
}
}
@media (max-width:576px) {
.page_contact .page_content_co_operate .item .img {
margin: 0 -15px 0 0
}
}
.page_contact .page_content_customer_care {
position: relative;
padding: 0 0 42px;
margin-top: 175px;
box-sizing: border-box
}
.page_contact .page_content_customer_care:after,
.page_contact .page_content_customer_care:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
border-radius: 0 400px 0 0
}
@media (min-width:1920px) {
.page_contact .page_content_customer_care:after,
.page_contact .page_content_customer_care:before {
border-radius: 0 500px 0 0
}
}
@media (max-width:576px) {
.page_contact .page_content_customer_care:after,
.page_contact .page_content_customer_care:before {
border-radius: 0 100px 0 0
}
}
.page_contact .page_content_customer_care:before {
background: var(--primary-color)
}
.page_contact .page_content_customer_care:after {
background: linear-gradient(270deg, #901A21, rgba(193, 33, 35, 0.9))
}
.page_contact .page_content_customer_care .decor {
display: none;
position: absolute;
left: 0;
top: 0;
width: 47.2222222222%;
z-index: 1
}
@media (max-width:1024px) {
.page_contact .page_content_customer_care {
margin-top: 100px
}
}
@media (max-width:576px) {
.page_contact .page_content_customer_care {
margin-top: 65px
}
}
.page_contact .page_content_customer_care .notice {
position: relative;
z-index: 2;
font-family: Inter-Medium\.ttf;
font-size: 20px;
line-height: 150%;
text-transform: capitalize;
color: #fff;
padding: 56px 0 25px 6.9444444444%
}
@media (min-width:1920px) {
.page_contact .page_content_customer_care .notice {
font-size: 26px
}
}
@media (max-width:1024px) {
.page_contact .page_content_customer_care .notice {
padding-left: 30px
}
}
@media (max-width:576px) {
.page_contact .page_content_customer_care .notice {
padding: 25px 30px 20px 15px
}
}
.page_contact .page_content_customer_care .the_content {
position: relative;
z-index: 2;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 0 0 6.9444444444%
}
.page_contact .page_content_customer_care .the_content:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 91.6666666667%;
height: 100%;
background: #fff;
box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
border-radius: 0 500px 500px 0
}
@media (min-width:1920px) {
.page_contact .page_content_customer_care .the_content {
align-items: center
}
}
@media (max-width:1024px) {
.page_contact .page_content_customer_care .the_content {
padding: 0 0 0 30px
}
}
@media (max-width:576px) {
.page_contact .page_content_customer_care .the_content {
padding: 0
}
.page_contact .page_content_customer_care .the_content:before {
border-radius: 0 100px 100px 0
}
}
.page_contact .page_content_customer_care .the_content .left {
position: relative;
z-index: 3;
width: 53.1343283582%;
padding: 70px 0 136px
}
.page_contact .page_content_customer_care .the_content .left .title_def {
text-transform: none
}
.page_contact .page_content_customer_care .the_content .left .form_item_def {
margin-top: 66px
}
.page_contact .page_content_customer_care .the_content .left .form_item_def .frm-group {
margin-bottom: 55px
}
@media (max-width:576px) {
.page_contact .page_content_customer_care .the_content .left .form_item_def .frm-group {
margin-bottom: 22px
}
}
@media (max-width:1024px) {
.page_contact .page_content_customer_care .the_content .left {
padding: 70px 0 100px
}
.page_contact .page_content_customer_care .the_content .left .title_def br {
display: none
}
}
@media (max-width:820px) {
.page_contact .page_content_customer_care .the_content .left {
width: 59.7014925373%
}
}
@media (max-width:576px) {
.page_contact .page_content_customer_care .the_content .left {
width: 100%;
padding: 30px 45px 40px 15px
}
.page_contact .page_content_customer_care .the_content .left .form_item_def {
margin-top: 30px
}
.page_contact .page_content_customer_care .the_content .left .title_def {
font-size: 24px
}
}
.page_contact .page_content_customer_care .the_content .right {
position: relative;
z-index: 3;
width: 43.1343283582%;
margin-bottom: -42px;
display: flex;
align-items: flex-end
}
.page_contact .page_content_customer_care .the_content .right img {
width: 100%;
height: auto
}
@media (max-width:820px) {
.page_contact .page_content_customer_care .the_content .right {
width: 40.2985074627%
}
}
@media (max-width:576px) {
.page_contact .page_content_customer_care .the_content .right {
width: 100%
}
}
.page_thanks {
position: relative;
padding: 104px 6.9444444444% 136px
}
@media (max-width:1024px) {
.page_thanks {
padding: 100px 30px
}
}
@media (max-width:576px) {
.page_thanks {
padding: 105px 15px 50px
}
}
.page_thanks .top {
text-align: center
}
.page_thanks .top .icon {
width: 90px
}
.page_thanks .top p {
margin: 20px 0 88px;
font-family: Inter-SemiBold\.ttf;
font-size: 20px;
line-height: 170%;
color: #262e3c
}
@media (min-width:1920px) {
.page_thanks .top p {
font-size: 26px
}
}
@media (max-width:576px) {
.page_thanks .top p {
margin: 20px 0 30px
}
}
.page_thanks .bottom {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 60px
}
@media (max-width:576px) {
.page_thanks .bottom {
margin-top: 35px
}
}
.page_thanks .bottom .left {
width: 48.3870967742%
}
.page_thanks .bottom .left p {
margin-bottom: 25px;
font-family: Inter-Medium\.ttf;
font-size: 20px;
line-height: 170%;
color: #262e3c
}
.page_thanks .bottom .left p:last-child {
margin-bottom: 0
}
.page_thanks .bottom .left p a {
color: var(--primary-color)
}
@media (min-width:1920px) {
.page_thanks .bottom .left p {
font-size: 26px
}
}
@media (max-width:576px) {
.page_thanks .bottom .left p {
font-size: 16px
}
}
@media (max-width:820px) {
.page_thanks .bottom .left {
width: 100%;
margin-bottom: 40px
}
}
.page_thanks .bottom .right {
width: 37.9032258065%
}
.page_thanks .bottom .right .item {
margin-top: 23px
}
.page_thanks .bottom .right .item .intro {
display: flex;
align-items: flex-start;
margin-bottom: 13px
}
.page_thanks .bottom .right .item .intro p {
font-family: Inter-Medium\.ttf
}
.page_thanks .bottom .right .item .intro p:first-of-type {
color: grey;
width: 102px
}
@media (min-width:1920px) {
.page_thanks .bottom .right .item .intro p:first-of-type {
width: 115px
}
}
.page_thanks .bottom .right .item .intro p:nth-of-type(2) {
color: #262e3c;
width: calc(100% - 102px)
}
.page_thanks .bottom .right .item .intro p:nth-of-type(2) a {
color: #262e3c;
display: block
}
@media (min-width:1920px) {
.page_thanks .bottom .right .item .intro p:nth-of-type(2) {
width: calc(100% - 115px)
}
}
@media (max-width:820px) {
.page_thanks .bottom .right {
width: 100%
}
}
.frm_search_recruitment {
position: relative;
z-index: 10;
width: 86.1111111111%;
margin: 0 auto;
background: #fff;
border: 1px solid #f4f6f9;
box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
padding: 27px 2.7419354839%;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap
}
@media (max-width:1024px) {
.frm_search_recruitment {
width: calc(100% - 60px)
}
}
@media (max-width:820px) {
.frm_search_recruitment {
justify-content: center
}
}
@media (max-width:576px) {
.frm_search_recruitment {
width: calc(100% - 30px)
}
}
.frm_search_recruitment .form-group {
display: flex;
align-items: center;
width: calc((100% - 210px)/2);
border-right: 1px solid rgba(133, 142, 167, .5);
padding-left: 5.6313993174%
}
.frm_search_recruitment .form-group img {
width: 24px;
margin-right: 12px
}
.frm_search_recruitment .form-group input,
.frm_search_recruitment .form-group select {
width: calc(100% - 36px);
height: 36px;
border: 0;
box-shadow: none;
outline: none;
background: transparent;
font-family: Inter-Regular\.ttf;
font-size: 15px;
color: grey;
padding: 5px 10px 5px 0
}
@media (min-width:1920px) {
.frm_search_recruitment .form-group input,
.frm_search_recruitment .form-group select {
font-size: 19px
}
}
.frm_search_recruitment .form-group.no_border {
border-right: 0
}
@media (max-width:1024px) {
.frm_search_recruitment .form-group {
padding-left: 0
}
}
@media (max-width:820px) {
.frm_search_recruitment .form-group {
width: 50%;
border-right: 0;
margin-bottom: 25px
}
}
@media (max-width:576px) {
.frm_search_recruitment .form-group {
width: 100%;
margin-bottom: 15px
}
}
.frm_search_recruitment .btn_def {
outline: none;
border-radius: 0;
width: 154px;
text-transform: inherit;
cursor: pointer
}
@media (max-width:576px) {
.frm_search_recruitment .btn_def {
width: 146px;
height: 40px;
margin-top: 5px
}
}
.page_recruitment .page_banner_def .frm_search_recruitment {
margin-top: -58px
}
@media (min-width:1920px) {
.page_recruitment .page_banner_def .frm_search_recruitment {
margin-top: -70px
}
}
@media (max-width:576px) {
.page_recruitment .page_banner_def .frm_search_recruitment {
margin-top: -35px
}
}
.page_recruitment .page_content .title_def {
text-transform: none
}
.page_recruitment .page_content .inner_wrap_top {
padding-top: 133px
}
@media (max-width:820px) {
.page_recruitment .page_content .inner_wrap_top {
padding-top: 160px
}
}
@media (max-width:575px) {
.page_recruitment .page_content .inner_wrap_top {
padding-top: 210px
}
}
.page_recruitment .page_content .inner_wrap_top .title_def {
width: 100%;
text-align: center;
padding: 17px 0 18px;
background-size: cover
}
@media (max-width:575px) {
.page_recruitment .page_content .inner_wrap_top .title_def {
font-size: 22px;
padding: 15px 0 16px
}
}
.page_recruitment .page_content .inner_wrap_top .btn_def {
margin: 0 auto
}
.page_recruitment .page_content .inner_wrap_top .list_recruitment {
margin: 40px 0 18px;
display: flex;
flex-wrap: wrap
}
@media (max-width:575px) {
.page_recruitment .page_content .inner_wrap_top .list_recruitment {
margin: 35px 0 15px
}
}
.page_recruitment .page_content .inner_wrap_top .list_recruitment .item {
display: block;
width: calc((100% - 52px)/3);
margin-right: 26px;
margin-bottom: 28px;
background: #fff;
box-shadow: 46px 44px 26px rgba(0, 0, 0, .01), 26px 25px 22px rgba(0, 0, 0, .03), 11px 11px 16px rgba(0, 0, 0, .04), 3px 3px 9px rgba(0, 0, 0, .05), 0 0 0 rgba(0, 0, 0, .05);
padding: 20px;
box-sizing: border-box
}
.page_recruitment .page_content .inner_wrap_top .list_recruitment .item:nth-of-type(3n) {
margin-right: 0
}
@media (max-width:820px) {
.page_recruitment .page_content .inner_wrap_top .list_recruitment .item {
width: calc((100% - 30px)/3);
margin-right: 15px;
margin-bottom: 22px;
padding: 20px 15px
}
}
@media (max-width:575px) {
.page_recruitment .page_content .inner_wrap_top .list_recruitment .item {
width: 100%;
margin-right: 0
}
}
.page_recruitment .page_content .inner_wrap_top .list_recruitment .item h3 {
font-family: Inter-SemiBold\.ttf;
font-size: 18px;
line-height: 150%;
color: #01265e;
margin-bottom: 4px;
overflow: hidden;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical
}
@media (min-width:1920px) {
.page_recruitment .page_content .inner_wrap_top .list_recruitment .item h3 {
font-size: 22px
}
}
@media (max-width:820px) {
.page_recruitment .page_content .inner_wrap_top .list_recruitment .item h3 {
font-size: 16px
}
}
.page_recruitment .page_content .inner_wrap_top .list_recruitment .item .intro {
display: flex;
flex-wrap: wrap
}
.page_recruitment .page_content .inner_wrap_top .list_recruitment .item .intro p {
display: flex;
align-items: flex-start;
margin-right: 20px
}
.page_recruitment .page_content .inner_wrap_top .list_recruitment .item .intro p img {
width: 16px;
margin-right: 6px;
margin-top: 4px
}
.page_recruitment .page_content .inner_wrap_top .list_recruitment .item .intro p span {
width: calc(100% - 22px);
font-size: 15px;
line-height: 170%;
color: #262e3c
}
@media (min-width:1920px) {
.page_recruitment .page_content .inner_wrap_top .list_recruitment .item .intro p img {
width: 20px
}
.page_recruitment .page_content .inner_wrap_top .list_recruitment .item .intro p span {
width: calc(100% - 26px);
font-size: 19px
}
}
@media (max-width:820px) {
.page_recruitment .page_content .inner_wrap_top .list_recruitment .item .intro p {
margin-right: 15px
}
.page_recruitment .page_content .inner_wrap_top .list_recruitment .item .intro p span {
font-size: 14px
}
}
.page_recruitment .page_content .screen1 {
padding: 64px 0
}
@media (max-width:820px) {
.page_recruitment .page_content .screen1 {
padding: 70px 0
}
}
@media (max-width:576px) {
.page_recruitment .page_content .screen1 {
padding: 40px 0
}
}
.page_recruitment .page_content .screen1 .content_common {
display: flex;
flex-wrap: wrap;
align-items: center
}
.page_recruitment .page_content .screen1 .content_common .left {
width: 54.0322580645%
}
.page_recruitment .page_content .screen1 .content_common .left .img {
position: relative;
width: 100%;
padding-top: 80.5%
}
.page_recruitment .page_content .screen1 .content_common .left .img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover
}
@media (max-width:820px) {
.page_recruitment .page_content .screen1 .content_common .left {
width: 100%;
order: 2
}
}
.page_recruitment .page_content .screen1 .content_common .right {
width: 45.9677419355%;
padding-left: 5.8064516129%
}
.page_recruitment .page_content .screen1 .content_common .right .content {
margin-top: 32px
}
.page_recruitment .page_content .screen1 .content_common .right .content ul li {
position: relative;
font-size: "Inter-Regular.ttf";
font-size: 14px;
line-height: 170%;
color: #3f4855;
padding-bottom: 12px;
padding-left: 22px
}
.page_recruitment .page_content .screen1 .content_common .right .content ul li:after,
.page_recruitment .page_content .screen1 .content_common .right .content ul li:before {
position: absolute;
content: "";
top: 8px
}
.page_recruitment .page_content .screen1 .content_common .right .content ul li:before {
left: 0;
width: 8px;
height: 8px;
background: var(--primary-color);
border-radius: 50%;
z-index: 1
}
.page_recruitment .page_content .screen1 .content_common .right .content ul li:after {
height: 100%;
width: 1px;
background: #c4c4c4;
left: 4px
}
.page_recruitment .page_content .screen1 .content_common .right .content ul li:last-child {
padding-bottom: 0
}
.page_recruitment .page_content .screen1 .content_common .right .content ul li:last-child:after {
display: none
}
@media (min-width:1920px) {
.page_recruitment .page_content .screen1 .content_common .right .content ul li {
font-size: 18px
}
}
@media (max-width:820px) {
.page_recruitment .page_content .screen1 .content_common .right {
width: 100%;
order: 1;
padding-left: 0;
margin-bottom: 35px
}
}
@media (max-width:576px) {
.page_recruitment .page_content .screen1 .content_common .right .content {
margin-top: 25px
}
}
.page_recruitment .page_content .screen2 {
position: relative;
padding: 64px 0;
background: var(--primary-color)
}
@media (max-width:576px) {
.page_recruitment .page_content .screen2 {
padding: 50px 0
}
}
.page_recruitment .page_content .screen2 .decor {
position: absolute;
z-index: 1;
left: 0;
bottom: 0;
width: 33.8194444444%;
pointer-events: none
}
.page_recruitment .page_content .screen2 .decor img {
display: none;
position: absolute;
bottom: 0;
width: 100%;
max-width: 100%
}
.page_recruitment .page_content .screen2 .container_common {
position: relative;
z-index: 2;
display: flex;
align-itemS: center;
justify-content: space-between;
padding-right: 0;
padding-left: 6.9444444444%
}
@media (max-width:820px) {
.page_recruitment .page_content .screen2 .container_common {
flex-wrap: wrap;
padding: 0
}
}
.page_recruitment .page_content .screen2 .container_common .left {
position: relative;
z-index: 2;
width: 37.3134328358%
}
.page_recruitment .page_content .screen2 .container_common .left .content {
margin-top: 32px;
font-family: Inter-Regular\.ttf;
font-size: 14px;
line-height: 170%;
color: #fff
}
.page_recruitment .page_content .screen2 .container_common .left .content p {
margin-bottom: 12px
}
.page_recruitment .page_content .screen2 .container_common .left .content p:last-child {
margin-bottom: 0
}
@media (min-width:1920px) {
.page_recruitment .page_content .screen2 .container_common .left .content {
font-size: 18px
}
}
@media (max-width:820px) {
.page_recruitment .page_content .screen2 .container_common .left {
width: 100%;
padding: 0 30px
}
}
@media (max-width:576px) {
.page_recruitment .page_content .screen2 .container_common .left {
padding: 0 15px
}
}
.page_recruitment .page_content .screen2 .container_common .right {
position: relative;
width: 53.7313432836%
}
@media (max-width:1024px) {
.page_recruitment .page_content .screen2 .container_common .right {
width: 48%
}
}
@media (max-width:820px) {
.page_recruitment .page_content .screen2 .container_common .right {
position: relative;
width: calc(100% - 30px);
top: 0;
transform: translateY(0);
margin-top: 40px;
margin-left: 30px
}
}
@media (max-width:576px) {
.page_recruitment .page_content .screen2 .container_common .right {
width: calc(100% - 15px);
margin-top: 35px;
margin-left: 15px
}
}
.page_recruitment .page_content .screen2 .container_common .right .img {
width: 100%;
padding-top: 59%;
background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .75), rgba(190, 0, 0, 0));
border-radius: 500px 0 0 500px;
overflow: hidden;
transition: all .5s ease
}
.page_recruitment .page_content .screen2 .container_common .right .img img {
position: absolute;
top: 14px;
bottom: 14px;
right: 0;
left: 14px;
width: calc(100% - 14px);
height: calc(100% - 28px);
object-fit: cover;
object-position: left center;
border-radius: 500px 0 0 500px
}
@media (max-width:576px) {
.page_recruitment .page_content .screen2 .container_common .right .img {
border-radius: 180px 0 0 180px
}
}
.page_recruitment .page_content .screen3 {
position: relative;
padding: 64px 0
}
@media (max-width:820px) {
.page_recruitment .page_content .screen3 {
padding: 70px 0
}
}
@media (max-width:576px) {
.page_recruitment .page_content .screen3 {
padding: 40px 0
}
}
.page_recruitment .page_content .screen3 .decor {
position: absolute;
left: 0;
top: 47.8515625%;
width: 24.1666666667%
}
.page_recruitment .page_content .screen3 .decor img {
width: 100%
}
@media (max-width:820px) {
.page_recruitment .page_content .screen3 .decor {
top: 60px
}
}
@media (max-width:576px) {
.page_recruitment .page_content .screen3 .decor {
top: 30px
}
}
.page_recruitment .page_content .screen3 .content_common {
position: relative;
z-index: 2;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.page_recruitment .page_content .screen3 .content_common .left {
width: 36.2903225806%
}
@media (max-width:820px) {
.page_recruitment .page_content .screen3 .content_common .left {
width: 100%;
margin-bottom: 35px
}
}
@media (max-width:576px) {
.page_recruitment .page_content .screen3 .content_common .left {
margin-bottom: 25px
}
}
.page_recruitment .page_content .screen3 .content_common .right {
width: 61.6129032258%
}
.page_recruitment .page_content .screen3 .content_common .right ul {
column-count: 2;
column-gap: 5.4838709677%
}
.page_recruitment .page_content .screen3 .content_common .right ul li {
text-align: justify
}
@media (max-width:820px) {
.page_recruitment .page_content .screen3 .content_common .right {
width: 100%
}
}
@media (max-width:576px) {
.page_recruitment .page_content .screen3 .content_common .right ul {
column-count: 1;
column-gap: 0
}
.page_recruitment .page_content .screen3 .content_common .right ul li {
margin-bottom: 12px
}
.page_recruitment .page_content .screen3 .content_common .right ul li:last-child {
margin-bottom: 0
}
}
.page_recruitment .page_content .screen4 {
position: relative;
padding: 110px 27.7777777778%
}
.page_recruitment .page_content .screen4:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .65);
z-index: 1
}
.page_recruitment .page_content .screen4 .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.page_recruitment .page_content .screen4 .text {
position: relative;
z-index: 2;
text-align: center
}
.page_recruitment .page_content .screen4 .text .content {
margin-top: 30px;
color: #fff
}
@media (max-width:1024px) {
.page_recruitment .page_content .screen4 {
padding: 110px 13.8888888889%
}
}
@media (max-width:820px) {
.page_recruitment .page_content .screen4 {
padding: 80px 8.3333333333%
}
}
@media (max-width:576px) {
.page_recruitment .page_content .screen4 {
padding: 45px 30px
}
.page_recruitment .page_content .screen4 .text .title_def {
font-size: 24px
}
.page_recruitment .page_content .screen4 .text .content {
margin-top: 25px;
text-align: justify
}
}
.page_recruitment .page_content .screen5 {
position: relative;
padding: 120px 0
}
@media (max-width:820px) {
.page_recruitment .page_content .screen5 {
padding: 80px 0
}
}
@media (max-width:576px) {
.page_recruitment .page_content .screen5 {
padding: 45px 0
}
}
.page_recruitment .page_content .screen5 .content_common {
display: flex;
flex-wrap: wrap
}
.page_recruitment .page_content .screen5 .content_common .left {
width: 50.4838709677%
}
@media (max-width:820px) {
.page_recruitment .page_content .screen5 .content_common .left {
width: 100%
}
}
@media (max-width:576px) {
.page_recruitment .page_content .screen5 .content_common .left .title_def br {
display: none
}
}
.page_recruitment .page_content .screen5 .content_common .right {
width: 49.5161290323%;
padding-left: 20px;
box-sizing: border-box
}
.page_recruitment .page_content .screen5 .content_common .right ul li {
position: relative;
font-size: "Inter-Regular.ttf";
font-size: 16px;
line-height: 170%;
color: #3f4855;
padding-bottom: 10px;
padding-left: 22px
}
.page_recruitment .page_content .screen5 .content_common .right ul li:before {
position: absolute;
content: "";
top: 8px;
left: 0;
width: 8px;
height: 8px;
background: #262e3c;
border-radius: 50%;
z-index: 1
}
.page_recruitment .page_content .screen5 .content_common .right ul li:last-child {
padding-bottom: 0
}
.page_recruitment .page_content .screen5 .content_common .right ul li:last-child:after {
display: none
}
@media (min-width:1920px) {
.page_recruitment .page_content .screen5 .content_common .right ul li {
font-size: 20px
}
}
@media (max-width:820px) {
.page_recruitment .page_content .screen5 .content_common .right {
width: 100%;
padding-left: 0;
margin-top: 35px
}
}
@media (max-width:576px) {
.page_recruitment .page_content .screen5 .content_common .right {
margin-top: 25px
}
}
.page_recruitment .page_content .screen5 .content_common .video {
position: relative;
width: 82.9838709677%;
padding-top: 40%;
margin: 80px auto 0
}
.page_recruitment .page_content .screen5 .content_common .video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
@media (max-width:820px) {
.page_recruitment .page_content .screen5 .content_common .video {
width: 100%;
margin: 40px 0 0;
padding-top: 56%
}
}
@media (max-width:576px) {
.page_recruitment .page_content .screen5 .content_common .video {
margin: 30px 0 0
}
}
.page_recruitment_position .page_banner_def .frm_search_recruitment {
margin-top: -58px
}
@media (min-width:1920px) {
.page_recruitment_position .page_banner_def .frm_search_recruitment {
margin-top: -70px
}
}
@media (max-width:576px) {
.page_recruitment_position .page_banner_def .frm_search_recruitment {
margin-top: -35px
}
}
.page_recruitment_position .page_content {
padding: 90px 10.4166666667% 100px
}
@media (max-width:1024px) {
.page_recruitment_position .page_content {
padding: 160px 30px 90px
}
}
@media (max-width:576px) {
.page_recruitment_position .page_content {
padding: 210px 15px 45px
}
}
.page_recruitment_position .page_content .count {
font-family: Inter-Medium\.ttf;
font-size: 16px;
line-height: 150%;
color: #262e3c
}
.page_recruitment_position .page_content .count span {
color: var(--primary-color)
}
@media (min-width:1920px) {
.page_recruitment_position .page_content .count {
font-size: 20px
}
}
.page_recruitment_position .page_content .list_recruitment {
margin-top: 16px
}
.page_recruitment_position .page_content .list_recruitment .item {
padding: 16px;
border-bottom: 1px solid #c4c4c4
}
@media (max-width:576px) {
.page_recruitment_position .page_content .list_recruitment .item {
padding: 0
}
}
.page_recruitment_position .page_content .list_recruitment .item a {
display: block;
width: 100%;
position: relative;
padding: 20px 0
}
@media (max-width:576px) {
.page_recruitment_position .page_content .list_recruitment .item a {
padding: 25px 0
}
}
.page_recruitment_position .page_content .list_recruitment .item a:before {
position: absolute;
content: "";
width: 104.854368932%;
height: 100%;
top: 0;
left: -2.427184466%;
background: transparent;
transition: all .3s ease
}
.page_recruitment_position .page_content .list_recruitment .item a .top {
display: flex;
align-items: flex-start;
justify-content: space-between
}
.page_recruitment_position .page_content .list_recruitment .item a .top .title_def {
width: calc(100% - 300px)
}
.page_recruitment_position .page_content .list_recruitment .item a .top .end_time {
width: -webkit-max-content;
width: max-content;
text-align: right;
font-family: Inter-Medium\.ttf;
font-size: 16px;
line-height: 150%;
color: #262e3c
}
@media (min-width:1920px) {
.page_recruitment_position .page_content .list_recruitment .item a .top .end_time {
font-size: 20px
}
}
@media (max-width:576px) {
.page_recruitment_position .page_content .list_recruitment .item a .top {
flex-wrap: wrap
}
.page_recruitment_position .page_content .list_recruitment .item a .top .title_def {
width: 100%;
font-size: 22px
}
.page_recruitment_position .page_content .list_recruitment .item a .top .end_time {
width: 100%;
text-align: left;
font-size: 14px;
margin: 12px 0 10px
}
}
.page_recruitment_position .page_content .list_recruitment .item a .center {
margin: 6px 0 16px;
display: flex;
flex-wrap: wrap
}
.page_recruitment_position .page_content .list_recruitment .item a .center p {
display: flex;
align-items: flex-start;
margin-right: 32px
}
.page_recruitment_position .page_content .list_recruitment .item a .center p img {
width: 24px;
margin-right: 6px
}
.page_recruitment_position .page_content .list_recruitment .item a .center p span {
width: calc(100% - 30px);
font-family: Inter-Medium\.ttf;
font-size: 16px;
line-height: 170%;
color: #262e3c
}
@media (min-width:1920px) {
.page_recruitment_position .page_content .list_recruitment .item a .center p img {
width: 28px
}
.page_recruitment_position .page_content .list_recruitment .item a .center p span {
width: calc(100% - 34px);
font-size: 20px
}
}
@media (max-width:820px) {
.page_recruitment_position .page_content .list_recruitment .item a .center p {
margin-right: 15px
}
.page_recruitment_position .page_content .list_recruitment .item a .center p img {
width: 24px
}
.page_recruitment_position .page_content .list_recruitment .item a .center p span {
font-size: 14px
}
}
@media (max-width:576px) {
.page_recruitment_position .page_content .list_recruitment .item a .center p {
margin-bottom: 8px
}
.page_recruitment_position .page_content .list_recruitment .item a .center p:last-child {
margin-bottom: 0
}
.page_recruitment_position .page_content .list_recruitment .item a .center p img {
width: 20px
}
.page_recruitment_position .page_content .list_recruitment .item a .center p span {
width: calc(100% - 26px)
}
}
.page_recruitment_position .page_content .list_recruitment .item a .excerpt {
color: #3f4855;
overflow: hidden;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical
}
.page_recruitment_position .page_content .list_recruitment .item:hover a:before {
background: rgba(133, 142, 167, .1)
}
.page_recruitment_position .page_content .list_recruitment .pagination_list_def .paginate_links {
justify-content: center
}
.page_recruitment_position .page_content .see-more-search {
margin: 50px auto 0;
cursor: pointer
}
@media (max-width:576px) {
.page_recruitment_position .page_content .see-more-search {
margin: 30px auto 0
}
}
.page_recruitment_detail {
position: relative;
padding: 40px 0 100px
}
@media (max-width:1024px) {
.page_recruitment_detail {
padding: 120px 0 80px
}
}
@media (max-width:576px) {
.page_recruitment_detail {
padding: 100px 0 45px
}
}
.page_recruitment_detail .breadcrumb_def {
margin-bottom: 36px
}
@media (max-width:576px) {
.page_recruitment_detail .breadcrumb_def {
margin-bottom: 28px
}
}
.page_recruitment_detail .frm_search_recruitment {
width: 100%
}
.page_recruitment_detail .page_content {
margin-top: 64px;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap
}
@media (max-width:1024px) {
.page_recruitment_detail .page_content {
margin-top: 50px
}
}
@media (max-width:576px) {
.page_recruitment_detail .page_content {
margin-top: 35px
}
}
.page_recruitment_detail .page_content .left {
width: 68.1451612903%
}
@media (max-width:1024px) {
.page_recruitment_detail .page_content .left {
width: 100%;
margin-bottom: 40px
}
}
@media (max-width:576px) {
.page_recruitment_detail .page_content .left {
margin-bottom: 30px
}
}
.page_recruitment_detail .page_content .left .sub_title {
font-size: 16px;
line-height: 150%;
letter-spacing: .04em;
text-transform: uppercase;
color: #01265e;
margin-bottom: 8px
}
@media (min-width:1920px) {
.page_recruitment_detail .page_content .left .sub_title {
font-size: 20px
}
}
.page_recruitment_detail .page_content .left .intro {
width: 100%;
margin: 24px 0 40px;
padding: 40px 11.2426035503% 24px 0;
box-sizing: border-box;
border-top: 1px solid #e7eaef;
border-bottom: 1px solid #e7eaef;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
@media (max-width:1400px) {
.page_recruitment_detail .page_content .left .intro {
padding: 40px 0 24px
}
}
@media (max-width:1024px) {
.page_recruitment_detail .page_content .left .intro {
padding: 26px 0 14px
}
}
@media (max-width:576px) {
.page_recruitment_detail .page_content .left .intro {
margin: 22px 0 30px
}
}
.page_recruitment_detail .page_content .left .intro p {
width: 48%;
display: flex;
align-items: center;
margin-right: 15px;
margin-bottom: 16px
}
.page_recruitment_detail .page_content .left .intro p img {
width: 20px;
margin-right: 6px
}
.page_recruitment_detail .page_content .left .intro p span {
width: calc(100% - 26px);
font-size: 16px;
line-height: 150%;
color: #262e3c
}
.page_recruitment_detail .page_content .left .intro p span strong {
font-family: Inter-SemiBold\.ttf
}
@media (min-width:1920px) {
.page_recruitment_detail .page_content .left .intro p img {
width: 24px
}
.page_recruitment_detail .page_content .left .intro p span {
width: calc(100% - 30px);
font-size: 20px
}
}
@media (max-width:820px) {
.page_recruitment_detail .page_content .left .intro p span {
font-size: 14px
}
}
@media (max-width:768px) {
.page_recruitment_detail .page_content .left .intro p {
width: 100%;
margin-right: 0;
margin-bottom: 12px
}
}
.page_recruitment_detail .page_content .left .the-content {
font-family: Inter-Medium\.ttf;
font-size: 14px;
line-height: 150%;
color: #3f4855
}
.page_recruitment_detail .page_content .left .the-content h3 {
font-family: Inter-Bold\.ttf;
font-size: 16px;
line-height: 150%;
color: #262e3c;
margin-bottom: 16px
}
.page_recruitment_detail .page_content .left .the-content b,
.page_recruitment_detail .page_content .left .the-content strong {
font-family: Inter-Bold\.ttf
}
.page_recruitment_detail .page_content .left .the-content p {
margin-bottom: 12px
}
.page_recruitment_detail .page_content .left .the-content ul li {
position: relative;
font-size: "Inter-Medium.ttf";
font-size: 14px;
line-height: 150%;
color: #3f4855;
padding-bottom: 10px;
padding-left: 22px
}
.page_recruitment_detail .page_content .left .the-content ul li:before {
position: absolute;
content: "";
top: 8px;
left: 0;
width: 8px;
height: 8px;
background: #262e3c;
border-radius: 50%;
z-index: 1
}
.page_recruitment_detail .page_content .left .the-content ul li:last-child {
padding-bottom: 0
}
.page_recruitment_detail .page_content .left .the-content ul li:last-child:after {
display: none
}
.page_recruitment_detail .page_content .left .the-content hr {
border-top: 1px solid #e7eaef !important;
border-bottom: 0 !important;
margin: 32px 0
}
@media (min-width:1920px) {
.page_recruitment_detail .page_content .left .the-content {
font-size: 18px
}
.page_recruitment_detail .page_content .left .the-content h3 {
font-size: 20px
}
.page_recruitment_detail .page_content .left .the-content ul li {
font-size: 18px
}
}
@media (max-width:576px) {
.page_recruitment_detail .page_content .left .the-content hr {
margin: 26px 0
}
}
.page_recruitment_detail .page_content .left .share {
margin-top: 32px;
padding-top: 32px;
border-top: 1px solid #e7eaef;
display: flex;
align-items: center
}
.page_recruitment_detail .page_content .left .share .btn_def {
cursor: pointer
}
.page_recruitment_detail .page_content .left .share span {
display: block;
margin: 0 32px;
font-family: Inter-Medium\.ttf
}
.page_recruitment_detail .page_content .left .share .icon {
display: flex;
align-items: center
}
.page_recruitment_detail .page_content .left .share .icon li {
margin-right: 16px
}
.page_recruitment_detail .page_content .left .share .icon li a img {
transition: all .3s ease;
transform: scale(1)
}
.page_recruitment_detail .page_content .left .share .icon li:hover a img {
transform: scale(1.1)
}
@media (max-width:576px) {
.page_recruitment_detail .page_content .left .share {
margin-top: 26px;
padding-top: 26px
}
.page_recruitment_detail .page_content .left .share span {
margin: 0 20px
}
.page_recruitment_detail .page_content .left .share .icon li {
margin-right: 12px
}
.page_recruitment_detail .page_content .left .share .icon li a img {
width: 34px
}
}
.page_recruitment_detail .page_content .right {
width: 23.3870967742%;
background: #fafafa;
border-radius: 5px;
display: inline-block;
box-sizing: border-box;
padding: 32px 30px 0
}
@media (max-width:1024px) {
.page_recruitment_detail .page_content .right {
width: 100%
}
}
@media (max-width:576px) {
.page_recruitment_detail .page_content .right {
padding: 28px 15px 0
}
}
.page_recruitment_detail .page_content .right .title {
font-family: Inter-SemiBold\.ttf;
font-size: 16px;
line-height: 150%;
letter-spacing: .04em;
text-transform: uppercase;
color: #262e3c
}
@media (min-width:1920px) {
.page_recruitment_detail .page_content .right .title {
font-size: 20px
}
}
.page_recruitment_detail .page_content .right .recruitment_related {
margin-top: 16px
}
.page_recruitment_detail .page_content .right .recruitment_related .item {
display: block;
width: 100%;
padding: 24px 0;
border-top: 1px solid #c4c4c4
}
.page_recruitment_detail .page_content .right .recruitment_related .item .title {
font-family: Inter-SemiBold\.ttf;
font-size: 16px;
line-height: 150%;
color: #01265e
}
@media (min-width:1920px) {
.page_recruitment_detail .page_content .right .recruitment_related .item .title {
font-size: 20px
}
}
.page_recruitment_detail .page_content .right .recruitment_related .item .intro {
width: 100%;
display: flex;
flex-wrap: wrap;
margin-top: 8px
}
.page_recruitment_detail .page_content .right .recruitment_related .item .intro p {
display: flex;
align-items: center;
margin-right: 15px
}
.page_recruitment_detail .page_content .right .recruitment_related .item .intro p img {
width: 16px;
margin-right: 4px
}
.page_recruitment_detail .page_content .right .recruitment_related .item .intro p span {
font-size: "Inter-Medium.ttf";
width: -webkit-max-content;
width: max-content;
font-size: 12px;
line-height: 170%;
color: #262e3c
}
@media (min-width:1920px) {
.page_recruitment_detail .page_content .right .recruitment_related .item .intro p img {
width: 20px
}
.page_recruitment_detail .page_content .right .recruitment_related .item .intro p span {
font-size: 15px
}
}
@media (max-width:820px) {
.page_recruitment_detail .page_content .right .recruitment_related .item .intro p span {
font-size: 14px
}
}
@media (max-width:576px) {
.page_recruitment_detail .page_content .right .recruitment_related .item {
padding: 20px 0
}
}
.popup_info_def {
position: fixed;
z-index: 101;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, .5);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
transition: all .3s ease;
opacity: 0;
pointer-events: none;
transform: scale(.75)
}
.popup_info_def.show {
opacity: 1;
pointer-events: all;
transform: scale(1)
}
.popup_info_def .popup_content {
position: relative;
width: 500px;
padding: 40px;
background: #fff
}
@media (max-width:575px) {
.popup_info_def .popup_content {
width: calc(100% - 40px);
padding: 40px 20px 20px
}
}
.popup_info_def .popup_content ._bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
object-position: top center
}
.popup_info_def .popup_content .title_def {
margin: 0 0 30px;
text-transform: inherit;
text-align: center
}
@media (max-width:575px) {
.popup_info_def .popup_content .title_def {
font-size: 24px;
margin: 0 0 20px
}
}
.popup_info_def .popup_content .close {
position: absolute;
top: 20px;
right: 20px;
cursor: pointer
}
.popup_info_def .popup_content .close img {
width: 16px
}
@media (max-width:575px) {
.popup_info_def .popup_content .close {
top: 15px;
right: 15px
}
}
.popup_info_def .popup_content .form_single_def {
position: relative;
z-index: 3
}
.popup_info_def .popup_content .form_single_def .frm-group {
position: relative;
margin-bottom: 20px;
width: 100%
}
.popup_info_def .popup_content .form_single_def .frm-group input,
.popup_info_def .popup_content .form_single_def .frm-group textarea {
width: 100%;
height: 36px;
background: #fff;
border: 1px solid #dfe5ee;
border-radius: 20.5px;
padding: 5px 20px;
box-shadow: none;
outline: none;
font-family: Inter-Regular\.ttf;
font-size: 15px;
color: grey;
resize: none
}
@media (min-width:1920px) {
.popup_info_def .popup_content .form_single_def .frm-group input,
.popup_info_def .popup_content .form_single_def .frm-group textarea {
font-size: 18px;
height: 42px
}
}
@media (max-width:575px) {
.popup_info_def .popup_content .form_single_def .frm-group input,
.popup_info_def .popup_content .form_single_def .frm-group textarea {
height: 34px;
font-size: 14px;
border-radius: 15px
}
}
.popup_info_def .popup_content .form_single_def .frm-group input[type=file],
.popup_info_def .popup_content .form_single_def .frm-group input[type=file]::-webkit-file-upload-button {
cursor: pointer;
outline: none
}
.popup_info_def .popup_content .form_single_def .frm-group .messages_error {
position: absolute;
top: 100%;
right: 0;
color: var(--primary-color);
font-family: Inter-Regular\.ttf;
font-size: 12px;
line-height: 18px;
font-style: italic
}
.popup_info_def .popup_content .form_single_def .frm-group._file {
height: 36px;
border: 1px solid #dfe5ee;
border-radius: 20.5px
}
.popup_info_def .popup_content .form_single_def .frm-group._file input {
position: relative;
z-index: 2;
opacity: 0
}
.popup_info_def .popup_content .form_single_def .frm-group._file .js_upload_name_letter,
.popup_info_def .popup_content .form_single_def .frm-group._file img {
position: absolute;
top: 50%;
transform: translatey(-50%);
z-index: 1;
outline: none
}
.popup_info_def .popup_content .form_single_def .frm-group._file img {
width: 23px;
right: 10px
}
.popup_info_def .popup_content .form_single_def .frm-group._file .js_upload_name_letter {
left: 20px;
font-family: Inter-Regular\.ttf;
font-size: 15px;
color: grey
}
@media (min-width:1920px) {
.popup_info_def .popup_content .form_single_def .frm-group._file {
height: 42px
}
.popup_info_def .popup_content .form_single_def .frm-group._file .js_upload_name_letter {
font-size: 18px
}
}
@media (max-width:575px) {
.popup_info_def .popup_content .form_single_def .frm-group._file {
height: 34px;
border-radius: 15px
}
.popup_info_def .popup_content .form_single_def .frm-group._file .js_upload_name_letter {
font-size: 14px
}
}
.popup_info_def .popup_content .form_single_def .frm-group._textarea textarea {
height: 80px !important
}
@media (max-width:575px) {
.popup_info_def .popup_content .form_single_def .frm-group._textarea textarea {
height: 70px
}
}
.popup_info_def .popup_content .form_single_def em {
font-size: 13px;
color: grey
}
@media (min-width:1920px) {
.popup_info_def .popup_content .form_single_def em {
font-size: 15px
}
}
@media (max-width:575px) {
.popup_info_def .popup_content .form_single_def em {
font-size: 12px
}
}
.popup_info_def .popup_content .form_single_def .btn_def {
width: 100%;
margin-top: 26px
}
@media (max-width:575px) {
.popup_info_def .popup_content .form_single_def .btn_def {
margin-top: 20px
}
}
.popup_info_def .popup_content .form_single_def .frm_msg {
color: var(--primary-color);
font-size: 16px;
font-family: Inter-Medium\.ttf;
margin-top: 10px;
text-align: center
}
.page_develop .page_content .excerpt {
margin-top: 40px;
font-size: 16px;
line-height: 170%;
color: #3f4855
}
@media (min-width:1920px) {
.page_develop .page_content .excerpt {
font-size: 20px
}
}
@media (max-width:576px) {
.page_develop .page_content .excerpt {
margin-top: 25px
}
}
.page_develop .page_content .screen_def {
position: relative
}
.page_develop .page_content .screen_def .decor1 {
display: none;
position: absolute;
pointer-events: none;
left: 0;
top: 0;
width: 44.4444444444%;
height: auto
}
.page_develop .page_content .screen_def .quote {
position: relative;
padding: 0 25px;
font-family: Inter-SemiBold\.ttf;
font-size: 20px;
line-height: 170%;
text-align: center;
color: #262e3c;
box-sizing: border-box
}
.page_develop .page_content .screen_def .quote .quote_l,
.page_develop .page_content .screen_def .quote .quote_r {
position: absolute;
width: 20px
}
.page_develop .page_content .screen_def .quote .quote_l {
top: 0;
left: 0
}
.page_develop .page_content .screen_def .quote .quote_r {
right: 0;
bottom: 0
}
@media (min-width:1920px) {
.page_develop .page_content .screen_def .quote {
font-size: 26px;
padding: 0 30px
}
.page_develop .page_content .screen_def .quote .quote_l,
.page_develop .page_content .screen_def .quote .quote_r {
width: 24px
}
}
@media (max-width:576px) {
.page_develop .page_content .screen_def .quote {
font-size: 16px;
padding: 0 30px
}
}
.page_develop .page_content .news_other_def {
padding-left: 6.9444444444%;
padding-right: 6.9444444444%;
padding-bottom: 64px;
padding-top: 64px
}
@media (max-width:1024px) {
.page_develop .page_content .news_other_def {
padding-left: 30px;
padding-right: 30px;
padding-bottom: 80px
}
}
@media (max-width:576px) {
.page_develop .page_content .news_other_def {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 40px
}
}
.page_social_responsibility .page_content .screen1 {
padding: 123px 0 68px
}
@media (max-width:1024px) {
.page_social_responsibility .page_content .screen1 {
padding: 100px 0 68px
}
}
@media (max-width:576px) {
.page_social_responsibility .page_content .screen1 {
padding: 65px 0 10px
}
}
.page_social_responsibility .page_content .screen1 .quote {
width: 49.3055555556%;
margin: 0 auto 70px
}
@media (max-width:1024px) {
.page_social_responsibility .page_content .screen1 .quote {
width: 86.1111111111%
}
}
@media (max-width:820px) {
.page_social_responsibility .page_content .screen1 .quote {
margin: 0 auto 50px
}
}
@media (max-width:576px) {
.page_social_responsibility .page_content .screen1 .quote {
width: calc(100% - 30px);
margin: 0 auto 20px
}
}
.page_social_responsibility .page_content .screen1 .list_content .item {
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 6.9444444444%
}
.page_social_responsibility .page_content .screen1 .list_content .item .left {
width: 37.4626865672%;
padding: 30px 0
}
.page_social_responsibility .page_content .screen1 .list_content .item .right {
width: 54.6268656716%
}
.page_social_responsibility .page_content .screen1 .list_content .item .right img {
width: 100%;
height: auto
}
.page_social_responsibility .page_content .screen1 .list_content .item:nth-of-type(2) {
padding: 0 12.5% 0 6.9444444444%;
margin-top: -7.5%
}
.page_social_responsibility .page_content .screen1 .list_content .item:nth-of-type(2) .left {
order: 2;
width: 45.6896551724%
}
.page_social_responsibility .page_content .screen1 .list_content .item:nth-of-type(2) .right {
order: 1;
width: 38.7931034483%
}
@media (max-width:1024px) {
.page_social_responsibility .page_content .screen1 .list_content .item {
padding-left: 30px
}
.page_social_responsibility .page_content .screen1 .list_content .item:nth-of-type(2) {
padding: 0 30px;
margin-top: 0
}
}
@media (max-width:820px) {
.page_social_responsibility .page_content .screen1 .list_content .item {
flex-wrap: wrap;
padding: 0 30px
}
.page_social_responsibility .page_content .screen1 .list_content .item .left,
.page_social_responsibility .page_content .screen1 .list_content .item .right {
width: 100%
}
.page_social_responsibility .page_content .screen1 .list_content .item:nth-of-type(2) .left {
order: 1;
width: 100%
}
.page_social_responsibility .page_content .screen1 .list_content .item:nth-of-type(2) .right {
order: 2;
width: 100%
}
}
@media (max-width:576px) {
.page_social_responsibility .page_content .screen1 .list_content .item {
padding: 0 15px
}
.page_social_responsibility .page_content .screen1 .list_content .item .left {
padding: 20px 0
}
.page_social_responsibility .page_content .screen1 .list_content .item:nth-of-type(2) {
padding: 0 15px
}
}
.page_social_responsibility .page_content .screen2 {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 6.9444444444%;
box-sizing: border-box
}
.page_social_responsibility .page_content .screen2 .decor1 {
position: absolute;
pointer-events: none;
top: -82px;
right: 0;
width: 26.0416666667%;
height: auto;
z-index: -1
}
.page_social_responsibility .page_content .screen2 .left {
width: 45.5223880597%;
padding: 30px 0
}
.page_social_responsibility .page_content .screen2 .right {
width: 54.0277777778%;
display: flex;
align-items: flex-start
}
.page_social_responsibility .page_content .screen2 .right img {
width: 100%
}
@media (max-width:1024px) {
.page_social_responsibility .page_content .screen2 {
padding-left: 30px
}
}
@media (max-width:820px) {
.page_social_responsibility .page_content .screen2 {
flex-wrap: wrap;
padding: 0
}
.page_social_responsibility .page_content .screen2 .left {
width: 100%;
padding: 30px
}
.page_social_responsibility .page_content .screen2 .right {
width: 100%
}
}
@media (max-width:576px) {
.page_social_responsibility .page_content .screen2 .left {
padding: 20px 15px
}
}
.page_social_responsibility .page_content .screen3 {
position: relative;
padding: 130px 12.5% 0 0;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
background: #901A21;
border-radius: 900px 0 0 900px
}
.page_social_responsibility .page_content .screen3:after,
.page_social_responsibility .page_content .screen3:before {
position: absolute;
right: 0;
content: ""
}
.page_social_responsibility .page_content .screen3:before {
background: linear-gradient(270deg, var(--primary-color), rgba(193, 33, 35, 0.9));
border-radius: 0 900px 900px 0;
transform: matrix(-1, 0, 0, 1, 0, 0);
width: 100%;
top: 0;
height: 100%
}
.page_social_responsibility .page_content .screen3:after {
background: #fff;
border-radius: 900px 0 0 900px;
top: 50%;
transform: translateY(-50%);
left: 6.25%;
height: 79.0697674419%;
z-index: 2
}
.page_social_responsibility .page_content .screen3 .left {
position: relative;
z-index: 3;
display: flex;
align-items: flex-start;
width: 93.8059701493%
}
.page_social_responsibility .page_content .screen3 .left img {
width: 100%;
height: auto
}
.page_social_responsibility .page_content .screen3 .right {
position: relative;
z-index: 3;
width: 47.3880597015%;
margin-left: -7.8358208955%
}
@media (max-width:1024px) {
.page_social_responsibility .page_content .screen3 {
padding: 110px 30px 0 0
}
}
@media (max-width:820px) {
.page_social_responsibility .page_content .screen3 {
flex-wrap: wrap;
padding: 60px 0 0;
margin-top: 30px;
border-radius: 80px 0 0 80px
}
.page_social_responsibility .page_content .screen3:before {
border-radius: 0 80px 80px 0
}
.page_social_responsibility .page_content .screen3:after {
border-radius: 80px 0 0 80px;
left: 30px;
height: calc(100% - 60px);
z-index: 2
}
.page_social_responsibility .page_content .screen3 .left {
width: 100%;
order: 2
}
.page_social_responsibility .page_content .screen3 .right {
width: 100%;
padding: 45px 30px 30px 60px;
margin-left: 0
}
}
@media (max-width:576px) {
.page_social_responsibility .page_content .screen3 {
padding: 45px 0 0
}
.page_social_responsibility .page_content .screen3:after {
left: 15px;
height: calc(100% - 30px)
}
.page_social_responsibility .page_content .screen3 .right {
padding: 30px 15px 20px 40px
}
}
.page_evironment .page_content .screen1 {
padding: 123px 6.9444444444% 170px
}
@media (max-width:1024px) {
.page_evironment .page_content .screen1 {
padding: 100px 30px 80px
}
}
@media (max-width:576px) {
.page_evironment .page_content .screen1 {
padding: 65px 15px 40px
}
}
.page_evironment .page_content .screen1 .quote {
width: 60.2777777778%;
margin: 0 auto 140px
}
@media (max-width:1024px) {
.page_evironment .page_content .screen1 .quote {
width: 86.1111111111%;
margin: 0 auto 80px
}
}
@media (max-width:820px) {
.page_evironment .page_content .screen1 .quote {
margin: 0 auto 50px
}
}
@media (max-width:576px) {
.page_evironment .page_content .screen1 .quote {
width: calc(100% - 30px);
margin: 0 auto 20px
}
}
.page_evironment .page_content .screen1 .content {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding-top: 116px
}
.page_evironment .page_content .screen1 .content .left {
width: 34.0322580645%;
padding-bottom: 30px
}
.page_evironment .page_content .screen1 .content .right {
position: relative;
width: 49.9193548387%
}
.page_evironment .page_content .screen1 .content .right img:first-of-type {
position: absolute;
top: -120px;
left: -16.1290322581%;
width: 59.6774193548%;
border: 6px solid #fff;
height: auto;
z-index: 2
}
.page_evironment .page_content .screen1 .content .right img:nth-of-type(2) {
width: 100%;
height: auto
}
@media (max-width:820px) {
.page_evironment .page_content .screen1 .content {
padding-top: 0
}
.page_evironment .page_content .screen1 .content .left {
width: 100%
}
.page_evironment .page_content .screen1 .content .right {
width: 100%;
padding-top: 45px;
display: flex;
justify-content: flex-end
}
.page_evironment .page_content .screen1 .content .right img:first-of-type {
top: 0;
left: 0;
border: 4px solid #fff
}
.page_evironment .page_content .screen1 .content .right img:nth-of-type(2) {
width: calc(100% - 75px)
}
}
@media (max-width:576px) {
.page_evironment .page_content .screen1 .content .left {
padding-bottom: 25px
}
.page_evironment .page_content .screen1 .content .right img:first-of-type {
width: 45%
}
.page_evironment .page_content .screen1 .content .right img:nth-of-type(2) {
width: calc(100% - 45px)
}
}
.page_evironment .page_content .screen2 .text {
position: relative;
z-index: 2;
width: 52.0833333333%;
text-align: center;
margin: 0 auto
}
.page_evironment .page_content .screen2 .img {
width: 100%;
height: auto;
margin-top: -55px
}
@media (max-width:1024px) {
.page_evironment .page_content .screen2 .text {
width: 86.1111111111%
}
.page_evironment .page_content .screen2 .img {
margin-top: 0
}
}
@media (max-width:576px) {
.page_evironment .page_content .screen2 .text {
width: calc(100% - 30px)
}
.page_evironment .page_content .screen2 .img {
margin-top: 0
}
}
.page_evironment .page_content .screen3 {
position: relative;
z-index: 3;
padding: 0 6.9444444444%;
margin-top: -115px;
display: flex;
flex-wrap: wrap;
align-items: center
}
.page_evironment .page_content .screen3 .left {
width: 49.1935483871%;
border: 6px solid #fff;
box-sizing: border-box
}
.page_evironment .page_content .screen3 .right {
width: 50.8064516129%;
box-sizing: border-box;
padding: 90px 2.0161290323% 30px 9.2741935484%
}
@media (max-width:1024px) {
.page_evironment .page_content .screen3 {
margin-top: 45px;
padding: 0 30px
}
}
@media (max-width:820px) {
.page_evironment .page_content .screen3 {
margin-top: 45px;
padding: 0 30px
}
.page_evironment .page_content .screen3 .left {
width: 100%;
order: 2;
border: 4px solid #fff
}
.page_evironment .page_content .screen3 .right {
width: 100%;
order: 1;
padding: 0 0 30px
}
}
@media (max-width:576px) {
.page_evironment .page_content .screen3 {
margin-top: 35px;
padding: 0 15px
}
.page_evironment .page_content .screen3 .right {
padding: 0 0 20px
}
}
.page_human .page_content .screen1 {
padding: 142px 6.9444444444% 156px
}
@media (max-width:1024px) {
.page_human .page_content .screen1 {
padding: 100px 30px 80px
}
}
@media (max-width:576px) {
.page_human .page_content .screen1 {
padding: 65px 15px 40px
}
}
.page_human .page_content .screen1 .quote {
width: 59.8387096774%;
margin-bottom: 100px;
padding-left: 45px;
padding-right: 10px;
text-align: left
}
@media (max-width:1024px) {
.page_human .page_content .screen1 .quote {
margin-bottom: 70px
}
}
@media (max-width:820px) {
.page_human .page_content .screen1 .quote {
width: 100%;
margin-bottom: 40px;
padding: 0 25px;
text-align: center
}
}
.page_human .page_content .screen1 .content {
position: relative;
display: flex;
padding-left: 6.9444444444%;
box-sizing: border-box
}
.page_human .page_content .screen1 .content .left {
position: relative;
z-index: 2;
width: 67.8070175439%;
background: linear-gradient(68.51deg, var(--primary-color), #901A21);
box-shadow: 25px 25px 40px rgba(0, 0, 0, .15);
padding: 64px 6.8421052632% 82px 7.6315789474%;
box-sizing: border-box;
margin-right: -11.5789473684%
}
.page_human .page_content .screen1 .content .left .excerpt {
margin-top: 30px;
color: #fff
}
.page_human .page_content .screen1 .content .right {
width: 37.0175438596%;
position: absolute;
top: -66%;
right: 0;
padding-top: 42%
}
@media (min-width:1920px) {
.page_human .page_content .screen1 .content .right {
top: -80%;
padding-top: 40%
}
}
.page_human .page_content .screen1 .content .right img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
object-position: center
}
@media (max-width:820px) {
.page_human .page_content .screen1 .content {
flex-wrap: wrap;
padding-left: 0
}
.page_human .page_content .screen1 .content .left {
width: 100%;
margin: 0
}
.page_human .page_content .screen1 .content .right {
width: 100%;
top: 0;
position: relative;
padding-top: 0
}
.page_human .page_content .screen1 .content .right img {
position: relative;
height: auto
}
}
@media (max-width:576px) {
.page_human .page_content .screen1 .content .left {
padding: 30px 20px 40px
}
.page_human .page_content .screen1 .content .left .excerpt {
margin-top: 25px
}
}
.page_human .page_content .screen2 {
position: relative;
display: flex;
align-items: center;
padding: 0 12.5% 0 6.9444444444%
}
@media (max-width:1024px) {
.page_human .page_content .screen2 {
padding: 0 30px
}
}
@media (max-width:820px) {
.page_human .page_content .screen2 {
flex-wrap: wrap
}
}
@media (max-width:576px) {
.page_human .page_content .screen2 {
padding: 0 15px
}
}
.page_human .page_content .screen2 .decor1 {
position: absolute;
left: 0;
top: -190px;
width: 18.4722222222%
}
@media (max-width:820px) {
.page_human .page_content .screen2 .decor1 {
top: -70px
}
}
@media (max-width:576px) {
.page_human .page_content .screen2 .decor1 {
top: -30px
}
}
.page_human .page_content .screen2 .decor2 {
position: absolute;
right: 0;
bottom: -148px;
width: 26.0416666667%
}
@media (max-width:820px) {
.page_human .page_content .screen2 .decor2 {
bottom: -70px
}
}
@media (max-width:576px) {
.page_human .page_content .screen2 .decor2 {
bottom: -40px
}
}
.page_human .page_content .screen2 .img {
position: relative;
width: 43.275862069%;
padding-top: 53.5%;
filter: drop-shadow(25px 25px 40px rgba(0, 0, 0, .15))
}
.page_human .page_content .screen2 .img img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
object-position: center
}
@media (max-width:820px) {
.page_human .page_content .screen2 .img {
width: 100%;
order: 2;
padding-top: 0
}
.page_human .page_content .screen2 .img img {
position: relative;
height: auto
}
}
.page_human .page_content .screen2 .text {
position: relative;
z-index: 2;
width: 63.6206896552%;
margin-left: -6.5517241379%;
box-sizing: border-box;
padding: 75px 7.7586206897%;
background: #fff;
box-shadow: 25px 25px 40px rgba(0, 0, 0, .05)
}
.page_human .page_content .screen2 .text .title_def {
white-space: nowrap
}
@media (max-width:820px) {
.page_human .page_content .screen2 .text {
width: 100%;
margin-left: 0;
order: 1;
padding: 30px 0
}
}
@media (max-width:576px) {
.page_human .page_content .screen2 .text {
padding: 0 0 25px;
background: transparent;
box-shadow: none
}
.page_human .page_content .screen2 .text .title_def {
white-space: unset;
padding-right: 30px
}
}
.page_human .page_content .screen3 {
position: relative;
margin-top: 148px;
padding: 152px 26.3888888889% 120px
}
.page_human .page_content .screen3:before {
position: absolute;
z-index: 2;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5))
}
.page_human .page_content .screen3 img {
position: absolute;
z-index: 1;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
object-position: center
}
.page_human .page_content .screen3 .text {
position: relative;
z-index: 3;
text-align: center
}
.page_human .page_content .screen3 .text .excerpt {
color: #fff
}
@media (max-width:820px) {
.page_human .page_content .screen3 {
margin-top: 70px;
padding: 80px 6.9444444444% 62px
}
}
@media (max-width:576px) {
.page_human .page_content .screen3 {
margin-top: 40px;
padding: 50px 20px 42px
}
}
.human-health-page .page_content {
overflow: hidden;
position: relative
}
.human-health-page .page_content>img {
display: none
}
.human-health-page .page_content .decor-logo-grey {
position: absolute;
width: 44.4444444444%;
left: 0;
top: 0;
pointer-events: none
}
.human-health-page .page_content .title_def {
margin-bottom: 40px;
text-align: left
}
@media (max-width:576px) {
.human-health-page .page_content .title_def {
margin-bottom: 22px;
font-size: 25px
}
}
.human-health-page .page_content .container_common {
position: relative;
z-index: 1;
padding-top: 240px;
padding-bottom: 100px
}
@media (max-width:1024px) {
.human-health-page .page_content .container_common {
padding-top: 120px;
padding-bottom: 40px
}
}
@media (max-width:820px) {
.human-health-page .page_content .container_common {
padding-top: 100px;
padding-bottom: 20px
}
}
@media (max-width:576px) {
.human-health-page .page_content .container_common {
padding-top: 65px;
padding-bottom: 0
}
}
.human-health-page .page_content .container_common .mission {
margin-bottom: 12.0138888889vw
}
@media (max-width:1024px) {
.human-health-page .page_content .container_common .mission {
margin-bottom: 6.9444444444vw
}
}
.human-health-page .page_content .container_common .mission .text {
position: relative
}
.human-health-page .page_content .container_common .mission .text>div {
background: linear-gradient(69.69deg, var(--primary-color) 14.13%, #901A21 109.77%);
border-radius: 14.5833333333vw;
padding: .5555555556vw;
overflow: hidden
}
@media (max-width:820px) {
.human-health-page .page_content .container_common .mission .text>div {
border-radius: 0 69.4444444444vw 69.4444444444vw 0
}
}
.human-health-page .page_content .container_common .mission .text>div>div {
background: #fff;
border-radius: 69.4444444444vw 69.4444444444vw;
overflow: hidden;
padding: .5555555556vw
}
@media (max-width:576px) {
.human-health-page .page_content .container_common .mission .text>div>div {
padding: .8333333333vw
}
}
.human-health-page .page_content .container_common .mission .text>div>div>div {
background: linear-gradient(270deg, #901A21, var(--primary-color) 98.95%);
padding: 3.0555555556vw 6.9444444444vw;
border-radius: 69.4444444444vw 69.4444444444vw
}
@media (max-width:820px) {
.human-health-page .page_content .container_common .mission .text>div>div>div {
padding: 3.0555555556vw 2.0833333333vw 3.4722222222vw 9.0277777778vw
}
}
@media (max-width:576px) {
.human-health-page .page_content .container_common .mission .text>div>div>div {
padding: 12px 40px 25px 30px
}
}
.human-health-page .page_content .container_common .mission .text>div>div>div>div {
margin: 0 auto;
text-align: center;
max-width: 49.3055555556vw;
font-size: 18px;
line-height: 150%;
color: #fff;
font-family: Inter-SemiBold\.ttf
}
.human-health-page .page_content .container_common .mission .text>div>div>div>div img {
width: 3.0985915493%;
min-width: 22px;
margin-bottom: 23px
}
@media (min-width:1920px) {
.human-health-page .page_content .container_common .mission .text>div>div>div>div {
font-size: 22px
}
}
@media (max-width:820px) {
.human-health-page .page_content .container_common .mission .text>div>div>div>div {
font-size: 16px;
max-width: 85%
}
.human-health-page .page_content .container_common .mission .text>div>div>div>div img {
margin-bottom: 15px
}
}
@media (max-width:576px) {
.human-health-page .page_content .container_common .mission .text>div>div>div>div {
font-size: 15px;
max-width: 100%
}
}
.human-health-page .page_content .container_common .mission .text:before {
display: none;
content: "";
position: absolute;
bottom: -1px;
left: -1px;
right: auto;
width: 0;
height: 0;
border-bottom: 14.5833333333vw solid #fff;
border-right: 14.5833333333vw solid transparent;
z-index: 1;
pointer-events: none
}
.human-health-page .page_content .container_common .mission .text .pill {
display: none;
position: absolute;
bottom: auto;
left: -7%;
right: auto;
top: 50%;
z-index: 2;
transform: translateY(-50%);
width: 25.7222222222vw;
height: auto
}
@media (max-width:820px) {
.human-health-page .page_content .container_common .mission .text .pill {
left: -9%;
top: 67%;
transform: translateY(-50%);
width: 30vw
}
}
@media (max-width:576px) {
.human-health-page .page_content .container_common .mission .text .pill {
top: 95%
}
}
.human-health-page .page_content .container_common .market-research {
position: relative;
margin-bottom: 11.4583333333vw;
display: flex;
flex-wrap: wrap
}
.human-health-page .page_content .container_common .market-research .decor {
position: absolute;
left: -8.064516129%;
z-index: -1;
bottom: -20%;
width: 36.0483870968%
}
@media (max-width:820px) {
.human-health-page .page_content .container_common .market-research {
margin-bottom: 30px
}
}
@media (max-width:576px) {
.human-health-page .page_content .container_common .market-research {
margin-bottom: 0
}
}
.human-health-page .page_content .container_common .market-research .left {
width: 58.2258064516%;
position: relative;
z-index: 1
}
@media (max-width:820px) {
.human-health-page .page_content .container_common .market-research .left {
width: 100%
}
}
.human-health-page .page_content .container_common .market-research .left .research-text {
width: 56.25vw;
padding: 3.4722222222vw 6.9444444444vw 5.5555555556vw;
background: #fff;
box-shadow: -1.7361111111vw 1.7361111111vw 2.7777777778vw rgba(0, 0, 0, .05);
position: relative;
top: 50%;
transform: translateY(-50%);
font-size: 16px;
line-height: 170%;
text-align: justify
}
@media (min-width:1920px) {
.human-health-page .page_content .container_common .market-research .left .research-text {
font-size: 20px
}
}
@media (max-width:820px) {
.human-health-page .page_content .container_common .market-research .left .research-text {
padding: 40px 30px 30px;
width: 100%
}
}
@media (max-width:576px) {
.human-health-page .page_content .container_common .market-research .left .research-text {
padding: 40px 0 30px;
box-shadow: none
}
}
@media (max-width:576px) {
.human-health-page .page_content .container_common .market-research .left .research-text .title_def br {
display: none
}
}
.human-health-page .page_content .container_common .market-research .right {
width: 41.7741935484%
}
@media (max-width:820px) {
.human-health-page .page_content .container_common .market-research .right {
width: 100%
}
}
.human-health-page .page_content .container_common .market-research .right img {
width: 100%;
height: 41.25vw;
height: auto;
display: block;
object-fit: cover;
object-position: center
}
.human-health-page .page_content .container_common .safe-censorship {
margin-bottom: 10.6666666667vw;
position: relative
}
.human-health-page .page_content .container_common .safe-censorship .decor {
position: absolute;
right: 0;
z-index: -1;
bottom: -42%;
width: 29.8387096774%
}
@media (max-width:820px) {
.human-health-page .page_content .container_common .safe-censorship {
display: flex;
flex-direction: column;
margin-bottom: 60px
}
.human-health-page .page_content .container_common .safe-censorship .decor {
bottom: -9%
}
}
@media (max-width:576px) {
.human-health-page .page_content .container_common .safe-censorship {
margin-bottom: 40px
}
}
.human-health-page .page_content .container_common .safe-censorship .picture {
width: 100vw;
height: 31.6666666667vw
}
.human-health-page .page_content .container_common .safe-censorship .picture img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
@media (max-width:820px) {
.human-health-page .page_content .container_common .safe-censorship .picture {
width: 100%;
height: auto;
order: 2
}
}
.human-health-page .page_content .container_common .safe-censorship .safe-text {
position: absolute;
bottom: -5.5555555556vw;
right: 6.9444444444%;
padding: 3.4722222222vw 4.8611111111vw 6.9444444444vw;
font-size: 17px;
line-height: 170%;
text-align: justify;
background-color: #fff;
left: auto;
width: 37.1527777778vw;
box-shadow: -1.7361111111vw 1.7361111111vw 2.7777777778vw rgba(0, 0, 0, .05)
}
@media (min-width:1920px) {
.human-health-page .page_content .container_common .safe-censorship .safe-text {
font-size: 20px
}
}
@media (max-width:1024px) {
.human-health-page .page_content .container_common .safe-censorship .safe-text {
width: 49.3055555556vw
}
}
@media (max-width:820px) {
.human-health-page .page_content .container_common .safe-censorship .safe-text {
width: 100%;
order: 1;
position: relative;
right: 0;
left: 0;
bottom: 0;
padding: 40px 30px;
box-sizing: border-box
}
}
@media (max-width:576px) {
.human-health-page .page_content .container_common .safe-censorship .safe-text {
padding: 40px 15px 30px
}
}
.human-health-page .page_content .container_common .transparent-quality-technology .tab-content {
position: relative;
display: flex;
display: none
}
.human-health-page .page_content .container_common .transparent-quality-technology .tab-content.is-active {
display: flex
}
@media (max-width:820px) {
.human-health-page .page_content .container_common .transparent-quality-technology .tab-content {
flex-direction: column
}
}
.human-health-page .page_content .container_common .transparent-quality-technology .left {
width: 42.5vw
}
.human-health-page .page_content .container_common .transparent-quality-technology .left .picture img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
@media (max-width:820px) {
.human-health-page .page_content .container_common .transparent-quality-technology .left {
width: 100%;
order: 2
}
.human-health-page .page_content .container_common .transparent-quality-technology .left .picture img {
height: auto
}
}
.human-health-page .page_content .container_common .transparent-quality-technology .right {
width: 57.5vw;
padding: 4.5138888889vw 6.9444444444vw 0 6.5277777778vw
}
@media (max-width:820px) {
.human-health-page .page_content .container_common .transparent-quality-technology .right {
width: 100%;
order: 1;
padding: 0 30px 40px
}
}
@media (max-width:576px) {
.human-health-page .page_content .container_common .transparent-quality-technology .right {
padding: 0 15px 40px
}
}
.human-health-page .page_content .container_common .transparent-quality-technology .right .tabs-btn {
margin-bottom: 6.9444444444vw;
display: flex;
flex-wrap: wrap
}
@media (max-width:820px) {
.human-health-page .page_content .container_common .transparent-quality-technology .right .tabs-btn {
margin-bottom: 35px
}
}
@media (max-width:576px) {
.human-health-page .page_content .container_common .transparent-quality-technology .right .tabs-btn {
margin-bottom: 25px;
align-items: center;
flex-direction: column
}
}
.human-health-page .page_content .container_common .transparent-quality-technology .right .tabs-btn button {
border: none;
border-radius: 20px;
color: #858ea7;
padding: 9px 28px;
background-color: transparent;
font-family: Inter-SemiBold\.ttf;
font-size: 14px;
line-height: 150%;
cursor: pointer;
transition: .3s;
margin-bottom: 10px
}
@media (min-width:1920px) {
.human-health-page .page_content .container_common .transparent-quality-technology .right .tabs-btn button {
font-size: 18px
}
}
.human-health-page .page_content .container_common .transparent-quality-technology .right .tabs-btn button.is-active,
.human-health-page .page_content .container_common .transparent-quality-technology .right .tabs-btn button:hover {
background: #901A21;
color: #fff
}
@media (max-width:576px) {
.human-health-page .page_content .container_common .transparent-quality-technology .right .tabs-btn button {
width: 80%;
color: #15548e;
border: 1px solid #901A21
}
}
.human-health-page .page_content .container_common .transparent-quality-technology .right .text {
font-size: 16px;
line-height: 170%;
text-align: justify
}
@media (min-width:1920px) {
.human-health-page .page_content .container_common .transparent-quality-technology .right .text {
font-size: 20px
}
}
.human-health-page .page_content .container_common .transparent-quality-technology .technology-line {
margin-bottom: 20vw
}
.human-health-page .page_content .container_common .transparent-quality-technology .technology-line .decor {
position: absolute;
right: 0;
z-index: -1;
bottom: -45%;
width: 26.0416666667%
}
@media (max-width:820px) {
.human-health-page .page_content .container_common .transparent-quality-technology .technology-line {
margin-bottom: 38%
}
.human-health-page .page_content .container_common .transparent-quality-technology .technology-line .decor {
display: none
}
}
.human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left {
padding-left: 12.5vw;
position: relative
}
@media (max-width:820px) {
.human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left {
padding: 0 30px 0 27.868852459%
}
}
@media (max-width:576px) {
.human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left {
padding: 0 16px 0 27.868852459%
}
}
.human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left .picture.above {
width: 30.1388888889vw;
height: 34.1666666667vw;
padding: .5555555556vw;
background-color: #fff
}
.human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left .picture.under {
position: absolute;
left: 0;
top: 9.0277777778vw;
width: 27.1527777778vw;
height: 40.0694444444vw;
z-index: -1
}
.human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left:after {
content: "";
width: 5.0694444444vw;
height: 4.5138888889vw;
background-color: var(--primary-color);
position: absolute;
left: 4.1666666667vw;
top: 2.4305555556vw
}
.human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left:before {
content: "";
width: 17.3611111111vw;
height: 16.3194444444vw;
background-color: var(--primary-color);
left: 21.5972222222vw;
top: 28.2638888889vw;
z-index: -2;
position: absolute
}
@media (max-width:820px) {
.human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left .picture.above {
width: 100%;
height: auto
}
.human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left .picture.under {
position: absolute;
left: 0;
top: 26.4227642276%;
width: 63.9344262295%;
height: 117.276422764%
}
.human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left .picture.under img {
height: 100%
}
.human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left:after {
width: 73px;
height: 65px;
left: 9.8360655738%;
top: 7.1138211382%
}
.human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left:before {
width: 250px;
height: 234px;
left: 50.8196721311%;
top: 80.487804878%
}
}
@media (max-width:576px) {
.human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left:after {
width: 36px;
height: 30px
}
.human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left:before {
width: 130px;
height: 110px
}
}
.human-health-page .page_content .container_common .transparent-quality-technology .quality-control {
margin-bottom: 9.7222222222vw
}
.human-health-page .page_content .container_common .transparent-quality-technology .quality-control .decor {
position: absolute;
right: 0;
z-index: -1;
bottom: 0;
width: 26.0416666667%
}
@media (max-width:820px) {
.human-health-page .page_content .container_common .transparent-quality-technology .quality-control .decor {
display: none
}
}
@media (max-width:1024px) {
.human-health-page .page_content .container_common .transparent-quality-technology .quality-control {
margin-bottom: 14.0186915888vw
}
}
.human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left {
padding-left: 10.2777777778vw;
position: relative;
padding-top: 9.0277777778vw
}
.human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left .picture.under {
width: 32.3611111111vw;
height: 40.2777777778vw
}
.human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left .picture.above {
position: absolute;
left: 0;
padding: .5555555556vw;
background-color: #fff;
top: 0;
z-index: 2;
width: 25.1388888889vw;
height: 34.0972222222vw
}
.human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left:after {
content: "";
width: 3.4027777778vw;
height: 3.4027777778vw;
background-color: var(--primary-color);
position: absolute;
left: 5.0694444444vw;
top: 35.2777777778vw
}
.human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left:before {
content: "";
width: 20.1388888889vw;
height: 20.1388888889vw;
background-color: var(--primary-color);
position: absolute;
left: 15.0694444444vw;
top: -4.8611111111vw;
z-index: -1
}
@media (max-width:820px) {
.human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left {
padding: 140px 30px 0 90px;
margin-top: 70px
}
.human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left .picture.under {
width: 100%;
height: auto
}
.human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left .picture.above {
width: 59.5081967213%;
height: 62.0689655172%
}
.human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left .picture.above img {
height: 100%
}
.human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left:after {
width: 30px;
height: 30px;
left: 45px;
top: 67%
}
.human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left:before {
width: 47.5409836066%;
height: 47.5409836066%;
left: 35.5737704918%;
top: -70px
}
}
@media (max-width:820px) {
.human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left {
padding: 60px 16px 0 60px;
margin-top: 40px
}
.human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left:after {
width: 26px;
height: 26px;
left: 20px;
top: 67%
}
.human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left:before {
top: -40px
}
}
.human-health-page .page_content .container_common .transparent-quality-technology .transparent-information {
margin-bottom: 20.8333333333vw
}
.human-health-page .page_content .container_common .transparent-quality-technology .transparent-information .decor {
position: absolute;
right: 0;
z-index: -1;
bottom: -27%;
width: 26.0416666667%
}
@media (max-width:820px) {
.human-health-page .page_content .container_common .transparent-quality-technology .transparent-information {
margin-bottom: 100px
}
.human-health-page .page_content .container_common .transparent-quality-technology .transparent-information .decor {
display: none
}
}
@media (max-width:576px) {
.human-health-page .page_content .container_common .transparent-quality-technology .transparent-information {
margin-bottom: 60px
}
}
.human-health-page .page_content .container_common .transparent-quality-technology .transparent-information .left {
position: relative;
padding-left: 6.1111111111vw
}
@media (max-width:820px) {
.human-health-page .page_content .container_common .transparent-quality-technology .transparent-information .left {
padding: 0 30px 0 60px
}
}
@media (max-width:576px) {
.human-health-page .page_content .container_common .transparent-quality-technology .transparent-information .left {
padding: 0 15px 0 30px
}
}
.human-health-page .page_content .container_common .transparent-quality-technology .transparent-information .left .picture {
width: 36.5277777778vw;
height: 38.6111111111vw;
background-color: #fff;
padding: .5555555556vw
}
@media (max-width:820px) {
.human-health-page .page_content .container_common .transparent-quality-technology .transparent-information .left .picture {
width: 100%;
height: auto
}
}
.human-health-page .page_content .container_common .transparent-quality-technology .transparent-information .left:before {
content: "";
width: 16.6666666667vw;
height: 20.2083333333vw;
background-color: var(--primary-color);
position: absolute;
left: 0;
top: 23.6111111111vw;
z-index: -1
}
@media (max-width:820px) {
.human-health-page .page_content .container_common .transparent-quality-technology .transparent-information .left:before {
top: auto;
bottom: -76px
}
}
@media (max-width:576px) {
.human-health-page .page_content .container_common .transparent-quality-technology .transparent-information .left:before {
bottom: -45px
}
}
.human-health-page .page_content .container_common .answer-take-care {
position: relative
}
.human-health-page .page_content .container_common .answer-take-care .picture {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: -1
}
.human-health-page .page_content .container_common .answer-take-care .picture img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}
.human-health-page .page_content .container_common .answer-take-care:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
background: rgba(0, 0, 0, .5);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
z-index: 1
}
.human-health-page .page_content .container_common .answer-take-care .answer-text {
position: relative;
z-index: 2;
width: 100vw;
min-width: 30.5555555556vw;
padding: 5.9861111111vw 0 8.4166666667vw;
max-width: 55.5555555556vw;
color: #fff;
text-align: center;
font-size: 16px;
line-height: 170%;
margin: 0 auto
}
@media (min-width:1920px) {
.human-health-page .page_content .container_common .answer-take-care .answer-text {
font-size: 20px
}
}
@media (max-width:820px) {
.human-health-page .page_content .container_common .answer-take-care .answer-text {
max-width: calc(100% - 90px)
}
}
@media (max-width:576px) {
.human-health-page .page_content .container_common .answer-take-care .answer-text {
max-width: calc(100% - 40px);
padding: 45px 0 55px
}
}
.human-health-page .page_content .container_common .answer-take-care .answer-text .title_def {
text-align: center
}
.page_intro_vision .page_content {
position: relative
}
.page_intro_vision .page_content .content_top {
position: relative;
padding: 147px 6.9444444444% 0;
display: flex;
align-items: flex-start
}
@media (max-width:1024px) {
.page_intro_vision .page_content .content_top {
padding: 110px 30px 0
}
}
@media (max-width:820px) {
.page_intro_vision .page_content .content_top {
flex-wrap: wrap
}
}
@media (max-width:576px) {
.page_intro_vision .page_content .content_top {
padding: 65px 15px 0
}
}
.page_intro_vision .page_content .content_top .decor_page {
display: none;
position: absolute;
pointer-events: none;
left: 0;
top: 0;
width: 44.4444444444%;
height: auto
}
.page_intro_vision .page_content .content_top .left {
width: 40.4838709677%
}
.page_intro_vision .page_content .content_top .left .item {
width: 100%;
position: relative;
padding-top: 118%
}
.page_intro_vision .page_content .content_top .left .item img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center
}
@media (max-width:820px) {
.page_intro_vision .page_content .content_top .left {
width: 100%;
order: 2
}
.page_intro_vision .page_content .content_top .left .item {
padding-top: 0
}
.page_intro_vision .page_content .content_top .left .item img {
position: relative;
height: auto
}
}
.page_intro_vision .page_content .content_top .right {
width: 59.5161290323%;
box-sizing: border-box;
padding: 60px 0 0 5.2419354839%
}
@media (max-width:820px) {
.page_intro_vision .page_content .content_top .right {
width: 100%;
order: 1;
padding: 0
}
}
.page_intro_vision .page_content .content_top .right .quote {
position: relative;
padding: 0 34px;
font-family: Inter-SemiBold\.ttf;
font-size: 18px;
line-height: 170%;
color: #262e3c;
box-sizing: border-box;
margin: 34px 0 48px
}
.page_intro_vision .page_content .content_top .right .quote .decor {
position: absolute;
width: 22px;
top: -10px;
left: 0
}
@media (min-width:1920px) {
.page_intro_vision .page_content .content_top .right .quote {
font-size: 22px;
padding: 0 38px
}
.page_intro_vision .page_content .content_top .right .quote .decor {
width: 26px
}
}
@media (max-width:576px) {
.page_intro_vision .page_content .content_top .right .quote {
font-size: 15px;
padding: 0 0 0 34px;
margin: 30px 0 35px
}
.page_intro_vision .page_content .content_top .right .quote .decor {
width: 22px
}
}
.page_intro_vision .page_content .content_top .right .content {
position: relative;
z-index: 2;
padding: 0 64px;
background: #fff;
box-shadow: 25px 0 40px rgba(0, 0, 0, .05);
margin-left: -20.325203252%
}
@media (max-width:1024px) {
.page_intro_vision .page_content .content_top .right .content {
padding: 0 45px
}
}
@media (max-width:820px) {
.page_intro_vision .page_content .content_top .right .content {
margin-left: 0
}
}
@media (max-width:576px) {
.page_intro_vision .page_content .content_top .right .content {
padding: 0 34px
}
}
.page_intro_vision .page_content .content_top .right .content .swiper-button {
width: 64px;
height: 64px;
top: 0;
margin: 0;
z-index: 2;
box-shadow: 20.491px 0 32px rgba(0, 0, 0, .03)
}
.page_intro_vision .page_content .content_top .right .content .swiper-button.swiper-button-next {
right: 0
}
.page_intro_vision .page_content .content_top .right .content .swiper-button.swiper-button-prev {
left: 0
}
@media (max-width:1024px) {
.page_intro_vision .page_content .content_top .right .content .swiper-button {
width: 45px;
height: 45px
}
}
@media (max-width:576px) {
.page_intro_vision .page_content .content_top .right .content .swiper-button {
width: 34px;
height: 48px
}
}
.page_intro_vision .page_content .content_top .right .content .mySwiper_multi {
padding-bottom: 60px
}
@media (max-width:1024px) {
.page_intro_vision .page_content .content_top .right .content .mySwiper_multi {
padding-bottom: 40px
}
}
@media (max-width:576px) {
.page_intro_vision .page_content .content_top .right .content .mySwiper_multi {
padding-bottom: 20px
}
}
.page_intro_vision .page_content .content_top .right .content .mySwiper_multi .swiper-slide {
box-sizing: border-box;
padding: 20px 10px;
background: #fff;
box-shadow: 20.491px 0 32px rgba(0, 0, 0, .03);
font-family: Inter-SemiBold\.ttf;
font-size: 16px;
line-height: 150%;
color: #c4c4c4;
text-align: center;
height: auto;
display: flex;
align-items: center;
justify-content: center;
transition: all .3s ease;
cursor: pointer
}
.page_intro_vision .page_content .content_top .right .content .mySwiper_multi .swiper-slide.swiper-slide-thumb-active,
.page_intro_vision .page_content .content_top .right .content .mySwiper_multi .swiper-slide:hover {
box-shadow: 20.491px 0 32px rgba(0, 0, 0, .05);
z-index: 2;
color: var(--primary-color)
}
@media (min-width:1920px) {
.page_intro_vision .page_content .content_top .right .content .mySwiper_multi .swiper-slide {
font-size: 20px
}
}
@media (max-width:1024px) {
.page_intro_vision .page_content .content_top .right .content .mySwiper_multi .swiper-slide {
padding: 15px 10px
}
}
@media (max-width:576px) {
.page_intro_vision .page_content .content_top .right .content .mySwiper_multi .swiper-slide {
padding: 12px 10px
}
}
.page_intro_vision .page_content .content_top .right .content .mySwiper_single {
position: unset
}
.page_intro_vision .page_content .content_top .right .content .mySwiper_single .swiper-slide {
box-sizing: border-box;
padding: 0 4.7425474255% 80px
}
@media (max-width:1024px) {
.page_intro_vision .page_content .content_top .right .content .mySwiper_single .swiper-slide {
padding: 0 0 60px
}
}
@media (max-width:576px) {
.page_intro_vision .page_content .content_top .right .content .mySwiper_single .swiper-slide {
padding: 0 0 30px
}
}
.page_intro_vision .page_content .content_top .right .content .mySwiper_single .swiper-slide h3 {
font-family: Inter-SemiBold\.ttf;
font-size: 24px;
line-height: 150%;
color: #01265e;
margin-bottom: 24px
}
@media (min-width:1920px) {
.page_intro_vision .page_content .content_top .right .content .mySwiper_single .swiper-slide h3 {
font-size: 34px
}
}
@media (max-width:576px) {
.page_intro_vision .page_content .content_top .right .content .mySwiper_single .swiper-slide h3 {
font-size: 20px;
margin-bottom: 12px
}
}
.page_intro_vision .page_content .content_top .right .content .mySwiper_single .swiper-slide p {
font-size: 16px;
color: #3f4855;
margin-bottom: 12px
}
.page_intro_vision .page_content .content_top .right .content .mySwiper_single .swiper-slide p:last-child {
margin-bottom: 0
}
@media (min-width:1920px) {
.page_intro_vision .page_content .content_top .right .content .mySwiper_single .swiper-slide p {
font-size: 20px
}
}
@media (max-width:576px) {
.page_intro_vision .page_content .content_top .right .content .mySwiper_single .swiper-slide p {
font-size: 14px
}
}
.page_intro_vision .page_content .content_bottom {
position: relative;
padding: 180px 6.9444444444% 230px;
display: flex;
align-items: center
}
@media (max-width:1024px) {
.page_intro_vision .page_content .content_bottom {
padding: 180px 30px 200px
}
}
@media (max-width:820px) {
.page_intro_vision .page_content .content_bottom {
padding: 100px 30px 150px;
flex-wrap: wrap
}
}
@media (max-width:576px) {
.page_intro_vision .page_content .content_bottom {
padding: 40px 15px 50px
}
}
.page_intro_vision .page_content .content_bottom .decor1,
.page_intro_vision .page_content .content_bottom .decor2 {
position: absolute;
left: 0
}
.page_intro_vision .page_content .content_bottom .decor1 {
width: 31.0416666667%;
top: 10px
}
@media (max-width:576px) {
.page_intro_vision .page_content .content_bottom .decor1 {
top: 0
}
}
.page_intro_vision .page_content .content_bottom .decor2 {
width: 15.4861111111%;
bottom: 125px
}
@media (max-width:1024px) {
.page_intro_vision .page_content .content_bottom .decor2 {
bottom: 60px
}
}
@media (max-width:576px) {
.page_intro_vision .page_content .content_bottom .decor2 {
bottom: 10px
}
}
.page_intro_vision .page_content .content_bottom .left {
position: relative;
z-index: 3;
width: 50.9677419355%;
margin-right: -16.935483871%;
filter: drop-shadow(25px 25px 40px rgba(0, 0, 0, .05));
background: var(--primary-color)
}
@media (max-width:820px) {
.page_intro_vision .page_content .content_bottom .left {
width: 100%;
margin-right: 0
}
}
.page_intro_vision .page_content .content_bottom .left .cat_tab_vision {
display: flex
}
.page_intro_vision .page_content .content_bottom .left .cat_tab_vision .item {
width: 33.3333333333%;
box-sizing: border-box;
padding: 15px 10px;
background: #fff;
box-shadow: 16.8085px 16.8085px 26.8936px rgba(0, 0, 0, .05);
font-family: Inter-SemiBold\.ttf;
font-size: 16px;
line-height: 150%;
color: #000;
text-align: center;
cursor: pointer;
transition: all .3s ease
}
.page_intro_vision .page_content .content_bottom .left .cat_tab_vision .item.is-active,
.page_intro_vision .page_content .content_bottom .left .cat_tab_vision .item:hover {
z-index: 2;
color: #fff;
background: #f95a23
}
@media (min-width:1920px) {
.page_intro_vision .page_content .content_bottom .left .cat_tab_vision .item {
font-size: 20px
}
}
.page_intro_vision .page_content .content_bottom .left .inner_wrap {
position: relative;
display: none
}
.page_intro_vision .page_content .content_bottom .left .inner_wrap.active {
display: block
}
.page_intro_vision .page_content .content_bottom .left .inner_wrap .decor {
display: none;
position: absolute;
left: 0;
bottom: 0;
width: 52.3734177215%;
height: auto
}
.page_intro_vision .page_content .content_bottom .left .inner_wrap .des {
position: relative;
z-index: 2;
padding: 60px 100px 80px;
box-sizing: border-box
}
.page_intro_vision .page_content .content_bottom .left .inner_wrap .des h3 {
font-family: Inter-SemiBold\.ttf;
font-size: 24px;
line-height: 150%;
color: #fff;
margin-bottom: 24px
}
@media (min-width:1920px) {
.page_intro_vision .page_content .content_bottom .left .inner_wrap .des h3 {
font-size: 34px
}
}
@media (max-width:576px) {
.page_intro_vision .page_content .content_bottom .left .inner_wrap .des h3 {
font-size: 20px;
margin-bottom: 12px
}
}
.page_intro_vision .page_content .content_bottom .left .inner_wrap .des p {
font-size: 16px;
color: #fff;
margin-bottom: 12px
}
.page_intro_vision .page_content .content_bottom .left .inner_wrap .des p:last-child {
margin-bottom: 0
}
@media (min-width:1920px) {
.page_intro_vision .page_content .content_bottom .left .inner_wrap .des p {
font-size: 20px
}
}
@media (max-width:576px) {
.page_intro_vision .page_content .content_bottom .left .inner_wrap .des p {
font-size: 14px
}
}
@media (max-width:1024px) {
.page_intro_vision .page_content .content_bottom .left .inner_wrap .des {
padding: 40px 40px 60px
}
}
@media (max-width:576px) {
.page_intro_vision .page_content .content_bottom .left .inner_wrap .des {
padding: 25px 15px 30px
}
}
.page_intro_vision .page_content .content_bottom .right {
position: relative;
width: 65.9677419355%
}
.page_intro_vision .page_content .content_bottom .right .item {
width: 100%;
position: relative;
z-index: 2;
padding-top: 79%;
display: none
}
.page_intro_vision .page_content .content_bottom .right .item img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center
}
.page_intro_vision .page_content .content_bottom .right .item:before {
position: absolute;
bottom: -36px;
right: -36px;
background: var(--primary-color);
content: "";
width: 47.6772616137%;
padding-top: 35.5%
}
@media (max-width:1024px) {
.page_intro_vision .page_content .content_bottom .right .item:before {
bottom: -30px;
right: -30px
}
}
@media (max-width:576px) {
.page_intro_vision .page_content .content_bottom .right .item:before {
bottom: -15px;
right: -15px
}
}
.page_intro_vision .page_content .content_bottom .right .item.active {
display: block
}
@media (max-width:820px) {
.page_intro_vision .page_content .content_bottom .right {
width: 100%
}
.page_intro_vision .page_content .content_bottom .right .item {
padding-top: 0
}
.page_intro_vision .page_content .content_bottom .right .item img {
position: relative;
height: auto
}
}
.post-type-archive-product .woocommerce-result-count,.post-type-archive-product .woocommerce-ordering{display: none;}
.absolute-footer .footer-primary.pull-left{width: 100%;}
.page_general .page_banner_def{display:none}.btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn:hover, .btn:focus {
text-decoration: none;
}
.btn:focus, .btn.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn.disabled, .btn:disabled {
opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer;
}
.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
background-image: none;
}
a.btn.disabled,
fieldset:disabled a.btn {
pointer-events: none;
}
.btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.btn-primary:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc;
}
.btn-primary:focus, .btn-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #0062cc;
border-color: #005cbf;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-secondary:hover {
color: #fff;
background-color: #5a6268;
border-color: #545b62;
}
.btn-secondary:focus, .btn-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
color: #fff;
background-color: #545b62;
border-color: #4e555b;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-success {
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
.btn-success:hover {
color: #fff;
background-color: #218838;
border-color: #1e7e34;
}
.btn-success:focus, .btn-success.focus {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #1e7e34;
border-color: #1c7430;
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-info:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b;
}
.btn-info:focus, .btn-info.focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
color: #fff;
background-color: #117a8b;
border-color: #10707f;
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-warning {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-warning:hover {
color: #212529;
background-color: #e0a800;
border-color: #d39e00;
}
.btn-warning:focus, .btn-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
color: #212529;
background-color: #d39e00;
border-color: #c69500;
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-danger:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130;
}
.btn-danger:focus, .btn-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #bd2130;
border-color: #b21f2d;
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-light {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-light:hover {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5;
}
.btn-light:focus, .btn-light.focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
color: #212529;
background-color: #dae0e5;
border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124;
}
.btn-dark:focus, .btn-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-primary {
color: #007bff;
background-color: transparent;
background-image: none;
border-color: #007bff;
}
.btn-outline-primary:hover {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #007bff;
background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-secondary {
color: #6c757d;
background-color: transparent;
background-image: none;
border-color: #6c757d;
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: #6c757d;
background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-success {
color: #28a745;
background-color: transparent;
background-image: none;
border-color: #28a745;
}
.btn-outline-success:hover {
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
.btn-outline-success:focus, .btn-outline-success.focus {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #28a745;
background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-info {
color: #17a2b8;
background-color: transparent;
background-image: none;
border-color: #17a2b8;
}
.btn-outline-info:hover {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-outline-info:focus, .btn-outline-info.focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
color: #17a2b8;
background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-warning {
color: #ffc107;
background-color: transparent;
background-image: none;
border-color: #ffc107;
}
.btn-outline-warning:hover {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
color: #ffc107;
background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-danger {
color: #dc3545;
background-color: transparent;
background-image: none;
border-color: #dc3545;
}
.btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #dc3545;
background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-light {
color: #f8f9fa;
background-color: transparent;
background-image: none;
border-color: #f8f9fa;
}
.btn-outline-light:hover {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-outline-light:focus, .btn-outline-light.focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-dark {
color: #343a40;
background-color: transparent;
background-image: none;
border-color: #343a40;
}
.btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
color: #343a40;
background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-link {
font-weight: 400;
color: #007bff;
background-color: transparent;
}
.btn-link:hover {
color: #0056b3;
text-decoration: underline;
background-color: transparent;
border-color: transparent;
}
.btn-link:focus, .btn-link.focus {
text-decoration: underline;
border-color: transparent;
box-shadow: none;
}
.btn-link:disabled, .btn-link.disabled {
color: #6c757d;
}
.btn-lg, .btn-group-lg > .btn {
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem;
}
.btn-sm, .btn-group-sm > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 0.5rem;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
transition: opacity 0.15s linear;
}
.fade.show {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.show {
display: block;
}
tr.collapse.show {
display: table-row;
}
tbody.collapse.show {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height 0.35s ease;
}
.align-baseline {
vertical-align: baseline !important;
}
.align-top {
vertical-align: top !important;
}
.align-middle {
vertical-align: middle !important;
}
.align-bottom {
vertical-align: bottom !important;
}
.align-text-bottom {
vertical-align: text-bottom !important;
}
.align-text-top {
vertical-align: text-top !important;
}
.bg-primary {
background-color: #007bff !important;
}
.bg-red{background-color: red !important;}
.bg-blue{background-color: blue !important;}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
background-color: #0062cc !important;
}
.bg-secondary {
background-color: #6c757d !important;
}
a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
background-color: #545b62 !important;
}
.bg-success {
background-color: #28a745 !important;
}
a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
background-color: #1e7e34 !important;
}
.bg-info {
background-color: #17a2b8 !important;
}
a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
background-color: #117a8b !important;
}
.bg-warning {
background-color: #ffc107 !important;
}
a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
background-color: #d39e00 !important;
}
.bg-danger {
background-color: #dc3545 !important;
}
a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
background-color: #bd2130 !important;
}
.bg-light {
background-color: #f8f9fa !important;
}
a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
background-color: #dae0e5 !important;
}
.bg-dark {
background-color: #343a40 !important;
}
a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
background-color: #1d2124 !important;
}
.bg-white {
background-color: #fff !important;
}
.bg-transparent {
background-color: transparent !important;
}
.border {
border: 1px solid #dee2e6 !important;
}
.border-top {
border-top: 1px solid #dee2e6 !important;
}
.border-right {
border-right: 1px solid #dee2e6 !important;
}
.border-bottom {
border-bottom: 1px solid #dee2e6 !important;
}
.border-left {
border-left: 1px solid #dee2e6 !important;
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-right-0 {
border-right: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-left-0 {
border-left: 0 !important;
}
.border-primary {
border-color: #007bff !important;
}
.border-secondary {
border-color: #6c757d !important;
}
.border-success {
border-color: #28a745 !important;
}
.border-info {
border-color: #17a2b8 !important;
}
.border-warning {
border-color: #ffc107 !important;
}
.border-danger {
border-color: #dc3545 !important;
}
.border-light {
border-color: #f8f9fa !important;
}
.border-dark {
border-color: #343a40 !important;
}
.border-white {
border-color: #fff !important;
}
.rounded {
border-radius: 0.25rem !important;
}
.rounded-top {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
}
.rounded-right {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
border-bottom-right-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-left {
border-top-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.embed-responsive::before {
display: block;
content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-21by9::before {
padding-top: 42.857143%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-sm-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-none {
float: none !important;
}
@media (min-width: 576px) {
.float-sm-left {
float: left !important;
}
.float-sm-right {
float: right !important;
}
.float-sm-none {
float: none !important;
}
}
@media (min-width: 768px) {
.float-md-left {
float: left !important;
}
.float-md-right {
float: right !important;
}
.float-md-none {
float: none !important;
}
}
@media (min-width: 992px) {
.float-lg-left {
float: left !important;
}
.float-lg-right {
float: right !important;
}
.float-lg-none {
float: none !important;
}
}
@media (min-width: 1200px) {
.float-xl-left {
float: left !important;
}
.float-xl-right {
float: right !important;
}
.float-xl-none {
float: none !important;
}
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: -webkit-sticky !important;
position: sticky !important;
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
-webkit-clip-path: none;
clip-path: none;
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
.text-justify {
text-align: justify !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.font-weight-light {
font-weight: 300 !important;
}
.font-weight-normal {
font-weight: 400 !important;
}
.font-weight-bold {
font-weight: 700 !important;
}
.font-italic {
font-style: italic !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #007bff !important;
}
a.text-primary:hover, a.text-primary:focus {
color: #0062cc !important;
}
.text-secondary {
color: #6c757d !important;
}
a.text-secondary:hover, a.text-secondary:focus {
color: #545b62 !important;
}
.text-success {
color: #28a745 !important;
}
a.text-success:hover, a.text-success:focus {
color: #1e7e34 !important;
}
.text-info {
color: #17a2b8 !important;
}
a.text-info:hover, a.text-info:focus {
color: #117a8b !important;
}
.text-warning {
color: #ffc107 !important;
}
a.text-warning:hover, a.text-warning:focus {
color: #d39e00 !important;
}
.text-danger {
color: #dc3545 !important;
}
a.text-danger:hover, a.text-danger:focus {
color: #bd2130 !important;
}
.text-light {
color: #f8f9fa !important;
}
a.text-light:hover, a.text-light:focus {
color: #dae0e5 !important;
}
.text-dark {
color: #343a40 !important;
}
a.text-dark:hover, a.text-dark:focus {
color: #1d2124 !important;
}
.text-muted {
color: #6c757d !important;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
@media print {
*,
*::before,
*::after {
text-shadow: none !important;
box-shadow: none !important;
}
a:not(.btn) {
text-decoration: underline;
}
abbr[title]::after {
content: " (" attr(title) ")";
}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
@page {
size: a3;
}
body {
min-width: 992px !important;
}
.container {
min-width: 992px !important;
}
.navbar {
display: none;
}
.badge {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #fff !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important;
}
}@font-face{font-display:swap;font-family:'swiper-icons';src:url(data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:50%;width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform,200ms top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform,200ms left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform,200ms right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev,.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}}