.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:disabled{color: #ffffff; background-color: #6999a8; border-color: #6999a8;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.dropdown-toggle{color: #ffffff; background-color: #517e8d; border-color: #4d7784;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: #555555; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: #ffffff; background-color: #ed9d2b; border-color: #ec971f;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:disabled{color: #555555; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.dropdown-toggle{color: #ffffff; background-color: #ec971f; border-color: #ea9214;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: #ffffff; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: #ffffff; background-color: #e1374f; border-color: #df2c45;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:disabled{color: #ffffff; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle{color: #ffffff; background-color: #df2c45; border-color: #dd213c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor :not(.input-group):not(.form-group):not(.input-group-append):not(.input-group-prepend) > .form-control{height: 34px;} .o_ace_view_editor .form-control{padding: 6px 12px; font-size: 14px; line-height: 1.5; border: 1px solid #d4d5d7; color: #555; background-color: #fff; border-radius: 0;} .o_ace_view_editor .form-control.is-invalid{border-color: #dc3545;} .o_ace_view_editor .input-group .form-control{height: auto;} .o_ace_view_editor .input-group-text{background-color: #e9ecef;} .o_ace_view_editor .was-validated .form-control:invalid{border-color: #dc3545;} .o_ace_view_editor select.form-control{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1 sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScyNCcgaGVpZ2 h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBpZD0nc3ZnXzEnIGQ9J203LjQwNiw3L jgyOGw0LjU5NCw0LjU5NGw0LjU5NCwtNC41OTRsMC40MDYsMS40MDZsLTUsNC43NjZsLTUsLTQu NzY2bDAuNDA2LC0xLjQwNnonIGZpbGw9JyM4ODgnLz48L3N2Zz4="); background-position: 100% 65%; background-repeat: no-repeat;} .tour .popover-navigation{margin-left: 13px; margin-bottom: 8px;} .css_published .btn-danger, .css_published .css_publish{display: none;} .css_unpublished .btn-success, .css_unpublished .css_unpublish{display: none;} [data-publish='off'] > *:not(.css_options){opacity: 0.5;} @media print{a[href]:after{content: initial;}} .o_page_management_info .o_switch{padding-top: 9px;} #list_website_pages th{background-color: #7C7BAD; color: white;} #list_website_pages td, #list_website_pages th{padding: 0.45rem;} #list_website_pages td > a.fa{margin-left: 5px; color: #7C7BAD;} #list_website_pages td .text-muted{opacity: 0.5;} #list_website_pages .fa-check, #list_website_pages .fa-eye-slash{color: #17a2b8;} 

/* /website/static/src/scss/website.zoomodoo.scss defined in bundle 'web.assets_frontend' */
 .zoomodoo{position: relative; display: inline-block; *display: inline; *zoom: 1;} .zoomodoo img{vertical-align: bottom;} .zoomodoo-flyout{position: absolute; z-index: 100; overflow: hidden; background: #FFF; top: 0; width: 100%; height: 100%;} .zoomodoo-flyout img{max-width: 500%;} .zoomodoo-hover .zoomodoo-flyout{left: 0;} .zoomodoo-next .zoomodoo-flyout{left: 100%;} 

/* /theme_common/static/src/scss/fonts.scss defined in bundle 'web.assets_frontend' */
 @font-face{font-family: 'BebasNeue'; font-weight: 400; src: url("/theme_common/static/src/font/bebas_neue_400.ttf") format("truetype");} @font-face{font-family: 'BebasNeue'; font-weight: 700; src: url("/theme_common/static/src/font/bebas_neue_700.ttf") format("truetype");} @font-face{font-family: 'Comic Sans MS'; font-weight: 400; src: url("/theme_common/static/src/font/comic_400.ttf") format("truetype");} @font-face{font-family: 'Comic Sans MS'; font-weight: 700; src: url("/theme_common/static/src/font/comic_700.ttf") format("truetype");} @font-face{font-family: 'Din Alternate'; font-weight: 700; src: url("/theme_common/static/src/font/din_alternate_700.ttf") format("truetype");} @font-face{font-family: 'Droid Serif'; font-style: normal; font-weight: 400; src: url("/theme_common/static/src/font/droid_serif_400.ttf") format("truetype");} @font-face{font-family: 'Droid Serif'; font-style: normal; font-weight: 700; src: url("/theme_common/static/src/font/droid_serif_700.ttf") format("truetype");} @font-face{font-family: 'Droid Serif'; font-style: italic; font-weight: 400; src: url("/theme_common/static/src/font/droid_serif_400i.ttf") format("truetype");} @font-face{font-family: 'Droid Serif'; font-style: italic; font-weight: 700; src: url("/theme_common/static/src/font/droid_serif_700i.ttf") format("truetype");} @font-face{font-family: 'Fecske'; font-weight: 400; src: url("/theme_common/static/src/font/fecske_400.ttf") format("truetype");} @font-face{font-family: 'Fontastique'; font-weight: 400; src: url("/theme_common/static/src/font/fontastique_400.ttf") format("truetype");} @font-face{font-family: 'Luminari'; font-weight: 400; src: url("/theme_common/static/src/font/luminari_400.ttf") format("truetype");} @font-face{font-family: 'Proxima'; font-weight: 300; src: url("/theme_common/static/src/font/proxima_nova_300.otf") format("truetype");} @font-face{font-family: 'Proxima'; font-weight: 400; src: url("/theme_common/static/src/font/proxima_nova_400.otf") format("truetype");} @font-face{font-family: 'Proxima'; font-weight: 700; src: url("/theme_common/static/src/font/proxima_nova_700.otf") format("truetype");} @font-face{font-family: 'SinkinSans'; font-weight: 200; src: url("/theme_common/static/src/font/sinkin_sans_200.otf") format("truetype");} @font-face{font-family: 'SinkinSans'; font-weight: 400; src: url("/theme_common/static/src/font/sinkin_sans_400.otf") format("truetype");} @font-face{font-family: 'SinkinSans'; font-weight: 700; src: url("/theme_common/static/src/font/sinkin_sans_700.otf") format("truetype");} 

/* /theme_common/static/src/scss/s_google_map.scss defined in bundle 'web.assets_frontend' */
 .s_google_map{height: 100%; min-height: 100px; position: relative;} .s_google_map .map_container{position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .s_google_map .description{position: absolute; top: auto; left: 0; bottom: 0; right: 0; z-index: 99; padding: 0 1em; background: rgba(205, 208, 162, 0.8); color: white; transition: background-color 250ms ease;} .s_google_map .description font{float: left; margin-top: 20px; margin-bottom: 15px; font-weight: bold; text-transform: uppercase;} .s_google_map .description span{float: left; text-transform: none; font-weight: normal; margin-top: 20px; margin-left: 10px;} .s_google_map:hover .description{background: #cdd0a2; background: rgba(205, 208, 162, 0.55);} #mapModal{z-index: 3000;} .pac-container{z-index: 3001;} .pac-container:after{display: none;} 

/* /theme_common/static/src/scss/s_masonry_block.scss defined in bundle 'web.assets_frontend' */
 #wrapwrap .s_masonry_block .row, #wrapwrap .s_masonry_block .row > div{display: -webkit-box; display: -webkit-flex; display: flex;} #wrapwrap .s_masonry_block .row > div{padding-bottom: 15px; padding-top: 15px; justify-content: center; -webkit-flex-flow: column wrap; flex-flow: column wrap;} #wrapwrap .s_masonry_block .container-fluid > .row{-webkit-flex-flow: row nowrap; flex-flow: row nowrap;} @media (max-width: 991.98px){#wrapwrap .s_masonry_block .container-fluid > .row{-webkit-flex-flow: column nowrap; flex-flow: column nowrap;}} #wrapwrap .s_masonry_block .container-fluid > .row > div.s_masonry_block_pseudo_col{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; padding: 0;} #wrapwrap .s_masonry_block .container-fluid > .row > div.s_masonry_block_pseudo_col > .row{-webkit-flex-flow: row wrap; flex-flow: row wrap; min-height: 100%; margin: 0;} @media (max-width: 767.98px){#wrapwrap .s_masonry_block .container-fluid > .row > div.s_masonry_block_pseudo_col > .row{-webkit-flex-flow: column nowrap; flex-flow: column nowrap;}} #wrapwrap .s_masonry_block .container-fluid > .row > div.s_masonry_block_pseudo_col > .row > div{min-height: 50%; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto;} #wrapwrap .s_masonry_block.s_ratio_2_1 .row > div{padding-top: 30px; padding-bottom: 30px;} html[data-no-flex] .s_masonry_block{min-height: 340px;} html[data-no-flex] .s_masonry_block > div{height: 100%;} html[data-no-flex] .s_masonry_block .row{height: 100%;} html[data-no-flex] .s_masonry_block .row > div{position: relative; height: 100%; min-height: 170px; padding-top: 0; padding-left: 0;} html[data-no-flex] .s_masonry_block .content::after{display: block; clear: both; content: "";} @media (min-width: 768px){html[data-no-flex] .s_masonry_block .row .row > div{height: 50%;}} @media (min-width: 992px){html[data-no-flex] .s_masonry_block{height: 0px;}html[data-no-flex] .s_masonry_block.s_ratio_2_1{position: relative; padding: 0 0 50% 0;}html[data-no-flex] .s_masonry_block.s_ratio_2_1 > div{padding-top: 0; padding-bottom: 0; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}html[data-no-flex] .s_masonry_block .content{position: absolute; top: 35%; left: 25%; bottom: 35%; right: 25%;}} 

/* /theme_common/static/src/scss/s_header_text_big_picture.scss defined in bundle 'web.assets_frontend' */
 #wrapwrap .s_header_text_big_picture .s_header_text_big_picture_picturecol{padding: 0;} #wrapwrap .s_header_text_big_picture .s_header_text_big_picture_picturecol img{width: 100%;} #wrapwrap .s_header_text_big_picture [class*="col-lg-"] p{padding: 0 25px;} 

/* /theme_common/static/src/scss/s_text_picture_text.scss defined in bundle 'web.assets_frontend' */
 #wrapwrap .s_text_picture_text h3{padding-bottom: 30px;} #wrapwrap .s_text_picture_text .row div:nth-child(2) img{margin-bottom: 20px; width: 100%;} 

/* /theme_common/static/src/scss/s_banner_parallax.scss defined in bundle 'web.assets_frontend' */
 #wrapwrap .s_banner_parallax{margin-bottom: 0px !important;} @media (max-width: 767.98px){#wrapwrap .s_banner_parallax{background-position: none !important;}} @media (max-width: 991.98px){#wrapwrap .s_banner_parallax{height: 100vh !important;}} #wrapwrap .s_banner_parallax .container-fluid .row{height: 100vh;} #wrapwrap .s_banner_parallax .container-fluid .row .hero-bg:before{border-top: 0px solid rgba(0, 0, 0, 0);} #wrapwrap .s_banner_parallax .container-fluid .row .hero-bg:after{border-top: 0px solid rgba(0, 0, 0, 0);} #wrapwrap .s_banner_parallax .container-fluid .row .hero-bg{padding-left: 0px; color: white; margin-top: 200px;} @media screen and (max-width: 640px){#wrapwrap .s_banner_parallax .container-fluid .row .hero-bg{margin-top: 50px;}} @media (max-width: 767.98px){#wrapwrap .s_banner_parallax .container-fluid .row .hero-bg{text-align: center; padding-left: 15px;}} #wrapwrap .s_banner_parallax .container-fluid .row .hero-bg h1{font-size: 50px; text-shadow: none;} @media screen and (max-width: 360px){#wrapwrap .s_banner_parallax .container-fluid .row .hero-bg h1{font-size: 50px;}} #wrapwrap .s_banner_parallax .container-fluid .row .hero-bg h2{font-size: 40px; text-shadow: none;} @media screen and (max-width: 360px){#wrapwrap .s_banner_parallax .container-fluid .row .hero-bg h2{font-size: 30px;}} #wrapwrap .s_banner_parallax .container-fluid .row .hero-bg img{max-height: 350px;} @media screen and (max-width: 360px){#wrapwrap .s_banner_parallax .container-fluid .row .hero-bg img{max-height: 200px;}} 

/* /theme_common/static/src/scss/s_product_list.scss defined in bundle 'web.assets_frontend' */
 #wrapwrap .s_product_list{padding: 15px;} #wrapwrap .s_product_list > div > .row > div{margin-bottom: 20px; height: 200px; text-align: center;} #wrapwrap .s_product_list > div > .row > div a{display: block;} #wrapwrap .s_product_list > div > .row > div img{margin: auto; max-height: 130px; transition: opacity 0.3s ease-out;} #wrapwrap .s_product_list > div > .row > div img:hover{opacity: 0.3;} #wrapwrap .s_product_list > div > .row > div .s_product_list_item_link{position: absolute; top: auto; left: 10%; bottom: 0; right: 10%;} #wrapwrap .s_product_list > div > .row > div .s_product_list_item_link > .btn{width: 100%; padding: 5px !important; font-size: 16px; text-transform: uppercase;} @media only screen and (max-width: 1280px){#wrapwrap .s_product_list > div > .row > div .s_product_list_item_link > .btn{font-size: 12px;}} #wrapwrap .s_product_list > div > .row > div .s_product_list_item_link > .btn .fa{font-size: 18px; padding-right: 5px;} @media only screen and (max-width: 1024px){#wrapwrap .s_product_list > div > .row > div .s_product_list_item_link > .btn .fa{display: block; font-size: 25px;}} 

/* /theme_common/static/src/scss/s_features_carousel.scss defined in bundle 'web.assets_frontend' */
 #wrapwrap .s_features_carousel .carousel-inner .row{margin: 40px 70px;} @media (max-width: 767.98px){#wrapwrap .s_features_carousel .carousel-inner .row{margin: 0;}} #wrapwrap .s_features_carousel [class*="col-lg-"] img{max-height: 400px;} #wrapwrap .s_features_carousel .circle{position: relative; height: 250px; width: 250px;} @media only screen and (max-width: 360px){#wrapwrap .s_features_carousel .circle{width: 165px; height: 165px;}} #wrapwrap .s_features_carousel .mask{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; width: 250px; height: 250px; padding: 40px; border-radius: 50%; font-size: 20px; line-height: 20px; text-align: center; text-transform: uppercase; border: 1px solid #d9d9d9;} @media only screen and (max-width: 360px){#wrapwrap .s_features_carousel .mask{font-size: 15px; line-height: 15px; padding: 15px; height: auto;}} #wrapwrap .s_features_carousel h2{border-bottom-width: 0; border-bottom-style: dotted; text-align: center; padding-bottom: 30px;} #wrapwrap .s_features_carousel .carousel-indicators{border-top: 1px dotted #777777; padding-top: 32px; visibility: visible;} #wrapwrap .s_features_carousel .carousel-indicators li{border: 1px solid #d9d9d9;} #wrapwrap .s_features_carousel .carousel-indicators .active{border: 1px solid #b4bbb9 !important;} #wrapwrap .s_features_carousel .carousel-control-prev, #wrapwrap .s_features_carousel .carousel-control-next{opacity: 1; cursor: pointer;} @media (max-width: 767.98px){#wrapwrap .s_features_carousel [class*="col-lg-"] > p{padding: 0 30px;}} 

/* /theme_common/static/src/scss/s_discount.scss defined in bundle 'web.assets_frontend' */
 #wrapwrap .s_discount_box{background: white; padding: 30px 0; border-radius: 20px; position: relative; box-shadow: 0px 0px 5px 0px rgba(85, 85, 85, 0.5); word-wrap: break-word;} #wrapwrap .s_discount_box:before{content: " "; height: 20px; width: 20px; background: white; border-radius: 20px; position: absolute; left: 50%; top: 20px; margin-left: -10px;} #wrapwrap .s_discount_brand{text-transform: uppercase; letter-spacing: 3px; padding: 10px 15px; margin-top: 10px; text-align: center; min-height: 100px;} #wrapwrap .s_discount_amount{min-height: 100px; position: relative; font-size: 80px; text-align: center; font-weight: bold; padding: 20px 15px; text-shadow: 1px 1px 2px 0px white; color: white;} #wrapwrap .s_discount_amount:after{content: " "; border-right: 20px solid rgba(0, 0, 0, 0); border-left: 20px solid rgba(0, 0, 0, 0); position: absolute; bottom: -20px; left: 20%;} #wrapwrap .s_discount_type{font-size: 20px; letter-spacing: 1px; text-transform: uppercase;} #wrapwrap .s_discount_descr{text-align: center; font-size: 13px; color: #343a40; margin-top: 10px; padding: 20px 25px;} #wrapwrap .s_discount_ends{padding: 0 25px; margin-bottom: 10px;} #wrapwrap .s_discount_coupon{min-height: 50px; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 18px; padding: 20px 15px;} #wrapwrap .s_discount_coupon a{color: white;} #wrapwrap .s_discount_code{letter-spacing: 1px; border-radius: 4px; margin-top: 10px; background: #f0f0f0; color: #343a40;} #wrapwrap .s_discount_code .code{padding: 10px 15px;} 

/* /theme_common/static/src/scss/s_color_blocks_4.scss defined in bundle 'web.assets_frontend' */
 #wrapwrap .s_color_blocks_4 .row{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;} #wrapwrap .s_color_blocks_4 .row::before, #wrapwrap .s_color_blocks_4 .row::after{width: 0;} #wrapwrap .s_color_blocks_4 [class*="col-lg-"]{padding: 64px 20px;} @media (max-width: 991.98px){#wrapwrap .s_color_blocks_4 [class*="col-lg-"]{flex: 1 1 100%;}} #wrapwrap .s_color_blocks_4 img{max-width: 100%; height: auto;} 

/* /theme_common/static/src/scss/s_products_carousel.scss defined in bundle 'web.assets_frontend' */
 #wrapwrap .s_products_carousel .carousel-inner{height: 100vh;} #wrapwrap .s_products_carousel .carousel-inner .carousel-item{height: 100%;} #wrapwrap .s_products_carousel .carousel-indicators{visibility: visible; bottom: 120px;} #wrapwrap .s_products_carousel .carousel-control-prev, #wrapwrap .s_products_carousel .carousel-control-next{cursor: pointer; opacity: 1; width: 70px;} #wrapwrap .s_products_carousel .carousel-control-prev-icon, #wrapwrap .s_products_carousel .carousel-control-next-icon{width: 30px; height: 30px;} #wrapwrap .s_products_carousel .row{margin: 0;} #wrapwrap .s_products_carousel .container-fluid{padding: 0; overflow: hidden;} #wrapwrap .s_products_carousel .container-fluid .product-widget{position: absolute; bottom: 0; text-align: center;} @media screen and (max-width: 360px){#wrapwrap .s_products_carousel .container-fluid .product-widget{height: auto;}} #wrapwrap .s_products_carousel .container-fluid .widget{display: inline-block; overflow: hidden;} @media screen and (max-width: 360px){#wrapwrap .s_products_carousel .container-fluid .widget{transform: none; padding-bottom: 10px;}} #wrapwrap .s_products_carousel .container-fluid .widget img{max-height: 120px;} #wrapwrap .s_products_carousel .container-fluid .widget img:hover{opacity: 0.7;} #wrapwrap .s_products_carousel .container-fluid .hero-bg{padding: 0; color: #ffffff; text-align: center;} @media (max-width: 767.98px){#wrapwrap .s_products_carousel .container-fluid .hero-bg{padding-top: 20px; text-align: center;}} @media screen and (max-width: 360px){#wrapwrap .s_products_carousel .container-fluid .hero-bg{padding: 0;}} #wrapwrap .s_products_carousel .container-fluid .hero-bg h2{font-size: 85px; text-shadow: 1px 1px 11px rgba(0, 0, 0, 0.86);} @media (max-width: 767.98px){#wrapwrap .s_products_carousel .container-fluid .hero-bg h2{font-size: 65px;}} @media screen and (max-width: 360px){#wrapwrap .s_products_carousel .container-fluid .hero-bg h2{font-size: 35px;}} 

/* /theme_common/static/src/scss/s_timeline.scss defined in bundle 'web.assets_frontend' */
 .s_timeline .s_timeline_line{position: relative;} .s_timeline .s_timeline_line:before{content: ''; position: absolute; width: 1px; top: 10px; bottom: 10px; left: 50%; background-color: #343a40; z-index: 1;} .s_timeline .s_timeline_row{align-items: center;} .s_timeline .s_timeline_row .s_timeline_content{align-items: center; -webkit-box-pack: end; justify-content: flex-end; width: 100%;} .s_timeline .s_timeline_row .s_timeline_content ~ .s_timeline_content{-webkit-box-pack: start; justify-content: flex-start;} .s_timeline .s_timeline_row.flex-row-reverse .s_timeline_content{flex-direction: row-reverse;} .s_timeline .s_timeline_date{z-index: 2;} .s_timeline .s_timeline_date span:not(.fa){display: inline-block; padding: 5px;} .s_timeline .s_timeline_date .fa{margin: 0 15px;} .s_timeline .s_timeline_icon{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; margin: 15px;} 

/* /theme_common/static/src/scss/s_event_list.scss defined in bundle 'web.assets_frontend' */
 #wrapwrap .s_event_list_item{box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); margin: 0px 0px 20px;} #wrapwrap .s_event_list_item::after{display: block; clear: both; content: "";} #wrapwrap .s_event_list_item > time{display: block; padding: 5px; text-align: center; text-transform: uppercase;} #wrapwrap .s_event_list_item > time div{display: none;} #wrapwrap .s_event_list_item > time .s_event_list_day, #wrapwrap .s_event_list_item > time .s_event_list_month, #wrapwrap .s_event_list_item > time .s_event_list_time{display: block; line-height: 1;} #wrapwrap .s_event_list_item > time .s_event_list_day{font-size: 50px; padding-top: 10px;} #wrapwrap .s_event_list_item > time .s_event_list_month{font-size: 30px;} #wrapwrap .s_event_list_item > time .s_event_list_time{font-size: 16px; font-weight: 200; padding-bottom: 10px;} #wrapwrap .s_event_list_item > .s_event_list_icon{text-align: center;} #wrapwrap .s_event_list_item > .s_event_list_info > ul, #wrapwrap .s_event_list_item > .s_event_list_social > ul{list-style: none; margin: 0; padding: 0; text-align: center;} #wrapwrap .s_event_list_item > .s_event_list_info > ul > li, #wrapwrap .s_event_list_item > .s_event_list_social > ul > li{float: left; color: #343a40; font-size: 11px; font-weight: 300;} #wrapwrap .s_event_list_item > .s_event_list_info > ul > li:hover, #wrapwrap .s_event_list_item > .s_event_list_social > ul > li:hover{color: #343a40; background-color: #d9d9d9;} #wrapwrap .s_event_list_item > .s_event_list_info > ul > li > a, #wrapwrap .s_event_list_item > .s_event_list_social > ul > li > a{display: block; width: 100%; height: 100%;} #wrapwrap .s_event_list_item > .s_event_list_info{padding-top: 5px; text-align: center;} #wrapwrap .s_event_list_item > .s_event_list_info > .s_event_list_title{margin: 5px 0 0; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top;} #wrapwrap .s_event_list_item > .s_event_list_info > .s_event_list_desc{font-size: 14px; font-weight: 300; margin: 8px 0 0; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; max-height: 2.2em; line-height: 1.1em;} #wrapwrap .s_event_list_item > .s_event_list_info > .s_event_list_desc .fa{color: white;} #wrapwrap .s_event_list_item > .s_event_list_info > ul{margin-top: 10px;} #wrapwrap .s_event_list_item > .s_event_list_info > ul > li{width: 50%;} #wrapwrap .s_event_list_item > .s_event_list_info > ul > li > a{display: block; width: 100%; color: #343a40; text-decoration: none;} #wrapwrap .s_event_list_item > .s_event_list_social > ul > li{width: 33.3333%; padding: 0px;} #wrapwrap .s_event_list_item > .s_event_list_social > ul > li > a{padding: 9px 0px 3px;} #wrapwrap .s_event_list_item > .s_event_list_social > ul > li:hover > a{color: white !important;} #wrapwrap .s_event_list_item .s_event_list_facebook a{color: #4b6ea8 !important;} #wrapwrap .s_event_list_item .s_event_list_twitter a{color: #4fd5f8 !important;} #wrapwrap .s_event_list_item .s_event_list_google_plus a{color: #dd4b39 !important;} #wrapwrap .s_event_list_item .s_event_list_facebook:hover a{background-color: #4b6ea8 !important;} #wrapwrap .s_event_list_item .s_event_list_twitter:hover a{background-color: #4fd5f8 !important;} #wrapwrap .s_event_list_item .s_event_list_google_plus:hover a{background-color: #dd4b39 !important;} @media (min-width: 768px){#wrapwrap .s_event_list_item{display: -webkit-box; display: -webkit-flex; display: flex; position: relative;}#wrapwrap .s_event_list_item > .s_event_list_icon{width: 120px; height: 120px; float: left; text-align: center;}#wrapwrap .s_event_list_item > .s_event_list_icon .fa{line-height: 120px;}#wrapwrap .s_event_list_item > img{height: 120px;}#wrapwrap .s_event_list_item > time{max-width: 120px;}#wrapwrap .s_event_list_item > time, #wrapwrap .s_event_list_item > img{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-height: 120px; min-width: 120px; margin: 0px; padding: 0px; float: left;}#wrapwrap .s_event_list_item > .s_event_list_info{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; position: relative; overflow: hidden; min-height: 120px; padding-right: 40px; text-align: left;}#wrapwrap .s_event_list_item > .s_event_list_info > .s_event_list_title, #wrapwrap .s_event_list_item > .s_event_list_info .s_event_list_desc{padding: 0px 10px;}#wrapwrap .s_event_list_item > .s_event_list_info > ul{position: absolute; top: auto; left: 0; bottom: 0; right: 40px;}#wrapwrap .s_event_list_item > .s_event_list_social{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; position: absolute; top: 0; left: auto; bottom: 0; right: 0; width: 40px;}#wrapwrap .s_event_list_item > .s_event_list_social > ul{height: 100%; border-left: 1px solid #f2f2f2;}#wrapwrap .s_event_list_item > .s_event_list_social > ul > li{width: 100%; height: 33.333%;}#wrapwrap .s_event_list_item > .s_event_list_social > ul > li > a{padding: 9px 0px;}} 

/* /theme_common/static/src/scss/s_color_blocks_2.scss defined in bundle 'web.assets_frontend' */
 #wrapwrap .s_color_blocks_2 .row{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;} #wrapwrap .s_color_blocks_2 .row::before, #wrapwrap .s_color_blocks_2 .row::after{width: 0;} #wrapwrap .s_color_blocks_2 [class*="col-lg-"]{padding: 8% 5%; padding-top: 8vw; padding-bottom: 8vw;} @media (max-width: 991.98px){#wrapwrap .s_color_blocks_2 [class*="col-lg-"]{flex: 1 1 100%;}} #wrapwrap .s_color_blocks_2 img{max-width: 100%; height: auto;} 

/* /theme_common/static/src/scss/s_big_icons.scss defined in bundle 'web.assets_frontend' */
 .s_big_icons{text-align: center;} .s_big_icons .col-lg-12{float: none;} .s_big_icons_box{text-align: center; width: 150px; margin: 0 auto;} .s_big_icons_box .fa{color: #fff; font-size: 40px;} .s_big_icons_icon{width: 120px; height: 120px; text-align: center; padding: 40px 0; transition: all 0.3s ease-in-out; border-radius: 80px; margin: 0px auto;} .s_big_icons_icon h5{margin-top: 48px;} .s_big_icons_box:hover .s_big_icons_icon{transition: all 0.3s ease-in-out; background-color: #b4bbb9;} .s_big_icons_box:hover .s_big_icons_content h4{transition: all 0.3s ease-in-out; color: #b4bbb9;} 

/* /theme_loftspace/static/src/scss/theme.scss defined in bundle 'web.assets_frontend' */
 @media (max-width: 767.98px){#wrapwrap header .navbar-toggle{display: block;}#wrapwrap header .navbar-fixed-top{top: 0; border-width: 0 0 1px;}#wrapwrap header .navbar-collapse.collapse{display: none !important;}#wrapwrap header .navbar-nav{float: none !important;}#wrapwrap header .navbar-nav > li{float: none;}#wrapwrap header .collapse.show{display: block !important; height: auto !important;}#wrapwrap header .container{padding-left: 15px; padding-right: 15px;}} .btn{padding: 10px 20px; border-radius: 0px; transition: all 0.3s ease-out; border-width: 0px;} .btn.btn-success{color: #ffffff; background-color: #957985; border-color: #957985;} .btn.btn-success:hover{color: #ffffff; background-color: #816672; border-color: #7a616c;} .btn.btn-success:focus, .btn.btn-success.focus{box-shadow: 0 0 0 0.2rem rgba(149, 121, 133, 0.5);} .btn.btn-success.disabled, .btn.btn-success:disabled{color: #ffffff; background-color: #957985; border-color: #957985;} .btn.btn-success:not(:disabled):not(.disabled):active, .btn.btn-success:not(:disabled):not(.disabled).active, .show > .btn.btn-success.dropdown-toggle{color: #ffffff; background-color: #7a616c; border-color: #735b65;} .btn.btn-success:not(:disabled):not(.disabled):active:focus, .btn.btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn.btn-success.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(149, 121, 133, 0.5);} .btn.btn-outline-success{color: #957985; background-color: transparent; background-image: none; border-color: #957985;} .btn.btn-outline-success:hover{color: #ffffff; background-color: #957985; border-color: #957985;} .btn.btn-outline-success:focus, .btn.btn-outline-success.focus{box-shadow: 0 0 0 0.2rem rgba(149, 121, 133, 0.5);} .btn.btn-outline-success.disabled, .btn.btn-outline-success:disabled{color: #957985; background-color: transparent;} .btn.btn-outline-success:not(:disabled):not(.disabled):active, .btn.btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn.btn-outline-success.dropdown-toggle{color: #ffffff; background-color: #957985; border-color: #957985;} .btn.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn.btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn.btn-outline-success.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(149, 121, 133, 0.5);} .btn.btn-info{color: #555555; background-color: #b4bbb9; border-color: #b4bbb9;} .btn.btn-info:hover{color: #ffffff; background-color: #a0a9a6; border-color: #99a3a0;} .btn.btn-info:focus, .btn.btn-info.focus{box-shadow: 0 0 0 0.2rem rgba(180, 187, 185, 0.5);} .btn.btn-info.disabled, .btn.btn-info:disabled{color: #555555; background-color: #b4bbb9; border-color: #b4bbb9;} .btn.btn-info:not(:disabled):not(.disabled):active, .btn.btn-info:not(:disabled):not(.disabled).active, .show > .btn.btn-info.dropdown-toggle{color: #ffffff; background-color: #99a3a0; border-color: #939d9a;} .btn.btn-info:not(:disabled):not(.disabled):active:focus, .btn.btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn.btn-info.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(180, 187, 185, 0.5);} .btn.btn-outline-info{color: #b4bbb9; background-color: transparent; background-image: none; border-color: #b4bbb9;} .btn.btn-outline-info:hover{color: #555555; background-color: #b4bbb9; border-color: #b4bbb9;} .btn.btn-outline-info:focus, .btn.btn-outline-info.focus{box-shadow: 0 0 0 0.2rem rgba(180, 187, 185, 0.5);} .btn.btn-outline-info.disabled, .btn.btn-outline-info:disabled{color: #b4bbb9; background-color: transparent;} .btn.btn-outline-info:not(:disabled):not(.disabled):active, .btn.btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn.btn-outline-info.dropdown-toggle{color: #555555; background-color: #b4bbb9; border-color: #b4bbb9;} .btn.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn.btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn.btn-outline-info.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(180, 187, 185, 0.5);} .btn.btn-warning{color: #ffffff; background-color: #242327; border-color: #242327;} .btn.btn-warning:hover{color: #ffffff; background-color: #111113; border-color: #0b0b0c;} .btn.btn-warning:focus, .btn.btn-warning.focus{box-shadow: 0 0 0 0.2rem rgba(36, 35, 39, 0.5);} .btn.btn-warning.disabled, .btn.btn-warning:disabled{color: #ffffff; background-color: #242327; border-color: #242327;} .btn.btn-warning:not(:disabled):not(.disabled):active, .btn.btn-warning:not(:disabled):not(.disabled).active, .show > .btn.btn-warning.dropdown-toggle{color: #ffffff; background-color: #0b0b0c; border-color: #050505;} .btn.btn-warning:not(:disabled):not(.disabled):active:focus, .btn.btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn.btn-warning.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(36, 35, 39, 0.5);} .btn.btn-outline-warning{color: #242327; background-color: transparent; background-image: none; border-color: #242327;} .btn.btn-outline-warning:hover{color: #ffffff; background-color: #242327; border-color: #242327;} .btn.btn-outline-warning:focus, .btn.btn-outline-warning.focus{box-shadow: 0 0 0 0.2rem rgba(36, 35, 39, 0.5);} .btn.btn-outline-warning.disabled, .btn.btn-outline-warning:disabled{color: #242327; background-color: transparent;} .btn.btn-outline-warning:not(:disabled):not(.disabled):active, .btn.btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn.btn-outline-warning.dropdown-toggle{color: #ffffff; background-color: #242327; border-color: #242327;} .btn.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn.btn-outline-warning.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(36, 35, 39, 0.5);} .btn.btn-danger{color: #ffffff; background-color: #000000; border-color: #000000;} .btn.btn-danger:hover{color: #ffffff; background-color: black; border-color: black;} .btn.btn-danger:focus, .btn.btn-danger.focus{box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);} .btn.btn-danger.disabled, .btn.btn-danger:disabled{color: #ffffff; background-color: #000000; border-color: #000000;} .btn.btn-danger:not(:disabled):not(.disabled):active, .btn.btn-danger:not(:disabled):not(.disabled).active, .show > .btn.btn-danger.dropdown-toggle{color: #ffffff; background-color: black; border-color: black;} .btn.btn-danger:not(:disabled):not(.disabled):active:focus, .btn.btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn.btn-danger.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);} .btn.btn-outline-danger{color: #000000; background-color: transparent; background-image: none; border-color: #000000;} .btn.btn-outline-danger:hover{color: #000000; background-color: #000000; border-color: #000000;} .btn.btn-outline-danger:focus, .btn.btn-outline-danger.focus{box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);} .btn.btn-outline-danger.disabled, .btn.btn-outline-danger:disabled{color: #000000; background-color: transparent;} .btn.btn-outline-danger:not(:disabled):not(.disabled):active, .btn.btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn.btn-outline-danger.dropdown-toggle{color: #ffffff; background-color: #000000; border-color: #000000;} .btn.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn.btn-outline-danger.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);} main > :not(.o_portal_wrap):not(.o_portal){background-color: white;} #wrap{margin: 80px auto;} #wrap .text-muted:after{color: rgba(0, 0, 0, 0);} h1, h2, h3, h4, h5, h6{text-transform: uppercase;} .bg-500 h1, .bg-500 h2, .bg-500 h3, .bg-500 h4, .bg-500 h5, .bg-500 h6, .bg-600 h1, .bg-600 h2, .bg-600 h3, .bg-600 h4, .bg-600 h5, .bg-600 h6, .bg-700 h1, .bg-700 h2, .bg-700 h3, .bg-700 h4, .bg-700 h5, .bg-700 h6, .bg-800 h1, .bg-800 h2, .bg-800 h3, .bg-800 h4, .bg-800 h5, .bg-800 h6, .bg-900 h1, .bg-900 h2, .bg-900 h3, .bg-900 h4, .bg-900 h5, .bg-900 h6{text-shadow: 0px 2px 0px #000000;} @media (max-width: 767.98px){h1{font-size: 30px;}h2{font-size: 26px;}h3{font-size: 22px;}} address{text-align: left;} .breadcrumb{background: rgba(0, 0, 0, 0); border-radius: 0px;} .card-header{background-color: rgba(0, 0, 0, 0) !important; border: none; color: #957985 !important; font-size: 20px;} .card-footer{background: rgba(0, 0, 0, 0);} .card{text-align: center; border: none; box-shadow: none; border: 1px solid #d9d9d9; border-radius: 0px;} .card .list-group-item{background: rgba(0, 0, 0, 0); border-color: #d9d9d9;} .nav-pills .nav-link{color: #777777;} .nav-pills .nav-link:hover{color: #555555;} .nav-pills .nav-link.active{color: #ffffff !important; background: #957985 !important;} .nav-pills .nav-link.active:hover{background-color: #d9d9d9; color: #555555 !important;} .nav-pills .nav-link.active .badge{color: #957985; background-color: #ffffff;} .bg-img-01, .bg-img-02, .bg-img-03, .bg-img-04, .bg-img-05, .bg-img-06, .bg-img-07{background-size: cover; background-position: center center;} .bg-img-01{background-image: url("/web/image/theme_common.image_content_11");} .bg-img-02{background-image: url("/web/image/theme_common.image_content_09");} .bg-img-03{background-image: url("/web/image/theme_common.image_content_10");} .bg-img-04{background-image: url("/web/image/theme_common.image_content_12");} .bg-img-05{background-image: url("/web/image/theme_common.image_content_02");} .bg-img-06{background-image: url("/web/image/theme_common.image_content_03");} .bg-img-07{background-image: url("/web/image/theme_common.image_content_07");} .navbar{border: none; background-color: #ffffff; border-bottom: 1px solid #d9d9d9;} .navbar .container{margin-top: 5px;} .navbar .container::before{content: ''; position: absolute; top: 0; left: 0; bottom: auto; right: 0; height: 5px; background: linear-gradient(to left, #cdd0a2, #957985);} .navbar .container li > .dropdown-menu{margin-top: 9px; border: none;} .navbar .container .navbar-toggler{top: 4px; right: -25px; border-color: #555555; border-radius: 30px; background-color: rgba(0, 0, 0, 0.7); z-index: 2; padding: 7px 15px; transition: background-color 0.2s ease-out;} .navbar .container .navbar-toggler:hover, .navbar .container .navbar-toggler:focus{background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0.5);} .navbar .container .navbar-collapse{border-color: rgba(0, 0, 0, 0); display: inline-block !important; vertical-align: middle;} @media (max-width: 767.98px){.navbar .container .navbar-collapse{width: auto;}} #top_menu{padding: 0; display: -webkit-box; display: -webkit-flex; display: flex; margin: 0;} @media (max-width: 767.98px){#top_menu{padding: 0;}} #top_menu .divider{display: none;} #top_menu .nav-link{color: #957985 !important; font-size: 12px; font-weight: normal; text-transform: uppercase; transition: all 0s ease 0s;} #top_menu .nav-link.active{background-color: rgba(0, 0, 0, 0); font-weight: bolder; color: initial;} #top_menu .nav-link:hover, #top_menu .nav-link.active:hover{color: #555555;} #top_menu .show > a:focus{background-color: rgba(0, 0, 0, 0);} #top_menu .dropdown-menu, #top_menu .navbar-collapse{background-color: white; border-color: rgba(0, 0, 0, 0); border-radius: 0px; box-shadow: none; top: auto;} #top_menu .dropdown-menu .dropdown-item, #top_menu .dropdown-menu .nav-link, #top_menu .navbar-collapse .dropdown-item, #top_menu .navbar-collapse .nav-link{font-size: 12px; color: #957985;} #top_menu .dropdown-menu .dropdown-item:hover, #top_menu .dropdown-menu .nav-link:hover, #top_menu .navbar-collapse .dropdown-item:hover, #top_menu .navbar-collapse .nav-link:hover{background: rgba(0, 0, 0, 0); color: #555555;} #top_menu .dropdown-menu .dropdown-divider, #top_menu .dropdown-menu .divider, #top_menu .navbar-collapse .dropdown-divider, #top_menu .navbar-collapse .divider{background-color: rgba(0, 0, 0, 0); margin: 0;} @media (max-width: 767.98px){#top_menu li:hover{border: none;}} #top_menu li a{text-transform: uppercase;} #top_menu li a.nav-link.active{font-weight: normal;} #top_menu .dropdown-menu{left: 0; right: auto;} @media (max-width: 767.98px){#top_menu .dropdown-menu{position: relative;}} #wrapwrap > footer .container{padding: 8px 65px 32px;} #wrapwrap > footer .container .js_language_selector .dropdown-toggle{padding: 6px 20px;} #wrapwrap > footer .container p, #wrapwrap > footer .container .list-unstyled{color: white; font-size: 14px;} #wrapwrap > footer .container h4{color: #cdd0a2; margin-right: 50px; padding: 0; text-transform: none;} #wrapwrap > footer .o_footer_copyright{background-color: #242327; border-top: 0; padding: 20px 0px;} @media (min-width: 992px){#wrapwrap > footer .container{padding: 8px 65px;}} #wrapwrap > footer .container .js_language_selector .dropdown-toggle{padding: 3px 20px;} #wrapwrap > footer #footer{border-top: 1px solid #d9d9d9;} #wrapwrap > footer #footer .col-lg-3, #wrapwrap > footer #footer .col-lg-5{padding: 20px 0px;} #wrapwrap > footer #footer .col-lg-3 h2, #wrapwrap > footer #footer .col-lg-5 h2{text-transform: uppercase; font-size: 25px; color: #cdd0a2;} #wrapwrap > footer #footer .col-lg-3 h2 a, #wrapwrap > footer #footer .col-lg-5 h2 a{display: inline;} #wrapwrap .form-control:not(.quantity){box-shadow: none; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-radius: 0px; color: #555555;} #wrapwrap .form-control:not(.quantity):focus{border-bottom-color: #555555; border-bottom-width: 2px; box-shadow: none;} .website_blog #blog_right_column{border-left: 0; padding: 0 15px 35px 30px;} .website_blog #blog_right_column h4{text-transform: none;} .website_blog .col-md-8{padding: 0 15px 30px 35px;} .website_blog .post-meta{margin-top: 20px; text-align: left;} .website_blog .blog_title .post-meta{text-align: center;} .website_blog #main_column h4{font-size: 18px;} .website_blog #main_column h2{font-size: 25px;} .website_forum{background-color: #dfe1c4; margin-top: 0px !important; width: 100%; max-width: 100%; padding: 0;} .website_forum .navbar .nav-link, .website_forum .navbar .navbar-brand{color: rgba(0, 0, 0, 0.5);} .website_forum .navbar .nav-link.active{background-color: transparent !important;} .website_forum .navbar .navbar-right{margin-bottom: 0;} .website_forum .navbar .navbar-right .btn{padding: 5px 20px;} .website_forum .navbar .navbar-right input{margin-right: 15px; transition: background-color 0.3s ease-out;} .website_forum + #wrap{padding: 35px;} .website_forum + #wrap .col-md-3 .btn-block{background-color: #957985; color: white;} .website_forum + #wrap .question #options button{color: #957985;} .forum_docs{margin-top: 30px; padding: 10px 35px; background-color: white;} [data-view-xmlid*="website_forum_doc.documentation_post"] .container:first-child{margin-bottom: 0px !important; height: 90px; padding-top: 20px;} .website_forum .navbar .navbar-brand{color: rgba(0, 0, 0, 0.9);} .website_forum .navbar-right input{background-color: rgba(255, 255, 255, 0.5);} .website_forum .navbar-right input:focus{background-color: white;} .website_forum + #wrap .col-md-3 .btn-block .btn{background-color: inherit; color: inherit;} #wrapwrap #wrap{width: 100%; max-width: 100%; margin: auto;} #wrapwrap .navbar > .container{max-width: 100%;} #footer{width: 100%;} #wrapwrap > footer .container{max-width: 100%;} 

/* /theme_loftspace/static/src/scss/snippets/s_numbers.scss defined in bundle 'web.assets_frontend' */
 .s_numbers .s_number{font-size: 75px;} @media (max-width: 767.98px){.s_numbers .s_number{font-size: 60px;}} .s_numbers h6{text-transform: uppercase;} 

/* /theme_common/static/src/scss/s_news_carousel.scss defined in bundle 'web.assets_frontend' */
 .s_news_carousel .carousel-inner{width: 80%; margin: 0 auto;} .s_news_carousel .s_news_carousel_date{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; padding: 30px;} .s_news_carousel .s_news_carousel_day{line-height: 1; font-weight: 300;} .s_news_carousel .s_news_carousel_month{margin-bottom: 10px; text-transform: uppercase;} .s_news_carousel .s_news_carousel_content{padding: 30px; background-color: #fff;} 

/* /theme_common/static/src/scss/s_showcase.scss defined in bundle 'web.assets_frontend' */
 @media (min-width: 992px){#wrapwrap .s_showcase .container-fluid{position: relative;}#wrapwrap .s_showcase .container-fluid:before{content: " "; display: block; position: absolute; top: auto; left: 50%; bottom: auto; right: auto; height: 100%; border-right: 1px solid #d9d9d9;}} #wrapwrap .s_showcase .fa{opacity: 0.5;} #wrapwrap .s_showcase .text-right .fa{float: right; margin-left: .5em;} #wrapwrap .s_showcase .text-right p{float: right; display: block;} #wrapwrap .s_showcase .text-left .fa{float: left; margin-right: .5em;} #wrapwrap .s_showcase .text-left p{float: left;} #wrapwrap .s_showcase .row{margin-top: 1em;} #wrapwrap .s_showcase .feature p{max-width: 300px; margin-top: 0.6em; clear: both;} @media (max-width: 991.98px){#wrapwrap .s_showcase .text-right, #wrapwrap .s_showcase .text-left{text-align: center;}#wrapwrap .s_showcase .text-right .fa, #wrapwrap .s_showcase .text-left .fa{font-size: 2em; opacity: 0.5; float: none; display: block; position: relative; margin-left: auto; margin-right: auto;}#wrapwrap .s_showcase .feature{margin-bottom: 3em;}#wrapwrap .s_showcase .feature p{float: none; display: block; position: relative; margin-left: auto; margin-right: auto;}} 

/* /theme_odoo_experts/static/src/scss/layout.scss defined in bundle 'web.assets_frontend' */
 #wrap{box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75);} .oe_login_form .btn-primary{color: #000000;} .navbar{padding-top: 0; padding-bottom: 0; border-bottom: none !important; box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3); transition: top 0.5s ease-out;} .navbar .container{margin: 0;} .navbar .container #top_menu .dropdown-menu{box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.3);} .navbar .container .dropdown-menu{margin-top: 0;} .navbar .container .dropdown-menu .dropdown-item{height: auto;} .navbar .container .dropdown-menu .dropdown-item:hover{border-bottom: none; background: none;} .navbar .container .nav-link{line-height: 3; border-bottom: 2px solid transparent;} .navbar .container .nav-link:hover{border-bottom-color: #957985;} .navbar .container .nav-link.active{color: black;} .navbar .container .logo img{height: 52px;} .navbar .container::before{height: 0px;} #wrapwrap > footer .container p{font-size: 14px;} 

/* /theme_odoo_experts/static/src/scss/snippets/s_three_columns.scss defined in bundle 'web.assets_frontend' */
 .s_three_columns{padding-top: 80px !important;} .s_three_columns img{margin: 0 auto; border-radius: 0;} .s_three_columns .container{width: 100%;} .s_three_columns h4{text-align: center;} 

/* /website_mail/static/src/css/website_mail.scss defined in bundle 'web.assets_frontend' */
 .js_follow[data-follow='on'] .js_follow_btn, .js_follow[data-follow='off'] .js_unfollow_btn{display: none;} 

/* /website_animate/static/src/scss/o_animate_frontend.scss defined in bundle 'web.assets_frontend' */
 .o_animate{animation-duration: 1s; animation-fill-mode: both; transform: translate3d(0, 0, 0); backface-visibility: hidden; text-rendering: geometricPrecision; visibility: hidden;} .o_animate_preview{visibility: visible;} .o_anim_dur500{animation-duration: 500ms;} .o_anim_dur1500{animation-duration: 1500ms;} .o_anim_dur2000{animation-duration: 2000ms;} .o_anim_dur2500{animation-duration: 2500ms;} .o_anim_dur3000{animation-duration: 3000ms;} .o_anim_del500{animation-delay: 500ms;} .o_anim_del1000{animation-delay: 1000ms;} .o_anim_del1500{animation-delay: 1500ms;} .o_anim_del2000{animation-delay: 2000ms;} .o_anim_del2500{animation-delay: 2500ms;} @-moz-keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @-webkit-keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @-moz-keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @-webkit-keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @-moz-keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: scale(0.3);}20%{transform: scale(1.1);}40%{transform: scale(0.9);}60%{opacity: 1; transform: scale(1.03);}80%{transform: scale(0.97);}100%{opacity: 1; transform: scale(1);}} @-webkit-keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: scale(0.3);}20%{transform: scale(1.1);}40%{transform: scale(0.9);}60%{opacity: 1; transform: scale(1.03);}80%{transform: scale(0.97);}100%{opacity: 1; transform: scale(1);}} @keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: scale(0.3);}20%{transform: scale(1.1);}40%{transform: scale(0.9);}60%{opacity: 1; transform: scale(1.03);}80%{transform: scale(0.97);}100%{opacity: 1; transform: scale(1);}} .o_anim_bounce_in{animation-name: o_anim_bounce_in;} @-moz-keyframes o_anim_bounce_in_down{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(0, -3000px);}60%{opacity: 1; transform: translate(0, 25px);}75%{transform: translate(0, -10px);}90%{transform: translate(0, 5px);}100%{transform: translate(0, 0);}} @-webkit-keyframes o_anim_bounce_in_down{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(0, -3000px);}60%{opacity: 1; transform: translate(0, 25px);}75%{transform: translate(0, -10px);}90%{transform: translate(0, 5px);}100%{transform: translate(0, 0);}} @keyframes o_anim_bounce_in_down{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(0, -3000px);}60%{opacity: 1; transform: translate(0, 25px);}75%{transform: translate(0, -10px);}90%{transform: translate(0, 5px);}100%{transform: translate(0, 0);}} .o_anim_bounce_in_down{animation-name: o_anim_bounce_in_down;} @-moz-keyframes o_anim_bounce_in_left{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(-3000px, 0);}60%{opacity: 1; transform: translate(25px, 0);}75%{transform: translate(-10px, 0);}90%{transform: translate(5px, 0);}100%{transform: translate(0, 0);}} @-webkit-keyframes o_anim_bounce_in_left{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(-3000px, 0);}60%{opacity: 1; transform: translate(25px, 0);}75%{transform: translate(-10px, 0);}90%{transform: translate(5px, 0);}100%{transform: translate(0, 0);}} @keyframes o_anim_bounce_in_left{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(-3000px, 0);}60%{opacity: 1; transform: translate(25px, 0);}75%{transform: translate(-10px, 0);}90%{transform: translate(5px, 0);}100%{transform: translate(0, 0);}} .o_anim_bounce_in_left{animation-name: o_anim_bounce_in_left;} @-moz-keyframes o_anim_bounce_in_right{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(3000px, 0);}60%{opacity: 1; transform: translate(-25px, 0);}75%{transform: translate(10px, 0);}90%{transform: translate(-5px, 0);}100%{transform: translate(0, 0);}} @-webkit-keyframes o_anim_bounce_in_right{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(3000px, 0);}60%{opacity: 1; transform: translate(-25px, 0);}75%{transform: translate(10px, 0);}90%{transform: translate(-5px, 0);}100%{transform: translate(0, 0);}} @keyframes o_anim_bounce_in_right{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(3000px, 0);}60%{opacity: 1; transform: translate(-25px, 0);}75%{transform: translate(10px, 0);}90%{transform: translate(-5px, 0);}100%{transform: translate(0, 0);}} .o_anim_bounce_in_right{animation-name: o_anim_bounce_in_right;} @-moz-keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} @-webkit-keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} @keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} .o_anim_fade_in{animation-name: o_anim_fade_in;} @-moz-keyframes o_anim_fade_in_down{0%{opacity: 0; transform: translate(0, -100%);}100%{opacity: 1; transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_down{0%{opacity: 0; transform: translate(0, -100%);}100%{opacity: 1; transform: translate(0, 0);}} @keyframes o_anim_fade_in_down{0%{opacity: 0; transform: translate(0, -100%);}100%{opacity: 1; transform: translate(0, 0);}} .o_anim_fade_in_down{animation-name: o_anim_fade_in_down;} @-moz-keyframes o_anim_fade_in_left{0%{opacity: 0; transform: translate(-100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_left{0%{opacity: 0; transform: translate(-100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} @keyframes o_anim_fade_in_left{0%{opacity: 0; transform: translate(-100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} .o_anim_fade_in_left{animation-name: o_anim_fade_in_left;} @-moz-keyframes o_anim_fade_in_right{0%{opacity: 0; transform: translate(100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_right{0%{opacity: 0; transform: translate(100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} @keyframes o_anim_fade_in_right{0%{opacity: 0; transform: translate(100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} .o_anim_fade_in_right{animation-name: o_anim_fade_in_right;} @-moz-keyframes o_anim_fade_in_up{0%{opacity: 0; transform: translate(0, 100%);}100%{opacity: 1; transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_up{0%{opacity: 0; transform: translate(0, 100%);}100%{opacity: 1; transform: translate(0, 0);}} @keyframes o_anim_fade_in_up{0%{opacity: 0; transform: translate(0, 100%);}100%{opacity: 1; transform: translate(0, 0);}} .o_anim_fade_in_up{animation-name: o_anim_fade_in_up;} @-moz-keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} @-webkit-keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} @keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} .o_anim_fade_out{animation-name: o_anim_fade_out;} @-moz-keyframes o_anim_rotate_in{0%{opacity: 0; transform-origin: center; transform: rotate(-200deg);}100%{opacity: 1; transform-origin: center; transform: rotate(0);}} @-webkit-keyframes o_anim_rotate_in{0%{opacity: 0; transform: rotate(-200deg);}100%{opacity: 1; transform: rotate(0);}} @keyframes o_anim_rotate_in{0%{opacity: 0; transform: rotate(-200deg);}100%{opacity: 1; transform: rotate(0);}} .o_anim_rotate_in{animation-name: o_anim_rotate_in;} @-moz-keyframes o_anim_rotate_in_down_left{0%{opacity: 0; transform-origin: left bottom; transform: rotate(-45deg);}100%{opacity: 1; transform-origin: left bottom; transform: rotate(0);}} @-webkit-keyframes o_anim_rotate_in_down_left{0%{opacity: 0; transform-origin: left bottom; transform: rotate(-45deg);}100%{opacity: 1; transform-origin: left bottom; transform: rotate(0);}} @keyframes o_anim_rotate_in_down_left{0%{opacity: 0; transform-origin: left bottom; transform: rotate(-45deg);}100%{opacity: 1; transform-origin: left bottom; transform: rotate(0);}} .o_anim_rotate_in_down_left{animation-name: o_anim_rotate_in_down_left;} @-moz-keyframes o_anim_rotate_in_down_right{0%{opacity: 0; transform-origin: right bottom; transform: rotate(45deg);}100%{opacity: 1; transform-origin: right bottom; transform: rotate(0);}} @-webkit-keyframes o_anim_rotate_in_down_right{0%{opacity: 0; transform-origin: right bottom; transform: rotate(45deg);}100%{opacity: 1; transform-origin: right bottom; transform: rotate(0);}} @keyframes o_anim_rotate_in_down_right{0%{opacity: 0; transform-origin: right bottom; transform: rotate(45deg);}100%{opacity: 1; transform-origin: right bottom; transform: rotate(0);}} .o_anim_rotate_in_down_right{animation-name: o_anim_rotate_in_down_right;} @-moz-keyframes o_anim_zoom_in{0%{opacity: 0; transform: scale(0.3);}50%{opacity: 1;}} @-webkit-keyframes o_anim_zoom_in{0%{opacity: 0; transform: scale(0.3);}50%{opacity: 1;}} @keyframes o_anim_zoom_in{0%{opacity: 0; transform: scale(0.3);}50%{opacity: 1;}} .o_anim_zoom_in{animation-name: o_anim_zoom_in;} @-moz-keyframes o_anim_zoom_in_down{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @-webkit-keyframes o_anim_zoom_in_down{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes o_anim_zoom_in_down{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .o_anim_zoom_in_down{animation-name: o_anim_zoom_in_down;} @-moz-keyframes o_anim_zoom_in_left{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @-webkit-keyframes o_anim_zoom_in_left{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes o_anim_zoom_in_left{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .o_anim_zoom_in_left{animation-name: o_anim_zoom_in_left;} @-moz-keyframes o_anim_zoom_in_right{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @-webkit-keyframes o_anim_zoom_in_right{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes o_anim_zoom_in_right{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .o_anim_zoom_in_right{animation-name: o_anim_zoom_in_right;} @-moz-keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} @-webkit-keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} @keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} .o_anim_flash{animation-name: o_anim_flash;} @-moz-keyframes o_anim_pulse{0%{transform: scale(1);}50%{transform: scale(1.05);}100%{transform: scale(1);}} @-webkit-keyframes o_anim_pulse{0%{transform: scale(1);}50%{transform: scale(1.05);}100%{transform: scale(1);}} @keyframes o_anim_pulse{0%{transform: scale(1);}50%{transform: scale(1.05);}100%{transform: scale(1);}} .o_anim_pulse{animation-name: o_anim_pulse;} @-moz-keyframes o_anim_shake{0%, 100%{transform: translate(0, 0);}10%, 30%, 50%, 70%, 90%{transform: translate(-10px, 0);}20%, 40%, 60%, 80%{transform: translate(10px, 0);}} @-webkit-keyframes o_anim_shake{0%, 100%{transform: translate(0, 0);}10%, 30%, 50%, 70%, 90%{transform: translate(-10px, 0);}20%, 40%, 60%, 80%{transform: translate(10px, 0);}} @keyframes o_anim_shake{0%, 100%{transform: translate(0, 0);}10%, 30%, 50%, 70%, 90%{transform: translate(-10px, 0);}20%, 40%, 60%, 80%{transform: translate(10px, 0);}} .o_anim_shake{animation-name: o_anim_shake;} @-moz-keyframes o_anim_tada{0%{transform: scale3d(1, 1, 1);}10%, 20%{transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{transform: scale3d(1, 1, 1);}} @-webkit-keyframes o_anim_tada{0%{transform: scale3d(1, 1, 1);}10%, 20%{transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{transform: scale3d(1, 1, 1);}} @keyframes o_anim_tada{0%{transform: scale3d(1, 1, 1);}10%, 20%{transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{transform: scale3d(1, 1, 1);}} .o_anim_tada{animation-name: o_anim_tada;} @-moz-keyframes o_anim_flip_in_x{0%{perspective: 400px; transform: rotateX(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateX(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateX(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateX(-5deg);}100%{perspective: 400px;}} @-webkit-keyframes o_anim_flip_in_x{0%{perspective: 400px; transform: rotateX(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateX(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateX(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateX(-5deg);}100%{perspective: 400px;}} @keyframes o_anim_flip_in_x{0%{perspective: 400px; transform: rotateX(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateX(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateX(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateX(-5deg);}100%{perspective: 400px;}} .o_anim_flip_in_x{backface-visibility: visible; animation-name: o_anim_flip_in_x;} @-moz-keyframes o_anim_flip_in_y{0%{perspective: 400px; transform: rotateY(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateY(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateY(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateY(-5deg);}100%{perspective: 400px;}} @-webkit-keyframes o_anim_flip_in_y{0%{perspective: 400px; transform: rotateY(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateY(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateY(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateY(-5deg);}100%{perspective: 400px;}} @keyframes o_anim_flip_in_y{0%{perspective: 400px; transform: rotateY(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateY(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateY(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateY(-5deg);}100%{perspective: 400px;}} .o_anim_flip_in_y{backface-visibility: visible; animation-name: o_anim_flip_in_y;} 

/* /rb_delivery/static/src/css/frontend-font.css defined in bundle 'web.assets_frontend' */
@font-face{font-family: 'Cairo'; src: url('/rb_delivery/static/src/css/static/src/fonts/Cairo_Regular_400.ttf'); src: url('/rb_delivery/static/src/css/static/src/fonts/Cairo_Regular_400.ttf'), url('/rb_delivery/static/src/css/static/src/fonts/Cairo_Regular_400.ttf'), url('/rb_delivery/static/src/css/static/src/fonts/Cairo_Regular_400.ttf'), url('/rb_delivery/static/src/css/static/src/fonts/Cairo_Regular_400.ttf'); font-weight: normal; font-style: normal;} #oe_main_menu_navbar{background-color: black;} .dropdown-menu.show{font-family: 'Cairo';} .o_main_navbar{font-family: 'Cairo';} .o_control_panel{font-family: 'Cairo';} #oe_main_menu_navbar{font-family: 'Cairo';} .navbar{font-family: 'Cairo';} .s_text_block{font-family: 'Cairo';} .container{font-family: 'Cairo';} .mt0{font-family: 'Cairo';} .lead{font-family: 'Cairo';} h5{font-family: 'Cairo';} .selected_rows{color:black !important} 

/* /rb_delivery/static/src/css/navbar.css defined in bundle 'web.assets_frontend' */
.o_menu_brand{margin:0px !important; padding:0px !important; height:70% !important;} .dropdown-toggle{padding-right: 5px !important} .dropdown-toggle.o-no-caret.o_menu_header_lvl_1{padding-right: 10px !important} header .navbar-brand.logo img{width: 70px !important; height: 70px !important; min-width: 0px !important;} .fa-exclamation{font-size: 18px;} .o_main_navbar .dropdown-menu.show{max-height: 90vh !important; min-width: 10rem; overflow: auto !important; position: absolute !important; margin-top: 0 !important;} .o_data_cell.note{color:#cc3300 !important; height: 60px !important;} header .navbar-brand.logo img{width: 100px !important; height: 100px !important; min-width: 0px !important;} .fa-fw{color:red;} a.dropdown-toggle.o-no-caret{padding-left: 4px !important; padding-right: 4px !important;} .o_rtl .fa.fa-align-right, .o_rtl .fa.fa-align-left, .o_rtl .fa.fa-chevron-right, .o_rtl .fa.fa-chevron-left, .o_rtl .fa.fa-arrow-right, .o_rtl .fa.fa-arrow-left, .o_rtl .fa.fa-hand-o-right, .o_rtl .fa.fa-hand-o-left, .o_rtl .fa.fa-arrow-circle-right, .o_rtl .fa.fa-arrow-circle-left, .o_rtl .fa.fa-rotate-right, .o_rtl .fa.fa-rotate-left, .o_rtl .fa.fa-angle-double-right, .o_rtl .fa.fa-angle-double-left, .o_rtl .fa.fa-angle-right, .o_rtl .fa.fa-angle-left, .o_rtl .fa.fa-quote-right, .o_rtl .fa.fa-quote-left, .o_rtl .fa.fa-chevron-circle-right, .o_rtl .fa.fa-chevron-circle-left, .o_rtl .fa.fa-long-arrow-right, .o_rtl .fa.fa-long-arrow-left, .o_rtl .fa.fa-toggle-right, .o_rtl .fa.fa-toggle-left, .o_rtl .fa.fa-caret-square-o-right, .o_rtl .fa.fa-arrow-circle-o-left, .o_rtl .fa.fa-arrow-circle-o-right, .o_rtl .fa.fa-caret-square-o-left{transform: none !important;} ul.o_mail_thread_message_tracking li span:nth-child(2){display: inline-flex ;} ul.o_mail_thread_message_tracking{list-style-type: none;} .o_form_view .o_group .o_field_widget > .btn{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; padding: 0 5px !important;} @keyframes up-down{0%{transform: translateY(0);}50%{transform: translateY(-10px);}100%{transform: translateY(0);}} .warn-box{width: 10vw; height: 100px; background-color: white; position: absolute; display: flex; justify-content: center; align-items: center; padding: 10px; margin-top:50px; right:3%; z-index: 2; line-height: 1.5; border-radius: 5px; border: 1px solid white; font-size: 12px; box-shadow: 0px 3px 10px #00000033; top: 90px; animation: up-down 2s infinite ease-in-out;} .green-warn-sign{position: absolute; margin-bottom:55px} .warn-box-text{margin-top: 10px;} .arrow{position:relative; margin-top: 40px; left:6%; transform: translateX(-50%); width:0; height: 0; border-color: white transparent transparent; border-width: 10px 5px 0; border-style: solid; rotate:180deg} .arrow-red{position:absolute; transform: translateX(-50%); width:0; height: 0; border-color: #ffcc00 transparent transparent; border-width: 10px 5px 0; border-style: solid; rotate:180deg; margin-top: -10px;} .red-border{border: #ff4d4d 4px solid !important;} .box{height: 55px; background-color: #ffcc00; position: absolute; display: flex; align-items: center; padding: 10px; z-index: 2; line-height: 1.5; border-radius: 5px; border: 1px solid #ffcc00; font-size: 14px; width:75vw;} .warn-close-btn{position: absolute; bottom: 10px; right: 10px; cursor: pointer; font-size: 15px; background: none; border: none; outline: none; border-radius: 18px; height: 30px; width: 30px; color:black; background-color: transparent; font-weight: bold; right:0px; top:0px;} .close-btn{position: absolute; bottom: 10px; right: 10px; cursor: pointer; font-size: 15px; background: none; border: none; outline: none; border-radius: 18px; height: 30px; width: 30px; color:black; background-color: transparent; font-weight: bold;} .warn-sign{padding:10px; height:35px} .olivery_group_by_arrows{display: flex; width: 150%;} .clear-cache-info{display: flex; align-items: center; justify-content: center; padding-top: 17px;} 

/* /olivery_website_templates/static/src/css/website_sheet.scss defined in bundle 'web.assets_frontend' */
 @keyframes scroll{0%{transform: translateX(0);}100%{transform: translateX(calc(-16vw * 6));}} @keyframes scroll-small{0%{transform: translateX(0);}100%{transform: translateX(calc(-50vw * 6));}} @keyframes scroll-medium{0%{transform: translateX(0);}100%{transform: translateX(calc(-30vw * 6));}} @keyframes scroll-large{0%{transform: translateX(0);}100%{transform: translateX(calc(-25vw * 6));}} html *{direction: ltr; text-align: start; font-family: Tajawal; font-weight: unset;} .oe_website_login_container{margin-top: 0px;} html, body{max-width: 100%; height: unset; overflow-x: hidden;} #wrap{margin-top: 218px;} .o_footer_copyright{display: none !important;} .oe_signup_form{max-width: 25%; position: relative; margin: 20px auto; padding: 35px; background: white; border-radius: 20px;} .search_nav{width: 550px; color: white;} .search_nav h3{height: 41px; font-size: 24px; font-weight: bold; border-bottom: 2px solid #5ec3d7; width: 100%;} button{outline: none !important;} .sticky{background-color: #F3A31A;} .first_footer{background: linear-gradient(to bottom, #031829 0%, #cccccc 100%);} .main-container{height: 118px; background-color: #5ec3d7 !important;} .website-navbar{top: 0; padding: 10px 0; overflow: hidden; margin: 0 auto; max-height: fit-content;} .free-label{width: 17vw;} header{z-index: 1; position: fixed !important; top: 0; width: 100%; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear;} button{width: 162px; height: 48px; border: none; cursor: pointer; overflow: hidden; outline: none; text-align: center; font-weight: bold; font-size: 18px;} .nav-buttons{display: inline-block; width: 80vw; text-align: left; right: 10vw; top: 30px;} .nav-buttons_right{display: inline-block; width: 80vw; text-align: right; position: absolute; right: 10vw; top: 30px;} .nav-buttons button{max-width: 14vw; max-height: 5vw;} .nav-button{background-color: transparent; background-repeat: no-repeat; color: #fff;} .download-button{width: 186px; background-color: transparent; background: url(/olivery_website_templates/static/assets/download.png); background-repeat: repeat-x; background-size: 100% 11px; background-position: bottom; background-position-x: 100%; text-align: left; margin-bottom: 20px; transition: all 300ms;} .download-button:hover{background-position-x: 186px;} .register-button{border-radius: 5px; box-shadow: 0 4px 40px 0 rgba(78, 78, 78, 0.2); background-color: #5ec3d7; padding: 15px 10px; overflow: hidden; text-decoration: none !important; transition: background-color 300ms;} .btn{border-radius: 5px; box-shadow: 0 4px 40px 0 rgba(78, 78, 78, 0.2); background-color: #5ec3d7; padding: 15px 10px; overflow: hidden; text-decoration: none !important; transition: background-color 300ms;} .signin-button{display: inline-block;} .logo{object-fit: contain; width: 200px;} .logo-container{display: inline-block; max-width: 263px; height: 68px; width: 19vw;} .side-menu-button{position: fixed; top: 0; right: 5vw; height: 50px; width: 50px;} .overlay{position: fixed; background: #fff; box-shadow: 6px 6px 40px 0 rgba(47, 47, 47, 0.1); right: 0; top: 55px; height: 100vh; padding: 50px 0 100px 29px; max-width: 350px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear;} .overlay-background{position: fixed; right: 0; top: 55px; height: 100vh; width: 100vw; display: none; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear;} .block{background-color: #26274580; display: block;} .is-closed{width: 0vw; padding: 0;} .is-open{width: 75vw;} .store-img{object-fit: cover; margin: 0 0 0 30px; border-radius: 5px; width: 218px; height: 52px; box-shadow: 0 3px 15px 0 rgba(255, 255, 255, 0.204);} .track-order{margin-top: 30px; height: 51px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center;} .banner-field{float: left; width: 307px; height: 100%; padding: 16px 15px 16px 15px; border-radius: 5px 0 0 5px !important; border: solid #202529; border-width: 1px 0 1px 1px; background-color: #fff; line-height: 0 !important; display: block; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1 px solid #ced4da; font-size: 18px; font-weight: bold; line-height: 3;} .track-order-button{height: 100%; border-radius: 0 5px 5px 0 !important; background-color: #202529; padding: 15px 10px; border-radius: 5px; box-shadow: 0 4px 40px 0 rgba(78, 78, 78, 0.2); overflow: hidden; text-decoration: none !important; transition: background-color 300ms;} .log-in-btn{position: relative !important; z-index: 999999 !important;} .banner{width: 100%; padding: 14vh 0 5vw; background: url("/olivery_website_templates/static/src/css/login_background.png"); background-position: center !important; background-size: cover !important; color: #1f272b; height: 85vh;} .banner-custom{width: 100%; padding: 14vh 0 5vw; background: url("/olivery_website_templates/static/src/css/login_background.png"); background-position: center !important; background-size: cover !important; color: #1f272b;} .about_us_banner{width: 100%; height: 88vh; max-height: 1134px; padding: 15vh 0 5vw; background: url("/olivery_website_templates/static/src/css/aboutUs.png"); background-position: top; background-repeat: no-repeat; background-size: inherit; background-position-x: center; margin-bottom: 50px;} .title-container{padding-top: 10vh; width: 80vw; margin: 0 auto;} .content{width: 80vw; margin: 0 auto;} .banner-title{font-weight: bold !important; font-size: 46px; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: left;} .subtitle{font-weight: 500 !important; font-size: 22px; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: left;} .title{font-weight: bold !important; font-size: clamp(22px, 3vw, 38px); font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: left;} .color-white{color: #fff;} #hover{height: 1vh; width: 100%;} .hover-down-arrow{margin: 0 auto; text-align: center; width: fit-content; font-weight: bold; line-height: .5; position: absolute; top: clamp(1vw, 90vh, 510px); right: 0; left: 0;} .card{width: 25vw; height: 18vw; border-color: transparent; border-radius: 10px; box-shadow: 0 6px 40px 0 rgba(47, 47, 47, 0.1); background-position: center !important; background-size: 36vw !important; display: inline-block; margin-bottom: 20px; overflow: hidden;} .price-cards{display: grid; grid-template-columns: 22% 22% 22% 22%;} .price-card{text-align: center; height: fit-content; border-color: transparent; border-radius: 10px; box-shadow: 0 6px 40px 0 rgba(47, 47, 47, 0.1); background-position: center !important; background-size: 36vw !important; display: inline-block; overflow: hidden;} .price-content{margin-block: 30px; text-align: center;} .price-card-header{width: 100%; height: 60px; border-radius: 10px !important; background-color: #5ec3d7; text-align: center; padding-top: 18px; line-height: 1;} .card-small{width: 25vw; height: 18vw; border-color: transparent; border-radius: 10px; box-shadow: 0 6px 40px 0 rgba(47, 47, 47, 0.1); background-position: center !important; background-size: 66% !important; background-repeat: no-repeat !important; display: inline-block; margin-bottom: 20px; overflow: hidden;} .long-card{width: 25vw; height: 21.58vw;} .about-card{width: 50% !important; padding-block: 5%; background-repeat: no-repeat !important;} .full-card{margin-block: 60px !important; width: 100% !important; height: 37vw; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row;} .inner-card-left{padding: 3.5%; width: 50%;} .inner-card-right{display: -webkit-box; display: -webkit-flex; display: flex; width: 50%; background: linear-gradient(#26274580, #26274580), url("/olivery_website_templates/static/assets/mobile-app.webp"); background-position: center; background-size: cover;} .cards-top{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row;} .card-margin{margin-right: 2.5vw;} .card h3{text-align: center; font-size: clamp(14px, 2vw, 24px); font-weight: bold; position: absolute; bottom: clamp(5px, 0.5vw, 15px); right: 0; left: 0;} .card-header{width: 100%; height: fit-content; margin: 0 0 154px; border-radius: 10px; background-color: #5ec3d7; text-align: center; padding-top: clamp(5px, 1.4vw, 18px); line-height: 1;} .card-title{font-weight: bold; font-size: clamp(10px, 1vw, 20px);} .banner-buttons{display: -webkit-box; display: -webkit-flex; display: flex;} .paragraph{font-size: 16px; line-height: 20px; font-weight: 500; text-align: justify;} .side-paragraph{width: 55vw; padding-right: 32px; place-self: center;} .sidecard-right{place-self: center;} .sidecard-left{place-self: center; margin-right: 32px;} .content-left{margin-top: 60px; display: -webkit-box; display: -webkit-flex; display: flex; direction: rtl;} .content-right{margin-top: 60px; display: -webkit-box; display: -webkit-flex; display: flex;} .hide-web{display: none !important;} .mobile-img{height: 30vw; border-radius: 10px; box-shadow: 0 8px 40px 0 rgba(47, 47, 47, 0.1); margin-right: 30px;} .image-bullet{margin-top: 12px !important; padding-left: 20px; margin-top: 18px; line-height: 20px; list-style: none; background-image: url("/olivery_website_templates/static/assets/check.png"); background-repeat: no-repeat; background-position: left top; background-size: 16px;} .mob-list{padding: 0 !important;} .card-wide{margin-top: 30px; width: 100%; padding: 25px 10vw 30px 50px; height: fit-content;} .slider-paragraph{opacity: 0; display: none; padding: 25px; place-self: center; color: white; line-height: clamp(18px, 3.5vw, 60px); font-size: clamp(14px, 2vw, 18px); transform: translateX(100px); -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear;} .op100{opacity: 100;} ol{counter-reset: item; margin-right: 0; padding: 0; list-style: arabic-indic;} li{display: block; margin-bottom: .5em; margin-right: 2em;} h2{font-size: clamp(20px, 3vw, 38px);} .list-item{font-size: clamp(14px, 2vw, 24px); font-weight: bold; margin: clamp(4px, 2vw, 30px) 0; --langnumbers: counters(item, ".", english)" ";} .list-item::before{display: inline-block; content: var(--langnumbers); counter-increment: item; font-weight: bold; width: 1em; margin-right: 1%;} .inner-footer{padding-block: 30px; display: -webkit-box; display: -webkit-flex; display: flex; height: fit-content !important; flex-direction: row; background: #5ec3d7;} .footer-elem{display: -webkit-box; display: -webkit-flex; display: flex; height: fit-content !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; height: 75px; width: 33.3%;} ol{list-style-type: arabic-indic;} .footer-elem-row{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; height: fit-content !important; height: 75px; width: 50%;} .footer-button{height: 30px !important; font-size: 13px; padding-right: 15px; padding-left: 0; width: max-content;} #footer{padding: 15px 10vw; background: #5ec3d7; margin-top: 0px;} .tracking-table td{border: none; padding-block: 25px; padding-inline: 40px;} .tracking-table{background: url(/olivery_website_templates/static/src/css/dot-image.png); background-position-x: calc(100% - 15px); background-repeat: no-repeat; background-size: 13px; background-position-y: 25px;} .order_datetime{direction: rtl;} .color-black{color: #000000;} .dotted-right{width: 27px; height: 42px; position: absolute; background: url(/olivery_website_templates/static/src/css/dot-image.png); background-position-x: calc(100% - 18px); background-repeat: repeat-y; background-size: 6px; background-position-y: 24px; margin-top: -24px;} button{outline: none !important;} .list-container{margin-top: 60px; max-width: 750px;} .list-container li{font-size: 18px; font-weight: normal; margin-bottom: 25px; text-align: justify;} #faqs-container{margin-top: 60px;} #faqs-container > div{width: 100%; height: 65px; border-color: transparent; border-radius: 10px; background-color: #e9f1f7; box-shadow: 0 6px 40px 0 rgba(47, 47, 47, 0.1); background-position: center !important; background-size: 36vw !important; margin-bottom: 20px; overflow: hidden;} .q-card{width: 100%; height: 65px; border-color: transparent; border-radius: 10px; background-color: #ffffff; box-shadow: 0 6px 40px 0 rgba(47, 47, 47, 0.1); background-position: center !important; background-size: 36vw !important; margin-bottom: 20px; overflow: hidden;} .a-par{padding: 17px; text-align: justify;} .q-par{padding: 25px 15px; font-size: 16px;} .register_banner{width: 100%; padding: 7vh 0 5vw; background: url("/olivery_website_templates/static/src/css/login_background.png"); background-position: center !important; background-size: cover; color: #000000;} @media (min-width: 1025px){.register-button{background: linear-gradient(to bottom, #6fbd4f 0%, #5faa37 100%); background-size: 100px; background-repeat: no-repeat; background-position-x: -172px;}.register-button:hover{background-position-x: 172px; background-color: #F3A31A; transition: all 500ms;}.btn{background: linear-gradient(to bottom, #6fbd4f 0%, #5faa37 100%); background-size: 100px; background-repeat: no-repeat; background-color: #333333; background-position-x: -172px;}.btn:hover{background-position-x: 172px; background-color: #f3a31b; transition: all 500ms;}.track-order-button{background: linear-gradient(65deg, #004976 20%, #f5e7fd 50%, #32749a 80%); background-size: 100px; background-repeat: no-repeat; background-color: #32749a; background-position-x: -172px;}.track-order-button:hover{background-position-x: 172px; background-color: #004976; transition: all 500ms;}} @media (max-width: 1100px){.subtitle{font-size: 20px;}.nav-buttons{right: 5vw;}.banner-title{font-size: 32px;}.store-img{zoom: .9;}.track-order{zoom: .9;}.slide-track{animation: scroll-large 20s linear infinite !important; width: calc(25vw * 12) !important;}.partners-card{width: 25vw !important; height: 13vw !important;}} @media (max-width: 1024px){.paragraph{font-size: 14px;}.side-paragraph{width: 63vw; padding-right: 32px;}.banner{height: 60vh;}.card{width: 27vw; height: 19.44vw; background-size: 38vw !important; margin-top: 20px;}.long-card{height: 23.22vw;}.full-card{height: 40vw; min-height: 250px; max-height: 564px;}.mobile-img{height: 40vw;}.card-header{line-height: .5;}.card-margin{margin-right: 4.5vw;}.website-navbar{width: 90vw;}.logo-container{height: fit-content !important;}.subtitle{font-size: 18px;}.banner-title{font-size: 30px;}.store-img{width: 35vw; max-width: 192px; height: auto;}.track-order{zoom: .8;}.title-container{padding-top: 6vh; width: 90vw;}.hide-mob{display: none !important;}.contact_us_banner{background: url("/olivery_website_templates/static/src/css/aboutUs.png"); background-repeat: no-repeat; background-size: 130px;}.about_us_banner{background: url("/olivery_website_templates/static/src/css/aboutUs.png"); background-repeat: no-repeat; background-size: 340px;}.hide-web{display: block !important;}.logo-container{max-width: 55px; height: 55px; width: 19vw; object-fit: contain;}.logo{object-fit: contain; width: 200px;}.content{width: 90vw;}.our-clients .slider-container ul li{width: 25vw !important; height: 14vw !important;}.our-clients .slider-container ul{margin-left: calc(12.5vw + 40px) !important;}#footer{zoom: 70%;}.slide-track{animation: scroll-medium 20s linear infinite !important; width: calc(30vw * 12) !important;}.partners-card{width: 30vw !important; height: 15.6vw !important;}.register-button:hover{background-color: #F3A31A;}.track-order-button:hover{background-color: #1d6c9a;}} @media (max-width: 520px){.paragraph{font-size: 16px; position: relative;}.side-paragraph{position: relative; width: unset;}.card{width: 90vw; height: 64.8vw; background-size: 130vw !important;}.cards-top{display: block;}.long-card{height: 77.4vw;}.about-card{width: 100% !important;}.full-card{height: 90vw;}.inner-card-right{width: 100%;}.price-cards{grid-template-columns: 47% 47%;}.content-left{display: block; direction: ltr;}.content-right{display: block;}.mobile-img{display: none !important;}.hide-mid{display: none;}.our-clients .slider-container ul{margin-left: 99px !important;}.our-clients .slider-container ul li{width: 50vw !important; height: 28vw !important;}.our-clients .slider-container ul{margin-left: calc(50vw + 40px) !important;}#footer{zoom: unset !important;}.inner-footer{padding-block: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 15px;}.footer-elem{width: unset; height: unset;}.footer-logo{display: none !important;}.website-navbar{max-height: 55px;}.slide-track{animation: scroll-small 20s linear infinite !important; width: calc(50vw * 12) !important;}.partners-card{width: 50vw !important; height: 26vw !important;}.footer-elem-row{width: 100%;}.links{zoom: 70%;}} .menu{background-color: transparent; border: none; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: flex; padding: 0;} .line{fill: none; stroke: white; stroke-width: 5; transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);} .line1{stroke-dasharray: 60 207; stroke-width: 5;} .line2{stroke-dasharray: 60 60; stroke-width: 5;} .line3{stroke-dasharray: 60 207; stroke-width: 5;} .opened .line1{stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 5;} .opened .line2{stroke-dasharray: 1 60; stroke-dashoffset: -30; stroke-width: 5;} .opened .line3{stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 5;} .our-clients{direction: rtl; width: 100vw; overflow: hidden; margin: 0 auto; padding: 0;} .our-clients .slider-container{width: 3014.694px; height: 20vmax; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; overflow: hidden; min-height: 170px;} .our-clients .slider-container ul{padding: 0 !important; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; height: 100%;} .our-clients .slider-container ul li{list-style: none; width: 334.966; height: 9.33vw; flex-shrink: 0; box-sizing: border-box; padding: 0 15px;} .our-clients .slider-container ul li .card-small{margin-block: 30px; text-align: center; height: 100%; width: 100%;} a{text-decoration: none !important;} .slider{direction: ltr;} .slide-track{animation: scroll 20s linear infinite; display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; width: calc(16vw * 12); padding: 2vmax 0 5vmax 0; direction: rtl;} .partners-card{width: 16.66vw; height: 8.66vw; border-color: transparent; border-radius: 10px; box-shadow: 0 6px 40px 0 rgba(47, 47, 47, 0.1); background-position: center !important; background-size: 66% !important; background-repeat: no-repeat !important; display: inline-block; overflow: hidden; background-color: #fff !important; margin-inline: 1vmax;} .footer-elem > a{height: fit-content;} .footer-elem > a > button{display: inline; text-decoration: none; background-image: linear-gradient(transparent, transparent), linear-gradient(transparent, transparent), linear-gradient(to left, #ffffff, #b4b4b4); background-repeat: no-repeat; background-position: 120%, 122%, 200px 130%; background-size: 100% 8px; transition: all 300ms;} .footer-elem > a > button:hover{background-position: 120%, 122%, 15px 130%;} .nav-buttons > a > .nav-button{display: inline; text-decoration: none; background-image: linear-gradient(transparent, transparent), linear-gradient(transparent, transparent), linear-gradient(to left, #ffffff, #b4b4b4); background-repeat: no-repeat; background-position: 120%, 122%, 20px 130%; background-size: 60% 3px; transition: all 300ms;} .nav-buttons > a > .nav-button:hover{background-position: 120%,122%,33px 90%;} .overlay > a > .nav-button{display: inline; text-decoration: none; background-image: linear-gradient(transparent, transparent), linear-gradient(transparent, transparent), linear-gradient(to left, #ffffff, #b4b4b4); background-repeat: no-repeat; background-position: 120%, 122%, 20px 130%; background-size: 100% 3px; transition: all 300ms;} .overlay > a > .nav-button:hover{background-position: 120%, 122%, 58px 87%;} li:nth-child(2) a{overflow: hidden;} .social-container{text-align: center;} .social-icons{padding: 0; list-style: none; direction: rtl;} .social-icons li{display: inline-block; margin-inline: 12px; margin-block: 0; position: relative; font-size: 1.2em; zoom: .6; transition: all 265ms;} .social-icons i{color: #262745; position: absolute; top: 4.5px; right: 7px; zoom: 2; line-height: 130%; transition: all 265ms ease-out;} .social-icons a{display: inline-block;} .social-icons a:before{transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); content: " "; width: 60px; height: 60px; border-radius: 100%; display: block; background: #fff; transition: all 265ms ease-out;} .social-icons a:hover:before{transform: scale(0); transition: all 265ms ease-in;} .social-icons a:hover i{transform: scale(1.9) !important; color: #fff; background: -webkit-linear-gradient(45deg, #fff, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all 265ms ease-in;} .form-control:focus{background-color: #fafdff; border: 1px solid #202529; box-shadow: none;} .form-control{border: 1px solid #5ec3d7;} .form-control-track{border: 3px solid #cb431f; border-radius: 10px; padding: 0.375rem 0.75rem 0.2rem 0.75rem; height: 2.6rem; display: -webkit-box; display: -webkit-flex; display: flex; align-self: center; margin: 0 10px;} .scroll-down{position: absolute; bottom: 50px; left: 50%; width: 75px; height: 80px; text-align: center; text-decoration: none; cursor: pointer; transform: translateX(-50%); bottom: -70px; display: inline-block; z-index: 0;} .scroll-down svg{position: absolute; right: 0; left: 0; margin: 0 auto; top: 15px; animation: animateLargeArrow 1.25s infinite linear;} @keyframes animateLargeArrow{0%{opacity: 0; top: 0;}25%, 75%{opacity: 1;}50%{top: 15px;}100%{opacity: 0; top: 30px;}} .checkbox-container{display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .checkbox-container input{position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;} .checkmark{position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: white; border-radius: 100%; border: 1px solid black;} .container2{margin: 0px 30px 0px 37vw;} .container3{margin: 0px 30px 0px 37vw;} .checkbox-container:hover input ~ .checkmark{background-color: #ccc; border-radius: 100%; border: 1px solid black;} .checkbox-container input:checked ~ .checkmark{border-radius: 100%; border: 1px solid black; background-color: #5ec3d7;} .checkmark:after{content: ""; position: absolute; display: none;} .checkbox-container input:checked ~ .checkmark:after{display: block;} .checkbox-container .checkmark:after{left: 9px; top: 5px; width: 5px; height: 10px;}