.filter-selectedFilterContainer .variants_filter_list, .filter-selectedFilterContainer .brand_filter_list, .filter-selectedFilterContainer .price_filter_list, .filter-selectedFilterContainer .SortByList, .filter-selectedFilterContainer .filterList{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; background: #fff; color: #3e4152; border-radius: 15px; align-items: center; border: solid 1px #d4d5d9; border-radius: 20px; transition: all 0.2s ease-out; cursor: default; font-size: 12px; font-weight: 500;} @media (max-width: 575px){.filter-selectedFilterContainer .variants_filter_list, .filter-selectedFilterContainer .brand_filter_list, .filter-selectedFilterContainer .price_filter_list, .filter-selectedFilterContainer .SortByList, .filter-selectedFilterContainer .filterList{display: block; padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px;}} .filter-selectedFilterContainer .variants_filter_list #order_list_shop, .filter-selectedFilterContainer .brand_filter_list #order_list_shop, .filter-selectedFilterContainer .price_filter_list #order_list_shop, .filter-selectedFilterContainer .SortByList #order_list_shop, .filter-selectedFilterContainer .filterList #order_list_shop{padding-left: 10px;} .filter-selectedFilterContainer .variants_filter_list .variants_filter:not(.d-none), .filter-selectedFilterContainer .variants_filter_list .brand_filter:not(.d-none), .filter-selectedFilterContainer .variants_filter_list #price_list_shop, .filter-selectedFilterContainer .variants_filter_list .active_Category, .filter-selectedFilterContainer .brand_filter_list .variants_filter:not(.d-none), .filter-selectedFilterContainer .brand_filter_list .brand_filter:not(.d-none), .filter-selectedFilterContainer .brand_filter_list #price_list_shop, .filter-selectedFilterContainer .brand_filter_list .active_Category, .filter-selectedFilterContainer .price_filter_list .variants_filter:not(.d-none), .filter-selectedFilterContainer .price_filter_list .brand_filter:not(.d-none), .filter-selectedFilterContainer .price_filter_list #price_list_shop, .filter-selectedFilterContainer .price_filter_list .active_Category, .filter-selectedFilterContainer .SortByList .variants_filter:not(.d-none), .filter-selectedFilterContainer .SortByList .brand_filter:not(.d-none), .filter-selectedFilterContainer .SortByList #price_list_shop, .filter-selectedFilterContainer .SortByList .active_Category, .filter-selectedFilterContainer .filterList .variants_filter:not(.d-none), .filter-selectedFilterContainer .filterList .brand_filter:not(.d-none), .filter-selectedFilterContainer .filterList #price_list_shop, .filter-selectedFilterContainer .filterList .active_Category{padding-left: 10px; font-weight: bold;} .filter-selectedFilterContainer .variants_filter_list span[style="font-weight: normal"], .filter-selectedFilterContainer .variants_filter_list .ks-selected-items, .filter-selectedFilterContainer .brand_filter_list span[style="font-weight: normal"], .filter-selectedFilterContainer .brand_filter_list .ks-selected-items, .filter-selectedFilterContainer .price_filter_list span[style="font-weight: normal"], .filter-selectedFilterContainer .price_filter_list .ks-selected-items, .filter-selectedFilterContainer .SortByList span[style="font-weight: normal"], .filter-selectedFilterContainer .SortByList .ks-selected-items, .filter-selectedFilterContainer .filterList span[style="font-weight: normal"], .filter-selectedFilterContainer .filterList .ks-selected-items{margin: 0 5px; padding-left: 5px; padding-top: 3px; padding-bottom: 3px; display: inline-block;} .filter-selectedFilterContainer label{margin-bottom: 0;} .filter-selectedFilterContainer .variants_filter{margin-right: 5px; font-weight: 600;} .filter-selectedFilterContainer .remove_variant_filter{margin: 0 10px; cursor: pointer;} .filter-selectedFilterContainer .fa-times{margin-right: 10px; cursor: pointer;} .ks-only-categories{margin: 0; display: block !important;} .ks-only-categories .fa{position: absolute; right: 10px; top: 17px;} .ks-only-categories #ks_categories_container{max-height: initial;} .fp__info{position: relative; padding: 10px !important;} .fp__info:before{content: ''; position: absolute; width: 35px; height: 2px; background: #228399; left: 0; right: 0; margin: 0 auto; top: 0; transition: all ease-in-out 0.5s;} .ks-search-clear{background: #fff; font-weight: bold; font-size: 12px; border: none;} #comparelist{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} #comparelist .badge{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; vertical-align: 0; padding: 0 !important; position: relative; width: 20px; height: 20px;} #comparelist + .popover{box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; border: none;} #comparelist + .popover .btn-block{max-width: calc(100% - 20px); margin: auto;} #comparelist + .popover .o_product_row{padding: 5px 0;} #comparelist + .popover .col-1{font-size: 16px;} #comparelist + .popover .o_remove{color: #d65561;} #comparelist + .popover .popover-header{background: #228399; color: #ffffff; text-align: center;} #comparelist + .popover .col-8.pl-2 h6 a{font-weight: 400; color: #757575; display: inline-block; padding-bottom: 5px;} #comparelist + .popover .col-8.pl-2 h6 del{color: #757575;} #product_detail ~ #product_full_description .wishlist_and_comparision.row.no-gutters{display: none;} #product_detail ~ #product_full_description .recently_viewed_products .wishlist-select{display: none;} #oe_structure_website_sale_comparison_product_compare_1 + .container h3:not(.popover-header){margin-bottom: 24px;} #oe_structure_website_sale_comparison_product_compare_1 + .container .o_product_comparison_table{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #oe_structure_website_sale_comparison_product_compare_1 + .container .o_comparelist_remove{display: block; text-align: right;} #oe_structure_website_sale_comparison_product_compare_1 + .container .o_comparelist_remove:before{content: "\f00d"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased;} #oe_structure_website_sale_comparison_product_compare_1 + .container .o_comparelist_remove .float-right{opacity: 0; position: absolute;} .ks-shop-page-size-icon{max-width: 100%; padding: 7px; vertical-align: top;} .view-mode #lg-3 .ks-shop-page-size-icon{padding: 6px; margin-top: 2px;} @media (max-width: 575px){.ks-bread-bg-color{display: none;}} @media (min-width: 768px){.ks_custom_cart_link{display: none !important;}} @media (max-width: 767px){.ks_add_to_cart{display: none !important;}.product-card .wishlist_and_comparision .btn-secondary.ks_custom_cart_link{display: block; background: #228399 !important; color: #fff !important; border-radius: 4px !important; width: 100% !important; height: 30px !important; line-height: 30px; font-size: 12px !important; padding: 0px !important; border: 1px solid #195f6f !important;}} .ks-product-list-view.ks_products_table .ks-product-list-mode .oe_product_image img{height: 150px;} body.modal-open .ks-product-list-view{z-index: 1000000;} body.modal-open .modal.show{background: rgba(0, 0, 0, 0.5);} body.modal-open .modal-backdrop{display: none;} @media (min-width: 768px){.custom_add_to_cart_and_call{display: none;}} @media (max-width: 767px){.custom_add_to_cart_and_call{position: fixed; bottom: 0; width: 100%; z-index: 20; background: #f3f3f3; height: 55px; left: 0; border-top: 1px solid #ccc; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 0 10px;}.custom_add_to_cart_and_call .ks_call_button i.fa.fa-phone{font-size: 26px; margin-top: 10px;}.custom_add_to_cart_and_call .ks_call_button{width: 45px; text-align: center; vertical-align: middle; display: block;}#product_details .a-submit{display: none;}.custom_add_to_cart_and_call a#add_to_cart{max-width: inherit; width: calc(100% - 51px); background: #228399; margin: 0px !important; color: #fff;}.ks-scroll-top{bottom: 60px;}.ks_shop_page_footer #footer{padding-bottom: 55px;}} .o_website_rating_static{text-align: left; font-size: 16px; padding: 0px 0; color: #f66823 !important;} .o_website_rating_static i{font-size: 12px; color: #FFC315;} .ks_percentage_info{margin-top: -7px;} .ks_price_info{font-size: 18px;} .ks_public_price{font-weight: 600;} .embed-responsive-item{animation: fadeIn 3s ease-in-out forwards; height: 100%; width: 100%;} .ks_active_variant_image{position: relative;} .ks_active_variant_image .o_product_video_thumb{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) !important;} .ks-product-sub{font-size: 12px; letter-spacing: 0.92px; color: #404040; font-weight: 900; text-transform: uppercase; min-height: 18px; margin-bottom: 5px; text-align: center;} .ks-product-list-view{padding-left: 0px; padding-right: 0px;} .ks-product-list-view .text-center.text-muted.oe_product{width: 100%;} @media (max-width: 1024px){.shop_main_container{width: 100%;}} @media (max-width: 1024px) and (min-width: 768px){.ks-product-list-view .ks_name_price{margin-top: 25px !important;}} @media (max-width: 767px){.ks-product-list-view .ks_name_price{padding-right: 0px;}.ks-product-list-view .ks_name_price{margin-top: 10px !important;}.ks-product-list-view .ks-product-list-mode{display: -webkit-box; display: -webkit-flex; display: flex;}.ks-product-list-view .ks-product-list-mode .ks-product-list-mode .oe_product_image img{height: 170px;}.ks-product-list-view .ks-product-list-mode .oe_product_image{max-width: 120px;}.ks-product-list-view .ks-product-list-mode .ks-product-content{width: calc(100% - 120px); margin-left: 0;}.ks-product-list-view .ks-product-list-mode .ks_hover_data{padding: 0px 10px 0px 10px !important;}.ks-product-list-view .oe_product.oe_list.oe_product_cart{margin-bottom: 0; border: none; border-top: 1px solid #ccc;}.ks-product-list-view .ks-add-to-cart-btn{margin-bottom: 5px;}} table#cart_products tbody td.td-price{font-size: 14px; color: #000; font-weight: 400;} table#cart_products tbody td.td-price del{font-weight: 500; font-size: 14px; color: #757575 !important; margin: 0 5px;} .coupon_form .input-group-append{margin-left: 14px;} .coupon_form .input-group-append .a-submit{padding: 4px 25px !important;} .modal-dialog-centered a#add_to_cart{max-width: inherit; width: auto;} .modal-dialog-centered a#add_to_cart .fa{margin-right: 5px;} @media (max-width: 1400px) and (min-width: 576px){#product_quick_preview_Modal .modal-dialog{max-width: 80%;}} @media (max-width: 575px){#product_quick_preview_Modal{padding-right: 0 !important;}} #collapseElementId3 .nav-item{list-style: none; margin-bottom: 3px;} #collapseElementId2{margin-left: 0px; padding-left: 1rem;} #collapseElementId2 .nav-item{list-style: none; margin-bottom: 3px;} #collapseElementId2 .css_attribute_color{cursor: pointer; margin: 0; opacity: 1; width: 20px; height: 20px; border-radius: 50%; position: relative; margin-left: 2rem;} #collapseElementId2 .css_attribute_color .color-name{color: #282c3f; font-size: 12px; font-weight: 500; position: absolute; left: 1.7rem; top: 0px;} #collapseElementId2 .css_attribute_color:before{border-radius: 0; background: transparent; width: 18px; height: 18px; display: block; pointer-events: none; content: ""; user-select: none; margin-right: 10px; box-shadow: inset 0 0 0 1px #91a8b8; border-radius: 3px; left: -30px; position: absolute; top: -1px;} #collapseElementId2 .css_attribute_color input{position: absolute; width: 200px; height: 100%; left: -1.8rem; top: 0; margin: 0px;} #collapseElementId2 .css_attribute_color input:checked + span:before{content: '\f00c'; font: normal normal normal 12px/1 FontAwesome; color: #fff; width: 18px; height: 18px; position: absolute; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; border-radius: 3px; background: #228399; left: -57px; top: -1px;} #collapseElementId2 .css_attribute_color.active{border: none; box-shadow: inset 0 0 0 2px #228399;} #products_grid_before.ks-show-filter .filter-heading-panel{background: #228399; border-radius: 0; color: #ffffff; padding: 1rem; padding-left: 20px; font-size: 1rem; position: absolute; top: 0px; left: 0px; z-index: 20; font-weight: 600; width: 100%; display: block; height: 56px;} #products_grid_before.ks-show-filter .filter-heading-panel .fa{background: #2ba7c3; width: 56px; height: 56px; display: block; line-height: 56px; position: absolute; right: 0; top: 0; text-align: center; left: inherit; cursor: pointer; margin-left: auto;} .ks_comp_price span{font-weight: 600;} .brand_filter_list:empty, .variants_filter_list:empty, .filterList:empty, .price_filter_list:empty, .SortByList:empty{display: none;} .ks_var_filter_list{display: inline-block;} input:not([type="radio"]):not([type="checkbox"]){-webkit--webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0;} #ks-selected_input_max, #ks-selected_input_min{-webkit-text-fill-color: #000; opacity: 1;} .col.col-6.col-md-6.col-lg-3.ks-product-list.col-lg-6 .ks_shop_product_slider{max-width: 300px;} .col.col-6.col-md-6.col-lg-3.ks-product-list.col-lg-6 .ks_shop_product_slider .owl-dots{bottom: 10px;} @media (max-width: 1400px){.col.col-6.col-md-6.col-lg-3.ks-product-list.col-lg-6 .ks_shop_product_slider{max-width: 250px;}} .ks-price.ks_comp_price{min-height: 35px;} .ks-product-list-view .ks-price{text-align: left;} .ks_shop_slider .owl-dots{display: none;} .ks_shop_slider:hover .owl-dots{display: block;} .ks-slider-products .fp__info .fp__price, .ks_product_grid_responsive .fp__info .fp__price, .product-card .fp__info .fp__price{-webkit-box-pack: start !important; justify-content: flex-start !important;} .ks_shop_product_slider .carousel-indicators .active{background-color: #228399;} .ks_shop_product_slider .carousel-indicators{bottom: 40px;} .ks_shop_product_slider .carousel-indicators li{width: 10px; height: 10px; border-radius: 100%;} 

/* /ks_theme_kinetik/static/src/scss/shop/blog-detail.scss defined in bundle 'web.assets_frontend' */
 .ks-blog-detail .ks-bottom-item{font-size: 13px; color: #363636;} .ks-blog-detail .ks-bottom-item > span{font-weight: 400;} .ks-blog-detail .image-fluid{width: 100%; height: 100%; object-fit: contain;} .ks-blog-detail .ks-blog-banner{background-color: rgba(255, 255, 255, 0.45); background-blend-mode: overlay; height: 200px; background-position: center; background-repeat: no-repeat; background-size: cover;} .ks-blog-detail .ks-blog-banner .ks-banner-top{font-size: 14px; color: #363636;} .ks-blog-detail .ks-blog-banner .ks-banner-top > span{font-weight: 400;} .ks-blog-detail .ks-blog-banner .ks-banner-middle{text-transform: uppercase;} .ks-blog-detail .ks-blog-banner .ks-banner-middle > h3{font-weight: 600; letter-spacing: 2px; color: #363636;} .ks-blog-detail .ks-blog-detail-left .container .row .col-lg-8.offset-lg-2{margin-left: 0%; flex: 0 0 100%; max-width: 100%; padding: 0px; font-size: 14px;} .ks-blog-detail .ks-blog-detail-left .ks-blog-box .ks-blog-box-img{max-width: 760px; width: 100%;} .ks-blog-detail .ks-blog-detail-left .ks-blog-box .ks-blog-info{font-size: 13px; color: #454545; line-height: 1.6;} .ks-blog-detail .ks-blog-detail-left .ks-blog-box .ks-blog-iner-head{font-size: 20px; font-weight: 600; color: #363636;} .ks-blog-detail .ks-blog-detail-left .ks-blog-box .ks-tags-box{border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;} .ks-blog-detail .ks-blog-detail-left .ks-blog-box .ks-tags-box .ks-blog-tags .ks-tag-chip{font-size: 12px; padding: 2px 6px; border: 1px solid #e1e1e1; margin-right: 6px;} .ks-blog-detail .ks-blog-detail-left .ks-blog-box .ks-tags-box .ks-blog-tags .ks-tag-chip:first-child{border: none;} .ks-blog-detail .ks-blog-detail-left .ks-blog-box .ks-tags-box .ks-blog-socal-box .ks-socal-item{font-size: 14px; color: #3a3a3a; padding: 0 8px;} .ks-blog-detail .ks-blog-detail-left .ks-blog-box .ks-tags-box .ks-blog-socal-box .ks-socal-item:last-child{padding-right: 0;} .ks-blog-detail .ks-blog-detail-left .ks-blog-box .ks-tags-box .ks-blog-socal-box .ks-socal-item:hover{text-decoration: none;} .ks-blog-detail .ks-blog-detail-right .ks-blog-right-head .ks-pp-head-info{font-size: 18px; font-weight: 600; color: #363636;} .ks-blog-detail .ks-blog-detail-right .ks-blog-right-head .ks-pp-head-info::before, .ks-blog-detail .ks-blog-detail-right .ks-blog-right-head .ks-pp-head-info::after{content: ""; position: absolute; height: 3px; width: 20px; background-color: #363636; top: 50%; transform: translateY(-50%);} .ks-blog-detail .ks-blog-detail-right .ks-blog-right-head .ks-pp-head-info::before{left: -24px;} .ks-blog-detail .ks-blog-detail-right .ks-blog-right-head .ks-pp-head-info::after{right: -24px;} .ks-blog-detail .ks-blog-detail-right .ks-blog-right-body .custom-card{border: 1px solid #e1e1e1; border-right: 0;} .ks-blog-detail .ks-blog-detail-right .ks-blog-right-body .custom-card .card-image{max-width: 100px; width: 100%;} .ks-blog-detail .ks-blog-detail-right .ks-blog-right-body .custom-card .card-image .image-fluid{object-fit: cover;} .ks-blog-detail .ks-blog-detail-right .ks-blog-right-body .custom-card .card-details .card-details-top .ks-bottom-item{color: #7a7a7a;} .ks-blog-detail .ks-blog-detail-right .ks-blog-right-body .custom-card .card-details .card-details-bottom{font-size: 14px; font-weight: 600; line-height: 1; color: #363636;} .ks-blog-detail .ks-blog-detail-right .ks-blog-newsletter{background-color: #f7f7f7;} .ks-blog-detail .ks-blog-detail-right .ks-blog-newsletter .ks-newsletter-head{text-transform: uppercase; font-size: 18px; font-weight: 600; letter-spacing: 1px; color: #363636;} .ks-blog-detail .ks-blog-detail-right .ks-blog-newsletter .ks-newsletter-body .newsletter-fild input, .ks-blog-detail .ks-blog-detail-right .ks-blog-newsletter .ks-newsletter-body .newsletter-fild button{border-radius: 0; border: 0; height: 38px;} .ks-blog-detail .ks-blog-detail-right .ks-blog-newsletter .ks-newsletter-body .newsletter-fild .subscribe-btn{background-color: #333333; color: #ffffff; font-size: 14px;} .ks-blog-detail .ks-blog-detail-right .ks-blog-newsletter .ks-newsletter-body .newsletter-text{font-size: 14px; color: #363636;} 

/* /ks_theme_kinetik/static/src/dynamic-snippet-scss/ks_trendy_style.scss defined in bundle 'web.assets_frontend' */
 .ks-static-product .ks-image-fluid{height: 100%; width: 100%;} .ts__img img{border-radius: 4px; object-position: top;} .ts__img:hover:before{left: 120%;} .oe_product.oe_list.oe_product_cart #website_published_button{margin-right: -9px; margin-top: -10px;} .ks_product_slider_multiple .container{max-width: 1400px; margin: auto;} .ks-ts-overlay{position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.16); border-radius: 8px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 10px; -webkit-box-pack: end; justify-content: flex-end; color: white !important; z-index: 0; word-break: break-all;} .ks-ts-overlay:hover:before{left: 125%;} .ks-ts-overlay .ts__sm_text{color: #fff; font-weight: 600; font-size: 13px;} .ks-ts-overlay .ts__sm_text.mt-1{font-size: 16px;} 

/* /ks_theme_kinetik/static/src/dynamic-snippet-scss/ks_product_grid.scss defined in bundle 'web.assets_frontend' */
 .ks-product-grid .grid-item{box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); height: auto;} .ks-product-grid .fp__info{text-align: left;} .s_text_block{font-size: 18px;} .s_website_form .col-form-label{font-size: 16px;} .s_website_form .form-control{height: 45px;} .s_website_form textarea.form-control{height: 150px;} .s_website_form .btn-lg, .s_website_form .btn-group-lg > .btn{border: none; color: #0a0a0a; min-width: 37%; font-weight: 600;} .oe_website_sale .slide{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;} .oe_website_sale .slide .carousel-outer{height: 100%; width: 100%;} @media screen and (max-width: 767px){.oe_website_sale .slide .carousel-outer{width: 100%;}} .oe_website_sale .slide .carousel-outer .img-fluid{height: 100%; width: 100%; object-fit: contain;} .oe_website_sale .slide .list-unstyled{position: relative; padding-top: 34px;} @media screen and (max-width: 767px){.oe_website_sale .slide .list-unstyled{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; padding-top: 6px;}} .oe_website_sale .slide .list-unstyled .carousel-control-prev{top: -2%; position: absolute; left: 50%; background: #fff; width: 33px; height: 33px !important; transform: translateX(-50%) rotate(90deg);} @media screen and (max-width: 767px){.oe_website_sale .slide .list-unstyled .carousel-control-prev{display: none;}} .oe_website_sale .slide .list-unstyled .carousel-control-next{top: 100%; position: absolute; left: 50%; background: #fff; width: 33px; height: 33px !important; transform: translateX(-50%) rotate(90deg);} @media screen and (max-width: 991px){.oe_website_sale .slide .list-unstyled .carousel-control-next{top: 101%;}} @media screen and (max-width: 767px){.oe_website_sale .slide .list-unstyled .carousel-control-next{display: none;}} .oe_website_sale .slide .carousel-item{min-height: auto !important; height: 100%;} .oe_website_sale #product_details{min-width: auto;} .oe_website_sale #product_details h1{color: #0a0a0a;} .oe_website_sale #product_details h3{color: #0a0a0a; font-size: 16px;} @media screen and (max-width: 767px){.oe_website_sale #product_details{border-left: none;}} @media screen and (max-width: 767px){.oe_website_sale #product_details .nav-link{font-size: 12px;}} .oe_website_sale #product_details .o_website_message_post_helper{font-size: 17px; color: #0a0a0a; border: 1px solid #228399;} .oe_website_sale #product_details .o_website_message_post_helper:active{background-color: #0a0a0a;} .oe_website_sale #product_details .o_website_message_post_helper:focus{box-shadow: none;} .oe_website_sale #product_details .o_website_message_post_helper:hover{background-color: #0a0a0a; border: 1px solid #0a0a0a; color: #fff;} .ks_horizontal_product_slider .carousel-control-prev{color: #0a0a0a;} .ks_horizontal_product_slider .carousel-control-next{color: #0a0a0a;} .ks_product_slider_multiple_tab .nav-tabs{border-bottom: none;} .ks_product_slider_multiple_tab .active .theme__btn-2{background: #0a0a0a; color: #ffffff;} .ks_product_slider_multiple_tab .active.tab-pane .product-card{animation: tab-animation 0.3s ease-in-out;} @media (max-width: 768px){.ks_product_slider_multiple_tab .tab-content{padding: 0px;}} .snippet_product_grid .products-carousel{max-width: 100%;} .ks_products_table .oe_product.oe_grid{height: calc(100% - 15px);} del.text-danger{font-size: 75%;} .fp__brand{min-height: 0px;} .product-card{box-shadow: none;} .product-card .ks_product_grid .fp__info{padding: 10px 0 !important;} .product-card .fp__info{background: #fff; z-index: 1;} .product-card .fp__info .featured__product{position: relative; z-index: 1; background: #fff;} .product-card .wishlist_and_comparision{bottom: inherit !important; top: 2px; transition: all ease-in-out 0.3s;} @media (min-width: 1025px){.product-card:hover .wishlist_and_comparision{top: 0px; transform: translateY(-100%);}} .o_rating_star_card .stars{color: #FFC315;} div.product-card{box-shadow: none;} div.product-card .fp__price{padding-top: 10px;} @media (max-width: 767px){.snippet_featured_home_page .fp__name, .fp__name{height: auto; font-size: 14px !important; color: rgba(0, 0, 0, 0.7); line-height: 18px;}.ks_products_table .oe_product.oe_grid .ks_name_price .ks-price{display: block;}.breadcrumb{padding: 0.7rem 0px;}.breadcrumb .container{padding: 0px;}#products_grid div.oe_product.oe_grid{height: 100% !important;}#products_grid div.oe_product.oe_grid .oe_product_cart{height: 100%;}.ks_products_table{padding: 0px;}.snippet_featured_home_page .tab-content, .shop_main_container{padding: 0px 0px !important; width: 100% !important;}.ks_products_table .oe_product.oe_grid{padding: 0px !important; margin-bottom: 0px; margin-top: 0px;}.ks_name_price{min-height: 105px; padding-top: 10px !important;}.ks_hover_data .product_price, .product-card .wishlist_and_comparision{border-top: none !important;}.ks_hover_data .product_price{padding-top: 0px; padding-bottom: 0px;}del.text-danger{line-height: 20px;}.ks_hover_data{padding: 0px 10px 10px 10px !important;}.ks_hover_data a.btn.btn-sm.ks-add-to-cart-btn, .ks_hover_data .btn-group-sm > a.btn.ks-add-to-cart-btn{background: #228399 !important; color: #fff !important; border-radius: 4px !important; width: 100% !important; height: 30px !important; border: 1px solid #195f6f !important; margin-top: 5px; font-size: 12px;}.ks_hover_data a.btn.btn-sm.ks-add-to-cart-btn .fa-shopping-cart, .ks_hover_data .btn-group-sm > a.btn.ks-add-to-cart-btn .fa-shopping-cart{display: none;}.ks_pager_container .products_pager{padding-bottom: 0px; padding-left: 10px; padding-right: 10px;}.ks_pager_container .products_pager .ks_filter_button, .products_pager .dropdown_sorty_by .dropdown-toggle{min-height: 30px; min-width: 30px; text-align: center; width: 30px; padding: 0; position: relative;}.ks_pager_container .products_pager .ks_filter_button .fa-filter, .ks_pager_container .products_pager .ks_filter_button::after, .products_pager .dropdown_sorty_by .dropdown-toggle .fa-filter, .products_pager .dropdown_sorty_by .dropdown-toggle::after{margin: 0px auto;}.view-mode ul.list-view-group li.list-group-item{width: 30px; height: 30px; line-height: 30px;}.ks-product-list.col-lg-6 .ks_name_price::before{left: 6px !important; right: auto !important;}.ks-product-list.col-lg-6 .ks-price{justify-content: start;}.ks-product-list.col-lg-6 .o_website_rating_static, .ks-product-list.col-lg-6 .ks-price, .ks-product-list.col-lg-6 .fp__name{text-align: left !important;}.ks_product_slider_multiple .container, .ks_product_grid .container{padding-right: 0px; padding-left: 0px;}.ks_featured_home_page div.product-card, .ks_product_grid .products-carousel div.product-card{width: calc(50% - 0px) !important; margin: 0px !important;}.snippet_featured_home_page{padding-left: 0px !important; padding-right: 0px !important;}.product-card .featured__product{padding-bottom: 5px; min-height: 80px;}.ks_product_grid .product-card .fp__img img{padding: 0px;}.products-carousel .owl-item .product-card{width: 100%;}#product_btn_group{padding-bottom: 15px;}.ks_product_grid .products-carousel{justify-content: start;}#product_details .ks-product-name{font-size: 24px;}#product_details .oe_price{font-size: 18px;}.ks_action_buttons{padding-bottom: 15px; margin-bottom: 15px; padding-top: 15px;}} #product_details .oe_price{color: #0a0a0a;} .ks_Percentage-offer, .Percentage-offer{letter-spacing: -0.5px;} .ks_percentage_info{text-transform: uppercase;} .ks_snippet_percentage_discount_2{font-size: 12px; color: #f66a3e; font-weight: 500;} .ks_public_price{font-weight: 500; font-size: 14px; color: #757575; margin: 0 5px;} .ks_active_variant_image .o_product_video_thumb{background: #ffff; border-radius: 50%; width: 30px; height: 30px; text-align: center; line-height: 30px; text-indent: initial;} @media (max-width: 767px){.ks_active_variant_image{min-width: 60px; margin-left: 2px; height: 60px; max-height: 60px; overflow: hidden;}} .ks-featured-product-grid{padding-top: 5rem !important;} .product-detail-carousel .carousel-inner .carousel-item{height: 100%; min-height: 500px !important;} .product-detail-carousel .carousel-inner .carousel-item .embed-responsive-item{min-height: 500px !important;} 

/* /ks_theme_kinetik/static/src/scss/imports/odoo_default.scss defined in bundle 'web.assets_frontend' */
 .navbar-expand-md #top_menu_collapse .nav-item.dropdown{position: relative !important;} .navbar-expand-md #top_menu_collapse #my_cart{margin-top: -2px;} .s_text_block span[data-oe-field="email"]{word-break: break-all;} 

/* /ks_theme_kinetik/static/src/scss/static_snippets/main.scss defined in bundle 'web.assets_frontend' */
 .ks-collection-item-3{width: calc(25% - 16px); height: 450px !important; background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer;} .ks-collection-item-3:hover{background-image: none !important;} .ks-collection-item-3:hover .ks-collection-offer{bottom: calc(50% - 40px); overflow: visible;} .ks-collection-item-3:hover .ks-collection-offer-btn{transform: translateY(0); opacity: 1;} @media (max-width: 1024px){.ks-collection-item-3{width: calc(50% - 16px); margin-bottom: 20px;}} @media (max-width: 540px){.ks-collection-item-3{width: 100%;}} .ks-collection-header h5{letter-spacing: 1px;} .ks-collection-large-text{font-size: 60px; font-weight: 700;} @media (min-width: 575px){.ks-collection-small-text{writing-mode: tb; text-orientation: upright;}} .ks-collection-offer{bottom: 0; overflow: hidden; height: 90px; transition: 0.36s ease-in-out;} .ks-collection-offer-btn{transition: 0.3s ease-in-out; transition-delay: 0.2s; transform: translateY(-100%); opacity: 0;} .theme-btn-outlined{background: transparent;} .theme-btn-outlined:hover{border-color: transparent;} .ks-collection-item-color-1 .ks-collection-header{background: #e7a779;} .ks-collection-item-color-1:hover{background: rgba(231, 167, 121, 0.5);} .ks-collection-item-color-2 .ks-collection-header{background: #8ab9ef;} .ks-collection-item-color-2:hover{background: rgba(138, 185, 239, 0.5);} .ks-collection-item-color-3 .ks-collection-header{background: #59b2ee;} .ks-collection-item-color-3:hover{background: rgba(89, 178, 238, 0.5);} .ks-collection-item-color-4 .ks-collection-header{background: #aea757;} .ks-collection-item-color-4:hover{background: rgba(174, 167, 87, 0.5);} .ks-collection-view-full .ks-collection-item:nth-child(1){background-color: transparent;} .ks-collection-view-full .ks-collection-item:nth-child(2){background-color: transparent; background-position: right;} .ks-collection-view-full .ks-collection-item:before{display: none;} .ks-collection-view-full .ks-collectiom-items-conatiner{background: rgba(255, 255, 255, 0.42); padding: 40px; width: 70%; outline-style: double; outline-offset: -20px; transition: 0.2s ease-in-out;} .ks-collection-view-full .ks-collectiom-items-conatiner:hover{outline-offset: 0px;} @media (max-width: 768px){.ks-collection-view-full .ks-collectiom-items-conatiner{width: 90%;}} @media (max-width: 540px){.ks-collection-view-full .ks-collectiom-items-conatiner{width: 100%;}} .b-300{font-weight: 300;} .b-400{font-weight: 400;} .b-500{font-weight: 500;} .b-600{font-weight: 600;} .font-14{font-size: 14px; letter-spacing: 1px;} .w-60{width: 60%;} @media screen and (max-width: 767px){.w-60{width: 100%;}} .font-24{font-size: 24px;} @media screen and (max-width: 1199px){.font-24{font-size: 20px;}} .font-28{font-size: 28px;} .color-white{color: #fff;} .gallery-bg .ks-image-gallery{width: 95%; margin: 0 auto;} .gallery-bg .ks-image-gallery .image-panel .panel-hover{overflow: hidden;} .gallery-bg .ks-image-gallery .image-panel .panel-hover .image-item{transform: scale(1); transition: all 0.3s ease;} @media (max-width: 575px){.gallery-bg .ks-image-gallery .image-panel .panel-hover .image-item{text-align: center;}} .gallery-bg .ks-image-gallery .image-panel .panel-hover .image-item img{width: 100%;} .gallery-bg .ks-image-gallery .image-panel .panel-hover .text-position{position: absolute; top: 0; left: 0; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;} .gallery-bg .ks-image-gallery .image-panel .panel-hover:hover .image-item{transform: scale(1.1);} .gallery-bg .oe_website_sale{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .ks-gallery .left-pannel{overflow: hidden;} .ks-gallery .left-pannel .top{height: 400px; overflow: hidden;} .ks-gallery .left-pannel .top:hover .ks-image-fluid{transform: scale(1.1);} .ks-gallery .left-pannel .top:hover .text-position{background: #228399;} .ks-gallery .left-pannel .bottom{height: 250px; overflow: hidden;} .ks-gallery .left-pannel .bottom:hover .ks-image-fluid{transform: scale(1.1);} .ks-gallery .left-pannel .bottom:hover .text-position{background: #228399;} .ks-gallery .middle-pannel{overflow: hidden;} .ks-gallery .middle-pannel .top{height: 325px; overflow: hidden;} .ks-gallery .middle-pannel .top:hover .ks-image-fluid{transform: scale(1.1);} .ks-gallery .middle-pannel .top:hover .text-position{background: #228399;} .ks-gallery .middle-pannel .bottom{height: 325px; overflow: hidden;} .ks-gallery .middle-pannel .bottom:hover .ks-image-fluid{transform: scale(1.1);} .ks-gallery .middle-pannel .bottom:hover .text-position{background: #228399;} .ks-gallery .right-pannel .top{height: 250px; overflow: hidden;} .ks-gallery .right-pannel .top:hover .ks-image-fluid{transform: scale(1.1);} .ks-gallery .right-pannel .top:hover .text-position{background: #228399;} .ks-gallery .right-pannel .bottom{height: 400px; overflow: hidden;} .ks-gallery .right-pannel .bottom:hover .ks-image-fluid{transform: scale(1.1);} .ks-gallery .right-pannel .bottom:hover .text-position{background: #228399;} .ks-gallery .ks-image-fluid{width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: all 0.3s ease; -webkit-transition: all 0.3s ease;} .ks-gallery .text-position{position: absolute; top: 0; left: 0; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;} .ks-gallery .oe_website_sale{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .font-42{font-size: 42px;} @media screen and (max-width: 767px){.font-42{font-size: 28px;}} .text-shadow{text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25);} .about-container .custom-btn{width: 150px; height: 45px; border: none; font-weight: 500; text-transform: uppercase;} .about-container .custom-btn:focus{outline: none;} .about-container .about-btn{width: 100%;} .about-container .image-container{height: 450px; width: 450px; border-radius: 50%; overflow: hidden; background-size: contain; background-attachment: fixed; background-position: right;} @media screen and (max-width: 767px){.about-container .image-container{height: 350px; width: 350px; margin-top: 20px;}} @media screen and (max-width: 500px){.about-container .image-container{height: 250px; width: 250px;}} @media screen and (max-width: 425px){.about-container .image-container{height: 250px; width: 250px;}} .about-container .ks-skills-holder{text-align: center; position: relative; margin: 40px 0; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center;} .about-container .ks-skills-holder .list{list-style-type: none; display: -webkit-box; display: -webkit-flex; display: flex;} .about-container .ks-skills-holder .list .list-items{width: 20px; height: 230px; background-color: #c7ebf3; margin: 0px 20px; position: relative; border-radius: 50px;} @media screen and (max-width: 568px){.about-container .ks-skills-holder .list .list-items{margin: 0px 15px; width: 14px;}} @media screen and (max-width: 392px){.about-container .ks-skills-holder .list .list-items{margin: 0px 10px;}} .about-container .ks-skills-holder .list .list-items:before{content: ''; left: 0px; bottom: 0px; width: 100%; background: #228399; z-index: 1; position: absolute; border-radius: 0px 0px 50px 50px; color: #fff;} .about-container .ks-skills-holder .list .list-items .list-text{left: 50%; transform: translateX(-50%); bottom: -31px; color: #000000; position: absolute;} @media screen and (max-width: 568px){.about-container .ks-skills-holder .list .list-items .list-text{font-size: 13px;}} @media screen and (max-width: 392px){.about-container .ks-skills-holder .list .list-items .list-text{font-size: 10px;}} .about-container .ks-skills-holder .progress-value li:nth-child(1):before{height: 80%;} .about-container .ks-skills-holder .progress-value li:nth-child(2):before{height: 90%;} .about-container .ks-skills-holder .progress-value li:nth-child(3):before{height: 70%;} .about-container .ks-skills-holder .progress-value li:nth-child(4):before{height: 80%;} .about-container .ks-skills-holder .progress-value li:nth-child(5):before{height: 76%;} .about-container .ks-skills-holder .progress-value li:nth-child(6):before{height: 60%;} .about-container .ks-skills-holder .progress-value li:nth-child(7):before{height: 78%;} .about-container .ks-skills-holder .progress-value li:nth-child(8):before{height: 50%;} .about-container .ks-skills-holder .progress-value li:before{animation: fillEffect 1.5s ease-in-out 2s forwards; transform-origin: bottom; opacity: 0;} .wraper .about-container{width: 90%; margin: 0 auto;} .wraper .about-container .btn-1-info{background: #fab446; color: #000000; border: 1px solid #fab446;} .wraper .about-container .btn-1-info:hover{background-color: #ffffff; color: #000000; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;} .wraper .about-container .btn-2-info{border: 1px solid #000000; background: #ffffff;} .wraper .about-container .btn-2-info:hover{background-color: #000000; color: #ffffff; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;} .wraper .about-container .image-panel .img-iten{background: #ffffff; border-radius: 10px; overflow: hidden;} .wraper .about-container .image-panel .img-iten .image-fluid{border-radius: 10px; transform: scale(1); transition: all 0.3s ease; object-fit: cover;} .wraper .about-container .image-panel .img-iten .image-fluid:hover{transform: scale(1.1);} .ks-banner-full{min-height: 90vh; background-size: cover; background-position: right; background-repeat: no-repeat; background-attachment: fixed;} @media (max-width: 1024px){.ks-banner-full{background-color: rgba(255, 255, 255, 0.34); background-blend-mode: color; background-attachment: initial;}} .ks-banner-heading{font-weight: 600; font-size: 56px;} @media (max-width: 768px){.ks-banner-heading{font-size: 40px;}} @media (max-width: 540px){.ks-banner-heading{font-size: 36px;}} .ks-banner-text-container{width: 50%;} @media (max-width: 1024px){.ks-banner-text-container{width: 100%;}} .w-60{width: 60%;} @media screen and (max-width: 767px){.w-60{width: 100%;}} .font-24{font-size: 24px;} @media screen and (max-width: 1199px){.font-24{font-size: 20px;}} .font-28{font-size: 28px;} .bg-light-pink{background-color: #efe2ff;} .color-pink{color: #000;} .color-white{color: #fff;} .btn-bg{background-color: #e625a4;} input:focus, textarea:focus{outline: none;} .ks-team .image-info{overflow: hidden; border-radius: 10px;} .ks-team .image-info .custon-img-fluid{min-height: 251px; object-fit: contain; height: 100%; width: 100%; border-radius: 10px; transform: scale(1); transition: all 0.3s ease; background-color: #c3c3ea;} .ks-team .ks-team-member:hover .image-text{box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);} .ks-team .ks-team-member:hover .custon-img-fluid{transform: scale(1.1);} .ks-team .image-text{background-color: #228399; height: 90px; border-radius: 10px; width: 93%; margin: -36px auto 0 auto; position: relative; color: #ffffff; transition: all .5s; cursor: pointer;} .ks-team .oe_website_sale{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .w-70{width: 70%;} @media screen and (max-width: 767px){.w-70{width: 100%;}} .W-90{width: 90%;} .font-24{font-size: 24px;} @media screen and (max-width: 1199px){.font-24{font-size: 20px;}} .font-16{font-size: 16px;} .font-18{font-size: 18px;} .font-40{font-size: 40px;} .color-white{color: #fff;} input:focus, textarea:focus{outline: none;} .ks-team-2 .heading-line:after{position: absolute; content: ''; width: 142px; height: 5px; background-color: red; background-image: linear-gradient(to right, #49c8d7, #6877c8); bottom: 0; right: 0; left: 0; margin: auto;} .ks-team-2 .team-panel .panel-iten, .ks-team-2 .oe_website_sale .panel-iten{height: 345px; border: 1px solid #8c8c8c; border-radius: 5px;} .ks-team-2 .team-panel .panel-iten .image-item, .ks-team-2 .oe_website_sale .panel-iten .image-item{width: 132px; height: 132px; border-radius: 50%; overflow: hidden; background: linear-gradient(#74cce0, #228399); margin-bottom: 14px; padding: 5px;} .ks-team-2 .team-panel .panel-iten .image-item .img-bg, .ks-team-2 .oe_website_sale .panel-iten .image-item .img-bg{height: 100%; width: 100%; border-radius: 50%; filter: grayscale(100); transition: 0.3s ease-in-out;} .ks-team-2 .team-panel .panel-iten .image-item .img-bg:hover, .ks-team-2 .oe_website_sale .panel-iten .image-item .img-bg:hover{filter: grayscale(0);} .ks-team-2 .team-panel .panel-iten .button-info, .ks-team-2 .oe_website_sale .panel-iten .button-info{width: 80%; margin: 0 auto;} .ks-team-2 .team-panel .panel-iten .button-info .custom-btn, .ks-team-2 .oe_website_sale .panel-iten .button-info .custom-btn{width: 100%; background-color: #fff; border: none; padding: 10px 0;} .ks-team-2 .team-panel .hover-fffect:hover .custom-btn, .ks-team-2 .oe_website_sale .hover-fffect:hover .custom-btn{background: linear-gradient(#228399, #74cce0); color: #fff;} .ks-team-2 .team-panel .hover-fffect:hover .img-bg, .ks-team-2 .oe_website_sale .hover-fffect:hover .img-bg{filter: grayscale(0);} .ks-team-2 .team-panel .media-info, .ks-team-2 .oe_website_sale .media-info{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; margin-top: -19px;} .ks-team-2 .team-panel .media-info .media-item, .ks-team-2 .oe_website_sale .media-info .media-item{height: 35px; width: 35px; background-color: #228399; color: #ffffff; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; margin: 0 10px; border-radius: 50%;} .ks-team-2 .team-panel .media-info .media-item:hover, .ks-team-2 .oe_website_sale .media-info .media-item:hover{color: #ffffff;} .text-primary, a.text-primary{color: #228399 !important;} .text-primary:hover, a.text-primary:hover{color: #000 !important;} .ks-pricing-card-border{border-top: 15px solid #228399;} .ks-pricing-card-inner{position: relative; cursor: pointer; transition: 0.3s ease-in-out;} .ks-pricing-card-inner:before{content: ''; background: #228399; position: absolute; width: 100%; height: 100%; transition: 0.3s ease-in-out; transform: scaleY(0); transform-origin: top; left: 0; top: 0; z-index: -1;} .ks-pricing-card-inner:hover{color: white;} .ks-pricing-card-inner:hover .text-muted{color: white !important;} .ks-pricing-card-inner:hover:before{transform: scaleY(1);} .ks-pricing-list-icon{font-size: 30px; line-height: 1;} .ks-pricing-offer-text{font-size: 14px;} .ks-pricing-img{border-bottom: 3px solid #228399; width: 80%; height: 280px; background-repeat: no-repeat; background-size: contain; background-position: bottom; margin: auto;} .ks-pricing-img-individual{background-image: url(/ks_theme_kinetik/static/src/static-snippet-images/Individual.svg);} .ks-pricing-img-team{background-image: url(/ks_theme_kinetik/static/src/static-snippet-images/Team.svg);} .ks-pricing-img-enterprise{background-image: url(/ks_theme_kinetik/static/src/static-snippet-images/Enterprise.svg);} .ks-pricing-plan .ks-pricing-list-icon{line-height: 0;} .ks-pricing-plan .fa{font-size: 14px; line-height: 1; margin-top: -1px; margin-right: 5px;} .ks-pricing-plan li.mb-2.align-items-center, .ks-pricing-plan li.mb-2.flex-center{margin-bottom: 16px !important;} .box__shadow__hover{transition: 0.2s ease-in-out;} .box__shadow__hover:hover{box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);} .ks-pricing-text-v2{font-weight: 600;} .ks-pricing-plan-v3 .ks-pricing-card{border-radius: 20px;} .ks-pricing-link{background: rgba(0, 0, 0, 0.22); border-radius: 10px;} .ks-pricing-link a{font-size: 14px; font-weight: 600;} .card-bg-color-1{background: #228399;} .card-bg-color-1:hover{background: #fff; color: #228399;} .card-bg-color-2{background: #8ab9ef;} .card-bg-color-2:hover{background: #fff; color: #8ab9ef;} .card-bg-color-3{background: #aea757;} .card-bg-color-3:hover{background: #fff; color: #aea757;} .card-bg-color-4{background: #e7a779;} .card-bg-color-4:hover{background: #fff; color: #e7a779;} .b-300{font-weight: 300;} .b-400{font-weight: 400;} .b-500{font-weight: 500;} .b-600{font-weight: 600;} .font-14{font-size: 14px; letter-spacing: 1px;} .font-18{font-size: 18px;} @media screen and (max-width: 767px){.font-18{font-size: 14px;}} .font-50{font-size: 50px;} @media screen and (max-width: 767px){.font-50{font-size: 30px;}} .font-30{font-size: 30px;} @media screen and (max-width: 1142px){.font-30{font-size: 24px;}} .color-white{color: #fff;} .vh-10{height: 10vh; background-color: #0a0a0a;} .ks-deal-sales{height: 80vh; background-position: left; background-size: cover;} .ks-deal-sales .right-panel{margin: 10px;} @media screen and (max-width: 767px){.ks-deal-sales .right-panel{background: rgba(255, 255, 255, 0.52); padding: 20px; border-radius: 15px;}} @media screen and (max-width: 380px){.ks-deal-sales .right-panel{padding: 8px;}} .ks-deal-sales .right-panel .heading-container .heading{text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.33); color: #0a0a0a;} .ks-deal-sales .right-panel .timer .item{height: 70px; width: 70px; border-radius: 50%; background-color: #0a0a0a; margin: 0 10px; box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.43);} .b-300{font-weight: 300;} .b-400{font-weight: 400;} .b-500{font-weight: 500;} .b-600{font-weight: 600;} .font-14{font-size: 14px; letter-spacing: 1px;} .font-18{font-size: 18px;} @media screen and (max-width: 767px){.font-18{font-size: 14px;}} .font-50{font-size: 50px;} @media screen and (max-width: 767px){.font-50{font-size: 30px;}} .font-70{font-size: 70px;} @media screen and (max-width: 1114px){.font-70{font-size: 40px;}} @media screen and (max-width: 980px){.font-70{font-size: 34px;}} @media screen and (max-width: 780px){.font-70{font-size: 24px;}} .font-30{font-size: 30px;} @media screen and (max-width: 1142px){.font-30{font-size: 24px;}} .color-white{color: #fff;} .text-transform{text-transform: uppercase;} .lowercase{text-transform: lowercase;} .ks-deal-sales-2{height: 100vh; position: relative; overflow: hidden;} .ks-deal-sales-2 .ks-top{height: 262px; width: 110%; background-color: #c1c17e; position: absolute; top: -157px; left: 0; transform: rotate(8deg);} .ks-deal-sales-2 .ks-top .ks-top-circle{height: 250px; width: 250px; border-radius: 50%; background-color: #b4d548; position: absolute; right: 13%; top: 149px; transform: rotate(-8deg); box-shadow: 0px 5px 10px 1px rgba(138, 138, 41, 0.4);} @media screen and (max-width: 1114px){.ks-deal-sales-2 .ks-top .ks-top-circle{height: 200px; width: 200px;}} @media screen and (max-width: 980px){.ks-deal-sales-2 .ks-top .ks-top-circle{height: 150px; width: 150px;}} @media screen and (max-width: 390px){.ks-deal-sales-2 .ks-top .ks-top-circle{top: 156px;}} .ks-deal-sales-2 .ks-top .ks-top-circle .ks-circle-text{color: #fff;} .ks-deal-sales-2 .ks-bottom{height: 262px; width: 110%; background-color: #c1c17e; position: absolute; bottom: -157px; left: 0; transform: rotate(-8deg);} .ks-deal-sales-2 .ks-contaner{height: 100% !important; background-repeat: no-repeat; background-position: left;} .ks-deal-sales-2 .ks-contaner .ks-text-panel{background: rgba(255, 255, 255, 0.52); padding: 20px; border-radius: 15px; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.35);} .b-300{font-weight: 300;} .b-400{font-weight: 400;} .b-500{font-weight: 500;} .b-600{font-weight: 600;} .font-14{font-size: 14px; letter-spacing: 1px;} .font-18{font-size: 18px;} @media screen and (max-width: 767px){.font-18{font-size: 14px;}} .font-50{font-size: 50px;} @media screen and (max-width: 767px){.font-50{font-size: 30px;}} .font-70{font-size: 70px;} @media screen and (max-width: 1114px){.font-70{font-size: 40px;}} @media screen and (max-width: 980px){.font-70{font-size: 34px;}} @media screen and (max-width: 780px){.font-70{font-size: 24px;}} .font-30{font-size: 30px;} @media screen and (max-width: 1142px){.font-30{font-size: 24px;}} .color-white{color: #fff;} .color-wellow{color: #fff160;} .bg-yellow{background-color: #fff160;} .text-transform{text-transform: uppercase;} .lowercase{text-transform: lowercase;} .image-fluid{height: 100%; width: 100%;} .vh-20{height: 10vh; background-color: #0a0a0a;} .ks-deal-sales-3{height: 80vh; position: relative; overflow: hidden; background-size: cover; background-position: center;} .ks-deal-sales-3 .heading{text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.43);} .ks-deal-sales-3 .ks-image-panel{background-color: rgba(255, 255, 255, 0.75); border-radius: 12px;} .ks-deal-sales-3 .theme__btn-2:hover{background-color: #fff; color: #0a0a0a;} b-300{font-weight: 300;} .b-400{font-weight: 400;} .b-500{font-weight: 500;} .b-600{font-weight: 600;} .font-14{font-size: 14px; letter-spacing: 1px;} .font-18{font-size: 18px;} @media screen and (max-width: 767px){.font-18{font-size: 14px;}} .font-28{font-size: 28px;} @media screen and (max-width: 767px){.font-28{font-size: 20px;}} .color-white{color: #fff;} .bg-light-blue{background-color: #bfe8fc;} .bg-orange{background-color: #ff8300;} .bg-green{background-color: #b4d548;} .ks-offers .ks-product-image{background: rgba(191, 232, 252, 0.61); padding: 15px; background-repeat: no-repeat; background-position: 18%; background-attachment: fixed;} .ks-offers .ks-product-image .image-text{width: 420px; height: 420px; background: rgba(0, 0, 0, 0.44); padding: 20px; color: #fff; border-radius: 50%;} @media screen and (max-width: 767px){.ks-offers .ks-product-image .image-text{width: 320px; height: 320px;}} @media screen and (max-width: 425px){.ks-offers .ks-product-image .image-text{width: 280px; height: 280px;}} .ks-offers .ks-product-image .image-text .text-position{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%;} .ks-offers .ks-product-image .image-text .heading{text-transform: uppercase; font-size: 40px;} @media screen and (max-width: 767px){.ks-offers .ks-product-image .image-text .heading{font-size: 28px;}} .ks-offers .ks-product-image .image-text .sub-heading{text-transform: uppercase; font-size: 20px;} .ks-offers .offer-container{position: relative; min-height: 300px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);} .ks-offers .offer-container:hover{box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);} .ks-offers .offer-container .top-item{position: absolute; top: -34px; left: 50%; height: 65px; width: 65px; background-color: #fff; border-radius: 50%; transform: translateX(-50%); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);} .ks-offers .offer-container .top-item .item-text{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .ks-offers .offer-container .top-item .item-text .item-1{color: #0a0a0a; margin-left: -10px;} .ks-offers .offer-container .top-item .item-text .item-2{color: #0a0a0a; margin-right: -10px;} .b-300{font-weight: 300;} .b-400{font-weight: 400;} .b-500{font-weight: 500;} .b-600{font-weight: 600;} .font-14{font-size: 14px; letter-spacing: 1px;} .font-18{font-size: 18px;} @media screen and (max-width: 767px){.font-18{font-size: 14px;}} .font-40{font-size: 40px;} @media screen and (max-width: 767px){.font-40{font-size: 28px;}} .font-35{font-size: 35px;} @media screen and (max-width: 767px){.font-35{font-size: 24px;}} .color-white{color: #fff;} .ks-offers{background-color: #f7f1f1;} .ks-offers .left-panel .image-text{position: absolute; top: 18px; left: 28px;} .ks-offers .left-panel .image-fluid{width: 100%; height: 100%; min-height: 474px; object-fit: contain; background: rgba(150, 150, 220, 0.3);} .ks-offers .right-panel .offer-container{margin: 17px 0;} .ks-offers .right-panel .offer-container .icon{font-size: 28px; transform: rotate(-181deg); color: #ff8300;} .b-300{font-weight: 300;} .b-400{font-weight: 400;} .b-500{font-weight: 500;} .b-600{font-weight: 600;} .font-14{font-size: 14px; letter-spacing: 1px;} .font-18{font-size: 18px;} @media screen and (max-width: 767px){.font-18{font-size: 14px;}} .font-40{font-size: 40px;} @media screen and (max-width: 767px){.font-40{font-size: 28px;}} .font-35{font-size: 35px;} @media screen and (max-width: 1142px){.font-35{font-size: 24px;}} @media screen and (max-width: 767px){.font-35{font-size: 24px;}} .color-white{color: #fff;} .ks-sales{background-image: linear-gradient(0deg, white, #56deff);} .ks-sales .heading .heading-pannel{width: 50%; margin: 0 auto;} @media screen and (max-width: 767px){.ks-sales .heading .heading-pannel{width: 95%;}} .ks-sales .heading .heading-pannel .item-1{text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);} .ks-sales .heading .heading-pannel .item-2 .line{position: absolute; top: -28px; left: 50%; transform: translateX(-50%); background: #6de2ff; padding: 6px; text-transform: uppercase;} @media screen and (max-width: 1142px){.ks-sales .heading .heading-pannel .item-2 .line{top: -23px; width: 100%;}} .ks-sales .heading .heading-pannel .item-2 .line-1{width: 60%; margin: 33px auto; border: 1.2px solid #b3b3b3;} .ks-sales .image-section{overflow: hidden;} .ks-sales .image-section .image-item .img-border{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; padding: 16px;} .ks-sales .image-section .image-item .img-border .image-fluid{width: 100%; height: 329px; object-fit: contain;} @media screen and (max-width: 1259px){.ks-sales .image-section .image-item .img-border .image-fluid{height: 285px;}} @media screen and (max-width: 1165px){.ks-sales .image-section .image-item .img-border .image-fluid{height: 230px;}} @media screen and (max-width: 1051px){.ks-sales .image-section .image-item .img-border .image-fluid{height: 180px;}} @media screen and (max-width: 955px){.ks-sales .image-section .image-item .img-border .image-fluid{height: 145px;}} @media screen and (max-width: 885px){.ks-sales .image-section .image-item .img-border .image-fluid{height: 123px;}} @media screen and (max-width: 767px){.ks-sales .image-section .image-item .img-border .image-fluid{height: 329px;}} .ks-sales .image-section .image-item .img-border:after{position: absolute; content: ""; border-bottom: 8px solid #62b4c7; bottom: 143px; left: 50%; transform: translateX(-50%); width: 200px; box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.46);} @media screen and (max-width: 1233px){.ks-sales .image-section .image-item .img-border:after{bottom: 160px;}} @media screen and (max-width: 1141px){.ks-sales .image-section .image-item .img-border:after{bottom: 186px;}} @media screen and (max-width: 1051px){.ks-sales .image-section .image-item .img-border:after{bottom: 207px;}} @media screen and (max-width: 955px){.ks-sales .image-section .image-item .img-border:after{bottom: 230px; width: 140px;}} @media screen and (max-width: 929px){.ks-sales .image-section .image-item .img-border:after{bottom: 253px;}} @media screen and (max-width: 914px){.ks-sales .image-section .image-item .img-border:after{bottom: 277px;}} @media screen and (max-width: 885px){.ks-sales .image-section .image-item .img-border:after{bottom: 299px;}} @media screen and (max-width: 823px){.ks-sales .image-section .image-item .img-border:after{bottom: 344px;}} @media screen and (max-width: 817px){.ks-sales .image-section .image-item .img-border:after{bottom: 363px;}} @media screen and (max-width: 787px){.ks-sales .image-section .image-item .img-border:after{bottom: 384px;}} @media screen and (max-width: 781px){.ks-sales .image-section .image-item .img-border:after{bottom: 451px;}} @media screen and (max-width: 767px){.ks-sales .image-section .image-item .img-border:after{bottom: 140px;}} .ks-sales .image-section .animation-1{animation-name: animation-1; animation-duration: 1s; animation-timing-function: ease-out; opacity: 0; animation-fill-mode: forwards;} .ks-sales .image-section .animation-2{animation-name: animation-1; animation-duration: 1s; animation-delay: .5s; animation-timing-function: ease-out; opacity: 0; animation-fill-mode: forwards;} .ks-sales .image-section .animation-3{animation-name: animation-1; animation-duration: 1s; animation-delay: 1s; animation-timing-function: ease-out; opacity: 0; animation-fill-mode: forwards;} .b-300{font-weight: 300;} .b-400{font-weight: 400;} .b-500{font-weight: 500;} .b-600{font-weight: 600;} .font-14{font-size: 14px; letter-spacing: 1px;} .font-18{font-size: 18px;} @media screen and (max-width: 767px){.font-18{font-size: 14px;}} .font-40{font-size: 40px;} @media screen and (max-width: 767px){.font-40{font-size: 28px;}} .font-30{font-size: 30px;} @media screen and (max-width: 1142px){.font-30{font-size: 24px;}} .color-white{color: #fff;} .ks-sales-2{background-color: #5dd0fa;} .ks-sales-2 .left-pannel{min-width: 484px;} .ks-sales-2 .left-pannel .item-1{background-color: #fff; border-radius: 30px; margin: 0 auto; text-align: center; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.46);} .ks-sales-2 .left-pannel .item-1 .heading{font-size: 40px; font-weight: 700; text-transform: uppercase;} .ks-sales-2 .left-pannel .item-2{font-size: 36px; font-weight: 600; text-transform: uppercase; text-align: center; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.26);} .ks-sales-2 .left-pannel .item-3{font-size: 36px; font-weight: 600; text-transform: uppercase;} .ks-sales-2 .left-pannel .item-3 .number-bg{background: black; padding: 0 3px; border-radius: 8px;} .ks-sales-2 .left-pannel .item-3 .number-bg .number{font-size: 36px; font-weight: 800; background: #fff; padding: 0 3px; border-radius: 5px;} .ks-sales-2 .left-pannel .item-3 .discount{font-size: 36px; font-weight: 600; text-transform: uppercase; margin-left: 9px; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.26);} .b-300{font-weight: 300;} .b-400{font-weight: 400;} .b-500{font-weight: 500;} .b-600{font-weight: 600;} .font-14{font-size: 14px; letter-spacing: 1px;} .font-24{font-size: 24px;} @media screen and (max-width: 1199px){.font-24{font-size: 20px;}} .bg-light-pink{background-color: #efe2ff;} .dark-pink{color: #62408c;} .color-pink{color: #000;} .color-white{color: #fff;} .btn-bg{background-color: #e625a4;} input:focus, textarea:focus{outline: none;} .ks-container{height: 100%;} .ks-container .custom-btn{width: 150px; height: 45px; border: none; font-weight: 500; text-transform: uppercase; text-transform: uppercase;} .ks-container .custom-btn:focus{outline: none;} .ks-container .form-bg{height: 540px; position: absolute; width: 100%; background-repeat: no-repeat; background-size: cover;} @media (max-width: 400px){.ks-container .form-bg{height: 300px;}} .ks-container .container{position: relative; z-index: 2; padding-top: 20px;} .ks-container .head-section{background-color: rgba(255, 255, 255, 0.8); width: 80%; margin: 0 auto; border-radius: 30px;} .ks-container .ks-form-panel{background: #fff; border-radius: 30px; overflow: hidden; border: 1px solid #228399;} .ks-container .ks-form-panel .plnel-left{background-color: #228399; color: #ffffff;} .ks-container .ks-form-panel .plnel-left .list{list-style-type: none; padding-left: 0;} .ks-container .ks-form-panel .plnel-right .custon-input{width: 100%; height: 35px; border: none; border-bottom: 1px solid #0a0a0a; color: #000; margin-bottom: 22px;} .ks-container .ks-form-panel .plnel-right .custom-textarea{width: 100%; height: 150px; border: none; border-bottom: 1px solid #0a0a0a;} .ks-container .ks-form-panel .plnel-right .custom-btn .btn-text{transform: translateX(16px); transition: all .2s;} .ks-container .ks-form-panel .plnel-right .custom-btn .btn-icon{transform: scaleX(0); transition: all .2s; transform-origin: left;} .ks-container .ks-form-panel .plnel-right .custom-btn:hover .btn-text{transform: translateX(0px); transition: all .2s;} .ks-container .ks-form-panel .plnel-right .custom-btn:hover .btn-icon{transform: scaleX(1); transition: all .2s;} .b-300{font-weight: 300;} .b-400{font-weight: 400;} .b-500{font-weight: 500;} .b-600{font-weight: 600;} .font-14{font-size: 14px; letter-spacing: 1px;} .font-24{font-size: 24px;} @media screen and (max-width: 1199px){.font-24{font-size: 20px;}} .bg-light-pink{background-color: #efe2ff;} .dark-pink{color: #62408c;} .color-pink{color: #000;} .color-white{color: #fff;} .btn-bg{background-color: #228399;} .ks-contact .ks-contact-head{height: 280px; background-size: cover;} @media (min-width: 1025px){.ks-contact .ks-contact-head{background-attachment: fixed;}} .ks-contact .ks-contact-head .ks-bg-color{background-color: rgba(0, 0, 0, 0.6); height: 100%;} .ks-contact .ks-contact-head .ks-bg-color .header-text-info{text-transform: uppercase;} .ks-contact .ks-form-info{margin-bottom: 25px; align-items: center;} .ks-contact .ks-form-info .custom-input, .ks-contact .ks-form-info .form-control{width: 100%; height: 35px; border: none; border-bottom: 1px solid; background: transparent;} .ks-contact .ks-form-info .custom-textarea{width: 100%; height: 100px; border: none; border-bottom: 1px solid;} .ks-contact .ks-form-info .max-width{max-width: 121px;} @media screen and (max-width: 991px){.ks-contact .ks-form-info .max-width{max-width: 99px;}} @media screen and (max-width: 767px){.ks-contact .ks-form-info .max-width{max-width: 121px;}} .b-300{font-weight: 300;} .b-400{font-weight: 400;} .b-500{font-weight: 500;} .b-600{font-weight: 600;} .font-14{font-size: 14px; letter-spacing: 1px;} .font-18{font-size: 18px;} @media screen and (max-width: 767px){.font-18{font-size: 14px;}} .font-42{font-size: 42px;} @media screen and (max-width: 767px){.font-42{font-size: 28px;}} .color-white{color: #fff;} .text-shadow{text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25);} .vh-50{height: 50vh;} .ks-full-banner{min-height: 80vh; background-size: cover; background-position: left; background-repeat: no-repeat;} @media (min-width: 1025px){.ks-full-banner{background-attachment: fixed;}} .ks-full-banner .ks-banner-text-container{width: 50%; background: rgba(255, 255, 255, 0.3); color: white; padding: 20px; border-radius: 5px;} @media (max-width: 768px){.ks-full-banner .ks-banner-text-container{width: 75%;}} .ks-full-banner .ks-banner-text-container .top-animation{animation-name: now; animation-duration: 1s; animation-timing-function: ease-out; position: relative;} .ks-full-banner .ks-banner-text-container .ks-banner-heading{font-weight: 600; font-size: 60px; text-shadow: 3px 2px 5px rgba(0, 0, 0, 0.32); animation-name: collection; animation-duration: 1s; animation-timing-function: ease-out;} @media (max-width: 768px){.ks-full-banner .ks-banner-text-container .ks-banner-heading{font-size: 40px;}} @media (max-width: 768px){.ks-full-banner .ks-banner-text-container .ks-banner-heading{font-size: 24px;}} .ks-full-banner .ks-banner-text-container .ks-banner-btn .btn-shadow-outlined{border: 1px solid #fff; color: #fff; background: transparent; width: fit-content;} .ks-full-banner .ks-banner-text-container .ks-banner-btn .btn-shadow-grow{box-shadow: 0 0 1px transparent;} .ks-full-banner .ks-banner-text-container .ks-banner-btn .btn-shadow-grow:hover{box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); transform: scale(1.1);} .ks-full-banner .ks-banner-text-container .ks-banner-btn .btn-shadow{background: transparent; color: #fff; border-radius: 35px; transform: perspective(1px) translateZ(0);} .ks-full-banner .ks-banner-text-container .ks-banner-btn .btn{transition: 0.3s ease-in-out;} .mb-20{margin-bottom: 20px;} .mb-30{margin-bottom: 30px;} .ks-services{background-color: #f6f6f6; padding: 100px 0 70px;} .ks-services .serv-box{background-color: #fff; border: 2px solid #fff; border-radius: 10px; padding: 40px 15px; transition: all 0.2s ease-in-out;} .ks-services .serv-box:hover{border: 2px solid #228399; transition-property: border-color; transition-duration: 1s;} .ks-services .serv-box:hover h3{color: #228399; transition-property: color; transition-duration: 1s;} .ks-services .serv-box h3{font-size: 18px; line-height: 21px;} .ks-services .serv-box p{color: #555; font-size: 14px;} .ks-services .serv-box img{width: 60px; margin-bottom: 20px;} .ks-services .file-icon{color: #141f1e; font-size: 50px; padding-bottom: 10px; transition: all 0.7s ease-out; text-shadow: 2px 6px 9px rgba(0, 0, 0, 0.34);} .ks-services-v3 .section-heading{position: relative; font-size: 32px; margin-bottom: 18px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 500; display: inline-block; color: #0a0a0a;} .ks-services-v3 .serv-box-bg{overflow: hidden; padding: 6px; border: 1px solid #cccccc; margin-top: 42px; background: #f2f2f2; transition: all 0.3s ease-out;} .ks-services-v3 .serv-box-bg:hover{background: #74cce0;} .ks-services-v3 .serv-box{text-align: left; background: rgba(255, 255, 255, 0.9); position: relative; padding: 24px;} @media (max-width: 575px){.ks-services-v3 .serv-box{padding: 10px;}} .ks-services-v3 .serv-box h2{font-size: 24px; color: #0a0a0a; letter-spacing: 0.01em; font-weight: 500; text-transform: uppercase; position: relative; margin: 0 0 16px 0;} .ks-services-v3 .serv-box h2:after{transition: all 0.5s ease-out; position: absolute; content: ''; bottom: -12px; left: 0; display: block; width: 24px; height: 2px; margin-left: 0; background: rgba(255, 89, 56, 0.7);} .ks-services-v3 .serv-box:hover .file-icon{color: #195f6f;} .ks-services-v3 .serv-box:hover h2:after{background: #228399; width: 60px; height: 2px;} .ks-services-v3 .serv-box p{margin-top: 24px; margin-right: 55px;} .ks-services-v3 .serv-box .file-icon{color: #141f1e; width: 60px; font-size: 50px; padding-bottom: 10px; transition: all 0.7s ease-out; text-shadow: 2px 6px 9px rgba(0, 0, 0, 0.34);} .ks-services-v2{color: #0a0a0a;} .ks-services-v2 .section-heading{width: 100%; height: auto; clear: both; float: left; text-align: center; padding-bottom: 90px;} .ks-services-v2 .section-heading span{text-transform: uppercase; color: #e9204f; font-size: 14px; font-weight: 600;} .ks-services-v2 ul{list-style-type: none; margin: 0;} .ks-services-v2 .serv-box{margin: 0 0 40px 0; position: relative; transition: all .7s ease;} .ks-services-v2 .serv-box .inner{width: 100%; height: auto; clear: both; position: relative; background-color: #060606; padding: 30px; border-radius: 10px; overflow: hidden; cursor: pointer; text-align: center;} .ks-services-v2 .serv-box .inner:before{position: absolute; content: ""; width: 0; height: 6px; background-color: #228399; left: 50%; bottom: 0; transition: all .3s ease;} .ks-services-v2 .serv-box .inner:hover:before{width: 50%;} .ks-services-v2 .serv-box .inner:hover:after{width: 50%;} .ks-services-v2 .serv-box .inner:after{position: absolute; content: ""; width: 0; height: 6px; background-color: #228399; right: 50%; bottom: 0; transition: all .3s ease;} .ks-services-v2 .serv-box .inner p{color: #999;} .ks-services-v2 .serv-box .inner h3{color: #fff;} .ks-services-v2 .serv-box .inner img{width: 60px; margin-bottom: 20px;} .ks-services-v2 .file-icon{color: #141f1e; font-size: 50px; width: 60px; padding-bottom: 10px; transition: all 0.7s ease-out; text-shadow: 2px 6px 9px rgba(0, 0, 0, 0.34);} .b-500{font-weight: 500;} .b-600{font-weight: 600;} .b-700{font-weight: 700;} .font-14{font-size: 14px; letter-spacing: 1px;} .font-28{font-size: 28px;} @media screen and (max-width: 767px){.font-28{font-size: 20px;}} .font-90{font-size: 90px;} @media screen and (max-width: 980px){.font-90{font-size: 45px;}} @media screen and (max-width: 780px){.font-90{font-size: 40px;}} .font-30{font-size: 30px;} @media screen and (max-width: 1142px){.font-30{font-size: 24px;}} .color-white{color: #fff;} .text-transform{text-transform: uppercase;} .lowercase{text-transform: lowercase;} .image-fluid{height: 100%; width: 100%;} .vh-20{height: 20vh; background-color: #0a0a0a;} .ks-404{height: 60vh;} .ks-404 .ks-text-panel .heading-info{text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.458824);} .ks-404 .ks-text-panel .ks-btn-info{min-width: 40%;} .Ks-T1{position: absolute; top: 80px;} .carousel-control-prev.ks-control-prev{left: -40px;} .carousel-control-next.ks-control-next{right: -40px;} .carousel-control-prev.ks-control-prev, .carousel-control-next.ks-control-next{height: 30px; width: 30px; transform: translateY(50%); top: 40%; background: #fff; padding: 7px 3px; box-sizing: content-box; text-align: center; cursor: pointer; transition: all ease-in-out 0.5s; opacity: 1;} .carousel-control-prev.ks-control-prev i, .carousel-control-next.ks-control-next i{font-size: 40px;} .ks-kinetik-slider{width: 100%; overflow: hidden; position: relative;} .ks-kinetik-slider:hover .carousel-control-prev.ks-control-prev{left: 0px;} .ks-kinetik-slider:hover .carousel-control-next.ks-control-next{right: 0px;} 

/* /ks_theme_kinetik/static/src/scss/static_snippets/new-snippets.scss defined in bundle 'web.assets_frontend' */
 .ks-banner-left-text{background-repeat: no-repeat; background-size: cover; min-height: 45vh; background-position: left; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} @media (max-width: 1024px){.ks-banner-left-text{min-height: 30vh;}} .ks-banner-left-text .row{width: 100%;} .ks-banner-left-text .ks-text-pannel-left{padding: 15px; margin: 0 10px;} @media (max-width: 767px){.ks-banner-left-text .ks-text-pannel-left{background: rgba(0, 0, 0, 0.3); border-radius: 15px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); margin: 20px; color: #fff;}} .ks-banner-left-text .ks-text-pannel-left .heading-text-info{text-transform: uppercase; text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.26); color: #3a3a3a; font-size: 40px;} @media (max-width: 767px){.ks-banner-left-text .ks-text-pannel-left .heading-text-info{color: #fff;}} @media (max-width: 395px){.ks-banner-left-text .ks-text-pannel-left .heading-text-info{font-size: 22px;}} .ks-banner-left-text .ks-text-pannel-left .text-color{color: #3a3a3a;} @media (max-width: 767px){.ks-banner-left-text .ks-text-pannel-left .text-color{color: #fff;}} .btn-container{display: -webkit-box; display: -webkit-flex; display: flex;} @media (max-width: 395px){.btn-container{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap;}} .height-90v{min-height: 90vh !important;} .bg-opac{margin: 0 10px; background: rgba(255, 255, 255, 0.58); border-radius: 15px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); text-align: center;} @media (max-width: 540px){.flex-on-mobile{display: -webkit-box; display: -webkit-flex; display: flex;}} .ks-text-left{text-align: left;} .ks-text-right{text-align: right;} .ks-text-center{text-align: center;} .bp-left{background-position: left !important;} .bp-right{background-position: right !important;} .bp-bottom{background-position: bottom !important;} .bg-top-right{background-position: top right !important;} @media (min-width: 1025px){.img-attachment-fixed{background-attachment: fixed;}} @media (min-width: 1025px){.bg-lg-transparent{background-color: transparent !important;}} .ks-collection-view-horizontal .ks-collection-item{min-width: 100%;} .ks-collection-view-horizontal .ks-collectiom-items-conatiner{width: 50%;} .ks-skills-dark{background: #272727; color: #ececec;} .ks-skills-dark .ks-services-v3 .serv-box{background: #272727;} .ks-skills-dark .ks-services-v3 .serv-box h2{color: #ececec;} .ks-skills-dark .ks-services-v3 .serv-box h2:after{background: #195f6f;} .ks-cta-light{background-image: none !important; background-color: #f2f2f2;} .heading-color{color: #0a0a0a;} .ks-container-custom .col-sm-12, .ks-container-custom .col-sm-6{position: relative;} .ks-container-custom .image-panel{display: block; position: relative; overflow: hidden; margin-top: 20px; user-select: none; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; object-fit: contain; align-items: flex-end; background: #faead6; height: 300px;} .ks-container-custom .image-panel .image-fluid{height: 100%; width: 100%; object-fit: contain; transition: transform 1s;} .ks-container-custom .image-panel:hover .image-fluid{transform: scale3d(1.1, 1.1, 1);} .ks-container-custom .btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #3a3a3a; transition: all 0.5s;} .ks-container-custom .btn ~ .image-fluid{transform: scale3d(1.1, 1.1, 1);} .ks-container-gallery .image-item{position: relative;} .ks-container-gallery .image-item .image-panel{overflow: hidden; display: block;} .ks-container-gallery .image-item .image-panel .image-fluid{width: 100%; height: 100%; max-height: 285px; object-fit: contain; transition: all 0.5s;} .ks-container-gallery .image-item .image-text{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(255, 255, 255, 0.77); min-width: 340px; border-radius: 10px; padding: 20px; color: #424242; transition: all 0.5s; z-index: 100; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.24); opacity: 0;} .ks-container-gallery .image-item .image-text .shadow-1{text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.27);} .ks-container-gallery .image-item .box-overlay{position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all 1s;} .ks-container-gallery .image-item:hover .image-text{opacity: 1;} .ks-container-gallery .image-item:hover .image-fluid{transform: scale3d(1.1, 1.1, 1);} .ks-container-gallery .image-fluid{width: 100%; height: 100%; transition: all 0.5s;} .ks-container-gallery .hovereffect{width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default;} .ks-container-gallery .hovereffect .overlay{position: absolute; overflow: hidden; width: 80%; height: 80%; left: 10%; top: 10%; border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; transform: scale(0, 1);} .ks-container-gallery .hovereffect:hover .overlay{opacity: 1; filter: alpha(opacity=100); transform: scale(1);} .ks-container-gallery .hovereffect img{display: block; position: relative; transition: all 0.35s;} .ks-container-gallery .hovereffect:hover img{filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter'); filter: brightness(0.6);} .ks-container-gallery .hovereffect h3{text-align: center; position: relative; background-color: transparent; color: #FFF; padding: 1em 0; opacity: 0; filter: alpha(opacity=0); transition: opacity 0.35s, transform 0.35s; transform: translate3d(0, -100%, 0);} .ks-container-gallery .hovereffect a, .ks-container-gallery .hovereffect p{color: #FFF; padding: 1em 0; opacity: 0; filter: alpha(opacity=0); transition: opacity 0.35s, transform 0.35s; transform: translate3d(0, 100%, 0);} .ks-container-gallery .hovereffect:hover a, .ks-container-gallery .hovereffect:hover p, .ks-container-gallery .hovereffect:hover h3{opacity: 1; filter: alpha(opacity=100); transform: translate3d(0, 0, 0);} .ks-container-gallery .image-fluid{width: 100%; height: 100%;} .ks-container-gallery .hovereffect2{width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%); background: linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);} .ks-container-gallery .hovereffect2 .overlay{width: calc(100% - 80px); height: calc(100% - 80px); position: absolute; overflow: hidden; top: 0; left: 0; text-align: left; margin: 40px;} .ks-container-gallery .hovereffect2 img{display: block; position: relative; max-width: none; width: calc(100% + 60px); transition: opacity 0.35s, transform 0.45s; transform: translate3d(-40px, 0, 0);} .ks-container-gallery .hovereffect2 .mt-auto{text-transform: uppercase; color: #fff; position: relative; background-color: transparent; text-align: left; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);} .ks-container-gallery .hovereffect2 .overlay:before{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; border: 1px solid #fff; content: ''; opacity: 0; filter: alpha(opacity=0); transition: opacity 0.35s, transform 0.45s; transform: translate3d(-20px, 0, 0);} .ks-container-gallery .hovereffect2 a, .ks-container-gallery .hovereffect2 p{color: #fff; opacity: 0; filter: alpha(opacity=0); transition: opacity 0.35s, transform 0.45s; transform: translate3d(-10px, 0, 0);} .ks-container-gallery .hovereffect2:hover img{opacity: 0.6; filter: alpha(opacity=60); transform: translate3d(0, 0, 0);} .ks-container-gallery .hovereffect2:hover .overlay:before, .ks-container-gallery .hovereffect2:hover a, .ks-container-gallery .hovereffect:hover p{opacity: 1; filter: alpha(opacity=100); transform: translate3d(0, 0, 0);} @media screen and (max-width: 575px){.pannel-item-center{justify-content: center;}} .ks-hepl-panel{background: #e8e8e8; min-height: 130px;} .ks-hepl-panel .icon-container{max-width: 60px; align-items: center; display: -webkit-box; display: -webkit-flex; display: flex;} .ks-service-dark{background: #272727;} .ks-service-dark .text-center, .ks-service-dark a{color: #ececec;} .ks-help-panel-2{background-image: url("/ks_theme_kinetik/static/src/static-snippet-images/services/help-panel-bg.jpg"); background-position: left; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;} .ks-help-panel-2 .ks-help-container{background: rgba(0, 0, 0, 0.3); padding: 0 40px; width: 100%; min-height: 250px;} .ks-help-panel-2 .ks-help-container .icon-container{height: 100px; width: 100px; background: #fff; padding: 20px; justify-content: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: flex; border-radius: 50%; box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.34);} .ks-help-panel-2 .ks-help-container .icon-container .shopping-item{position: relative; left: -7px; top: 2px;} .ks-testimonial .carousel-indicators{bottom: -16px;} .ks-testimonial .carousel-indicators li{background: rgba(0, 0, 0, 0.6); cursor: pointer;} .ks-testimonial .carousel-indicators li.active{background: rgba(0, 0, 0, 0.9);} .ks-testimonial .fa{color: black; font-size: 60px;} .ks-testimonial .img-box img{border-radius: 50%; box-shadow: -1px 9px 7px 2px rgba(0, 0, 0, 0.28); max-width: 200px; max-height: 200px; object-fit: cover;} .ks-testimonial-dark{background: #272727; color: #fff;} .ks-testimonial-dark .fa{color: #fff; position: absolute; top: 80px;} .ks-testimonial-dark .carousel-indicators li{background: rgba(255, 255, 255, 0.6); cursor: pointer;} .ks-testimonial-dark .carousel-indicators li.active{background: rgba(255, 255, 255, 0.9);} .ks-testimonial-left .testimonial{width: calc(100% - 240px); padding: 20px; position: relative; text-align: left;} @media (max-width: 540px){.ks-testimonial-left .testimonial{width: 100%;}} .ks-testimonial-left .testimonial:after{content: '\f10d'; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 50px; position: absolute; top: -30px; left: 0; opacity: 0.6;} .ks-testimonial-left .img-box{padding: 20px;} .ks-testimonial-left .carousel-indicators{-webkit-box-pack: end; justify-content: flex-end; margin-right: 30px;} .ks-testimonial-left .carousel-control{width: 20px; height: 60px; top: auto;} @media (max-width: 767px){.ks-testimonial-left .carousel-control{bottom: -32px;}} .ks-testimonial-left .carousel-control.left{left: auto; right: 50px;} @media (max-width: 767px){.ks-testimonial-left .carousel-control.left{bottom: -32px;}} .ks-testimonial-left-dark{background: #272727; color: #fff;} .ks-testimonial-left-dark .fa{color: #fff;} @media (min-width: 541px){.ks-testimonial-right .carousel-control.left{right: auto; left: 0;}.ks-testimonial-right .carousel-control.right{left: 50px;}} .ks-testimonial-right-dark{background: #272727; color: #fff;} .ks-testimonial-right-dark .fa{color: #fff;} .ks-static-testimonial .img-box img{border-radius: 50%; box-shadow: -1px 9px 7px 2px rgba(0, 0, 0, 0.28); max-width: 200px; max-height: 200px; object-fit: cover;} .ks-static-testimonial .testimonial{position: relative;} .ks-static-testimonial .testimonial:after{content: '\f10d'; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 50px; position: absolute; top: -50px; left: calc(50% - 23px); color: #228399;} .ks-static-testimonial-dark{background: #272727; color: white;} .ks-accordian .ks-accordian-page .panel{border-radius: 0; border: 0; margin-top: 0px;} .ks-accordian .ks-accordian-page a{display: block; padding: 10px 15px; border-bottom: 1px solid #228399; text-decoration: none; color: #0a0a0a;} .ks-accordian .ks-accordian-page .panel-heading a.collapsed:hover, .ks-accordian .ks-accordian-page .panel-heading a.collapsed:focus{background-color: #228399; color: #ffffff; transition: all 0.2s ease-in;} .ks-accordian .ks-accordian-page .panel-heading a.collapsed:hover::before, .ks-accordian .ks-accordian-page .panel-heading a.collapsed:focus::before{color: #0a0a0a;} .ks-accordian .ks-accordian-page .panel-heading{padding: 0; border-radius: 0px;} .ks-accordian .ks-accordian-page .panel-heading a:not(.collapsed){color: #ffffff; background-color: #228399; transition: all 0.2s ease-in;} .ks-accordian .ks-accordian-page .panel-heading .accordion-toggle::before{font-family: 'FontAwesome'; content: '\f00d'; float: left; color: #0a0a0a; font-weight: lighter; transform: rotate(0deg); transition: all 0.2s ease-in; margin-right: 20px;} .ks-accordian .ks-accordian-page .panel-heading .accordion-toggle.collapsed::before{color: #444; transform: rotate(-135deg); transition: all 0.2s ease-in;} .ks-accordian .panel-body{padding: 20px;} .ks-accordian-dark{background: #272727; color: #fff;} .ks-accordian-dark .accordion-toggle{color: #fff !important;} .ks-accordian-dark .accordion-toggle:hover, .ks-accordian-dark .accordion-toggle:not(.collapsed){color: #0a0a0a !important;} .ks-accordian-dark .accordion-toggle:hover:before, .ks-accordian-dark .accordion-toggle:not(.collapsed):before{color: #0a0a0a !important;} .ks-accordian-dark .accordion-toggle:before{color: #fff !important;} .contactus-panel{padding: 15px; background: #f2f2f2; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: stretch; flex-direction: row-reverse; overflow: hidden;} .contactus-panel .address-section{background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; z-index: 1; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center;} .contactus-panel .contact-text{font-size: 16px; line-height: 1.6; color: rgba(255, 255, 255, 0.6);} .contactus-panel .contactus-form{background: #fff;} .contactus-panel .contactus-form .form-control:focus{box-shadow: none;} .address-list .fa.display-2{font-size: 30px;} .ks-jewellery-shop .carousel-inner .carousel-item{height: 500px !important;} @media (min-width: 1500px){.ks-jewellery-shop .carousel-inner .carousel-item{height: 700px !important;}} .ks-jewellery-shop-view .text-position{-webkit-box-pack: end; justify-content: flex-end; align-items: flex-end; transition: all 0.3s ease; padding: 32px; background: transparent !important;} .ks-jewellery-shop-view .ks-image-fluid{filter: brightness(0.7);} .ks-jewellery-shop-view .color-white{text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.79); font-size: 20px;} .ks-jewellery-shop-view .position-relative:hover .ks-image-fluid{filter: brightness(1);} @media (max-width: 768px){.ks-jewellery-shop .carousel-content{background: rgba(255, 255, 255, 0.5); padding: 30px;}.ks-jewellery-shop .carousel-content h2 font{font-size: 40px !important;}} .ks_food_hero{min-height: 500px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; align-items: center; position: relative; overflow: hidden;} @media (max-width: 768px){.ks_food_hero{min-height: 430px;}} @media (max-width: 575px){.ks_food_hero{min-height: 350px;}} .ks_food_hero h1{font-size: 80px;} @media (max-width: 575px){.ks_food_hero h1{font-size: 50px;}} @media (max-width: 330px){.ks_food_hero h1{font-size: 40px;}} .ks_food_hero h2{font-size: 60px;} @media (max-width: 575px){.ks_food_hero h2{font-size: 30px;}} @media (max-width: 330px){.ks_food_hero h2{font-size: 20px;}} @media (max-width: 575px){.ks_food_hero h4{font-size: 16px;}} @media (max-width: 330px){.ks_food_hero h4{font-size: 12px;}} .ks_food_hero .ks_food_overlay{position: relative; z-index: 100; color: white; text-shadow: -1px 5px 2px rgba(0, 0, 0, 0.32);} @media (max-width: 330px){.ks_food_hero .ks_food_overlay .btn{margin-bottom: 20px;}} .ks_food_hero video{position: absolute; width: 100%; height: 100%; object-fit: cover;} .ks_food_hero .ks-food-color-overlay{position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1;} .ks-food-icon{min-width: 20px; max-width: 20px;} .ks-food-sweet{overflow: hidden; width: 300px; height: 300px; border-radius: 50%; box-shadow: -1px 6px 8px 3px rgba(0, 0, 0, 0.27); margin: auto;} @media (max-width: 575px){.ks-food-sweet{width: 200px; height: 200px;}} .ks-food-sweet img{object-fit: cover; cursor: pointer; transition: 0.2s ease-in-out;} .ks-food-sweet:hover img{transform: scale(1.1);} .ks-food-team .transition{transition: 0.5s cubic-bezier(0.3, 0, 0, 1.3);} .ks-food-team .nine{list-style: none; padding: 0;} @media (max-width: 768px){.ks-food-team .nine{padding: 10px;}} .ks-food-team .nine > li{background: #FFFFFF; border: 1px solid rgba(150, 150, 150, 0.29); -moz-box-shadow: 0px 0px 18px 0px rgba(103, 85, 85, 0.39); box-shadow: 0px 0px 18px 0px rgba(103, 85, 85, 0.39); width: calc(25% - 24px); height: 400px; display: inline-block; margin: 0 10px; text-align: center; cursor: pointer; overflow: hidden;} @media (max-width: 768px){.ks-food-team .nine > li{width: calc(50% - 24px); margin: 10px;}} @media (max-width: 575px){.ks-food-team .nine > li{width: calc(100% - 24px); margin: 10px;}} .ks-food-team .nine .wrapper{position: relative; height: 100%;} .ks-food-team .nine .social{list-style: none; text-align: center; position: absolute; bottom: 40px; margin: 0; padding: 0; text-align: center; width: 100%; opacity: 0;} .ks-food-team .nine .social li{display: inline-block; margin: 0 2px;} .ks-food-team .nine .social li img{max-width: 24px; max-height: 24px; width: 24px; margin-left: 10px;} .ks-food-team .nine .social li img:hover{opacity: 0.5;} .ks-food-team .nine > li:hover .social{bottom: 130px; opacity: 1;} .ks-food-team .nine span{background: #228399; border-radius: 50%; height: 100%; width: 120%; display: block; position: absolute; bottom: 230px; left: -10%;} .ks-food-team .nine > li:hover span{bottom: 260px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;} .ks-food-team .nine span img{position: absolute; bottom: 10px; left: calc(50% - 75px); width: 150px; height: 150px; border-radius: 50%;} .ks-food-team .nine > li:hover span img{bottom: -20px;} .ks-food-team .nine h3{position: absolute; top: 200px; color: #0a0a0a; text-transform: uppercase; font-size: 20px; width: 100%;} .ks-food-team .nine h3 em{color: #444; font-size: 12px; font-style: normal; display: block; margin-top: 2px; opacity: 0.8;} .ks-food-team .nine > li:hover h3{top: 170px;} .ks-food-team .nine .trigger{position: absolute; bottom: 40px; width: 100%; text-align: center;} .ks-food-team .nine .trigger i{width: 45px; height: 45px; color: #fff; background: #272727; font-style: normal; font-size: 26px; border-radius: 50%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;} .ks-food-team .nine > li:hover .trigger i{width: 30px; height: 30px; margin-bottom: 20px; font-size: 18px;} @keyframes arrow{0%{background-position: center top;}50%{background-position: center 10px;}100%{background-position: center top;}} @media (max-width: 575px){.font-xs-40{font-size: 40px;}} @media (max-width: 575px){.ks-spa-about .font-36{font-size: 24px;}} .ks-bottom-decorator{position: relative; margin-bottom: -3px;} .ks-pet-services .text-center{text-align: left !important;} .ks-pet-services .align-items-center.flex-column.text-center, .ks-pet-services .flex-column.text-center.flex-center{align-items: baseline !important;} @media (max-width: 575px){.ks-pet-services .pannel-item-center{justify-content: start;}} @media (max-width: 575px){.ks-full-banner .ks-banner-text-container{margin: auto;}} .ks-watch-banner-text{top: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; text-align: center;} .border-radius-card{border-radius: 15px;} .ks-corporate-text{font-size: 50px !important; line-height: 1.2;} @media (max-width: 575px){.ks-corporate-text{font-size: 30px !important;}} .height-70v{min-height: 70vh;} .ks-services-corporate .serv-box-bg{border: none; margin-top: 0; background: transparent;} .ks-fitness-gallery .text-position{background: rgba(0, 0, 0, 0.4);} .ks-fitness-gallery .text-position:hover{background: transparent;} .social-media-link{text-align: center;} .social-media-link a{margin: 0 3px;} .font-14{font-size: 14px;} .title-bar{width: 50px; height: 3px; background: #ccc; display: block; margin-bottom: 20px;} .object-fit{height: 100%; width: 100%; object-fit: cover;} .our-team .sub-title{line-height: 25px; color: #7e7e7e;} .our-team .team-img{height: 260px;} .our-team .team-img .img-fluid{height: 100%; width: 100%; object-fit: cover;} .our-team .team-member{overflow: hidden; position: relative;} .our-team .team-member .team-hover{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: 0; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center;} .our-team .team-member .team-hover .s-link a{margin: 0 10px; font-size: 16px;} .our-team .team-member .team-hover .s-link a:hover{opacity: 0.8;} .our-team .team-title{letter-spacing: 2px;} .our-team .team-title h5{margin-bottom: 0px; display: block; text-transform: uppercase;} @media (max-width: 768px) and (min-width: 576px){.our-team .team-title h5{min-height: 42px;}} .our-team .team-title span{font-size: 12px; text-transform: uppercase; color: #a5a5a5; letter-spacing: 1px;} .our-team.team-v1 .team-member .team-hover{border: 20px solid rgba(0, 0, 0, 0.1); background-color: rgba(255, 255, 255, 0.9);} .our-team.team-v1 .team-member .team-hover .desk{position: absolute; top: 0%; width: 100%; opacity: 0; -webkit-transform: translateY(-55%); -ms-transform: translateY(-55%); transform: translateY(-55%); -webkit-transition: all 0.3s 0.2s; transition: all 0.3s 0.2s; padding: 0 20px;} .our-team.team-v1 .team-member .team-hover .s-link{position: absolute; bottom: 0; width: 100%; opacity: 0; text-align: center; -webkit-transform: translateY(45%); -ms-transform: translateY(45%); transform: translateY(45%); -webkit-transition: all 0.3s 0.2s; transition: all 0.3s 0.2s;} .our-team.team-v1 .team-member .team-hover .s-link a{color: #333;} .our-team.team-v1 .team-member:hover .team-hover{opacity: 1;} .our-team.team-v1 .team-member:hover .team-hover .s-link, .our-team.team-v1 .team-member:hover .team-hover .desk{opacity: 1;} .our-team.team-v1 .team-member:hover .team-hover .desk{top: 35%;} .our-team.team-v1 .team-member:hover .team-hover .s-link{bottom: 10%;} .our-team.team-v2 .team-member .team-hover{padding: 50px; color: transparent; background-color: transparent; z-index: 996; top: inherit; bottom: 0; left: 0; width: 100%; height: 0; overflow: hidden; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .our-team.team-v2 .team-member:hover .team-hover{opacity: 1; visibility: visible; color: #fff; background: rgba(0, 0, 0, 0.56); height: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .our-team.team-v2 .team-title{text-align: center;} .our-team.team-v4 .thum-img{width: 100px; height: 100px; border-radius: 50%; overflow: hidden; margin: 0 auto;} .our-team.team-v4 .thum-img img{height: 100%; width: 100%; object-fit: cover; filter: grayscale(100);} .our-team.team-v4 .team-list:hover .thum-img img{filter: grayscale(0);} .team-list{transition: all ease-in-out 0.5s; padding-top: 15px;} .team-list:hover{box-shadow: 0 0 4px #ccc;} .ks-fitness-contact{background-color: rgba(0, 0, 0, 0.39); background-blend-mode: color; background-size: cover; color: white;} .ks-fitness-contact input, .ks-fitness-contact textarea{background: transparent; border-color: white !important; color: white !important;} .ks-fitness-contact input::placeholder, .ks-fitness-contact textarea::placeholder{color: rgba(255, 255, 255, 0.75);} .ks-fitness-indicators{background: rgba(0, 0, 0, 0.5); padding: 10px 20px; width: fit-content; margin: auto;} .font-34{font-size: 34px;} .img-slider{min-height: 100px;} .img-slider .carousel-control-next, .img-slider .carousel-control-prev{background: rgba(0, 0, 0, 0.8); width: 50px; height: 50px; margin-top: auto; margin-bottom: auto;} .img-slider .slide .carousel-item{height: auto !important;} .ks-corporate-banner-position{background-position: 80% 0%;} @media (max-width: 1024px) and (min-width: 541px){.ks-corporate-banner-position{background-color: rgba(255, 255, 255, 0.63);}} .ks-jewel-banner-right{background-position: 70% 0;} .ks-pet-position{background-position: 40%;} .ks-pricing-4 .pricing-table .block-heading{margin-bottom: 40px; text-align: center;} .ks-pricing-4 .pricing-table .block-heading h2{color: #3b99e0;} .ks-pricing-4 .pricing-table .block-heading p{text-align: center; max-width: 420px; margin: auto; opacity: 0.7;} .ks-pricing-4 .pricing-table .heading{text-align: center; padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1);} .ks-pricing-4 .pricing-table .item{background-color: #ffffff; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.37); border-top: 2px solid #228399; padding: 30px; overflow: hidden; position: relative;} .ks-pricing-4 .pricing-table .col-md-5:not(:last-child) .item{margin-bottom: 30px;} .ks-pricing-4 .pricing-table .item button{font-weight: 600;} .ks-pricing-4 .pricing-table .ribbon{width: 160px; height: 32px; font-size: 12px; text-align: center; color: #fff; font-weight: bold; box-shadow: 0px 2px 3px rgba(136, 136, 136, 0.25); background: #4dbe3b; transform: rotate(45deg); position: absolute; right: -42px; top: 20px; padding-top: 7px;} .ks-pricing-4 .pricing-table .item p{text-align: center; margin-top: 20px; opacity: 0.7;} .ks-pricing-4 .pricing-table .features .feature{font-weight: 600;} .ks-pricing-4 .pricing-table .features h4{text-align: center; font-size: 18px; padding: 5px;} .ks-pricing-4 .pricing-table .price h4{margin: 15px 0; font-size: 45px; text-align: center; color: #228399;} .ks-pricing-4 .pricing-table .buy-now button{text-align: center; margin: auto; font-weight: 600; padding: 9px 0;} .ks-pricing-5 .pricingTable{background: #d62035; text-align: center; border-radius: 0 100px; overflow: hidden; transition: all 0.3s;} .ks-pricing-5 .pricingTable:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);} .ks-pricing-5 .pricingTable .pricingTable-header{color: #fff; background: linear-gradient(100deg, #F83950, #F7700F); padding: 10px 30px 50px; margin: 0 0 50px; border-radius: 0 100px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);} .ks-pricing-5 .pricingTable .amount{font-size: 45px; font-weight: 700;} .ks-pricing-5 .pricingTable .month{font-size: 16px; line-height: 10px; text-transform: uppercase; display: block;} .ks-pricing-5 .pricingTable .icon{color: #F83950; background-color: #fff; font-size: 40px; line-height: 80px; height: 80px; width: 80px; border-radius: 50%; box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3), 0 5px 25px rgba(0, 0, 0, 0.3); transform: translateX(-50%); position: absolute; left: 50%; top: 120px;} .ks-pricing-5 .pricingTable .pricing-content{background-color: #fff; padding: 45px 0 30px 0; border-radius: 0 100px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;} .ks-pricing-5 .pricingTable .title{color: #F83950; font-size: 22px; font-weight: 600; text-transform: uppercase; margin: 0 0 10px; display: block;} .ks-pricing-5 .pricingTable .title:after{content: ''; background-color: #F83950; height: 2px; width: 40%; display: block; margin: 10px auto 0;} .ks-pricing-5 .pricingTable .pricing-content ul{color: #202020; font-size: 16px; letter-spacing: 1px; line-height: 30px; padding: 0; margin: 0 0 20px; list-style: none;} .ks-pricing-5 .pricingTable .pricingTable-signup{color: #fff; background: #d62035; font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; padding: 10px 15px; margin: 0 auto; border-radius: 40px 0; display: inline-block; position: relative; z-index: 1; transition: all 0.3s ease 0s;} .ks-pricing-5 .pricingTable .pricingTable-signup:hover{color: #d62035; background-color: #fff; box-shadow: 0 0 20px #F83950 inset;} .ks-pricing-5 .pricingTable.blue{background-color: #0b39c4;} .ks-pricing-5 .pricingTable.blue .pricingTable-header{background: linear-gradient(100deg, #0B43FA, #49A8FF);} .ks-pricing-5 .pricingTable.blue .icon{color: #0b39c4;} .ks-pricing-5 .pricingTable.blue .title{color: #0b39c4;} .ks-pricing-5 .pricingTable.blue .title:after{background-color: #0b39c4;} .ks-pricing-5 .pricingTable.blue .pricingTable-signup{background-color: #0b39c4;} .ks-pricing-5 .pricingTable.blue .pricingTable-signup:hover{color: #0b39c4; background-color: #fff; box-shadow: 0 0 20px #0b39c4 inset;} .ks-pricing-5 .pricingTable.green{background-color: #17b568;} .ks-pricing-5 .pricingTable.green .pricingTable-header{background: linear-gradient(100deg, #27CE7F, #5BF095);} .ks-pricing-5 .pricingTable.green .icon{color: #27CE7F;} .ks-pricing-5 .pricingTable.green .title{color: #27CE7F;} .ks-pricing-5 .pricingTable.green .title:after{background-color: #27CE7F;} .ks-pricing-5 .pricingTable.green .pricingTable-signup{background-color: #17b568;} .ks-pricing-5 .pricingTable.green .pricingTable-signup:hover{color: #17b568; background-color: #fff; box-shadow: 0 0 20px #17b568 inset;} .ks-pricing-5 .pricingTable.purple{background-color: #451a5e;} .ks-pricing-5 .pricingTable.purple .pricingTable-header{background: linear-gradient(100deg, #6b189b, #ad3bdb);} .ks-pricing-5 .pricingTable.purple .icon{color: #6b189b;} .ks-pricing-5 .pricingTable.purple .title{color: #6b189b;} .ks-pricing-5 .pricingTable.purple .title:after{background-color: #6b189b;} .ks-pricing-5 .pricingTable.purple .pricingTable-signup{background-color: #451a5e;} .ks-pricing-5 .pricingTable.purple .pricingTable-signup:hover{color: #451a5e; background-color: #fff; box-shadow: 0 0 20px #451a5e inset;} @media only screen and (max-width: 990px){.ks-pricing-5 .pricingTable{margin: 0 0 30px;}} .ks-services-5 .serviceBox{text-align: center; padding: 0 15px 15px; margin: 0 -15px; position: relative; z-index: 1;} .ks-services-5 .serviceBox:before, .ks-services-5 .serviceBox:after{content: ""; width: 100%; border: 8px solid #343a40; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); position: absolute; top: 105px; left: 0; z-index: -1;} .ks-services-5 .serviceBox:after{background: #343a40; width: 40px; height: 25px; border: none; box-shadow: none; transform: translateX(-50%) rotateY(270deg); top: 135px; left: 50%; -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0); clip-path: polygon(0 0, 50% 100%, 100% 0); transition: all 0.3s;} .ks-services-5 .serviceBox:hover:after{transform: translateX(-50%) rotateY(0);} .ks-services-5 .serviceBox .service-icon{color: #343a40; font-size: 45px; line-height: 88px; width: 120px; height: 120px; margin: 0 auto 50px; border: 15px solid #343a40; border-radius: 50%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset, -3px -3px 5px rgba(0, 0, 0, 0.2); transition: all 0.3s ease 0s;} .ks-services-5 .serviceBox .service-icon i.fa{transform: rotateY(0deg); transition: all 0.3s ease 0s;} .ks-services-5 .serviceBox:hover .service-icon i.fa{transform: rotateY(360deg);} .ks-services-5 .serviceBox .title{color: #343a40; font-size: 20px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; margin: 0 0 10px;} .ks-services-5 .serviceBox .description{color: #4e4b4b; font-size: 15px; line-height: 25px;} .ks-services-5 .serviceBox.yellow:before{border-color: #343a40;} .ks-services-5 .serviceBox.yellow:after{background-color: #343a40;} .ks-services-5 .serviceBox.yellow .service-icon{color: #343a40; border-color: #343a40;} .ks-services-5 .serviceBox.yellow .title{color: #343a40;} .ks-services-5 .serviceBox.magenta:before{border-color: #343a40;} .ks-services-5 .serviceBox.magenta:after{background-color: #343a40;} .ks-services-5 .serviceBox.magenta .service-icon{color: #343a40; border-color: #343a40;} .ks-services-5 .serviceBox.magenta .title{color: #343a40;} .ks-services-5 .serviceBox.gray:before{border-color: #343a40;} .ks-services-5 .serviceBox.gray:after{background-color: #343a40;} .ks-services-5 .serviceBox.gray .service-icon{color: #343a40; border-color: #343a40;} .ks-services-5 .serviceBox.gray .title{color: #343a40;} @media only screen and (max-width: 990px){.ks-services-5 .serviceBox{margin: 0 -15px 40px;}} @media only screen and (max-width: 767px){.ks-services-5 .serviceBox{margin: 0 0 40px;}} .ks-services-7 .serviceBox{text-align: center; padding: 0 10px; border-bottom: 5px solid transparent; position: relative; transition: all 0.3s ease 0s;} .ks-services-7 .serviceBox:hover{border-bottom: 5px solid #228399;} .ks-services-7 .serviceBox .service-icon{color: #202020; background-color: #fff; font-size: 60px; line-height: 110px; height: 130px; width: 130px; margin: 0 auto 50px; border: 10px solid #228399; border-radius: 0 0 50% 50%; position: relative; z-index: 1; transition: all 0.5s ease 0s;} .ks-services-7 .serviceBox:hover .service-icon{color: #505050; box-shadow: 0 0 15px #909090 inset;} .ks-services-7 .serviceBox .service-icon:after{content: ''; background-color: #228399; height: 30px; width: 30px; border-radius: 0 20px 20px 20px; opacity: 0; transform: translateX(-50%) scale(0.8, 1.05) rotate(45deg); position: absolute; left: 50%; bottom: 0; transition: all 0.3s;} .ks-services-7 .serviceBox:hover .service-icon:after{opacity: 1; bottom: -50px;} .ks-services-7 .serviceBox .title{color: #505050; font-size: 22px; font-weight: 600; text-transform: capitalize; margin-bottom: 10px;} .ks-services-7 .serviceBox:hover .title{color: #228399;} .ks-services-7 .serviceBox .description{color: #505050; font-size: 17px; line-height: 27px; margin-bottom: 15px;} @media only screen and (max-width: 990px){.ks-services-7 .serviceBox{margin: 0 0 40px;}} .ks-snippet-gallery .text-position{background: rgba(0, 0, 0, 0.2);} .ks-snippet-gallery .text-position:hover{background: #228399; color: #ffffff !important;} .ks-collection-view-2 .ks-collection-item-v2{min-height: 70vh; border-radius: 10px; width: 30%;} .ks-container-gallery .col-md-4.px-0 .image-item.bg-gary-300 .image-panel .box-overlay{display: none !important;} .ks-collection-10 .col-md-6 .img-container, .ks-collection-10 .col-md-6 .img-container2, .ks-collection-10 .col-lg-3 .img-container, .ks-collection-10 .col-lg-3 .img-container2{padding-bottom: 50%; width: 100%; position: relative; display: block; background-size: cover; background-position: bottom;} .ks-collection-10 .col-md-6 .img-container .text-container, .ks-collection-10 .col-md-6 .img-container2 .text-container, .ks-collection-10 .col-lg-3 .img-container .text-container, .ks-collection-10 .col-lg-3 .img-container2 .text-container{position: absolute; bottom: 20px; left: 20px; font-size: 50px; color: white; font-weight: 600; line-height: 1; text-shadow: -3px 3px 2px rgba(0, 0, 0, 0.32);} @media (max-width: 1200px) and (min-width: 1024px){.ks-collection-10 .col-md-6 .img-container .text-container, .ks-collection-10 .col-md-6 .img-container2 .text-container, .ks-collection-10 .col-lg-3 .img-container .text-container, .ks-collection-10 .col-lg-3 .img-container2 .text-container{font-size: 40px;}} @media (max-width: 575px){.ks-collection-10 .col-md-6 .img-container .text-container, .ks-collection-10 .col-md-6 .img-container2 .text-container, .ks-collection-10 .col-lg-3 .img-container .text-container, .ks-collection-10 .col-lg-3 .img-container2 .text-container{font-size: 30px;}} .ks-collection-10 .col-md-6 .img-container2 .text-container, .ks-collection-10 .col-lg-3 .img-container2 .text-container{bottom: auto; top: 20px; width: 100%; left: 0; text-align: center;} @media (max-width: 575px){.ks-collection-10 .col-md-6 .img-container2, .ks-collection-10 .col-lg-3 .img-container2{padding-bottom: 125%;}} .o_editable .ks-snippet-gallery .text-position{margin: 20px; width: calc(100% - 40px) !important; height: calc(100% - 40px) !important;} .ks_contact{width: 100%; height: 35px; border: none; border-bottom: 1px solid #0a0a0a; color: #000; margin-bottom: 22px;} .ks_cntct_5 .s_website_form textarea.form-control, .ks_cntct_5 .form-control{height: auto !important;} 

/* /ks_theme_kinetik/static/src/css/ks_theme.scss defined in bundle 'web.assets_frontend' */
 i.fa.fa-trash-o{color: red; font-size: 15px;} #wrapwrap.o_portal{background-color: #f9f9f9 !important;} #owl-main-carousel .item div{display: block; width: 100%; height: auto;} .submenu_main_links.p-lg-4.col-lg-6.order-lg-1.order-0{display: -webkit-box;} .submenu__inner{background-size: cover; background-repeat: no-repeat;} @media (min-width: 1025px){.nav-item:not(.o_extra_menu_items):hover .dropdown-menu{display: block;}} .divide-six > li{width: 16.65%;} @media (min-width: 991px){.divide-six .tab-pane > .submenu_inside{width: 16.65%;}} .divide-five > li{width: 20%;} @media (min-width: 991px){.divide-five .tab-pane > .submenu_inside{width: 20%;}} .divide-four > li{width: 25%;} @media (min-width: 991px){.divide-four .tab-pane > .submenu_inside{width: 25%;}} .divide-three > li{width: 33.33%;} @media (min-width: 991px){.divide-three .tab-pane > .submenu_inside{width: 33%;}} .divide-two > li{width: 50%;} @media (min-width: 991px){.divide-two .tab-pane > .submenu_inside{width: 50%;}} @media (min-width: 991px){.submenu_main_links .submenu_lvl_1{padding: 10px;}} .ks-blog-view-2 .owl-carousel .owl-item img{object-fit: cover;} .featured__product{height: 100%;} .fp__img{overflow: hidden;} .submenu_link_item{display: block;} .submenu_link_item img{width: 100%;} .product-card{background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); margin: 3px; border: 1px solid #efefef;} .product-card .wishlist-select .fa{top: 10px;} .product-card .fp__img{position: relative; overflow: hidden;} .product-card .fp__img img{transition: 0.3s ease-in-out;} .product-card .fp__info{background: #fff; z-index: 1;} .product-card .ks_custom_d_none{text-align: center;} .product-card .wishlist_and_comparision{position: absolute; bottom: 35px; background: rgba(255, 255, 255, 0.9); border-top: 1px solid rgba(0, 0, 0, 0.15); width: 100%; left: 0; padding: 7px; transition: all ease-in-out 0.3s;} .product-card .wishlist_and_comparision .btn-secondary{background: #ffffff; width: 30px; height: 30px; border-radius: 50% !important; color: #000; border: none; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; margin: auto; font-size: 20px;} .product-card .wishlist_and_comparision .btn-secondary:hover{color: #228399;} .product-card:hover{box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);} .product-card:hover .fp__img img{transform: scale(1.1);} .product-card:hover .wishlist_and_comparision{bottom: 90px;} .product-card:hover .fp__info:before{width: 100% !important; height: 1px !important; background: rgba(0, 0, 0, 0.15) !important;} .product-card .fp__price{width: 100%;} .product-card .fa-info-circle:before{content: '\f06e';} .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{line-height: 40px !important;} .products-carousel .owl-nav button, .alternate-prod-owl .owl-nav button, .accessories-prod-owl .owl-nav button, .ks_main .owl-nav button, .ks_thumb .owl-nav button{width: 40px; height: 40px; line-height: 40px; position: absolute; top: 30%; font-size: 30px !important; color: #228399 !important; text-align: center; top: calc(50% - 60px); overflow: hidden; transition: 0.3s ease-in-out;} .products-carousel .owl-nav button.owl-prev, .alternate-prod-owl .owl-nav button.owl-prev, .accessories-prod-owl .owl-nav button.owl-prev, .ks_main .owl-nav button.owl-prev, .ks_thumb .owl-nav button.owl-prev{left: -50px;} .products-carousel .owl-nav button.owl-next, .alternate-prod-owl .owl-nav button.owl-next, .accessories-prod-owl .owl-nav button.owl-next, .ks_main .owl-nav button.owl-next, .ks_thumb .owl-nav button.owl-next{right: -50px;} .products-carousel .owl-nav button:hover, .alternate-prod-owl .owl-nav button:hover, .accessories-prod-owl .owl-nav button:hover, .ks_main .owl-nav button:hover, .ks_thumb .owl-nav button:hover{color: #ffffff !important; background: transparent !important;} .products-carousel .owl-nav button:hover:after, .alternate-prod-owl .owl-nav button:hover:after, .accessories-prod-owl .owl-nav button:hover:after, .ks_main .owl-nav button:hover:after, .ks_thumb .owl-nav button:hover:after{transform: scale(1);} .products-carousel .owl-nav button:after, .alternate-prod-owl .owl-nav button:after, .accessories-prod-owl .owl-nav button:after, .ks_main .owl-nav button:after, .ks_thumb .owl-nav button:after{content: ''; width: 100%; height: 100%; position: absolute; background: #228399; transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); transform-origin: center; transform: scale(0); left: 0; top: 0; z-index: -1; border-radius: 50%;} .products-carousel .owl-nav button .fa, .alternate-prod-owl .owl-nav button .fa, .accessories-prod-owl .owl-nav button .fa, .ks_main .owl-nav button .fa, .ks_thumb .owl-nav button .fa{line-height: 1;} .products-carousel .owl-nav button .fa.fa-angle-left, .alternate-prod-owl .owl-nav button .fa.fa-angle-left, .accessories-prod-owl .owl-nav button .fa.fa-angle-left, .ks_main .owl-nav button .fa.fa-angle-left, .ks_thumb .owl-nav button .fa.fa-angle-left{margin-left: -2px;} .products-carousel .owl-nav button .fa.fa-angle-right, .alternate-prod-owl .owl-nav button .fa.fa-angle-right, .accessories-prod-owl .owl-nav button .fa.fa-angle-right, .ks_main .owl-nav button .fa.fa-angle-right, .ks_thumb .owl-nav button .fa.fa-angle-right{margin-left: 4px;} .products-carousel .owl-dots .owl-dot span, .alternate-prod-owl .owl-dots .owl-dot span, .accessories-prod-owl .owl-dots .owl-dot span, .ks_main .owl-dots .owl-dot span, .ks_thumb .owl-dots .owl-dot span{width: 25px !important;} .products-carousel .owl-dots .owl-dot.active span, .alternate-prod-owl .owl-dots .owl-dot.active span, .accessories-prod-owl .owl-dots .owl-dot.active span, .ks_main .owl-dots .owl-dot.active span, .ks_thumb .owl-dots .owl-dot.active span{background: #228399 !important;} @media (min-width: 768px){.products-carousel, .alternate-prod-owl, .accessories-prod-owl, .ks_main, .ks_thumb{max-width: calc(100% - 150px); margin: auto !important;}} @media (max-width: 767px){.products-carousel, .alternate-prod-owl, .accessories-prod-owl, .ks_main, .ks_thumb{max-width: calc(100% - 30px); margin: auto !important;}} @media (max-width: 1200px){.ks_horizontal_product_slider .owl-carousel .owl-nav{display: block !important;}} @media (max-width: 767px){.ks_horizontal_product_slider .ks_main.owl-carousel .owl-nav{display: none !important;}} @media (min-width: 768px){.ks_horizontal_product_slider .ks_main{max-width: calc(100% - 80px); margin: auto !important;}} @media (min-width: 1440px){.ks_horizontal_product_slider .ks_main{max-width: calc(100% - 120px);}} .ks_horizontal_product_slider .ks_thumb{padding: 0px;} .ks_horizontal_product_slider .ks_thumb .ks_active_variant_image{min-height: 80px; height: 80px; overflow: hidden;} .ks_horizontal_product_slider .ks_thumb .ks_active_variant_image img{object-fit: contain; height: 100% !important; position: absolute; left: 0px; top: 0px;} @media (min-width: 992px){.ks_horizontal_product_slider ol.ks_vs_slide .owl-carousel.owl-drag .owl-item > .ks_active_variant_image{border: 1px solid #d2d2d2; padding: 2px; margin-left: 2px;}} .ks_horizontal_product_slider ol.carousel-indicators .owl-carousel.owl-drag .owl-item > .ks_active_variant_image{border: 1px solid #d2d2d2; padding: 2px; margin-left: 2px;} .ks_horizontal_product_slider .ks_thumb .owl-nav button.owl-prev{left: -45px;} .ks_horizontal_product_slider .ks_thumb .owl-nav button.owl-next{right: -45px;} .ks_horizontal_product_slider .ks_main{padding: 2px;} @media (max-width: 991px){.ks_horizontal_product_slider .ks_vs_slide{padding: 0px; margin: 10px 0;}.ks_horizontal_product_slider .ks_vs_slide .owl-carousel .owl-item img{height: 100%; object-fit: contain;}.ks_horizontal_product_slider .ks_vs_slide, .ks_horizontal_product_slider .ks_multi_image_horizontal{max-width: calc(100% - 80px);}.ks_horizontal_product_slider .ks_thumb .owl-nav button.owl-prev{left: -45px; margin-top: 46px !important;}.ks_horizontal_product_slider .ks_thumb .owl-nav button.owl-next{right: -45px; margin-top: 46px !important;}} @media (max-width: 1200px){.ks_horizontal_product_slider .owl-carousel .owl-nav{display: block !important;}} @media (max-width: 767px){.ks_horizontal_product_slider .ks_main.owl-carousel .owl-nav{display: none !important;}} #product_quick_preview_Modal .ks_thumb{max-width: calc(100% - 100px);} a#add_to_cart{width: 50%;} button.btn.btn-secondary.btn-lg.mt8.o_add_wishlist_dyn, .btn-group-lg > button.btn.btn-secondary.mt8.o_add_wishlist_dyn{background: #ffffff; color: black; width: 250px; margin-left: 20px;} .add_to_cart_container{display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; margin-left: 110px;} a#add_to_cart{max-width: 210px;} .grid-item{background-color: rgba(255, 255, 255, 0.8); padding: 30px; width: 300px; height: 300px; font-size: 30px; text-align: center;} .fp__img img{object-fit: contain; height: auto; margin: auto;} .my_wish{margin-left: 18px; top: 2px;} a.trendy__styles.text-right.d-block.p-lg-0.p-2{margin-left: 20px;} .owl-buttons{display: none;} .owl-carousel:hover .owl-buttons{display: block;} .owl-item{text-align: center;} .owl-theme .owl-controls .owl-buttons div{background: transparent; color: #869791; font-size: 40px; line-height: 300px; margin: 0; padding: 0 60px; position: absolute; top: 0;} .owl-theme .owl-controls .owl-buttons .owl-prev{left: 0; padding-left: 20px;} .owl-theme .owl-controls .owl-buttons .owl-next{right: 0; padding-right: 20px;} .o_portal_my_details{display: none;} .custom_user_details{display: inline-grid;} .portal_edit_profile_icon{font-size: 0.95rem; color: #000; text-align: right;} .mainHomeSlider .owl-slider-main img{height: 400px; object-fit: cover;} .snippt_featured_home_page .nav_tabs{border-bottom: none;} .snippt_featured_home_page .nav_tabs .nav-link.active{background: transparent; border: none;} .featured_product{border-bottom: 2px solid #228399;} .ks-editor, .ks-css-editor{height: 450px; width: 100%;} .o_ace_view_editor .ace_layer .ace_print-margin{width: 0;} .ks_multi_image_vertical{max-width: 320px;} .ks_multi_image_vertical .owl-nav{padding-top: .4em; font-size: .8em;} .ks_multi_image_vertical .owl-nav > div{padding: .4em 1.4em; border: 1px solid #333; background: #000; color: white; border-radius: .4em; background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.2)); box-shadow: 0.1em 0.1em 0.4em rgba(0, 0, 0, 0.5);} .ks_multi_image_vertical .owl-nav > div:hover{background-color: #333;} .ks_multi_image_vertical .owl-nav .owl-prev{float: left;} .ks_multi_image_vertical .owl-nav .owl-next{float: right;} .ks_test_vertical{transform: rotate(90deg); top: 186px; position: absolute !important; left: -341px;} .ks_test_vertical .img-fluid{transform: rotate(270deg);} .ks_test_vertical .owl-item{width: 116px !important;} @media screen and (max-width: 1280px){.ks_test_vertical{left: -303px;}} @media screen and (max-width: 1095px){.ks_test_vertical{left: -247px;}} @media screen and (max-width: 860px){.ks_test_vertical{left: -206px;}} @media screen and (max-width: 767px){.ks_test_vertical{left: -321px;}} .o_product_text{padding-right: 5px;} .ks_brands_home_page .brand__img{width: 100%; padding-top: 100%; position: relative;} @media (max-width: 575px){.ks_brands_home_page .brand__img{width: 150px; height: 150px; padding-top: 0;}} @media (max-width: 360px){.ks_brands_home_page .brand__img{width: 120px; height: 120px;}} .ks_brands_home_page .brand__img img{width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;} @media (max-width: 990px){.ks_brands_home_page .col_2{width: 28%; margin-left: 4%;}} @media (max-width: 575px){.ks_brands_home_page .col_2{width: 50%; margin-left: 0;}} #trendy_styles_row_owl .owl-dots .owl-dot span, .ks_dynamic_blog_slider .owl-dots .owl-dot span, .ks_trendy_style_dynamic .owl-dots .owl-dot span{width: 25px !important;} #trendy_styles_row_owl .owl-dots .owl-dot.active span, .ks_dynamic_blog_slider .owl-dots .owl-dot.active span, .ks_trendy_style_dynamic .owl-dots .owl-dot.active span{background: #228399 !important;} .ks_dynamic_blog_slider .owl-dots{margin-top: -10px;} .blog__card .blog_img img{height: 200px !important; object-fit: cover !important; object-position: right;} .blog__card .blog-sub-heading{min-height: 40px;} .blog__card .blog_text{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} @supports (display: -webkit-box){.blog__card .blog_text{white-space: normal; text-overflow: initial; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}} .blog__card .blog-sub-heading{min-height: auto;} .ks_dynamic_blog_slider .owl-carousel.owl-theme .owl-nav, .ks_trendy_style_dynamic .owl-carousel.owl-theme .owl-nav{margin-top: 0; margin-bottom: 15px;} .ks_dynamic_blog_slider .owl-carousel.owl-theme .owl-nav .owl-prev, .ks_dynamic_blog_slider .owl-carousel.owl-theme .owl-nav .owl-next, .ks_trendy_style_dynamic .owl-carousel.owl-theme .owl-nav .owl-prev, .ks_trendy_style_dynamic .owl-carousel.owl-theme .owl-nav .owl-next{width: 50px; height: 50px; border-radius: 50%; font-size: 40px; border: 1px solid #228399; color: #228399; font-size: 34px; line-height: 0; transition: 0.2s ease-in-out;} .ks_dynamic_blog_slider .owl-carousel.owl-theme .owl-nav .owl-prev:hover, .ks_dynamic_blog_slider .owl-carousel.owl-theme .owl-nav .owl-next:hover, .ks_trendy_style_dynamic .owl-carousel.owl-theme .owl-nav .owl-prev:hover, .ks_trendy_style_dynamic .owl-carousel.owl-theme .owl-nav .owl-next:hover{background: #228399; color: #fff;} @media (max-width: 540px){.ks_dynamic_blog_slider .owl-carousel.owl-theme .owl-nav .owl-prev, .ks_dynamic_blog_slider .owl-carousel.owl-theme .owl-nav .owl-next, .ks_trendy_style_dynamic .owl-carousel.owl-theme .owl-nav .owl-prev, .ks_trendy_style_dynamic .owl-carousel.owl-theme .owl-nav .owl-next{width: 40px; height: 40px; font-size: 28px;}} .ks_trendy_style_dynamic .owl-nav{margin-top: 10px;} .owl-carousel:not(.owl-loaded){opacity: 0;} .ks-loader{border: 6px solid #c5c5c5; border-top: 6px solid #1d7184; border-radius: 50%; width: 60px; height: 60px; animation: spin 2s linear infinite; position: absolute; left: calc(50% - 30px); transform: translateX(-50%); z-index: 100;} @keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}} .owl-item{-webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1);} .row{margin-left: 0px; margin-right: 0px;} .ks_not_mega_menu{margin-top: 0;} .ks_right_float{order: -1 !important;} .newsletter .btn-warning{background-color: #228399; border-color: #228399; color: #ffffff !important;} .snippet_brands_home_page .ks_container_2, .snippet_blogs_home_page .ks_container_2, .ks_trendy_style_static .ks_container_2{max-width: 1400px;} .ks_product_slider_multiple_tab > section{max-width: 1400px; margin: auto;} .min-h-auto{min-height: auto !important;} .ks_thumb .owl-nav button{width: 30px; height: 30px; margin-top: 35px !important; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; align-items: center; justify-content: center; font-size: 25px !important;} .ks_thumb .owl-item img{opacity: 1 !important;} #ks_multi_image_horiz .owl-stage .center div, #product_quick_preview_Modal .carousel-indicators .center li{border: 2px solid #228399 !important;} .ks_main .owl-nav button{margin-top: 30px !important;} @media (max-width: 768px){.ks_vert_slider.ks_thumb{max-width: calc(100% - 30px) !important;}.ks_vert_slider.ks_thumb .owl-item{width: 50px;}} .snippet_product_grid.ks_product_grid .product-card .fp__img{height: 250px;} @media (max-width: 575px){.snippet_product_grid.ks_product_grid .product-card .fp__img{height: 180px;}} .snippet_product_grid.ks_product_grid .products-carousel .product-card{overflow: hidden;} 

/* /ks_theme_kinetik/static/src/css/ks_theme.scss defined in bundle 'web.assets_frontend' */
 i.fa.fa-trash-o{color: red; font-size: 15px;} #wrapwrap.o_portal{background-color: #f9f9f9 !important;} #owl-main-carousel .item div{display: block; width: 100%; height: auto;} .submenu_main_links.p-lg-4.col-lg-6.order-lg-1.order-0{display: -webkit-box;} .submenu__inner{background-size: cover; background-repeat: no-repeat;} @media (min-width: 1025px){.nav-item:not(.o_extra_menu_items):hover .dropdown-menu{display: block;}} .divide-six > li{width: 16.65%;} @media (min-width: 991px){.divide-six .tab-pane > .submenu_inside{width: 16.65%;}} .divide-five > li{width: 20%;} @media (min-width: 991px){.divide-five .tab-pane > .submenu_inside{width: 20%;}} .divide-four > li{width: 25%;} @media (min-width: 991px){.divide-four .tab-pane > .submenu_inside{width: 25%;}} .divide-three > li{width: 33.33%;} @media (min-width: 991px){.divide-three .tab-pane > .submenu_inside{width: 33%;}} .divide-two > li{width: 50%;} @media (min-width: 991px){.divide-two .tab-pane > .submenu_inside{width: 50%;}} @media (min-width: 991px){.submenu_main_links .submenu_lvl_1{padding: 10px;}} .ks-blog-view-2 .owl-carousel .owl-item img{object-fit: cover;} .featured__product{height: 100%;} .fp__img{overflow: hidden;} .submenu_link_item{display: block;} .submenu_link_item img{width: 100%;} .product-card{background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); margin: 3px; border: 1px solid #efefef;} .product-card .wishlist-select .fa{top: 10px;} .product-card .fp__img{position: relative; overflow: hidden;} .product-card .fp__img img{transition: 0.3s ease-in-out;} .product-card .fp__info{background: #fff; z-index: 1;} .product-card .ks_custom_d_none{text-align: center;} .product-card .wishlist_and_comparision{position: absolute; bottom: 35px; background: rgba(255, 255, 255, 0.9); border-top: 1px solid rgba(0, 0, 0, 0.15); width: 100%; left: 0; padding: 7px; transition: all ease-in-out 0.3s;} .product-card .wishlist_and_comparision .btn-secondary{background: #ffffff; width: 30px; height: 30px; border-radius: 50% !important; color: #000; border: none; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; margin: auto; font-size: 20px;} .product-card .wishlist_and_comparision .btn-secondary:hover{color: #228399;} .product-card:hover{box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);} .product-card:hover .fp__img img{transform: scale(1.1);} .product-card:hover .wishlist_and_comparision{bottom: 90px;} .product-card:hover .fp__info:before{width: 100% !important; height: 1px !important; background: rgba(0, 0, 0, 0.15) !important;} .product-card .fp__price{width: 100%;} .product-card .fa-info-circle:before{content: '\f06e';} .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{line-height: 40px !important;} .products-carousel .owl-nav button, .alternate-prod-owl .owl-nav button, .accessories-prod-owl .owl-nav button, .ks_main .owl-nav button, .ks_thumb .owl-nav button{width: 40px; height: 40px; line-height: 40px; position: absolute; top: 30%; font-size: 30px !important; color: #228399 !important; text-align: center; top: calc(50% - 60px); overflow: hidden; transition: 0.3s ease-in-out;} .products-carousel .owl-nav button.owl-prev, .alternate-prod-owl .owl-nav button.owl-prev, .accessories-prod-owl .owl-nav button.owl-prev, .ks_main .owl-nav button.owl-prev, .ks_thumb .owl-nav button.owl-prev{left: -50px;} .products-carousel .owl-nav button.owl-next, .alternate-prod-owl .owl-nav button.owl-next, .accessories-prod-owl .owl-nav button.owl-next, .ks_main .owl-nav button.owl-next, .ks_thumb .owl-nav button.owl-next{right: -50px;} .products-carousel .owl-nav button:hover, .alternate-prod-owl .owl-nav button:hover, .accessories-prod-owl .owl-nav button:hover, .ks_main .owl-nav button:hover, .ks_thumb .owl-nav button:hover{color: #ffffff !important; background: transparent !important;} .products-carousel .owl-nav button:hover:after, .alternate-prod-owl .owl-nav button:hover:after, .accessories-prod-owl .owl-nav button:hover:after, .ks_main .owl-nav button:hover:after, .ks_thumb .owl-nav button:hover:after{transform: scale(1);} .products-carousel .owl-nav button:after, .alternate-prod-owl .owl-nav button:after, .accessories-prod-owl .owl-nav button:after, .ks_main .owl-nav button:after, .ks_thumb .owl-nav button:after{content: ''; width: 100%; height: 100%; position: absolute; background: #228399; transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); transform-origin: center; transform: scale(0); left: 0; top: 0; z-index: -1; border-radius: 50%;} .products-carousel .owl-nav button .fa, .alternate-prod-owl .owl-nav button .fa, .accessories-prod-owl .owl-nav button .fa, .ks_main .owl-nav button .fa, .ks_thumb .owl-nav button .fa{line-height: 1;} .products-carousel .owl-nav button .fa.fa-angle-left, .alternate-prod-owl .owl-nav button .fa.fa-angle-left, .accessories-prod-owl .owl-nav button .fa.fa-angle-left, .ks_main .owl-nav button .fa.fa-angle-left, .ks_thumb .owl-nav button .fa.fa-angle-left{margin-left: -2px;} .products-carousel .owl-nav button .fa.fa-angle-right, .alternate-prod-owl .owl-nav button .fa.fa-angle-right, .accessories-prod-owl .owl-nav button .fa.fa-angle-right, .ks_main .owl-nav button .fa.fa-angle-right, .ks_thumb .owl-nav button .fa.fa-angle-right{margin-left: 4px;} .products-carousel .owl-dots .owl-dot span, .alternate-prod-owl .owl-dots .owl-dot span, .accessories-prod-owl .owl-dots .owl-dot span, .ks_main .owl-dots .owl-dot span, .ks_thumb .owl-dots .owl-dot span{width: 25px !important;} .products-carousel .owl-dots .owl-dot.active span, .alternate-prod-owl .owl-dots .owl-dot.active span, .accessories-prod-owl .owl-dots .owl-dot.active span, .ks_main .owl-dots .owl-dot.active span, .ks_thumb .owl-dots .owl-dot.active span{background: #228399 !important;} @media (min-width: 768px){.products-carousel, .alternate-prod-owl, .accessories-prod-owl, .ks_main, .ks_thumb{max-width: calc(100% - 150px); margin: auto !important;}} @media (max-width: 767px){.products-carousel, .alternate-prod-owl, .accessories-prod-owl, .ks_main, .ks_thumb{max-width: calc(100% - 30px); margin: auto !important;}} @media (max-width: 1200px){.ks_horizontal_product_slider .owl-carousel .owl-nav{display: block !important;}} @media (max-width: 767px){.ks_horizontal_product_slider .ks_main.owl-carousel .owl-nav{display: none !important;}} @media (min-width: 768px){.ks_horizontal_product_slider .ks_main{max-width: calc(100% - 80px); margin: auto !important;}} @media (min-width: 1440px){.ks_horizontal_product_slider .ks_main{max-width: calc(100% - 120px);}} .ks_horizontal_product_slider .ks_thumb{padding: 0px;} .ks_horizontal_product_slider .ks_thumb .ks_active_variant_image{min-height: 80px; height: 80px; overflow: hidden;} .ks_horizontal_product_slider .ks_thumb .ks_active_variant_image img{object-fit: contain; height: 100% !important; position: absolute; left: 0px; top: 0px;} @media (min-width: 992px){.ks_horizontal_product_slider ol.ks_vs_slide .owl-carousel.owl-drag .owl-item > .ks_active_variant_image{border: 1px solid #d2d2d2; padding: 2px; margin-left: 2px;}} .ks_horizontal_product_slider ol.carousel-indicators .owl-carousel.owl-drag .owl-item > .ks_active_variant_image{border: 1px solid #d2d2d2; padding: 2px; margin-left: 2px;} .ks_horizontal_product_slider .ks_thumb .owl-nav button.owl-prev{left: -45px;} .ks_horizontal_product_slider .ks_thumb .owl-nav button.owl-next{right: -45px;} .ks_horizontal_product_slider .ks_main{padding: 2px;} @media (max-width: 991px){.ks_horizontal_product_slider .ks_vs_slide{padding: 0px; margin: 10px 0;}.ks_horizontal_product_slider .ks_vs_slide .owl-carousel .owl-item img{height: 100%; object-fit: contain;}.ks_horizontal_product_slider .ks_vs_slide, .ks_horizontal_product_slider .ks_multi_image_horizontal{max-width: calc(100% - 80px);}.ks_horizontal_product_slider .ks_thumb .owl-nav button.owl-prev{left: -45px; margin-top: 46px !important;}.ks_horizontal_product_slider .ks_thumb .owl-nav button.owl-next{right: -45px; margin-top: 46px !important;}} @media (max-width: 1200px){.ks_horizontal_product_slider .owl-carousel .owl-nav{display: block !important;}} @media (max-width: 767px){.ks_horizontal_product_slider .ks_main.owl-carousel .owl-nav{display: none !important;}} #product_quick_preview_Modal .ks_thumb{max-width: calc(100% - 100px);} a#add_to_cart{width: 50%;} button.btn.btn-secondary.btn-lg.mt8.o_add_wishlist_dyn, .btn-group-lg > button.btn.btn-secondary.mt8.o_add_wishlist_dyn{background: #ffffff; color: black; width: 250px; margin-left: 20px;} .add_to_cart_container{display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; margin-left: 110px;} a#add_to_cart{max-width: 210px;} .grid-item{background-color: rgba(255, 255, 255, 0.8); padding: 30px; width: 300px; height: 300px; font-size: 30px; text-align: center;} .fp__img img{object-fit: contain; height: auto; margin: auto;} .my_wish{margin-left: 18px; top: 2px;} a.trendy__styles.text-right.d-block.p-lg-0.p-2{margin-left: 20px;} .owl-buttons{display: none;} .owl-carousel:hover .owl-buttons{display: block;} .owl-item{text-align: center;} .owl-theme .owl-controls .owl-buttons div{background: transparent; color: #869791; font-size: 40px; line-height: 300px; margin: 0; padding: 0 60px; position: absolute; top: 0;} .owl-theme .owl-controls .owl-buttons .owl-prev{left: 0; padding-left: 20px;} .owl-theme .owl-controls .owl-buttons .owl-next{right: 0; padding-right: 20px;} .o_portal_my_details{display: none;} .custom_user_details{display: inline-grid;} .portal_edit_profile_icon{font-size: 0.95rem; color: #000; text-align: right;} .mainHomeSlider .owl-slider-main img{height: 400px; object-fit: cover;} .snippt_featured_home_page .nav_tabs{border-bottom: none;} .snippt_featured_home_page .nav_tabs .nav-link.active{background: transparent; border: none;} .featured_product{border-bottom: 2px solid #228399;} .ks-editor, .ks-css-editor{height: 450px; width: 100%;} .o_ace_view_editor .ace_layer .ace_print-margin{width: 0;} .ks_multi_image_vertical{max-width: 320px;} .ks_multi_image_vertical .owl-nav{padding-top: .4em; font-size: .8em;} .ks_multi_image_vertical .owl-nav > div{padding: .4em 1.4em; border: 1px solid #333; background: #000; color: white; border-radius: .4em; background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.2)); box-shadow: 0.1em 0.1em 0.4em rgba(0, 0, 0, 0.5);} .ks_multi_image_vertical .owl-nav > div:hover{background-color: #333;} .ks_multi_image_vertical .owl-nav .owl-prev{float: left;} .ks_multi_image_vertical .owl-nav .owl-next{float: right;} .ks_test_vertical{transform: rotate(90deg); top: 186px; position: absolute !important; left: -341px;} .ks_test_vertical .img-fluid{transform: rotate(270deg);} .ks_test_vertical .owl-item{width: 116px !important;} @media screen and (max-width: 1280px){.ks_test_vertical{left: -303px;}} @media screen and (max-width: 1095px){.ks_test_vertical{left: -247px;}} @media screen and (max-width: 860px){.ks_test_vertical{left: -206px;}} @media screen and (max-width: 767px){.ks_test_vertical{left: -321px;}} .o_product_text{padding-right: 5px;} .ks_brands_home_page .brand__img{width: 100%; padding-top: 100%; position: relative;} @media (max-width: 575px){.ks_brands_home_page .brand__img{width: 150px; height: 150px; padding-top: 0;}} @media (max-width: 360px){.ks_brands_home_page .brand__img{width: 120px; height: 120px;}} .ks_brands_home_page .brand__img img{width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;} @media (max-width: 990px){.ks_brands_home_page .col_2{width: 28%; margin-left: 4%;}} @media (max-width: 575px){.ks_brands_home_page .col_2{width: 50%; margin-left: 0;}} #trendy_styles_row_owl .owl-dots .owl-dot span, .ks_dynamic_blog_slider .owl-dots .owl-dot span, .ks_trendy_style_dynamic .owl-dots .owl-dot span{width: 25px !important;} #trendy_styles_row_owl .owl-dots .owl-dot.active span, .ks_dynamic_blog_slider .owl-dots .owl-dot.active span, .ks_trendy_style_dynamic .owl-dots .owl-dot.active span{background: #228399 !important;} .ks_dynamic_blog_slider .owl-dots{margin-top: -10px;} .blog__card .blog_img img{height: 200px !important; object-fit: cover !important; object-position: right;} .blog__card .blog-sub-heading{min-height: 40px;} .blog__card .blog_text{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} @supports (display: -webkit-box){.blog__card .blog_text{white-space: normal; text-overflow: initial; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}} .blog__card .blog-sub-heading{min-height: auto;} .ks_dynamic_blog_slider .owl-carousel.owl-theme .owl-nav, .ks_trendy_style_dynamic .owl-carousel.owl-theme .owl-nav{margin-top: 0; margin-bottom: 15px;} .ks_dynamic_blog_slider .owl-carousel.owl-theme .owl-nav .owl-prev, .ks_dynamic_blog_slider .owl-carousel.owl-theme .owl-nav .owl-next, .ks_trendy_style_dynamic .owl-carousel.owl-theme .owl-nav .owl-prev, .ks_trendy_style_dynamic .owl-carousel.owl-theme .owl-nav .owl-next{width: 50px; height: 50px; border-radius: 50%; font-size: 40px; border: 1px solid #228399; color: #228399; font-size: 34px; line-height: 0; transition: 0.2s ease-in-out;} .ks_dynamic_blog_slider .owl-carousel.owl-theme .owl-nav .owl-prev:hover, .ks_dynamic_blog_slider .owl-carousel.owl-theme .owl-nav .owl-next:hover, .ks_trendy_style_dynamic .owl-carousel.owl-theme .owl-nav .owl-prev:hover, .ks_trendy_style_dynamic .owl-carousel.owl-theme .owl-nav .owl-next:hover{background: #228399; color: #fff;} @media (max-width: 540px){.ks_dynamic_blog_slider .owl-carousel.owl-theme .owl-nav .owl-prev, .ks_dynamic_blog_slider .owl-carousel.owl-theme .owl-nav .owl-next, .ks_trendy_style_dynamic .owl-carousel.owl-theme .owl-nav .owl-prev, .ks_trendy_style_dynamic .owl-carousel.owl-theme .owl-nav .owl-next{width: 40px; height: 40px; font-size: 28px;}} .ks_trendy_style_dynamic .owl-nav{margin-top: 10px;} .owl-carousel:not(.owl-loaded){opacity: 0;} .ks-loader{border: 6px solid #c5c5c5; border-top: 6px solid #1d7184; border-radius: 50%; width: 60px; height: 60px; animation: spin 2s linear infinite; position: absolute; left: calc(50% - 30px); transform: translateX(-50%); z-index: 100;} @keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}} .owl-item{-webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1);} .row{margin-left: 0px; margin-right: 0px;} .ks_not_mega_menu{margin-top: 0;} .ks_right_float{order: -1 !important;} .newsletter .btn-warning{background-color: #228399; border-color: #228399; color: #ffffff !important;} .snippet_brands_home_page .ks_container_2, .snippet_blogs_home_page .ks_container_2, .ks_trendy_style_static .ks_container_2{max-width: 1400px;} .ks_product_slider_multiple_tab > section{max-width: 1400px; margin: auto;} .min-h-auto{min-height: auto !important;} .ks_thumb .owl-nav button{width: 30px; height: 30px; margin-top: 35px !important; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; align-items: center; justify-content: center; font-size: 25px !important;} .ks_thumb .owl-item img{opacity: 1 !important;} #ks_multi_image_horiz .owl-stage .center div, #product_quick_preview_Modal .carousel-indicators .center li{border: 2px solid #228399 !important;} .ks_main .owl-nav button{margin-top: 30px !important;} @media (max-width: 768px){.ks_vert_slider.ks_thumb{max-width: calc(100% - 30px) !important;}.ks_vert_slider.ks_thumb .owl-item{width: 50px;}} .snippet_product_grid.ks_product_grid .product-card .fp__img{height: 250px;} @media (max-width: 575px){.snippet_product_grid.ks_product_grid .product-card .fp__img{height: 180px;}} .snippet_product_grid.ks_product_grid .products-carousel .product-card{overflow: hidden;} 

/* /ks_theme_kinetik/static/src/css/temp_css.scss defined in bundle 'web.assets_frontend' */
 

/* /ks_theme_kinetik/static/src/lib/owl_slider/owl_theme.css defined in bundle 'web.assets_frontend' */
 .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent} .owl-theme .owl-nav{margin-top:10px} .owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px} .owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none} .owl-theme .owl-nav .disabled{opacity:.5;cursor:default} .owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px} .owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1} .owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px} .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} 

/* /ks_theme_kinetik/static/src/lib/owl_slider/owl_carousal_min.css defined in bundle 'web.assets_frontend' */
 .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{display:none;width:100%;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block;width:100%} .owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none} .no-js .owl-carousel,.owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .animated{animation-duration:1s;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{animation-name:fadeOut} @keyframes fadeOut{0%{opacity:1}100%{opacity:0}} .owl-height{transition:height .5s ease-in-out} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease} .owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/ks_theme_kinetik/static/src/lib/owl_slider/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease} .owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)} .owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease} .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} 

/* /ks_theme_kinetik/static/src/lib/easy-autocomplete/easy-autocomplete.css defined in bundle 'web.assets_frontend' */
 .easy-autocomplete{position: relative;} .easy-autocomplete input{border-color: #ccc; border-radius: 4px; border-style: solid; border-width: 1px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; color: #555; float: none; padding: 6px 12px;} .easy-autocomplete input:hover, .easy-autocomplete input:focus{box-shadow: none;} .easy-autocomplete a{display: block;} .easy-autocomplete.eac-blue-light input:hover, .easy-autocomplete.eac-blue-light input:focus{border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);} .easy-autocomplete.eac-blue-light ul{border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);} .easy-autocomplete.eac-blue-light ul li, .easy-autocomplete.eac-blue-light ul .eac-category{border-color: #66afe9;} .easy-autocomplete.eac-blue-light ul li.selected, .easy-autocomplete.eac-blue-light ul .eac-category.selected{background-color: #ecf5fc;} .easy-autocomplete.eac-green-light input:hover, .easy-autocomplete.eac-green-light input:focus{border-color: #41DB00; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);} .easy-autocomplete.eac-green-light ul{border-color: #41DB00; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);} .easy-autocomplete.eac-green-light ul li, .easy-autocomplete.eac-green-light ul .eac-category{border-color: #41DB00;} .easy-autocomplete.eac-green-light ul li.selected, .easy-autocomplete.eac-green-light ul .eac-category.selected{background-color: #9eff75;} .easy-autocomplete.eac-red-light input:hover, .easy-autocomplete.eac-red-light input:focus{border-color: #ff5b5b; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);} .easy-autocomplete.eac-red-light ul{border-color: #ff5b5b; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);} .easy-autocomplete.eac-red-light ul li, .easy-autocomplete.eac-red-light ul .eac-category{border-color: #ff5b5b;} .easy-autocomplete.eac-red-light ul li.selected, .easy-autocomplete.eac-red-light ul .eac-category.selected{background-color: #ff8e8e;} .easy-autocomplete.eac-yellow-light input:hover, .easy-autocomplete.eac-yellow-light input:focus{border-color: #ffdb00; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);} .easy-autocomplete.eac-yellow-light ul{border-color: #ffdb00; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);} .easy-autocomplete.eac-yellow-light ul li, .easy-autocomplete.eac-yellow-light ul .eac-category{border-color: #ffdb00;} .easy-autocomplete.eac-yellow-light ul li.selected, .easy-autocomplete.eac-yellow-light ul .eac-category.selected{background-color: #ffe233;} .easy-autocomplete.eac-dark-light input:hover, .easy-autocomplete.eac-dark-light input:focus{border-color: #333; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);} .easy-autocomplete.eac-dark-light ul{border-color: #333; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);} .easy-autocomplete.eac-dark-light ul li, .easy-autocomplete.eac-dark-light ul .eac-category{border-color: #333;} .easy-autocomplete.eac-dark-light ul li.selected, .easy-autocomplete.eac-dark-light ul .eac-category.selected{background-color: #4d4d4d; color: #fff;} .easy-autocomplete.eac-dark{color: #fff;} .easy-autocomplete.eac-dark input{background-color: #404040; border-radius: 4px; box-shadow: 0; color: #f6f6f6;} .easy-autocomplete.eac-dark input:hover, .easy-autocomplete.eac-dark input:focus{border-color: #333; box-shadow: 0;} .easy-autocomplete.eac-dark ul{border-color: #333;} .easy-autocomplete.eac-dark ul li, .easy-autocomplete.eac-dark ul .eac-category{background-color: #404040; border-color: #333;} .easy-autocomplete.eac-dark ul li.selected, .easy-autocomplete.eac-dark ul .eac-category.selected{background-color: #737373; color: #f6f6f6;} .easy-autocomplete.eac-dark-glass{color: #fff;} .easy-autocomplete.eac-dark-glass input{background-color: rgba(0, 0, 0, 0.8); border-radius: 4px; box-shadow: 0; color: #f6f6f6;} .easy-autocomplete.eac-dark-glass input:hover, .easy-autocomplete.eac-dark-glass input:focus{border-color: rgba(0, 0, 0, 0.8); box-shadow: 0;} .easy-autocomplete.eac-dark-glass ul{border-color: rgba(0, 0, 0, 0.8);} .easy-autocomplete.eac-dark-glass ul li, .easy-autocomplete.eac-dark-glass ul .eac-category{background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.8);} .easy-autocomplete.eac-dark-glass ul li.selected, .easy-autocomplete.eac-dark-glass ul .eac-category.selected{background-color: rgba(64, 64, 64, 0.8); color: #f6f6f6;} .easy-autocomplete.eac-dark-glass ul li:last-child, .easy-autocomplete.eac-dark-glass ul .eac-category:last-child{border-radius: 0 0 4px 4px;} .easy-autocomplete.eac-blue{color: #fff;} .easy-autocomplete.eac-blue input{background-color: #6d9ed1; border-radius: 4px; box-shadow: 0; color: #f6f6f6;} .easy-autocomplete.eac-blue input::-webkit-input-placeholder{color: #f6f6f6;} .easy-autocomplete.eac-blue input:-moz-placeholder{color: #f6f6f6;} .easy-autocomplete.eac-blue input::-moz-placeholder{color: #f6f6f6;} .easy-autocomplete.eac-blue input:-ms-input-placeholder{color: #f6f6f6;} .easy-autocomplete.eac-blue input:hover, .easy-autocomplete.eac-blue input:focus{border-color: #5A91CB; box-shadow: 0;} .easy-autocomplete.eac-blue ul{border-color: #5A91CB;} .easy-autocomplete.eac-blue ul li, .easy-autocomplete.eac-blue ul .eac-category{background-color: #6d9ed1; border-color: #5A91CB;} .easy-autocomplete.eac-blue ul li.selected, .easy-autocomplete.eac-blue ul .eac-category.selected{background-color: #94b8dd; color: #f6f6f6;} .easy-autocomplete.eac-yellow{color: #333;} .easy-autocomplete.eac-yellow input{background-color: #ffdb7e; border-color: #333; border-radius: 4px; box-shadow: 0; color: #333;} .easy-autocomplete.eac-yellow input:hover, .easy-autocomplete.eac-yellow input:focus{border-color: #333; box-shadow: 0;} .easy-autocomplete.eac-yellow ul{border-color: #333;} .easy-autocomplete.eac-yellow ul li, .easy-autocomplete.eac-yellow ul .eac-category{background-color: #ffdb7e; border-color: #333;} .easy-autocomplete.eac-yellow ul li.selected, .easy-autocomplete.eac-yellow ul .eac-category.selected{background-color: #ffe9b1; color: #333;} .easy-autocomplete.eac-purple{color: #333;} .easy-autocomplete.eac-purple input{background-color: #d6d1e7; border-color: #b8afd5; box-shadow: 0; color: #333;} .easy-autocomplete.eac-purple input:hover, .easy-autocomplete.eac-purple input:focus{border-color: #333; box-shadow: 0;} .easy-autocomplete.eac-purple ul{border-color: #333;} .easy-autocomplete.eac-purple ul li, .easy-autocomplete.eac-purple ul .eac-category{background-color: #d6d1e7; border-color: #333;} .easy-autocomplete.eac-purple ul li.selected, .easy-autocomplete.eac-purple ul .eac-category.selected{background-color: #ebe8f3; color: #333;} .easy-autocomplete.eac-bootstrap input{border-color: #ccc; border-radius: 4px; border-style: solid; border-width: 1px; color: #555; padding: 6px 12px;} .easy-autocomplete-container{left: 0; position: absolute; width: 100%; z-index: 200; box-shadow: 0 0 2px #ccc;} .easy-autocomplete-container ul{background: none repeat scroll 0 0 #ffffff; border-top: 1px dotted #ccc; display: none; margin-top: 0; padding-bottom: 0; padding-left: 0; position: relative; top: -1px;} .easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category{background: inherit; border-color: #ccc; border-image: none; border-style: solid; border-width: 0 1px; display: block; font-size: 14px; font-weight: normal; padding: 4px 12px;} .easy-autocomplete-container ul li:last-child{border-radius: 0 0 2px 2px; border-width: 0 1px 1px;} .easy-autocomplete-container ul li.selected{background: none repeat scroll 0 0 #ebebeb; cursor: pointer;} .easy-autocomplete-container ul li.selected div{font-weight: normal;} .easy-autocomplete-container ul li div{display: block; font-weight: normal; word-break: break-all;} .easy-autocomplete-container ul li b{font-weight: bold;} .easy-autocomplete-container ul .eac-category{font-color: #aaa; font-style: italic;} .eac-description .eac-item span{color: #aaa; font-style: italic; font-size: 0.9em;} .eac-icon-left .eac-item img{margin-right: 4px; max-height: 30px;} .eac-icon-right .eac-item{margin-top: 8px; min-height: 24px; position: relative;} .eac-icon-right .eac-item img{margin-left: 4px; max-height: 30px; position: absolute; right: -4px; top: -8px;} 

/* /ks_theme_kinetik/static/src/css/bootstrap-slider.min.css defined in bundle 'web.assets_frontend' */
 .slider{display: inline-block; vertical-align: middle; position: relative;} .slider.slider-horizontal{width: 210px; height: 20px;} .slider.slider-horizontal .slider-track{height: 4px; width: 100%; margin-top: 8px; left: 0;} .slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track-low, .slider.slider-horizontal .slider-track-high{height: 100%; top: 0; bottom: 0;} .slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle{margin-left: -10px;} .slider.slider-horizontal .slider-tick.triangle, .slider.slider-horizontal .slider-handle.triangle{position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); border-width: 0 10px 10px 10px; width: 0; height: 0; border-bottom-color: #2e6da4; margin-top: 0;} .slider.slider-horizontal .slider-tick-container{white-space: nowrap; position: absolute; top: 0; left: 0; width: 100%;} .slider.slider-horizontal .slider-tick-label-container{white-space: nowrap; margin-top: 20px;} .slider.slider-horizontal .slider-tick-label-container .slider-tick-label{padding-top: 4px; display: inline-block; text-align: center;} .slider.slider-horizontal .tooltip{-ms-transform: translateX(-50%); transform: translateX(-50%);} .slider.slider-horizontal.slider-rtl .slider-track{left: initial; right: 0;} .slider.slider-horizontal.slider-rtl .slider-tick, .slider.slider-horizontal.slider-rtl .slider-handle{margin-left: initial; margin-right: -10px;} .slider.slider-horizontal.slider-rtl .slider-tick-container{left: initial; right: 0;} .slider.slider-horizontal.slider-rtl .tooltip{-ms-transform: translateX(50%); transform: translateX(50%);} .slider.slider-vertical{height: 210px; width: 20px;} .slider.slider-vertical .slider-track{width: 10px; height: 100%; left: 25%; top: 0;} .slider.slider-vertical .slider-selection{width: 100%; left: 0; top: 0; bottom: 0;} .slider.slider-vertical .slider-track-low, .slider.slider-vertical .slider-track-high{width: 100%; left: 0; right: 0;} .slider.slider-vertical .slider-tick, .slider.slider-vertical .slider-handle{margin-top: -10px;} .slider.slider-vertical .slider-tick.triangle, .slider.slider-vertical .slider-handle.triangle{border-width: 10px 0 10px 10px; width: 1px; height: 1px; border-left-color: #2e6da4; border-right-color: #2e6da4; margin-left: 0; margin-right: 0;} .slider.slider-vertical .slider-tick-label-container{white-space: nowrap;} .slider.slider-vertical .slider-tick-label-container .slider-tick-label{padding-left: 4px;} .slider.slider-vertical .tooltip{-ms-transform: translateY(-50%); transform: translateY(-50%);} .slider.slider-vertical.slider-rtl .slider-track{left: initial; right: 25%;} .slider.slider-vertical.slider-rtl .slider-selection{left: initial; right: 0;} .slider.slider-vertical.slider-rtl .slider-tick.triangle, .slider.slider-vertical.slider-rtl .slider-handle.triangle{border-width: 10px 10px 10px 0;} .slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label{padding-left: initial; padding-right: 4px;} .slider.slider-disabled .slider-handle{background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%); background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%); background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);} .slider.slider-disabled .slider-track{background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%); background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%); background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0); cursor: not-allowed;} .slider input{display: none;} .slider .tooltip{pointer-events: none;} .slider .tooltip.top{margin-top: -36px;} .slider .tooltip-inner{white-space: nowrap; max-width: none;} .slider .hide{display: none;} .slider-track{position: absolute; cursor: pointer; background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%); background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 4px;} .slider-selection{position: absolute; background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%); background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%); background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px;} .slider-selection.tick-slider-selection{background-image: -webkit-linear-gradient(top, #8ac1ef 0%, #82b3de 100%); background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%); background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0);} .slider-track-low, .slider-track-high{position: absolute; background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px;} .slider-handle{position: absolute; top: 0; width: 20px; height: 20px; background-color: #337ab7; background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); filter: none; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); border: 0px solid transparent;} .slider-handle:hover{cursor: pointer;} .slider-handle.round{border-radius: 50%;} .slider-handle.triangle{background: transparent none;} .slider-handle.custom{background: transparent none;} .slider-handle.custom::before{line-height: 20px; font-size: 20px; content: '\2605'; color: #726204;} .slider-tick{position: absolute; cursor: pointer; width: 20px; height: 20px; background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%); background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%); background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; filter: none; opacity: 0.8; border: 0px solid transparent;} .slider-tick.round{border-radius: 50%;} .slider-tick.triangle{background: transparent none;} .slider-tick.custom{background: transparent none;} .slider-tick.custom::before{line-height: 20px; font-size: 20px; content: '\2605'; color: #726204;} .slider-tick.in-selection{background-image: -webkit-linear-gradient(top, #8ac1ef 0%, #82b3de 100%); background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%); background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0); opacity: 1;} 

/* /ks_theme_kinetik/static/src/lib/animate/animate.css defined in bundle 'web.assets_frontend' */
 @-webkit-keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);}90%{-webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0);}} @keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);}90%{-webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0);}} .bounce{-webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom;} @-webkit-keyframes flash{from, 50%, to{opacity: 1;}25%, 75%{opacity: 0;}} @keyframes flash{from, 50%, to{opacity: 1;}25%, 75%{opacity: 0;}} .flash{-webkit-animation-name: flash; animation-name: flash;} @-webkit-keyframes pulse{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes pulse{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .pulse{-webkit-animation-name: pulse; animation-name: pulse;} @-webkit-keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}65%{-webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);}75%{-webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}65%{-webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);}75%{-webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .rubberBand{-webkit-animation-name: rubberBand; animation-name: rubberBand;} @-webkit-keyframes shake{from, to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}} @keyframes shake{from, to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}} .shake{-webkit-animation-name: shake; animation-name: shake;} @-webkit-keyframes headShake{0%{-webkit-transform: translateX(0); transform: translateX(0);}6.5%{-webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg);}18.5%{-webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg);}31.5%{-webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg);}43.5%{-webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg);}50%{-webkit-transform: translateX(0); transform: translateX(0);}} @keyframes headShake{0%{-webkit-transform: translateX(0); transform: translateX(0);}6.5%{-webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg);}18.5%{-webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg);}31.5%{-webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg);}43.5%{-webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg);}50%{-webkit-transform: translateX(0); transform: translateX(0);}} .headShake{-webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake;} @-webkit-keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);}40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);}60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);}80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);}to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}} @keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);}40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);}60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);}80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);}to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}} .swing{-webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing;} @-webkit-keyframes tada{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes tada{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .tada{-webkit-animation-name: tada; animation-name: tada;} @-webkit-keyframes wobble{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}15%{-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}30%{-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}45%{-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}60%{-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}75%{-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes wobble{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}15%{-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}30%{-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}45%{-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}60%{-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}75%{-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .wobble{-webkit-animation-name: wobble; animation-name: wobble;} @-webkit-keyframes jello{from, 11.1%, to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}22.2%{-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg);}33.3%{-webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg);}44.4%{-webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg);}55.5%{-webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg);}66.6%{-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7%{-webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg);}88.8%{-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}} @keyframes jello{from, 11.1%, to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}22.2%{-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg);}33.3%{-webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg);}44.4%{-webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg);}55.5%{-webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg);}66.6%{-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7%{-webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg);}88.8%{-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}} .jello{-webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center;} @-webkit-keyframes heartBeat{0%{-webkit-transform: scale(1); transform: scale(1);}14%{-webkit-transform: scale(1.3); transform: scale(1.3);}28%{-webkit-transform: scale(1); transform: scale(1);}42%{-webkit-transform: scale(1.3); transform: scale(1.3);}70%{-webkit-transform: scale(1); transform: scale(1);}} @keyframes heartBeat{0%{-webkit-transform: scale(1); transform: scale(1);}14%{-webkit-transform: scale(1.3); transform: scale(1.3);}28%{-webkit-transform: scale(1); transform: scale(1);}42%{-webkit-transform: scale(1.3); transform: scale(1.3);}70%{-webkit-transform: scale(1); transform: scale(1);}} .heartBeat{-webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} @-webkit-keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);}60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97);}to{opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);}60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97);}to{opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .bounceIn{-webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn;} @-webkit-keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);}75%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}90%{-webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);}75%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}90%{-webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .bounceInDown{-webkit-animation-name: bounceInDown; animation-name: bounceInDown;} @-webkit-keyframes bounceInLeft{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);}75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes bounceInLeft{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);}75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .bounceInLeft{-webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;} @-webkit-keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);}75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);}75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .bounceInRight{-webkit-animation-name: bounceInRight; animation-name: bounceInRight;} @-webkit-keyframes bounceInUp{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from{opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}75%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}90%{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes bounceInUp{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from{opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}75%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}90%{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .bounceInUp{-webkit-animation-name: bounceInUp; animation-name: bounceInUp;} @-webkit-keyframes bounceOut{20%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);}50%, 55%{opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}to{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}} @keyframes bounceOut{20%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);}50%, 55%{opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}to{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}} .bounceOut{-webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut;} @-webkit-keyframes bounceOutDown{20%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} @keyframes bounceOutDown{20%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} .bounceOutDown{-webkit-animation-name: bounceOutDown; animation-name: bounceOutDown;} @-webkit-keyframes bounceOutLeft{20%{opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} @keyframes bounceOutLeft{20%{opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} .bounceOutLeft{-webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft;} @-webkit-keyframes bounceOutRight{20%{opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} @keyframes bounceOutRight{20%{opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} .bounceOutRight{-webkit-animation-name: bounceOutRight; animation-name: bounceOutRight;} @-webkit-keyframes bounceOutUp{20%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} @keyframes bounceOutUp{20%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} .bounceOutUp{-webkit-animation-name: bounceOutUp; animation-name: bounceOutUp;} @-webkit-keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}} @keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}} .fadeIn{-webkit-animation-name: fadeIn; animation-name: fadeIn;} @-webkit-keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown;} @-webkit-keyframes fadeInDownBig{from{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInDownBig{from{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .fadeInDownBig{-webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig;} @-webkit-keyframes fadeInLeft{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInLeft{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .fadeInLeft{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;} @-webkit-keyframes fadeInLeftBig{from{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInLeftBig{from{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .fadeInLeftBig{-webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig;} @-webkit-keyframes fadeInRight{from{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInRight{from{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .fadeInRight{-webkit-animation-name: fadeInRight; animation-name: fadeInRight;} @-webkit-keyframes fadeInRightBig{from{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInRightBig{from{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .fadeInRightBig{-webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig;} @-webkit-keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .fadeInUp{-webkit-animation-name: fadeInUp; animation-name: fadeInUp;} @-webkit-keyframes fadeInUpBig{from{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInUpBig{from{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .fadeInUpBig{-webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig;} @-webkit-keyframes fadeOut{from{opacity: 1;}to{opacity: 0;}} @keyframes fadeOut{from{opacity: 1;}to{opacity: 0;}} .fadeOut{-webkit-animation-name: fadeOut; animation-name: fadeOut;} @-webkit-keyframes fadeOutDown{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} @keyframes fadeOutDown{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} .fadeOutDown{-webkit-animation-name: fadeOutDown; animation-name: fadeOutDown;} @-webkit-keyframes fadeOutDownBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} @keyframes fadeOutDownBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} .fadeOutDownBig{-webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig;} @-webkit-keyframes fadeOutLeft{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} @keyframes fadeOutLeft{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} .fadeOutLeft{-webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft;} @-webkit-keyframes fadeOutLeftBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} @keyframes fadeOutLeftBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} .fadeOutLeftBig{-webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig;} @-webkit-keyframes fadeOutRight{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} @keyframes fadeOutRight{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} .fadeOutRight{-webkit-animation-name: fadeOutRight; animation-name: fadeOutRight;} @-webkit-keyframes fadeOutRightBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} @keyframes fadeOutRightBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} .fadeOutRightBig{-webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig;} @-webkit-keyframes fadeOutUp{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} @keyframes fadeOutUp{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} .fadeOutUp{-webkit-animation-name: fadeOutUp; animation-name: fadeOutUp;} @-webkit-keyframes fadeOutUpBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} @keyframes fadeOutUpBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} .fadeOutUpBig{-webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig;} @-webkit-keyframes flip{from{-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}40%{-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}50%{-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}80%{-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}to{-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}} @keyframes flip{from{-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}40%{-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}50%{-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}80%{-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}to{-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}} .animated.flip{-webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip;} @-webkit-keyframes flipInX{from{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}} @keyframes flipInX{from{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}} .flipInX{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX;} @-webkit-keyframes flipInY{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}} @keyframes flipInY{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}} .flipInY{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY;} @-webkit-keyframes flipOutX{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0;}} @keyframes flipOutX{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0;}} .flipOutX{-webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important;} @-webkit-keyframes flipOutY{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0;}} @keyframes flipOutY{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0;}} .flipOutY{-webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY;} @-webkit-keyframes lightSpeedIn{from{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;}60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;}80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes lightSpeedIn{from{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;}60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;}80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .lightSpeedIn{-webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;} @-webkit-keyframes lightSpeedOut{from{opacity: 1;}to{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;}} @keyframes lightSpeedOut{from{opacity: 1;}to{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;}} .lightSpeedOut{-webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} @-webkit-keyframes rotateIn{from{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}} @keyframes rotateIn{from{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}} .rotateIn{-webkit-animation-name: rotateIn; animation-name: rotateIn;} @-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}} @keyframes rotateInDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}} .rotateInDownLeft{-webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft;} @-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}} @keyframes rotateInDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}} .rotateInDownRight{-webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight;} @-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}} @keyframes rotateInUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}} .rotateInUpLeft{-webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft;} @-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}} @keyframes rotateInUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}} .rotateInUpRight{-webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight;} @-webkit-keyframes rotateOut{from{-webkit-transform-origin: center; transform-origin: center; opacity: 1;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0;}} @keyframes rotateOut{from{-webkit-transform-origin: center; transform-origin: center; opacity: 1;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0;}} .rotateOut{-webkit-animation-name: rotateOut; animation-name: rotateOut;} @-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}} @keyframes rotateOutDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}} .rotateOutDownLeft{-webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft;} @-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} @keyframes rotateOutDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} .rotateOutDownRight{-webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight;} @-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} @keyframes rotateOutUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} .rotateOutUpLeft{-webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft;} @-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;}} @keyframes rotateOutUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;}} .rotateOutUpRight{-webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight;} @-webkit-keyframes hinge{0%{-webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}20%, 60%{-webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}40%, 80%{-webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;}to{-webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0;}} @keyframes hinge{0%{-webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}20%, 60%{-webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}40%, 80%{-webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;}to{-webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0;}} .hinge{-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge;} @-webkit-keyframes jackInTheBox{from{opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom;}50%{-webkit-transform: rotate(-10deg); transform: rotate(-10deg);}70%{-webkit-transform: rotate(3deg); transform: rotate(3deg);}to{opacity: 1; -webkit-transform: scale(1); transform: scale(1);}} @keyframes jackInTheBox{from{opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom;}50%{-webkit-transform: rotate(-10deg); transform: rotate(-10deg);}70%{-webkit-transform: rotate(3deg); transform: rotate(3deg);}to{opacity: 1; -webkit-transform: scale(1); transform: scale(1);}} .jackInTheBox{-webkit-animation-name: jackInTheBox; animation-name: jackInTheBox;} @-webkit-keyframes rollIn{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes rollIn{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .rollIn{-webkit-animation-name: rollIn; animation-name: rollIn;} @-webkit-keyframes rollOut{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}} @keyframes rollOut{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}} .rollOut{-webkit-animation-name: rollOut; animation-name: rollOut;} @-webkit-keyframes zoomIn{from{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}50%{opacity: 1;}} @keyframes zoomIn{from{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}50%{opacity: 1;}} .zoomIn{-webkit-animation-name: zoomIn; animation-name: zoomIn;} @-webkit-keyframes zoomInDown{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInDown{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInDown{-webkit-animation-name: zoomInDown; animation-name: zoomInDown;} @-webkit-keyframes zoomInLeft{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInLeft{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInLeft{-webkit-animation-name: zoomInLeft; animation-name: zoomInLeft;} @-webkit-keyframes zoomInRight{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInRight{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInRight{-webkit-animation-name: zoomInRight; animation-name: zoomInRight;} @-webkit-keyframes zoomInUp{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInUp{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInUp{-webkit-animation-name: zoomInUp; animation-name: zoomInUp;} @-webkit-keyframes zoomOut{from{opacity: 1;}50%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}to{opacity: 0;}} @keyframes zoomOut{from{opacity: 1;}50%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}to{opacity: 0;}} .zoomOut{-webkit-animation-name: zoomOut; animation-name: zoomOut;} @-webkit-keyframes zoomOutDown{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomOutDown{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomOutDown{-webkit-animation-name: zoomOutDown; animation-name: zoomOutDown;} @-webkit-keyframes zoomOutLeft{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center;}} @keyframes zoomOutLeft{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center;}} .zoomOutLeft{-webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft;} @-webkit-keyframes zoomOutRight{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center;}} @keyframes zoomOutRight{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center;}} .zoomOutRight{-webkit-animation-name: zoomOutRight; animation-name: zoomOutRight;} @-webkit-keyframes zoomOutUp{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomOutUp{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomOutUp{-webkit-animation-name: zoomOutUp; animation-name: zoomOutUp;} @-webkit-keyframes slideInDown{from{-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInDown{from{-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInDown{-webkit-animation-name: slideInDown; animation-name: slideInDown;} @-webkit-keyframes slideInLeft{from{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInLeft{from{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInLeft{-webkit-animation-name: slideInLeft; animation-name: slideInLeft;} @-webkit-keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInRight{-webkit-animation-name: slideInRight; animation-name: slideInRight;} @-webkit-keyframes slideInUp{from{-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInUp{from{-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInUp{-webkit-animation-name: slideInUp; animation-name: slideInUp;} @-webkit-keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} @keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} .slideOutDown{-webkit-animation-name: slideOutDown; animation-name: slideOutDown;} @-webkit-keyframes slideOutLeft{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} @keyframes slideOutLeft{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} .slideOutLeft{-webkit-animation-name: slideOutLeft; animation-name: slideOutLeft;} @-webkit-keyframes slideOutRight{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} @keyframes slideOutRight{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} .slideOutRight{-webkit-animation-name: slideOutRight; animation-name: slideOutRight;} @-webkit-keyframes slideOutUp{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} @keyframes slideOutUp{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} .slideOutUp{-webkit-animation-name: slideOutUp; animation-name: slideOutUp;} .animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .animated.infinite{-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} .animated.delay-1s{-webkit-animation-delay: 1s; animation-delay: 1s;} .animated.delay-2s{-webkit-animation-delay: 2s; animation-delay: 2s;} .animated.delay-3s{-webkit-animation-delay: 3s; animation-delay: 3s;} .animated.delay-4s{-webkit-animation-delay: 4s; animation-delay: 4s;} .animated.delay-5s{-webkit-animation-delay: 5s; animation-delay: 5s;} .animated.fast{-webkit-animation-duration: 800ms; animation-duration: 800ms;} .animated.faster{-webkit-animation-duration: 500ms; animation-duration: 500ms;} .animated.slow{-webkit-animation-duration: 2s; animation-duration: 2s;} .animated.slower{-webkit-animation-duration: 3s; animation-duration: 3s;} @media (print), (prefers-reduced-motion){.animated{-webkit-animation: unset !important; animation: unset !important; -webkit-transition: none !important; transition: none !important;}} 

/* /ks_theme_kinetik/static/src/landing-pages-scss/ks_furniture.scss defined in bundle 'web.assets_frontend' */
 .snippet_featured_home_page{min-height: 300px;} .snippet_featured_home_page .tab-content{margin: auto; max-width: 1400px; width: 90%;} @media (max-width: 1440px){.snippet_featured_home_page .tab-content{padding: 0 20px;}} @media (min-width: 769px){.snippet_featured_home_page .tab-content .products-carousel{max-width: 100%;}} .snippet_featured_home_page .product-card{box-shadow: none; margin: 0 9px;} .snippet_featured_home_page .product-card:hover{box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);} .snippet_featured_home_page .fp__name{text-align: center;} @media (max-width: 540px){.snippet_featured_home_page .fp__name{font-size: 16px;}} .snippet_featured_home_page .fp__price{margin: auto;} @media (max-width: 540px){.snippet_featured_home_page{padding: 20px 5px;}} .ks_products_table{margin: auto;} .ks_products_table .oe_product_image{position: relative; left: auto; right: auto; top: auto; bottom: auto;} .ks_products_table .oe_product_image img{position: relative; height: 300px; object-fit: contain;} @media (max-width: 1400px){.ks_products_table .oe_product_image img{height: 250px;}} @media (max-width: 1200px){.ks_products_table .oe_product_image img{height: 200px;}} @media (max-width: 575px){.ks_products_table .oe_product_image img{height: 170px;}} .ks-banner-txt{position: absolute; top: 60px; left: 60px;} @media (min-width: 1500px){.ks-banner-txt{top: 240px !important;}} @media (max-width: 990px){.ks-banner-txt{transform: translateY(0); left: 30px; top: 100px;}} @media (max-width: 540px){.ks-banner-txt{top: 10px !important;}} .ks-banner-txt-sub{font-size: 24px; position: relative; display: inline-block;} @media (max-width: 768px){.ks-banner-txt-sub{font-size: 18px;}} .ks-banner-txt-sub:after{content: ''; position: absolute; width: 50%; height: 3px; bottom: 0; background: #656161; left: 0;} .ks-banner-txt-main{font-size: 50px; font-weight: 700; padding: 20px 0; line-height: 1.2;} @media (max-width: 768px){.ks-banner-txt-main{font-size: 30px;}} @media (max-width: 540px){.ks-banner-txt-main{font-size: 24px; padding: 10px 0;}} .ks-banner-txt .ks-btn-theme{margin-top: 24px;} .ks-banner-offer{display: none !important; position: absolute; background: #228399; width: 200px; height: 200px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 30px; right: 60px;} .ks-banner-offer span{display: block; width: 100%; text-align: center; font-size: 60px; line-height: 1;} .ks-furniture-deal{height: auto; padding-top: 3rem; padding-bottom: 3rem; border-radius: 0px; margin: 0; animation: moveupfull 0.6s ease-in-out forwards; opacity: 0;} .ks-furniture-deal:not(.no-animation) .heading{animation: moveright 0.4s ease-in-out 0.6s forwards; opacity: 0;} .ks-furniture-deal:not(.no-animation) .text-container{animation: moveright 0.4s ease-in-out 1s forwards; opacity: 0;} .ks-furniture-deal:not(.no-animation) .ks-btn-theme{animation: moveright 0.3s ease-in-out 1.3s forwards; opacity: 0;} .ks-dual-product{animation: moveupfull 0.6s ease-in-out forwards; opacity: 1;} .ks-dual-product:nth-child(2n){animation-delay: 0.3s;} .ks-dual-product .ks-product-about{overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} .ks-dual-product .ks-product-price{color: #0a0a0a; height: max-content; height: fit-content; color: #ffffff; display: -webkit-box; display: -webkit-flex; display: flex; margin-left: 10px;} @media (max-width: 575px){.ks-dual-product .ks-product-price{font-size: 14px; margin-bottom: 0; margin-left: 0; padding: 4px 10px;}} .ks-dual-product .ks-product-sub{font-weight: 300;} @media (min-width: 576px){.ks-dual-product .ks-product-img{padding: 16px;}} .ks-dual-product .ks-product-img img{transition: 0.3s ease-in-out;} .ks-dual-product .ks-product-name{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-align: left !important; height: auto;} @media (min-width: 1025px){.ks-dual-product:hover img{transform: translate(-20px);}} .ks-product-bredcrumb{background: #f7f7f7;} .ks-sliding-products.container{overflow: hidden;} @media (max-width: 1500px){.ks-sliding-products.container{max-width: 100%;}} .ks-sliding-products .ks-product-about{min-width: 300px; margin-left: 30px !important;} .ks-sliding-products .ks-product-about:after{content: ''; position: absolute; height: 3px; width: 50%; background: #717070; transition: 0.3s ease-in-out;} .ks-sliding-products .ks-product-about h2{color: #545252; text-shadow: 2px -4px 4px rgba(181, 173, 173, 0.63);} .ks-sliding-products .ks-product-about .ks-product-about-sub{color: #5a4c4c;} .ks-sliding-products .ks-product-set{-webkit-flex-wrap: nowrap; flex-wrap: nowrap; animation: moveleft 0.6s ease-in-out forwards; opacity: 0;} .ks-sliding-products .ks-product-set img{transition: 0.5s ease-in-out; transform: translateX(-40%); max-width: calc(100% - 300px); max-height: 300px; object-fit: contain;} @media (max-width: 540px){.ks-sliding-products .ks-product-set img{max-width: calc(100% - 40px);}} .ks-sliding-products .ks-product-set:hover img{transform: translateX(0);} .ks-sliding-products .ks-product-set:hover .ks-product-about:after{width: 100%;} @media (max-width: 540px){.ks-sliding-products .ks-product-set{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}} .ks-sliding-products .set-2{animation: moveright 0.6s ease-in-out forwards; opacity: 0;} .ks-sliding-products .set-2 img{transform: translateX(40%);} @media (min-width: 541px){.ks-sliding-products .set-2 img{margin-left: auto;}} .ks-sliding-products .set-2 .ks-product-about{margin-left: 0;} .ks-furniture-hero{min-height: 100px;} .ks-furniture-hero .carousel-indicators{-webkit-box-pack: start; justify-content: flex-start; margin-left: 60px; bottom: 10px;} @media (max-width: 990px){.ks-furniture-hero .carousel-indicators{bottom: 10px; -webkit-box-pack: end; justify-content: flex-end; margin-right: 60px;}} @media (max-width: 540px){.ks-furniture-hero .carousel-indicators{-webkit-box-pack: start; justify-content: flex-start; margin-left: 30px;}} .ks-furniture-hero .carousel-indicators li{background-color: rgba(165, 149, 149, 0.5);} .ks-furniture-hero .carousel-indicators .active{background: #383838;} .ks-furniture-hero .slide .carousel-item{min-height: auto !important; height: auto !important; background: #f7f7f7;} @media (max-width: 540px){.ks-furniture-hero .slide .carousel-item img{min-height: 200px; object-fit: cover; object-position: right; padding-top: 130px;}} .ks-furniture-hero .slide .carousel-item .ks-banner-txt-sub, .ks-furniture-hero .slide .carousel-item .ks-banner-txt-main, .ks-furniture-hero .slide .carousel-item .ks-btn-theme{opacity: 0;} .ks-furniture-hero .slide .carousel-item.active .ks-banner-txt-sub{animation: moveleft 0.6s ease-in-out forwards;} .ks-furniture-hero .slide .carousel-item.active .ks-banner-txt-main{animation: moveleft 0.6s ease-in-out 0.3s forwards;} .ks-furniture-hero .slide .carousel-item.active .ks-btn-theme{animation: moveleft 0.6s ease-in-out 0.6s forwards;} .ks-product-collection .ks-collection-view .ks-collection-main-text{color: #0a0a0a;} .ks-product-collection .ks-collection-view .ks-collection-item{background-position: bottom; border-radius: 25px;} @media (max-width: 990px){.ks-product-collection .ks-collection-view .ks-collection-item{background-blend-mode: inherit;}} .ks-product-collection .ks-collection-view > section{opacity: 0;} .ks-product-collection .ks-collection-view:not(.no-animation) > section:nth-child(1), .ks-product-collection .ks-collection-view:not(.no-animation) > section:nth-child(3){animation: moveleft 0.6s ease-in-out forwards;} .ks-product-collection .ks-collection-view:not(.no-animation) > section:nth-child(2), .ks-product-collection .ks-collection-view:not(.no-animation) > section:nth-child(4){animation: moveright 0.6s ease-in-out forwards;} .ks-product-collection .ks-collection-view:not(.no-animation) > section:nth-child(2), .ks-product-collection .ks-collection-view:not(.no-animation) > section:nth-child(3){animation-delay: 0.6s;} @media (max-width: 540px){.ks-furniture-exclusive h3{font-size: 18px;}} .snippet_featured_home_page, .ks_product_slider_multiple{border: none;} .ks-contact-head{margin-bottom: 60px;} .ks-contact-head + .container{margin-bottom: 30px;} .ks-contact-head .ks-bg-color{padding: 20px;} .ks_featured_home_page .product-card{width: calc(25% - 26px);} @media (max-width: 990px){.ks_featured_home_page .product-card{margin: 20px 5px 0 !important; width: calc(25% - 20px) !important;}} @media (max-width: 540px){.ks_featured_home_page .product-card{margin: 10px 5px !important; width: calc(50% - 10px) !important;}} @media (max-width: 990px){.ks_featured_home_page .nav-link{padding: 0;}} .ks-featured-product-grid .product-card{animation: moveupfull 0.5s ease-in-out forwards; opacity: 0;} .ks-featured-product-grid .product-card:nth-child(2){animation-delay: 0.2s;} .ks-featured-product-grid .product-card:nth-child(3){animation-delay: 0.3s;} .ks-featured-product-grid .product-card:nth-child(4){animation-delay: 0.4s;} .ks-featured-product-grid .product-card:nth-child(5){animation-delay: 0.5s;} .ks-featured-product-grid .product-card:nth-child(6){animation-delay: 0.6s;} .ks-featured-product-grid .product-card:nth-child(7){animation-delay: 0.7s;} .ks-featured-product-grid .product-card:nth-child(8){animation-delay: 0.8s;} .ks-featured-product-grid .product-card:nth-child(9){animation-delay: 0.9s;} .ks-featured-product-grid .product-card:nth-child(10){animation-delay: 1s;} .ks-featured-product-grid .product-card:nth-child(11){animation-delay: 1.1s;} .ks-featured-product-grid .product-card:nth-child(12){animation-delay: 1.2s;} .ks-featured-product-grid .product-card:nth-child(13){animation-delay: 1.3s;} .ks-featured-product-grid .product-card:nth-child(14){animation-delay: 1.4s;} .ks-featured-product-grid .product-card:nth-child(15){animation-delay: 1.5s;} .ks-featured-product-grid .product-card:nth-child(16){animation-delay: 1.6s;} .ks-featured-product-grid .product-card:nth-child(17){animation-delay: 1.7s;} .ks-featured-product-grid .product-card:nth-child(18){animation-delay: 1.8s;} .ks-featured-product-grid .product-card:nth-child(19){animation-delay: 1.9s;} .ks-featured-product-grid .product-card:nth-child(20){animation-delay: 2s;} .ks-featured-product-grid .product-card:nth-child(21){animation-delay: 2.1s;} .ks-deal-sales .limited-text{color: #228399; text-transform: uppercase; font-size: 16px; margin-bottom: 10px; font-weight: 600;} .ks-deal-sales .flip-clock-label{font-size: 1rem; font-weight: 600; color: #141f1e; margin-left: 64px;} @media (max-width: 575px){.ks-deal-sales .flip-clock-label{font-size: 10px !important; margin-left: 0px;}} .ks-deal-sales .ks_hour{margin-left: 116px;} .ks-deal-sales .ks_min{margin-left: 106px;} .ks-deal-sales .ks_sec{margin-left: 96px;} @media (max-width: 575px){.ks-deal-sales .flip-clock-divider{width: 11px; left: -2px;}} .ks-deal-sales .flip-clock-wrapper ul li a div div.inn{background: #228399; color: #fff; font-size: 60px;} .ks-deal-sales .ks-deal-text-outer{display: -webkit-box; display: -webkit-flex; display: flex;} @media (max-width: 575px){.ks-deal-sales .ks-deal-text-outer{max-width: 252px; z-index: 1; margin-bottom: -20px; position: relative; margin-left: auto; margin-right: auto;}.ks-deal-sales .ks-deal-text-outer .ks_hour{margin-left: 16px;}.ks-deal-sales .ks-deal-text-outer .ks_min{margin-left: 8px;}.ks-deal-sales .ks-deal-text-outer .ks_sec{margin-left: 15px;}} @media (max-width: 767px){.ks-deal-sales .flip-clock-wrapper{margin-top: 20px; margin-bottom: 10px; margin-left: 0px; height: 40px;}.ks-deal-sales .flip-clock-wrapper ul li{line-height: initial;}.ks-deal-sales .flip-clock-wrapper ul li a div div.inn{font-size: 16px; padding: 2px;}.ks-deal-sales .flip-clock-wrapper ul{width: 20px; height: 25px; line-height: initial; font-size: 16px; padding: 0px; margin: 3px;}.ks-deal-sales .flip-clock-divider{height: 45px;}.ks-deal-sales .flip-clock-dot.top{top: 7px;}.ks-deal-sales .flip-clock-dot.bottom{bottom: 20px;}.ks-deal-sales .flip-clock-label{right: -45px !important; width: 50px; text-align: center;}.ks-deal-sales .flip-clock-label{font-size: inherit;}.ks-deal-sales .flip-clock-dot{width: 5px; height: 5px;}} .carousel-content h2 .o_default_snippet_text{color: #0a0a0a;} .ks-pr-xxl-4 h1, .ks-pricing-4 .pricing-table .heading, .ks-heading-large, .blog_heading, .ks-pricing-large, .ks-product-name, .ks-book-txt-sub, .ks-banner-txt-main{color: #0a0a0a;} .our-team .team-title h5{color: #0a0a0a;} 

/* /ks_theme_kinetik/static/src/scss/imports/spacing.scss defined in bundle 'web.assets_frontend' */
 .ks-pr-3{padding-right: 16px;} @media (min-width: 1500px){.ks-pr-xxl-4{padding-right: 24px;}} 

/* /ks_theme_kinetik/static/src/scss/imports/helper.scss defined in bundle 'web.assets_frontend' */
 .semi-bold{font-weight: 600;} @media (max-width: 990px){.w-100-md{width: 100%;}} .ks-kinetik-blobs-left{bottom: 0; left: 0; height: 90%;} @media (max-width: 1024px){.ks-kinetik-blobs-left{width: 100%; display: -webkit-box; display: -webkit-flex; display: flex;}} .ks-kinetik-blobs-left img{height: 100%;} @media (max-width: 1024px){.ks-kinetik-blobs-left img{height: auto; margin-top: auto; width: 100%;}} .ks-kinetik-blobs-right{top: 0; right: 0; width: 30%;} .ks-kinetik-blobs-right img{width: 100%;} @media (max-width: 575px){.ks-kinetik-blobs{display: none;}} .ks-banner-txt2{position: absolute; bottom: 0; padding: 20px 50px; color: #141f1e !important;} @media (max-width: 575px){.ks-banner-txt2{top: 50%; left: 50%; transform: translate(-50%, -50%); bottom: auto; padding: 20px 30px; min-width: 80%; background: rgba(255, 255, 255, 0.82);}} .ks-banner-txt2 .ks-banner-txt-sub2{font-size: 24px; position: relative; display: inline-block;} @media (max-width: 575px){.ks-banner-txt2 .ks-banner-txt-sub2{font-size: 20px;}} .ks-banner-txt2 .ks-banner-txt-sub2:after{content: ''; position: absolute; width: 50%; height: 3px; bottom: 0; background: currentColor; left: 0;} .ks-banner-txt2 .ks-banner-txt-main2{font-size: 50px; font-weight: bold; padding-top: 20px; line-height: 1.3;} @media (max-width: 575px){.ks-banner-txt2 .ks-banner-txt-main2{font-size: 28px;}} .ks-banner-txt2 .ks-banner-txt-sub2, .ks-banner-txt2 .ks-banner-txt-main2, .ks-banner-txt2 .ks-slider-btn-outer{opacity: 0;} .ks-kinetik-slider .carousel-item.active .ks-banner-txt-sub2, .ks-kinetik-slider .carousel-item.active .ks-banner-txt-main2, .ks-kinetik-slider .carousel-item.active .ks-slider-btn-outer{animation: moveleft 0.6s ease-in-out forwards;} .ks-kinetik-slider .carousel-item.active .ks-banner-txt-main2{animation-delay: 0.3s;} .ks-kinetik-slider .carousel-item.active .ks-slider-btn-outer{animation-delay: 0.6s;} .ks-kinetik-slider .carousel.slide .carousel-inner .carousel-item{height: auto !important;} .ks-kinetik-slider .carousel.slide .carousel-inner .carousel-item > img{height: 90vh; object-fit: cover;} @media (max-width: 1024px){.ks-kinetik-slider .carousel.slide .carousel-inner .carousel-item > img{height: 60vh;}} @media (max-width: 575px){.ks-kinetik-slider .carousel.slide .carousel-inner .carousel-item > img{object-position: center; height: 80vh;}} .ks-kinetik-slider .carousel-indicators{right: 0; left: auto; margin-right: 100px;} @media (max-width: 1024px) and (min-width: 576px){.ks-kinetik-slider .carousel-indicators{display: none;}} 

/* /ks_theme_kinetik/static/src/dynamic-snippet-scss/ks_blog.scss defined in bundle 'web.assets_frontend' */
 .ks-blog .ks-block-height{min-height: 100%;} .ks-blog .blog__card{min-height: 100%;} .ks-blog .blog__card .read_blog{color: #228399; text-align: left;} .ks-blog .blog__card .read_blog:hover{color: #0a0a0a;} .ks-blog .blog__card .blog-m-h{overflow: hidden;} @media (max-width: 768px){.ks-blog .blog__card{height: 100%;}} .ks-blog-v2 .ks-block-height{min-height: 100%;} .ks-blog-v2 .blog__card{min-height: 100%; padding: 0px !important;} .ks-blog-v2 .blog__card .read_blog{color: #dc3545;} .ks-blog-v2 .blog__card .read_blog:hover{color: #0a0a0a;} .ks-blog-v2 .blog__card .blog-m-h{position: relative; overflow: hidden;} .ks-blog-v2 .blog__card .blog-m-h .blog_date{position: absolute; background: rgba(0, 0, 0, 0.6); bottom: 0; right: 0; padding: 3px 12px; font-weight: 400; font-size: 16px;} @media (max-width: 768px){.ks-blog-v2 .blog__card{height: 100%;}} .ks-blog-v2 .blog__card .blog_heading{text-align: center;} .ks-blog-v2 .blog__card .blog-sub-heading{display: none;} .ks-blog-v2 .blog__card .blog_text{display: none;} .ks-blog-v2 .blog__card .read-center{text-align: center; margin-bottom: 16px;} .ks-slider-block .ks-block-height{min-height: 100%;} .ks-slider-block .blog__card{min-height: 100%; width: 100%; margin-bottom: 20px;} .ks-slider-block .blog__card .read_blog{color: #228399;} .ks-slider-block .blog__card .read_blog:hover{color: #0a0a0a;} .ks-slider-block .blog__card .blog-m-h{overflow: hidden;} @media (max-width: 768px){.ks-slider-block .blog__card{height: 100%;}} 

/* /ks_theme_kinetik/static/src/dynamic-snippet-scss/ks_list_blog.scss defined in bundle 'web.assets_frontend' */
 .ks-list-block-container{background-color: #f6f7fb; padding: 18px 0;} .ks-list-block-container .ks-list-block{max-width: 1400px; margin: 0 auto;} .ks-list-block-container .ks-list-block .owl-stage-outer{padding: 15px 0px 45px 0px; position: relative; z-index: 10;} .ks-list-block-container .ks-list-block .owl-item{justify-content: center; display: -webkit-box; display: -webkit-flex; display: flex;} .ks-list-block-container .ks-list-block .ks-list-block-item{border-radius: 15px; background: white; box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.2); width: 100%; height: 100%; position: relative; overflow: hidden; margin: 0 5px; transition: all 0.5s;} .ks-list-block-container .ks-list-block .ks-list-block-item:hover{box-shadow: 0 19px 38px rgba(0, 0, 0, 0.15), 0 15px 12px rgba(0, 0, 0, 0.08);} .ks-list-block-container .ks-list-block .ks-list-block-item:hover .ks-blogs-middle img{transform: scale(1.1);} .ks-list-block-container .ks-list-block .ks-list-block-item .ks-block-top{min-height: 60px;} .ks-list-block-container .ks-list-block .ks-list-block-item .ks-block-top .ks-blogs-user-image, .ks-list-block-container .ks-list-block .ks-list-block-item .ks-block-top .ks-blogs-user-name{height: 44px; max-width: 44px; width: 100%; border-radius: 50%; overflow: hidden; background-color: #228399;} .ks-list-block-container .ks-list-block .ks-list-block-item .ks-block-top .ks-blogs-user-name > h3{font-size: 20px; text-align: center; line-height: 44px; color: #fff;} .ks-list-block-container .ks-list-block .ks-list-block-item .ks-block-top .ks-ks-user-name{font-size: 16px; font-weight: 600; color: #000; width: calc(100% - 50px); word-break: break-all; text-align: left;} .ks-list-block-container .ks-list-block .ks-list-block-item .ks-block-top .current-month{font-size: 14px;} .ks-list-block-container .ks-list-block .ks-list-block-item .ks-blogs-middle{height: 200px; overflow: hidden;} .ks-list-block-container .ks-list-block .ks-list-block-item .ks-blogs-middle img{transform: scale(1); transition: all 0.5s;} .ks-list-block-container .ks-list-block .ks-list-block-item .ks-block-top, .ks-list-block-container .ks-list-block .ks-list-block-item .ks-blogs-bottom{padding: 12px; text-align: left;} .ks-list-block-container .ks-list-block .ks-list-block-item .ks-blogs-bottom > h5{font-size: 16px;} .ks-list-block-container .ks-list-block .ks-list-block-item .ks-blogs-bottom .ks-blog-info{color: #656464; font-size: 14px;} .ks-list-block-container .ks-list-block .ks-blog-read{height: 38px; width: 38px; padding: 0; line-height: 38px; text-align: center; border-radius: 50%;} .ks-list-block-container .ks-list-block .ks-blog-read > i{font-size: 20px;} .ks-list-block-container .ks-list-block .ks-blog-read-v2{height: 28px; width: 28px; padding: 0; line-height: 28px; text-align: center; border-radius: 50%; font-size: 14px; margin-left: 10px;} .ks-list-block-container .ks-list-block .ks-blog-read-v2 > i{font-size: 18px;} .ks-list-block-container .image-fluid{width: 100%; height: 100%; object-fit: cover;} .theme__heading, #oe_structure_website_crm_contact_us_thanks_1 + .container h1, #oe_structure_website_sale_comparison_product_compare_1 + .container h3:not(.popover-header), #oe_structure_website_blog_latest_blogs_1 ~ .container .col-lg-12.text-center > h1, .js_blog.website_blog .container .col-lg-12.mb32.mt16.text-center h1{letter-spacing: 1.03px; font-weight: 600; text-transform: uppercase; text-align: center; position: relative; margin: auto; font-size: 30px; text-shadow: 1px 4px 2px rgba(0, 0, 0, 0.12); padding-bottom: 20px;} .theme__heading::before, #oe_structure_website_crm_contact_us_thanks_1 + .container h1::before, #oe_structure_website_sale_comparison_product_compare_1 + .container h3:not(.popover-header)::before, #oe_structure_website_blog_latest_blogs_1 ~ .container .col-lg-12.text-center > h1::before, .js_blog.website_blog .container .col-lg-12.mb32.mt16.text-center h1::before{content: ''; position: absolute; width: 100px; height: 3px; background: #228399; bottom: 8px; left: calc(50% - 50px); box-shadow: 1px 7px 7px 0px rgba(0, 0, 0, 0.27);} .theme__heading:after, #oe_structure_website_crm_contact_us_thanks_1 + .container h1:after, #oe_structure_website_sale_comparison_product_compare_1 + .container h3:not(.popover-header):after, #oe_structure_website_blog_latest_blogs_1 ~ .container .col-lg-12.text-center > h1:after, .js_blog.website_blog .container .col-lg-12.mb32.mt16.text-center h1:after{content: ''; position: absolute; width: 20px; height: 8px; background: #228399; bottom: 5px; left: calc(50% - 10px); border-radius: 3px; box-shadow: 1px 7px 7px rgba(0, 0, 0, 0.1);} .theme-blog-btn{background: #228399; color: #ffffff; border-radius: 0px; padding: 6px 20px; transition: 0.3s ease-in-out; transform: scale(1);} .theme-blog-btn:hover{transform: scale(1.1); color: #ffffff;} .theme-blog-btn-2{font-size: 14px; font-weight: 600; color: #228399; letter-spacing: 1px; position: relative; padding: 4px 8px;} .theme-blog-btn-2:after, .theme-blog-btn-2::before{content: ''; position: absolute; height: 2px; width: 0px; background: #228399; top: 50%; transform: translateY(-50%); transition: all 0.4s;} .theme-blog-btn-2:after{right: -6px;} .theme-blog-btn-2::before{left: -6px;} .theme-blog-btn-2:hover{text-decoration: none; color: #228399;} .theme-blog-btn-2:hover:after, .theme-blog-btn-2:hover::before{width: 12px;} .ks-blogs-bottom .ks-ks-user-name{color: #000; padding-bottom: 5px; padding-top: 10px;} .ks-blog-button{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-around; align-items: center;} .ks-blog-button .ks-blog-button{margin-left: auto;} .ks-blog-button .text-muted{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .ks-blog-button .text-muted .fa-tags{margin-right: 5px;} .ks-blog-button .text-muted a.badge.badge-primary{display: inline-block; font-size: 11px; font-weight: 400; background: transparent; color: #000; border: 1px solid #ccc; line-height: 23px; height: 25px; margin: 5px 2px; border-radius: 20px;} 

/* /ks_theme_kinetik/static/src/lib/spectrum/spectrum.css defined in bundle 'web.assets_frontend' */
.sp-container{position:absolute;top:0;left:0;display:inline-block;*display:inline;*zoom:1;z-index:9999994;overflow:hidden} .sp-container.sp-flat{position:relative} .sp-container,.sp-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} .sp-top{position:relative;width:100%;display:inline-block} .sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0} .sp-color{position:absolute;top:0;left:0;bottom:0;right:20%} .sp-hue{position:absolute;top:0;right:0;bottom:0;left:84%;height:100%} .sp-clear-enabled .sp-hue{top:33px;height:77.5%} .sp-fill{padding-top:80%} .sp-sat,.sp-val{position:absolute;top:0;left:0;right:0;bottom:0} .sp-alpha-enabled .sp-top{margin-bottom:18px} .sp-alpha-enabled .sp-alpha{display:block} .sp-alpha-handle{position:absolute;top:-4px;bottom:-4px;width:6px;left:50%;cursor:pointer;border:1px solid black;background:white;opacity:.8} .sp-alpha{display:none;position:absolute;bottom:-14px;right:0;left:0;height:8px} .sp-alpha-inner{border:solid 1px #333} .sp-clear{display:none} .sp-clear.sp-clear-display{background-position:center} .sp-clear-enabled .sp-clear{display:block;position:absolute;top:0;right:0;bottom:0;left:84%;height:28px} .sp-container,.sp-replacer,.sp-preview,.sp-dragger,.sp-slider,.sp-alpha,.sp-clear,.sp-alpha-handle,.sp-container.sp-dragging .sp-input,.sp-container button{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none} .sp-container.sp-input-disabled .sp-input-container{display:none} .sp-container.sp-buttons-disabled .sp-button-container{display:none} .sp-container.sp-palette-buttons-disabled .sp-palette-button-container{display:none} .sp-palette-only .sp-picker-container{display:none} .sp-palette-disabled .sp-palette-container{display:none} .sp-initial-disabled .sp-initial{display:none} .sp-sat{background-image:-webkit-gradient(linear,0 0,100% 0,from(#FFF),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(left,#FFF,rgba(204,154,129,0));background-image:-moz-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-o-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-ms-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:linear-gradient(to right,#fff,rgba(204,154,129,0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";filter:progid:DXImageTransform.Microsoft.gradient(GradientType = 1,startColorstr='#FFFFFFFF',endColorstr='#00CC9A81')} .sp-val{background-image:-webkit-gradient(linear,0 100%,0 0,from(#000),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-moz-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-o-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-ms-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:linear-gradient(to top,#000,rgba(204,154,129,0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81',endColorstr='#FF000000')} .sp-hue{background:-moz-linear-gradient(top,#f00 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);background:-ms-linear-gradient(top,#f00 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);background:-o-linear-gradient(top,#f00 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);background:-webkit-gradient(linear,left top,left bottom,from(#f00),color-stop(0.17,#ff0),color-stop(0.33,#0f0),color-stop(0.5,#0ff),color-stop(0.67,#00f),color-stop(0.83,#f0f),to(#f00));background:-webkit-linear-gradient(top,#f00 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);background:linear-gradient(to bottom,#f00 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%)} .sp-1{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000',endColorstr='#ffff00')} .sp-2{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00',endColorstr='#00ff00')} .sp-3{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00',endColorstr='#00ffff')} .sp-4{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff',endColorstr='#0000ff')} .sp-5{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff',endColorstr='#ff00ff')} .sp-6{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff',endColorstr='#ff0000')} .sp-hidden{display:none !important} .sp-cf:before,.sp-cf:after{content:"";display:table} .sp-cf:after{clear:both} .sp-cf{*zoom:1} @media(max-device-width:480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}} .sp-dragger{border-radius:5px;height:5px;width:5px;border:1px solid #fff;background:#000;cursor:pointer;position:absolute;top:0;left:0} .sp-slider{position:absolute;top:0;cursor:pointer;height:3px;left:-1px;right:-1px;border:1px solid #000;background:white;opacity:.8} .sp-container{border-radius:0;background-color:#ececec;border:solid 1px #f0c49b;padding:0} .sp-container,.sp-container button,.sp-container input,.sp-color,.sp-hue,.sp-clear{font:normal 12px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box} .sp-top{margin-bottom:3px} .sp-color,.sp-hue,.sp-clear{border:solid 1px #666} .sp-input-container{float:right;width:100px;margin-bottom:4px} .sp-initial-disabled .sp-input-container{width:100%} .sp-input{font-size:12px !important;border:1px inset;padding:4px 5px;margin:0;width:100%;background:transparent;border-radius:3px;color:#222} .sp-input:focus{border:1px solid orange} .sp-input.sp-validation-error{border:1px solid red;background:#fdd} .sp-picker-container,.sp-palette-container{float:left;position:relative;padding:10px;padding-bottom:300px;margin-bottom:-290px} .sp-picker-container{width:172px;border-left:solid 1px #fff} .sp-palette-container{border-right:solid 1px #ccc} .sp-palette-only .sp-palette-container{border:0} .sp-palette .sp-thumb-el{display:block;position:relative;float:left;width:24px;height:15px;margin:3px;cursor:pointer;border:solid 2px transparent} .sp-palette .sp-thumb-el:hover,.sp-palette .sp-thumb-el.sp-thumb-active{border-color:orange} .sp-thumb-el{position:relative} .sp-initial{float:left;border:solid 1px #333} .sp-initial span{width:30px;height:25px;border:0;display:block;float:left;margin:0} .sp-initial .sp-clear-display{background-position:center} .sp-palette-button-container,.sp-button-container{float:right} .sp-replacer{margin:0;overflow:hidden;cursor:pointer;padding:4px;display:inline-block;*zoom:1;*display:inline;border:solid 1px #91765d;background:#eee;color:#333;vertical-align:middle} .sp-replacer:hover,.sp-replacer.sp-active{border-color:#f0c49b;color:#111} .sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver} .sp-dd{padding:2px 0;height:16px;line-height:16px;float:left;font-size:10px} .sp-preview{position:relative;width:25px;height:20px;border:solid 1px #222;margin-right:5px;float:left;z-index:0} .sp-palette{*width:220px;max-width:220px} .sp-palette .sp-thumb-el{width:16px;height:16px;margin:2px 1px;border:solid 1px #d0d0d0} .sp-container{padding-bottom:0} .sp-container button{background-color:#eee;background-image:-webkit-linear-gradient(top,#eee,#ccc);background-image:-moz-linear-gradient(top,#eee,#ccc);background-image:-ms-linear-gradient(top,#eee,#ccc);background-image:-o-linear-gradient(top,#eee,#ccc);background-image:linear-gradient(to bottom,#eee,#ccc);border:1px solid #ccc;border-bottom:1px solid #bbb;border-radius:3px;color:#333;font-size:14px;line-height:1;padding:5px 4px;text-align:center;text-shadow:0 1px 0 #eee;vertical-align:middle} .sp-container button:hover{background-color:#ddd;background-image:-webkit-linear-gradient(top,#ddd,#bbb);background-image:-moz-linear-gradient(top,#ddd,#bbb);background-image:-ms-linear-gradient(top,#ddd,#bbb);background-image:-o-linear-gradient(top,#ddd,#bbb);background-image:linear-gradient(to bottom,#ddd,#bbb);border:1px solid #bbb;border-bottom:1px solid #999;cursor:pointer;text-shadow:0 1px 0 #ddd} .sp-container button:active{border:1px solid #aaa;border-bottom:1px solid #888;-webkit-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-moz-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-ms-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-o-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee} .sp-cancel{font-size:11px;color:#d93f3f !important;margin:0;padding:2px;margin-right:5px;vertical-align:middle;text-decoration:none} .sp-cancel:hover{color:#d93f3f !important;text-decoration:underline} .sp-palette span:hover,.sp-palette span.sp-thumb-active{border-color:#000} .sp-preview,.sp-alpha,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)} .sp-preview-inner,.sp-alpha-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0} .sp-palette .sp-thumb-inner{background-position:50% 50%;background-repeat:no-repeat} .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)} .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)} .sp-clear-display{background-repeat:no-repeat;background-position:center;background-image:url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==)} 

/* /ks_theme_kinetik/static/src/css/scss/headers/header-1.scss defined in bundle 'web.assets_frontend' */
 .ks-header-1 #top_menu_collapse{width: 100%;} .ks-header-1 .container{-webkit-flex-wrap: wrap; flex-wrap: wrap; position: relative;} @media (min-width: 991px){.ks-header-1 .navbar-brand{margin: -80px auto 10px;}} .ks-header-1 .navbar-brand img{width: auto !important; height: 60px !important; object-fit: contain;} .ks-header-1-container .container{max-width: 1400px; padding: 0px;} @media (min-width: 991px){.ks-header-1 .mega_submenu{padding-top: 7px;}.ks-header-1 .ks_not_mega_menu{box-shadow: none !important; padding: 0px 7px !important; background: transparent; top: 0;}.ks-header-1 .ks_not_mega_menu li{background: white; box-shadow: 0px 13px 12px 1px rgba(0, 0, 0, 0.45);}.ks-header-1 .ks_not_mega_menu li:first-child{margin-top: 30px; padding-top: 10px;}.ks-header-1 .ks_not_mega_menu li:last-child{padding-bottom: 10px;}} .ks-header-1-topmost{z-index: 1030;} @media (min-width: 991px){.ks-header-1-topmost .search_container > form{padding: 10px 0;}} .ks-header-1 #top_menu > .nav-item > .dropdown-menu{background: transparent;} .affixed .ks-header-1 .navbar-brand{margin: 0;} .affixed .ks-header-1 .navbar-brand img{height: auto !important;} @media (min-width: 991px){.affixed .ks-header-1 .navbar-brand{display: none;}} .affixed .ks-header-1 #top_menu .nav-item{margin-bottom: 0;} .ks-header-1-topmost > .col-sm-6.col-10{padding: 0;} .ks-header-1-topmost .ks-header-3-search{padding: 0;} @media (max-width: 990px){.ks-header-1-topmost .ks-header-3-search{transform: translateX(12px); z-index: 10;}} .ks-header-1-topmost .ks-header-3-search .search-query{margin-right: 0;} .ks-header-1-topmost .ks-header-3-search .oe_search_button{right: 12px !important;} @media (max-width: 990px){.ks-header-1-topmost + .o_affix_disabled .ks-header-1-container, .ks-header-1-topmost + .o_affix_enabled .ks-header-1-container{width: 100%; margin: auto; padding: 0 20px 10px !important; box-shadow: none;}.ks-header-1-topmost + .o_affix_disabled .navbar-toggler, .ks-header-1-topmost + .o_affix_enabled .navbar-toggler{padding-right: 0;}} 

/* /ks_theme_kinetik/static/src/css/scss/headers/header-3.scss defined in bundle 'web.assets_frontend' */
 .ks-header-3{position: relative;} .ks-header-3 > .border-bottom{position: relative; z-index: 1030;} .ks-header-3 > .container-lg{position: relative; z-index: 1020;} @media (max-width: 990px){.ks-header-3 > .container-lg{padding: 0;}} .ks-header-3 + .o_affix_disabled, .ks-header-3 + .o_affix_enabled{z-index: 1010;} .ks-header-3 .ks_mycart{position: relative; z-index: 10;} .ks-header-3 .search_container .easy-autocomplete{width: auto !important;} .ks-header-3 .search_container input{width: 350px; height: 45px; background: #f7f7f7; max-width: 100%;} @media (max-width: 540px){.ks-header-3 .search_container input{width: 280px;}} .ks-header-3 .search_container button.btn.oe_search_button{position: absolute; font-size: 24px; right: 12px; background: transparent; padding: 0; line-height: 1; top: 8px; z-index: 101;} @media (max-width: 540px){.ks-header-3 .search_container button.btn.oe_search_button{right: 15px;}} @media (max-width: 575px){.ks-header-3 .search_container{padding-right: 0 !important;}} .ks-header-3 #my_cart_2 .ml-4{margin-left: 0 !important; font-size: 24px;} .ks-header-3 .badge{top: -4px; right: -12px;} .ks-header-3 #my_wish{margin: 0 40px;} .ks-header-3 #my_wish .nav-link{position: relative; padding: 0;} .ks-header-3 .top__links, .ks-header-3 #top-nav li, #top-nav .ks-header-3 li{min-height: 35px;} .ks-header-3 .top__links > a, .ks-header-3 #top-nav li > a, #top-nav .ks-header-3 li > a{color: #0a0a0a !important; display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; justify-content: center; height: 100%; align-items: center;} .ks-header-3 .top__links > .js_language_selector, .ks-header-3 #top-nav li > .js_language_selector, #top-nav .ks-header-3 li > .js_language_selector{height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;} .ks-header-3-main{position: relative; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15); margin-top: 0; z-index: 2;} .ks-header-3-main #my_cart{display: none;} @media (min-width: 990px){.ks-header-3-main #top_menu > li.nav-item > a{position: relative; padding-left: 15px; padding-right: 15px; transition: color ease-in-out 0.3s;}.ks-header-3-main #top_menu > li.nav-item > a span{position: relative; z-index: 1;}.ks-header-3-main #top_menu > li.nav-item > a::before{content: ''; width: 0%; height: 100%; background: #228399; border-radius: 4px; position: absolute; left: 0px; top: 0px; transition: width ease-in-out 0.3s;}.ks-header-3-main #top_menu > li.nav-item > a.active{color: #fff; transition: color ease-in-out 0.3s;}.ks-header-3-main #top_menu > li.nav-item > a.active::before{width: 100%;}.ks-header-3-main #top_menu > li.nav-item > a .dropdown-toggle::after{position: relative; z-index: 2;}.ks-header-3-main #top_menu > li.nav-item:hover > a{color: #fff; transition: color ease-in-out 0.3s;}.ks-header-3-main #top_menu > li.nav-item:hover > a::before{width: 100%;}} @media (max-width: 990px){.ks-header-3-main .navbar-collapse #top_menu{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; text-align: left !important; background: #fff; padding: 10px 0 0;}} @media (min-width: 768px){.ks-header-3-main #top_menu_collapse #top_menu, .ks-header-3-main #top_menu_collapse_clone #top_menu{margin: auto !important; min-width: 100%; justify-content: space-between;}} @media (min-width: 991px){.ks-header-3-main #top_menu_collapse #top_menu .ks_not_mega_menu, .ks-header-3-main #top_menu_collapse_clone #top_menu .ks_not_mega_menu{margin-left: -8px; margin-top: 0;}} @media (max-width: 990px){.ks-header-3-main{padding: 0 20px 10px 20px !important;}} @media (max-width: 575px){.ks-header-3-main{padding: 0 10px 10px 20px !important;}} @media (max-width: 768px){.ks-header-3-search input{width: 300px; transform: scaleX(0); transition: 0.3s ease; transform-origin: right; position: relative; z-index: 100;}} @media (max-width: 575px){.ks-header-3-search .ks-adjust-on-mobile{margin-right: -10px;}} .ks-header-3 .col-xl-4.col-md-6{padding: 0;} .ks-header-3 .js_usermenu{margin-left: -25px !important; z-index: 1000;} .ks-header-3 .ks_top_menu a.dropdown-toggle{color: #0a0a0a !important;} @media (max-width: 990px){.ks-header-3-topmost > .container-lg{padding: 0 20px;}} @media (max-width: 575px){.ks-header-3-topmost .ks_mycart{margin-left: 0;}} .ks-header-3-main #top_menu_collapse .nav-item .dropdown-menu .submenu__inner, .ks-header-3-main #top_menu_collapse_clone .nav-item .dropdown-menu .submenu__inner{margin-top: -17px;} @media (max-width: 990px){.ks-header-3-main #top_menu_collapse .nav-item .dropdown-menu .mega_submenu, .ks-header-3-main #top_menu_collapse_clone .nav-item .dropdown-menu .mega_submenu{overflow: hidden;}.ks-header-3-main #top_menu_collapse .nav-item .dropdown-menu .submenu__inner, .ks-header-3-main #top_menu_collapse_clone .nav-item .dropdown-menu .submenu__inner{margin-top: 0;}} .ks-header-3-main .navbar-toggler{margin-top: 0;} .ks-header-3-menu-inside #top_menu{justify-content: center !important;} .ks-header-3-menu-inside #top_menu > .nav-item{margin: 0 10px;} @media (max-width: 990px){.ks-header-3-menu-inside #top_menu > .nav-item{margin: 0 2px;}} .ks-header-3-menu-inside .navbar-brand img{height: 50px !important;} @media (min-width: 991px){.ks-header-3-menu-inside #top_menu_collapse .nav-item .dropdown-menu.ks_not_mega_menu, .ks-header-3-menu-inside #top_menu_collapse_clone .nav-item .dropdown-menu.ks_not_mega_menu{box-shadow: none !important; padding: 0px 7px !important; background: transparent; top: 0 !important;}.ks-header-3-menu-inside #top_menu_collapse .nav-item .dropdown-menu.ks_not_mega_menu li, .ks-header-3-menu-inside #top_menu_collapse_clone .nav-item .dropdown-menu.ks_not_mega_menu li{background: white; box-shadow: 0px 13px 12px 1px rgba(0, 0, 0, 0.45);}.ks-header-3-menu-inside #top_menu_collapse .nav-item .dropdown-menu.ks_not_mega_menu li:first-child, .ks-header-3-menu-inside #top_menu_collapse_clone .nav-item .dropdown-menu.ks_not_mega_menu li:first-child{margin-top: 26px; padding-top: 10px;}.ks-header-3-menu-inside #top_menu_collapse .nav-item .dropdown-menu.ks_not_mega_menu li:last-child, .ks-header-3-menu-inside #top_menu_collapse_clone .nav-item .dropdown-menu.ks_not_mega_menu li:last-child{padding-bottom: 10px;}} .ks-header-3-menu-inside .container{padding: 0;} header.o_header_affix.affix.affixed .ks-header-3-main{background: #fff; padding-top: 10px !important;} @media (min-width: 991px){header.o_header_affix.affix.affixed .ks-header-3-main .nav-item{margin-bottom: 6px;}} @media (max-width: 1200px){.ks-header-3-topmost + .o_affix_disabled .container, .ks-header-3-topmost + .o_affix_enabled .container{max-width: 90%;}} @media (max-width: 990px){.ks-header-3-topmost + .o_affix_disabled .container, .ks-header-3-topmost + .o_affix_enabled .container{max-width: 100%;}} @media (max-width: 575px){.ks-header-3-topmost + .o_affix_disabled .container, .ks-header-3-topmost + .o_affix_enabled .container{max-width: 100%;}} .ks-header-3-topmost label.dropdown-toggle{color: #0a0a0a;} @media (max-width: 575px){.ks-header-3-topmost > .border-bottom{display: none;}} @media (max-width: 575px){.ks-header-3-topmost > .border-bottom{display: none;}} 

/* /ks_theme_kinetik/static/src/css/scss/headers/header-2.scss defined in bundle 'web.assets_frontend' */
 .ks-header-2-top{background: #141f1e; position: relative;} .ks-header-2-top #top-nav > li{order: -1; border-right: none;} .ks-header-2-top #top-nav > li > .col > a{color: #ffffff !important;} .ks-header-2-top .top__links, .ks-header-2-top #top-nav li, #top-nav .ks-header-2-top li{order: 1 !important;} .ks-header-2-top .top__links.lang_dropdown, .ks-header-2-top #top-nav li.lang_dropdown, #top-nav .ks-header-2-top li.lang_dropdown{order: 0 !important; margin-right: 0 !important;} .ks-header-2-top .top__links a:not(.dropdown-item), .ks-header-2-top #top-nav li a:not(.dropdown-item), #top-nav .ks-header-2-top li a:not(.dropdown-item), .ks-header-2-top .top__links label, .ks-header-2-top #top-nav li label, #top-nav .ks-header-2-top li label{color: #ffffff !important;} @media (max-width: 540px){.ks-header-2-top #top-nav .lang_dropdown .dropdown-menu{width: auto; border: 1px solid rgba(0, 0, 0, 0.15) !important;}} .ks-header-2-top .top__links > a, .ks-header-2-top #top-nav li > a, #top-nav .ks-header-2-top li > a{display: -webkit-box; display: -webkit-flex; display: flex; height: 100%; width: 100%; justify-content: center; align-items: center;} .ks-header-2-top .top__links > .js_language_selector, .ks-header-2-top #top-nav li > .js_language_selector, #top-nav .ks-header-2-top li > .js_language_selector{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center;} @media (max-width: 990px){.ks-header-2 .remove_after_content{padding: 0;}.ks-header-2 .ks-header-2-menu-icon{padding: 6px 0; z-index: 1;}} .ks-header-2 .search_container{margin: 8px 0;} .ks-header-2 .search_container .easy-autocomplete{width: auto !important;} .ks-header-2 .search_container input{width: 350px; height: 45px; background: #f7f7f7; margin-right: 10px; max-width: 100%;} .ks-header-2 .search_container button.btn.oe_search_button{position: absolute; font-size: 24px; right: 21px; background: transparent; padding: 0; line-height: 1; top: 8px; z-index: 101;} @media (max-width: 990px){.ks-header-2 .search_container button.btn.oe_search_button{right: 12px;}} .ks-header-2 #my_cart_2 .ml-4{margin-left: 0 !important; margin-top: -1px; font-size: 24px;} .ks-header-2 .badge{top: -6px; right: -14px;} .ks-header-2 #my_wish{margin: 0 40px;} @media (max-width: 360px){.ks-header-2 #my_wish{margin: 0 20px;}} .ks-header-2 #my_wish .nav-link{position: relative; padding: 0;} .ks-header-2 #my_wish .badge{top: -4px;} .ks-header-2 .ks-search-container-2{position: relative; z-index: 99;} .ks-header-2 .ks-search-container-2 .oe_search_button{right: auto; left: 313px;} @media (max-width: 768px){.ks-header-2 .ks-search-container-2 .oe_search_button{left: auto; right: 0;}} @media (max-width: 540px){.ks-header-2 .ks-search-container-2 .oe_search_button{right: 10px;}} @media (max-width: 768px){.ks-header-2 .ks-search-container-2 input{width: 300px; transform: scaleX(0); transition: 0.3s ease; transform-origin: right; margin-right: -15px;}} .ks-header-2-top-social{font-size: 18px;} .ks-header-2-top-social a{color: #ffffff;} .ks-header-2-menu-icon{position: relative; z-index: 1000;} @media (max-width: 990px){.ks-header-2-menu-icon{padding: 5px 20px;}} .ks-header-2-menu-icon .js_usermenu{left: auto !important; right: auto;} .ks-header-2-main #top_menu{margin: auto !important; min-width: 100%; justify-content: center;} .ks-header-2-main #top_menu_collapse .nav-item .dropdown-menu{top: auto !important; transform: none !important;} @media (max-width: 990px){.ks-header-2-main.header-4-main #top_menu{padding-bottom: 10px;}.ks-header-2-main.header-4-main #top_menu .submenu_lvl_1{margin-top: 10px;}.ks-header-2-main.header-4-main .ks-search-container-2{z-index: 101;}.ks-header-2-main.header-4-main .navbar-toggler{z-index: 80;}} @media (max-width: 990px){.ks-header-2-main{position: absolute; right: 0; margin-top: -32px; width: 100%; text-align: right; padding: 4px 0;}.ks-header-2-main .container{max-width: 100%; padding: 0 20px;}.ks-header-2-main .navbar-toggler{margin-top: 0; padding: 4px 0;}} @media (max-width: 990px) and (max-width: 330px){.ks-header-2-main .navbar-toggler{margin-right: 0px;}} @media (max-width: 990px){.ks-header-2-main .navbar-collapse{margin-bottom: -4px;}.ks-header-2-main .navbar-collapse #top_menu{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; text-align: left; margin-top: 12px; background: #fff; box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); position: relative; z-index: 10; padding-bottom: 10px;}.ks-header-2-main .navbar-collapse #top_menu li{width: 100% !important;}.ks-header-2-main .navbar-collapse #top_menu .submenu_link_item img{display: none;}} @media (min-width: 991px){.ks-header-2-main #top_menu_collapse .nav-item .dropdown-menu.ks_not_mega_menu, .ks-header-2-main #top_menu_collapse_clone .nav-item .dropdown-menu.ks_not_mega_menu{box-shadow: none !important; padding: 0px 7px !important; background: transparent; top: 0 !important;}.ks-header-2-main #top_menu_collapse .nav-item .dropdown-menu.ks_not_mega_menu li, .ks-header-2-main #top_menu_collapse_clone .nav-item .dropdown-menu.ks_not_mega_menu li{background: white; box-shadow: 0px 13px 12px 1px rgba(0, 0, 0, 0.45);}.ks-header-2-main #top_menu_collapse .nav-item .dropdown-menu.ks_not_mega_menu li:first-child, .ks-header-2-main #top_menu_collapse_clone .nav-item .dropdown-menu.ks_not_mega_menu li:first-child{margin-top: 23px; padding-top: 10px;}.ks-header-2-main #top_menu_collapse .nav-item .dropdown-menu.ks_not_mega_menu li:last-child, .ks-header-2-main #top_menu_collapse_clone .nav-item .dropdown-menu.ks_not_mega_menu li:last-child{padding-bottom: 10px;}} .ks-header-2 ~ main .ks-furniture-hero .carousel-inner{max-height: calc(90vh - 150px);} @media (min-width: 991px){.ks-header-2 .search_container:not(.ks-search-container-7){justify-content: center !important;}} @media (min-width: 991px) and (max-width: 1200px){.ks-header-2 .search_container{flex: 0 0 50%; max-width: 50%;}.ks-header-2-menu-icon:not(.ks-header-7-menu-icon){flex: 0 0 25%; max-width: 25%;}.ks-header-2-menu-icon:not(.ks-header-7-menu-icon) span.d-none.d-sm-inline{display: none !important;}.ks-header-2-menu-icon:not(.ks-header-7-menu-icon) > div{padding: 0;}} .ks-header-2-topmost .ks_top_menu .dropdown-menu{z-index: 1050;} .ks-header-2-topmost .col-xl-4.col-lg-3.col-6{padding: 0; align-items: center; display: -webkit-box; display: -webkit-flex; display: flex;} .ks-header-2-topmost .ks-header-2-menu-icon{padding: 0;} @media (max-width: 990px){.ks-header-2-topmost .ks-header-2-menu-icon{z-index: 1040; max-width: calc(100% - 60px); margin-top: 10px;}.ks-header-2-topmost + .o_affix_disabled .ks-header-2-main, .ks-header-2-topmost + .o_affix_enabled .ks-header-2-main{background: white;}.ks-header-2-topmost .row.container-lg.m-auto .search_container.ks-search-position form{margin-right: -25px;}} .ks-header-2-topmost #my_wish{padding-top: 3px;} .ks-header-2-topmost #my_wish .my_wish_quantity{top: -7px;} .ks-header-2-top-inside ul{margin: 6px 0;} .ks-header-2-top-inside .ks-header-2-top-social{text-align: right;} @media (max-width: 768px){.ks-header-2-top-inside .ks-header-2-top-social{text-align: center;}} @media (max-width: 768px){.ks-header-2-top-inside .ks_top_menu{justify-content: center;}} .ks-search-position{z-index: 1046 !important;} .affixed .ks-header-2-main{margin-top: 0; background: #fff;} @media (max-width: 575px){.ks-header-2-top > .container-lg{display: none;}} @media (max-width: 575px){.ks-header-2-top > .container-lg{display: none;}} @media (min-width: 991px){.ks-header-2-topmost{position: relative; z-index: 1040;}} 

/* /ks_theme_kinetik/static/src/css/scss/headers/header-4.scss defined in bundle 'web.assets_frontend' */
 .ks-header-4 .ks-header-2-top{background: #fff; z-index: 1030;} .ks-header-4 .ks-header-2-top .top__links a, .ks-header-4 .ks-header-2-top #top-nav li a, #top-nav .ks-header-4 .ks-header-2-top li a, .ks-header-4 .ks-header-2-top .top__links label, .ks-header-4 .ks-header-2-top #top-nav li label, #top-nav .ks-header-4 .ks-header-2-top li label{color: #0a0a0a !important; margin-bottom: 0;} .ks-header-4 .ks-header-2-top-social a{color: #0a0a0a;} .ks-header-4 .ks-header-2-top + .container-lg{position: relative; z-index: 1020;} .ks-header-4 .ks-header-2-top{box-shadow: 0 0 2px rgba(117, 112, 112, 0.46);} .ks-header-4 .ks-header-2-top #top-nav{order: 2;} @media (max-width: 990px){.ks-header-4 .ks-header-2-menu-icon{background: #228399;}.ks-header-4 .ks-header-2-menu-icon .badge-primary{background: #ffffff; color: #228399;}.ks-header-4 .ks-header-2-menu-icon .col-lg-12 i, .ks-header-4 .ks-header-2-menu-icon .col-lg-12 span, .ks-header-4 .ks-header-2-menu-icon .col-lg-12 a:not(.dropdown-item){color: #ffffff;}} @media (max-width: 340px){.ks-header-4 .ks-header-2-menu-icon{max-width: calc(100% - 20px);}} .ks-header-4-main #top_menu{margin-bottom: 0; background: #228399; width: 100%; justify-content: center;} .ks-header-4-main #top_menu > li{transition: 0.2s ease-in-out;} .ks-header-4-main #top_menu > li a span:after{border-color: #0f3c46;} .ks-header-4-main #top_menu > li a.active, .ks-header-4-main #top_menu > li a:hover{transition: 0.2s ease-in-out;} @media (min-width: 769px){.ks-header-4-main #top_menu > li > a:not(.dropdown-item){color: #ffffff;}} @media (min-width: 992px){.ks-header-4-main .container{padding: 0;}} @media (max-width: 990px){.ks-header-4-main{background: #fff;}.ks-header-4-main .navbar-toggler{color: #ffffff; margin-right: 10px;}.ks-header-4-main .navbar-collapse{margin-bottom: 0px; margin-top: 3px;}} .ks-header-4.ks-header-2 #top-nav > li > .col a{color: #0a0a0a !important;} .ks-header-4 + .o_affix_disabled, .ks-header-4 + .o_affix_enabled{z-index: 1010;} .ks-header-4-topmost .col-xl-4.col-lg-3.col-6{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .ks-header-4-topmost .ks-header-2-top{z-index: 1040;} @media (max-width: 990px){.ks-header-4-topmost .container-lg{z-index: auto !important;}.ks-header-4-topmost #top_menu .badge{top: -4px;}.ks-header-4-topmost .search_container{z-index: 1050 !important;}.ks-header-4-topmost .ks-header-2-menu-icon{z-index: 1040; max-width: calc(100% - 40px);}.ks-header-4-topmost + .o_affix_disabled .navbar-collapse, .ks-header-4-topmost + .o_affix_enabled .navbar-collapse{padding: 10px;}.ks-header-4-topmost + .o_affix_disabled .navbar-collapse > #top_menu, .ks-header-4-topmost + .o_affix_enabled .navbar-collapse > #top_menu{box-shadow: none !important;}.ks-header-4-topmost + .o_affix_disabled .ks-header-4-main-inside, .ks-header-4-topmost + .o_affix_enabled .ks-header-4-main-inside{margin-top: -36px;}.ks-header-4-topmost + .o_affix_disabled .ks-header-4-main-inside .dropdown-item.active, .ks-header-4-topmost + .o_affix_enabled .ks-header-4-main-inside .dropdown-item.active{background: #fff;}.ks-header-4-topmost ~ .affixed .ks-header-4-main{margin-top: 0;}.ks-header-4-topmost ~ .affixed .ks-header-4-main .container{padding-top: 0 !important;}.ks-header-4-topmost ~ .affixed .ks-header-4-main .container .navbar-collapse{padding: 0 10px 10px; border-bottom: none !important;}.ks-header-4-topmost ~ .affixed .ks-header-4-main .container .navbar-collapse #top_menu{box-shadow: none !important;}} @media (max-width: 990px) and (max-width: 990px){.ks-header-4-topmost ~ .affixed .ks-header-4-main .navbar-toggler{margin-right: 20px;}} @media (max-width: 990px) and (max-width: 990px){.ks-header-4-topmost .fa-facebook{margin-left: 0 !important;}.ks-header-4-topmost .top__links:last-child, .ks-header-4-topmost #top-nav li:last-child, #top-nav .ks-header-4-topmost li:last-child{padding-right: 0 !important;}.ks-header-4-topmost .col-xl-4.col-lg-3.col-6{padding: 0;}.ks-header-4-topmost .search_container{padding: 0;}.ks-header-4-topmost .ks-header-2-menu-icon > .col-lg-12{padding-left: 0;}} .ks-header-4-main-inside{background: #228399;} .ks-header-4-main-inside .nav-link{padding: 8px 24px;} .ks-header-4-main-inside .nav-link span:after{border-bottom-color: #ffffff;} header.o_header_affix.affix.affixed .ks-header-4-main{background: #228399;} @media (max-width: 990px){header.o_header_affix.affix.affixed .ks-header-4-main .container{padding: 10px 0 0 !important;}header.o_header_affix.affix.affixed .ks-header-4-main .container #top_menu_collapse_clone{border-bottom: 1px solid #e9e9e9;}header.o_header_affix.affix.affixed .ks-header-4-main .navbar-collapse{margin-top: 0;}header.o_header_affix.affix.affixed .ks-header-4-main .navbar-toggler{margin-bottom: 9px;}} @media (max-width: 575px){.ks-header-4-topmost .container-lg{width: 100%;}.ks-header-4-main .navbar-toggler{margin-right: 0;}} @media (max-width: 575px){.ks-header-4-topmost .container-lg{width: 100%;}.ks-header-4-main .navbar-toggler{margin-right: 0;}} 

/* /ks_theme_kinetik/static/src/css/scss/headers/header-5.scss defined in bundle 'web.assets_frontend' */
 .ks-header-5{margin-top: 0; position: relative; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.29); background: #fff !important;} @media (min-width: 991px){.ks-header-5 #top_menu_collapse .nav-item .dropdown-menu .submenu__inner{margin-top: -16px;}} .ks-header-5 .container{flex-wrap: wrap !important; padding: 0;} .ks-header-5 .navbar{margin-top: 0; background: #f2f2f2 !important;} .ks-header-5 .navbar-toggler{margin: 10px 0 !important;} .ks-header-5 .navbar-brand{width: 100%; padding: 0 0 10px !important;} .ks-header-5 .navbar-brand img{height: 50px !important;} .ks-header-5 #top_menu{min-width: 100%; justify-content: space-evenly; text-align: center !important; margin: auto !important; padding-top: 10px;} @media (max-width: 990px){.ks-header-5 .dropdown-menu, .ks-header-5 .submenu__inner{background-color: transparent !important;}.ks-header-5 .navbar-nav .nav-link{text-align: left; padding-left: 15px;}} .ks-header-5-search{position: absolute; right: 18px; bottom: -64px; z-index: 2; width: calc(100% - 170px);} @media (min-width: 1400px){.ks-header-5-search{right: 0;}} @media (max-width: 990px){.ks-header-5-search{right: 5px;}} .ks-header-5-search .oe_search_button{right: 13px !important;} .ks-header-5-search .input-group{-webkit-box-pack: end; justify-content: flex-end;} @media (max-width: 540px){.ks-header-5-search{bottom: -66px;}.ks-header-5-search input{width: 300px; transform: scaleX(0); transition: 0.3s ease; transform-origin: right; margin-right: -15px;}} .ks-header-5-top #top-nav .top__links > a:not(.dropdown-item), .ks-header-5-top #top-nav li > a:not(.dropdown-item){color: #fff !important;} .ks-header-5-top .my_wish_quantity{top: -4px !important;} .ks-header-5-top .ks_mycart i, .ks-header-5-top .ks_mycart span{color: #fff !important;} @media (min-width: 991px){.ks-header-5 #top_menu_collapse .nav-item .dropdown-menu.ks_not_mega_menu, .ks-header-5 #top_menu_collapse_clone .nav-item .dropdown-menu.ks_not_mega_menu{box-shadow: none !important; padding: 0px 7px !important; background: transparent; top: 0 !important;}.ks-header-5 #top_menu_collapse .nav-item .dropdown-menu.ks_not_mega_menu li, .ks-header-5 #top_menu_collapse_clone .nav-item .dropdown-menu.ks_not_mega_menu li{background: white; box-shadow: 0px 13px 12px 1px rgba(0, 0, 0, 0.45);}.ks-header-5 #top_menu_collapse .nav-item .dropdown-menu.ks_not_mega_menu li:first-child, .ks-header-5 #top_menu_collapse_clone .nav-item .dropdown-menu.ks_not_mega_menu li:first-child{margin-top: 26px; padding-top: 10px;}.ks-header-5 #top_menu_collapse .nav-item .dropdown-menu.ks_not_mega_menu li:last-child, .ks-header-5 #top_menu_collapse_clone .nav-item .dropdown-menu.ks_not_mega_menu li:last-child{padding-bottom: 10px;}} header.o_header_affix.affix.affixed .ks-header-5 .navbar-brand{display: none;} header.o_header_affix.affix.affixed .ks-header-5 .mega_submenu{margin-top: 10px;} header.o_header_affix.affix.affixed .ks-header-5 #top_menu{padding-top: 0;} @media (max-width: 990px){.ks-header-5-topmost{padding: 0 20px;}.ks-header-5-topmost > .row{padding: 0 10px;}} .ks-header-5-topmost #top-nav a.dropdown-toggle{color: #fff !important;} .ks-header-5-topmost .nav-item.ks b{color: #ffffff;} @media (max-width: 990px){.ks-header-5-topmost + .o_affix_disabled .navbar-toggler, .ks-header-5-topmost + .o_affix_enabled .navbar-toggler{margin-left: -10px !important;}} .ks-header-5-topmost + .o_affix_disabled .ks-header-5, .ks-header-5-topmost + .o_affix_enabled .ks-header-5{padding: 5px 26px;} @media (max-width: 575px){.ks-header-5-topmost + .o_affix_disabled .ks-header-5, .ks-header-5-topmost + .o_affix_enabled .ks-header-5{padding: 5px 15px;}} @media (max-width: 575px){.ks-header-5-topmost > .row{padding: 10px;}.ks-header-5-topmost > .row .ks_mycart{margin-left: 0; padding: 0 5px;}.ks-header-5-topmost + .o_affix_disabled .navbar-brand, .ks-header-5-topmost + .o_affix_enabled .navbar-brand{padding: 10px 0 10px !important;}} @media (max-width: 575px){.ks-header-5-topmost .container-lg > .col-sm-6:first-child{display: none;}.ks-header-5-topmost > .row{padding: 0 10px; width: 100%;}} 

/* /ks_theme_kinetik/static/src/css/scss/headers/header-6.scss defined in bundle 'web.assets_frontend' */
 .ks-header-6{z-index: 100; align-items: center; padding: 10px 0;} .ks-header-6 .ks-search-trigger{color: #0a0a0a; font-size: 19px; cursor: pointer; position: relative; transition: 0.2s ease-in-out;} @media (max-width: 540px){.ks-header-6 .remove_after_content .nav-link{padding: 10px 0;}} .ks-header-6 .navbar-brand img{max-width: 100px;} @media (max-width: 990px){.ks-header-6 .navbar-brand img{padding: 10px 0; height: auto !important;}} .ks-header-6-main{position: initial;} @media (max-width: 990px){.ks-header-6-main{position: initial; margin-top: 4px;}.ks-header-6-main .navbar-collapse{position: absolute; left: 0px; right: 0px; width: auto !important; background: #fff;}.ks-header-6-main .container{text-align: right;}} .ks-header-6-items{position: initial !important;} @media (max-width: 990px){.ks-header-6-items{order: -1;}.ks-header-6-items .d-flex.flex-nowrap{width: 100%;}} .ks-header-6-items .fa-heart{margin-top: 7px;} .ks-header-6-search{padding: 8px; position: absolute; top: 0; left: 0; background: #f7f7f7; width: 100%; transform: translateY(-200%); transition: 0.3s ease-in-out;} @media (min-width: 991px){.ks-header-6-search{padding: 20px 8px;}} .ks-header-6-search form{max-width: 350px; margin: auto;} .ks-header-6-search form .search-query{background: #fff;} @media (max-width: 540px){.ks-header-6-search form{margin: inherit;}.ks-header-6-search form input{right: 0 !important;}.ks-header-6-search form .oe_search_button{font-size: 18px !important; top: 12px !important; right: 6px !important;}} @media (max-width: 1240px){.ks-header-6-search{margin-top: 0 !important;}.ks-header-6-search .search-query{position: relative !important; transform: scale(1) !important;}} .ks-header-6 .js-search-show{transform: translateY(0) !important;} .ks-header-6 .js-search-hide{position: relative; z-index: 1;} @media (max-width: 540px){.ks-header-6 .js-search-hide{margin-top: 0;}} .ks-header-6 .js-search-hide:before{content: '\f00d';} .ks-header-6 .fa-shopping-cart{font-size: 21px; margin-top: -4px;} @media (max-width: 990px){.ks-header-6{padding: 0; width: 100%;}.ks-header-6 .navbar-collapse #top_menu{background: transparent; box-shadow: none;}.ks-header-6 .navbar-collapse #top_menu .dropdown-menu, .ks-header-6 .navbar-collapse #top_menu .bg-white{background: transparent !important; padding: 0; font-size: 14px;}.ks-header-6 .ks-header-6-items{background: #f2f2f2; padding: 12px 20px;}} .ks-header-6.affixed{max-width: 100% !important; box-shadow: 0px 4px 8px #b1afaf; justify-content: center; width: 100%;} .ks-header-6.affixed .ks-header-2-main{box-shadow: none !important; margin-top: -1px !important;} .ks-header-6.affixed .col-lg-3, .ks-header-6.affixed .ks-header-6-logo{display: none;} .ks-header-6.affixed .ks-header-6-main{max-width: 1400px; position: initial !important; background: transparent;} @media (max-width: 990px){.ks-header-6.affixed .ks-header-6-main{padding: 10px; margin-left: auto;}.ks-header-6.affixed .ks-header-6-main .navbar-collapse{left: 0px; right: 0px; border: 1px solid #ccc; margin-top: 10px;}} .ks-header-6 ~ main .ks-furniture-hero .carousel-indicators{-webkit-box-pack: end; justify-content: flex-end;} @media (min-width: 991px){.ks-header-6 ~ main .ks-furniture-hero{margin-top: -80px;}} .ks-header-6 ~ main .ks-furniture-hero .carousel-inner{max-height: calc(90vh - 45px) !important;} .ks-header-6 ~ main .ks-furniture-hero .ks-banner-txt{top: 120px;} .ks-header-6 .my_wish_quantity{right: -13px; top: 2px !important;} .ks-header-6.o_affix_disabled, .ks-header-6.o_affix_enabled{margin: auto;} @media (max-width: 990px){.ks-header-6.o_affix_disabled, .ks-header-6.o_affix_enabled{border-bottom: 1px solid #ccc;}} .ks-header-6 #top_menu{margin-bottom: 0;} @media (min-width: 991px){.ks-header-6 #top_menu_collapse .nav-item .dropdown-menu.ks_not_mega_menu, .ks-header-6 #top_menu_collapse_clone .nav-item .dropdown-menu.ks_not_mega_menu{box-shadow: none !important; padding: 0px 7px !important; background: transparent; top: 0 !important; border: 0;}.ks-header-6 #top_menu_collapse .nav-item .dropdown-menu.ks_not_mega_menu li, .ks-header-6 #top_menu_collapse_clone .nav-item .dropdown-menu.ks_not_mega_menu li{background: white; box-shadow: 0px 13px 12px 1px rgba(0, 0, 0, 0.45);}.ks-header-6 #top_menu_collapse .nav-item .dropdown-menu.ks_not_mega_menu li:first-child, .ks-header-6 #top_menu_collapse_clone .nav-item .dropdown-menu.ks_not_mega_menu li:first-child{margin-top: 23px; padding-top: 10px;}.ks-header-6 #top_menu_collapse .nav-item .dropdown-menu.ks_not_mega_menu li:last-child, .ks-header-6 #top_menu_collapse_clone .nav-item .dropdown-menu.ks_not_mega_menu li:last-child{padding-bottom: 10px;}} nav#oe_main_menu_navbar + #wrapwrap .ks-header-6.affixed{top: auto !important;} .ks-header-6-logo img{max-width: 100% !important; height: auto !important;} .ks-header-6-items .remove_after_content{margin-right: 30px;} .ks-header-6-items .ks-header-6-wish{margin: 0 40px;} .ks-header-6-items .ks-header-6-wish #my_wish{margin-left: 0;} .ks-header-offer-container + #wrapwrap .ks-header-6-search{transform: translateY(calc(-100% - 50px));} @media (max-width: 575px){.ks-header-offer-container + #wrapwrap .ks-header-6-search{transform: translateY(calc(-100% - 100px));}} @media (max-width: 767px){.ks-header-6-search.search_container .easy-autocomplete{max-width: 100%;}} 

/* /ks_theme_kinetik/static/src/css/scss/headers/header-7.scss defined in bundle 'web.assets_frontend' */
 .ks-header-7{border-color: #eee !important;} .ks-header-7 #top_menu{justify-content: center;} .ks-header-7 #top_menu > .nav-item{padding: 5px;} @media (min-width: 991px){.ks-header-7 #top_menu > .nav-item{border-left: 1px solid #eee;}} .ks-header-7 #top_menu > .nav-item:first-child{border-left: 0;} @media (max-width: 990px){.ks-header-7-menu-icon{background: transparent; z-index: auto !important;}} @media (max-width: 990px){.ks-header-7{margin-top: -50px; background: #fff; padding: 10px 0;}.ks-header-7-menus-inside{z-index: 1000; position: relative; margin-right: 120px; margin-top: 0; margin-bottom: 14px;}} .ks-header-7-topmost #my_wish .badge{top: -5px !important;} .ks-header-7-topmost .col-xl-4.col-lg-3.col-12, .ks-header-7-topmost .ks-header-7-menu-icon{padding: 0;} .ks-header-7-topmost .col-xl-4.col-lg-3.col-12{padding: 10px 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} @media (max-width: 990px){.ks-header-7-topmost .col-xl-4.col-lg-3.col-12{justify-content: center; padding: 5px 0; margin-bottom: -3px;}} .ks-header-7-topmost .navbar-brand{margin: 0 !important;} .ks-header-7-topmost .ks-header-2-top-social{margin: 4px 0 !important;} .ks-header-7-topmost #my_wish{margin-left: 40px; margin-right: 14px;} .ks-header-7-topmost .remove_after_content{margin-left: 26px;} @media (max-width: 990px){.ks-header-7-topmost .search_container button.btn.oe_search_button{right: 21px;}.ks-header-7-topmost + .o_affix_disabled .ks-header-7 #top_menu, .ks-header-7-topmost + .o_affix_enabled .ks-header-7 #top_menu{box-shadow: none;}} @media (max-width: 575px){.ks-header-7-topmost .ks-header-7-menus-inside{margin-right: 60px;}} @media (max-width: 370px){.ks-header-7-topmost .ks-header-7-menus-inside{margin-right: 50px;}.ks-header-7-topmost #my_wish{margin-left: 20px;}.ks-header-7-topmost .remove_after_content{margin-left: 5px;}} @media (max-width: 990px){.search-container-7{margin-top: 0 !important; margin-bottom: 22px !important;}.search-container-7 input{background: #fff !important;}} @media (max-width: 768px){.search-container-7{margin-bottom: 12px !important;}.search-container-7 .easy-autocomplete{max-width: 280px; margin-bottom: 10px;}} .affixed .ks-header-7{margin-top: 0; background: white; box-shadow: 0px 3px 7px 2px rgba(0, 0, 0, 0.36);} .js-change-indexes-h7 .ks-header-7-menus-inside{z-index: auto !important;} .js-change-indexes-h7 .o_affix_disabled, .js-change-indexes-h7 .o_affix_enabled{z-index: 1;} @media (max-width: 575px){.ks-header-7-topmost .container-lg{width: 100%;}.ks-header-7 .navbar-toggler{margin-right: 0;}} @media (max-width: 575px){.ks-header-7-topmost .container-lg{width: 100%;}.ks-header-7 .navbar-toggler{margin-right: 0;}} @media (min-width: 991px){.ks-header-7-topmost{position: relative; z-index: 1031;}} @media (max-width: 767px){nav.ks-header-7{width: 70px; z-index: 2000; border-color: #fff !important;}.o_header_affix nav.ks-header-7{width: 100%;}} 

/* /ks_theme_kinetik/static/src/css/scss/headers/header-8.scss defined in bundle 'web.assets_frontend' */
 .ks-header-8{margin-top: 0;} @media (min-width: 991px){.ks-header-8{background: #141f1e !important;}} @media (min-width: 991px){.ks-header-8 #top_menu{background: #141f1e !important;}.ks-header-8 #top_menu > li > a:not(.dropdown-item){color: #fff;}} .ks-header-8 #top_menu > .nav-item > .nav-link{padding: 8px 24px;} .ks-header-8-topmost #my_wish{margin: 0 40px 0 20px;} .ks-header-8-topmost #my_wish .badge{top: -6px;} .ks-header-8-topmost .col-xl-4.col-lg-3.col-6.order-xl-2{display: -webkit-box; display: -webkit-flex; display: flex;} @media (max-width: 990px){.ks-header-8-topmost .col-xl-4.col-lg-3.col-6.order-xl-2{margin-top: 5px;}} .ks-header-8-topmost #my_wish > .nav-link{margin-top: -3px;} @media (max-width: 990px){.ks-header-8-topmost{z-index: 1; border-bottom: 1px solid #ccc;}.ks-header-8-topmost .col-lg-12.col-sm-10.col-11.align-items-center, .ks-header-8-topmost .col-lg-12.col-sm-10.col-11.flex-center{padding: 0;}.ks-header-8-topmost .ks-search-container-2{position: absolute; right: 20px; bottom: -12px; z-index: auto;}.ks-header-8-topmost .ks-search-container-2:before{background: transparent;}.ks-header-8-topmost .ks-header-2-menu-icon{max-width: calc(100% - 70px); background: transparent !important; padding: 12px 0 3px;}.ks-header-8-topmost .container-lg{padding-bottom: 5px;}} @media (max-width: 575px){.ks-header-8-topmost .ks-header-2-menu-icon{max-width: calc(100% - 50px); margin-top: 10px;}.ks-header-8-topmost .ks-header-2-menu-icon > .col-lg-12{padding: 0; justify-content: space-around;}} @media (max-width: 330px){.ks-header-8-topmost .ks-search-container-2{right: 0;}} @media (max-width: 990px){.ks-header-8{background: transparent !important;}.ks-header-8 > .container{margin-top: -94px;}.ks-header-8 > .container .navbar-toggler{margin-right: 15px; color: #0a0a0a;}.ks-header-8 > .container .navbar-collapse{margin-top: 14px; border-bottom: 1px solid #eee; box-shadow: 0px 7px 8px 0px rgba(0, 0, 0, 0.4);}.ks-header-8-topmost .ks-header-2-menu-icon .col-lg-12 a:not(.dropdown-item), .ks-header-8-topmost .ks-header-2-menu-icon .col-lg-12 span, .ks-header-8-topmost .ks-header-2-menu-icon .col-lg-12 i{color: #0a0a0a;}.ks-header-8-topmost .ks-header-2-menu-icon .badge-primary{background: #228399; color: #ffffff;}} @media (max-width: 575px){.ks-header-8 > .container .navbar-toggler{margin-right: 20px;}.ks-header-8 > .container .navbar-collapse{margin-top: 15px;}} @media (max-width: 330px){.ks-header-8 > .container .navbar-toggler{margin-right: 5px;}} @media (max-width: 990px){.affixed .ks-header-8 .container{margin-top: -4px !important; background: white; box-shadow: -1px 3px 5px 3px rgba(0, 0, 0, 0.28);}} .js-change-indexes-h8 .ks-header-8-topmost .ks-search-container-2{z-index: 10 !important;} @media (max-width: 990px){.affixed .ks-header-8 .container{width: 100%; max-width: 100%;}} @media (max-width: 575px){.ks-header-8-topmost .container-lg{width: 100%;}.ks-header-8 .container{max-width: 100%;}} @media (max-width: 990px){.affixed .ks-header-8 .container{width: 100%; max-width: 100%;}} @media (max-width: 575px){.ks-header-8-topmost .container-lg{width: 100%;}.ks-header-8 .container{max-width: 100%;}} @media (max-width: 575px){.ks-header-8-topmost .easy-autocomplete-container{max-height: 60vh;}.ks-header-8-topmost ~ main .shop_main_container{position: relative; z-index: 0;}} @media (max-width: 991px){body.o_connected_user.js-no-scroll main{z-index: 10000;}body.o_connected_user.js-no-scroll .o_affix_disabled, body.o_connected_user.js-no-scroll .o_affix_enabled{z-index: 10 !important;}} @media (max-width: 991px){body.o_connected_user #products_grid_before.ks-show-filter{margin-top: 40px; height: calc(100% - 40px);}} 

/* /ks_theme_kinetik/static/src/css/scss/headers/header-9.scss defined in bundle 'web.assets_frontend' */
 .ks-header-9{box-shadow: none;} @media (max-width: 330px){.ks-header-9 #top_menu_collapse_clone{flex-basis: auto;}} .ks-header-9 #top_menu_collapse{margin-bottom: 10px; flex-basis: auto;} @media (min-width: 991px){.ks-header-9 #top_menu_collapse{background: #141f1e; width: 100%;}} .ks-header-9 .container{padding: 0; max-width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;} @media (max-width: 990px){.ks-header-9 .container{align-items: flex-end;}} .ks-header-9 .container .navbar-brand{margin: auto; max-width: 1400px;} @media (max-width: 575px){.ks-header-9 .container .navbar-brand{margin-top: 5px; padding: 0 !important; height: auto !important;}} @media (min-width: 991px){.ks-header-9 .navbar-nav > li > a{color: #fff !important;}} @media (max-width: 990px){.ks-header-9 .navbar-toggler{margin: 0 !important; padding: 10px;}} .ks-header-9 #top_menu{padding-top: 0 !important; max-width: 1400px; min-width: auto; width: 100%; position: relative;} .ks-header-9-topmost{z-index: 1030;} @media (max-width: 1024px){.ks-header-9-topmost{width: 100%;}} @media (max-width: 990px){.ks-header-9-topmost{border-bottom: 1px solid #ccc;}} .ks-header-9-topmost .my_wish_quantity{top: -6px;} .ks-header-9-topmost #top-nav > li:last-child{padding-right: 0 !important;} .ks-header-9-topmost label.dropdown-toggle{color: #0a0a0a;} .o_header_affix.affix.affixed .ks-header-9{box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.11);} @media (min-width: 991px){.o_header_affix.affix.affixed .ks-header-9 .navbar-collapse{background: #141f1e; width: 100%;}} @media (max-width: 990px){.o_header_affix.affix.affixed .ks-header-9 .navbar-collapse{padding-bottom: 10px;}} .ks-header-9-search input{margin-right: 0 !important;} @media (max-width: 990px){.ks-header-9-search{right: 10px;}} @media (max-width: 575px){.ks-header-9-topmost{width: 100%;}.ks-header-9-topmost > .col-sm-7{display: none;}} @media (max-width: 575px){.ks-header-9-topmost{width: 100%;}.ks-header-9-topmost > .col-sm-7{display: none;}} 

/* /ks_theme_kinetik/static/src/css/scss/headers/header-10.scss defined in bundle 'web.assets_frontend' */
 .ks-header-5-main #top_menu{margin-bottom: 0; background: #272727; width: 100%; justify-content: center;} @media (min-width: 991px){.ks-header-5-main #top_menu > li{border-left: 2px solid #171717;}} .ks-header-5-main #top_menu > li > a:not(.dropdown-item){font-size: 0.900rem;} @media (min-width: 991px){.ks-header-5-main #top_menu > li > a:not(.dropdown-item){color: white !important;}} @media (max-width: 990px){.ks-header-5-before{padding: 0 !important;}.ks-header-5-before .ks-header-2-menu-icon{background: #272727;}.ks-header-5-before .ks-header-2-menu-icon .badge{color: #228399;}.ks-header-5-before .nav-item > a:not(.dropdown-item){color: white !important;}.ks-header-5-before .nav-item > a:not(.dropdown-item) i, .ks-header-5-before .nav-item > a:not(.dropdown-item) span{color: white !important;}.ks-header-5-main .navbar-toggler{color: white;}header.o_header_affix.affix.affixed .ks-header-5-main{background: #272727;}} @media (min-width: 991px){.ks-header-5-main{margin-top: 0;}} @media (max-width: 990px){.ks-header-5-main{padding-bottom: 0px;}} .ks-header-5-main .container{max-width: 100%; position: relative; background: #272727;} @media (max-width: 990px){.ks-header-5-main .container{padding: 3px; margin-top: -2px;}.ks-header-5-main .container .navbar-toggler{margin-top: 3px; margin-right: -3px;}.ks-header-5-main .container .navbar-collapse{margin-top: 3px;}} .ks-header-5-main .navbar-collapse{max-width: 1400px; margin: auto; position: relative;} .ks-header-10 .col-xl-4.col-lg-3.col-6{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} @media (min-width: 991px){.ks-header-10{z-index: 1030;}.ks-header-10 + .o_affix_disabled .ks-header-5-main, .ks-header-10 + .o_affix_enabled .ks-header-5-main{background: #272727;}.ks-header-10 ~ .affixed .ks-header-5-main{background: #272727 !important;}} @media (max-width: 990px){.ks-header-10 .ks-header-2-menu-icon{max-width: calc(100% - 90px); z-index: 1030; padding: 6px 5px;}.ks-header-10 + .o_affix_disabled .navbar-toggler, .ks-header-10 + .o_affix_enabled .navbar-toggler{margin-right: 20px;}.ks-header-10 + .o_affix_disabled .ks-header-2-main, .ks-header-10 + .o_affix_enabled .ks-header-2-main{margin-top: -39px;}} .ks-header-10 .ks-search-container-2{z-index: 1040 !important;} @media (max-width: 990px){.ks-header-10 .my_cart_quantity{top: -4px;}} @media (max-width: 990px){.ks-header-10 ~ .affixed .container{max-width: 90%;}} @media (max-width: 575px){.ks-header-10{width: 100%;}.ks-header-10 + .o_affix_disabled .navbar-toggler, .ks-header-10 + .o_affix_enabled .navbar-toggler{margin-right: 20px;}} @media (max-width: 990px){.ks-header-10 ~ .affixed .container{max-width: 90%;}} @media (max-width: 575px){.ks-header-10{width: 100%;}.ks-header-10 + .o_affix_disabled .navbar-toggler, .ks-header-10 + .o_affix_enabled .navbar-toggler{margin-right: 10px;}} 

/* /ks_theme_kinetik/static/src/css/scss/headers/mega_menu.scss defined in bundle 'web.assets_frontend' */
 .ks_filp_hover_effect .ks_filp_hover_element{transition: all 0.7s;} .ks_filp_hover_effect:after{content: ''; position: absolute; width: 0px !important;} .ks_filp_hover_effect .ks_text_line{position: relative; display: block;} .ks_filp_hover_effect .ks_text_line:after{content: ''; position: absolute; width: 0; border-bottom: 2px solid #228399; bottom: -1px; left: 30%; transition: all 0.5s;} .ks_menu_heading{position: relative; font-size: 18px; color: #0f0f0f; padding-bottom: 0 !important;} .ks_menu_heading:before{content: ''; bottom: -11px !important; background: #228399 !important; top: unset !important;} .ks_menu_heading:after{content: ''; bottom: -13px !important; top: unset !important; background: #228399 !important;} .ks-custom-slid{height: 200px !important;} .ks-inner-container{max-height: 200px !important; height: 100% !important;} .ks-slid-image{width: 100% !important; height: 100% !important; height: 200px !important; animation: scale_movedown 0.3s cubic-bezier(0, 0.92, 0, 0.96) !important; transform-origin: center !important;} .ks_image_hover_transition{transition: 0.5s; transform: scale(1); margin-top: 10px;} .ks_image_hover_transition:hover{transform: scale(1.1);} .submenu_main_links{max-width: 1400px; margin: auto;} #top_menu_collapse #myTab .nav-item, #top_menu_collapse_clone #myTab .nav-item{position: relative !important;} .ks_vertical_tabs{display: -webkit-box; display: -webkit-flex; display: flex;} @media (max-width: 575px){.ks_vertical_tabs{margin-left: -20px;}} .ks_vertical_tabs > .nav-tabs{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; border-bottom: none;} @media (min-width: 991px){.ks_vertical_tabs > .nav-tabs{min-width: 25%; border-right: 1px solid #ccc;}} @media (max-width: 990px){.ks_vertical_tabs > .nav-tabs{border-right: 1px solid #dee2e6; padding-right: 20px;}} @media (min-width: 991px){.ks_vertical_tabs > .nav-tabs .nav-item{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;}} .ks_vertical_tabs > .nav-tabs .nav-item .ks-mega-menu-tab-img{width: 35px; height: 35px; margin-bottom: 0; margin-right: 10px; display: none;} @media (max-width: 990px){.ks_vertical_tabs > .nav-tabs .nav-item .ks-mega-menu-tab-img{display: none;}} .ks_vertical_tabs > .nav-tabs .nav-link{margin-bottom: 0; width: 100%; height: 100%; cursor: pointer; border-right: 2px solid transparent; min-height: 50px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} @media (min-width: 991px){.ks_vertical_tabs > .nav-tabs .nav-link.active{background: #2795ae; color: #ffffff !important; border-radius: 0; border-right: 2px solid #195f6f;}} .ks_vertical_tabs > .nav-tabs .nav-link.active:before{content: '';} @media (max-width: 990px){.ks_vertical_tabs > .nav-tabs .nav-link.active:before{display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; position: absolute; right: -10px; top: calc(50% - 2px); transform: rotate(-90deg);}} .ks_vertical_tabs .tab-content{width: 100%;} .ks_vertical_tabs .tab-content > .active{display: -webkit-box; display: -webkit-flex; display: flex;} .ks_vertical_tabs .tab-content .tab-pane .submenu_inside{padding: 20px 30px;} @media (max-width: 990px){.ks_vertical_tabs .tab-content .tab-pane .submenu_inside{padding: 10px 30px; width: 100%;}} @media (min-width: 990px){.ks_vertical_tabs .tab-content .tab-pane .submenu_inside > a{font-size: 1.2em; padding-bottom: 5px; margin-bottom: 10px; font-weight: 600; position: relative; display: inline-block;}.ks_vertical_tabs .tab-content .tab-pane .submenu_inside > a:after{content: ''; display: block; border-bottom: 2px solid #228399; width: 0; transition: 0.2s ease-in-out; position: absolute; left: 30%;}.ks_vertical_tabs .tab-content .tab-pane .submenu_inside > a:hover:after{width: 40%;}} .ks_vertical_tabs .tab-content .tab-pane .submenu_inside li.mb-2{text-align: left; margin-top: 10px;} .ks_vertical_tabs .tab-content .tab-pane .submenu_inside li.mb-2 a{text-transform: capitalize;} @media (max-width: 990px){.ks_vertical_tabs .tab-content .tab-pane .submenu_inside li.mb-2{display: none;}} @media (min-width: 1025px){.ks_vertical_tabs .tab-content .tab-pane .submenu_inside:hover > a{color: #228399 !important;}.ks_vertical_tabs .tab-content .tab-pane .submenu_inside:hover > a:after{width: 40%;}} .ks_vertical_tabs .nav-link{border: none; margin-bottom: 0;} .menu-slider > div:nth-child(2){overflow: hidden; margin-top: 10px; margin-bottom: 10px;} .menu-slider > div:nth-child(2) img{margin-top: 0;} .menu-slider .carousel-control-prev-icon{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%22000000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");} .menu-slider .carousel-control-next-icon{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");} .menu-slider .w-100.text-center{position: relative; padding: 10px;} .menu-slider .w-100.text-center:after, .menu-slider .w-100.text-center:before{content: ''; position: absolute; border: 3px solid red; width: 20px; height: 20px; transition: 0.3s ease-in-out;} .menu-slider .w-100.text-center:before{border-color: transparent #228399 #228399 transparent; right: 0; bottom: 0;} .menu-slider .w-100.text-center:after{border-color: #228399 transparent transparent #228399; left: 0; top: 0;} .menu-slider:hover .w-100.text-center:after{border-color: #228399 #228399 transparent transparent; right: 0; top: 0; left: auto;} .menu-slider:hover .w-100.text-center:before{border-color: transparent transparent #228399 #228399; left: 0; top: auto; bottom: 0;} .submenu_main_links a{transition: 0.2s ease-in-out;} .submenu_main_links a:hover{color: #228399 !important;} .submenu_main_links li.mb-2 a{position: relative;} .submenu_main_links li.mb-2 a:after{content: ''; display: block !important; position: absolute; left: 30%; bottom: -2px; width: 0; border-top: 1px solid #228399; transition: 0.2s ease-in-out;} .submenu_main_links li.mb-2 a:hover:after{width: 40%;} .font-20{font-size: 20px !important;} @media (min-width: 1025px){.submenu_lvl_1:hover .ks_filp_hover_element{transform: rotateY(180deg);}.submenu_lvl_1:hover > .submenu_link_item .ks_text_line{color: #228399;}.submenu_lvl_1:hover > .submenu_link_item .ks_text_line:after{content: ''; width: 40%;}} @media (min-width: 990px){.mega_submenu .submenu__inner .submenu_img #slider_carousel{min-height: 300px;}} .o_extra_menu_items ul.dropdown-menu .dropdown-toggle::after{display: none;} .o_extra_menu_items ul.dropdown-menu ul.dropdown-menu{display: none !important;} .o_extra_menu_items ul.dropdown-menu li.ks_landing_menu:hover ul.dropdown-menu{display: block !important;} .o_extra_menu_items ul.dropdown-menu li.ks_landing_menu a.dropdown-toggle.dropdown-item::after{content: ""; display: inline-block !important; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent;} 

/* /ks_theme_kinetik/static/src/css/scss/headers/header-11.scss defined in bundle 'web.assets_frontend' */
 .ks-header-11{max-width: 100%; width: 100%; padding-left: 10px; padding-right: 10px;} .ks-header-11.ks-header-6 .ks-search-trigger{height: 45px; background: transparent; width: 35px; text-align: center; line-height: 45px;} .ks-header-11.ks-header-6 .ks-search-trigger.js-search-hide{top: 0px; color: #0a0a0a;} @media (max-width: 990px){.ks-header-11.ks-header-6 .ks-search-trigger.js-search-hide{background: #fff;}} @media (max-width: 990px){.ks-header-11 .ks-header-6-search{padding: 20px; box-shadow: 1px 3px 10px #8a8a8a;}.ks-header-11 .ks-header-6-search.js-search-show{top: 45px;}} @media (max-width: 990px) and (min-width: 991px){.ks-header-11 .ks-header-6-search.js-search-show{top: 55px;}} @media (max-width: 990px){.ks-header-11 .ks-header-6-search form{max-width: 100%; margin-right: auto; margin-left: 0px;}.ks-header-11 .ks-header-6-search form .easy-autocomplete{width: 100% !important;}.ks-header-11 .ks-header-6-search form .easy-autocomplete input.search-query{width: 100%;}.ks-header-11 .ks-header-6-search.search_container .easy-autocomplete{width: 100% !important;}} @media (min-width: 991px) and (max-width: 1200px){.ks-header-11 .ks-header-6-main{max-width: 50%; flex: 0 0 50%;}.ks-header-11 .ks_mycart{margin-left: auto;}} .ks-header-11 #my_cart_2 .badge{top: -7px; right: -14px;} .ks-header-11.affixed{display: -webkit-box; display: -webkit-flex; display: flex;} .ks-header-11.affixed .ks-header-6-logo{display: block !important;} .ks-header-11.affixed .ks-header-6-wish .nav-link{padding: 0px;} .ks-header-11.affixed #my_wish .nav-link{position: relative;} .ks-header-11.affixed .col-lg-3{display: block !important;} @media (min-width: 991px){.ks-header-11.affixed .ks-header-6-main{max-width: 58.33333333% !important;}} @media (max-width: 420px){.ks-header-11.affixed.ks-header-6 .ks-header-2-main{margin-left: 0px;}.ks-header-11.affixed.ks-header-6 .ks-header-6-items{max-width: 130px; flex: 0 0 130px;}} @media (max-width: 990px){.ks-header-11.o_header_affix.affixed{display: -webkit-box !important; display: -webkit-flex !important; display: flex !important;}.ks-header-11 .navbar-brand.logo{margin: 0px;}.ks-header-11 .ks-header-6-logo{margin-right: auto; max-width: 180px; flex: 0 0 180px; padding: 0px;}} @media (max-width: 990px) and (max-width: 480px){.ks-header-11 .ks-header-6-logo{max-width: 120px; flex: 0 0 120px;}} @media (max-width: 990px){.ks-header-11 .ks-header-6-main{max-width: 45px !important; flex: 0 0 45px !important; order: 2; text-align: center; margin-left: 0px;}.ks-header-11.ks-header-6 .ks-header-6-items{background: transparent; max-width: 200px; flex: 0 0 200px; order: 1; padding: 0px;}} @media (max-width: 990px) and (max-width: 575px){.ks-header-11.ks-header-6 .ks-header-6-items{max-width: 160px; flex: 0 0 160px;}} @media (max-width: 990px) and (max-width: 375px){.ks-header-11.ks-header-6 .ks-header-6-items{max-width: 120px; flex: 0 0 120px;}} @media (max-width: 990px){.ks-header-11.ks-header-6 .ks-header-6-items .remove_after_content{margin-right: 0px; max-width: 35px; flex: 0 0 35px;}} @media (max-width: 990px) and (max-width: 375px){.ks-header-11.ks-header-6 .ks-header-6-items .remove_after_content{max-width: 30px; flex: 0 0 30px;}} @media (max-width: 990px){.ks-header-11.ks-header-6.o_affix_disabled, .ks-header-11.ks-header-6.o_affix_enabled{border-color: transparent;}.ks-header-11 .ks-header-6.affixed .ks-header-6-logo{display: inline-block;}.ks-header-11 .navbar-brand img{max-height: 50px; padding: 5px 0px;}} @media (max-width: 990px) and (max-width: 575px){.ks-header-11 .navbar-brand img{max-height: 45px;}} @media (max-width: 990px){.ks-header-11 .ks-header-6-items .ks-header-6-wish{margin: 0 15px !important;}.ks-header-11 #my_cart_2{margin-left: 0px;}} .ks-header-11 .ks-header-offer-container{display: none;} body.ks_transparent_header .navbar-expand-lg .container{position: static;} @media (min-width: 900px){body.ks_transparent_header #top_menu_collapse .nav-item .dropdown-menu:not(.js_usermenu), body.ks_transparent_header #top_menu_collapse_clone .nav-item .dropdown-menu:not(.js_usermenu){max-width: 1400px; margin: 0 auto; left: 0px !important; right: 0px;}} @media (max-width: 1280px){body.ks_transparent_header .ks-header-6-items .ks-header-6-wish{margin: 0 20px;}body.ks_transparent_header .o_affix_disabled #my_cart_2, body.ks_transparent_header .o_affix_enabled #my_cart_2{margin-left: 0;}} body.ks_transparent_header .ks-header-11.o_affix_disabled, body.ks_transparent_header .ks-header-11.o_affix_enabled{position: absolute; width: 100%; margin: 0 auto; left: 0; right: 0; background: rgba(0, 0, 0, 0.1) !important; max-width: 100%;} @media (max-width: 1280px){body.ks_transparent_header .ks-header-11.o_affix_disabled, body.ks_transparent_header .ks-header-11.o_affix_enabled{padding-left: 10px; padding-right: 10px;}} body.ks_transparent_header .affixed{max-width: 100% !important; box-shadow: 0px 4px 8px #b1afaf; justify-content: center; width: 100%; padding-top: 5px; padding-bottom: 5px;} body.ks_transparent_header .affixed .ks-header-2-main{background: transparent;} body.ks_transparent_header .o_editable[data-oe-type]{min-height: 0px;} .ks-header-11{z-index: 1000;} @media (max-width: 990px){.ks-header-11 .ks_vertical_tabs .tab-content .tab-pane .submenu_inside li.mb-2{display: block;}} @media (max-width: 992px){.ks-header-11 .navbar-collapse{border: none !important;}.ks-header-11 .navbar-collapse #top_menu{background: #141f1e !important;}.ks-header-11 .navbar-collapse #top_menu a{color: #fff !important; background-color: transparent;}.ks-header-11 .navbar-collapse .ks_text_line, .ks-header-11 .navbar-collapse .theme__heading, .ks-header-11 .navbar-collapse #oe_structure_website_crm_contact_us_thanks_1 + .container h1, #oe_structure_website_crm_contact_us_thanks_1 + .container .ks-header-11 .navbar-collapse h1, .ks-header-11 .navbar-collapse #oe_structure_website_sale_comparison_product_compare_1 + .container h3:not(.popover-header), #oe_structure_website_sale_comparison_product_compare_1 + .container .ks-header-11 .navbar-collapse h3:not(.popover-header), .ks-header-11 .navbar-collapse #oe_structure_website_blog_latest_blogs_1 ~ .container .col-lg-12.text-center > h1, #oe_structure_website_blog_latest_blogs_1 ~ .container .ks-header-11 .navbar-collapse .col-lg-12.text-center > h1, .ks-header-11 .navbar-collapse .js_blog.website_blog .container .col-lg-12.mb32.mt16.text-center h1, .js_blog.website_blog .container .col-lg-12.mb32.mt16.text-center .ks-header-11 .navbar-collapse h1, .ks-header-11 .navbar-collapse .fp__img, .ks-header-11 .navbar-collapse .nav-link, .ks-header-11 .navbar-collapse .mb-2 a, .ks-header-11 .navbar-collapse .w-100.text-center, .ks-header-11 .navbar-collapse .submenu_inside > a{color: #fff !important;}} .ks-header-11.affix .navbar-collapse{border: none !important;} .ks-header-11.affix .ks-header-6-logo{margin-left: auto;} @media (max-width: 990px){.ks-header-11.affix .ks-header-6-logo{margin-left: 0; margin-right: auto; max-width: 180px; padding: 0px;}} @media (max-width: 990px) and (max-width: 375px){.ks-header-11.affix .ks-header-6-logo{max-width: 120px;}} .ks-header-11 ~ main .ks-furniture-hero .carousel-indicators{-webkit-box-pack: end; justify-content: flex-end;} @media (min-width: 991px){.ks-header-11 ~ main .ks-furniture-hero{margin-top: 0px !important;}} @media (max-width: 540px){.ks-header-11 ~ main .ks-furniture-hero .ks-banner-txt{top: 40px !important;}} @media (max-width: 1024px){.ks-custom-login b{display: none;}.ks-custom-login:after{content: "\f007"; font: normal normal normal 21px/1 FontAwesome;}.ks-header-5-top .ks-custom-login, .ks_transparent_header .ks-custom-login{color: #fff;}} .affixed.ks-header-11 .fa-shopping-cart{margin-top: -1px;} .ks-header-11 .ks-header-6-search{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);} @media (max-width: 991px){.ks-header-11.o_header_affix .ks-header-6-main{margin-left: 0px;}} @media (max-width: 991px){.ks-header-11 .ks-header-6-search{max-width: 100% !important;}} @media (min-width: 992px){.ks-header-11 #top_menu_collapse, .ks-header-11 #top_menu_collapse_clone{justify-content: start !important;}.ks-header-11 .container{width: 100% !important; padding-left: 0px;}.ks-header-11 .container .nav-link{padding: 0.5rem 0.5rem;}.ks-header-11 #top_menu > li{padding: 0 7px !important;}} .ks-header-11.affixed{background: #fff !important; box-shadow: 0 1px 3px #ccc !important;} body.ks_transparent_header.js-menu-opened .ks-header-11.affixed{background: transparent !important; box-shadow: none !important;} body.ks_transparent_header .ks-header-11{background: rgba(0, 0, 0, 0.4) !important;} body.ks_transparent_header .ks-header-11 #top_menu > li > a, body.ks_transparent_header .ks-header-11 #my_cart_2 .nav-link, body.ks_transparent_header .ks-header-11 #my_wish .nav-link, body.ks_transparent_header .ks-header-11 .ks-header-2-main .navbar-toggler, body.ks_transparent_header .ks-header-11 .remove_after_content .nav-link, body.ks_transparent_header .ks-header-11 .ks-custom-login b, body.ks_transparent_header .ks-header-11 .ks-search-trigger{color: #fff;} body.ks_transparent_header .ks-header-11 .ks-header-2-main #top_menu > li > a span:after, body.ks_transparent_header .ks-header-11 .ks-header-5 #top_menu > li > a span:after{border-color: #fff;} body.ks_transparent_header .ks-header-11.affixed{background: #fff !important; box-shadow: 0 1px 3px #ccc !important;} body.ks_transparent_header .ks-header-11.affixed #top_menu > li > a, body.ks_transparent_header .ks-header-11.affixed #my_cart_2 .nav-link, body.ks_transparent_header .ks-header-11.affixed #my_wish .nav-link, body.ks_transparent_header .ks-header-11.affixed .ks-header-2-main .navbar-toggler, body.ks_transparent_header .ks-header-11.affixed .remove_after_content .nav-link, body.ks_transparent_header .ks-header-11.affixed .ks-custom-login b, body.ks_transparent_header .ks-header-11.affixed .ks-search-trigger{color: #000;} body.ks_transparent_header .ks-header-11.affixed .ks-header-2-main #top_menu > li > a span:after, body.ks_transparent_header .ks-header-11.affixed .ks-header-5 #top_menu > li > a span:after{border-color: #000;} @keyframes fadin_animation{0%{opacity: 0;}100%{opacity: 1;}} .ks_mycart{animation: fadin_animation 2s ease-in-out;} @media (max-width: 420px){.ks-header-11 .ks-search-trigger, .ks-header-11 .fa-shopping-cart, .ks-header-11 #my_wish .fa-heart{font-size: 16px !important;}} #top_menu.o_menu_loading .nav-item{height: 0 !important; overflow: hidden !important; opacity: 0 !important;} #top_menu .nav-item{transition: opacity 1000ms ease 0s;} 

/* /ks_theme_kinetik/static/src/css/scss/pages/blogs.scss defined in bundle 'web.assets_frontend' */
 @media (min-width: 1200px){#oe_structure_website_blog_latest_blogs_1 ~ .container{max-width: 1400px;}} #oe_structure_website_blog_latest_blogs_1 ~ .container .col-lg-12.text-center > h1{margin-bottom: 24px;} #oe_structure_website_blog_latest_blogs_1 ~ .container .text-muted{clear: both;} #oe_structure_website_blog_latest_blogs_1 ~ .container .text-muted .fa-tags, #oe_structure_website_blog_latest_blogs_1 ~ .container .text-muted .badge-primary{float: left; margin-right: 5px; margin-top: 8px; margin-bottom: 8px;} #oe_structure_website_blog_latest_blogs_1 ~ .container .text-muted .fa-folder-open{margin-right: 10px;} #oe_structure_website_blog_latest_blogs_1 ~ .container > .row > .col-lg-4{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); padding: 20px; margin: 10px; max-width: calc(33% - 20px);} @media (max-width: 990px){#oe_structure_website_blog_latest_blogs_1 ~ .container > .row > .col-lg-4{flex: calc(50% - 20px); max-width: calc(50% - 20px);}} @media (max-width: 576px){#oe_structure_website_blog_latest_blogs_1 ~ .container > .row > .col-lg-4{max-width: 100%; flex: 100%;}} #oe_structure_website_blog_latest_blogs_1 ~ .container > .row > .col-lg-4 h4 + .text-muted{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;} #oe_structure_website_blog_latest_blogs_1 ~ .container > .row > .col-lg-4 h4 + .text-muted .fa-calendar + span{width: calc(100% - 25px); display: block; margin-bottom: 8px; margin-top: -2px;} #oe_structure_website_blog_latest_blogs_1 ~ .container > .row > .col-lg-4 h4 + .text-muted a.mr8{margin-left: 5px;} #oe_structure_website_blog_latest_blogs_2{margin-bottom: 40px;} .text-muted a.badge.badge-primary{position: relative; border-radius: 0px; width: initial; width: fit-content; padding: 0 10px;} .text-muted a.badge.badge-primary:hover{background: #195f6f; color: #ffffff;} .post-meta.text-muted.text-center{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center;} .post-meta.text-muted.text-center .fa-tags{margin-right: 5px;} .js_blog.website_blog .container{max-width: 1400px;} .js_blog.website_blog .container .col-lg-12.mb32.mt16.text-center{margin-bottom: 0 !important;} .js_blog.website_blog .container .col-lg-12.mb32.mt16.text-center h1{margin-top: 20px; margin-bottom: 24px; font-size: 28px;} @media (min-width: 1200px){.js_blog.website_blog #blog_right_column{margin-left: 20px;}} .js_blog.website_blog #blog_right_column > section{box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); padding-bottom: 16px;} .js_blog.website_blog #blog_right_column > section h4{background: #e4e4e4; padding: 10px; font-size: 18px;} .js_blog.website_blog #blog_right_column > section h4 ~ p{padding: 10px; margin: 0 !important;} .js_blog.website_blog #blog_right_column > section:first-child{margin-top: 16px !important;} .js_blog.website_blog #blog_right_column .blog_post_year_collapse > i{color: #5d6363;} .js_blog.website_blog #blog_right_column .nav-pills .nav-link.active{background-color: transparent; color: #0a0a0a;} .js_blog.website_blog #blog_right_column .input-group, .js_blog.website_blog #blog_right_column h2.mt4, .js_blog.website_blog #blog_right_column .nav-item{padding: 0 10px;} .js_blog.website_blog #blog_right_column h2.mt4{margin: 0 !important;} .js_blog.website_blog #blog_right_column .input-group{padding-top: 8px;} .js_blog.website_blog #blog_right_column .blog_tags{padding-bottom: 6px !important;} .js_blog.website_blog #blog_right_column .blog_tags .nav-link{background: #228399; color: #ffffff; border-radius: 0; margin-bottom: 10px;} .js_blog.website_blog #main_column{margin-bottom: 40px;} .js_blog.website_blog #main_column .fa-tags{margin-left: 10px;} .js_blog.website_blog .o_sharing_links{margin-top: 0; position: absolute; top: 0; z-index: 20; right: 0; height: 250px; background: rgba(255, 255, 255, 0.4); padding: 10px 0;} .js_blog.website_blog .o_sharing_links .fa{display: block; width: 45px; text-align: center; height: 45px; line-height: 45px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); padding: 0; margin: 0; color: #fff; font-size: 16px; transition: 0.2s ease-in-out;} .js_blog.website_blog .o_sharing_links .fa:hover{transform: scale(1.1);} 

/* /ks_theme_kinetik/static/src/css/flipclock.css defined in bundle 'web.assets_frontend' */
 .flip-clock-wrapper *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;} .flip-clock-wrapper a{cursor: pointer; text-decoration: none; color: #ccc;} .flip-clock-wrapper a:hover{color: #fff;} .flip-clock-wrapper ul{list-style: none;} .flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.clearfix:after{content: " "; display: table;} .flip-clock-wrapper.clearfix:after{clear: both;} .flip-clock-wrapper.clearfix{*zoom: 1;} .flip-clock-wrapper{font: normal 11px "Helvetica Neue", Helvetica, sans-serif; -webkit-user-select: none;} .flip-clock-meridium{background: none !important; box-shadow: 0 0 0 !important; font-size: 36px !important;} .flip-clock-meridium a{color: #313333;} .flip-clock-wrapper{text-align: center; position: relative; width: 100%; margin: 1em;} .flip-clock-wrapper:before, .flip-clock-wrapper:after{content: " "; display: table;} .flip-clock-wrapper:after{clear: both;} .flip-clock-wrapper ul{position: relative; float: left; margin: 5px; width: 60px; height: 90px; font-size: 80px; font-weight: bold; line-height: 87px; border-radius: 6px; background: #000;} .flip-clock-wrapper ul li{z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 87px; text-decoration: none !important;} .flip-clock-wrapper ul li:first-child{z-index: 2;} .flip-clock-wrapper ul li a{display: block; height: 100%; -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; margin: 0 !important; overflow: visible !important; cursor: default !important;} .flip-clock-wrapper ul li a div{z-index: 1; position: absolute; left: 0; width: 100%; height: 50%; font-size: 80px; overflow: hidden; outline: 1px solid transparent;} .flip-clock-wrapper ul li a div .shadow{position: absolute; width: 100%; height: 100%; z-index: 2;} .flip-clock-wrapper ul li a div.up{-webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; top: 0;} .flip-clock-wrapper ul li a div.up:after{content: ""; position: absolute; top: 44px; left: 0; z-index: 5; width: 100%; height: 3px; background-color: #000; background-color: rgba(0, 0, 0, 0.4);} .flip-clock-wrapper ul li a div.down{-webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; bottom: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;} .flip-clock-wrapper ul li a div div.inn{position: absolute; left: 0; z-index: 1; width: 100%; height: 200%; color: #ccc; text-shadow: 0 1px 2px #000; text-align: center; background-color: #333; border-radius: 6px; font-size: 70px;} .flip-clock-wrapper ul li a div.up div.inn{top: 0;} .flip-clock-wrapper ul li a div.down div.inn{bottom: 0;} .flip-clock-wrapper ul.play li.flip-clock-before{z-index: 3;} .flip-clock-wrapper .flip{box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);} .flip-clock-wrapper ul.play li.flip-clock-active{-webkit-animation: asd 0.01s 0.49s linear both; -moz-animation: asd 0.01s 0.49s linear both; animation: asd 0.01s 0.49s linear both; z-index: 5;} .flip-clock-divider{float: left; display: inline-block; position: relative; width: 20px; height: 100px;} .flip-clock-divider:first-child{width: 0;} .flip-clock-dot{display: block; background: #323434; width: 10px; height: 10px; position: absolute; border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); left: 5px;} .flip-clock-divider .flip-clock-label{position: absolute; top: -1.5em; right: -86px; color: black; text-shadow: none;} .flip-clock-divider.minutes .flip-clock-label{right: -88px;} .flip-clock-divider.seconds .flip-clock-label{right: -91px;} .flip-clock-dot.top{top: 30px;} .flip-clock-dot.bottom{bottom: 30px;} @-webkit-keyframes asd{0%{z-index: 2;}100%{z-index: 4;}} @-moz-keyframes asd{0%{z-index: 2;}100%{z-index: 4;}} @-o-keyframes asd{0%{z-index: 2;}100%{z-index: 4;}} @keyframes asd{0%{z-index: 2;}100%{z-index: 4;}} .flip-clock-wrapper ul.play li.flip-clock-active .down{z-index: 2; -webkit-animation: turn 0.5s 0.5s linear both; -moz-animation: turn 0.5s 0.5s linear both; animation: turn 0.5s 0.5s linear both;} @-webkit-keyframes turn{0%{-webkit-transform: rotateX(90deg);}100%{-webkit-transform: rotateX(0deg);}} @-moz-keyframes turn{0%{-moz-transform: rotateX(90deg);}100%{-moz-transform: rotateX(0deg);}} @-o-keyframes turn{0%{-o-transform: rotateX(90deg);}100%{-o-transform: rotateX(0deg);}} @keyframes turn{0%{transform: rotateX(90deg);}100%{transform: rotateX(0deg);}} .flip-clock-wrapper ul.play li.flip-clock-before .up{z-index: 2; -webkit-animation: turn2 0.5s linear both; -moz-animation: turn2 0.5s linear both; animation: turn2 0.5s linear both;} @-webkit-keyframes turn2{0%{-webkit-transform: rotateX(0deg);}100%{-webkit-transform: rotateX(-90deg);}} @-moz-keyframes turn2{0%{-moz-transform: rotateX(0deg);}100%{-moz-transform: rotateX(-90deg);}} @-o-keyframes turn2{0%{-o-transform: rotateX(0deg);}100%{-o-transform: rotateX(-90deg);}} @keyframes turn2{0%{transform: rotateX(0deg);}100%{transform: rotateX(-90deg);}} .flip-clock-wrapper ul li.flip-clock-active{z-index: 3;} .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow{background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black)); background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both;} .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow{background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black)); background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.3s linear both;} .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow{background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both;} .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow{background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.2s linear both;} @-webkit-keyframes show{0%{opacity: 0;}100%{opacity: 1;}} @-moz-keyframes show{0%{opacity: 0;}100%{opacity: 1;}} @-o-keyframes show{0%{opacity: 0;}100%{opacity: 1;}} @keyframes show{0%{opacity: 0;}100%{opacity: 1;}} @-webkit-keyframes hide{0%{opacity: 1;}100%{opacity: 0;}} @-moz-keyframes hide{0%{opacity: 1;}100%{opacity: 0;}} @-o-keyframes hide{0%{opacity: 1;}100%{opacity: 0;}} @keyframes hide{0%{opacity: 1;}100%{opacity: 0;}} 

/* /ks_theme_kinetik/static/src/css/product_pdf.css defined in bundle 'web.assets_frontend' */
.modal-dialog.size_chart_preview_modal{width: 90%; max-width: 750px;} .modal-dialog.size_chart_preview_modal .modal-body{position: relative; padding: 15px; height: 50vh; box-sizing: border-box; overflow: auto;} .modal-dialog.size_chart_preview_modal .modal-body iframe{border: none;} .modal-dialog.size_chart_preview_modal .modal-body img{max-width: 100%;} .mr-8{margin-right: 2%;} #size_chart_modal.show{display: flex !important; align-items: center; justify-content: center;}