#wrap .s_category_banners .banner_a .banner_text h4.main-text, #wrap .s_category_banners .banner_b .banner_text h4.main-text{color: white !important;} #wrap .s_category_banners .banner_a .banner_text span.styled-text, #wrap .s_category_banners .banner_b .banner_text span.styled-text{font-family: 'Petit Formal Script', cursive; font-size: 1.75rem; font-weight: normal; color: white;} #wrap .s_inventive_gallery_type_3 .row{margin-right: -5px; margin-left: -5px;} #wrap .s_inventive_gallery_type_3 .row img.img{object-fit: cover;} #wrap .s_inventive_gallery_type_3 .banner{max-height: 335px; height: auto; padding: 10px 5px; position: relative;} #wrap .s_inventive_gallery_type_3 .banner .content{padding: 15px; width: 40%; height: 60%; position: absolute; top: 20%; left: 10%; bottom: 40%; animation: forwards, zoomOut .2s linear forwards; background-color: rgba(225, 225, 225, 0.65); 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;} #wrap .s_inventive_gallery_type_3 .banner .content .h_tag{font-size: 1.5rem; color: #333333; line-height: 39px;} #wrap .s_inventive_gallery_type_3 .banner .content .btn-secondary{background: #07268C; color: white;} #wrap .s_inventive_gallery_type_3 .banner .content .btn-secondary:hover{background: #07268C !important;} #wrap .s_inventive_gallery_type_3 .banner:hover .content{opacity: 1; animation: forwards, zoomIn .3s linear forwards;} @media (max-width: 991.98px){#wrap .s_inventive_gallery_type_3 .banner .content{opacity: 1; animation: forwards, zoomIn .3s linear forwards;}} #wrap .s_inventive_gallery_type_3 .s_banner{max-height: 230px; min-height: 100px; height: auto; padding: 10px 5px; position: relative;} #wrap .s_inventive_gallery_type_3 .s_banner .h_tag{position: absolute; left: 5px; right: 5px; bottom: 10px; font-size: 1.25rem; line-height: 39px; color: white; padding: 15px; background-color: rgba(0, 0, 0, 0.65); transition: all .2s linear;} #wrap .s_inventive_gallery_type_3 .s_banner:hover .h_tag{background-color: #07268C;} #wrap .s_inventive_gallery_type_3 .s_image{display: -webkit-box; display: -webkit-flex; display: flex; background-color: whitesmoke; height: 100%; overflow: hidden;} #wrap .s_inventive_testimonials .s_div{background-color: #2d545e !important;} #wrap .s_inventive_testimonials .nav-item{background-color: transparent !important;} #wrap .s_inventive_testimonials .nav-link{border-radius: 50px; padding: 0; border: 3px solid #2d545e; margin: 0 5px;} #wrap .s_inventive_testimonials .nav-link img{height: 50px; width: 50px;} #wrap .s_inventive_testimonials .nav-link.active{background-color: white !important; border: 3px solid white;} #wrap .s_inventive_blog_snippet .js_get_posts{justify-content: center;} #wrap .s_inventive_blog_snippet .s_latest_posts_post > a{padding: 40px 30px; background: #F3F3F3; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; height: 100%; width: 100%;} #wrap .s_inventive_blog_snippet .s_latest_posts_post > a .h_tag{margin-bottom: 10px;} #wrap .s_inventive_blog_snippet .s_latest_posts_post .author_detail{align-items: center;} #wrap .s_inventive_blog_snippet .s_latest_posts_post .author_detail img{margin-right: 5px; max-width: 50px; border-radius: 50px;} #wrap .s_inventive_blog_snippet .s_latest_posts_post .author_detail .detail{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;} #wrap .s_inventive_blog_snippet_2 .js_get_posts{justify-content: center;} #wrap .s_inventive_blog_snippet_2 .item-box-blog{position: relative; border: 1px solid #dadada; text-align: center; z-index: 4; padding: 20px;} #wrap .s_inventive_blog_snippet_2 .item-box-blog-date{position: absolute; z-index: 5; padding: 4px 20px; top: 0px; right: 30px; color: white; background-color: #708198;} #wrap .s_inventive_blog_snippet_2 .item-box-blog-image img{width: 100%; height: auto;} #wrap .s_inventive_blog_snippet_2 .item-box-blog-image figure{margin: 0;} #wrap .s_inventive_blog_snippet_2 .item-box-blog-image figure .o_blog_cover_image{min-height: 200px; background-position: center; background-size: cover;} #wrap .s_inventive_blog_snippet_2 .item-box-blog-body{padding: 10px;} #wrap .s_inventive_blog_snippet_2 .item-box-blog-body .item-box-blog-data{padding: 10px; font-size: 12px;} #wrap .s_inventive_blog_snippet_2 .item-box-blog-body .item-box-blog-data p{margin: 0;} #wrap .s_inventive_blog_snippet_2 .item-box-blog-text{max-height: 100px; overflow: hidden; font-size: 1rem; font-weight: 500;} #wrap .s_inventive_blog_snippet_2 .item-box-blog-btn .btn{float: left; margin-top: 15px; background-color: #708198; box-shadow: 0px 5px 15px inset #4d5f77; cursor: pointer; padding: .25rem 1.25rem; color: white;} #wrap .s_inventive_shopping_display .shopping{display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; flex-direction: row;} #wrap .s_inventive_shopping_display .shopping h2{font-family: 'Exo 2', sans-serif; font-size: 3rem; font-weight: 400; color: #fefefe; margin-bottom: 0; position: relative; z-index: 10;} #wrap .s_inventive_shopping_display .shopping .button{font-family: Montserrat,Arial,Helvetica,sans-serif; z-index: 10; line-height: 1rem; opacity: .8; letter-spacing: 1px; transition: all .15s ease; border-style: solid; border-width: 1px; cursor: pointer; font-weight: 400; margin: 0 0 1rem; text-align: center; text-decoration: none; display: inline-block; border-color: #000; color: #282828; padding: .6rem 2.26923rem; border-radius: 0; outline: 0; vertical-align: middle;} #wrap .s_inventive_shopping_display .shopping .button--primary{background-color: #000; border-color: #000; color: #fff;} #wrap .s_inventive_shopping_display .shopping .button--primary:active, #wrap .s_inventive_shopping_display .shopping .button--primary:hover, #wrap .s_inventive_shopping_display .shopping .button--primary:focus{background-color: #333; border: 1px solid #333; color: #fff;} #wrap .s_inventive_shopping_display .focus-product{background: center no-repeat #353535; padding: 12rem 2rem 1rem; -ms-flex: 1 1 50%; flex: 1 1 50%; position: relative; background-size: cover;} #wrap .s_inventive_shopping_display .focus-product:before{content: ''; background: #212121; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; opacity: .7; transition: all .1s linear;} #wrap .s_inventive_shopping_display .focus-product:hover:before{opacity: .1;} #wrap .s_inventive_shopping_display .sub-product{background: center no-repeat #353535; padding: 12rem 2rem 1rem; flex: 1 1 25%; text-align: right; position: relative; background-size: cover;} #wrap .s_inventive_shopping_display .sub-product:before{content: ''; background: #212121; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; opacity: .7; transition: all .1s linear;} #wrap .s_inventive_shopping_display .sub-product:hover:before{opacity: .1;} #wrap .s_inventive_shopping_deal .p_column{background-position: center; position: relative; min-height: 555px;} #wrap .s_inventive_shopping_deal .p_column .content{width: 50%; margin: auto; position: absolute; top: 0; bottom: 0; right: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; color: white; z-index: 2;} #wrap .s_inventive_shopping_deal .p_column .content .p_tag{font-size: 1.25rem;} #wrap .s_inventive_shopping_deal .p_column .content .h_tag{font-size: 2rem;} #wrap .s_inventive_shopping_deal .p_column .content .deal{font-size: 3rem; color: #A0FF1D;} #wrap .s_inventive_shopping_deal .p_column:after{content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; display: block; transition: all .1s linear;} #wrap .s_inventive_shopping_deal .p_column:hover:after{z-index: 1; background-color: rgba(0, 0, 0, 0.4);} #wrap .s_inventive_shopping_category .super_row.row{padding: 16px 32px;} #wrap .s_inventive_shopping_category .home-category .wrapper{position: relative; cursor: pointer; transform: scale(1); transition: transform 0.3s cubic-bezier(0, 0.25, 0.1, 1); overflow: hidden;} #wrap .s_inventive_shopping_category .home-category .wrapper img{transform: scale(1.075); transition: transform 0.6s cubic-bezier(0, 0.25, 0.1, 1);} #wrap .s_inventive_shopping_category .home-category .wrapper .overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; display: block; background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));} #wrap .s_inventive_shopping_category .home-category .wrapper .content{position: absolute; bottom: 0; width: 100%; display: block; padding: 2rem; text-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);} #wrap .s_inventive_shopping_category .home-category .wrapper .content .heading{font-weight: 600; font-size: 1.25rem; font-family: "Montserrat",Arial,Helvetica,sans-serif; color: white;} #wrap .s_inventive_shopping_category .home-category .wrapper .content .subheading{font-family: "Montserrat",Arial,Helvetica,sans-serif; font-weight: 400; font-size: 1rem; color: #FFF; display: block; margin-bottom: 1rem;} #wrap .s_inventive_shopping_category .home-category .wrapper .content .photo-link{font-family: "Montserrat",Arial,Helvetica,sans-serif; color: #FFF; font-weight: 600; font-size: 1.125rem; position: relative; transition: color 150ms ease;} #wrap .s_inventive_shopping_category .home-category .wrapper .content .photo-link:after{content: ''; left: 0; width: 100%; display: block; height: 2px; position: absolute; background-color: #FFF; bottom: .0625rem; opacity: .5; transition: opacity 150ms ease;} #wrap .s_inventive_shopping_category .home-category:hover .wrapper{transform: scale(1.075);} #wrap .s_inventive_shopping_category .home-category:hover .wrapper img{transition: all .4s linear; transform: scale(1);} #wrap .s_inventive_shopping_category .home-category:hover .content .photo-link:after{opacity: 0;} #wrap .s_inventive_shop_now .sub_banner_product .hovereffect{overflow: hidden; position: relative; text-align: center;} #wrap .s_inventive_shop_now .sub_banner_product .hovereffect img{display: block; position: relative; max-width: none; width: calc(100% + 60px); transition: opacity .35s,-webkit-transform .45s; transition: opacity .35s,transform .45s; transition: opacity .35s,transform .45s,-webkit-transform .45s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0);} #wrap .s_inventive_shop_now .sub_banner_product .hovereffect .overlay{width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; padding: 2em; text-align: left;} #wrap .s_inventive_shop_now .sub_banner_product .hovereffect h2{text-transform: uppercase; color: #fff; font-family: "Montserrat",Arial,Helvetica,sans-serif; position: relative; padding: 0 0 10px; margin: 0 0 30%; opacity: 1; transition: all ease .5s;} #wrap .s_inventive_shop_now .sub_banner_product .hovereffect p{text-align: center;} #wrap .s_inventive_shop_now .sub_banner_product .hovereffect p a{margin-bottom: -10px; transition: ease .5s all; font-size: 1.5rem; opacity: 0; filter: alpha(opacity=0); transition: opacity .35s,transform .45s; transform: translate3d(-10px, 0, 0); font-weight: 700; text-transform: uppercase;} #wrap .s_inventive_shop_now .sub_banner_product .hovereffect:hover .overlay{background-color: rgba(255, 255, 255, 0.7) !important;} #wrap .s_inventive_shop_now .sub_banner_product .hovereffect:hover img{opacity: 1; filter: alpha(opacity=60); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} #wrap .s_inventive_shop_now .sub_banner_product .hovereffect:hover h2{opacity: 0; margin: -10px 0 30%;} #wrap .s_inventive_shop_now .sub_banner_product .hovereffect:hover p a{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} #wrap .s_inventive_featured_products_1{background: whitesmoke;} #wrap .s_inventive_featured_products_1 .row{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;} #wrap .s_inventive_featured_products_1 .row img{object-fit: contain;} #wrap .s_inventive_featured_products_1 .row > div{flex-grow: 1; max-width: 33.333%; padding: 0 15px; overflow: hidden;} @media (max-width: 991.98px){#wrap .s_inventive_featured_products_1 .row > div{max-width: 100%; min-width: 300px;}} @media (max-width: 767.98px){#wrap .s_inventive_featured_products_1 .row > div{border-right: none;}} #wrap .s_inventive_featured_products_1 .f_products_div{min-height: 404px; max-height: 404px; overflow-y: auto; margin-right: -24px; padding-right: 15px; position: relative;} #wrap .s_inventive_featured_products_1 .f_products_div.fade_out_dummy_view .dummy_view{animation: fadeOut .3s linear; animation-fill-mode: both;} #wrap .s_inventive_featured_products_1 .s_product.dummy_view:nth-child(1){animation-delay: 0.2s;} #wrap .s_inventive_featured_products_1 .s_product.dummy_view:nth-child(2){animation-delay: 0.4s;} #wrap .s_inventive_featured_products_1 .s_product.dummy_view:nth-child(3){animation-delay: 0.6s;} #wrap .s_inventive_featured_products_1 .s_product.dummy_view:nth-child(4){animation-delay: 0.8s;} #wrap .s_inventive_featured_products_1 .s_product.dummy_view:nth-child(5){animation-delay: 1s;} #wrap .s_inventive_featured_products_1 .s_product.dummy_view:nth-child(6){animation-delay: 1.2s;} #wrap .s_inventive_featured_products_1 .dyn_products{position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: -10;} #wrap .s_inventive_featured_products_1 .s_product{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; padding: 5px 0; margin-bottom: 1px; height: 100px; max-height: 100px; transition: all .3s linear; background-color: white;} #wrap .s_inventive_featured_products_1 .s_product .s_product_image{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex: 0 0 30%; max-width: 30%;} #wrap .s_inventive_featured_products_1 .s_product .s_product_image a{height: inherit; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: flex; max-height: 100%;} #wrap .s_inventive_featured_products_1 .s_product .s_product_image img{max-width: 100%;} #wrap .s_inventive_featured_products_1 .s_product .s_product_content{flex: 0 0 70%; max-width: 70%; padding-left: 10px; 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;} #wrap .s_inventive_featured_products_1 .s_product .s_product_content h5{text-overflow: ellipsis; overflow: hidden; max-width: 100%; white-space: nowrap;} #wrap .s_inventive_featured_products_1 .s_product .s_product_content h5 .btn-danger{position: absolute; bottom: 5px; right: 5px; font-size: .75rem; padding: 3px 8px;} #wrap .s_inventive_featured_products_1 .s_product .s_product_content .inventive_product_price{font-weight: normal; color: darkslateblue;} #wrap .s_inventive_featured_products_1 .s_product:hover{z-index: 5; background-color: lightgrey;} #wrap .s_inventive_featured_products_1 .s_product.dummy_view{color: #eee;} #wrap .s_inventive_featured_products_1 .s_product.dummy_view .s_product_image{font-size: 70px;} #wrap .s_inventive_featured_products_1 .s_product.dummy_view .s_product_content{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: space-between;} #wrap .s_inventive_featured_products_1 .s_product.dummy_view .s_product_content h5{background-color: #eee; width: 150px; height: 20px;} #wrap .s_inventive_featured_products_1 .s_product.dummy_view .s_product_content .inventive_product_price{background-color: #eee; width: 100px; height: 15px;} #wrap .s_inventive_featured_products_1 .s_product.dummy_view .s_product_content .o_website_rating_static, #wrap .s_inventive_featured_products_1 .s_product.dummy_view .s_product_content .o_website_rating_static .rating_val{color: #ccc;} #wrap .s_inventive_featured_products_1 .s_product.dummy_view .s_product_image, #wrap .s_inventive_featured_products_1 .s_product.dummy_view h5, #wrap .s_inventive_featured_products_1 .s_product.dummy_view .inventive_product_price{position: relative; overflow: hidden;} #wrap .s_inventive_featured_products_1 .s_product.dummy_view .s_product_image:before, #wrap .s_inventive_featured_products_1 .s_product.dummy_view h5:before, #wrap .s_inventive_featured_products_1 .s_product.dummy_view .inventive_product_price:before{content: " "; position: absolute; transform: rotate(45deg); width: 20px; height: 300%; top: -100%; margin-left: 28px; background: linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent); animation: loading 1s forwards; animation-iteration-count: infinite;} #wrap .s_inventive_featured_products_1 .s_product.dummy_view .s_product_image:after, #wrap .s_inventive_featured_products_1 .s_product.dummy_view h5:after, #wrap .s_inventive_featured_products_1 .s_product.dummy_view .inventive_product_price:after{content: " "; position: absolute; transform: rotate(45deg); width: 20px; height: 300%; top: -100%; background: linear-gradient(to left, rgba(0, 0, 0, 0.1), transparent); animation: loading 1s forwards; animation-iteration-count: infinite;} #wrap .s_inventive_featured_products_1 .view_all{min-height: 20px !important; box-shadow: unset !important; padding: 10px; height: auto;} #wrap .s_inventive_featured_products_2 .row > div{flex-grow: 1; max-width: 33.333%; padding: 0 15px; margin-top: 15px;} @media (max-width: 991.98px){#wrap .s_inventive_featured_products_2 .row > div{max-width: 50%; min-width: 300px;}} @media (max-width: 767.98px){#wrap .s_inventive_featured_products_2 .row > div{max-width: 100%; min-width: 300px;}} #wrap .s_inventive_featured_products_2 .dyn_products_item{background-color: white;} #wrap .s_inventive_featured_products_2 .f_product_nav{margin-left: -10px; margin-right: -10px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; width: 20%;} #wrap .s_inventive_featured_products_2 .f_product_nav .owl-prev, #wrap .s_inventive_featured_products_2 .f_product_nav .owl-next{font-size: 1.5rem; padding: 0 .75rem; display: inline-block; color: #333333;} #wrap .s_inventive_featured_products_2 .heading{padding: 5px 0;} #wrap .s_inventive_featured_products_2 .heading .h_tag{font-size: 1.5rem; color: #333333;} #wrap .s_inventive_featured_products_2 .f_products_div{min-height: 480px; margin-top: 10px; display: inline-block; position: relative; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.21);} #wrap .s_inventive_featured_products_2 .f_products_div .owl-stage-outer{padding: 0 !important;} #wrap .s_inventive_featured_products_2 .s_product{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; padding: 15px 5px; height: 160px; transition: all .3s linear;} #wrap .s_inventive_featured_products_2 .s_product .s_product_image{flex: 0 0 35%; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; max-width: 35%; background: #F7F7F7; padding: 0 5px;} #wrap .s_inventive_featured_products_2 .s_product .s_product_image a{height: inherit; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: flex; max-height: 100%;} #wrap .s_inventive_featured_products_2 .s_product .s_product_image img{max-width: 100%;} #wrap .s_inventive_featured_products_2 .s_product .s_product_content{flex: 0 0 65%; max-width: 65%; position: relative; padding: 15px 20px; 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;} #wrap .s_inventive_featured_products_2 .s_product .s_product_content p{text-overflow: ellipsis; overflow: hidden; max-width: 100%; white-space: nowrap; font-size: 1rem; color: #333333;} #wrap .s_inventive_featured_products_2 .s_product .s_product_content p .btn-danger{position: absolute; bottom: 5px; right: 5px; font-size: .75rem; padding: .25rem .5rem;} #wrap .s_inventive_featured_products_2 .s_product .s_product_content .inventive_product_price{font-weight: normal; font-size: 1.25rem; color: darkslateblue;} #wrap .s_inventive_featured_products_2 .s_product:hover{background: #F5F5F5;} #wrap .s_inventive_top_collections .container, .s_inventive_recomended_products .container{position: relative;} #wrap .s_inventive_top_collections .collection_heading, .s_inventive_recomended_products .collection_heading{padding: 20px 0; color: #4c6665; font-size: 2.25rem; text-transform: uppercase;} #wrap .s_inventive_top_collections .top_collection, .s_inventive_recomended_products .top_collection{width: 95%; margin: auto;} #wrap .s_inventive_top_collections .top_collection .item, .s_inventive_recomended_products .top_collection .item{padding: 0 10px; margin-top: 10px;} #wrap .s_inventive_top_collections .top_collection .item .item_img, .s_inventive_recomended_products .top_collection .item .item_img{position: relative;} #wrap .s_inventive_top_collections .top_collection .item:hover .item_title, .s_inventive_recomended_products .top_collection .item:hover .item_title{background-color: rgba(76, 102, 101, 0.4);} #wrap .s_inventive_top_collections .top_collection .item:hover .item-buttons, .s_inventive_recomended_products .top_collection .item:hover .item-buttons{opacity: 1;} #wrap .s_inventive_top_collections .item_title, .s_inventive_recomended_products .item_title{transition: .1s all linear; background-color: rgba(76, 102, 101, 0.6); position: absolute; bottom: 0px; right: 10px; left: 10px; height: 43px; color: white; font-family: sans-serif; font-weight: 600; text-transform: uppercase; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;} #wrap .s_inventive_top_collections .leftlines, #wrap .s_inventive_top_collections .rightline, .s_inventive_recomended_products .leftlines, .s_inventive_recomended_products .rightline{position: absolute; top: 0; bottom: 0; left: -15px;} #wrap .s_inventive_top_collections .leftlines span, #wrap .s_inventive_top_collections .rightline span, .s_inventive_recomended_products .leftlines span, .s_inventive_recomended_products .rightline span{width: 1px; margin-left: 5px; height: 100%; background-color: #7b9d9c; display: inline-block;} #wrap .s_inventive_top_collections .rightline, .s_inventive_recomended_products .rightline{right: -15px; left: unset;} #wrap .s_inventive_top_collections section, .s_inventive_recomended_products section{opacity: .5; text-align: center; margin: 15px 0;} #wrap .s_inventive_top_collections .item-buttons, .s_inventive_recomended_products .item-buttons{position: absolute; top: 50%; transform: translate(0%, -50%); 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; opacity: 0; right: 0; left: 0; transition: .2s all linear;} #wrap .s_inventive_top_collections .item-buttons .btn-defalut, .s_inventive_recomended_products .item-buttons .btn-defalut{margin: 5px; padding: 5px 30px; background-color: rgba(255, 255, 255, 0.8); color: #555555;} #wrap .s_inventive_top_collections .item-buttons .btn-defalut:hover, .s_inventive_recomended_products .item-buttons .btn-defalut:hover{background-color: white;} #wrap .s_inventive_banner_newsletter .banner_newsletter{min-height: 195px;} #wrap .s_inventive_banner_newsletter .banner_newsletter .ns_heading, #wrap .s_inventive_banner_newsletter .banner_newsletter .ns_text{color: white;} #wrap .s_inventive_banner_newsletter .banner_newsletter .input-group{width: 70%;} #wrap .s_inventive_banner_newsletter .banner_newsletter .input-group input.js_subscribe_email{margin-right: 10px; border-radius: 0 !important;} #wrap .s_inventive_banner_newsletter .banner_newsletter .btn-defalut{border-radius: 0px; background-color: #2d545e; transition: .2s all linear; color: white; padding: 0.375rem 1.75rem;} #wrap .s_inventive_banner_newsletter .banner_newsletter .btn-defalut:hover{background-color: white; color: #2d545e;} #wrap .s_inventive_interactive_display .p_column{padding: 5px; font-size: 0;} #wrap .s_inventive_interactive_display .p_column .figure{position: relative; overflow: hidden; height: 350px; text-align: center;} #wrap .s_inventive_interactive_display .p_column .figcaption{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 6%; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: block;} #wrap .s_inventive_interactive_display .p_column .link.btn{background-color: transparent; font-size: 0; border: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0;} #wrap .s_inventive_interactive_display .p_column.design_1 .heading, #wrap .s_inventive_interactive_display .p_column.design_1 .msg{padding: 20px; width: 47%; height: 47%; border: 2px solid #fff;} #wrap .s_inventive_interactive_display .p_column.design_1 .img{opacity: .9; transition: opacity 0.35s, transform 0.35s;} #wrap .s_inventive_interactive_display .p_column.design_1 .heading{text-align: left; transition: transform 0.35s; transform: translate3d(10px, 10px, 0);} #wrap .s_inventive_interactive_display .p_column.design_1 .msg{padding: 20px; opacity: 0; transition: opacity 0.35s, transform 0.35s; transform: translate3d(50%, -50%, 0); letter-spacing: 1px; font-size: .9rem;} #wrap .s_inventive_interactive_display .p_column.design_1 .figure{background: #3085a3; background: linear-gradient(-45deg, #EC65B7 0%, #05E0D8 100%);} #wrap .s_inventive_interactive_display .p_column.design_1:hover .img{opacity: .8;} #wrap .s_inventive_interactive_display .p_column.design_1:hover .msg{opacity: 1; transform: translate3d(104%, 6%, 0);} #wrap .s_inventive_interactive_display .p_column.design_2 .figure{background: #3085a3; background: linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%);} #wrap .s_inventive_interactive_display .p_column.design_2 .figcaption:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; content: ''; opacity: 0; transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); transform-origin: 50% 50%; transition: opacity 0.35s, transform 0.35s;} #wrap .s_inventive_interactive_display .p_column.design_2 .img{opacity: .9; transition: opacity 0.35s, transform 0.35s;} #wrap .s_inventive_interactive_display .p_column.design_2 .heading{padding-top: 26%; transition: transform 0.35s; transform: scale3d(0.8, 0.8, 1);} #wrap .s_inventive_interactive_display .p_column.design_2 .msg{padding: 0.5em 2em; font-size: .9rem; opacity: 0; transform: scale3d(0.8, 0.8, 1); transition: opacity 0.35s, transform 0.35s;} #wrap .s_inventive_interactive_display .p_column.design_2:hover .img{opacity: .8; transform: scale3d(1.05, 1.05, 1);} #wrap .s_inventive_interactive_display .p_column.design_2:hover .heading{transform: scale3d(1, 1, 1);} #wrap .s_inventive_interactive_display .p_column.design_2:hover .msg{opacity: 1; transform: scale3d(1, 1, 1);} #wrap .s_inventive_interactive_display .p_column.design_2:hover .figcaption:before{opacity: 1; transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);} #wrap .s_inventive_interactive_display .p_column.design_3 .figure{z-index: auto; background: #000;} #wrap .s_inventive_interactive_display .p_column.design_3 .img{opacity: 1; transition: transform 0.35s;} #wrap .s_inventive_interactive_display .p_column.design_3 .heading{position: relative; margin-top: 2em; padding: 0.25em; background: #fff; color: #2d434e;} #wrap .s_inventive_interactive_display .p_column.design_3 .msg{background: #fff; color: #2d434e; font-size: 1rem; margin-top: 1em; padding: 0.5em; font-weight: 800; opacity: 0; transition: opacity 0.35s, transform 0.35s; transform: scale3d(0.9, 0.9, 1);} #wrap .s_inventive_interactive_display .p_column.design_3:hover .img{transform: perspective(1000px) translate3d(0, 0, 21px);} #wrap .s_inventive_interactive_display .p_column.design_3:hover .heading{transform: scale3d(1, 1, 1);} #wrap .s_inventive_interactive_display .p_column.design_3:hover .msg{opacity: 1; transform: scale3d(1, 1, 1);} #wrap .s_inventive_interactive_display .p_column.design_3:hover .figure{box-shadow: 0 0px 5px black;} #wrap .s_inventive_interactive_display .p_column.design_4 .figure{background: #3498db;} #wrap .s_inventive_interactive_display .p_column.design_4 .figcaption:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); transform: scale3d(2.3, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);} #wrap .s_inventive_interactive_display .p_column.design_4 .img{opacity: 0.95; transition: opacity 0.35s, transform 0.35s; transform: scale3d(1.05, 1.05, 1);} #wrap .s_inventive_interactive_display .p_column.design_4 .heading{text-align: left;} #wrap .s_inventive_interactive_display .p_column.design_4 .msg{position: absolute; right: 0; bottom: 0; margin: 3em; padding: 0 1em; max-width: 150px; border-right: 4px solid #fff; text-align: right; font-size: .9rem; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s;} #wrap .s_inventive_interactive_display .p_column.design_4:hover .img{opacity: 0.6; transform: scale3d(1, 1, 1);} #wrap .s_inventive_interactive_display .p_column.design_4:hover .heading{transform: scale3d(1, 1, 1);} #wrap .s_inventive_interactive_display .p_column.design_4:hover .msg{opacity: 1; transition-delay: 0.1s;} #wrap .s_inventive_interactive_display .p_column.design_4:hover .figcaption:before{transform: scale3d(2.3, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);} #wrap .s_inventive_interactive_display .p_column.design_5 .figure{background: #18a367;} #wrap .s_inventive_interactive_display .p_column.design_5 .figcaption:before, #wrap .s_inventive_interactive_display .p_column.design_5 .figcaption:after{transition: opacity 0.35s, transform 0.35s; position: absolute; content: ''; opacity: 0;} #wrap .s_inventive_interactive_display .p_column.design_5 .figcaption:before{top: 50px; right: 30px; bottom: 50px; left: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0;} #wrap .s_inventive_interactive_display .p_column.design_5 .figcaption:after{top: 30px; right: 50px; bottom: 30px; left: 50px; border-right: 1px solid #fff; border-left: 1px solid #fff; transform: scale(1, 0); transform-origin: 100%;} #wrap .s_inventive_interactive_display .p_column.design_5 .img{transition: opacity 0.35s, transform 0.35s; transform: translate3d(0, -30px, 0); height: 110%;} #wrap .s_inventive_interactive_display .p_column.design_5 .heading{padding-top: 26%; transition: transform 0.35s; transform: translate3d(0, -30px, 0);} #wrap .s_inventive_interactive_display .p_column.design_5 .msg{transition: opacity 0.35s, transform 0.35s; padding: 0.5em 2em; text-transform: none; font-size: .9rem; opacity: 0; transform: translate3d(0, -10px, 0);} #wrap .s_inventive_interactive_display .p_column.design_5:hover .img{opacity: 0.7; transform: translate3d(0, 0, 0); transition-delay: 0.15s;} #wrap .s_inventive_interactive_display .p_column.design_5:hover .heading{opacity: 1; transform: translate3d(0, 0, 0); transition-delay: 0.15s;} #wrap .s_inventive_interactive_display .p_column.design_5:hover .msg{opacity: 1; transform: translate3d(0, 0, 0); transition-delay: 0.15s;} #wrap .s_inventive_interactive_display .p_column.design_5:hover .figcaption:before, #wrap .s_inventive_interactive_display .p_column.design_5:hover .figcaption:after{opacity: 1; transform: scale(1); transition-delay: 0.15s;} #wrap .s_inventive_interactive_display .p_column.design_6 .figure{background: linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);} #wrap .s_inventive_interactive_display .p_column.design_6 .figcaption:before{position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; opacity: 0; transition: opacity 0.35s, transform 0.35s; transform: translate3d(-20px, 0, 0);} #wrap .s_inventive_interactive_display .p_column.design_6 .img{max-width: none; width: calc(100% + 60px); transition: opacity 0.35s, transform 0.35s; transform: translate3d(-50px, 0, 0);} #wrap .s_inventive_interactive_display .p_column.design_6 .heading{padding: 30% 0 10px 0;} #wrap .s_inventive_interactive_display .p_column.design_6 .msg{opacity: 0; font-size: 1rem; transition: opacity 0.35s, transform 0.35s; transform: translate3d(-10px, 0, 0);} #wrap .s_inventive_interactive_display .p_column.design_6:hover .img{opacity: 0.7; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} #wrap .s_inventive_interactive_display .p_column.design_6:hover .msg{opacity: 1; transform: translate3d(0, 0, 0);} #wrap .s_inventive_interactive_display .p_column.design_6:hover .figcaption:before{opacity: 1; transform: translate3d(0, 0, 0);} #wrap .s_inventive_company_stats .summary .h_tag{color: #2d545e;} #wrap .s_inventive_company_stats .summary .p_tag{font-size: 15px; color: #555555; line-height: 2rem;} #wrap .s_inventive_company_stats .detail .heading{position: relative;} #wrap .s_inventive_company_stats .detail .heading .h_tag{font-size: 125px; color: #EAEAEA; line-height: 98px; margin-bottom: 30px;} #wrap .s_inventive_company_stats .detail .heading .h_tag_2{position: absolute; bottom: 0; left: 0; color: #2d545e;} #wrap .s_inventive_company_stats .detail .stats{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between;} #wrap .s_inventive_company_stats .detail .stats span{background-color: #2d545e; color: white; padding: .25rem 1.25rem; border-radius: 2px;} @media (max-width: 767.98px){#wrap .s_inventive_company_stats .row{padding-bottom: 32px !important; padding-top: 32px !important;}#wrap .s_inventive_company_stats .detail .heading .h_tag{font-size: 110px;}} #wrap .s_inventive_company_team .inventive_carousel{margin: 0;} #wrap .s_inventive_company_team .inventive_carousel .owl-nav{position: absolute; top: 50%; transform: translate(0%, -50%); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; width: 103%; left: -1.5%;} #wrap .s_inventive_company_team .carousel_item{width: 190px; margin: auto; max-width: unset;} #wrap .s_inventive_company_team .carousel_item .user_image{height: 190px; background: #FFFFFF; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); transition: all .2s linear;} #wrap .s_inventive_company_team .carousel_item .user_image img{max-width: 100%; height: 100%; border-radius: 4px;} #wrap .s_inventive_company_team .carousel_item .user_image:hover{opacity: 0.75;} #wrap .s_inventive_company_team .carousel_item .user_detail{text-align: center;} #wrap .s_inventive_company_team .carousel_item .user_detail .h_tag{font-size: 15px; color: #555555; margin: 4px 0;} #wrap .s_inventive_company_team .inventive_carousel:not(.clone) .carousel_item{margin: 10px;} #wrap .s_inventive_testimonial_carousel .s_carousel_default{padding: 16px 0;} #wrap .s_inventive_testimonial_carousel .user_details{text-align: center;} #wrap .s_inventive_testimonial_carousel .user_details .user_image{width: 100px; height: 100px; display: inline-block;} #wrap .s_inventive_testimonial_carousel .user_details .user_image img{height: 100%; width: 100%; border-radius: 4px;} #wrap .s_inventive_testimonial_carousel .user_details .h_tag{font-size: 14px; color: #555555;} #wrap .s_inventive_testimonial_carousel .user_details .p_tag{font-size: 14px; color: #777777; text-align: center; line-height: 22px; opacity: 0;} #wrap .s_inventive_testimonial_carousel .carousel-item.active .user_details .p_tag{animation: fadeIn 0.5s ease-in-out .1s forwards;} #wrap .s_inventive_testimonial_carousel .carousel-control-prev, #wrap .s_inventive_testimonial_carousel .carousel-control-next{height: 30px; width: 30px; top: 50%; border-radius: 50px; transform: translate(0, -50%); background-color: white; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; cursor: pointer;} #wrap .s_inventive_testimonial_carousel .carousel-control-prev .carousel-control-prev-icon, #wrap .s_inventive_testimonial_carousel .carousel-control-next .carousel-control-prev-icon{position: relative; background: none;} #wrap .s_inventive_testimonial_carousel .carousel-control-prev .carousel-control-prev-icon::before, #wrap .s_inventive_testimonial_carousel .carousel-control-next .carousel-control-prev-icon::before{content: "\f104"; font: normal normal normal 14px/1 FontAwesome; position: absolute; top: 0; bottom: 0; right: 0; left: 0; font-size: 20px; color: black; margin-left: -3px;} #wrap .s_inventive_testimonial_carousel .carousel-control-prev .carousel-control-next-icon, #wrap .s_inventive_testimonial_carousel .carousel-control-next .carousel-control-next-icon{position: relative; background: none;} #wrap .s_inventive_testimonial_carousel .carousel-control-prev .carousel-control-next-icon::before, #wrap .s_inventive_testimonial_carousel .carousel-control-next .carousel-control-next-icon::before{content: "\f105"; font: normal normal normal 14px/1 FontAwesome; position: absolute; top: 0; bottom: 0; right: 0; left: 0; font-size: 20px; color: black; margin-right: -3px;} #wrap .s_inventive_services .super_row{margin: 0 -5px;} #wrap .s_inventive_services .super_col{padding: 5px;} #wrap .s_inventive_services .main_div{height: 230px; background: #FFFFFF; border: 1px solid #E8E8E8; border-radius: 2px; overflow: hidden; 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; text-align: center; justify-content: space-evenly;} #wrap .s_inventive_services .main_div:hover{box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);} #wrap .s_inventive_services .main_div .icon{height: 100px; width: 100px; display: inline-block;} #wrap .s_inventive_services .main_div .icon.icon_1{background-image: url("/theme_inventive/static/src/lib/svg/other/fast-delivery.svg"); background-repeat: no-repeat; background-position: center; background-size: 100px;} #wrap .s_inventive_services .main_div .icon.icon_2{background-image: url("/theme_inventive/static/src/lib/svg/other/checkout.svg"); background-repeat: no-repeat; background-position: center; background-size: 100px;} #wrap .s_inventive_services .main_div .icon.icon_3{background-image: url("/theme_inventive/static/src/lib/svg/other/exchange.svg"); background-repeat: no-repeat; background-position: center; background-size: 100px;} #wrap .s_inventive_services .main_div .icon.icon_4{background-image: url("/theme_inventive/static/src/lib/svg/other/delivery.svg"); background-repeat: no-repeat; background-position: center; background-size: 100px;} #wrap .s_inventive_services .main_div .content{max-width: 75%;} #wrap .s_inventive_services .main_div .content .h_tag{text-transform: uppercase;} #wrap .s_inventive_grid_view_6 .super_col .item{position: relative;} #wrap .s_inventive_grid_view_6 .super_col .item img{object-fit: cover; width: 100%;} #wrap .s_inventive_grid_view_6 .super_col .item .content{position: absolute; right: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); height: 40px; overflow: hidden; color: white; transition: all 0.5s ease-in-out; text-align: center; padding: 0 20px;} #wrap .s_inventive_grid_view_6 .super_col .item .content .h_tag{text-align: center; text-transform: uppercase; padding: 10px;} #wrap .s_inventive_grid_view_6 .super_col .item .content .h_tag a{color: white;} #wrap .s_inventive_grid_view_6 .super_col .item .content .btns_div{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;} #wrap .s_inventive_grid_view_6 .super_col .item .content .btns_div a{color: white; text-transform: uppercase; border: 1px solid white; width: 170px; margin: 5px; padding: 0.125rem .75rem; position: relative; overflow: hidden;} #wrap .s_inventive_grid_view_6 .super_col .item .content .btns_div a:after{content: ""; position: absolute; height: 0%; left: 50%; top: 50%; width: 150%; -webkit-transition: all 0.75s ease 0s; -moz-transition: all 0.75s ease 0s; -o-transition: all 0.75s ease 0s; transition: all 0.75s ease 0s; border: 3px solid #AEA8D3; opacity: 0; -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg); transform: translateX(-50%) translateY(-50%) rotate(-25deg);} #wrap .s_inventive_grid_view_6 .super_col .item .content .btns_div a:hover:after{height: 400% !important; opacity: 1; color: #FFF;} #wrap .s_inventive_grid_view_6 .super_col .item:hover .content{height: 70%;} @media (max-width: 991.98px){#wrap .s_inventive_grid_view_6 .super_col .item .content .h_tag{font-size: 14px;}#wrap .s_inventive_grid_view_6 .super_col .item:hover .content{height: 100%;}#wrap .s_inventive_grid_view_6 .super_col .item p.o_default_snippet_text, #wrap .s_inventive_grid_view_6 .super_col .item .btns_div .o_default_snippet_text{font-size: 1rem !important;}} @media (max-width: 767.98px){#wrap .s_inventive_grid_view_6 .super_col .item:hover .content{height: 50%;}} @media (max-width: 575.98px){#wrap .s_inventive_grid_view_6 .super_col .item:hover .content{height: 70%;}} #wrap .s_inventive_grid_view_7 .item{overflow: hidden; position: relative;} #wrap .s_inventive_grid_view_7 .item .a_tag{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 2px white solid !important; border-radius: 0; background-color: transparent !important; color: white !important; opacity: 0; transition: 0.5s;} #wrap .s_inventive_grid_view_7 .item .a_tag:hover{background: rgba(0, 0, 0, 0.5) !important;} #wrap .s_inventive_grid_view_7 .item img{margin-top: 40px;} #wrap .s_inventive_grid_view_7 .item .header_prod_hover .all_text{top: 0; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; position: absolute; flex-flow: column; align-items: center; z-index: 2;} #wrap .s_inventive_grid_view_7 .item .header_prod_hover .all_text .t_tag{transition-duration: 0.5s; margin: 5px;} #wrap .s_inventive_grid_view_7 .item .header_prod_hover .all_text .p_tag{margin-top: -5rem; transition-duration: 0.5s;} #wrap .s_inventive_grid_view_7 .item .header_prod_hover #rectangle_product_hover{transition-duration: 0.25s; width: 110%; height: 80px; position: absolute; top: -40px; left: -10px;} #wrap .s_inventive_grid_view_7 .item .header_prod_hover #rectangle_product_hover #product_hover_rect{width: 110%; height: 100% !important; fill: rgba(45, 84, 94, 0.5);} #wrap .s_inventive_grid_view_7 .item .card-img-top{transition-duration: 0.25s;} #wrap .s_inventive_grid_view_7 .item:hover .a_tag{opacity: 1;} #wrap .s_inventive_grid_view_7 .item:hover .card-img-top{opacity: 0.7;} #wrap .s_inventive_grid_view_7 .item:hover #rectangle_product_hover{transition-duration: 0.25s; transform: rotate(7deg) scale(3.2);} #wrap .s_inventive_grid_view_7 .item:hover .all_text .h_tag{margin-top: 70px;} #wrap .s_inventive_grid_view_7 .item:hover .all_text .p_tag{margin-top: 10px;} @media (max-width: 767.98px){#wrap .s_inventive_grid_view_7 .item .header_prod_hover .all_text .t_tag{font-size: 16px !important;}#wrap .s_inventive_grid_view_7 .item .header_prod_hover .all_text .p_tag{font-size: 12px !important;}} #wrap .s_inventive_grid_view_8 .h_tag{font-weight: 600;} #wrap .s_inventive_grid_view_8 .items{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: center;} #wrap .s_inventive_grid_view_8 .heading{margin: 5px 0;} #wrap .s_inventive_grid_view_8 .super_row{margin: 0 -5px !important;} #wrap .s_inventive_grid_view_8 .super_row .super_col{padding: 0 5px !important;} #wrap .s_inventive_grid_view_8 .card{min-height: 300px; transition-duration: 0.25s; padding: 0;} #wrap .s_inventive_grid_view_8 .card:hover{box-shadow: grey 0 0 43px -22px; transform: translateY(-20px); transition-duration: 0.25s;} #wrap .s_inventive_grid_view_8 .card .card-body{padding: 15px;} #wrap .s_inventive_banner_product_3{background-color: #0e0e0e; width: 100%;} #wrap .s_inventive_banner_product_3 .container .img{object-fit: cover;} #wrap .s_inventive_banner_product_3 .container .row div:nth-child(1) .row .col-md{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center;} #wrap .s_inventive_banner_product_3 .container .row div:nth-child(1) .row .col-md img{transform: scale(1); transition: transform 0.3s ease; margin: 0 0 !important; background: #333333; margin-right: 10px !important; border-radius: 4px;} #wrap .s_inventive_banner_product_3 .container .row div:nth-child(1) .row .col-md img:hover{transform: scale(1.1);} #wrap .s_inventive_banner_product_3 .container .row div:nth-child(1) .row .col-md .r1i1{align-self: flex-end; width: 180px; height: 180px;} #wrap .s_inventive_banner_product_3 .container .row div:nth-child(1) .row .col-md .r1i2{align-self: flex-end; width: 180px; height: 150px;} #wrap .s_inventive_banner_product_3 .container .row div:nth-child(1) .row .col-md .r2i1{align-self: flex-start; width: 120px; height: 120px;} #wrap .s_inventive_banner_product_3 .container .row div:nth-child(1) .row .col-md .r2i2{width: 180px; height: 180px;} #wrap .s_inventive_banner_product_3 .container .row div:nth-child(1) .row .col-md .r2i3{align-self: flex-start; width: 100px; height: 100px;} #wrap .s_inventive_banner_product_3 .container .row div:nth-child(1) .row:nth-child(2){margin-top: 10px;} #wrap .s_inventive_banner_product_3 .container .row div:nth-child(2){color: #fff;} #wrap .s_inventive_banner_product_3 .container .row div:nth-child(2) p{font-size: 18px;} #wrap .s_inventive_banner_product_3 .container .row div:nth-child(2) .s_btn a{font-size: 18px; transition: box-shadow 0.3s ease;} #wrap .s_inventive_banner_product_3 .container .row div:nth-child(2) .s_btn a:hover{box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.3);} #wrap .s_inventive_banner_product_4 .animated{animation-duration: 2s; animation-fill-mode: both;} 

/* /theme_inventive/static/src/scss/snippets/snippet_animations.scss defined in bundle 'web.assets_frontend' */
 .s_inventive_cover_banner.th_snippet .cover_banner_content .text-left{overflow: hidden;} .s_inventive_cover_banner.th_snippet .cover_banner_content .text-left span:first-child{display: inline-block; transform: translateY(100px);} .s_inventive_cover_banner.th_snippet .cover_banner_content .text-left span:last-child{opacity: 0; display: inline-block; margin-left: -100px;} .s_inventive_cover_banner.th_snippet .cover_banner_content .text-right{overflow: hidden;} .s_inventive_cover_banner.th_snippet .cover_banner_content .text-right span:first-child{opacity: 0; display: inline-block; margin-right: -10px;} .s_inventive_cover_banner.th_snippet .cover_banner_content .text-right span:last-child{display: inline-block; transform: translateY(100px);} .s_inventive_cover_banner.th_snippet.animated .cover_banner_content .text-left span:first-child{transform: translateY(0); transition: all .5s linear; transition-delay: 1s;} .s_inventive_cover_banner.th_snippet.animated .cover_banner_content .text-left span:last-child{opacity: 1; margin-left: 0px; transition: all .5s linear; transition-delay: 2s;} .s_inventive_cover_banner.th_snippet.animated .cover_banner_content .text-right span:first-child{opacity: 1; margin-right: 0px; transition: all .5s linear; transition-delay: 2.5s;} .s_inventive_cover_banner.th_snippet.animated .cover_banner_content .text-right span:last-child{transform: translateY(0); transition: all .5s linear; transition-delay: 3s;} .s_category_banners .banner_a:before{animation: s_category_banners-banner_a 1.5s forwards ease-in-out;} .s_category_banners .banner_a .banner_text h4.main-text{animation: s_category_banner_text-showup 17s infinite;} .s_category_banners .banner_a .banner_text > div{width: 0px; animation: s_category_banner_text-reveal 17s infinite;} .s_category_banners .banner_a .banner_text span.styled-text{margin-left: -355px; animation: s_category_banner_text-slidein 17s infinite;} .s_category_banners .banner_b:before{animation: s_category_banners-banner_a 1.5s forwards ease-in-out;} .s_category_banners .banner_b .banner_text h4.main-text{animation: s_category_banner_text-showup 17s infinite;} .s_category_banners .banner_b .banner_text span.styled-text{display: inline-block; animation: s_category_banner_text-dropdown 1 7s infinite;} @keyframes s_category_banner_text-showup{0%{opacity: 0;}20%{opacity: 1;}80%{opacity: 1;}100%{opacity: 0;}} @keyframes s_category_banner_text-reveal{0%{opacity: 0; width: 0px;}20%{opacity: 1; width: 0px;}30%{width: auto;}80%{opacity: 1;}100%{opacity: 0; width: auto;}} @keyframes s_category_banner_text-slidein{0%{margin-left: -800px; opacity: 0;}20%{margin-left: -800px;}35%{margin-left: 0px;}100%{margin-left: 0px; opacity: 1;}} @keyframes s_category_banner_text-dropdown{0%{width: 0; transform: translateY(-200px); opacity: 0;}20%{width: 0; transform: translateY(-200px); opacity: 0;}25%{width: auto; transform: translateY(10px); opacity: 1;}27%{width: auto; transform: translateY(-5px);}28%{width: auto; transform: translateY(0px);}80%{opacity: 1;}100%{width: auto; transform: translateY(0px); opacity: 1; opacity: 0;}} @keyframes s_category_banners-banner_a{0%{top: 300px; bottom: -300px;}100%{top: 0; bottom: 0;}} @keyframes rotate90Plus{0%{transform: rotateY(180deg);}100%{transform: rotateY(0deg);}} @keyframes rotate90Minus{0%{transform: rotateY(0deg);}100%{transform: rotateY(180deg);}} @keyframes slite_move{0%{transform: translateY(50px); opacity: 0;}50%{opacity: 1;}100%{opacity: 1; transform: translate(0);}} @keyframes a-ltr-after{0%{transform: translateX(-100%);}100%{transform: translateX(101%);}} @keyframes a-ltr-before{0%{transform: translateX(0);}100%{transform: translateX(200%);}} 

/* /theme_inventive/static/src/scss/snippets/general_snippets.scss defined in bundle 'web.assets_frontend' */
 #wrap .xtremo_client_word{text-align: center; background-color: #FAFAFA; padding: 16px 0;} #wrap .xtremo_client_word > .container p, #wrap .xtremo_client_word > .container > h1{color: #444444; font-family: inherit;} #wrap .xtremo_client_word > .container > h1{font-weight: bold;} #wrap .xtremo_client_word .item{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row;} #wrap .xtremo_client_word .item .img{flex: 0 0 25%; padding: 20px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center;} #wrap .xtremo_client_word .item .img img{height: 128px; width: 128px; border-radius: 50%;} @media (max-width: 767.98px){#wrap .xtremo_client_word .item .img img{height: 100px; width: 110px;}} #wrap .xtremo_client_word .item .img p{margin-bottom: 5px; margin-top: 16px;} #wrap .xtremo_client_word .item .content{flex: 0 0 75%; background-color: white; padding: 20px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} #wrap .xtremo_client_word .item .content span{color: #CCCCCC; font-size: 40px; display: block;} #wrap .xtremo_client_word .item .content p{color: #444444; position: relative; padding: 10px 30px;} @media (max-width: 767.98px){#wrap .xtremo_client_word .item .content p{font-size: 10px !important;}} #wrap .xtremo_client_word .item .content p::before{content: "\f10d"; font-size: 30px; font-family: FontAwesome; position: absolute; top: -30px; left: 0; color: #CCCCCC;} #wrap .xtremo_client_word .carousel-control-next-icon::before{font-size: 20px !important; color: #757575;} #wrap .xtremo_client_word .carousel-control-next-icon::before, #wrap .xtremo_client_word .carousel-control-prev-icon::before{font-size: 20px !important; color: #757575 !important;} #wrap #xtremo_banner_product{height: 80vh !important; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; position: relative; overflow: hidden;} #wrap #xtremo_banner_product .hover-a{position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 5; background-color: transparent; text-align: center; 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;} #wrap #xtremo_banner_product .hover-a p{font-family: cursive !important; font-size: 22px; color: white;} #wrap #xtremo_banner_product .hover-a h1{font-family: initial !important; font-size: 56px; color: white;} #wrap #xtremo_banner_product .hover-a a{padding: 5px 20px; background-color: #bfbfbf; color: white; border-radius: 20px; border: 1px solid #bfbfbf; font-size: 18px; font-weight: bold;} #wrap #xtremo_banner_product .hover-a a:hover{background-color: #fc8927; border: 1px solid #fc8927;} #wrap #xtremo_banner_product .dummy{z-index: 4; background-color: rgba(0, 0, 0, 0.3);} #wrap #xtremo_banner_product .dummy.dummy-right{clip-path: polygon(72% 0, 100% 0, 100% 101%, 51% 101%); left: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; animation: set 0.2s forwards; animation-delay: 0.5s;} @keyframes set{0%{left: 100%; right: 0;}100%{left: 0%; right: 0;}} #wrap #xtremo_banner_product .dummy.dummy-left{position: absolute; top: 0; bottom: 0; right: 0; left: 0; clip-path: polygon(0 0, 60% 0, 39% 101%, 0% 101%); right: 100%; animation: set 0.2s forwards; animation-delay: 0.5s;} @keyframes set{0%{left: 0; right: 100%;}100%{left: 0; right: 0%;}} #wrap #xtremo_banner_product .dummy > div{position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: white; height: 10%;} #wrap #xtremo_banner_product.not-fixed{background-attachment: scroll;} #wrap #xtremo_banner_product.not-fixed h1{margin-bottom: 0;} #wrap #xtremo_banner_product.not-fixed .hr{width: 10%; border-bottom: 2px solid rgba(252, 137, 39, 0.8); margin: 16px 0;} #wrap #xtremo_banner_product.not-fixed p{padding: 0 32px; font-family: inherit !important;} #wrap #xtremo_banner_product.not-fixed .hover-a{background-color: rgba(20, 42, 52, 0.7);} #wrap #xtremo_banner_product.not-fixed .hover-a a{margin-top: 16px; border: 2px solid white; transition: all 0.3s ease-in-out; background-color: transparent;} #wrap #xtremo_banner_product.not-fixed .hover-a a:hover{border: 2px solid rgba(252, 137, 39, 0.8); border-radius: 0; color: rgba(252, 137, 39, 0.8);} #wrap #xtremo_banner_product_2{position: relative;} #wrap #xtremo_banner_product_2 .item{height: 40em !important; background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed;} @media (max-width: 767.98px){#wrap #xtremo_banner_product_2 .item{height: 30em !important;}} #wrap #xtremo_banner_product_2 .item .item-div{height: 100%; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.2);} #wrap #xtremo_banner_product_2 .item .item-div > div{height: auto; padding: 24px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center;} #wrap #xtremo_banner_product_2 .item .item-div > div a{background-color: #fc8927; color: white; border-radius: 3px; border: 1px solid #fc8927; position: absolute; top: 0; margin: auto; padding: 8px; font-size: 16px; font-weight: bold; box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.3) !important;} #wrap #xtremo_banner_product_2 .item .item-div > div .contain{padding: 32px; text-align: center; background-color: white; border-radius: 10px; border: 1px solid white; max-width: 90%;} #wrap #xtremo_banner_product_2 .item .item-div > div .contain h1{color: #2A2A2A; margin-top: 16px; font-weight: bold;} #wrap #xtremo_banner_product_2 .item .item-div > div .contain p{font-size: 12px; color: #757575; font-weight: bold;} #wrap #xtremo_banner_product_2 .absolute-item{position: static !important; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; background-color: white; margin-top: -4%;} @media (max-width: 767.98px){#wrap #xtremo_banner_product_2 .absolute-item{margin-top: -7%;}} #wrap #xtremo_banner_product_2 .absolute-item h3{flex: 0 0 100%; text-align: center; color: #2A2A2A; padding: 16px; margin-bottom: 0;} #wrap #xtremo_banner_product_2 .absolute-item .hr{flex: 0 0 100%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center;} #wrap #xtremo_banner_product_2 .absolute-item .hr > div{width: 20%; border-bottom: 1px solid #bfbfbf; margin-bottom: 24px;} #wrap #xtremo_banner_product_2 .absolute-item .name-product{flex: 0 0 33.33%; padding: 0 8px;} #wrap #xtremo_banner_product_2 .absolute-item .name-product .semi-item{height: 20em !important; border: 8px solid white; border-width: 0 8px; background-size: cover; background-repeat: no-repeat; background-position: center center;} @media (max-width: 767.98px){#wrap #xtremo_banner_product_2 .absolute-item .name-product{flex: 0 0 100%;}#wrap #xtremo_banner_product_2 .absolute-item .name-product .semi-item{height: 10em;}} #wrap #xtremo_bubble_description{background-color: White; padding: 15px 0;} #wrap #xtremo_bubble_description .container{background-color: white; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row;} #wrap #xtremo_bubble_description .container .item{flex: 0 0 50%; 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: space-around; padding: 10px 12px;} #wrap #xtremo_bubble_description .container .item h1{font-size: 3vw; font-weight: 1000; color: black;} #wrap #xtremo_bubble_description .container .item p{font-size: 20px; color: #444444;} #wrap #xtremo_bubble_description .container .item .see-related{font-size: 20px; background-color: white; color: #fc8927; padding: 8px; font-weight: bold; border: 2px solid #fc8927; position: relative;} #wrap #xtremo_bubble_description .container .item .see-related:after{content: "See Here"; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: #fc8927; color: white; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; transition: all 0.4s ease-in-out; overflow: hidden; white-space: nowrap;} #wrap #xtremo_bubble_description .container .item .see-related:hover:after{right: 100%;} #wrap #xtremo_bubble_description .container .item.img{padding: 0; position: relative;} #wrap #xtremo_bubble_description .container .item .full-img{width: 100%; height: 100%; padding: 7.5% 0 7.5% 7.5%;} #wrap #xtremo_bubble_description .container .item .full-img img{height: 100%; width: 100%;} #wrap #xtremo_bubble_description .container .bubble{position: absolute; top: 0; bottom: 0; right: 0; left: 0; top: 0; bottom: 0; right: auto; 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: space-around; align-items: center;} #wrap #xtremo_bubble_description .container .bubble > div{width: 70px; height: 70px;} #wrap #xtremo_bubble_description .container .bubble > div p{width: 100%; height: 100%; margin-bottom: 0; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; background: #2A2A2A; border-radius: 50%; border: 3px solid white; box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.6);} #wrap #xtremo_bubble_description .container .bubble > div p img{height: 45% !important; width: auto; max-width: 100%; transition: transform 0.4s ease-in-out;} #wrap #xtremo_bubble_description .container .bubble > div p:hover img{transform: rotateY(180deg);} @media (max-width: 767.98px){#wrap #xtremo_bubble_description .container{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}#wrap #xtremo_bubble_description .container .item:not(.img){order: 2; flex: 0 0 100%;}#wrap #xtremo_bubble_description .container .item.img{order: 1; flex: 0 0 100%;}#wrap #xtremo_bubble_description .container .bubble p{padding: 10px !important;}#wrap #xtremo_bubble_description .container .bubble p img{margin: 0 !important;}#wrap #xtremo_bubble_description .container .item h1{font-size: 25px;}} #wrap .s_inventive_image_grid{height: auto; max-height: 100vh; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row;} #wrap .s_inventive_image_grid .hover{position: relative; overflow: hidden;} #wrap .s_inventive_image_grid .hover img{transition: transform 0.5s ease-in-out;} #wrap .s_inventive_image_grid .hover:hover::before{content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(0, 0, 0, 0.3);} #wrap .s_inventive_image_grid .hover:hover img{transform: scale3d(1.05, 1.05, 1);} #wrap .s_inventive_image_grid img{height: 100%; width: 100%;} #wrap .s_inventive_image_grid .item_1{flex: 0 0 40%; overflow: hidden;} #wrap .s_inventive_image_grid .item-child-2{flex: 0 0 25%; overflow: hidden;} #wrap .s_inventive_image_grid .item_2{flex: 0 0 35%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; overflow: hidden;} #wrap .s_inventive_image_grid .item_2 > .hover{flex: 0 0 50%;} #wrap .inventive_grip_view_2{background-color: white; height: auto; text-align: center; display: inline-block;} #wrap .inventive_grip_view_2 .h_tag{color: #444444; margin-bottom: 15px;} #wrap .inventive_grip_view_2 .item .content{height: 100%; width: 100%; position: relative; overflow: hidden;} #wrap .inventive_grip_view_2 .item .content::before{content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(255, 255, 255, 0.4); z-index: 4; opacity: 0; transition: opacity 0.2s ease-in-out;} #wrap .inventive_grip_view_2 .item .content img{transform: translateY(15px); transition: all 0.2s ease-in-out;} #wrap .inventive_grip_view_2 .item .content .a_tag{position: absolute; width: 100%; bottom: calc(-10% - 15px); left: 0; padding: 5% 0; z-index: 11; background-color: rgba(0, 0, 0, 0.6); color: white; border-width: 0; font-size: 15px; font-weight: bold; transition: all 0.2s ease-in-out;} #wrap .inventive_grip_view_2 .item .content .a_tag:hover{color: #444444; background-color: white;} #wrap .inventive_grip_view_2 .item .content:hover .a_tag{bottom: 0;} #wrap .inventive_grip_view_2 .item .content:hover img{transform: translateY(0px);} #wrap .inventive_grip_view_2 .item .content:hover::before{opacity: 1;} #wrap #grip_view_3{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between;} #wrap #grip_view_3 .semi-item{height: auto; background-size: cover; background-repeat: no-repeat; background-position: center center; flex: 0 0 32%; padding: 12px; height: 36vh; margin-bottom: 16px;} #wrap #grip_view_3 .semi-item > div{background-color: rgba(252, 137, 39, 0.7); color: white; height: 100%; width: 100%; opacity: 0; transition: opacity 0.2s ease-in-out !important;} #wrap #grip_view_3 .semi-item > div > div{padding: 24px; 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: space-between; height: 100%;} #wrap #grip_view_3 .semi-item > div > div .fa{position: relative; background-color: white; padding: 20px; border-radius: 50%; border: 1px solid white;} #wrap #grip_view_3 .semi-item > div > div .fa::before{position: absolute; top: 0; bottom: 0; right: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; font-size: 18px;} #wrap #grip_view_3 .semi-item > div > div .text{height: auto;} #wrap #grip_view_3 .semi-item > div > div .text p{transition-delay: 0.22s; transition: all 0.5s ease-in-out; font-family: 0; font-weight: bold; font-size: 0; opacity: 0;} #wrap #grip_view_3 .semi-item:hover > div{opacity: 1;} #wrap #grip_view_3 .semi-item:hover > div .text p{font-size: 16px; opacity: 1;} @media (max-width: 767.98px){#wrap #grip_view_3 .semi-item{flex: 0 0 50%;}} @media (min-width: 576px){#wrap #grip_view_3 .semi-item{flex: 0 0 25%; width: 32.2%; display: inline-block;}} #wrap #grip_view_4{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap;} #wrap #grip_view_4 .semi-item{background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative;} #wrap #grip_view_4 .semi-item .hover-a{position: absolute; top: 0; bottom: 0; right: 0; left: 0; 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; padding: 0 16px; background: linear-gradient(to top, #fc8927 0%, rgba(237, 111, 3, 0.8) 20%, rgba(0, 0, 0, 0.85) 100%); color: white; font-size: 16px; transition: opacity 0.5s ease-in-out; opacity: 0;} #wrap #grip_view_4 .semi-item .hover-a p{margin-top: 12px; font-weight: bold; text-align: center;} #wrap #grip_view_4 .semi-item .hover-a .fa{position: relative; background-color: white; padding: 20px; border-radius: 50%; border: 1px solid white; color: #fc8927;} #wrap #grip_view_4 .semi-item .hover-a .fa::before{position: absolute; top: 0; bottom: 0; right: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; font-size: 18px;} #wrap #grip_view_4 .semi-item:hover .hover-a{opacity: 1;} #wrap #grip_view_4 > div{padding: 12px; flex: 0 0 50%;} #wrap #grip_view_4 > div.left-item .semi-item{height: 55vh; width: 100%;} #wrap #grip_view_4 > div.left-item .item-text{padding: 20px; background-color: white; box-shadow: 0 20px 15px 5px rgba(0, 0, 0, 0.05);} #wrap #grip_view_4 > div.left-item .item-text p{color: #444444; padding: 10px 0; font-size: 16px;} #wrap #grip_view_4 > div.left-item .item-text .text, #wrap #grip_view_4 > div.left-item .item-text h2 a{color: #2A2A2A !important; margin-bottom: 0;} #wrap #grip_view_4 > div.left-item .item-text h2 a:hover{text-decoration: underline;} #wrap #grip_view_4 > div.left-item .item-text .hr{margin: 10px 0; border-bottom: 1px solid #bfbfbf;} #wrap #grip_view_4 > div.left-item .item-text .btn-primary{margin-top: 24px; background-color: #fc8927 !important; color: white !important; border-radius: 2px; font-weight: bold;} #wrap #grip_view_4 > div .child-container{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap;} #wrap #grip_view_4 > div .child-container .semi-item{flex: 0 0 49%; height: 26vh !important; margin-bottom: 12px;} @media (max-width: 575.98px){#wrap #grip_view_4 > div .child-container .semi-item{flex: 0 0 100%; height: 35vh !important;}} @media (max-width: 767.98px){#wrap #grip_view_4 > div{flex: 0 0 100%;}} #wrap #grip_view_8{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap;} #wrap #grip_view_8 .item{flex: 0 0 25%; padding: 3%; text-align: center; min-height: 30em;} @media (max-width: 991.98px){#wrap #grip_view_8 .item{flex: 0 0 50%;}} @media (max-width: 767.98px){#wrap #grip_view_8 .item{flex: 0 0 50%; min-height: 20em;}} #wrap #grip_view_8 .item .fa{font-size: 60px;} #wrap #grip_view_8 .item .fa, #wrap #grip_view_8 .item h3, #wrap #grip_view_8 .item p{color: white; padding: 16px 0; margin: 0 !important;} #wrap #grip_view_8 .item p{font-size: 18px;} .editor_enable .inventive_grip_view_2 .item .content:before{display: none !important;} 

/* /theme_inventive/static/src/scss/snippets/snippets_option_classes.scss defined in bundle 'web.assets_frontend' */
 .snippet_testimonial{border: 1px solid #EAEAEA; padding: 20px;} .home_page_product_tabs_opt{border: 1px solid #EAEAEA; padding: 20px;} .home_page_product_tabs_opt.opt_shadow img{box-shadow: 0 2px 5px rgba(51, 51, 51, 0.4);} .home_page_product_tabs_opt.opt_grey_bg{border: none; background-color: #EAEAEA;} .s_inventive_gallery_type_1 .view{border: 10px solid #fff; overflow: hidden; position: relative; text-align: center; box-shadow: 1px 1px 2px #e6e6e6; cursor: default;} .s_inventive_gallery_type_1 .view img{display: block; position: relative; max-height: 210px; width: 100%;} .s_inventive_gallery_type_1 .view .mask{display: block; position: absolute; overflow: hidden; height: 100%; top: 0; left: 0px;} .s_inventive_gallery_type_1 .view h2{text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding: 10px; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0 !important;} .s_inventive_gallery_type_1 .view p{font-family: Georgia, serif; font-style: italic; font-size: 12px; position: relative; color: #fff; padding: 10px 20px 20px; text-align: center;} .s_inventive_gallery_type_1 .view a.info{display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #fff; text-transform: uppercase; box-shadow: 0 0 1px #000;} .s_inventive_gallery_type_1 .design_1{margin: 20px 0;} .s_inventive_gallery_type_1 .design_1 img{transition: all 0.5s ease-out; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;} .s_inventive_gallery_type_1 .design_1 .view .mask{background-color: rgba(77, 44, 35, 0.5); transform: rotate(0deg) scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transition: all 0.3s ease-out;} .s_inventive_gallery_type_1 .design_1 .view h2{transform: translateY(-200px); transition: all 0.2s ease-in-out;} .s_inventive_gallery_type_1 .design_1 .view p{transform: translateY(-200px); transition: all 0.2s ease-in-out;} .s_inventive_gallery_type_1 .design_1 .view a.info{transform: translateY(-200px); transition: all 0.2s ease-in-out;} .s_inventive_gallery_type_1 .design_1 .view:hover img{transform: rotate(720deg) scale(0); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;} .s_inventive_gallery_type_1 .design_1 .view:hover .mask{-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; transform: translateY(0px) rotate(0deg); transition-delay: 0.4s;} .s_inventive_gallery_type_1 .design_1 .view:hover p{transform: translateY(0px); transition-delay: 0.6s;} .s_inventive_gallery_type_1 .design_1 .view:hover a.info{transform: translateY(0px); transition-delay: 0.5s;} .s_inventive_gallery_type_1 .design_1 .view:hover h2{transform: translateY(0px); transition-delay: 0.7s;} .s_inventive_gallery_type_1 .design_2{margin: 20px 0;} .s_inventive_gallery_type_1 .design_2 .view img{transition: all 0.2s linear;} .s_inventive_gallery_type_1 .design_2 .view .mask{opacity: 0; background-color: rgba(219, 127, 8, 0.7); transition: all 0.4s ease-in-out;} .s_inventive_gallery_type_1 .design_2 .view h2{transform: translateY(-100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transition: all 0.2s ease-in-out;} .s_inventive_gallery_type_1 .design_2 .view p{transform: translateY(100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transition: all 0.2s linear;} .s_inventive_gallery_type_1 .design_2 .view a.info{transform: translateY(-200px); transition: all 0.2s ease-in-out;} .s_inventive_gallery_type_1 .design_2 .view:hover img{transform: scale(1.1);} .s_inventive_gallery_type_1 .design_2 .view:hover .mask{opacity: 1;} .s_inventive_gallery_type_1 .design_2 .view:hover p{transition-delay: 0.1s; opacity: 1; transform: translateY(0px);} .s_inventive_gallery_type_1 .design_2 .view:hover a.info{-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; transform: translateY(0px);} .s_inventive_gallery_type_1 .design_2 .view:hover h2{transform: translateY(0px); opacity: 1;} .s_inventive_gallery_type_1 .design_3{margin: 20px 0;} .s_inventive_gallery_type_1 .design_3 .view img{transition: all 0.2s ease-in;} .s_inventive_gallery_type_1 .design_3 .view .mask{background-color: rgba(0, 0, 0, 0.6); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transform: translate(460px, -100px) rotate(180deg); transition: all 0.2s 0.4s ease-in-out;} .s_inventive_gallery_type_1 .design_3 .view h2{transform: translateY(-100px); transition: all 0.2s ease-in-out;} .s_inventive_gallery_type_1 .design_3 .view p{transform: translateX(300px) rotate(90deg); transition: all 0.2s ease-in-out;} .s_inventive_gallery_type_1 .design_3 .view a.info{transform: translateY(-200px); transition: all 0.2s ease-in-out;} .s_inventive_gallery_type_1 .design_3 .view:hover img{transform: scale(1.1);} .s_inventive_gallery_type_1 .design_3 .view:hover .mask{ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; transition-delay: 0s; transform: translate(0px, 0px);} .s_inventive_gallery_type_1 .design_3 .view:hover p{transform: translateX(0px) rotate(0deg); transition-delay: 0.4s;} .s_inventive_gallery_type_1 .design_3 .view:hover a.info{transform: translateY(0px); transition-delay: 0.3s;} .s_inventive_gallery_type_1 .design_3 .view:hover h2{transform: translateY(0px); transition-delay: 0.5s;} .s_inventive_gallery_type_1 .design_4{margin: 20px 0;} .s_inventive_gallery_type_1 .design_4 .view img{transition: all 0.4s ease-in-out 0.5s;} .s_inventive_gallery_type_1 .design_4 .view .mask{background-color: rgba(146, 96, 91, 0.5); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transition: all 0.3s ease-in 0.4s;} .s_inventive_gallery_type_1 .design_4 .view h2{opacity: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: transparent; margin: 20px 40px 0px 40px; transform: scale(10); transition: all 0.3s ease-in-out 0.1s;} .s_inventive_gallery_type_1 .design_4 .view p{opacity: 0; transform: scale(10); transition: all 0.3s ease-in-out 0.2s;} .s_inventive_gallery_type_1 .design_4 .view a.info{opacity: 0; transform: translateY(100px); transition: all 0.3s ease-in-out 0.1s;} .s_inventive_gallery_type_1 .design_4 .view:hover img{transition-delay: 0s;} .s_inventive_gallery_type_1 .design_4 .view:hover .mask{opacity: 1; transition-delay: 0s;} .s_inventive_gallery_type_1 .design_4 .view:hover h2{opacity: 1; transform: scale(1); transition-delay: 0.1s;} .s_inventive_gallery_type_1 .design_4 .view:hover p{opacity: 1; transform: scale(1); transition-delay: 0.2s;} .s_inventive_gallery_type_1 .design_4 .view:hover a.info{opacity: 1; transform: translateY(0px); transition-delay: 0.3s;} .s_inventive_gallery_type_1 .design_5{margin: 20px 0;} .s_inventive_gallery_type_1 .design_5 .view img{transition: all 0.7s ease-in-out;} .s_inventive_gallery_type_1 .design_5 .view .mask{background-color: rgba(255, 231, 179, 0.3); transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;} .s_inventive_gallery_type_1 .design_5 .view h2{border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: transparent; margin: 20px 40px 0px 40px; transform: scale(0); color: #333; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;} .s_inventive_gallery_type_1 .design_5 .view p{color: #333; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transform: scale(0); transition: all 0.5s linear;} .s_inventive_gallery_type_1 .design_5 .view a.info{-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transform: scale(0); transition: all 0.5s linear;} .s_inventive_gallery_type_1 .design_5 .view:hover img{transform: scale(10); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;} .s_inventive_gallery_type_1 .design_5 .view:hover .mask{opacity: 1;} .s_inventive_gallery_type_1 .design_5 .view:hover h2{transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;} .s_inventive_gallery_type_1 .design_5 .view:hover p{transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;} .s_inventive_gallery_type_1 .design_5 .view:hover a.info{transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;} .s_inventive_gallery_type_1 .design_6{margin: 20px 0;} .s_inventive_gallery_type_1 .design_6 .view img{transition: all 0.2s linear;} .s_inventive_gallery_type_1 .design_6 .view .mask:before{content: ""; background-color: rgba(115, 146, 184, 0.7); position: absolute; width: 500px; padding: 50px; display: block; height: 500px; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transform: translate(265px, 145px) rotate(45deg); transition: all 0.2s ease-in-out;} .s_inventive_gallery_type_1 .design_6 .view h2{border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: transparent; margin: 20px 40px 0px 40px; transform: translate(200px, -200px); transition: all 0.2s ease-in-out;} .s_inventive_gallery_type_1 .design_6 .view p{transform: translate(-200px, 200px); transition: all 0.2s ease-in-out;} .s_inventive_gallery_type_1 .design_6 .view a.info{transform: translate(0px, 100px); transition: all 0.2s 0.1s ease-in-out;} .s_inventive_gallery_type_1 .design_6 .view:hover .mask:before{ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; transform: translate(-80px, -125px) rotate(45deg);} .s_inventive_gallery_type_1 .design_6 .view:hover h2{transform: translate(0px, 0px); transition-delay: 0.3s;} .s_inventive_gallery_type_1 .design_6 .view:hover p{transform: translate(0px, 0px); transition-delay: 0.4s;} .s_inventive_gallery_type_1 .design_6 .view:hover a.info{transform: translate(0px, 0px); transition-delay: 0.5s;} .s_inventive_gallery_type_2 .view_column{position: relative;} .s_inventive_gallery_type_2 .view_column .s_image{border: 10px solid white;} .s_inventive_gallery_type_2 .view_column .s_image .img{width: 100%;} .s_inventive_gallery_type_2 .view_column .content{padding: 20px; width: 66%; height: 66%; position: absolute; left: 17%; top: 17%; animation: forwards, zoomOut .1s linear forwards; background-color: rgba(225, 225, 225, 0.65); 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;} .s_inventive_gallery_type_2 .view_column .content .h_tag{font-size: 4rem; color: #FFFFFF; text-align: left;} .s_inventive_gallery_type_2 .view_column .content .p_tag{font-size: 3rem; color: #FFFFFF; text-align: center; margin-left: 30px; background-color: #2d545e;} .s_inventive_gallery_type_2 .view_column:hover .content{opacity: 1; animation: forwards, zoomIn .3s linear forwards;} @media (max-width: 991.98px){.s_inventive_gallery_type_2 .view_column .content{opacity: 1; animation: forwards, zoomIn .3s linear forwards; padding: 20px; width: 50%; height: 50%; position: absolute; left: 25%; top: 25%;}} @media screen and (max-width: 1060px){.cn-slide-sub nav a{font-size: 28px;}} @media screen and (max-width: 900px){.cn-container h2{font-size: 48px; line-height: 95px;}.cn-slide nav a{font-size: 38px;}.cn-slide-sub nav a{width: auto; font-size: 36px; display: block;}.cn-slide-sub nav a:nth-child(odd){margin-right: 0px;}} 

/* /linasoft_whatsapp_catalog/static/src/scss/main.css defined in bundle 'web.assets_frontend' */
.product-catalog-list > li:not(:last-child){margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.1);} .looking-glass-image{max-width: 100%; max-height: 100%; width: 100%; height: auto; margin: 0; padding: 0;} .override-dumb-aria-hidden{display: inline !important;} 

/* /payment/static/src/scss/portal_payment.scss defined in bundle 'web.assets_frontend' */
 input#cc_number{background-repeat: no-repeat; background-position: 14px 14px;} div.card_placeholder{background-image: url("/website_payment/static/src/img/placeholder.png"); background-repeat: no-repeat; width: 32px; height: 20px; position: absolute; top: 8px; right: 20px; -webkit-transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); pointer-events: none;} div.o_card_brand_detail{position: relative;} div.o_card_brand_detail div.card_placeholder{right: 5px;} div.amex{background-image: url("/website_payment/static/src/img/amex.png"); background-repeat: no-repeat;} div.diners{background-image: url("/website_payment/static/src/img/diners.png"); background-repeat: no-repeat;} div.discover{background-image: url("/website_payment/static/src/img/discover.png"); background-repeat: no-repeat;} div.jcb{background-image: url("/website_payment/static/src/img/jcb.png"); background-repeat: no-repeat;} div.mastercard{background-image: url("/website_payment/static/src/img/mastercard.png"); background-repeat: no-repeat;} div.visa{background-image: url("/website_payment/static/src/img/visa.png"); background-repeat: no-repeat;} ul.payment_method_list img.rounded{max-width: 100px; max-height: 40px;} 

/* /payment/static/src/scss/payment_form.scss defined in bundle 'web.assets_frontend' */
 .o_payment_form label > input[type="radio"], .o_payment_form input[type="checkbox"]{vertical-align: middle; margin-right: 5px;} .o_payment_form .payment_option_name{font-size: 14px; font-weight: normal !important; font-family: Helvetica Neue, sans-serif; line-height: 1.3em; color: #4d4d4d;} .o_payment_form label{font-weight: normal; margin-top: 5px;} .o_payment_form .card-body:first-child{border-top: 0px;} .o_payment_form .card{border-radius: 10px;} .o_payment_form .card-footer:last-child{border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important;} .o_payment_form .card-body{border-top: 1px solid #ddd; padding: 1.14em !important;} .o_payment_form .payment_icon_list{position: relative; margin-top: 0px !important; margin-bottom: -5px !important;} .o_payment_form .payment_icon_list li{padding-left: 5px !important; padding-right: 0px !important;} .o_payment_form .payment_icon_list .more_option{position: absolute; top: auto; left: auto; bottom: auto; right: 10px; font-size: 10px;} 

/* /sale/static/src/scss/sale_portal.scss defined in bundle 'web.assets_frontend' */
 .orders_vertical_align{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .orders_label_text_align{vertical-align: 15%;} .sale_tbody .o_line_note{word-break: break-word; word-wrap: break-word; overflow-wrap: break-word;} .sale_tbody input.js_quantity{min-width: 48px; text-align: center;} .sale_tbody input.quantity{padding: 0;} 

/* /website_product/static/src/css/website_product.css defined in bundle 'web.assets_frontend' */
 .slider-selection{background: #f77500 !important;} .slider-success .slider-selection{background-color: #5cb85c !important;} .slider-primary .slider-selection{background-color: #428bca !important;} .slider-info .slider-selection{background-color: #5bc0de !important;} .slider-warning .slider-selection{background-color: #f0ad4e !important;} .slider-danger .slider-selection{background-color: #d9534f !important;} .slider.slider-horizontal{width: 100% !important; height: 20px;} .slider-handle{background-color: #fff !important; background-image: none !important; -webkit-box-shadow: 1px 1px 24px -2px rgba(0,0,0,0.75) !important; -moz-box-shadow: 1px 1px 24px -2px rgba(0,0,0,0.75) !important; box-shadow: 1px 1px 24px -2px rgba(0,0,0,0.75) !important;} .slider-strips .slider-selection{background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,252,252,0.08) 5px, rgba(252,252,252,0.08) 10px) !important; background-image: -ms-repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,252,252,0.08) 5px, rgba(252,252,252,0.08) 10px) !important; background-image: -o-repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,252,252,0.08) 5px, rgba(252,252,252,0.08) 10px) !important; background-image: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,252,252,0.08) 5px, rgba(252,252,252,0.08) 10px) !important;} .tooltip-inner{max-width: 200px; padding: 3px 8px; color: #333333 !important; text-align: center; background-color: transparent !important; border-radius: 4px;} .tooltip.top .tooltip-arrow{display: none !important;} .slider .tooltip.top{margin-top: -25px !important;} .well{background: transparent !important; border: none !important; box-shadow: none !important; width: 100% !important; padding: 0;} .slider-ghost .slider-track{height: 5px !important;} .slider-ghost .slider-handle{top: -2px !important; border: 5px solid #f77500;} .slider-success.slider-ghost .slider-handle{border-color: #5cb85c;} .slider-primary.slider-ghost .slider-handle{border-color: #428bca;} .slider-info.slider-ghost .slider-handle{border-color: #5bc0de;} .slider-warning.slider-ghost .slider-handle{border-color: #f0ad4e;} .slider-danger.slider-ghost .slider-handle{border-color: #d9534f;} .tg{border-collapse:collapse;border-spacing:0;} .tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;} .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;} .tg .tg-0lax{text-align:left;vertical-align:top} .child{display: block; float: left;} #upload-container .input-file{visibility: hidden; position: absolute;} .filter{margin-top: 30px;} .filter .card-header{font-weight: bold; background-color: #eeeeee;} .filter .card-body{max-height: 150px; overflow-y: auto;} .filter .card-text div label{margin-left: 10px;} .crop{overflow: hidden;} .crop .card-img-top{display: block; width: 100%; height: 150px; background-repeat: no-repeat; background-position: center center; background-size: contain;} 

/* /auth_oauth/static/src/scss/auth_oauth.scss defined in bundle 'web.assets_frontend' */
 .o_auth_oauth_providers .fa-facebook-square{color: #3b5998;} .o_auth_oauth_providers .fa-google-plus-square{color: #de564a;} .o_auth_oauth_providers .o_custom_icon{margin: 0 0.15em; width: 1em; height: 1em; border: 3px solid #875A7B; border-radius: 100%; transform: translateY(2px);} 

/* /ks_dashboard_ninja/static/lib/css/Chart.css defined in bundle 'web.assets_frontend' */
 @keyframes chartjs-render-animation{from{opacity: 0.99;}to{opacity: 1;}} .chartjs-render-monitor{animation: chartjs-render-animation 0.001s;} .chartjs-size-monitor, .chartjs-size-monitor-expand, .chartjs-size-monitor-shrink{position: absolute; direction: ltr; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1;} .chartjs-size-monitor-expand > div{position: absolute; width: 1000000px; height: 1000000px; left: 0; top: 0;} .chartjs-size-monitor-shrink > div{position: absolute; width: 200%; height: 200%; left: 0; top: 0;} 

/* /ks_dashboard_ninja/static/lib/css/Chart.min.css defined in bundle 'web.assets_frontend' */
@keyframes chartjs-render-animation{from{opacity:.99}to{opacity:1}} .chartjs-render-monitor{animation:chartjs-render-animation 1ms} .chartjs-size-monitor,.chartjs-size-monitor-expand,.chartjs-size-monitor-shrink{position:absolute;direction:ltr;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1} .chartjs-size-monitor-expand>div{position:absolute;width:1000000px;height:1000000px;left:0;top:0} .chartjs-size-monitor-shrink>div{position:absolute;width:200%;height:200%;left:0;top:0} 

/* /ks_dashboard_ninja/static/lib/css/gridstack.min.css defined in bundle 'web.assets_frontend' */
:root .grid-stack-item>.ui-resizable-handle{filter:none} .grid-stack{position:relative} .grid-stack.grid-stack-rtl{direction:ltr} .grid-stack.grid-stack-rtl>.grid-stack-item{direction:rtl} .grid-stack .grid-stack-placeholder>.placeholder-content{border:1px dashed #d3d3d3;margin:0;position:absolute;top:0;left:10px;right:10px;bottom:0;width:auto;z-index:0!important;text-align:center} .grid-stack>.grid-stack-item{min-width:8.3333333333%;position:absolute;padding:0} .grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;top:0;left:10px;right:10px;bottom:0;width:auto;overflow-x:hidden;overflow-y:auto} .grid-stack>.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none} .grid-stack>.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack>.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none} .grid-stack>.grid-stack-item.ui-draggable-dragging,.grid-stack>.grid-stack-item.ui-resizable-resizing{z-index:100} .grid-stack>.grid-stack-item.ui-draggable-dragging>.grid-stack-item-content,.grid-stack>.grid-stack-item.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px rgba(0,0,0,.2);opacity:.8} .grid-stack>.grid-stack-item>.ui-resizable-se,.grid-stack>.grid-stack-item>.ui-resizable-sw{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);background-repeat:no-repeat;background-position:center;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} .grid-stack>.grid-stack-item>.ui-resizable-se{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)} .grid-stack>.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;left:10px;top:0} .grid-stack>.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:0;left:25px;right:25px} .grid-stack>.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;right:10px;top:0} .grid-stack>.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;right:10px;top:15px;bottom:15px} .grid-stack>.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px;right:10px;bottom:0} .grid-stack>.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:0;right:25px} .grid-stack>.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px;left:10px;bottom:0} .grid-stack>.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;left:10px;top:15px;bottom:15px} .grid-stack>.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important} .grid-stack>.grid-stack-item[data-gs-width='1']{width:8.3333333333%} .grid-stack>.grid-stack-item[data-gs-x='1']{left:8.3333333333%} .grid-stack>.grid-stack-item[data-gs-min-width='1']{min-width:8.3333333333%} .grid-stack>.grid-stack-item[data-gs-max-width='1']{max-width:8.3333333333%} .grid-stack>.grid-stack-item[data-gs-width='2']{width:16.6666666667%} .grid-stack>.grid-stack-item[data-gs-x='2']{left:16.6666666667%} .grid-stack>.grid-stack-item[data-gs-min-width='2']{min-width:16.6666666667%} .grid-stack>.grid-stack-item[data-gs-max-width='2']{max-width:16.6666666667%} .grid-stack>.grid-stack-item[data-gs-width='3']{width:25%} .grid-stack>.grid-stack-item[data-gs-x='3']{left:25%} .grid-stack>.grid-stack-item[data-gs-min-width='3']{min-width:25%} .grid-stack>.grid-stack-item[data-gs-max-width='3']{max-width:25%} .grid-stack>.grid-stack-item[data-gs-width='4']{width:33.3333333333%} .grid-stack>.grid-stack-item[data-gs-x='4']{left:33.3333333333%} .grid-stack>.grid-stack-item[data-gs-min-width='4']{min-width:33.3333333333%} .grid-stack>.grid-stack-item[data-gs-max-width='4']{max-width:33.3333333333%} .grid-stack>.grid-stack-item[data-gs-width='5']{width:41.6666666667%} .grid-stack>.grid-stack-item[data-gs-x='5']{left:41.6666666667%} .grid-stack>.grid-stack-item[data-gs-min-width='5']{min-width:41.6666666667%} .grid-stack>.grid-stack-item[data-gs-max-width='5']{max-width:41.6666666667%} .grid-stack>.grid-stack-item[data-gs-width='6']{width:50%} .grid-stack>.grid-stack-item[data-gs-x='6']{left:50%} .grid-stack>.grid-stack-item[data-gs-min-width='6']{min-width:50%} .grid-stack>.grid-stack-item[data-gs-max-width='6']{max-width:50%} .grid-stack>.grid-stack-item[data-gs-width='7']{width:58.3333333333%} .grid-stack>.grid-stack-item[data-gs-x='7']{left:58.3333333333%} .grid-stack>.grid-stack-item[data-gs-min-width='7']{min-width:58.3333333333%} .grid-stack>.grid-stack-item[data-gs-max-width='7']{max-width:58.3333333333%} .grid-stack>.grid-stack-item[data-gs-width='8']{width:66.6666666667%} .grid-stack>.grid-stack-item[data-gs-x='8']{left:66.6666666667%} .grid-stack>.grid-stack-item[data-gs-min-width='8']{min-width:66.6666666667%} .grid-stack>.grid-stack-item[data-gs-max-width='8']{max-width:66.6666666667%} .grid-stack>.grid-stack-item[data-gs-width='9']{width:75%} .grid-stack>.grid-stack-item[data-gs-x='9']{left:75%} .grid-stack>.grid-stack-item[data-gs-min-width='9']{min-width:75%} .grid-stack>.grid-stack-item[data-gs-max-width='9']{max-width:75%} .grid-stack>.grid-stack-item[data-gs-width='10']{width:83.3333333333%} .grid-stack>.grid-stack-item[data-gs-x='10']{left:83.3333333333%} .grid-stack>.grid-stack-item[data-gs-min-width='10']{min-width:83.3333333333%} .grid-stack>.grid-stack-item[data-gs-max-width='10']{max-width:83.3333333333%} .grid-stack>.grid-stack-item[data-gs-width='11']{width:91.6666666667%} .grid-stack>.grid-stack-item[data-gs-x='11']{left:91.6666666667%} .grid-stack>.grid-stack-item[data-gs-min-width='11']{min-width:91.6666666667%} .grid-stack>.grid-stack-item[data-gs-max-width='11']{max-width:91.6666666667%} .grid-stack>.grid-stack-item[data-gs-width='12']{width:100%} .grid-stack>.grid-stack-item[data-gs-x='12']{left:100%} .grid-stack>.grid-stack-item[data-gs-min-width='12']{min-width:100%} .grid-stack>.grid-stack-item[data-gs-max-width='12']{max-width:100%} .grid-stack.grid-stack-animate,.grid-stack.grid-stack-animate .grid-stack-item{-webkit-transition:left .3s,top .3s,height .3s,width .3s;-moz-transition:left .3s,top .3s,height .3s,width .3s;-ms-transition:left .3s,top .3s,height .3s,width .3s;-o-transition:left .3s,top .3s,height .3s,width .3s;transition:left .3s,top .3s,height .3s,width .3s} .grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing{-webkit-transition:left 0s,top 0s,height 0s,width 0s;-moz-transition:left 0s,top 0s,height 0s,width 0s;-ms-transition:left 0s,top 0s,height 0s,width 0s;-o-transition:left 0s,top 0s,height 0s,width 0s;transition:left 0s,top 0s,height 0s,width 0s} .grid-stack.grid-stack-one-column-mode{height:auto!important} .grid-stack.grid-stack-one-column-mode>.grid-stack-item{position:relative!important;width:auto!important;left:0!important;top:auto!important;margin-bottom:20px;max-width:none!important} .grid-stack.grid-stack-one-column-mode>.grid-stack-item>.ui-resizable-handle{display:none} 

/* /ks_dashboard_ninja/static/lib/css/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:0px; 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(#000000), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(bottom, #000000, 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, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 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:none; 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: #eeeeee; background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); background-image: -o-linear-gradient(top, #eeeeee, #cccccc); background-image: linear-gradient(to bottom, #eeeeee, #cccccc); 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: #dddddd; background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(to bottom, #dddddd, #bbbbbb); 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 #aaaaaa, 0 1px 0 0 #eeeeee; -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;} .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_dashboard_ninja/static/src/css/ks_dashboard_gridstack.css defined in bundle 'web.assets_frontend' */
 .grid-stack > .grid-stack-item[data-gs-width="1"]{width: 2.8571428571%;} .grid-stack > .grid-stack-item[data-gs-x="1"]{left: 2.8571428571%;} .grid-stack > .grid-stack-item[data-gs-min-width="1"]{min-width: 2.8571428571%;} .grid-stack > .grid-stack-item[data-gs-max-width="1"]{max-width: 2.8571428571%;} .grid-stack > .grid-stack-item[data-gs-width="2"]{width: 5.7142857143%;} .grid-stack > .grid-stack-item[data-gs-x="2"]{left: 5.7142857143%;} .grid-stack > .grid-stack-item[data-gs-min-width="2"]{min-width: 5.7142857143%;} .grid-stack > .grid-stack-item[data-gs-max-width="2"]{max-width: 5.7142857143%;} .grid-stack > .grid-stack-item[data-gs-width="3"]{width: 8.5714285714%;} .grid-stack > .grid-stack-item[data-gs-x="3"]{left: 8.5714285714%;} .grid-stack > .grid-stack-item[data-gs-min-width="3"]{min-width: 8.5714285714%;} .grid-stack > .grid-stack-item[data-gs-max-width="3"]{max-width: 8.5714285714%;} .grid-stack > .grid-stack-item[data-gs-width="4"]{width: 11.4285714286%;} .grid-stack > .grid-stack-item[data-gs-x="4"]{left: 11.4285714286%;} .grid-stack > .grid-stack-item[data-gs-min-width="4"]{min-width: 11.4285714286%;} .grid-stack > .grid-stack-item[data-gs-max-width="4"]{max-width: 11.4285714286%;} .grid-stack > .grid-stack-item[data-gs-width="5"]{width: 14.2857142857%;} .grid-stack > .grid-stack-item[data-gs-x="5"]{left: 14.2857142857%;} .grid-stack > .grid-stack-item[data-gs-min-width="5"]{min-width: 14.2857142857%;} .grid-stack > .grid-stack-item[data-gs-max-width="5"]{max-width: 14.2857142857%;} .grid-stack > .grid-stack-item[data-gs-width="6"]{width: 17.1428571429%;} .grid-stack > .grid-stack-item[data-gs-x="6"]{left: 17.1428571429%;} .grid-stack > .grid-stack-item[data-gs-min-width="6"]{min-width: 17.1428571429%;} .grid-stack > .grid-stack-item[data-gs-max-width="6"]{max-width: 17.1428571429%;} .grid-stack > .grid-stack-item[data-gs-width="7"]{width: 20%;} .grid-stack > .grid-stack-item[data-gs-x="7"]{left: 20%;} .grid-stack > .grid-stack-item[data-gs-min-width="7"]{min-width: 20%;} .grid-stack > .grid-stack-item[data-gs-max-width="7"]{max-width: 20%;} .grid-stack > .grid-stack-item[data-gs-width="8"]{width: 22.8571428571%;} .grid-stack > .grid-stack-item[data-gs-x="8"]{left: 22.8571428571%;} .grid-stack > .grid-stack-item[data-gs-min-width="8"]{min-width: 22.8571428571%;} .grid-stack > .grid-stack-item[data-gs-max-width="8"]{max-width: 22.8571428571%;} .grid-stack > .grid-stack-item[data-gs-width="9"]{width: 25.7142857143%;} .grid-stack > .grid-stack-item[data-gs-x="9"]{left: 25.7142857143%;} .grid-stack > .grid-stack-item[data-gs-min-width="9"]{min-width: 25.7142857143%;} .grid-stack > .grid-stack-item[data-gs-max-width="9"]{max-width: 25.7142857143%;} .grid-stack > .grid-stack-item[data-gs-width="10"]{width: 28.5714285714%;} .grid-stack > .grid-stack-item[data-gs-x="10"]{left: 28.5714285714%;} .grid-stack > .grid-stack-item[data-gs-min-width="10"]{min-width: 28.5714285714%;} .grid-stack > .grid-stack-item[data-gs-max-width="10"]{max-width: 28.5714285714%;} .grid-stack > .grid-stack-item[data-gs-width="11"]{width: 31.4285714286%;} .grid-stack > .grid-stack-item[data-gs-x="11"]{left: 31.4285714286%;} .grid-stack > .grid-stack-item[data-gs-min-width="11"]{min-width: 31.4285714286%;} .grid-stack > .grid-stack-item[data-gs-max-width="11"]{max-width: 31.4285714286%;} .grid-stack > .grid-stack-item[data-gs-width="12"]{width: 34.2857142857%;} .grid-stack > .grid-stack-item[data-gs-x="12"]{left: 34.2857142857%;} .grid-stack > .grid-stack-item[data-gs-min-width="12"]{min-width: 34.2857142857%;} .grid-stack > .grid-stack-item[data-gs-max-width="12"]{max-width: 34.2857142857%;} .grid-stack > .grid-stack-item[data-gs-width="13"]{width: 37.1428571429%;} .grid-stack > .grid-stack-item[data-gs-x="13"]{left: 37.1428571429%;} .grid-stack > .grid-stack-item[data-gs-min-width="13"]{min-width: 37.1428571429%;} .grid-stack > .grid-stack-item[data-gs-max-width="13"]{max-width: 37.1428571429%;} .grid-stack > .grid-stack-item[data-gs-width="14"]{width: 40%;} .grid-stack > .grid-stack-item[data-gs-x="14"]{left: 40%;} .grid-stack > .grid-stack-item[data-gs-min-width="14"]{min-width: 40%;} .grid-stack > .grid-stack-item[data-gs-max-width="14"]{max-width: 40%;} .grid-stack > .grid-stack-item[data-gs-width="15"]{width: 42.8571428571%;} .grid-stack > .grid-stack-item[data-gs-x="15"]{left: 42.8571428571%;} .grid-stack > .grid-stack-item[data-gs-min-width="15"]{min-width: 42.8571428571%;} .grid-stack > .grid-stack-item[data-gs-max-width="15"]{max-width: 42.8571428571%;} .grid-stack > .grid-stack-item[data-gs-width="16"]{width: 45.7142857143%;} .grid-stack > .grid-stack-item[data-gs-x="16"]{left: 45.7142857143%;} .grid-stack > .grid-stack-item[data-gs-min-width="16"]{min-width: 45.7142857143%;} .grid-stack > .grid-stack-item[data-gs-max-width="16"]{max-width: 45.7142857143%;} .grid-stack > .grid-stack-item[data-gs-width="17"]{width: 48.5714285714%;} .grid-stack > .grid-stack-item[data-gs-x="17"]{left: 48.5714285714%;} .grid-stack > .grid-stack-item[data-gs-min-width="17"]{min-width: 48.5714285714%;} .grid-stack > .grid-stack-item[data-gs-max-width="17"]{max-width: 48.5714285714%;} .grid-stack > .grid-stack-item[data-gs-width="18"]{width: 51.4285714286%;} .grid-stack > .grid-stack-item[data-gs-x="18"]{left: 51.4285714286%;} .grid-stack > .grid-stack-item[data-gs-min-width="18"]{min-width: 51.4285714286%;} .grid-stack > .grid-stack-item[data-gs-max-width="18"]{max-width: 51.4285714286%;} .grid-stack > .grid-stack-item[data-gs-width="19"]{width: 54.2857142857%;} .grid-stack > .grid-stack-item[data-gs-x="19"]{left: 54.2857142857%;} .grid-stack > .grid-stack-item[data-gs-min-width="19"]{min-width: 54.2857142857%;} .grid-stack > .grid-stack-item[data-gs-max-width="19"]{max-width: 54.2857142857%;} .grid-stack > .grid-stack-item[data-gs-width="20"]{width: 57.1428571429%;} .grid-stack > .grid-stack-item[data-gs-x="20"]{left: 57.1428571429%;} .grid-stack > .grid-stack-item[data-gs-min-width="20"]{min-width: 57.1428571429%;} .grid-stack > .grid-stack-item[data-gs-max-width="20"]{max-width: 57.1428571429%;} .grid-stack > .grid-stack-item[data-gs-width="21"]{width: 60%;} .grid-stack > .grid-stack-item[data-gs-x="21"]{left: 60%;} .grid-stack > .grid-stack-item[data-gs-min-width="21"]{min-width: 60%;} .grid-stack > .grid-stack-item[data-gs-max-width="21"]{max-width: 60%;} .grid-stack > .grid-stack-item[data-gs-width="22"]{width: 62.8571428571%;} .grid-stack > .grid-stack-item[data-gs-x="22"]{left: 62.8571428571%;} .grid-stack > .grid-stack-item[data-gs-min-width="22"]{min-width: 62.8571428571%;} .grid-stack > .grid-stack-item[data-gs-max-width="22"]{max-width: 62.8571428571%;} .grid-stack > .grid-stack-item[data-gs-width="23"]{width: 65.7142857143%;} .grid-stack > .grid-stack-item[data-gs-x="23"]{left: 65.7142857143%;} .grid-stack > .grid-stack-item[data-gs-min-width="23"]{min-width: 65.7142857143%;} .grid-stack > .grid-stack-item[data-gs-max-width="23"]{max-width: 65.7142857143%;} .grid-stack > .grid-stack-item[data-gs-width="24"]{width: 68.5714285714%;} .grid-stack > .grid-stack-item[data-gs-x="24"]{left: 68.5714285714%;} .grid-stack > .grid-stack-item[data-gs-min-width="24"]{min-width: 68.5714285714%;} .grid-stack > .grid-stack-item[data-gs-max-width="24"]{max-width: 68.5714285714%;} .grid-stack > .grid-stack-item[data-gs-width="25"]{width: 71.4285714286%;} .grid-stack > .grid-stack-item[data-gs-x="25"]{left: 71.4285714286%;} .grid-stack > .grid-stack-item[data-gs-min-width="25"]{min-width: 71.4285714286%;} .grid-stack > .grid-stack-item[data-gs-max-width="25"]{max-width: 71.4285714286%;} .grid-stack > .grid-stack-item[data-gs-width="26"]{width: 74.2857142857%;} .grid-stack > .grid-stack-item[data-gs-x="26"]{left: 74.2857142857%;} .grid-stack > .grid-stack-item[data-gs-min-width="26"]{min-width: 74.2857142857%;} .grid-stack > .grid-stack-item[data-gs-max-width="26"]{max-width: 74.2857142857%;} .grid-stack > .grid-stack-item[data-gs-width="27"]{width: 77.1428571429%;} .grid-stack > .grid-stack-item[data-gs-x="27"]{left: 77.1428571429%;} .grid-stack > .grid-stack-item[data-gs-min-width="27"]{min-width: 77.1428571429%;} .grid-stack > .grid-stack-item[data-gs-max-width="27"]{max-width: 77.1428571429%;} .grid-stack > .grid-stack-item[data-gs-width="28"]{width: 80%;} .grid-stack > .grid-stack-item[data-gs-x="28"]{left: 80%;} .grid-stack > .grid-stack-item[data-gs-min-width="28"]{min-width: 80%;} .grid-stack > .grid-stack-item[data-gs-max-width="28"]{max-width: 80%;} .grid-stack > .grid-stack-item[data-gs-width="29"]{width: 82.8571428571%;} .grid-stack > .grid-stack-item[data-gs-x="29"]{left: 82.8571428571%;} .grid-stack > .grid-stack-item[data-gs-min-width="29"]{min-width: 82.8571428571%;} .grid-stack > .grid-stack-item[data-gs-max-width="29"]{max-width: 82.8571428571%;} .grid-stack > .grid-stack-item[data-gs-width="30"]{width: 85.7142857143%;} .grid-stack > .grid-stack-item[data-gs-x="30"]{left: 85.7142857143%;} .grid-stack > .grid-stack-item[data-gs-min-width="30"]{min-width: 85.7142857143%;} .grid-stack > .grid-stack-item[data-gs-max-width="30"]{max-width: 85.7142857143%;} .grid-stack > .grid-stack-item[data-gs-width="31"]{width: 88.5714285714%;} .grid-stack > .grid-stack-item[data-gs-x="31"]{left: 88.5714285714%;} .grid-stack > .grid-stack-item[data-gs-min-width="31"]{min-width: 88.5714285714%;} .grid-stack > .grid-stack-item[data-gs-max-width="31"]{max-width: 88.5714285714%;} .grid-stack > .grid-stack-item[data-gs-width="32"]{width: 91.4285714286%;} .grid-stack > .grid-stack-item[data-gs-x="32"]{left: 91.4285714286%;} .grid-stack > .grid-stack-item[data-gs-min-width="32"]{min-width: 91.4285714286%;} .grid-stack > .grid-stack-item[data-gs-max-width="32"]{max-width: 91.4285714286%;} .grid-stack > .grid-stack-item[data-gs-width="33"]{width: 94.2857142857%;} .grid-stack > .grid-stack-item[data-gs-x="33"]{left: 94.2857142857%;} .grid-stack > .grid-stack-item[data-gs-min-width="33"]{min-width: 94.2857142857%;} .grid-stack > .grid-stack-item[data-gs-max-width="33"]{max-width: 94.2857142857%;} .grid-stack > .grid-stack-item[data-gs-width="34"]{width: 97.1428571429%;} .grid-stack > .grid-stack-item[data-gs-x="34"]{left: 97.1428571429%;} .grid-stack > .grid-stack-item[data-gs-min-width="34"]{min-width: 97.1428571429%;} .grid-stack > .grid-stack-item[data-gs-max-width="34"]{max-width: 97.1428571429%;} .grid-stack > .grid-stack-item[data-gs-width="35"]{width: 100%;} .grid-stack > .grid-stack-item[data-gs-x="35"]{left: 100%;} .grid-stack > .grid-stack-item[data-gs-min-width="35"]{min-width: 100%;} .grid-stack > .grid-stack-item[data-gs-max-width="35"]{max-width: 100%;} .ks_o_graph_svg_container{height:calc(100% - 25px); width:100%;} .ksChartTitle{font-weight: bold; color: black; display: block; height:calc(100% - 87%); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;} .ks_o_graph_svg_container > svg.ks_svg_chart{height: calc(100% - 13%); width:100%;} .grid-stack>.grid-stack-item>.ui-draggable-handle{touch-action: unset;} .grid-stack > .grid-stack-item > .grid-stack-item-content{} 

/* /ks_dashboard_ninja/static/src/css/ks_dashboard_item_theme.css defined in bundle 'web.assets_frontend' */
.ks_dashboard_theme_input::before{content: ''; position: relative; width: 25px; height: 20px; color: white; display: flex; justify-content: center;} .ks_color_blue::before{background: #337ab7;} .ks_color_red::before{background: #d9534f;} .ks_color_yellow::before{background: #f0ad4e;} .ks_color_green::before{background: #5cb85c;} .ks_dashboard_theme_view_render{display: flex;} .ks_dashboard_theme_input:checked:before{content: '✔';} .ks_dashboard_theme_input_container{margin-right: 20px;} .ks_dashboard_top_settings .fa-cog{font-size: 20px; cursor: pointer;} .ks_dashboard_setting_container{padding: 5px 10px 5px 10px; cursor: pointer;} .ks_dashboard_setting_container:hover{color: #333333; background-color: #f5f5f5;} .ks_dashboard_ninja_toggle_menu::after{display:none !important;} .ks_dashboard_theme_input{-webkit-appearance: none;} 

/* /ks_dashboard_ninja/static/src/css/ks_dashboard_ninja.scss defined in bundle 'web.assets_frontend' */
 .ks_dashboard_form{min-height: 100%;} .ks_dashboard_ninja{margin-bottom: 20px;} .ks_dashboard_ninja_header{text-align: right; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 15px 8px; align-items: center; margin-bottom: 25px;} .ks_dashboard_header_name{margin: 0; max-width: 35%;} .ks_header_container_div{float: none; background: #f2f2f2; margin-top: -20px; box-shadow: 2px 3px 6px #bbb5b5;} .ks_white_background{background-color: white;} .ks_dashboard_header_name{margin: 0; width: 80vmin; overflow-wrap: break-word; text-align: left;} .ks_layout_color{background-color: #F9F9F9; margin-left: 35px; margin-top: 20px;} .ks_dashboard_item{padding: 8px 15px 20px 15px; color: black; margin-top: 15px; border-radius: 6px; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); overflow: visible !important;} .ks_dashboard_item:hover{box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);} .ks_dashboard_item_header{text-align: right; min-height: 21px;} .ks_dashboard_item_main_body{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center;} .ks_dashboard_item_info{margin-left: 10px; width: calc(100% - 100px);} .ks_dashboard_item_name{font-weight: bold; font-size: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: none; min-height: 34px;} .ks_dashboard_item_domain_count{font-size: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .ks_dashboard_icon{display: block; margin: auto;} .ks_dashboard_icon > img{width: 50px; height: 50px;} .ks_dashboard_item_header > button{visibility: hidden; background: transparent; border: none;} .ks_dashboard_item_hover:hover .ks_dashboard_item_header_hover > button{visibility: visible;} .ks_dashboard_item_menu_show > button{visibility: visible !important;} .ks_dashboard_item_header_hover > button:hover{transition: 0.2s linear; transform: scale(1.1); cursor: pointer;} .ks_item_not_click{cursor: move;} .ks_dashboard_item_l2{display: -webkit-box; display: -webkit-flex; display: flex; border-radius: 6px; margin-top: 15px; height: 132px; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);} .ks_dashboard_item_l2:hover{box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);} .ks_dashboard_icon_l2{padding: 20px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; width: 100px; padding-top: 35px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center;} .ks_dashboard_icon_l2 > span{font-size: 5em;} .ks_dashboard_icon_l2 > img{width: 60px; height: 60px;} .ks_dashboard_item_main_body_l2{position: relative; width: calc(100% - 100px); border-top-right-radius: 6px; border-bottom-right-radius: 6px;} .ks_dashboard_item_header_l2{position: absolute; right: 5px; top: 5px;} .ks_dashboard_item_header_l2 > button{visibility: hidden; background: transparent; border: none;} .ks_dashboard_item_domain_count_l2{font-size: 35px; margin-left: 20px; margin-top: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .ks_dashboard_item_name_l2{font-weight: bold; font-size: medium; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 20px; margin-bottom: 10px; text-transform: none;} .ks_dashboard_item_info_l3{padding-left: 10px; width: calc(100% - 60px); margin-left: 0px;} .ks_dashboard_icon_l3{display: block; max-width: 70px;} .ks_dashboard_icon_l3 > img{width: 50px; height: 50px;} .ks_dashboard_item_name_l3{text-transform: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: right; font-size: medium; min-height: 24px;} .ks_dashboard_item_domain_count_l3{text-align: right; font-weight: bold; font-size: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .ks_dashboard_item_l4{display: -webkit-box; display: -webkit-flex; display: flex; border-radius: 6px; margin-top: 15px; height: 132px; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);} .ks_dashboard_item_l4:hover{box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);} .ks_dashboard_icon_l4{padding: 20px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; width: 100px; padding-top: 35px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center;} .ks_dashboard_icon_l4 > img{width: 60px; height: 60px;} .ks_dashboard_item_main_body_l5{display: -webkit-box; display: -webkit-flex; display: flex; width: 100%;} .ks_dashboard_item_l5{position: relative; margin-top: 15px; height: 132px; border-radius: 6px; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);} .ks_dashboard_item_l5:hover{box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);} .ks_dashboard_icon_l5{position: absolute; z-index: 1;} .ks_dashboard_icon_l5 > img{width: 20px; height: 20px; margin: 10px;} .ks_dashboard_item_main_body_l5{text-align: center; padding: 0 30px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;} .ks_dashboard_item_domain_count_l5{font-size: 50px; margin-left: 10px; margin-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .ks_dashboard_item_name_l5{font-weight: bold; font-size: medium; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 10px; margin-bottom: 10px; text-transform: none;} .ks_dashboard_item_header_l5{position: absolute; right: 5px; top: 5px;} .ks_dashboard_icon_l5 span{font-size: 20px; margin: 10px;} .ks_dashboard_item_header_l6{position: absolute; right: 25px; top: 20px;} .ks_dashboard_item_header_l6 > button{visibility: hidden; background: transparent; border: none;} .ks_item_click{cursor: pointer;} .ks_action_btns{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} @media (max-width: 1075px){.ks_dashboard_header_name{max-width: 100%;}.ks_dashboard_top_menu{margin-top: 10px;}} .ks_dashboard_header_sticky{position: -webkit-sticky; position: sticky; top: 0px; z-index: 10;} .ks_dashboard_datepicker_z-index{z-index: 10 !important;} #ks_date_filter_selection{font-family: inherit; font-weight: bold; padding: 0px 8px 0px 8px;} .ks_date_filter_selection_input{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row;} .ks_date_selection_box{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .ks_date_input_fields{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .ks_date_filter_selected > span{font-weight: bold;} .ks_date_filter_selected > span::before{font-family: FontAwesome; position: absolute; left: 6px; content: "\f00c";} .df_selection_text{display: block; padding: 3px 25px; font-weight: normal; line-height: 1.42857143; white-space: nowrap; cursor: pointer;} .df_selection_text:hover{color: #333333; background-color: #f5f5f5;} .ks_date_filter_dropdown{padding: 0.375rem 0.75rem; border-color: #dee2e6; border-radius: 3px !important;} .ks_btn_first_child_radius{border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important;} .ks_btn_middle_child{border-radius: 0 !important;} .ks_btn_last_child{border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important;} .ks_hide{display: none !important;} .ks_dashboard_item_action{background-color: inherit;} .ks_dashboard_header{border-bottom: 1px solid #cccccc;} .ks_select_none{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} #ks_dashboard_title_input{width: 300px;} #ks_dashboard_title{padding-left: 1rem !important;} .ks_dashboard_ninja_toggle_menu{position: relative;} .ks_dashboard_ninja_toggle_menu:before{font-family: FontAwesome; top: 0; left: -5px; padding-right: 10px; content: "\f013"; font-size: 2em; cursor: pointer;} .ks_bg_white{background: white;} #ks_dashboard_title_label{color: #777777; font-size: 1.8rem;} @media (max-width: 992px){.ks_dashboard_ninja_toggle_menu:before{content: "\f142";}#ks_dashboard_title_label{font-size: 1.5rem;}#ks_dashboard_title{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between;}} 

/* /ks_dashboard_ninja/static/src/css/ks_dashboard_ninja_item.css defined in bundle 'web.assets_frontend' */
.ks_item_icon{width : 110px !important;} .ks_item_icon>img{width : 50px;} .ks_field_required{color : red;} .ks_db_item_preview{width: 280px;} .ks_not_click{pointer-events: none;} .ks_color_picker{margin-right: 10px;} .ks_color_opacity{vertical-align:middle;} .ks_image_widget_icon_container{background : transparent; border: none; margin: 5px; cursor: pointer;} .ks_domain_content{overflow : auto;} .ks_db_item_preview_footer_note{margin-top : 10px;} .ks_md_heading{justify-content: center; font-size: 16px;} .ks_dashboard_menu_container{padding: 10px; box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; border-radius: 5px; max-width: 174px;} .ks_dashboard_menu_container > li{margin: 2px; display:flex;} .ks_dashboard_menu_container > li > button{margin-top : 5px; margin-left: 2px; border-radius: 5px;} #ks_add_item_selection,#ks_date_selector_container{box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;} #ks_dashboard_layout_edit{border-radius: 3px; color: #fff;} .ks_add_item_type_button{color:#fff; border-radius: 3px;} 

/* /ks_dashboard_ninja/static/src/css/ks_dashboard_ninja_pro.css defined in bundle 'web.assets_frontend' */
.ks_dashboard_item{height: 132px;} .ks_dn_graph_preview > .nv-noData > .ks_pie_chart_nocontent{padding: 100px 0 0 137px; min-height: 327px; font-size: 125%;} .ks_group_width{width : 40% !important;} .ks_chart_nocontent_form{display: inherit !important;} .ks_pie_chart_nocontent > .nv-noData{position: absolute; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); font-size: 125%;} .ks_pie_chart_nocontent > .ksChartTitle{position: absolute; bottom: 0; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} .ks_dashboarditem_id, .ks_dashboarditem_chart_container{overflow-x : visible !important; overflow-y : visible !important;} .ks_dashboarditem_chart_container{background : white;} .ks_dashboard_item_header_l6{top: 5px !important;} .ks_chart_card_body{position: absolute; top: 50px; left: 8px; right: 8px; bottom: 8px;} table#ksListViewTable{margin: 0 auto; border-collapse: collapse; font-family: Agenda-Light, sans-serif; text-rendering: optimizeLegibility; border-radius: 5px; width: -webkit-fill-available;} #ks_item_info{cursor:pointer;} .ks_chart_heading{width: 50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .ks_dashboard_item_hover:hover .ks_dashboard_item_header_hover > .ks_chart_inner_buttons{visibility: visible;} .ks_chart_inner_buttons{visibility: hidden;} .ks_chart_color_options, .ks_item_size_options{display: block; padding: 3px 10px; font-weight: normal; line-height: 1.42857143; white-space: nowrap; cursor: pointer; margin-left: 24px; text-transform: capitalize;} .ks_chart_color_options:hover, .ks_item_size_options:hover{color: #333333; background-color: #f5f5f5;} .ks_pro_print_hide{display:none !important;} .ks_dashboard_item_menu_show > .ks_chart_inner_buttons{visibility: visible !important;} .ksMaxTableContent{max-height: 300px;} .ks_list_view_container{background : white;} .ks_chart_export_menu{padding: 6px 0 6px 0;} .ks_chart_export_menu_header{font-weight: 600; padding: 0 14px 10px 14px;} .ks_chart_export_menu_item{padding: 5px 14px 5px 14px; cursor : pointer;} .ks_chart_image_export{line-height: 29.5px; padding-top: 7.5px; padding-bottom: 7px;} .ks_chart_export_menu_item{color: #4c4c4c;;} .ks_chart_export_menu_item:hover{color: #4d4c4c; background-color: #f5f5f5;} .ks_chart_export_menu_item > i{padding-right: 10px;} 

/* /ks_dashboard_ninja/static/src/css/ks_dashboard_options.css defined in bundle 'web.assets_frontend' */
.ks-options-btn{border-radius: 25px; margin-top: 2%; visibility:collapse;} .ks_dashboard_link{position: relative; display: flex; align-items: center;} .ks_date_apply_clear_print,.ks_dashboard_top_menu{display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap;} i.ks-options-plus{color: white; display: inline-block; border-radius: 60px; background: #7c7bad; box-shadow: 0px 0px 2px #888; padding: 0.5em 0.6em;} .printableArea{width: 8.5cm; // !important height:100%; // !important} @page{size: 8cm auto; // width: 8cm; // height: 100%; // margin: 0; margin-left: 5px !important; // this is for me.} @font-face{font-family: 'FontAwesome'; src: url(data:application/x-font-truetype;base64,<< insert base64 encoded fontawesome-webfont.ttf here >>) format('truetype'); font-weight: normal; font-style: normal;} .apply-dashboard-date-filter{margin-left: 10px;} .clear-dashboard-date-filter{margin-left:5px;} #ks_start_date_picker{height: 30px; width: 100px; border: 1px solid #ccc; padding: 2px 4px; color: #1f1f1f;} #ks_end_date_picker{height: 30px; width: 100px; border: 1px solid #ccc; border-radius: 3px; padding: 2px 4px; color: #1f1f1f;} .ui-datepicker .ui-datepicker-title{display: flex;} .o_view_manager_content{font-family: arial;} .html2canvas-container{height: 4000px !important;} .ks_dashboard_header_name{text-align: start;} .ks-dashboard-date-labels{font-weight: bold; margin-top: inherit; margin-left: 15px; margin-right: 15px;} 

/* /ks_dashboard_ninja/static/src/css/ks_icon_container_modal.css defined in bundle 'web.assets_frontend' */
 .ks_icon_container_grid_view{width:100%;} .ks_icon_container_list{border: 1px solid transparent; position: relative; padding:2%; float:left; display:block; transition: 0.3s ease-in-out; width: 16.66%; text-align: center;} .ks_icon_container_list:hover{transform: scale(1.2); cursor: pointer;} .ks_icon_selected{background: #f2f2f2; border-radius: 5px; border: 1px solid black;} .ks_icon_selected img{transform: scale(0.7) !important; padding: 5px;} .ks_icon_container_open_button{display:none;} .ks_modal_icon_input_div{width: 100%; text-align: right; margin-bottom: 12px;} .ks_modal_icon_input{padding: 6px; margin-top: 8px; font-size: 17px;} .ks_fa_icon_search{float: right; padding: 6px 10px; margin-top: 8px; margin-right: 16px; background: #ddd; font-size: 17px; border: none; cursor: pointer;} .ks_search_modal_container{display: flex; justify-content: flex-end;} .x-tree-icon-leaf, .x-tree-icon-text::before{font: normal normal normal 14px/1 "FontAwesome"; display: inline-block; color: #5fa2dd;} @media (max-width: 475px){.ks_icon_container_list{width: 33.33%;}} @media (max-width: 1024px){.ks_dashboard_item_header_hover > button, .ks_dashboard_item_header_hover > .ks_chart_inner_buttons{visibility: visible !important;}} 

/* /ks_dashboard_ninja/static/src/css/ks_toggle_icon.css defined in bundle 'web.assets_frontend' */
.ks_toggle_icon_input{vertical-align: middle;} .ks_select_dashboard_item_toggle{display: flex;} .ks_select_icon_div{margin-right : 45px;} .ks_dashboard_item_button_container{display: flex; justify-content: flex-end;} .ks_dashboard_quick_edit_action > button{position: absolute; right: -30px; visibility: hidden;} .ks_dashboard_quick_edit_action{z-index: 99;} .ks_qe_footer_span{display: block; width: 18px; height: 18px; -webkit-transform: rotate(-135deg) translateZ(0); transform: rotate(-135deg) translateZ(0); outline: 1px solid transparent; background-color: white; border-top: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; position: absolute; left: -9px; top: 22px;} .ks_qe_dropdown_menu{max-width: 280px; box-shadow: 3px 7px 12px 1px rgba(0, 0, 0, 0.32);} .ks_item_field_info{max-height: 225px; overflow-y: scroll;} .ks_quick_edit_footer{padding-top: 1rem !important; padding-bottom: 0.7rem !important; border-top: 1px solid #dcdada; display: flex; justify-content: center;} .ks_qe_form_view{padding-bottom: 0px !important; padding-top: 0px !important;} .ks_qe_form_view > .ks_qe_form_view_group{margin-bottom: 0 !important;} .ks_item_field_info::-webkit-scrollbar{width: 7px;} .ks_item_field_info::-webkit-scrollbar-track{background: #f1f1f1;} .ks_item_field_info::-webkit-scrollbar-thumb{background: #888;} .ks_item_field_info::-webkit-scrollbar-thumb:hover{background: #555;} .ks_quick_edit_footer > .ks_discard{border-color: #dee2e6;} 

/* /ks_website_dashboard_ninja/static/src/css/main.css defined in bundle 'web.assets_frontend' */
.deactive{display: none;} #ks_slider_selection{position: relative; top: 50%; width: 200px;} .ks_main_div{display: flex;} .ks_container{display: block; margin: 2px 35px; position: relative; padding-left: 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .ks_container input{opacity: 0; cursor: pointer;} .checkmark{position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; border-radius: 50%;} .ks_container:hover input ~ .checkmark{background-color: #ccc;} .ks_container input:checked ~ .checkmark{background-color: #2196F3;} .checkmark:after{content: ""; position: absolute; display: none;} .ks_container input:checked ~ .checkmark:after{display: block;} .ks_container .checkmark:after{top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; background: white;} .ks_date_filters_menu{z-index: 100000;} 

/* /theme_inventive/static/src/jRange/jquery-range.css defined in bundle 'web.assets_frontend' */
.slider-container{margin: 0 7px;} .slider-container .back-bar{height: 10px; position: relative;} .slider-container .back-bar .selected-bar{position: absolute; height: 100%;} .slider-container .back-bar .pointer{position: absolute; width: 10px; height: 10px; cursor: col-resize; opacity: 1; z-index: 2;} .slider-container .back-bar .pointer.last-active{z-index: 3;} .slider-container .back-bar .pointer-label{position: absolute; top: -17px; font-size: 8px !important; background: white; white-space: nowrap; line-height: 1;} .slider-container .back-bar .focused{z-index: 10;} .slider-container .clickable-dummy{cursor: pointer; position: absolute; width: 100%; height: 100%; z-index: 1;} .slider-container .scale{top: 2px; position: relative;} .slider-container .scale span{position: absolute; height: 5px; border-left: 1px solid #999; font-size: 0;} .slider-container .scale ins{font-size: 9px; text-decoration: none; position: absolute; left: 0; top: 5px; color: #999; line-height: 1;} .slider-container.slider-readonly .clickable-dummy, .slider-container.slider-readonly .pointer{cursor: auto;} .inventive_slider_color .back-bar{height: 5px; border-radius: 2px; background-color: #e7e7e7; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);} .inventive_slider_color .back-bar .selected-bar{border-radius: 2px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbdfade', endColorstr='#ff76fabc', GradientType=0);} .inventive_slider_color .back-bar .pointer{width: 14px; height: 14px; top: -5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);} .inventive_slider_color .back-bar .focused{color: #333;} .inventive_slider_color .scale span{border-left: 1px solid #e5e5e5;} .inventive_slider_color .scale ins{color: #999;}