.o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover{color: #FFFFFF; background-color: #369156; border-color: #328851;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:disabled{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.dropdown-toggle{color: #FFFFFF; background-color: #328851; border-color: #2f7e4b;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover{color: #FFFFFF; background-color: #568695; border-color: #517e8d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} .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: #FFFFFF; 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: #FFFFFF; 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: #2c3e50;} .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: #2c3e50;} .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: #1abc9c;} 

/* /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(51, 122, 183, 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: #337ab7; background: rgba(51, 122, 183, 0.55);} #mapModal{z-index: 3000;} .pac-container{z-index: 3001;} .pac-container:after{display: none;} 

/* /theme_clean/static/src/scss/theme.scss defined in bundle 'web.assets_frontend' */
 .oe_website_sale .wizard .text-success{color: #5CB85C;} #wrapwrap{overflow-x: hidden;} .bg-img-01, .bg-img-02, .bg-img-03, .bg-img-04, .bg-img-05, .bg-img-06, .bg-img-07, .bg-img-08, .bg-img-09, .bg-img-10, .bg-img-11, .bg-img-12{background-size: cover;} .bg-img-01 .fa, .bg-img-02 .fa, .bg-img-03 .fa, .bg-img-04 .fa, .bg-img-05 .fa, .bg-img-06 .fa, .bg-img-07 .fa, .bg-img-08 .fa, .bg-img-09 .fa, .bg-img-10 .fa, .bg-img-11 .fa, .bg-img-12 .fa, .bg-img-01 h1, .bg-img-02 h1, .bg-img-03 h1, .bg-img-04 h1, .bg-img-05 h1, .bg-img-06 h1, .bg-img-07 h1, .bg-img-08 h1, .bg-img-09 h1, .bg-img-10 h1, .bg-img-11 h1, .bg-img-12 h1, .bg-img-01 h2, .bg-img-02 h2, .bg-img-03 h2, .bg-img-04 h2, .bg-img-05 h2, .bg-img-06 h2, .bg-img-07 h2, .bg-img-08 h2, .bg-img-09 h2, .bg-img-10 h2, .bg-img-11 h2, .bg-img-12 h2, .bg-img-01 h3, .bg-img-02 h3, .bg-img-03 h3, .bg-img-04 h3, .bg-img-05 h3, .bg-img-06 h3, .bg-img-07 h3, .bg-img-08 h3, .bg-img-09 h3, .bg-img-10 h3, .bg-img-11 h3, .bg-img-12 h3, .bg-img-01 h4, .bg-img-02 h4, .bg-img-03 h4, .bg-img-04 h4, .bg-img-05 h4, .bg-img-06 h4, .bg-img-07 h4, .bg-img-08 h4, .bg-img-09 h4, .bg-img-10 h4, .bg-img-11 h4, .bg-img-12 h4, .bg-img-01 h5, .bg-img-02 h5, .bg-img-03 h5, .bg-img-04 h5, .bg-img-05 h5, .bg-img-06 h5, .bg-img-07 h5, .bg-img-08 h5, .bg-img-09 h5, .bg-img-10 h5, .bg-img-11 h5, .bg-img-12 h5, .bg-img-01 h6, .bg-img-02 h6, .bg-img-03 h6, .bg-img-04 h6, .bg-img-05 h6, .bg-img-06 h6, .bg-img-07 h6, .bg-img-08 h6, .bg-img-09 h6, .bg-img-10 h6, .bg-img-11 h6, .bg-img-12 h6, .bg-img-01 p, .bg-img-02 p, .bg-img-03 p, .bg-img-04 p, .bg-img-05 p, .bg-img-06 p, .bg-img-07 p, .bg-img-08 p, .bg-img-09 p, .bg-img-10 p, .bg-img-11 p, .bg-img-12 p{color: white;} .bg-img-01 .text-muted, .bg-img-02 .text-muted, .bg-img-03 .text-muted, .bg-img-04 .text-muted, .bg-img-05 .text-muted, .bg-img-06 .text-muted, .bg-img-07 .text-muted, .bg-img-08 .text-muted, .bg-img-09 .text-muted, .bg-img-10 .text-muted, .bg-img-11 .text-muted, .bg-img-12 .text-muted{color: #bdc3c7;} .bg-img-01{background-image: url("/theme_clean/static/src/img/backgrounds/bg_snippet_01.jpg");} .bg-img-02{background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)), url("/theme_clean/static/src/img/backgrounds/bg_snippet_02.jpg");} .bg-img-03{background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)), url("/theme_clean/static/src/img/backgrounds/bg_snippet_03.jpg");} .bg-img-04{background-image: url("/theme_clean/static/src/img/backgrounds/bg_snippet_04.jpg");} .bg-img-05{background-image: url("/theme_clean/static/src/img/backgrounds/bg_snippet_05.jpg");} .bg-img-06{background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.75)), url("/theme_clean/static/src/img/backgrounds/bg_snippet_06.jpg");} .bg-blur-01{background-image: url("/theme_clean/static/src/img/backgrounds/bg_blur_img_01.jpg"); background-size: cover; background-attachment: fixed;} .bg-blur-01 .fa, .bg-blur-01 h1, .bg-blur-01 h2, .bg-blur-01 h3, .bg-blur-01 h4, .bg-blur-01 h5, .bg-blur-01 h6, .bg-blur-01 p{color: #343a40;} .bg-blur-01 .text-muted{color: #bdc3c7;} .bg-blur-02{background-image: url("/theme_clean/static/src/img/backgrounds/bg_blur_img_02.jpg"); background-size: cover; background-attachment: fixed;} .bg-blur-02 .fa, .bg-blur-02 h1, .bg-blur-02 h2, .bg-blur-02 h3, .bg-blur-02 h4, .bg-blur-02 h5, .bg-blur-02 h6, .bg-blur-02 p{color: white;} .bg-blur-02 .text-muted{color: #bdc3c7;} .bg-blur-03{background-image: url("/theme_clean/static/src/img/backgrounds/bg_blur_img_03.jpg"); background-size: cover; background-attachment: fixed;} .bg-blur-03 .fa, .bg-blur-03 h1, .bg-blur-03 h2, .bg-blur-03 h3, .bg-blur-03 h4, .bg-blur-03 h5, .bg-blur-03 h6, .bg-blur-03 p{color: white;} .bg-blur-03 .text-muted{color: #bdc3c7;} .bg-blur-04{background-image: url("/theme_clean/static/src/img/backgrounds/bg_blur_img_04.jpg"); background-size: cover; background-attachment: fixed;} .bg-blur-04 .fa, .bg-blur-04 h1, .bg-blur-04 h2, .bg-blur-04 h3, .bg-blur-04 h4, .bg-blur-04 h5, .bg-blur-04 h6, .bg-blur-04 p{color: white;} .bg-blur-04 .text-muted{color: #bdc3c7;} .bg-blur-05{background-image: url("/theme_clean/static/src/img/backgrounds/bg_blur_img_05.jpg"); background-size: cover; background-attachment: fixed;} .bg-blur-05 .fa, .bg-blur-05 h1, .bg-blur-05 h2, .bg-blur-05 h3, .bg-blur-05 h4, .bg-blur-05 h5, .bg-blur-05 h6, .bg-blur-05 p{color: white;} .bg-blur-05 .text-muted{color: #bdc3c7;} .bg-blur-06{background-image: url("/theme_clean/static/src/img/backgrounds/bg_blur_img_06.jpg"); background-size: cover; background-attachment: fixed;} .bg-blur-06 .fa, .bg-blur-06 h1, .bg-blur-06 h2, .bg-blur-06 h3, .bg-blur-06 h4, .bg-blur-06 h5, .bg-blur-06 h6, .bg-blur-06 p{color: #343a40;} .bg-blur-06 .text-muted{color: #bdc3c7;} .bg_gradient_primary_down{background-image: linear-gradient(rgba(51, 122, 183, 0), #337ab7);} .bg_gradient_primary_up{background-image: linear-gradient(#337ab7, rgba(51, 122, 183, 0));} .bg_gradient_white_down_thumb{background-image: linear-gradient(#cccccc, rgba(255, 255, 255, 0.5));} .bg_gradient_white_down{background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));} .bg_gradient_white_up_thumb{background-image: linear-gradient(rgba(255, 255, 255, 0.5), #cccccc);} .bg_gradient_white_up{background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));} .bg_gradient_black_up{background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));} .bg_gradient_black_down{background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));} .bg_option_menu_img, .bg_option_menu_gradient{height: 25px; width: 120px; border: 1px solid #ccc;} .padding-l-r-8{padding: 0 8px;} .padding-l-r-16{padding: 0 16px;} .padding-l-r-32{padding: 0 32px;} .price{font-size: 50px;} .popover, .popover-title{color: #555;} hr{border-top: 1px solid #495057;} .navbar .active{background-color: #3498db;} footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{color: #cccccc; text-transform: uppercase;} footer p{text-align: justify;} footer .fa:not(.fa-2x):not(.fa-3x):not(.fa-4x):not(.fa-5x){font-size: 18px;} 

/* /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(73, 80, 87, 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_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: #cccccc;} #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 #e6e5e5;}#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_profile.scss defined in bundle 'web.assets_frontend' */
 #wrapwrap .s_profile_box{min-height: 450px; color: #343a40;} @media (max-width: 991.98px){#wrapwrap .s_profile_box{text-align: center;}} #wrapwrap .s_profile_box h2{color: #343a40;} #wrapwrap .s_profile_box span.tags{background: #495057; border-radius: 2px; color: white; padding: 2px 4px;} #wrapwrap .s_profile_box_divider{border-top: 1px solid #d9d9d9;} #wrapwrap .s_profile_box_emphasis:hover{transition: all 0.3s ease-in-out; background-color: #e6e5e5;} #wrapwrap .s_profile .card p, #wrapwrap .s_profile .card h2{color: #343a40;} 

/* /theme_common/static/src/scss/s_icon_box.scss defined in bundle 'web.assets_frontend' */
 #wrapwrap .s_icon_box .fa{margin: 10px 20px;} #wrapwrap .s_icon_box .fa:hover{transition: all 0.3s ease-in-out; color: #2980b9;} #wrapwrap .s_icon_box .icon_box_content{overflow: hidden;} 

/* /theme_common/static/src/scss/s_pricing.scss defined in bundle 'web.assets_frontend' */
 #wrapwrap .s_pricing strong{font-weight: 700; color: #343a40;} #wrapwrap .s_pricing_footer{height: 32px;} #wrapwrap .s_pricing_box{box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); border: 1px solid #e6e5e5;} #wrapwrap .s_pricing_header{padding: 24px 12px; min-height: 180px;} #wrapwrap .s_pricing_header h2{font-weight: 700;} #wrapwrap .s_pricing_header h3{font-weight: 500;} #wrapwrap .s_pricing_features{padding: 15px 10px 15px 10px; text-align: center; line-height: 20px; font-size: 14px;} 

/* /theme_common/static/src/scss/s_process_steps.scss defined in bundle 'web.assets_frontend' */
 .s_process_steps .s_process_step_icon{margin: 30px 0;} .s_process_steps .s_process_step_icon span{display: block; overflow: hidden;} .s_process_steps .s_process_step_icon .fa{display: block;} .s_process_steps .s_process_step_content{padding: 0 15px;} @media (min-width: 992px){.s_process_steps{overflow-x: hidden;}.s_process_steps .s_process_step .s_process_step_icon{position: relative; z-index: 1;}.s_process_steps .s_process_step .s_process_step_icon span:after{content: ''; z-index: -1; border-top: 1px solid #adb5bd; position: absolute; top: 50%; left: auto; bottom: 0; right: 0;}.s_process_steps .s_process_step .s_process_step_icon span:after{width: 100%;}.s_process_steps .s_process_step:first-child .s_process_step_icon span:after, .s_process_steps .s_process_step:last-child .s_process_step_icon span:after{width: 50%;}.s_process_steps .s_process_step:first-child .s_process_step_icon .fa:after{right: 0;}.s_process_steps .s_process_step:first-child .s_process_step_icon .fa.float-right:after{width: 0;}.s_process_steps .s_process_step:last-child .s_process_step_icon span:after{left: 0;}.s_process_steps .s_process_step:last-child .s_process_step_icon .fa:after{left: 0;}.s_process_steps .s_process_step:last-child .s_process_step_icon .fa.float-left:after{width: 0;}} 

/* /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_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_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_big_image.scss defined in bundle 'web.assets_frontend' */
 #wrapwrap .s_big_image{height: 760px; background-size: cover;} #wrapwrap .s_big_image_content{z-index: 999;} #wrapwrap .s_big_image_content h1{color: white; font-size: 60px;} 

/* /theme_common/static/src/scss/s_big_image_parallax.scss defined in bundle 'web.assets_frontend' */
 #wrapwrap .s_big_image_parallax{min-height: 780px; padding-top: 80px;} #wrapwrap .s_big_image_parallax_content{z-index: 999;} #wrapwrap .s_big_image_parallax_content h1{color: white; font-size: 60px;} 

/* /theme_common/static/src/scss/s_team_profiles.scss defined in bundle 'web.assets_frontend' */
 .s_team_profiles [class*="col-"]{color: initial;} 

/* /theme_common/static/src/scss/s_text_highlight.scss defined in bundle 'web.assets_frontend' */
 #wrapwrap .s_text_highlight{padding: 12px 8px 18px; border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0.2);} 

/* /theme_common/static/src/scss/s_two_columns.scss defined in bundle 'web.assets_frontend' */
 #wrapwrap .s_two_columns [class*="col-lg-"] > img{margin: 0 auto;} 

/* /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)); -webkit-transform: translateX(calc(-16vw * 6)); -moz-transform: translateX(calc(-16vw * 6)); -ms-transform: translateX(calc(-16vw * 6)); -o-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: 200px;} .oe_login_form{height: 40vh;} html, body{max-width: 100%; height: unset; overflow-x: hidden;} .update-card{height: 413px !important;} #wrap{margin-bottom: -8px;} .search_nav{max-width: 90%; margin: 0 auto; width: 550px;} .search_nav h3{height: 41px; font-size: 24px; font-weight: bold; border-bottom: 2px solid #252745; width: 100%;} button{outline: none !important;} .sticky{background-color: #252745 !important;} .main-container{height: 118px; background-color: #252745 !important;} .website-navbar{position: relative; top: -9px; padding: 14px 0; width: 80vw; overflow: hidden; margin: 0 auto; max-height: fit-content;} 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: 91vw; 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{padding: auto auto; border-radius: 5px; box-shadow: 0 4px 40px 0 rgba(78, 78, 78, 0.2); background-color: #aa3022; overflow: hidden; text-decoration: none !important; transition: background-color 300ms; text-align: center; color: white;} .btn{border-radius: 5px; box-shadow: 0 4px 40px 0 rgba(78, 78, 78, 0.2); background-color: #f04e45; padding: 15px 10px; overflow: hidden; text-decoration: none !important; transition: background-color 300ms;} .signin-button{display: inline-block;} .logo{object-fit: contain; width: 16vw; max-height: 106px; padding: 0; padding-bottom: 10px;} .setTop{position: absolute; top: -20px;} .logo-container{display: inline-block; max-width: 263px; height: 60px; max-height: 70px; 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;} .banner-field{float: left; width: 307px; height: 100%; padding: 16px 15px 16px 15px; border-radius: 5px 0 0 5px !important; border: solid #2274a5; 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: linear-gradient(65deg, #0c347c 20%, #f5e7fd 50%, #144db6 80%); 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;} .banner{width: 100%; height: 90vh; padding: 15vh 0 5vw; background: linear-gradient(244deg, rgba(37, 39, 69, 0.8), rgba(7, 8, 14, 0)), url("/olivery_website_templates/static/src/css/amyal.png"); background-position: left bottom; background-size: cover;} .banner2{width: 100%; height: 99vh; max-height: 488px; background: linear-gradient(#26274580, #26274580), url("/olivery_website_templates/static/src/css/packages.png"); background-position: center; background-size: cover;} .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(26px, 3vw, 38px); font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: left;} .color-black{color: #252745;} .color-white{color: #fff;} #hover{height: 1vh; width: 100%;} .hover-down-arrow{margin: 14vh 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: 26vw; border-color: transparent; border-radius: 10px; box-shadow: 0 6px 40px 0 rgba(47, 47, 47, 0.1); background-position: center !important; background-size: 32vw !important; display: inline-block; margin-bottom: 20px; overflow: hidden;} .card-custom{width: 38vw !important;} .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: linear-gradient(180deg, #3C4048 0%, #031829 100%) !important; 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: 25.58vw;} .about-card{width: 50% !important; padding-block: 5%; background-repeat: no-repeat !important; height: 600px !important;} .nazra-card{height: 350px !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: url("/olivery_website_templates/static/assets/mobile-app-amyal.png"); 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: linear-gradient(to right, #16151b, #1f2d38, #1d4557, #1d4e66, #1d4557, #1f2d38, #16151b); 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: 22px; line-height: 24px; 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; padding: 0;} .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; font-size: 18px;} .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(16px, 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: 30px 30px 0px 30px; display: -webkit-box; display: -webkit-flex; display: flex; height: fit-content !important; flex-direction: row; background-image: inherit;} .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: #252745; margin-top: 60px;} .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;} .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: 20px; 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;} @media (min-width: 1025px){.register-button{background: linear-gradient(65deg, #0c347c 20%, #f5e7fd 50%, #144db6 80%); background-size: 100px; background-repeat: no-repeat; background-color: #0c347c; background-position-x: -172px;}.register-button:hover{background-position-x: 172px; background-color: #ffd31c; transition: all 500ms;}.btn{background: linear-gradient(65deg, #0c347c 20%, #f5e7fd 50%, #144db6 80%); background-size: 100px; background-repeat: no-repeat; background-color: #0c347c; background-position-x: -172px;}.btn:hover{background-position-x: 172px; background-color: #ffd31c; transition: all 500ms;}.track-order-button{background: linear-gradient(65deg, #0c347c 20%, #f5e7fd 50%, #144db6 80%); background-size: 100px; background-repeat: no-repeat; background-color: #0c347c; background-position-x: -172px;}.track-order-button:hover{background-position-x: 172px; background-color: #ffd31c; transition: all 500ms;}.slide-paragraph{margin-bottom: 10px;}} @media (max-width: 1100px){.subtitle{font-size: 22px;}.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: 1500px){.update-card{height: 342px !important;}.button-nav-header{width: 119px;}} @media (max-width: 1024px){.paragraph{font-size: 20px;}.side-paragraph{width: 63vw; padding-right: 32px;}.banner{height: 60vh;}.card{width: 27vw; height: 19.44vw; background-size: 38vw !important; margin-top: 20px;}.update-card{height: 139px !important;}.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; padding: 12.5px 0;}.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;}.hide-web{display: block !important;}.logo-container{max-width: 40px; height: 55px; width: 19vw; object-fit: contain;}.logo{object-fit: contain; height: 60px; width: 86px;}.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: #C6443D;}.track-order-button:hover{background-color: #ffd31c;}} @media (max-width: 520px){.card-sm{height: 172 !important;}.paragraph{font-size: 20px; position: relative;}.side-paragraph{position: relative; width: unset; margin-bottom: 10px;}.card{width: 90vw; height: 64.8vw; margin-left: 0px; background-size: 130vw !important;}.update-card{height: 163px;}.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: 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%;}.home-setButton{width: 100%;}.home-SetCard{margin-left: 73px;}} .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); transition: all 265ms ease-in;} .form-control:focus{background-color: #fafdff; border: 1px solid #2274a5; box-shadow: none;} .form-control{border: 1px solid #252745;} .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;} .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: #252745;} .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;} .email-icon{margin-right: 0px; font-size: 18px; padding: 0; margin-left: 4px; margin-right: 2px; width: 18px; height: 18px; border-radius: 50%;} .contact-us-email a{text-decoration: none; color: #f8efef;} .about-card{width: 100% !important; background-repeat: no-repeat !important; background-size: cover; background-position: center center;} .card{padding: 0; height: 260px; margin-top: 20px;} .decreased-height{height: 1150px; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); -moz-transform: scaleY(0.5); -ms-transform: scaleY(0.5); -o-transform: scaleY(0.5);} .full-width{width: 100%;} .tall-height{height: auto;} .text-size-16{font-size: 16px !important;} @media (max-width: 520px){.flex-items{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: center;}} .contactBtn :hover{background-color: #ffd31c !important;} #card-de{width: 32vw !important; margin: 63px;} #wrap{margin-top: 120px;} .image-container{margin: 35px 0px;} .image-container img{max-width: 90%; height: auto; display: block; margin: 0 15px;}