.o_gallery.o_slideshow .carousel .carousel-inner, .modal-body.o_slideshow .carousel .carousel-inner{height: 100%;} .o_gallery.o_slideshow .carousel .carousel-item, .modal-body.o_slideshow .carousel .carousel-item{height: 100%; padding-bottom: 64px;} .o_gallery.o_slideshow .carousel img, .modal-body.o_slideshow .carousel img{max-height: 100%; max-width: 100%; margin: auto;} .o_gallery.o_slideshow .carousel ul.carousel-indicators, .modal-body.o_slideshow .carousel ul.carousel-indicators{height: auto; padding: 0; border-width: 0; position: absolute; bottom: 0; width: 100%; margin-left: 0; left: 0%;} .o_gallery.o_slideshow .carousel ul.carousel-indicators > *, .modal-body.o_slideshow .carousel ul.carousel-indicators > *{list-style-image: none; display: inline-block; width: 40px; height: 40px; margin: 2.5px 2.5px 2.5px 2.5px; padding: 0; border: 1px solid #aaa; text-indent: initial; background-size: cover; background-color: #fff; border-radius: 0; vertical-align: bottom; flex: 0 0 40px;} .o_gallery.o_slideshow .carousel ul.carousel-indicators > *:not(.active), .modal-body.o_slideshow .carousel ul.carousel-indicators > *:not(.active){opacity: 0.8; filter: grayscale(1);} .parallax{position: relative;} .parallax:not(.s_parallax_no_overflow_hidden){overflow: hidden;} .parallax > *{position: relative;} .parallax > .s_parallax_bg{position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; background-color: inherit; background-size: cover; background-attachment: scroll; pointer-events: none;} .parallax > .s_parallax_bg::after{content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; background-color: inherit;} @media (min-width: 1200px){.parallax.s_parallax_is_fixed > .s_parallax_bg{background-attachment: fixed;}} .s_hr{line-height: 0;} .s_hr hr{padding: 0; border: 0; border-top-color: inherit; margin: 0;} .s_hr .s_hr_dashed{border-top-style: dashed;} .s_hr .s_hr_double{border-top-style: double;} .s_hr .s_hr_dotted{border-top-style: dotted;} .s_hr .s_hr_solid{border-top-style: solid;} .s_hr .s_hr_5px{border-top-width: 5px;} .s_hr .s_hr_4px{border-top-width: 4px;} .s_hr .s_hr_3px{border-top-width: 3px;} .s_hr .s_hr_2px{border-top-width: 2px;} .s_hr .s_hr_1px{border-top-width: 1px;} .s_card{margin: 15px 0;} .s_card .card-body p:last-child, .s_card .card-body ul:last-child, .s_card .card-body ol:last-child{margin-bottom: 0;} .s_share > *{display: inline-block; vertical-align: middle;} .s_share .s_share_title{margin: 0 .4rem 0 0;} .s_share > a + a{margin-left: .4rem;} .s_share .s_share_facebook, .s_share .s_share_facebook:hover, .s_share .s_share_facebook:focus{color: #3b5998;} .s_share .s_share_twitter, .s_share .s_share_twitter:hover, .s_share .s_share_twitter:focus{color: #1da1f2;} .s_share .s_share_linkedin, .s_share .s_share_linkedin:hover, .s_share .s_share_linkedin:focus{color: #0077b5;} .s_share .s_share_google, .s_share .s_share_google:hover, .s_share .s_share_google:focus{color: #db4437;} .s_rating > .s_rating_stars .fa:before{content: "";} .s_rating > .s_rating_stars.s_rating_5 .fa:nth-of-type(-n+5):before{content: "";} .s_rating > .s_rating_stars.s_rating_4 .fa:nth-of-type(-n+4):before{content: "";} .s_rating > .s_rating_stars.s_rating_3 .fa:nth-of-type(-n+3):before{content: "";} .s_rating > .s_rating_stars.s_rating_2 .fa:nth-of-type(-n+2):before{content: "";} .s_rating > .s_rating_stars.s_rating_1 .fa:nth-of-type(-n+1):before{content: "";} .s_rating > .s_rating_squares .fa:before{content: "";} .s_rating > .s_rating_squares.s_rating_5 .fa:nth-of-type(-n+5):before{content: "";} .s_rating > .s_rating_squares.s_rating_4 .fa:nth-of-type(-n+4):before{content: "";} .s_rating > .s_rating_squares.s_rating_3 .fa:nth-of-type(-n+3):before{content: "";} .s_rating > .s_rating_squares.s_rating_2 .fa:nth-of-type(-n+2):before{content: "";} .s_rating > .s_rating_squares.s_rating_1 .fa:nth-of-type(-n+1):before{content: "";} .s_rating > .s_rating_hearts .fa:before{content: "";} .s_rating > .s_rating_hearts.s_rating_5 .fa:nth-of-type(-n+5):before{content: "";} .s_rating > .s_rating_hearts.s_rating_4 .fa:nth-of-type(-n+4):before{content: "";} .s_rating > .s_rating_hearts.s_rating_3 .fa:nth-of-type(-n+3):before{content: "";} .s_rating > .s_rating_hearts.s_rating_2 .fa:nth-of-type(-n+2):before{content: "";} .s_rating > .s_rating_hearts.s_rating_1 .fa:nth-of-type(-n+1):before{content: "";} .s_rating > .s_rating_bar .fa{display: none;} .s_rating > .s_rating_bar .s_rating_bar{display: -webkit-box; display: -webkit-flex; display: flex; height: 1rem; background-color: #dee2e6;} .s_rating > .s_rating_bar .s_rating_bar:before{content: ""; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; transition: width 0.6s ease; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; background-color: #00A09D; animation: progress-bar-stripes 1s linear infinite;} @media screen and (prefers-reduced-motion: reduce){.s_rating > .s_rating_bar .s_rating_bar:before{transition: none;}} .s_rating > .s_rating_bar.s_rating_5 .s_rating_bar:before{width: 100%;} .s_rating > .s_rating_bar.s_rating_4 .s_rating_bar:before{width: 80%;} .s_rating > .s_rating_bar.s_rating_3 .s_rating_bar:before{width: 60%;} .s_rating > .s_rating_bar.s_rating_2 .s_rating_bar:before{width: 40%;} .s_rating > .s_rating_bar.s_rating_1 .s_rating_bar:before{width: 20%;} .s_rating > .s_rating_1x .fa{font-size: 1em;} .s_rating > .s_rating_2x .fa{font-size: 2em;} .s_rating > .s_rating_3x .fa{font-size: 3em;} #wrapwrap .o_header_affix{position: absolute; top: 0; left: 0; bottom: auto; right: 0; position: fixed; z-index: 1030; background: #f6f9f9; margin-top: -200px; transition: margin-top 500ms ease 0s;} #wrapwrap .o_header_affix.affixed{margin-top: 0px;} #oe_main_menu_navbar + #wrapwrap .o_header_affix{top: 46px;} .navbar .o_extra_menu_items.show > ul > li + li{border-top: 1px solid #e9ecef;} .navbar .o_extra_menu_items.show > ul > li > a.dropdown-toggle{background-color: #e9ecef; color: inherit; pointer-events: none;} .navbar .o_extra_menu_items.show > ul > li > ul{position: static; float: none; display: block; max-height: none; margin-top: 0; padding: 0; border: none; box-shadow: none;} @media (min-width: 992px){header .navbar .dropdown-menu{max-height: 60vh; overflow-y: auto;}} header.o_header_affix .navbar-collapse.show{max-height: 80vh; overflow-y: auto;} .o_footer_copyright{padding: 8px;} .o_footer_copyright .js_language_selector{display: inline-block;} @media (min-width: 768px){.o_footer_copyright .row, .o_footer_copyright .product-info-box, .o_footer_copyright .price_calc, .o_footer_copyright .product-info, .o_footer_copyright .price_calc .result, .price_calc .o_footer_copyright .result, .o_footer_copyright .price_calc .button-group, .price_calc .o_footer_copyright .button-group, .o_footer_copyright .price_calc form, .price_calc .o_footer_copyright form, .o_footer_copyright .product .product-heading, .product .o_footer_copyright .product-heading{display: -webkit-box; display: -webkit-flex; display: flex;}.o_footer_copyright .row > div, .o_footer_copyright .product-info-box > div, .o_footer_copyright .price_calc > div, .o_footer_copyright .product-info > div, .o_footer_copyright .price_calc .result > div, .price_calc .o_footer_copyright .result > div, .o_footer_copyright .price_calc .button-group > div, .price_calc .o_footer_copyright .button-group > div, .o_footer_copyright .price_calc form > div, .price_calc .o_footer_copyright form > div, .o_footer_copyright .product .product-heading > div, .product .o_footer_copyright .product-heading > div{margin: auto 0;}} #wrapwrap.o_header_overlay > header:not(.o_header_affix){position: absolute; top: 0; left: 0; bottom: auto; right: 0; z-index: 1000;} #wrapwrap.o_header_overlay > header:not(.o_header_affix) > .navbar{background-color: transparent !important; border-color: transparent; color: inherit;} #wrapwrap.o_header_overlay > header:not(.o_header_affix) > .navbar .nav-item > .nav-link{background-color: transparent; color: inherit;} #wrapwrap.o_header_overlay > header:not(.o_header_affix) > .navbar .nav-item > .nav-link.active{font-weight: bolder;} .bg-primary-light{background-color: rgba(0, 160, 157, 0.1);} .bg-secondary-light{background-color: rgba(135, 90, 123, 0.1);} .bg-success-light{background-color: rgba(32, 190, 199, 0.1);} .bg-info-light{background-color: rgba(23, 162, 184, 0.1);} .bg-warning-light{background-color: rgba(255, 193, 7, 0.1);} .bg-danger-light{background-color: rgba(220, 53, 69, 0.1);} .bg-light-light{background-color: rgba(246, 249, 249, 0.1);} .bg-dark-light{background-color: rgba(20, 31, 30, 0.1);} .bg-alpha-light{background-color: rgba(0, 160, 157, 0.1);} .bg-beta-light{background-color: rgba(135, 90, 123, 0.1);} .bg-gamma-light{background-color: rgba(92, 91, 128, 0.1);} .bg-delta-light{background-color: rgba(91, 137, 158, 0.1);} .bg-epsilon-light{background-color: rgba(228, 111, 120, 0.1);} .modal-footer > .float-left{margin-right: auto;} .o_perk span{display: block;} 

/* /website/static/src/scss/website.ui.scss defined in bundle 'web.assets_frontend' */
 body{direction: ltr;} body.o_connected_user{padding-top: 46px !important;} #oe_main_menu_navbar{position: absolute; top: 0; left: 0; bottom: auto; right: 0; position: fixed; z-index: 1040; font-family: Roboto, "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px;} #oe_main_menu_navbar .dropdown-menu{background-color: white;} #oe_main_menu_navbar .dropdown-item{color: #212529;} #oe_main_menu_navbar .dropdown-item:hover, #oe_main_menu_navbar .dropdown-item:focus{color: #16181b;} #oe_main_menu_navbar .dropdown-item.active, #oe_main_menu_navbar .dropdown-item:active{color: white; background-color: #7C7BAD;} #oe_main_menu_navbar a:hover, #oe_main_menu_navbar a:focus{text-decoration: none;} #oe_main_menu_navbar .dropdown-menu{font-size: inherit; border-radius: 0; color: #FFFFFF;} #oe_main_menu_navbar .o_menu_sections a > .fa-plus, #oe_main_menu_navbar .o_menu_sections a > .fa-pencil{margin-right: 7.5px;} #oe_main_menu_navbar .o_menu_sections .o_mobile_preview a{text-align: center; font-size: 20px;} #oe_main_menu_navbar .o_menu_systray > li > a{padding: 0 15px;} #oe_main_menu_navbar .o_menu_systray > li > a.css_edit_dynamic{padding: 0 7.5px;} #oe_main_menu_navbar .o_menu_systray > li > a[data-action="edit"], #oe_main_menu_navbar .o_menu_systray > li > a[data-action="translate"], #oe_main_menu_navbar .o_menu_systray > li > a.css_edit_dynamic{color: #FFFFFF; background-color: #7C7BAD; border-color: #7C7BAD;} #oe_main_menu_navbar .o_menu_systray > li > a[data-action="edit"]:hover, #oe_main_menu_navbar .o_menu_systray > li > a[data-action="translate"]:hover, #oe_main_menu_navbar .o_menu_systray > li > a.css_edit_dynamic:hover{color: #FFFFFF; background-color: #65639e; border-color: #5f5e97;} #oe_main_menu_navbar .o_menu_systray > li > a[data-action="edit"]:focus, #oe_main_menu_navbar .o_menu_systray > li > a[data-action="edit"].focus, #oe_main_menu_navbar .o_menu_systray > li > a[data-action="translate"]:focus, #oe_main_menu_navbar .o_menu_systray > li > a[data-action="translate"].focus, #oe_main_menu_navbar .o_menu_systray > li > a.css_edit_dynamic:focus, #oe_main_menu_navbar .o_menu_systray > li > a.css_edit_dynamic.focus{box-shadow: 0 0 0 0.2rem rgba(124, 123, 173, 0.5);} #oe_main_menu_navbar .o_menu_systray > li > a[data-action="edit"].disabled, #oe_main_menu_navbar .o_menu_systray > li > a[data-action="edit"]:disabled, #oe_main_menu_navbar .o_menu_systray > li > a[data-action="translate"].disabled, #oe_main_menu_navbar .o_menu_systray > li > a[data-action="translate"]:disabled, #oe_main_menu_navbar .o_menu_systray > li > a.css_edit_dynamic.disabled, #oe_main_menu_navbar .o_menu_systray > li > a.css_edit_dynamic:disabled{color: #FFFFFF; background-color: #7C7BAD; border-color: #7C7BAD;} #oe_main_menu_navbar .o_menu_systray > li > a[data-action="edit"]:not(:disabled):not(.disabled):active, #oe_main_menu_navbar .o_menu_systray > li > a[data-action="edit"]:not(:disabled):not(.disabled).active, .show > #oe_main_menu_navbar .o_menu_systray > li > a[data-action="edit"].dropdown-toggle, #oe_main_menu_navbar .o_menu_systray > li > a[data-action="translate"]:not(:disabled):not(.disabled):active, #oe_main_menu_navbar .o_menu_systray > li > a[data-action="translate"]:not(:disabled):not(.disabled).active, .show > #oe_main_menu_navbar .o_menu_systray > li > a[data-action="translate"].dropdown-toggle, #oe_main_menu_navbar .o_menu_systray > li > a.css_edit_dynamic:not(:disabled):not(.disabled):active, #oe_main_menu_navbar .o_menu_systray > li > a.css_edit_dynamic:not(:disabled):not(.disabled).active, .show > #oe_main_menu_navbar .o_menu_systray > li > a.css_edit_dynamic.dropdown-toggle{color: #FFFFFF; background-color: #5f5e97; border-color: #5a598f;} #oe_main_menu_navbar .o_menu_systray > li > a[data-action="edit"]:not(:disabled):not(.disabled):active:focus, #oe_main_menu_navbar .o_menu_systray > li > a[data-action="edit"]:not(:disabled):not(.disabled).active:focus, .show > #oe_main_menu_navbar .o_menu_systray > li > a[data-action="edit"].dropdown-toggle:focus, #oe_main_menu_navbar .o_menu_systray > li > a[data-action="translate"]:not(:disabled):not(.disabled):active:focus, #oe_main_menu_navbar .o_menu_systray > li > a[data-action="translate"]:not(:disabled):not(.disabled).active:focus, .show > #oe_main_menu_navbar .o_menu_systray > li > a[data-action="translate"].dropdown-toggle:focus, #oe_main_menu_navbar .o_menu_systray > li > a.css_edit_dynamic:not(:disabled):not(.disabled):active:focus, #oe_main_menu_navbar .o_menu_systray > li > a.css_edit_dynamic:not(:disabled):not(.disabled).active:focus, .show > #oe_main_menu_navbar .o_menu_systray > li > a.css_edit_dynamic.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(124, 123, 173, 0.5);} #oe_main_menu_navbar .o_menu_systray > li > a > .fa-plus, #oe_main_menu_navbar .o_menu_systray > li > a > .fa-pencil{margin-right: 7.5px;} #oe_main_menu_navbar .o_menu_systray .o_mobile_preview a{text-align: center; font-size: 20px;} @media (max-width: 767.98px){#oe_main_menu_navbar #oe_applications{position: inherit; z-index: 1002;}} body .modal.o_technical_modal{font-family: Roboto, "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; color: #33363e; background: 0;} body .modal.o_technical_modal .text-muted{color: #999999 !important;} body .modal.o_technical_modal .dropdown-menu{background-color: white;} body .modal.o_technical_modal .dropdown-item{color: #212529;} body .modal.o_technical_modal .dropdown-item:hover, body .modal.o_technical_modal .dropdown-item:focus{color: #16181b;} body .modal.o_technical_modal .dropdown-item.active, body .modal.o_technical_modal .dropdown-item:active{color: white; background-color: #7C7BAD;} body .modal.o_technical_modal h1, body .modal.o_technical_modal h2, body .modal.o_technical_modal h3, body .modal.o_technical_modal h4, body .modal.o_technical_modal h5, body .modal.o_technical_modal h6, body .modal.o_technical_modal .h1, body .modal.o_technical_modal .h2, body .modal.o_technical_modal .h3, body .modal.o_technical_modal .h4, body .modal.o_technical_modal .h5, body .modal.o_technical_modal .h6{font-family: Roboto, "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; color: #2c2c36; font-weight: bold;} body .modal.o_technical_modal :not(.input-group):not(.form-group):not(.input-group-append):not(.input-group-prepend) > .form-control{height: 34px;} body .modal.o_technical_modal .form-control{padding: 6px 12px; font-size: 14px; line-height: 1.5; border: 1px solid #d4d5d7; color: #555; background-color: #fff; border-radius: 0;} body .modal.o_technical_modal .form-control.is-invalid{border-color: #dc3545;} body .modal.o_technical_modal .input-group .form-control{height: auto;} body .modal.o_technical_modal .input-group-text{background-color: #e9ecef;} body .modal.o_technical_modal .was-validated .form-control:invalid{border-color: #dc3545;} body .modal.o_technical_modal 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;} body .modal.o_technical_modal a:not(.o_btn_preview){color: #7C7BAD;} body .modal.o_technical_modal a:not(.o_btn_preview):focus, body .modal.o_technical_modal a:not(.o_btn_preview):active, body .modal.o_technical_modal a:not(.o_btn_preview):focus:active{outline: none !important;} body .modal.o_technical_modal .badge:hover a, body .modal.o_technical_modal .badge a{color: #fff;} body .modal.o_technical_modal .btn:not(.o_btn_preview), body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview), .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview){border-radius: 0; font-weight: normal; text-transform: none; padding: 0.375rem 0.75rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview), .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview){color: #FFFFFF; background-color: #7C7BAD; border-color: #7C7BAD;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary:hover, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview):hover, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview):hover{color: #FFFFFF; background-color: #65639e; border-color: #5f5e97;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary:focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview):focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview):focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary.focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).focus{box-shadow: 0 0 0 0.2rem rgba(124, 123, 173, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary.disabled, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).disabled, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary:disabled, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview):disabled, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview):disabled{color: #FFFFFF; background-color: #7C7BAD; border-color: #7C7BAD;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.disabled):active, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview):not(:disabled):not(.disabled):active, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview):not(:disabled):not(.disabled):active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.disabled).active, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview):not(:disabled):not(.disabled).active, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview):not(:disabled):not(.disabled).active, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary.dropdown-toggle, .show > body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).dropdown-toggle, .product .product-heading .show > body .modal.o_technical_modal .cgv:not(.o_btn_preview).dropdown-toggle{color: #FFFFFF; background-color: #5f5e97; border-color: #5a598f;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.disabled):active:focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview):not(:disabled):not(.disabled):active:focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview):not(:disabled):not(.disabled):active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.disabled).active:focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview):not(:disabled):not(.disabled).active:focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview):not(:disabled):not(.disabled).active:focus, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary.dropdown-toggle:focus, .show > body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).dropdown-toggle:focus, .product .product-heading .show > body .modal.o_technical_modal .cgv:not(.o_btn_preview).dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(124, 123, 173, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-secondary, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-secondary{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc; color: #7C7BAD;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary:hover, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-secondary:hover, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-secondary:hover{color: #212529; background-color: #e9e9e9; border-color: #e3e3e3;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary:focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-secondary:focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-secondary:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary.focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-secondary.focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-secondary.focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary.disabled, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-secondary.disabled, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-secondary.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary:disabled, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-secondary:disabled, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-secondary:disabled{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled):active, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled):active, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled):active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled).active, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled).active, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled).active, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary.dropdown-toggle, .show > body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-secondary.dropdown-toggle, .product .product-heading .show > body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-secondary.dropdown-toggle{color: #212529; background-color: #e3e3e3; border-color: gainsboro;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled):active:focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled):active:focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled):active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled).active:focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled).active:focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled).active:focus, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary.dropdown-toggle:focus, .show > body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-secondary.dropdown-toggle:focus, .product .product-heading .show > body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-secondary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-link, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-link{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc; color: #7C7BAD;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link:hover, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-link:hover, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-link:hover{color: #212529; background-color: #e9e9e9; border-color: #e3e3e3;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link:focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-link:focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-link:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link.focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-link.focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-link.focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link.disabled, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-link.disabled, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-link.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link:disabled, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-link:disabled, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-link:disabled{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link.dropdown-toggle, .show > body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-link.dropdown-toggle, .product .product-heading .show > body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-link.dropdown-toggle{color: #212529; background-color: #e3e3e3; border-color: gainsboro;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active:focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active:focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active:focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active:focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active:focus, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link.dropdown-toggle:focus, .show > body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-link.dropdown-toggle:focus, .product .product-heading .show > body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-link.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-success, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-success{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success:hover, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-success:hover, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-success:hover{color: #FFFFFF; background-color: #369156; border-color: #328851;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success:focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-success:focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-success:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success.focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-success.focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-success.focus{box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success.disabled, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-success.disabled, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-success.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success:disabled, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-success:disabled, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-success:disabled{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success.dropdown-toggle, .show > body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-success.dropdown-toggle, .product .product-heading .show > body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-success.dropdown-toggle{color: #FFFFFF; background-color: #328851; border-color: #2f7e4b;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active:focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active:focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active:focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active:focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active:focus, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success.dropdown-toggle:focus, .show > body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-success.dropdown-toggle:focus, .product .product-heading .show > body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-success.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-info, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-info{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:hover, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-info:hover, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-info:hover{color: #FFFFFF; background-color: #568695; border-color: #517e8d;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-info:focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-info:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-info.focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-info.focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.disabled, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-info.disabled, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-info.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:disabled, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-info:disabled, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-info:disabled{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.dropdown-toggle, .show > body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-info.dropdown-toggle, .product .product-heading .show > body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-info.dropdown-toggle{color: #FFFFFF; background-color: #517e8d; border-color: #4d7784;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active:focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active:focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active:focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active:focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active:focus, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.dropdown-toggle:focus, .show > body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-info.dropdown-toggle:focus, .product .product-heading .show > body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-info.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-warning, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-warning{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:hover, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-warning:hover, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-warning:hover{color: #212529; background-color: #ed9d2b; border-color: #ec971f;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-warning:focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-warning:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-warning.focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-warning.focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.disabled, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-warning.disabled, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-warning.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:disabled, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-warning:disabled, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-warning:disabled{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.dropdown-toggle, .show > body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-warning.dropdown-toggle, .product .product-heading .show > body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-warning.dropdown-toggle{color: #212529; background-color: #ec971f; border-color: #ea9214;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active:focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active:focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active:focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active:focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active:focus, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.dropdown-toggle:focus, .show > body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-warning.dropdown-toggle:focus, .product .product-heading .show > body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-warning.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-danger, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-danger{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:hover, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-danger:hover, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-danger:hover{color: #FFFFFF; background-color: #e1374f; border-color: #df2c45;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-danger:focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-danger:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-danger.focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-danger.focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.disabled, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-danger.disabled, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-danger.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:disabled, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-danger:disabled, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-danger:disabled{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.dropdown-toggle, .show > body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-danger.dropdown-toggle, .product .product-heading .show > body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-danger.dropdown-toggle{color: #FFFFFF; background-color: #df2c45; border-color: #dd213c;} body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active:focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active:focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active:focus, body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active:focus, .product .product-heading body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active:focus, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.dropdown-toggle:focus, .show > body .modal.o_technical_modal .product .product-heading .cgv:not(.o_btn_preview).btn-danger.dropdown-toggle:focus, .product .product-heading .show > body .modal.o_technical_modal .cgv:not(.o_btn_preview).btn-danger.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} body .modal.o_technical_modal .card{padding: 19px; margin-bottom: 20px; background-color: #fcfcfc; border: 1px solid #efefef; border-radius: 0; box-shadow: none;} body .modal.o_technical_modal .modal-content{border-radius: 0; background-color: #fcfcfc;} body .modal.o_technical_modal .modal-content .modal-header{border-bottom-color: #e9ecef;} body .modal.o_technical_modal .modal-content .modal-body{background-color: white;} body .modal.o_technical_modal .modal-content .modal-footer{border-top-color: #e9ecef; text-align: left;} body .modal.o_technical_modal .nav-tabs{border-bottom: 1px solid #e9ecef;} body .modal.o_technical_modal .nav-tabs > li > a{line-height: 1.5; color: #4e525b;} body .modal.o_technical_modal .nav-tabs > li > a:hover{border-color: #dee2e6;} body .modal.o_technical_modal .nav-tabs > li > a.active, body .modal.o_technical_modal .nav-tabs > li > a.active:hover, body .modal.o_technical_modal .nav-tabs > li > a.active:focus{color: #50545d; background-color: #fcfcfc; border-color: #dee2e6 #dee2e6 #FFFFFF;} body .modal.oe_mobile_preview{text-align: center;} body .modal.oe_mobile_preview .modal-dialog{display: inline-block; width: auto;} body .modal.oe_mobile_preview .modal-dialog .modal-content{background-color: black !important; border: 3px outset gray; border-radius: 20px;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-header{border: none; cursor: pointer; font-family: Roboto, "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-header, body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-header .close{color: white;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-header h4{font-family: inherit; font-weight: normal; color: inherit;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-header h4 .fa{margin-left: 15px;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-body{background-color: inherit !important; border-radius: 20px; padding: 15px; display: -webkit-box; display: -webkit-flex; display: flex; width: 335px; height: 530px; transition: all 400ms ease 0s;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-body.o_invert_orientation{width: 545px; height: 320px;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-body > iframe{display: block; width: 100%; border: none;} body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-footer{display: none;} body .modal .oe_menu_editor ul{padding-left: 37px;} body .modal .oe_menu_editor li{margin-top: -1px;} body .modal .oe_menu_editor li .input-group-addon{border-radius: 0;} body .modal.oe_seo_configuration #language-box{padding-right: 25px; background-color: white;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img{position: relative; transition: border-color 200ms; display: inline-block; border: 2px solid #ced4da;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img > img{width: 70px; height: 70px; object-fit: cover; cursor: pointer;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img:hover{border-color: #7C7BAD;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img.o_active_image{border-color: #7C7BAD;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img.o_active_image:before{position: absolute; top: auto; left: auto; bottom: auto; right: 0; content: ''; border: 16px solid rgba(124, 123, 173, 0.8); border-left-color: transparent; border-bottom-color: transparent;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img.o_active_image:after{position: absolute; top: 2px; left: auto; bottom: auto; right: 3px; display: inline-block; content: "\f00c"; font-family: FontAwesome; color: white; font-size: 12px;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img .o-custom-label{position: absolute; top: auto; left: auto; bottom: 0px; right: auto; background: rgba(52, 58, 64, 0.6); font-size: 12px;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img_upload{transition: 200ms; display: inline-block; padding: 23px 27px; border: 2px dashed #bcc1c6; vertical-align: top; cursor: pointer; color: #bcc1c6;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img_upload:hover{border-color: #7C7BAD; color: #7C7BAD;} body .modal.oe_seo_configuration .o_seo_og_image .o_meta_active_img{height: 240px; object-fit: cover;} body .modal.oe_seo_configuration div.oe_seo_preview_g{list-style: none; font-family: arial, sans-serif;} body .modal.oe_seo_configuration div.oe_seo_preview_g .r{cursor: pointer; color: #1a0dab; font-size: 18px; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap;} body .modal.oe_seo_configuration div.oe_seo_preview_g .s{font-size: 13px; line-height: 18px; color: #545454;} body .modal.oe_seo_configuration div.oe_seo_preview_g .s .kv{color: #006621; font-size: 14px; line-height: 18px;} .o_new_content_open{overflow: hidden;} #o_new_content_menu_choices{font-family: Roboto, "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; color: #33363e; position: absolute; top: 46px; left: 0; bottom: 0; right: 0; position: fixed; display: -webkit-box; display: -webkit-flex; display: flex; overflow: auto; background-color: rgba(0, 0, 0, 0.8); font-family: Roboto, "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;} #o_new_content_menu_choices .text-muted{color: #999999 !important;} #o_new_content_menu_choices::before{content: " "; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; pointer-events: none;} #o_new_content_menu_choices .container{max-width: 720px; margin: auto;} #o_new_content_menu_choices .o_new_content_element{opacity: 0; animation: fadeInDownSmall 1s forwards;} #o_new_content_menu_choices .o_new_content_element a{display: block; font-size: 34px; text-align: center;} #o_new_content_menu_choices .o_new_content_element a i{width: 110px; height: 110px; border: 3px solid #434352; border-radius: 100%; line-height: 104px; background-color: #2C2C36; color: white; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;} #o_new_content_menu_choices .o_new_content_element a p{color: white; margin-top: 0.7em; font-size: 0.5em;} #o_new_content_menu_choices .o_new_content_element a:hover, #o_new_content_menu_choices .o_new_content_element a:focus{text-decoration: none; outline: none;} #o_new_content_menu_choices .o_new_content_element a:hover i, #o_new_content_menu_choices .o_new_content_element a:focus i{border-color: #1cc1a9; box-shadow: 0 0 10px rgba(28, 193, 169, 0.46);} .oe_login_form, .oe_signup_form, .oe_reset_password_form{max-width: 300px; position: relative; margin: 50px auto;} .o_ace_view_editor{font-family: Roboto, "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; color: #33363e; position: absolute; top: 46px; left: auto; bottom: 0; right: 0; position: fixed; z-index: 1050;} .o_ace_view_editor .text-muted{color: #999999 !important;} .o_ace_view_editor .btn:not(.o_btn_preview), .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview), .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview){border-radius: 0; font-weight: normal; text-transform: none; padding: 0.375rem 0.75rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview), .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview){color: #FFFFFF; background-color: #7C7BAD; border-color: #7C7BAD;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview):hover, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview):hover{color: #FFFFFF; background-color: #65639e; border-color: #5f5e97;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview):focus, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview):focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).focus, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).focus{box-shadow: 0 0 0 0.2rem rgba(124, 123, 173, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).disabled, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:disabled, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview):disabled, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview):disabled{color: #FFFFFF; background-color: #7C7BAD; border-color: #7C7BAD;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.disabled):active, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview):not(:disabled):not(.disabled):active, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview):not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.disabled).active, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview):not(:disabled):not(.disabled).active, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview):not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.dropdown-toggle, .show > .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).dropdown-toggle, .product .product-heading .show > .o_ace_view_editor .cgv:not(.o_btn_preview).dropdown-toggle{color: #FFFFFF; background-color: #5f5e97; border-color: #5a598f;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview):not(:disabled):not(.disabled):active:focus, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview):not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.disabled).active:focus, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview):not(:disabled):not(.disabled).active:focus, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview):not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.dropdown-toggle:focus, .show > .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).dropdown-toggle:focus, .product .product-heading .show > .o_ace_view_editor .cgv:not(.o_btn_preview).dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(124, 123, 173, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-secondary, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-secondary{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc; color: #7C7BAD;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:hover, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-secondary:hover, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-secondary:hover{color: #212529; background-color: #e9e9e9; border-color: #e3e3e3;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:focus, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-secondary:focus, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-secondary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary.focus, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-secondary.focus, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-secondary.focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary.disabled, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-secondary.disabled, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-secondary.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:disabled, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-secondary:disabled, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-secondary:disabled{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled):active, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled):active, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled).active, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled).active, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary.dropdown-toggle, .show > .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-secondary.dropdown-toggle, .product .product-heading .show > .o_ace_view_editor .cgv:not(.o_btn_preview).btn-secondary.dropdown-toggle{color: #212529; background-color: #e3e3e3; border-color: gainsboro;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled):active:focus, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled).active:focus, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled).active:focus, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary.dropdown-toggle:focus, .show > .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-secondary.dropdown-toggle:focus, .product .product-heading .show > .o_ace_view_editor .cgv:not(.o_btn_preview).btn-secondary.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-link, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-link, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-link{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc; color: #7C7BAD;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-link:hover, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-link:hover{color: #212529; background-color: #e9e9e9; border-color: #e3e3e3;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-link:focus, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-link.focus, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-link.focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-link.disabled, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-link.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:disabled, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-link:disabled, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-link:disabled{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.dropdown-toggle, .show > .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-link.dropdown-toggle, .product .product-heading .show > .o_ace_view_editor .cgv:not(.o_btn_preview).btn-link.dropdown-toggle{color: #212529; background-color: #e3e3e3; border-color: gainsboro;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active:focus, .product .product-heading .o_ace_view_editor .cgv: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, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active:focus, .product .product-heading .o_ace_view_editor .cgv: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, .show > .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-link.dropdown-toggle:focus, .product .product-heading .show > .o_ace_view_editor .cgv: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, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-success, .product .product-heading .o_ace_view_editor .cgv: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, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-success:hover, .product .product-heading .o_ace_view_editor .cgv: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 .product .product-heading .cgv:not(.o_btn_preview).btn-success:focus, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-success.focus, .product .product-heading .o_ace_view_editor .cgv: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 .product .product-heading .cgv:not(.o_btn_preview).btn-success.disabled, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-success.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:disabled, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-success:disabled, .product .product-heading .o_ace_view_editor .cgv: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 .product .product-heading .cgv:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active, .product .product-heading .o_ace_view_editor .cgv: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, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active, .product .product-heading .o_ace_view_editor .cgv: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, .show > .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-success.dropdown-toggle, .product .product-heading .show > .o_ace_view_editor .cgv: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 .product .product-heading .cgv:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active:focus, .product .product-heading .o_ace_view_editor .cgv: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, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active:focus, .product .product-heading .o_ace_view_editor .cgv: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, .show > .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-success.dropdown-toggle:focus, .product .product-heading .show > .o_ace_view_editor .cgv: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, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-info, .product .product-heading .o_ace_view_editor .cgv: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, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-info:hover, .product .product-heading .o_ace_view_editor .cgv: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 .product .product-heading .cgv:not(.o_btn_preview).btn-info:focus, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-info.focus, .product .product-heading .o_ace_view_editor .cgv: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 .product .product-heading .cgv:not(.o_btn_preview).btn-info.disabled, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-info.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:disabled, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-info:disabled, .product .product-heading .o_ace_view_editor .cgv: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 .product .product-heading .cgv:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active, .product .product-heading .o_ace_view_editor .cgv: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, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active, .product .product-heading .o_ace_view_editor .cgv: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, .show > .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-info.dropdown-toggle, .product .product-heading .show > .o_ace_view_editor .cgv: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 .product .product-heading .cgv:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active:focus, .product .product-heading .o_ace_view_editor .cgv: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, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active:focus, .product .product-heading .o_ace_view_editor .cgv: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, .show > .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-info.dropdown-toggle:focus, .product .product-heading .show > .o_ace_view_editor .cgv: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, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-warning, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-warning{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-warning:hover, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-warning:hover{color: #212529; background-color: #ed9d2b; border-color: #ec971f;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-warning:focus, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-warning.focus, .product .product-heading .o_ace_view_editor .cgv: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 .product .product-heading .cgv:not(.o_btn_preview).btn-warning.disabled, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-warning.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:disabled, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-warning:disabled, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-warning:disabled{color: #212529; 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 .product .product-heading .cgv:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active, .product .product-heading .o_ace_view_editor .cgv: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, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active, .product .product-heading .o_ace_view_editor .cgv: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, .show > .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-warning.dropdown-toggle, .product .product-heading .show > .o_ace_view_editor .cgv:not(.o_btn_preview).btn-warning.dropdown-toggle{color: #212529; 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 .product .product-heading .cgv:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active:focus, .product .product-heading .o_ace_view_editor .cgv: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, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active:focus, .product .product-heading .o_ace_view_editor .cgv: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, .show > .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-warning.dropdown-toggle:focus, .product .product-heading .show > .o_ace_view_editor .cgv: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, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-danger, .product .product-heading .o_ace_view_editor .cgv: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, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-danger:hover, .product .product-heading .o_ace_view_editor .cgv: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 .product .product-heading .cgv:not(.o_btn_preview).btn-danger:focus, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-danger.focus, .product .product-heading .o_ace_view_editor .cgv: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 .product .product-heading .cgv:not(.o_btn_preview).btn-danger.disabled, .product .product-heading .o_ace_view_editor .cgv:not(.o_btn_preview).btn-danger.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:disabled, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-danger:disabled, .product .product-heading .o_ace_view_editor .cgv: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 .product .product-heading .cgv:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active, .product .product-heading .o_ace_view_editor .cgv: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, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active, .product .product-heading .o_ace_view_editor .cgv: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, .show > .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-danger.dropdown-toggle, .product .product-heading .show > .o_ace_view_editor .cgv: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 .product .product-heading .cgv:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active:focus, .product .product-heading .o_ace_view_editor .cgv: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, .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active:focus, .product .product-heading .o_ace_view_editor .cgv: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, .show > .o_ace_view_editor .product .product-heading .cgv:not(.o_btn_preview).btn-danger.dropdown-toggle:focus, .product .product-heading .show > .o_ace_view_editor .cgv: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%;} 

/* /website_form/static/src/scss/website_form.scss defined in bundle 'web.assets_frontend' */
 .o_website_form_flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .o_website_form_flex_item{flex-basis: 33%;} @media (max-width: 991.98px){.o_website_form_flex_item{flex-basis: 50%;}} @media (max-width: 767.98px){.o_website_form_flex_item{flex-basis: 100%;}} .o_website_form_field_hidden{display: none;} .editor_enable .o_website_form_field_hidden{display: block; opacity: 0.5;} .editor_enable .s_website_form .form-field select{pointer-events: none;} .o_website_form_required .col-form-label:after, .o_website_form_required_custom .col-form-label:after{content: ' *';} #editable_select.form-control{height: 100%;} .form-field input[type=file].form-control{height: 100%;} 

/* /web_celery/static/src/scss/mixins.scss defined in bundle 'web.assets_frontend' */
 

/* /xhg_ca_website_catalog/static/src/css/css-arrow-mixin.scss defined in bundle 'web.assets_frontend' */
 

/* /xhg_ca_website_catalog/static/src/css/mixins.scss defined in bundle 'web.assets_frontend' */
 

/* /web_celery/static/src/scss/web_celery_stages.scss defined in bundle 'web.assets_frontend' */
 .web-celery.staged-progress-bars{display: grid; grid-template-columns: 1fr;} .web-celery.staged-progress-bars > *:first-child:not(:last-child) .progress, .web-celery.staged-progress-bars > *:first-child:not(:last-child) .progress-bar{border-radius: 5px 0 0 5px; border-right: 0;} .web-celery.staged-progress-bars > *:last-child:not(:first-child) .progress, .web-celery.staged-progress-bars > *:last-child:not(:first-child) .progress-bar{border-radius: 0 5px 5px 0; border-left: 0;} .web-celery.staged-progress-bars > *:not(last-child):not(:first-child) .progress, .web-celery.staged-progress-bars > *:not(last-child):not(:first-child) .progress-bar{border-radius: 0; border-left: 0; border-right: 0;} .web-celery.staged-progress-bars .web-celery-progress-stage-0 .progress{background-color: #bababa;} .web-celery.staged-progress-bars .web-celery-progress-stage-0 .progress .progress-bar{background-color: #00A09D;} .web-celery.staged-progress-bars .web-celery-progress-stage-1 .progress{background-color: #797979;} .web-celery.staged-progress-bars .web-celery-progress-stage-1 .progress .progress-bar{background-color: #00A09D;} .web-celery.staged-progress-bars .web-celery-progress-stage-2 .progress{background-color: #bababa;} .web-celery.staged-progress-bars .web-celery-progress-stage-2 .progress .progress-bar{background-color: #00A09D;} .web-celery.staged-progress-bars .web-celery-progress-stage-3 .progress{background-color: #797979;} .web-celery.staged-progress-bars .web-celery-progress-stage-3 .progress .progress-bar{background-color: #00A09D;} .web-celery.staged-progress-bars .web-celery-progress-stage-4 .progress{background-color: #bababa;} .web-celery.staged-progress-bars .web-celery-progress-stage-4 .progress .progress-bar{background-color: #00A09D;} 

/* /xhg_ca_website_catalog/static/src/css/theme.scss defined in bundle 'web.assets_frontend' */
 .content-width, .product-price, .product-info-box-grided, .product-info-box, .price_calc, .product-info{margin: 0 auto;} .carousel-controls, .product-price .carousel-next, .product-price .carousel-prev{width: 50px; height: 50px; display: inline-block;} .text-inline-block, .product-price dl.table_header{display: inline-block;} .invalidErrorClass, input:invalid{border: 1px solid var(--red);} *:not(div)[role="alert"], *:not(div)[role="status"]{display: block; text-align: center; color: #555555; font-size: 1.1em;} form .input-with-reset{position: relative;} form .input-with-reset > input[type="search"]:not(valid) + button[type="reset"]{display: none;} form .input-with-reset > input[type="search"]:valid + button[type="reset"]{display: inline-block; background: transparent; border: none; box-shadow: none; position: absolute; top: -0.25rem; right: 0; cursor: pointer;} .search{margin-top: 60px; margin-bottom: 40px; width: 100%; background-color: var(--white-bg); position: relative; display: table;} .search nav{display: table-cell;} .search #search{text-align: right; text-align: -webkit-right; text-align: -moz-right;} .search .search-box{box-shadow: 0 0 5px rgba(200, 200, 200, 0.2); display: table-cell; white-space: nowrap; width: 100%;} .search .search-box *{font-family: Montserrat; font-style: normal; font-size: 16px; line-height: 20px;} @media (max-width: 767.98px){.search .search-box{display: none;}} .search .search-box .input-group{height: 40px;} .search .search-box .input-group > :first-child:not(input){border-radius: 0.25rem 0px 0px 0.25rem;} .search .search-box .input-group > :last-child:not(input){border-radius: 0px 0.25rem 0.25rem 0px;} .search .search-box input{border-color: var(--white); box-shadow: none; height: 100%; border: none; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; padding-left: 1rem; padding-right: 2rem;} .search .search-box button[type="submit"]{background-color: var(--white); color: var(--black); border: none;} .search .search-box button[type="submit"] i{font-family: FontAwesome;} .search .search-box button[type="submit"]:active, .search .search-box button[type="submit"]:focus{background-color: var(--white); color: var(--black); border: none;} .search .search-box button[type="submit"] i.fa-search{color: white;} .search .search-box button.dropdown-toggle{color: var(--white); background-color: var(--black);} .search .search-box button.dropdown-toggle .filter-icon{font-family: FontAwesome; margin: 0 5px;} .search .search-box button.dropdown-toggle::after{font-family: FontAwesome; content: "\f078"; border: unset; margin-right: 20px; vertical-align: baseline;} .search .search-box * > input[type="search"]:valid + button[type="reset"]{color: var(--blue); top: 0.225rem;} .search .search-box * > input[type="search"]:valid + button[type="reset"] *{font-family: FontAwesome;} .search .search-box .selected-box{background-color: var(--white);} .search .search-box .selected-box div, .search .search-box .selected-box span{padding: 10px; border: 0; background-color: var(--light-blue); color: var(--white);} .search .search-box .dropdown-item{cursor: pointer;} .search .search-box .dropdown-item.active, .search .search-box .dropdown-item:active, .search .search-box .dropdown-item:focus{background-color: var(--light-blue); color: var(--white);} .search .messages{display: table-cell; text-align: right; width: 40px;} .search .messages .fa{font-family: FontAwesome;} .product{font-size: 17px; padding-bottom: 45px;} .product section{margin-bottom: 60px;} .product section:last-of-type, .product :last-child{margin-bottom: 0;} .product .product-heading{margin-bottom: 30px;} .product .product-heading .cgv{background: var(--green); color: var(--white); text-transform: uppercase; margin-left: auto; font-size: 17px; line-height: 35px;} .product h1, .product .h1, .product h2, .product .h2, .product h3, .product .h3, .product h4, .product .h4, .product h5, .product .h5, .product h6, .product .h6, .product .h7, .product .h8, .product .h9, .product .h10, .product p, .product ul, .product ol, .product li, .product a, .product span, .product b, .product em, .product i, .product strong{color: #595959;} .product h1, .product .h1{font-size: 1.25em;} .product h2, .product .h2{font-size: 1.15em;} .product h3, .product .h3{font-size: 1.05em;} .product ul, .product ol{padding-left: 1.05em;} .product .deroule > .components > .deroule{margin: 1.15em 1em;} .product button{background-color: var(--green);} nav.product-navigation{width: 100%; justify-content: space-between;} nav.product-navigation a{width: 18px; height: 34px;} nav.product-navigation a.previous{background: no-repeat url("/xhg_ca_website_catalog/static/src/img/back.png") !important;} nav.product-navigation a.next{background: no-repeat url("/xhg_ca_website_catalog/static/src/img/next.png") !important;} .price_calc form .boolean .toggle.ios, .price_calc form .boolean .toggle-on.ios, .price_calc form .boolean .toggle-off.ios{border-radius: 20rem;} .price_calc form .boolean .toggle.ios .toggle-handle{border-radius: 20rem;} .price_calc form .datetime input{border-right: 0;} .price_calc form .datetime span{background-color: white;} .price_calc form .datetime span i{color: lightblue; font-size: 1.5em; border-left: 0;} .price_calc .button-group{flex-direction: row-reverse;} .price_calc .result{display: none; padding: 30px; margin: 1rem -30px -30px -30px; background-color: var(--white);} .price_calc .result.undefined, .price_calc .result.errored, .price_calc .result.defined{display: block;} .price_calc .result.undefined, .price_calc .result.errored{color: var(--red); font-size: 1.2rem; text-align: center;} .price_calc .result.defined{font-size: 2.75rem; text-align: right;} .price_calc .result.defined .description{font-size: 1.1rem;} @media (max-width: 767.98px){.product-info > *{max-width: 100% !important;}} .product-info h1 .code{display: block; color: var(--blue);} .product-info .gallery img{max-width: 100%; cursor: pointer;} .product-info-box, .price_calc{padding: 0; background: var(--white); border-radius: 3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);} .product-info-box .left-banner, .price_calc .left-banner{text-transform: uppercase; color: var(--white); background: var(--light-blue); text-align: center; margin: 0; position: relative; font-size: 1.3125rem; padding: 2em;} .product-info-box .left-banner:after, .price_calc .left-banner:after, .product-info-box .left-banner:before, .price_calc .left-banner:before{border: solid transparent; content: " "; display: block; height: 0; position: absolute; pointer-events: none; width: 0; margin-top: 0; top: 0;} .product-info-box .left-banner:after, .price_calc .left-banner:after{border-color: rgba(255, 255, 255, 0); border-top-color: var(--white-bg); left: 50%; margin-left: -1em; border-width: 1em;} .product-info-box .left-banner:before, .price_calc .left-banner:before{border-color: rgba(255, 255, 255, 0); border-top-color: var(--green); left: 50%; margin-left: -1em; border-width: 1em;} .product-info-box .info-box-content, .price_calc .info-box-content{color: var(--black); padding: 30px; width: 100%;} .product-info-box h3, .price_calc h3{font-family: QuickSand_Book;} .product-info-box p, .price_calc p{margin: 0;} .product-info-box-grided{padding: 0;} .product-info-box-grided .list-toggle{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; margin-top: 15px;} .product-info-box-grided .list-toggle button{font-size: 15px !important;} .product-info-box-grided .collapsible{height: 180px; overflow: hidden;} .product-info-box-grided h3{text-transform: uppercase;} .product-info-box-grided .media{align-items: center; background-color: #fff; height: 80px;} .product-info-box-grided .media img{height: 80px; max-width: 120px;} .product-info-box-grided .media .media-body .title{font-weight: bold; text-decoration: none; color: #000; font-size: 12px;} .product-info-box-grided .media .media-body .title a{margin-bottom: 3px; display: block; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; max-height: 22px; line-height: 11px;} .product-info-box-grided .media .media-body .description{max-height: 50px; font-size: 11px; line-height: 11px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; white-space: normal;} .product-price{text-align: center;} .product-price h1{text-transform: uppercase;} .product-price h2{color: var(--green); font-weight: bold;} .product-price strong{color: var(--blue); font-weight: normal; margin-left: 5px;} .product-price span{font-size: 20px; color: #595959; margin-bottom: 40px; text-transform: capitalize;} .product-price dl.table_header{border-top: 1px solid var(--green); border-bottom: 1px solid var(--green); font-size: 20px; margin: 2em 0; padding: 1.25em; display: grid; grid-auto-columns: 1fr; grid-auto-flow: row; text-align: left;} .product-price dl.table_header dd{margin-bottom: unset; padding-right: 1em;} .product-price dl.table_header dt{color: var(--green); grid-row: 1; padding-right: 1em;} .product-price .carousel-prev{background: url("/xhg_ca_website_catalog/static/src/css/../img/back.png") no-repeat; position: absolute; left: -1em; margin-top: 5.5em;} .product-price .carousel-next{background: url("/xhg_ca_website_catalog/static/src/css/../img/next.png") no-repeat; position: absolute; right: -3.5em; margin-top: 5.5em;} .product-price .table-container{overflow: auto; width: 100%;} .product-price .table-container table{text-align: start; width: 100%;} .product-price .table-container table th{text-transform: uppercase; background-color: var(--gray); padding: 2px; color: var(--black); font-weight: normal; text-align: start;} .product-price .table-container table td{font-weight: normal; color: var(--black);} .categories, .contract{margin-bottom: 50px;} .categories .btn-container, .contract .btn-container{text-align: center; width: 100%;} .categories .export-progress-information .progress-bar-container .progress, .contract .export-progress-information .progress-bar-container .progress{background-color: var(--gray); margin-top: 10px; margin-bottom: 5px; height: 9px;} .categories .export-progress-information .progress-bar-container .progress-bar-striped, .contract .export-progress-information .progress-bar-container .progress-bar-striped{background-image: none;} .categories .export-progress-information .progress-bar-container .progress-bar, .contract .export-progress-information .progress-bar-container .progress-bar{width: 1%; height: 100%; background-color: #007bff;} .categories .export-progress-information .progress-bar-container .web-celery.staged-progress-bars .web-celery-progress-stage-0 .progress, .contract .export-progress-information .progress-bar-container .web-celery.staged-progress-bars .web-celery-progress-stage-0 .progress{background-color: #b1c7d7;} .categories .export-progress-information .progress-bar-container .web-celery.staged-progress-bars .web-celery-progress-stage-0 .progress .progress-bar, .contract .export-progress-information .progress-bar-container .web-celery.staged-progress-bars .web-celery-progress-stage-0 .progress .progress-bar{background-color: #254e62;} .categories .export-progress-information .progress-bar-container .web-celery.staged-progress-bars .web-celery-progress-stage-1 .progress, .contract .export-progress-information .progress-bar-container .web-celery.staged-progress-bars .web-celery-progress-stage-1 .progress{background-color: #708285;} .categories .export-progress-information .progress-bar-container .web-celery.staged-progress-bars .web-celery-progress-stage-1 .progress .progress-bar, .contract .export-progress-information .progress-bar-container .web-celery.staged-progress-bars .web-celery-progress-stage-1 .progress .progress-bar{background-color: #254e62;} .categories .export-progress-information .progress-bar-container .web-celery.staged-progress-bars .web-celery-progress-stage-2 .progress, .contract .export-progress-information .progress-bar-container .web-celery.staged-progress-bars .web-celery-progress-stage-2 .progress{background-color: #829db6;} .categories .export-progress-information .progress-bar-container .web-celery.staged-progress-bars .web-celery-progress-stage-2 .progress .progress-bar, .contract .export-progress-information .progress-bar-container .web-celery.staged-progress-bars .web-celery-progress-stage-2 .progress .progress-bar{background-color: #254e62;} .categories .export-progress-information .progress-bar-container .web-celery.staged-progress-bars .web-celery-progress-stage-3 .progress, .contract .export-progress-information .progress-bar-container .web-celery.staged-progress-bars .web-celery-progress-stage-3 .progress{background-color: #a5d8db;} .categories .export-progress-information .progress-bar-container .web-celery.staged-progress-bars .web-celery-progress-stage-3 .progress .progress-bar, .contract .export-progress-information .progress-bar-container .web-celery.staged-progress-bars .web-celery-progress-stage-3 .progress .progress-bar{background-color: #254e62;} .categories .export-progress-information .progress-bar-container .web-celery.staged-progress-bars .web-celery-progress-stage-4 .progress, .contract .export-progress-information .progress-bar-container .web-celery.staged-progress-bars .web-celery-progress-stage-4 .progress{background-color: #829db6;} .categories .export-progress-information .progress-bar-container .web-celery.staged-progress-bars .web-celery-progress-stage-4 .progress .progress-bar, .contract .export-progress-information .progress-bar-container .web-celery.staged-progress-bars .web-celery-progress-stage-4 .progress .progress-bar{background-color: #254e62;} .categories .export-progress-information .progress-bar-container p.status-line, .contract .export-progress-information .progress-bar-container p.status-line{text-align: center;} .categories .export-progress-information .progress-bar-container.progress-failed .progress-bar, .contract .export-progress-information .progress-bar-container.progress-failed .progress-bar{background-color: var(--red);} .categories .export-progress-information .progress-bar-container.progress-failed a.cancel, .contract .export-progress-information .progress-bar-container.progress-failed a.cancel{visibility: hidden;} .categories .content, .contract .content{display: -webkit-box; display: -webkit-flex; display: flex; width: 100%;} .categories .content .category-tree.sidebar, .contract .content .category-tree.sidebar{border-right: 1px solid lightgray; padding-right: 0; max-width: 250px; min-width: 250px;} @media (max-width: 767.98px){.categories .content .category-tree.sidebar, .contract .content .category-tree.sidebar{display: none;}} .categories .content .category-tree.sidebar, .categories .content .category-tree.sidebar ul.sub-categories, .contract .content .category-tree.sidebar, .contract .content .category-tree.sidebar ul.sub-categories{padding-left: 0 !important;} .categories .content .category-tree.sidebar ul.sub-categories, .contract .content .category-tree.sidebar ul.sub-categories{border-right: 0;} .categories .content .category-tree.sidebar li, .contract .content .category-tree.sidebar li{list-style-type: none;} .categories .content .category-tree.sidebar .category-link > .category, .contract .content .category-tree.sidebar .category-link > .category{color: var(--blue); text-transform: uppercase; font-size: 1.29em; margin-bottom: 10px;} .categories .content .category-tree.sidebar .sub-categories a.category, .contract .content .category-tree.sidebar .sub-categories a.category{padding-left: 10px; color: black; font-size: 1.2857142857142858em; text-transform: none;} .categories .content .category-tree.sidebar .category, .contract .content .category-tree.sidebar .category{display: block;} .categories .content .category-tree.sidebar .category:hover, .contract .content .category-tree.sidebar .category:hover{background: var(--light-blue);} .categories .content .category-tree.sidebar .active > .category, .contract .content .category-tree.sidebar .active > .category{border-right: 1px solid white; margin-right: -1px; position: relative;} .categories .content .category-tree.sidebar .active > .category:after, .categories .content .category-tree.sidebar .active > .category:before, .contract .content .category-tree.sidebar .active > .category:after, .contract .content .category-tree.sidebar .active > .category:before{border: solid transparent; content: " "; display: block; height: 0; position: absolute; pointer-events: none; width: 0; margin-right: 0; right: 0;} .categories .content .category-tree.sidebar .active > .category:after, .contract .content .category-tree.sidebar .active > .category:after{border-color: rgba(255, 255, 255, 0); border-right-color: white; top: 50%; margin-top: -13px; border-width: 13px;} .categories .content .category-tree.sidebar .active > .category:before, .contract .content .category-tree.sidebar .active > .category:before{border-color: rgba(255, 255, 255, 0); border-right-color: black; top: 50%; margin-top: -13px; border-width: 13px;} .categories .content .product-container, .contract .content .product-container{position: relative; margin-left: 15px; width: 100%;} .categories .content .product-container .product-header, .contract .content .product-container .product-header{display: -webkit-box; display: -webkit-flex; display: flex; min-height: 45px !important; text-align: left; font-size: 1em;} .categories .content .product-container .product-header p, .contract .content .product-container .product-header p{text-transform: uppercase; color: #595959; display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px;} .categories .content .product-container .product-header button, .contract .content .product-container .product-header button{margin-left: auto; margin-bottom: 15px; width: 200px; font-family: QuickSand_Book; font-size: 20px; color: white; background: var(--green); text-transform: uppercase; border: 0; line-height: 32px; height: 40px;} .categories .content .product-container .product-header button:hover, .contract .content .product-container .product-header button:hover{color: black;} .categories .content .product-container .products-grid, .contract .content .product-container .products-grid{border-bottom: 1px solid rgba(100, 100, 100, 0.2); width: 100%; display: table; font-family: Arial; font-size: 1.1rem;} .categories .content .product-container .products-grid .product-row, .contract .content .product-container .products-grid .product-row{display: table-row;} .categories .content .product-container .products-grid .product-row > *, .contract .content .product-container .products-grid .product-row > *{border-top: 1px solid lightgray; padding-top: 10px; padding-bottom: 10px;} .categories .content .product-container .products-grid .product-row > *:not(:last-child), .contract .content .product-container .products-grid .product-row > *:not(:last-child){margin-right: 1em;} .categories .content .product-container .products-grid .product-row .code, .contract .content .product-container .products-grid .product-row .code{color: var(--blue); display: table-cell; min-width: 2em;} .categories .content .product-container .products-grid .product-row .name, .contract .content .product-container .products-grid .product-row .name{color: var(--black); display: table-cell;} .categories .content .product-container .products-grid .product-row .name:hover, .contract .content .product-container .products-grid .product-row .name:hover{color: #23527c; text-decoration: underline;} .categories .content .product-container .products-grid .product-row .category, .contract .content .product-container .products-grid .product-row .category{text-align: right; color: var(--blue); display: table-cell; min-width: 3em;} .categories .content .product-container .products_pager, .contract .content .product-container .products_pager{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; text-align: center; border-bottom: 1px solid rgba(100, 100, 100, 0.2);} .categories .content .product-container .products_pager .pagination, .contract .content .product-container .products_pager .pagination{padding-left: 0; border-radius: 0.25rem; padding: 20px 0;} .categories .content .product-container .products_pager .pagination li > a, .contract .content .product-container .products_pager .pagination li > a{border: 0px !important; color: #999999; font-weight: bold;} .categories .content .product-container .products_pager .pagination .active > a, .contract .content .product-container .products_pager .pagination .active > a{background-color: transparent; color: #9dd8d7;} .categories .content .product-container .pager-nums, .contract .content .product-container .pager-nums{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; padding: 10px; color: #595959;} section.price-table-wizard form .form-group{width: 45%; display: inline-table; margin: 5px 10px;} section.price-table-wizard form .form-group > label{margin: 0; display: table-cell; width: 40%;} section.price-table-wizard form .form-group > span, section.price-table-wizard form .form-group > input, section.price-table-wizard form .form-group > span .o_datepicker{width: 100%;} .product-info-box.deroule a, .deroule.price_calc a{color: #7c7bad;} .product-info-box.deroule a:hover, .deroule.price_calc a:hover{color: black; text-decoration: underline;} section.product-price div#prices{display: none;} .cra_breadcrumb{background-color: var(--white-bg); list-style: none; position: relative; box-shadow: 0 0 4px 1px rgba(200, 200, 200, 0.2); width: max-content;} .cra_breadcrumb i.fa-angle-right{color: var(--light-blue); line-height: 40px; margin-left: -4px; margin-right: -1px; background-color: var(--white);} .cra_breadcrumb i.fa-angle-right:last-of-type, .cra_breadcrumb i.fa-angle-right:nth-last-of-type(2){display: none;} .cra_breadcrumb li{display: inline-block; background-color: var(--white); margin-left: -3px; padding: 10px 0; height: 40px;} .cra_breadcrumb li:first-child, .cra_breadcrumb li:only-child{border-top-left-radius: 3px; border-bottom-left-radius: 3px; padding-left: 0;} .cra_breadcrumb li:first-child a, .cra_breadcrumb li:first-child span, .cra_breadcrumb li:only-child a, .cra_breadcrumb li:only-child span{color: var(--light-blue) !important; font-size: 15px;} .cra_breadcrumb li:last-of-type:not(:only-child){background-color: var(--light-blue);} .cra_breadcrumb li:last-of-type:not(:only-child) a, .cra_breadcrumb li:last-of-type:not(:only-child) span{color: var(--white); margin-left: 10px;} .cra_breadcrumb li:last-of-type:not(:only-child)::after, .cra_breadcrumb li:last-of-type:not(:only-child)::before{content: ""; position: absolute; height: 40px; width: 15px; top: 0; display: inline-block;} .cra_breadcrumb li:last-of-type:not(:only-child)::before{background-image: url("/xhg_ca_website_catalog/static/src/img/breadcrumb_white.png");} .cra_breadcrumb li:last-of-type:not(:only-child)::after{background-image: url("/xhg_ca_website_catalog/static/src/img/breadcrumb_blue.png"); left: 100%;} .cra_breadcrumb li a, .cra_breadcrumb li span{font-family: Montserrat; font-style: normal; font-size: 14px; line-height: 16px; color: var(--light-blue); padding: 0 15px; margin-top: 5px;} 

/* /xopgi_gallery_mixin/static/src/js/lib/lightgallery.min.css defined in bundle 'web.assets_frontend' */
 @font-face{font-family: lg; src: url(/xopgi_gallery_mixin/static/src/js/lib/../fonts/lg.eot?n1z373); src: url(/xopgi_gallery_mixin/static/src/js/lib/../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"), url(/xopgi_gallery_mixin/static/src/js/lib/../fonts/lg.woff?n1z373) format("woff"), url(/xopgi_gallery_mixin/static/src/js/lib/../fonts/lg.ttf?n1z373) format("truetype"), url(/xopgi_gallery_mixin/static/src/js/lib/../fonts/lg.svg?n1z373#lg) format("svg"); font-weight: 400; font-style: normal;} .lg-icon{font-family: lg; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .lg-actions .lg-next, .lg-actions .lg-prev{background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; border: none; outline: 0;} .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled{pointer-events: none; opacity: .5;} .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover{color: #fff;} .lg-actions .lg-next{right: 20px;} .lg-actions .lg-next:before{content: "\e095";} .lg-actions .lg-prev{left: 20px;} .lg-actions .lg-prev:after{content: "\e094";} @-webkit-keyframes lg-right-end{0%{left: 0;}50%{left: -30px;}100%{left: 0;}} @-moz-keyframes lg-right-end{0%{left: 0;}50%{left: -30px;}100%{left: 0;}} @-ms-keyframes lg-right-end{0%{left: 0;}50%{left: -30px;}100%{left: 0;}} @keyframes lg-right-end{0%{left: 0;}50%{left: -30px;}100%{left: 0;}} @-webkit-keyframes lg-left-end{0%{left: 0;}50%{left: 30px;}100%{left: 0;}} @-moz-keyframes lg-left-end{0%{left: 0;}50%{left: 30px;}100%{left: 0;}} @-ms-keyframes lg-left-end{0%{left: 0;}50%{left: 30px;}100%{left: 0;}} @keyframes lg-left-end{0%{left: 0;}50%{left: 30px;}100%{left: 0;}} .lg-outer.lg-right-end .lg-object{-webkit-animation: lg-right-end .3s; -o-animation: lg-right-end .3s; animation: lg-right-end .3s; position: relative;} .lg-outer.lg-left-end .lg-object{-webkit-animation: lg-left-end .3s; -o-animation: lg-left-end .3s; animation: lg-left-end .3s; position: relative;} .lg-toolbar{z-index: 1082; left: 0; position: absolute; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.45);} .lg-toolbar .lg-icon{color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium none; -webkit-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear;} .lg-toolbar .lg-icon:hover{color: #fff;} .lg-toolbar .lg-close:after{content: "\e070";} .lg-toolbar .lg-download:after{content: "\e0f2";} .lg-sub-html{background-color: rgba(0, 0, 0, 0.45); bottom: 0; color: #eee; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080;} .lg-sub-html h4{margin: 0; font-size: 13px; font-weight: 700;} .lg-sub-html p{font-size: 12px; margin: 5px 0 0;} #lg-counter{color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle;} .lg-next, .lg-prev, .lg-toolbar{opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;} .lg-hide-items .lg-prev{opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);} .lg-hide-items .lg-next{opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);} .lg-hide-items .lg-toolbar{opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);} body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%;} body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1;} .lg-outer .lg-thumb-outer{background-color: #0d0a0a; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;} .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab;} .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing;} .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration: 0s !important; transition-duration: 0s !important;} .lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .lg-outer .lg-thumb{padding: 10px 0; height: 100%; margin-bottom: -5px;} .lg-outer .lg-thumb-item{border-radius: 5px; cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #fff; border-radius: 4px; margin-bottom: 5px;} @media (min-width: 1025px){.lg-outer .lg-thumb-item{-webkit-transition: border-color .25s ease; -o-transition: border-color .25s ease; transition: border-color .25s ease;}} .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover{border-color: #a90707;} .lg-outer .lg-thumb-item img{width: 100%; height: 100%; object-fit: cover;} .lg-outer.lg-has-thumb .lg-item{padding-bottom: 120px;} .lg-outer.lg-can-toggle .lg-item{padding-bottom: 0;} .lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition: bottom .25s ease; -o-transition: bottom .25s ease; transition: bottom .25s ease;} .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom: 100px;} .lg-outer .lg-toogle-thumb{background-color: #0d0a0a; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px;} .lg-outer .lg-toogle-thumb:after{content: "\e1ff";} .lg-outer .lg-toogle-thumb:hover{color: #fff;} .lg-outer .lg-video-cont{display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px;} .lg-outer .lg-video{width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative;} .lg-outer .lg-video .lg-object{display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;} .lg-outer .lg-video .lg-video-play{width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer;} .lg-outer .lg-has-iframe .lg-video{-webkit-overflow-scrolling: touch; overflow: auto;} .lg-outer .lg-has-vimeo .lg-video-play{background: url(/xopgi_gallery_mixin/static/src/js/lib/../img/vimeo-play.png) no-repeat scroll 0 0 transparent;} .lg-outer .lg-has-vimeo:hover .lg-video-play{background: url(/xopgi_gallery_mixin/static/src/js/lib/../img/vimeo-play.png) no-repeat scroll 0 -58px transparent;} .lg-outer .lg-has-html5 .lg-video-play{background: transparent url(/xopgi_gallery_mixin/static/src/js/lib/../img/video-play.png) no-repeat scroll 0 0; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: .8;} .lg-outer .lg-has-html5:hover .lg-video-play{opacity: 1;} .lg-outer .lg-has-youtube .lg-video-play{background: url(/xopgi_gallery_mixin/static/src/js/lib/../img/youtube-play.png) no-repeat scroll 0 0 transparent;} .lg-outer .lg-has-youtube:hover .lg-video-play{background: url(/xopgi_gallery_mixin/static/src/js/lib/../img/youtube-play.png) no-repeat scroll 0 -60px transparent;} .lg-outer .lg-video-object{width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0;} .lg-outer .lg-has-video .lg-video-object{visibility: hidden;} .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play{display: none;} .lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility: visible;} .lg-progress-bar{background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; -webkit-transition: opacity 80ms ease 0s; -moz-transition: opacity 80ms ease 0s; -o-transition: opacity 80ms ease 0s; transition: opacity 80ms ease 0s;} .lg-progress-bar .lg-progress{background-color: #a90707; height: 5px; width: 0;} .lg-progress-bar.lg-start .lg-progress{width: 100%;} .lg-show-autoplay .lg-progress-bar{opacity: 1;} .lg-autoplay-button:after{content: "\e01d";} .lg-show-autoplay .lg-autoplay-button:after{content: "\e01a";} .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration: 0s; transition-duration: 0s;} .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;} .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;} .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;} .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;} #lg-zoom-in:after{content: "\e311";} #lg-actual-size{font-size: 20px;} #lg-actual-size:after{content: "\e033";} #lg-zoom-out{opacity: .5; pointer-events: none;} #lg-zoom-out:after{content: "\e312";} .lg-zoomed #lg-zoom-out{opacity: 1; pointer-events: auto;} .lg-outer .lg-pager-outer{bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px;} .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow: visible;} .lg-outer .lg-pager-cont{cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px;} .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow: 0 0 0 2px #fff inset;} .lg-outer .lg-pager-thumb-cont{background-color: #fff; color: #fff; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity .15s ease 0s,-webkit-transform .15s ease 0s; -moz-transition: opacity .15s ease 0s,-moz-transform .15s ease 0s; -o-transition: opacity .15s ease 0s,-o-transform .15s ease 0s; transition: opacity .15s ease 0s,transform .15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);} .lg-outer .lg-pager-thumb-cont img{width: 100%; height: 100%;} .lg-outer .lg-pager{background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow .3s ease 0s; -o-transition: box-shadow .3s ease 0s; transition: box-shadow .3s ease 0s; width: 12px;} .lg-outer .lg-pager:focus, .lg-outer .lg-pager:hover{box-shadow: 0 0 0 8px #fff inset;} .lg-outer .lg-caret{border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0;} .lg-fullscreen:after{content: "\e20c";} .lg-fullscreen-on .lg-fullscreen:after{content: "\e20d";} .lg-outer #lg-dropdown-overlay{background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1081; opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear .18s,opacity .18s linear 0s; -o-transition: visibility 0s linear .18s,opacity .18s linear 0s; transition: visibility 0s linear .18s,opacity .18s linear 0s;} .lg-outer.lg-dropdown-active #lg-dropdown-overlay, .lg-outer.lg-dropdown-active .lg-dropdown{-webkit-transition-delay: 0s; transition-delay: 0s; -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; visibility: visible;} .lg-outer.lg-dropdown-active #lg-share{color: #fff;} .lg-outer .lg-dropdown{background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -moz-transform: translate3d(0, 5px, 0); -o-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); -webkit-transition: -webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s; -moz-transition: -moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s; -o-transition: -o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s; transition: transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;} .lg-outer .lg-dropdown:after{content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #fff; right: 16px; top: -16px;} .lg-outer .lg-dropdown > li:last-child{margin-bottom: 0;} .lg-outer .lg-dropdown > li:hover .lg-icon, .lg-outer .lg-dropdown > li:hover a{color: #333;} .lg-outer .lg-dropdown a{color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px;} .lg-outer .lg-dropdown a:hover{background-color: rgba(0, 0, 0, 0.07);} .lg-outer .lg-dropdown .lg-dropdown-text{display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle;} .lg-outer .lg-dropdown .lg-icon{color: #333; display: inline-block; float: none; font-size: 20px; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto;} .lg-outer #lg-share{position: relative;} .lg-outer #lg-share:after{content: "\e80d";} .lg-outer #lg-share-facebook .lg-icon{color: #3b5998;} .lg-outer #lg-share-facebook .lg-icon:after{content: "\e901";} .lg-outer #lg-share-twitter .lg-icon{color: #00aced;} .lg-outer #lg-share-twitter .lg-icon:after{content: "\e904";} .lg-outer #lg-share-googleplus .lg-icon{color: #dd4b39;} .lg-outer #lg-share-googleplus .lg-icon:after{content: "\e902";} .lg-outer #lg-share-pinterest .lg-icon{color: #cb2027;} .lg-outer #lg-share-pinterest .lg-icon:after{content: "\e903";} .lg-group:after{content: ""; display: table; clear: both;} .lg-outer{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; text-align: left; opacity: 0; -webkit-transition: opacity .15s ease 0s; -o-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s;} .lg-outer *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lg-outer.lg-visible{opacity: 1;} .lg-outer.lg-css3 .lg-item.lg-current, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important;} .lg-outer.lg-css3.lg-dragging .lg-item.lg-current, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1;} .lg-outer.lg-grab img.lg-object{cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab;} .lg-outer.lg-grabbing img.lg-object{cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing;} .lg-outer .lg{height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%;} .lg-outer .lg-inner{width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap;} .lg-outer .lg-item{background: url(/xopgi_gallery_mixin/static/src/js/lib/../img/loading.gif) no-repeat scroll center center transparent; display: none !important;} .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css3 .lg-prev-slide{display: inline-block !important;} .lg-outer.lg-css .lg-current{display: inline-block !important;} .lg-outer .lg-img-wrap, .lg-outer .lg-item{display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%;} .lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before{content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px;} .lg-outer .lg-img-wrap{position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0;} .lg-outer .lg-item.lg-complete{background-image: none;} .lg-outer .lg-item.lg-current{z-index: 1060;} .lg-outer .lg-image{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important;} .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity: 0; -webkit-transition: opacity .15s ease 0s; -o-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s;} .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity: 1;} .lg-outer .lg-empty-html{display: none;} .lg-outer.lg-hide-download #lg-download{display: none;} .lg-backdrop{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #000; opacity: 0; -webkit-transition: opacity .15s ease 0s; -o-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s;} .lg-backdrop.in{opacity: 1;} .lg-css3.lg-no-trans .lg-current, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important;} .lg-css3.lg-use-css3 .lg-item{-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;} .lg-css3.lg-use-left .lg-item{-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;} .lg-css3.lg-fade .lg-item{opacity: 0;} .lg-css3.lg-fade .lg-item.lg-current{opacity: 1;} .lg-css3.lg-fade .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition: opacity .1s ease 0s; -moz-transition: opacity .1s ease 0s; -o-transition: opacity .1s ease 0s; transition: opacity .1s ease 0s;} .lg-css3.lg-slide.lg-use-css3 .lg-item{opacity: 0;} .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);} .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;} .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;} .lg-css3.lg-slide.lg-use-left .lg-item{opacity: 0; position: absolute; left: 0;} .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left: -100%;} .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left: 100%;} .lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left: 0; opacity: 1;} .lg-css3.lg-slide.lg-use-left .lg-item.lg-current, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;} .gallery > ul{margin-bottom: 0;} ul.gallery > li{float: left; list-style: none;} ul.gallery > li a{border: 3px solid #fff; border-radius: 3px; display: block; overflow: hidden; position: relative; float: left; width: 100%; height: 100%;} ul.gallery > li a > img{-webkit-transition: -webkit-transform .15s ease 0s; -moz-transition: -moz-transform .15s ease 0s; -o-transition: -o-transform .15s ease 0s; transition: transform .15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height: 100%; width: 100%;} ul.gallery > li a:hover > img{-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);} ul.gallery > li a:hover .gallery-poster > img{opacity: 1;} ul.gallery > li a .gallery-poster{background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color .15s ease 0s; -o-transition: background-color .15s ease 0s; transition: background-color .15s ease 0s;} .gallery > ul > li a .gallery-poster > img{left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity .3s ease 0s; -o-transition: opacity .3s ease 0s; transition: opacity .3s ease 0s;} ul.gallery > li a:hover .gallery-poster{background-color: rgba(0, 0, 0, 0.5);} ul.gallery .justified-gallery > a > img{-webkit-transition: -webkit-transform .15s ease 0s; -moz-transition: -moz-transform .15s ease 0s; -o-transition: -o-transform .15s ease 0s; transition: transform .15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height: 100%; width: 100%;} .gallery .justified-gallery > a:hover > img{-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);} .gallery .justified-gallery > a:hover .gallery-poster > img{opacity: 1;} .gallery .justified-gallery > a .gallery-poster{background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color .15s ease 0s; -o-transition: background-color .15s ease 0s; transition: background-color .15s ease 0s;} .gallery .justified-gallery > a .gallery-poster > img{left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity .3s ease 0s; -o-transition: opacity .3s ease 0s; transition: opacity .3s ease 0s;} .gallery .justified-gallery > a:hover .gallery-poster{background-color: rgba(0, 0, 0, 0.5);} .gallery .video .gallery-poster img{height: 48px; margin-left: -24px; margin-top: -24px; opacity: .8; width: 48px;} .gallery.dark > ul > li a{border: 3px solid #04070a;} .home .gallery{padding-bottom: 80px;} 

/* /web_bootstrap_datetimepicker/static/src/css/bootstrap-datetimepicker.min.css defined in bundle 'web.assets_frontend' */
.bootstrap-datetimepicker-widget{list-style:none} .bootstrap-datetimepicker-widget.dropdown-menu{display:block;margin:2px 0;padding:4px;width:19em} @media (min-width:576px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}} @media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}} @media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}} .bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute} .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px} .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px} .bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px} .bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px} .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px} .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px} .bootstrap-datetimepicker-widget .list-unstyled{margin:0} .bootstrap-datetimepicker-widget a[data-action]{padding:6px 0} .bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none} .bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0} .bootstrap-datetimepicker-widget button[data-action]{padding:6px} .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"} .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"} .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"} .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"} .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"} .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"} .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"} .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"} .bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"} .bootstrap-datetimepicker-widget .picker-switch{text-align:center} .bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"} .bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit} .bootstrap-datetimepicker-widget .picker-switch td span,.bootstrap-datetimepicker-widget .picker-switch td i{line-height:2.5;height:2.5em;width:100%} .bootstrap-datetimepicker-widget table{width:100%;margin:0} .bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:.25rem;padding:.5em} .bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px} .bootstrap-datetimepicker-widget table th.picker-switch{width:145px} .bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#dee2e6;cursor:not-allowed} .bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"} .bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"} .bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer} .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#f8f9fa} .bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px} .bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#dee2e6} .bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px} .bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#f8f9fa;cursor:pointer} .bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#dee2e6} .bootstrap-datetimepicker-widget table td.today{position:relative} .bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#dee2e6;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px} .bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#dee2e6;color:#007bff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)} .bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff} .bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#dee2e6;cursor:not-allowed} .bootstrap-datetimepicker-widget table td span,.bootstrap-datetimepicker-widget table td i{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:.25rem} .bootstrap-datetimepicker-widget table td span:hover,.bootstrap-datetimepicker-widget table td i:hover{background:#f8f9fa} .bootstrap-datetimepicker-widget table td span.active,.bootstrap-datetimepicker-widget table td i.active{background-color:#dee2e6;color:#007bff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)} .bootstrap-datetimepicker-widget table td span.old,.bootstrap-datetimepicker-widget table td i.old{color:#dee2e6} .bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td i.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover,.bootstrap-datetimepicker-widget table td i.disabled:hover{background:none;color:#dee2e6;cursor:not-allowed} .bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px} .bootstrap-datetimepicker-widget.wider{width:21em} .bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important} .input-group.date .input-group-addon{cursor:pointer} .input-group.date .input-group-text{cursor:pointer} .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0} 

/* /web_bootstrap_toggle/static/src/css/bootstrap-toggle.min.css defined in bundle 'web.assets_frontend' */
.btn-group-xs>.btn,.btn-xs{padding:.35rem .4rem .25rem .4rem;font-size:.875rem;line-height:.5;border-radius:.2rem} .checkbox label .toggle,.checkbox-inline .toggle{margin-left:-1.25rem;margin-right:.35rem} .toggle{position:relative;overflow:hidden} .toggle.btn.btn-light,.toggle.btn.btn-outline-light{border-color:rgba(0,0,0,.15)} .toggle input[type=checkbox]{display:none} .toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none} .toggle-group label,.toggle-group span{cursor:pointer} .toggle.off .toggle-group{left:-100%} .toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0} .toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0;box-shadow:none} .toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px;background-color:#fff} .toggle.btn-outline-primary .toggle-handle{background-color:var(--primary);border-color:var(--primary)} .toggle.btn-outline-secondary .toggle-handle{background-color:var(--secondary);border-color:var(--secondary)} .toggle.btn-outline-success .toggle-handle{background-color:var(--success);border-color:var(--success)} .toggle.btn-outline-danger .toggle-handle{background-color:var(--danger);border-color:var(--danger)} .toggle.btn-outline-warning .toggle-handle{background-color:var(--warning);border-color:var(--warning)} .toggle.btn-outline-info .toggle-handle{background-color:var(--info);border-color:var(--info)} .toggle.btn-outline-light .toggle-handle{background-color:var(--light);border-color:var(--light)} .toggle.btn-outline-dark .toggle-handle{background-color:var(--dark);border-color:var(--dark)} .toggle[class*=btn-outline]:hover .toggle-handle{background-color:var(--light);opacity:.5} .toggle.btn{min-width:3.7rem;min-height:2.15rem} .toggle-on.btn{padding-right:1.5rem} .toggle-off.btn{padding-left:1.5rem} .toggle.btn-lg{min-width:5rem;min-height:2.815rem} .toggle-on.btn-lg{padding-right:2rem} .toggle-off.btn-lg{padding-left:2rem} .toggle-handle.btn-lg{width:2.5rem} .toggle.btn-sm{min-width:3.125rem;min-height:1.938rem} .toggle-on.btn-sm{padding-right:1rem} .toggle-off.btn-sm{padding-left:1rem} .toggle.btn-xs{min-width:2.19rem;min-height:1.375rem} .toggle-on.btn-xs{padding-right:.8rem} .toggle-off.btn-xs{padding-left:.8rem} .toggle-off.ios,.toggle-on.ios,.toggle.ios{border-radius:20rem} .toggle.ios .toggle-handle{border-radius:20rem} 

/* /xhg_ca_website_theme/static/src/css/fonts.css defined in bundle 'web.assets_frontend' */
@font-face{font-family: KGEyesWideOpen; src: url("/xhg_ca_website_theme/static/src/css/../fonts/KGEyesWideOpen.ttf");} @font-face{font-family: NexaRustSans-Black; src: url("/xhg_ca_website_theme/static/src/css/../fonts/NexaRustSans-Black.otf");} @font-face{font-family: "Montserrat"; font-style: normal; font-weight: 100 900; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Montserrat/Montserrat-VariableFont_wght.ttf") format("truetype");} @font-face{font-family: "Montserrat"; font-style: italic; font-weight: 100 900; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf") format("truetype");} @font-face{font-family: "Montserrat"; font-style: normal; font-weight: 100; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Montserrat/static/Montserrat-Thin.ttf") format("truetype");} @font-face{font-family: "Montserrat"; font-style: normal; font-weight: 200; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Montserrat/static/Montserrat-ExtraLight.ttf") format("truetype");} @font-face{font-family: "Montserrat"; font-style: normal; font-weight: 300; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Montserrat/static/Montserrat-Light.ttf") format("truetype");} @font-face{font-family: "Montserrat"; font-style: normal; font-weight: 400; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Montserrat/static/Montserrat-Regular.ttf") format("truetype");} @font-face{font-family: "Montserrat"; font-style: normal; font-weight: 500; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Montserrat/static/Montserrat-Medium.ttf") format("truetype");} @font-face{font-family: "Montserrat"; font-style: normal; font-weight: 600; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Montserrat/static/Montserrat-SemiBold.ttf") format("truetype");} @font-face{font-family: "Montserrat"; font-style: normal; font-weight: 700; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Montserrat/static/Montserrat-Bold.ttf") format("truetype");} @font-face{font-family: "Montserrat"; font-style: normal; font-weight: 800; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Montserrat/static/Montserrat-ExtraBold.ttf") format("truetype");} @font-face{font-family: "Montserrat"; font-style: normal; font-weight: 900; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Montserrat/static/Montserrat-Black.ttf") format("truetype");} @font-face{font-family: "Montserrat"; font-style: italic; font-weight: 100; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Montserrat/static/Montserrat-ThinItalic.ttf") format("truetype");} @font-face{font-family: "Montserrat"; font-style: italic; font-weight: 200; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Montserrat/static/Montserrat-ExtraLightItalic.ttf") format("truetype");} @font-face{font-family: "Montserrat"; font-style: italic; font-weight: 300; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Montserrat/static/Montserrat-LightItalic.ttf") format("truetype");} @font-face{font-family: "Montserrat"; font-style: italic; font-weight: 400; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Montserrat/static/Montserrat-Italic.ttf") format("truetype");} @font-face{font-family: "Montserrat"; font-style: italic; font-weight: 500; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Montserrat/static/Montserrat-MediumItalic.ttf") format("truetype");} @font-face{font-family: "Montserrat"; font-style: italic; font-weight: 600; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Montserrat/static/Montserrat-SemiBoldItalic.ttf") format("truetype");} @font-face{font-family: "Montserrat"; font-style: italic; font-weight: 700; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Montserrat/static/Montserrat-BoldItalic.ttf") format("truetype");} @font-face{font-family: "Montserrat"; font-style: italic; font-weight: 800; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Montserrat/static/Montserrat-ExtraBoldItalic.ttf") format("truetype");} @font-face{font-family: "Montserrat"; font-style: italic; font-weight: 900; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Montserrat/static/Montserrat-BlackItalic.ttf") format("truetype");} @font-face{font-family: "Quicksand"; font-style: normal; font-weight: 100 900; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Quicksand/Quicksand-VariableFont_wght.ttf") format("truetype");} @font-face{font-family: "Quicksand"; font-style: normal; font-weight: 300; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Quicksand/static/Quicksand-Light.ttf") format("truetype");} @font-face{font-family: "Quicksand"; font-style: normal; font-weight: 400; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Quicksand/static/Quicksand-Regular.ttf") format("truetype");} @font-face{font-family: "Quicksand"; font-style: normal; font-weight: 500; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Quicksand/static/Quicksand-Medium.ttf") format("truetype");} @font-face{font-family: "Quicksand"; font-style: normal; font-weight: 600; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Quicksand/static/Quicksand-SemiBold.ttf") format("truetype");} @font-face{font-family: "Quicksand"; font-style: normal; font-weight: 700; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Quicksand/static/Quicksand-Bold.ttf") format("truetype");} @font-face{font-family: "Quicksand_Book"; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Quicksand/static/Quicksand-Light.ttf") format("truetype");} @font-face{font-family: "Quicksand_Bold"; font-family: 500; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Quicksand/static/Quicksand-Medium.ttf") format("truetype");} @font-face{font-family: "Quicksand_Bold"; font-family: 600; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Quicksand/static/Quicksand-SemiBold.ttf") format("truetype");} @font-face{font-family: "Quicksand_Bold"; font-family: 700; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Quicksand/static/Quicksand-Bold.ttf") format("truetype");} @font-face{font-family: "Montserrat_Bold"; src: url("/xhg_ca_website_theme/static/src/css/../fonts/Montserrat/static/Montserrat-Bold.ttf") format("truetype");} 

/* /xhg_ca_website_theme/static/src/css/theme.scss defined in bundle 'web.assets_frontend' */
 :root{--blue: #033bad; --mid-blue: #0091e3; --white: #fff; --white-bg: #f5f9fa; --orange: #e6b82e; --black: #3c3c3c; --red: #d85050; --green: #51bc8e; --gray: #d3d3d3; --light-blue: #40d9e8; --light-green: #70dec8; --link-active: #9dd9d9;} .disable-scroll{height: 100%; overflow: hidden;} .hidden{display: none !important;} @keyframes slide-down{0%{transform: translateY(-100%);}100%{transform: translateY(0);}} body{font-family: Montserrat; color: var(--black); font-style: normal;} button{cursor: pointer;} a:hover{text-decoration: none;} details > summary:first-of-type{list-style-type: none;} details summary::-webkit-details-marker{display: none;} input:focus, select:focus, textarea:focus, a:focus, button:focus{outline: none;} .s_title_default h1, .s_title_default h2, .s_title_default font{text-transform: uppercase; font-family: Quicksand; font-weight: 400;} #wrapwrap{background: var(--white); margin: 0 auto; width: 100%;} #wrapwrap main{padding: 0 10.93%; margin-bottom: 60px;} @media (max-width: 1600px){#wrapwrap main{padding: 0 3.5%;}} #wrapwrap footer.bg-light{padding: 0 40px; background-color: unset !important;} #wrapwrap nav > ul{padding: 0;} .oe_website_login_container, .contactus-backdrop{background: var(--black); height: 100%; z-index: 1150; top: auto; position: fixed; left: 0; right: 0;} .oe_website_login_container .close, .contactus-backdrop .close{opacity: 1; color: var(--white); position: absolute; right: 1.5rem; top: 0.5rem; font-size: 2.5rem; font-weight: lighter;} .oe_website_login_container .close:after, .contactus-backdrop .close:after{content: "\00d7";} .oe_website_login_container form, .contactus-backdrop form{margin: 0 !important; height: 100%; position: relative; margin: 0 auto; background-color: var(--light-blue); float: right; text-align: center; color: var(--white); max-width: 500px; padding: 0 80px;} .oe_website_login_container form h2, .contactus-backdrop form h2{margin: 0; margin-top: 4rem; font-size: 36px;} .oe_website_login_container form a, .contactus-backdrop form a{color: var(--white); text-decoration: underline;} .oe_website_login_container form .form-group div, .contactus-backdrop form .form-group div{margin: 2px auto;} .oe_website_login_container form textarea, .contactus-backdrop form textarea{height: 180px;} .oe_website_login_container form .form-group, .oe_website_login_container form .btn-primary, .oe_website_login_container form .product .product-heading .cgv, .product .product-heading .oe_website_login_container form .cgv, .contactus-backdrop form .form-group, .contactus-backdrop form .btn-primary, .contactus-backdrop form .product .product-heading .cgv, .product .product-heading .contactus-backdrop form .cgv{text-transform: uppercase;} .oe_website_login_container form .form-group, .contactus-backdrop form .form-group{font-size: 15px; line-height: 20px;} .oe_website_login_container form .btn-primary, .oe_website_login_container form .product .product-heading .cgv, .product .product-heading .oe_website_login_container form .cgv, .contactus-backdrop form .btn-primary, .contactus-backdrop form .product .product-heading .cgv, .product .product-heading .contactus-backdrop form .cgv{list-style: outside none none; background-color: var(--black); color: var(--white); height: 55px; line-height: 55px; width: 65%; margin: 15px auto; font-size: 22px; padding: 0 10px; text-align: center;} .oe_website_login_container form .btn-link, .contactus-backdrop form .btn-link{color: var(--white);} .oe_website_login_container form h2{margin-bottom: 2rem;} .hidden.o_editable{display: inline !important;} header{display: initial !important; background-color: var(--white); background: linear-gradient(180deg, var(--white) 95%, var(--white-bg) 100%);} header nav.navbar{background: #eff0ef !important; padding: 0; margin: 0;} header nav.navbar .logo{display: none;} header nav.navbar .container{padding: 0; margin: 0; max-width: 100vw;} header nav.navbar .container .nav-item{border-radius: 0; border-left: 3px solid #eff0ef; display: inline-block; font-size: 0.85rem; font-family: Quicksand; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase;} header nav.navbar .container .nav-item .active{background: var(--light-blue); color: var(--white);} header nav.navbar .container .nav-item .nav-link{padding: 0 10px;} header nav.navbar .container .nav-item img{display: none;} #wrapwrap > header > nav.navbar.sticky{position: fixed; top: inherit; left: 0; z-index: 1022; width: 100%; margin: 0; animation: slide-down 0.8s;} #wrapwrap > header > nav.navbar.sticky ul li.hidden{visibility: visible !important; display: inline !important;} main{background: var(--white-bg);} main .oe_empty{width: 91%; margin: 0 auto;} footer{width: 100%; display: table; position: relative; border-collapse: separate; border-spacing: 5px; background-color: var(--white) !important;} #second-header{text-transform: uppercase;} #second-header nav{padding: 20px; width: 100%;} #second-header nav .menu-items{text-align: right;} #second-header nav .menu-items ul{margin-top: 12px; margin-bottom: 0;} #second-header nav .menu-items ul li{display: inline-block;} #second-header nav .menu-items ul li a{font-family: Quicksand; text-transform: uppercase; font-size: 18px; color: var(--black);} #second-header nav .menu-items ul li a:hover, #second-header nav .menu-items ul li a.active{color: var(--link-active);} #second-header nav img{height: 60px;} ul.nav ul.js_language_selector, ul.nav div.js_usermenu{background-color: #eff0ef !important;} ul.nav ul.js_language_selector .dropdown-item:hover, ul.nav div.js_usermenu .dropdown-item:hover{background-color: var(--light-blue) !important; color: var(--white);} ul.nav ul.js_language_selector .dropup .dropdown-menu, ul.nav div.js_usermenu .dropup .dropdown-menu{margin-top: 3px; bottom: inherit; background-color: #eff0ef;} ul.nav ul.js_language_selector .dropdown-toggle::after, ul.nav div.js_usermenu .dropdown-toggle::after{display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent;} ul.nav ul.js_language_selector .dropdown-toggle:empty::after, ul.nav div.js_usermenu .dropdown-toggle:empty::after{margin-left: 0;} ul.nav ul.js_language_selector button, ul.nav ul.js_language_selector a, ul.nav div.js_usermenu button, ul.nav div.js_usermenu a{display: block;} ul.nav ul.js_language_selector button, ul.nav ul.js_language_selector button:not(:disabled):not(.disabled):active, ul.nav ul.js_language_selector button.active:not(:disabled):not(.disabled), ul.nav ul.js_language_selector button:active, ul.nav ul.js_language_selector button:focus, .show > ul.nav ul.js_language_selector button, ul.nav ul.js_language_selector a, ul.nav ul.js_language_selector a:not(:disabled):not(.disabled):active, ul.nav ul.js_language_selector a.active:not(:disabled):not(.disabled), ul.nav ul.js_language_selector a:active, ul.nav ul.js_language_selector a:focus, .show > ul.nav ul.js_language_selector a, ul.nav div.js_usermenu button, ul.nav div.js_usermenu button:not(:disabled):not(.disabled):active, ul.nav div.js_usermenu button.active:not(:disabled):not(.disabled), ul.nav div.js_usermenu button:active, ul.nav div.js_usermenu button:focus, .show > ul.nav div.js_usermenu button, ul.nav div.js_usermenu a, ul.nav div.js_usermenu a:not(:disabled):not(.disabled):active, ul.nav div.js_usermenu a.active:not(:disabled):not(.disabled), ul.nav div.js_usermenu a:active, ul.nav div.js_usermenu a:focus, .show > ul.nav div.js_usermenu a{border-radius: 0; border-left: 3px solid #eff0ef; display: inline-block; font-size: 0.85rem; font-family: Quicksand; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase; color: rgba(0, 0, 0, 0.5); background: #eff0ef !important; border: none !important; border-left: 3px solid #eff0ef !important; transition: none !important; box-shadow: none !important;} ul.nav ul.js_language_selector button .active, ul.nav ul.js_language_selector button:not(:disabled):not(.disabled):active .active, ul.nav ul.js_language_selector button.active:not(:disabled):not(.disabled) .active, ul.nav ul.js_language_selector button:active .active, ul.nav ul.js_language_selector button:focus .active, .show > ul.nav ul.js_language_selector button .active, ul.nav ul.js_language_selector a .active, ul.nav ul.js_language_selector a:not(:disabled):not(.disabled):active .active, ul.nav ul.js_language_selector a.active:not(:disabled):not(.disabled) .active, ul.nav ul.js_language_selector a:active .active, ul.nav ul.js_language_selector a:focus .active, .show > ul.nav ul.js_language_selector a .active, ul.nav div.js_usermenu button .active, ul.nav div.js_usermenu button:not(:disabled):not(.disabled):active .active, ul.nav div.js_usermenu button.active:not(:disabled):not(.disabled) .active, ul.nav div.js_usermenu button:active .active, ul.nav div.js_usermenu button:focus .active, .show > ul.nav div.js_usermenu button .active, ul.nav div.js_usermenu a .active, ul.nav div.js_usermenu a:not(:disabled):not(.disabled):active .active, ul.nav div.js_usermenu a.active:not(:disabled):not(.disabled) .active, ul.nav div.js_usermenu a:active .active, ul.nav div.js_usermenu a:focus .active, .show > ul.nav div.js_usermenu a .active{background: var(--light-blue); color: var(--white);} ul.nav ul.js_language_selector button .nav-link, ul.nav ul.js_language_selector button:not(:disabled):not(.disabled):active .nav-link, ul.nav ul.js_language_selector button.active:not(:disabled):not(.disabled) .nav-link, ul.nav ul.js_language_selector button:active .nav-link, ul.nav ul.js_language_selector button:focus .nav-link, .show > ul.nav ul.js_language_selector button .nav-link, ul.nav ul.js_language_selector a .nav-link, ul.nav ul.js_language_selector a:not(:disabled):not(.disabled):active .nav-link, ul.nav ul.js_language_selector a.active:not(:disabled):not(.disabled) .nav-link, ul.nav ul.js_language_selector a:active .nav-link, ul.nav ul.js_language_selector a:focus .nav-link, .show > ul.nav ul.js_language_selector a .nav-link, ul.nav div.js_usermenu button .nav-link, ul.nav div.js_usermenu button:not(:disabled):not(.disabled):active .nav-link, ul.nav div.js_usermenu button.active:not(:disabled):not(.disabled) .nav-link, ul.nav div.js_usermenu button:active .nav-link, ul.nav div.js_usermenu button:focus .nav-link, .show > ul.nav div.js_usermenu button .nav-link, ul.nav div.js_usermenu a .nav-link, ul.nav div.js_usermenu a:not(:disabled):not(.disabled):active .nav-link, ul.nav div.js_usermenu a.active:not(:disabled):not(.disabled) .nav-link, ul.nav div.js_usermenu a:active .nav-link, ul.nav div.js_usermenu a:focus .nav-link, .show > ul.nav div.js_usermenu a .nav-link{padding: 0 10px;} ul.nav ul.js_language_selector button img, ul.nav ul.js_language_selector button:not(:disabled):not(.disabled):active img, ul.nav ul.js_language_selector button.active:not(:disabled):not(.disabled) img, ul.nav ul.js_language_selector button:active img, ul.nav ul.js_language_selector button:focus img, .show > ul.nav ul.js_language_selector button img, ul.nav ul.js_language_selector a img, ul.nav ul.js_language_selector a:not(:disabled):not(.disabled):active img, ul.nav ul.js_language_selector a.active:not(:disabled):not(.disabled) img, ul.nav ul.js_language_selector a:active img, ul.nav ul.js_language_selector a:focus img, .show > ul.nav ul.js_language_selector a img, ul.nav div.js_usermenu button img, ul.nav div.js_usermenu button:not(:disabled):not(.disabled):active img, ul.nav div.js_usermenu button.active:not(:disabled):not(.disabled) img, ul.nav div.js_usermenu button:active img, ul.nav div.js_usermenu button:focus img, .show > ul.nav div.js_usermenu button img, ul.nav div.js_usermenu a img, ul.nav div.js_usermenu a:not(:disabled):not(.disabled):active img, ul.nav div.js_usermenu a.active:not(:disabled):not(.disabled) img, ul.nav div.js_usermenu a:active img, ul.nav div.js_usermenu a:focus img, .show > ul.nav div.js_usermenu a img{display: none;} ul.nav ul.js_language_selector li, ul.nav div.js_usermenu li{display: inline;} html{scroll-behavior: smooth;} .columns-20{width: 20%;} .columns-25{width: 25%;} .columns-33{width: 33.333%;} .columns-50{width: 50%;} .columns-66{width: 66.666%;} .columns-75{width: 75%;} .dp-flex{display: -webkit-box; display: -webkit-flex; display: flex;} .aligncenter{align-items: center;} @media (max-width: 980px){.columns-20, .columns-25, .columns-33, .columns-50, .columns-66, .columns-75{width: 100%;}.dp-flex{flex-direction: column-reverse;}} .center{text-align: center;} .contactus_button{background-color: #00446a; margin-left: 12%;} input[type="checkbox"]{-webkit--webkit-appearance: none; -moz-appearance: none; appearance: none; -moz--webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 10px; height: 10px; border: 1px solid #ffffff; cursor: pointer; position: relative;} input[type="checkbox"]:checked{background-color: #ffa500; border-color: #ffa500;} input[type="checkbox"]:checked::after{content: ""; position: absolute; left: 2px; top: -1px; width: 4px; height: 7px; border: solid #ffffff; border-width: 0 2px 2px 0; transform: rotate(45deg);} 

/* /xhg_ca_website_theme/static/src/css/snippets.scss defined in bundle 'web.assets_frontend' */
 .oe_empty{width: 91%; margin: 0 auto;} .s_three_columns .card-body a:hover{text-decoration: underline;} .s_three_columns .card, .s_three_columns .card-img-top{border-radius: 0 !important; border: none !important;} .s_categories_list .row, .s_categories_list .product .product-heading, .product .s_categories_list .product-heading, .s_categories_list .price_calc form, .price_calc .s_categories_list form, .s_categories_list .price_calc .button-group, .price_calc .s_categories_list .button-group, .s_categories_list .price_calc .result, .price_calc .s_categories_list .result, .s_categories_list .product-info, .s_categories_list .product-info-box, .s_categories_list .price_calc{margin: 0 auto !important; padding: 0; width: 100%;} .s_categories_list .row .column, .s_categories_list .product .product-heading .column, .product .s_categories_list .product-heading .column, .price_calc .s_categories_list form .column, .price_calc .s_categories_list .button-group .column, .price_calc .s_categories_list .result .column, .s_categories_list .product-info .column, .s_categories_list .product-info-box .column, .s_categories_list .price_calc .column{padding: 0; margin: 0 2px; max-width: 380px;} .s_categories_list .row .column .category, .s_categories_list .product .product-heading .column .category, .product .s_categories_list .product-heading .column .category, .price_calc .s_categories_list form .column .category, .price_calc .s_categories_list .button-group .column .category, .price_calc .s_categories_list .result .column .category, .s_categories_list .product-info .column .category, .s_categories_list .product-info-box .column .category, .s_categories_list .price_calc .column .category{text-align: center; min-height: 768px; background-position: 50% 50%;} .s_categories_list .row .column .category .header, .s_categories_list .product .product-heading .column .category .header, .product .s_categories_list .product-heading .column .category .header, .price_calc .s_categories_list form .column .category .header, .price_calc .s_categories_list .button-group .column .category .header, .price_calc .s_categories_list .result .column .category .header, .s_categories_list .product-info .column .category .header, .s_categories_list .product-info-box .column .category .header, .s_categories_list .price_calc .column .category .header{min-height: 768px; position: relative; background-position: 50% 50%;} .s_categories_list .row .column .category .header h1, .s_categories_list .product .product-heading .column .category .header h1, .product .s_categories_list .product-heading .column .category .header h1, .price_calc .s_categories_list form .column .category .header h1, .price_calc .s_categories_list .button-group .column .category .header h1, .price_calc .s_categories_list .result .column .category .header h1, .s_categories_list .product-info .column .category .header h1, .s_categories_list .product-info-box .column .category .header h1, .s_categories_list .price_calc .column .category .header h1{font-family: Quicksand; text-transform: uppercase;} .s_categories_list .point-img{z-index: 10;} .s_categories_list .travel-points{display: block; margin: 0 auto; position: relative; bottom: 50px; min-height: 250px; padding: 30px 60px;} .s_categories_list .travel-points .travel-point-description{width: 90%; margin: -20px auto 0;} .s_categories_list .travel-points .numbered-boxes{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; list-style: none; counter-reset: li; padding: 0; min-height: 200px;} @media (max-width: 575.98px){.s_categories_list .travel-points .numbered-boxes{display: none;}} .s_categories_list .travel-points .numbered-boxes li.middle{align-self: center;} .s_categories_list .travel-points .numbered-boxes li{position: relative; width: 40%; min-width: 135px; height: 120px; line-height: 130px; font-size: 1.7em; border: 2.5px solid var(--green); color: var(--green); margin: 0 10px; font-family: KGEyesWideOpen !important; counter-increment: li;} .s_categories_list .travel-points .numbered-boxes li p{font-size: 25px; line-height: 35px; margin-top: 23px;} .s_categories_list .travel-points .numbered-boxes li:before{content: counter(li); display: inline-block; margin-left: -30px; position: absolute; background: white; width: 60px; top: -25px; font-size: 30px; line-height: 50px;} .o_editable .s_two_boxes .accordion, .o_editable .s_two_boxes .collapse, .o_editable .s_two_boxes .card, .o_editable .s_box_grid .accordion, .o_editable .s_box_grid .collapse, .o_editable .s_box_grid .card{height: auto;} @media (min-width: 768px){.s_box_grid .right{margin-left: 2%;}.s_box_grid .right .down, .s_box_grid .left .up{height: 680px;}.s_box_grid .right .up, .s_box_grid .left .down{height: 336px;}} .s_box_grid .right, .s_box_grid .left{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; width: 48.5%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;} @media (max-width: 991.98px){.s_box_grid .right, .s_box_grid .left{width: 100%; margin-left: 0;}} .s_box_grid .right .up, .s_box_grid .right .down, .s_box_grid .left .up, .s_box_grid .left .down{margin-bottom: 30px; position: relative;} .s_two_boxes, .s_box_grid{font-family: Quicksand; color: white; text-transform: uppercase; text-align: center;} .s_two_boxes blockquote, .s_box_grid blockquote{columns: 2; padding-bottom: 30px;} .s_two_boxes h1, .s_two_boxes h2, .s_two_boxes h3, .s_two_boxes h4, .s_two_boxes h5, .s_two_boxes p, .s_two_boxes font, .s_box_grid h1, .s_box_grid h2, .s_box_grid h3, .s_box_grid h4, .s_box_grid h5, .s_box_grid p, .s_box_grid font{position: relative; z-index: 1000;} .s_two_boxes p, .s_box_grid p{font-size: 24px; margin: 20px 9%;} .s_two_boxes h2, .s_box_grid h2{font-family: NexaRustSans-Black !important; font-size: 90px; line-height: 35px; padding-top: 10px;} .s_two_boxes h3, .s_box_grid h3{font-family: NexaRustSans-Black !important; font-size: 55px;} .s_two_boxes h4, .s_box_grid h4{font-family: KGEyesWideOpen !important; text-transform: none;} .s_two_boxes .card, .s_box_grid .card{position: relative; background: none; border: none; height: 100%;} .s_two_boxes .accordion, .s_box_grid .accordion{bottom: 0; width: 100%; height: 100%;} @media (min-width: 768px){.s_two_boxes .accordion, .s_box_grid .accordion{position: absolute;}} @media (min-width: 768px){.s_two_boxes .collapse, .s_box_grid .collapse{position: absolute; bottom: 0; height: 100%;}} .s_two_boxes .card-header, .s_box_grid .card-header{width: 100%; font-size: 55px; color: white; background: none; line-height: 40px; padding: 0; position: absolute; bottom: 0;} .s_two_boxes .card-header:hover, .s_box_grid .card-header:hover{text-decoration: none;} .s_two_boxes [aria-expanded="true"], .s_box_grid [aria-expanded="true"]{display: none;} .s_two_boxes .card-body, .s_box_grid .card-body{padding: 0;} .s_two_boxes .card-body p, .s_box_grid .card-body p{padding: 0 20px; margin: 0; font-family: arial; font-size: 14px; text-transform: none; text-align: justify;} .s_two_boxes .close-btn.o_default_snippet_text, .s_box_grid .close-btn.o_default_snippet_text{display: block !important; color: white; font-size: 18px; text-align: end; margin-right: 5px;} .s_two_boxes{margin: 0 -30px;} .s_two_boxes .row, .s_two_boxes .product .product-heading, .product .s_two_boxes .product-heading, .s_two_boxes .price_calc form, .price_calc .s_two_boxes form, .s_two_boxes .price_calc .button-group, .price_calc .s_two_boxes .button-group, .s_two_boxes .price_calc .result, .price_calc .s_two_boxes .result, .s_two_boxes .product-info, .s_two_boxes .product-info-box, .s_two_boxes .price_calc{text-align: center; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; margin: 0 auto 30px;} @media (min-width: 768px){.s_two_boxes .row, .s_two_boxes .product .product-heading, .product .s_two_boxes .product-heading, .s_two_boxes .price_calc form, .price_calc .s_two_boxes form, .s_two_boxes .price_calc .button-group, .price_calc .s_two_boxes .button-group, .s_two_boxes .price_calc .result, .price_calc .s_two_boxes .result, .s_two_boxes .product-info, .s_two_boxes .product-info-box, .s_two_boxes .price_calc{display: table; border-spacing: 30px; margin: -30px auto 0; height: 500px;}.s_two_boxes .row .left, .s_two_boxes .product .product-heading .left, .product .s_two_boxes .product-heading .left, .price_calc .s_two_boxes form .left, .price_calc .s_two_boxes .button-group .left, .price_calc .s_two_boxes .result .left, .s_two_boxes .product-info .left, .s_two_boxes .product-info-box .left, .s_two_boxes .price_calc .left, .s_two_boxes .row .right, .s_two_boxes .product .product-heading .right, .product .s_two_boxes .product-heading .right, .price_calc .s_two_boxes form .right, .price_calc .s_two_boxes .button-group .right, .price_calc .s_two_boxes .result .right, .s_two_boxes .product-info .right, .s_two_boxes .product-info-box .right, .s_two_boxes .price_calc .right{width: 100%;}} .s_two_boxes .row .left, .s_two_boxes .product .product-heading .left, .product .s_two_boxes .product-heading .left, .price_calc .s_two_boxes form .left, .price_calc .s_two_boxes .button-group .left, .price_calc .s_two_boxes .result .left, .s_two_boxes .product-info .left, .s_two_boxes .product-info-box .left, .s_two_boxes .price_calc .left, .s_two_boxes .row .right, .s_two_boxes .product .product-heading .right, .product .s_two_boxes .product-heading .right, .price_calc .s_two_boxes form .right, .price_calc .s_two_boxes .button-group .right, .price_calc .s_two_boxes .result .right, .s_two_boxes .product-info .right, .s_two_boxes .product-info-box .right, .s_two_boxes .price_calc .right{margin-bottom: 30px; position: relative; background: var(--green); text-transform: uppercase; padding-right: 0; padding-left: 0;} @media (min-width: 768px){.s_two_boxes .row .left, .s_two_boxes .product .product-heading .left, .product .s_two_boxes .product-heading .left, .price_calc .s_two_boxes form .left, .price_calc .s_two_boxes .button-group .left, .price_calc .s_two_boxes .result .left, .s_two_boxes .product-info .left, .s_two_boxes .product-info-box .left, .s_two_boxes .price_calc .left, .s_two_boxes .row .right, .s_two_boxes .product .product-heading .right, .product .s_two_boxes .product-heading .right, .price_calc .s_two_boxes form .right, .price_calc .s_two_boxes .button-group .right, .price_calc .s_two_boxes .result .right, .s_two_boxes .product-info .right, .s_two_boxes .product-info-box .right, .s_two_boxes .price_calc .right{display: table-cell;}} .s_text_image_accordion section.up-section .align-items-center .text-box{height: 295px !important; margin-right: 20px; margin-left: auto; padding-top: 30px !important;} .s_image_text_accordion section.up-section .align-items-center .text-box{height: 295px !important; margin-right: auto; margin-left: 20px; padding-top: 30px !important;} .s_text_image_accordion section.up-section .align-items-center h2, .s_image_text_accordion section.up-section .align-items-center h2{font-family: KGEyesWideOpen; font-size: 1.85em; color: var(--green);} .s_text_image_accordion section.up-section .s_title_default, .s_image_text_accordion section.up-section .s_title_default{text-align: center !important; font-size: 62px !important; font-family: NexaRustSans-Black !important;} .s_text_image_accordion section.down-section, .s_image_text_accordion section.down-section{position: relative;} .s_text_image_accordion section.down-section .read-more, .s_image_text_accordion section.down-section .read-more{position: relative;} .s_text_image_accordion section.down-section .read-more summary:first-of-type, .s_image_text_accordion section.down-section .read-more summary:first-of-type{position: absolute; top: -70px; left: 48%;} .s_text_image_accordion section.down-section .read-more .pin, .s_image_text_accordion section.down-section .read-more .pin{z-index: 1000; width: 40px; height: 40px; border-radius: 50% 50% 50% 0; background: var(--green); position: absolute; transform: rotate(-45deg); margin: -10px 0 20px; top: 40px;} .s_text_image_accordion section.down-section .read-more .pin:after, .s_image_text_accordion section.down-section .read-more .pin:after{content: "+"; width: 19px; height: 19px; margin: 15px 0 0 15px; color: white; position: absolute; border-radius: 50%; transform: rotate(45deg); font-size: 30px; top: -13px; right: 0;} .s_text_image_accordion section.down-section .read-more .mt-3, .s_image_text_accordion section.down-section .read-more .mt-3{margin: 0 auto; column-gap: 5%; text-align: justify; padding: 80px 5%;} @media (min-width: 768px){.s_text_image_accordion section.down-section .read-more .mt-3, .s_image_text_accordion section.down-section .read-more .mt-3{columns: 2; -webkit-column-break-inside: avoid; break-inside: avoid;}} .s_text_image_accordion section.down-section .read-more h2, .s_image_text_accordion section.down-section .read-more h2{font-size: 1.4285714285714286em; font-family: Quicksand; text-transform: uppercase; text-align: center;} .carousel-control-next, .carousel-control-prev{display: none;} .s_features .fa{display: none;} .s_features [class^="col-lg-"]{border-right: 1px solid var(--green);} .s_features [class^="col-lg-"] h4{font-family: KGEyesWideOpen; font-size: 2.142857142857143em; color: var(--green);} .s_features [class^="col-lg-"] h3{text-transform: uppercase; font-family: Quicksand; font-size: 1.4285714285714286em;} .s_features [class^="col-lg-"] p{font-size: 0.9285714285714286em; font-family: arial;} .s_features [class^="col-lg-"]:last-child{border: none;} .s_carousel ol{list-style-type: none;} .s_carousel .carousel-item{height: 740px; color: white; text-transform: uppercase; text-shadow: 1px 1px 1px black !important;} .s_carousel .carousel-item .carousel-content{min-width: 100%; max-width: 100%;} .s_carousel .carousel-item .carousel-content h3{text-align: center !important; font-size: 40px !important; word-spacing: 3px !important; font-family: Quicksand !important;} .s_carousel .carousel-item .carousel-content h2{text-align: center !important; font-size: 62px !important; font-family: NexaRustSans-Black !important;} .s_carousel .carousel-indicators li{width: 24px; height: 24px; background-color: #eff0ef; border-radius: 50%; border-top-right-radius: 50%; border-top-right-radius: 0; transform: rotate(-45deg); float: left; margin-top: 50px; margin-left: 20px; border: 1px solid #eff0ef;} .s_carousel .carousel-indicators li.active{background-color: var(--light-green); border: 1px solid var(--light-green);} a.card-header.o_default_snippet_text.collapsed{z-index: 1002;} 

/* /xhg_ca_website_theme/static/src/css/contactus_form.scss defined in bundle 'web.assets_frontend' */
 .contactus-backdrop{display: grid; place-items: center; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(4px);} .contactus-backdrop .contactus-modal{position: relative; width: 700px; height: 500px; padding: 16px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); background-color: #00446a; color: #ffffff; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: flex-end;} .contactus-backdrop .contactus-modal *{font-family: Quicksand;} .contactus-backdrop .contactus-modal .fa{font-family: FontAwesome;} .contactus-backdrop .contactus-modal .text-danger{color: #ffd700 !important;} .contactus-backdrop .contactus-modal .close{position: absolute; height: 12px; width: 12px; color: #ffffff; cursor: pointer;} .contactus-backdrop .contactus-modal .close:hover{color: white;} .contactus-backdrop .contactus-modal form{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; flex: none; gap: 28px; max-width: 100%; padding: 16px 28px 28px; background-color: transparent; align-self: stretch; flex-grow: 1;} .contactus-backdrop .contactus-modal form .contactus-left{width: 222px; height: 412px; padding: 0px 0px 3px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: space-between; align-items: center; gap: 42px;} .contactus-backdrop .contactus-modal form .contactus-left .form-field .required-message{display: none; margin-left: -15%; font-weight: 400; font-size: 12px; text-align: left; margin-top: -12px; white-space: nowrap;} .contactus-backdrop .contactus-modal form .contactus-left .form-field.o_has_error .required-message{display: block;} .contactus-backdrop .contactus-modal form .contactus-left .left_contact, .contactus-backdrop .contactus-modal form .contactus-left .left_operation_type{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 222px;} .contactus-backdrop .contactus-modal form .contactus-left .left_contact{align-items: center; padding: 0px; gap: 12px; height: 84px;} .contactus-backdrop .contactus-modal form .contactus-left .left_operation_type{align-items: flex-start; padding: 0px; gap: 22px; height: 134px;} .contactus-backdrop .contactus-modal form .contactus-left h2{margin: 0; font-weight: 600; font-size: 48px; align-content: center; height: 45px;} .contactus-backdrop .contactus-modal form .contactus-left p, .contactus-backdrop .contactus-modal form .contactus-left h3{align-items: center; margin-bottom: 0;} .contactus-backdrop .contactus-modal form .contactus-left p{font-weight: 400; font-size: 12px;} .contactus-backdrop .contactus-modal form .contactus-left h3{font-weight: 600; font-size: 16px; line-height: 20px; align-content: center;} .contactus-backdrop .contactus-modal form .contactus-left .operation-options{padding-left: 15%; align-items: self-start;} .contactus-backdrop .contactus-modal form .contactus-left .operation-options label{font-weight: 400; font-size: 14px; margin-bottom: 0; gap: 6px;} .contactus-backdrop .contactus-modal form .contactus-left .operation-options input[type="checkbox"]{-webkit--webkit-appearance: none; -moz-appearance: none; appearance: none; -moz--webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 12px; height: 12px; border: 1px solid #ffffff; border-radius: 50%; cursor: pointer; position: relative;} .contactus-backdrop .contactus-modal form .contactus-left .operation-options input[type="checkbox"]:checked{background-color: #ffa500; border-color: #ffa500; border: 2px solid #ffa500;} .contactus-backdrop .contactus-modal form .contactus-left .operation-options input[type="checkbox"]:checked::after{content: ""; position: absolute; top: 50%; left: 50%; width: 7px; height: 7px; background-color: #ffffff; border-radius: 50%; transform: translate(-50%, -50%);} .contactus-backdrop .contactus-modal form .contactus-left .left_top_content, .contactus-backdrop .contactus-modal form .contactus-left .additional-options{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: flex-start; padding: 0px; width: 222px; margin: 0 auto;} .contactus-backdrop .contactus-modal form .contactus-left .left_top_content{gap: 50px; height: 268px;} .contactus-backdrop .contactus-modal form .contactus-left .additional-options{gap: 20px; height: 96px;} .contactus-backdrop .contactus-modal form .contactus-left .additional-options .checkbox_field_group{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; align-items: flex-end; padding: 0px 10px; gap: 6px; width: 222px; height: 38px;} .contactus-backdrop .contactus-modal form .contactus-left .additional-options input[type="checkbox"]:checked{border: 2px solid #ffa500;} .contactus-backdrop .contactus-modal form .contactus-left .additional-options label{font-weight: 400; font-size: 12px; gap: 16px; width: 202px; height: 38px; margin-bottom: 0;} .contactus-backdrop .contactus-modal form .contactus-left label{display: grid; grid-template-columns: auto 1fr; text-align: left;} .contactus-backdrop .contactus-modal form .contactus-left label input{margin-top: 5px;} .contactus-backdrop .contactus-modal form .vertical-divider{width: 1px; background-color: #ffffff; margin: 10px 0;} .contactus-backdrop .contactus-modal form .contactus-right{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; flex: 1;} .contactus-backdrop .contactus-modal form .contactus-right .fields-container{flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 2px;} .contactus-backdrop .contactus-modal form .contactus-right .fields-container .form-group{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; margin-bottom: 10px;} .contactus-backdrop .contactus-modal form .contactus-right .fields-container .form-group input, .contactus-backdrop .contactus-modal form .contactus-right .fields-container .form-group textarea{background-color: #ffffff; color: #333; border-radius: 4px; padding: 8px; font-weight: 400; font-size: 12px; max-width: 334px;} .contactus-backdrop .contactus-modal form .contactus-right .fields-container .form-group textarea{resize: vertical; height: 100px; min-height: 60px;} .contactus-backdrop .contactus-modal form .contactus-right .button-container{margin-top: auto; display: -webkit-box; display: -webkit-flex; display: flex;} .contactus-backdrop .contactus-modal form .contactus-right .button-container .form-group{display: -webkit-box; display: -webkit-flex; display: flex; flex: 1; margin-bottom: auto;} .contactus-backdrop .contactus-modal form .contactus-right .button-container .o_website_form_send{width: 100%; margin-bottom: 0; margin-top: 0; border-color: transparent; height: 31px; line-height: 31px; font-size: 16px; background-color: #000000; max-width: 334px;} .contactus-backdrop .contactus-modal form .contactus-right .button-container a{text-decoration: none; font-weight: 400;} @media (max-width: 768px){.contactus-backdrop{align-items: stretch;}.contactus-backdrop .contactus-modal{width: 350px; min-width: 350px; height: 99%; max-height: 830px; overflow: auto; padding: 0;}.contactus-backdrop .contactus-modal, .contactus-backdrop .contactus-modal form{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}.vertical-divider{display: none;}.contactus-backdrop .contactus-modal form .contactus-left{gap: 28px; padding: 0px;}.contactus-backdrop .contactus-modal form .contactus-left, .contactus-backdrop .contactus-modal form .contactus-right{width: 100%; padding: 15px;}.contactus-backdrop .contactus-modal form .contactus-right p{margin-top: 0;}.contactus-backdrop .contactus-modal form .contactus-right .operation-options{margin-top: 0; padding-left: 0;}} 

/* /xhg_ca_website_theme/static/src/css/cra_products.scss defined in bundle 'web.assets_frontend' */
 section#cra-products, section#cra-cuba{padding: 120px 0; background-image: url("/xhg_ca_website_theme/static/src/css/../imgs/cra-pattern.png"); background-size: cover;} section#cra-products .cra-pres-container, section#cra-cuba .cra-pres-container{max-width: 1200px; margin: auto; width: 90%;} section#cra-products h1#products-page-title, section#cra-cuba h1#products-page-title{text-align: center; text-transform: uppercase; font-size: 56px; font-family: Quicksand; font-weight: 300;} section#cra-products .products-page-text-intro, section#cra-cuba .products-page-text-intro{max-width: 980px; margin: 80px auto 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit--webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;} section#cra-products .products-page-text-intro .columns-50, section#cra-cuba .products-page-text-intro .columns-50{padding: 40px 0 40px 40px; margin: 0 0 80px;} section#cra-products .products-page-text-intro .columns-50 h2, section#cra-cuba .products-page-text-intro .columns-50 h2{font-family: Quicksand; font-weight: 300; font-size: 32px;} section#cra-products .products-page-text-intro .intro-bg-cuba, section#cra-cuba .products-page-text-intro .intro-bg-cuba{background-image: url("/xhg_ca_website_theme/static/src/css/../imgs/cienfuegos-caraibes-autrement.jpg"); background-size: cover; background-position: center; border-radius: 50px 50px 50px 0;} section#cra-products .products-page-text-intro .cra-products-theme-text, section#cra-cuba .products-page-text-intro .cra-products-theme-text{text-align: center; max-width: 720px; margin: 0 auto 40px;} section#cra-products .products-page-text-intro .cra-products-theme-text h2, section#cra-cuba .products-page-text-intro .cra-products-theme-text h2{font-family: Quicksand; font-weight: 300; font-size: 32px;} section#cra-products .products-page-text-intro .cra-products-theme, section#cra-cuba .products-page-text-intro .cra-products-theme{padding: 0 0 40px;} section#cra-products .products-page-text-intro .cra-products-theme h3, section#cra-cuba .products-page-text-intro .cra-products-theme h3{font-size: 20px; line-height: 1.6em; margin: 0 0 20px; border-radius: 20px;} section#cra-products .products-page-text-intro .cra-products-theme .theme-ct, section#cra-cuba .products-page-text-intro .cra-products-theme .theme-ct{background-color: #ffe499; padding: 4px 12px;} section#cra-products .products-page-text-intro .cra-products-theme .theme-ns, section#cra-cuba .products-page-text-intro .cra-products-theme .theme-ns{background-color: #70dec7; padding: 4px 12px;} section#cra-products .products-page-text-intro .cra-products-theme .theme-b, section#cra-cuba .products-page-text-intro .cra-products-theme .theme-b{background-color: #40d9e8; padding: 4px 12px;} section#cra-products .products-page-text-intro .cra-products-theme .columns-33, section#cra-cuba .products-page-text-intro .cra-products-theme .columns-33{text-align: center;} section#cra-products .products-page-text-intro .cra-products-theme .cra-theme, section#cra-cuba .products-page-text-intro .cra-products-theme .cra-theme{background-color: #fff; margin: 0px 20px; padding: 40px; border-radius: 40px 40px 0; box-shadow: 0px 20px 40px -20px rgba(3, 59, 173, 0.1);} section#cra-products .products-page-text-intro .cra-products-theme .cra-theme p, section#cra-cuba .products-page-text-intro .cra-products-theme .cra-theme p{font-size: 12px; line-height: 1.6em; margin: 0;} @media (min-width: 1080px) and (max-width: 1440px){section#cra-products .products-page-text-intro .cra-products-theme .cra-theme, section#cra-cuba .products-page-text-intro .cra-products-theme .cra-theme{margin: 0px 40px; padding: 60px 40px;}} @media (max-width: 1080px){section#cra-products .products-page-text-intro .cra-products-theme, section#cra-cuba .products-page-text-intro .cra-products-theme{padding: 0 40px 0px;}section#cra-products .products-page-text-intro .cra-products-theme .columns-33, section#cra-cuba .products-page-text-intro .cra-products-theme .columns-33{width: 100%;}section#cra-products .products-page-text-intro .cra-products-theme .cra-theme, section#cra-cuba .products-page-text-intro .cra-products-theme .cra-theme{margin: 0 0 40px;}} @media (max-width: 600px){section#cra-products .products-page-text-intro .cra-products-theme, section#cra-cuba .products-page-text-intro .cra-products-theme{padding: 0px;}} @media (max-width: 1024px){section#cra-products .products-page-text-intro .columns-50, section#cra-cuba .products-page-text-intro .columns-50{padding: 0 20px;}section#cra-products .products-page-text-intro .intro-bg-cuba, section#cra-cuba .products-page-text-intro .intro-bg-cuba{padding: 240px 0;}} section#cra-products .products-page-buttons-intro, section#cra-cuba .products-page-buttons-intro{text-align: center; padding: 40px 0 0; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center;} section#cra-products .products-page-buttons-intro .button-intro, section#cra-cuba .products-page-buttons-intro .button-intro{background-color: #00a09d; color: #fff; padding: 10px 40px; border-radius: 40px; margin: 0 10px; transition: background-color 0.8s, margin 0.8s;} section#cra-products .products-page-buttons-intro .button-intro:hover, section#cra-cuba .products-page-buttons-intro .button-intro:hover{background-color: #007a77; margin: -10px 10px 10px;} section#cra-products .cra-products-cat-title, section#cra-cuba .cra-products-cat-title{padding: 120px 20px 20px; font-family: Montserrat; line-height: 1.6em;} section#cra-products .cra-products-cat-title h2, section#cra-cuba .cra-products-cat-title h2{font-size: 40px; margin-bottom: 40px;} section#cra-products .cra-products-cat-title h3, section#cra-cuba .cra-products-cat-title h3{font-size: 24px; margin-bottom: 20px;} section#cra-products .cra-products-cat-title p, section#cra-cuba .cra-products-cat-title p{font-size: 14px;} section#cra-products a, section#cra-cuba a{text-decoration: none; color: inherit;} section#cra-products a .products, section#cra-cuba a .products{background-size: cover; border-radius: 50px 0 50px 50px; margin: 40px 20px; box-shadow: 0px 20px 40px -20px rgba(3, 59, 173, 0.1); height: 40vh; min-height: 200px; transition: transform 0.5s;} section#cra-products a .products:hover, section#cra-cuba a .products:hover{transform: scale(1.025);} section#cra-products a .products-cuba, section#cra-cuba a .products-cuba{background-size: cover; border-radius: 50px 0 50px 50px; margin: 40px 20px; box-shadow: 0px 20px 40px -20px rgba(3, 59, 173, 0.1); height: 30vh; min-height: 200px; transition: transform 0.5s;} section#cra-products a .products-cuba:hover, section#cra-cuba a .products-cuba:hover{transform: scale(1.025);} section#cra-products a .product-gp-1, section#cra-cuba a .product-gp-1{background-image: url("/xhg_ca_website_theme/static/src/css/../imgs/camion.jpeg");} section#cra-products a .product-gp-2, section#cra-cuba a .product-gp-2{background-image: url("/xhg_ca_website_theme/static/src/css/../imgs/laguna.jpeg");} section#cra-products a .product-gp-3, section#cra-cuba a .product-gp-3{background-image: url("/xhg_ca_website_theme/static/src/css/../imgs/danza.jpeg");} section#cra-products a .product-gp-4, section#cra-cuba a .product-gp-4{background-image: url("/xhg_ca_website_theme/static/src/css/../imgs/cena-bohio.jpeg");} section#cra-products a .product-gp-5, section#cra-cuba a .product-gp-5{background-image: url("/xhg_ca_website_theme/static/src/css/../imgs/viñales.jpeg");} section#cra-products a .product-gp-6, section#cra-cuba a .product-gp-6{background-image: url("/xhg_ca_website_theme/static/src/css/../imgs/buzo.jpeg");} section#cra-products a .product-gp-7, section#cra-cuba a .product-gp-7{background-image: url("/xhg_ca_website_theme/static/src/css/../imgs/loma.jpeg");} section#cra-products a .product-gp-8, section#cra-cuba a .product-gp-8{background-image: url("/xhg_ca_website_theme/static/src/css/../imgs/chevrolet-verde.jpeg");} section#cra-products a .product-gp-9, section#cra-cuba a .product-gp-9{background-image: url("/xhg_ca_website_theme/static/src/css/../imgs/moto.jpeg");} section#cra-products a .product-ind-1, section#cra-cuba a .product-ind-1{background-image: url("/xhg_ca_website_theme/static/src/css/../imgs/tumbona.jpeg");} section#cra-products a .product-ind-2, section#cra-cuba a .product-ind-2{background-image: url("/xhg_ca_website_theme/static/src/css/../imgs/sol-morro.jpeg");} section#cra-products a .product-ind-3, section#cra-cuba a .product-ind-3{background-image: url("/xhg_ca_website_theme/static/src/css/../imgs/barco.jpeg");} section#cra-products a .product-ind-4, section#cra-cuba a .product-ind-4{background-image: url("/xhg_ca_website_theme/static/src/css/../imgs/carro-americano.jpeg");} section#cra-products a .cuba-incontrounable-incentive-1, section#cra-cuba a .cuba-incontrounable-incentive-1{background-image: url("/xhg_ca_website_theme/static/src/css/../imgs/external-75501.jpeg");} section#cra-products a .cuba-incontrounable-incentive-2, section#cra-cuba a .cuba-incontrounable-incentive-2{background-image: url("/xhg_ca_website_theme/static/src/css/../imgs/external-102224.jpeg");} section#cra-products a .cuba-incontrounable-incentive-3, section#cra-cuba a .cuba-incontrounable-incentive-3{background-image: url("/xhg_ca_website_theme/static/src/css/../imgs/external-3ac51adb9dae.jpeg");} section#cra-products a .cuba-incontrounable-especial-1, section#cra-cuba a .cuba-incontrounable-especial-1{background-image: url("/xhg_ca_website_theme/static/src/css/../imgs/external-0c3595c9d266.jpeg");} section#cra-products a .cuba-incontrounable-especial-2, section#cra-cuba a .cuba-incontrounable-especial-2{background-image: url("/xhg_ca_website_theme/static/src/css/../imgs/external-3241f13f7fc8.jpeg");} section#cra-products a .cuba-incontrounable-especial-3, section#cra-cuba a .cuba-incontrounable-especial-3{background-image: url("/xhg_ca_website_theme/static/src/css/../imgs/external-00a31227c300.jpeg");} section#cra-products a .product-img-text, section#cra-cuba a .product-img-text{background-color: #fff; border-radius: 40px 0 40px 40px; padding: 30px 30px 10px; width: 80%; margin: -80px auto 0; position: relative; box-shadow: 0px 20px 40px -20px rgba(3, 59, 173, 0.1); line-height: 1.4em; transition: margin 0.8s, box-shadow 0.8s;} section#cra-products a .product-img-text .product-title, section#cra-cuba a .product-img-text .product-title{font-family: Montserrat; font-size: 20px; margin-bottom: 20px;} section#cra-products a .product-img-text .product-cities, section#cra-products a .product-img-text .product-nights, section#cra-products a .product-img-text .product-theme, section#cra-cuba a .product-img-text .product-cities, section#cra-cuba a .product-img-text .product-nights, section#cra-cuba a .product-img-text .product-theme{font-family: Montserrat; font-size: 12px;} section#cra-products a .product-img-text .product-cities .theme-ct, section#cra-products a .product-img-text .product-nights .theme-ct, section#cra-products a .product-img-text .product-theme .theme-ct, section#cra-cuba a .product-img-text .product-cities .theme-ct, section#cra-cuba a .product-img-text .product-nights .theme-ct, section#cra-cuba a .product-img-text .product-theme .theme-ct{background-color: #ffe499; padding: 4px 12px; border-radius: 12px; margin: 10px 10px 0 0; border: inherit; cursor: inherit;} section#cra-products a .product-img-text .product-cities .theme-ns, section#cra-products a .product-img-text .product-nights .theme-ns, section#cra-products a .product-img-text .product-theme .theme-ns, section#cra-cuba a .product-img-text .product-cities .theme-ns, section#cra-cuba a .product-img-text .product-nights .theme-ns, section#cra-cuba a .product-img-text .product-theme .theme-ns{background-color: #70dec7; padding: 4px 12px; border-radius: 12px; margin: 10px 10px 0 0; border: inherit; cursor: inherit;} section#cra-products a .product-img-text .product-cities .theme-b, section#cra-products a .product-img-text .product-nights .theme-b, section#cra-products a .product-img-text .product-theme .theme-b, section#cra-cuba a .product-img-text .product-cities .theme-b, section#cra-cuba a .product-img-text .product-nights .theme-b, section#cra-cuba a .product-img-text .product-theme .theme-b{background-color: #40d9e8; padding: 4px 12px; border-radius: 12px; margin: 10px 10px 0 0; border: inherit; cursor: inherit;} section#cra-products a .product-img-text .product-cities .infoguide, section#cra-products a .product-img-text .product-nights .infoguide, section#cra-products a .product-img-text .product-theme .infoguide, section#cra-cuba a .product-img-text .product-cities .infoguide, section#cra-cuba a .product-img-text .product-nights .infoguide, section#cra-cuba a .product-img-text .product-theme .infoguide{background-color: #007a77; color: #fff; padding: 4px 16px; border-radius: 12px; margin: 10px 10px 0 0; border: inherit; cursor: inherit;} section#cra-products a .product-img-text:hover, section#cra-cuba a .product-img-text:hover{margin: -100px auto 20px; box-shadow: 0px 20px 40px -20px rgba(3, 59, 173, 0.2);} section#cra-products > .flex, section#cra-cuba > .flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; flex: 1; align-items: flex-start;} 

/* /xhg_ca_website_theme/static/src/css/cra_pres.scss defined in bundle 'web.assets_frontend' */
 .cra-separator img{max-width: 100%; margin: 0;} .cra-pres{width: 100% !important;} section#cra-pres-intro{padding: 0 0 120px 120px; max-width: 100%; background-color: #82ebe3;} section#cra-pres-intro h1{font-family: Quicksand; font-weight: 300; text-transform: uppercase; font-size: 40px; line-height: 1.6em;} section#cra-pres-intro .columns-25{position: relative;} section#cra-pres-intro .columns-25 .cra-pres-intro-title{width: 160%; padding: 70% 0 0;} section#cra-pres-intro .columns-25 .cra-pres-intro-title .highlight{background: #fff; padding: 10px 0 0;} section#cra-pres-intro .columns-75 img{width: 100%;} @media (max-width: 980px){section#cra-pres-intro{padding: 40px 20px;}section#cra-pres-intro h1{margin: 0 10px; font-size: 32px;}section#cra-pres-intro .columns-25 .cra-pres-intro-title{width: 100%; padding: 40px 0 0;}} section#cra-pres-two-title{padding: 0 0 80px; background-color: #82ebe3;} section#cra-pres-two-title h2{font-family: Quicksand; font-weight: 300; text-transform: uppercase; font-size: 56px; color: #ffffff; line-height: 1.6em;} section#cra-pres-two{padding: 0 120px 240px; margin-top: -80px;} section#cra-pres-two h3{font-family: Quicksand; font-weight: 300; text-transform: uppercase; font-size: 20px; line-height: 1.6em;} section#cra-pres-two .columns-33{text-align: center; padding: 20px; color: #fff;} section#cra-pres-two .cra-what{background-color: #fff; color: #033bad; margin: -200px 40px; padding: 60px; border-radius: 40px 40px 0; box-shadow: 0px 20px 40px -20px rgba(3, 59, 173, 0.1);} section#cra-pres-two .cra-what .cra-pres-icon{margin: 0 auto 30px;} @media (min-width: 1080px) and (max-width: 1440px){section#cra-pres-two{margin-top: -40px;}section#cra-pres-two .cra-what{margin: -160px 40px; padding: 60px 40px;}} @media (max-width: 1080px){section#cra-pres-two{padding: 0 40px 0px; margin-top: 0px;}section#cra-pres-two .cra-pres-container{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit--webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}section#cra-pres-two .columns-33{width: 100%;}section#cra-pres-two .cra-what{margin: -120px 0 160px;}} @media (max-width: 600px){section#cra-pres-two{padding: 0 20px 0px;}} section#cra-pres-three{padding: 120px 0; background-image: url("/xhg_ca_website_theme/static/src/css/../imgs/cra-pattern.png"); background-size: cover; position: relative;} section#cra-pres-three .cra-pres-section-img{background-image: none; width: 90%; max-width: 1200px; margin: auto; padding: 200px 0; border-radius: 80px 80px 0;} section#cra-pres-three .cra-pres-section-text{background-color: #ffffff; margin: -160px 40px 0; padding: 60px; box-shadow: 0px 20px 40px -20px rgba(3, 59, 173, 0.1);} section#cra-pres-three .cra-pres-section-text h1, section#cra-pres-three .cra-pres-section-text h2, section#cra-pres-three .cra-pres-section-text h3{font-family: Montserrat;} section#cra-pres-three .cra-pres-section-text h1{font-size: 48px;} section#cra-pres-three .justif-content{-webkit-box-pack: end; justify-content: flex-end;} section#cra-pres-three .sect-txt-left{width: 40%; border-radius: 40px 40px 0;} section#cra-pres-three .sect-txt-right{width: 40%; border-radius: 40px 40px 40px 0;} @media (max-width: 980px){section#cra-pres-three .cra-pres-section-text{margin: -80px 20px 0; padding: 40px;}section#cra-pres-three .cra-pres-section-text h1{font-size: 40px;}section#cra-pres-three .justif-content{justify-content: center;}section#cra-pres-three .sect-txt-left, section#cra-pres-three .sect-txt-right{width: 100%;}} section#cra-pres-three .cra-pres-container.blocks-3{align-items: flex-start;} section#cra-pres-three .cra-pres-container{max-width: 1200px; margin: auto; width: 90%;} section#cra-pres-three .cra-pres-container .block-text{padding: 0 0 80px; width: 50%; font-family: Montserrat; line-height: 2em;} section#cra-pres-three .cra-pres-container .cra-pres-mgauto{margin: auto;} section#cra-pres-three .cra-pres-container .cra-pres-txt-detail-left{margin: -200px 0 0;} section#cra-pres-three .cra-pres-container .cra-pres-txt-detail-right{margin: -200px 0 0 50%;} @media (max-width: 980px){section#cra-pres-three .cra-pres-container .block-text{padding: 0 0 40px; width: 100%;}section#cra-pres-three .cra-pres-container .cra-pres-txt-detail-left, section#cra-pres-three .cra-pres-container .cra-pres-txt-detail-right{margin: 80px auto 0;}} section#cra-pres-tabs h2{font-family: Quicksand; font-weight: 300; text-transform: uppercase; font-size: 56px; color: #212529; line-height: 1.6em; text-align: center;} section#cra-pres-tabs .block-tabs{background-color: inherit; border: inherit;} section#cra-pres-tabs .block-tabs .card-header{background-color: inherit; border: inherit; margin: auto;} section#cra-pres-tabs .block-tabs .card-header ul.nav-tabs li.nav-item{background-color: #82ebe3; border-radius: 20px; margin: 10px; transition: border-radius 0.5s, background-color 0.5s;} section#cra-pres-tabs .block-tabs .card-header ul.nav-tabs li.nav-item a.nav-link{color: #212529; padding: 10px 20px; border: inherit; border-top-left-radius: inherit; border-top-right-radius: inherit; transition: color 0.5s;} section#cra-pres-tabs .block-tabs .card-header ul.nav-tabs li.nav-item:hover{background-color: #00b8ff; border-radius: 20px 20px 0 20px;} section#cra-pres-tabs .block-tabs .card-header ul.nav-tabs li.nav-item:hover a.nav-link{color: #ffffff;} section#cra-pres-tabs .block-tabs .card-header ul.nav-tabs .nav-link.active, section#cra-pres-tabs .block-tabs .card-header ul.nav-tabs .nav-item.show .nav-link{background-color: #0091e3; border-radius: 20px 20px 0 20px; color: #ffffff !important; border: inherit;} section#cra-pres-tabs .block-tabs .card-header ul.nav-tabs .nav-link:hover, section#cra-pres-tabs .block-tabs .card-header ul.nav-tabs .nav-link:focus{border: inherit;} section#cra-pres-tabs .block-tabs .card-body{padding: 80px;} section#cra-pres-tabs .block-tabs .card-body .manifeste-mob{display: none;} @media (max-width: 980px){section#cra-pres-tabs .block-tabs .card-body{padding: 40px 20px;}} @media (max-width: 640px){section#cra-pres-tabs .block-tabs .card-body .manifeste-desk{display: none;}section#cra-pres-tabs .block-tabs .card-body .manifeste-mob{display: inherit;}} 

/* /xhg_ca_website_theme/static/src/css/cra_footer.custom.web.assets_frontend.scss defined in bundle 'web.assets_frontend' */
 section.cra-footer{padding: 80px; font-family: "Quicksand", sans-serif; line-height: 1.6em; max-width: 1280px; margin: auto;} section.cra-footer h4{text-transform: uppercase; font-size: 18px; margin: 0 0 20px; color: #3c3c3c;} section.cra-footer p{font-size: 13px; color: #3c3c3c;} section.cra-footer.fx-dir{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row;} @media (max-width: 980px){section.cra-footer{padding: 20px;}section.cra-footer.fx-dir{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}section.cra-footer.fx-dir > .columns-33{margin: 40px 0 0; text-align: center;}.contactus_button{margin-left: 0;}} .btn-primary:not(:disabled):not(.disabled).active, .product .product-heading .cgv:not(:disabled):not(.disabled).active{background: #00446a;} section.cra-footer-copy{text-align: center; padding: 40px; border-top: 0.5px solid #3c3c3c; max-width: 1280px; width: 90%; margin: auto;} section.cra-footer-copy .footer-socials a{text-decoration: none;} section.cra-footer-copy .footer-socials a img{transition: all 0.3s ease-out;} section.cra-footer-copy .footer-socials a:hover img{transform: translate(0, -5px);} section.cra-footer-copy p{font-family: "Quicksand", sans-serif; line-height: 1.6em; font-size: 12px; margin: 20px 0; color: #3c3c3c;} 

/* /xhg_ca_website_theme/static/src/css/cra_equipe.scss defined in bundle 'web.assets_frontend' */
 .teams{background-size: cover; border-radius: 50px 0 50px 50px; margin: 40px 20px; box-shadow: 0px 20px 40px -20px rgba(3, 59, 173, 0.1); height: 50vh; min-height: 200px; transition: transform 0.5s;} .team-img-text{background-color: #fff; border-radius: 80px 0 80px 80px; padding: 80px; width: 80%; margin: -80px auto 0; position: relative; box-shadow: 0px 20px 40px -20px rgba(3, 59, 173, 0.1); line-height: 1.4em; transition: margin 0.8s, box-shadow 0.8s;} .team-img-text .team-title{font-family: Montserrat; font-size: 20px; margin-bottom: 20px;} .team-img-text .team-text{font-family: Montserrat; font-size: 12px;} .team-gp-1{background-image: url("/xhg_ca_website_theme/static/src/css/../imgs/equipe-bilan-2019-caraibes-autrement.jpg"); background-position: center;} 

/* /xhg_ca_website_theme/static/src/css/cra_cuba.scss defined in bundle 'web.assets_frontend' */
 .s_title_default .page-cuba-title{font-size: 62px;} @media only screen and (max-width: 640px){.s_title_default .page-cuba-title{font-size: 32px;}} section#cra-cuba{padding: 0 0 120px; background-image: url("/xhg_ca_website_theme/static/src/css/../imgs/cra-pattern.png"); background-size: cover;} section#cra-cuba h2{font-family: "Quicksand", sans-serif; text-transform: uppercase; color: #3c3c3c; font-size: 24px; line-height: 1.6em;} section#cra-cuba h2.cra-cuba-title{font-size: 56px;} section#cra-cuba h3.cra-cuba-title{font-family: "Quicksand", sans-serif; text-transform: uppercase; color: #3c3c3c; font-size: 48px; padding: 120px 0 0;} section#cra-cuba h3.cra-cuba-title-bas{font-family: "Quicksand", sans-serif; text-transform: uppercase; color: #ffffff; font-size: 40px; margin-bottom: 20px;} section#cra-cuba p{font-family: "Montserrat", sans-serif; color: #3c3c3c; font-size: 14px; line-height: 1.6em;} section#cra-cuba p.cuba-cities{margin: 10px 0 0; font-style: italic;} .cra-cuba-container{max-width: 1200px; margin: auto; padding: 120px 0 0;} .cra-cuba-container .block-text{width: 70%; margin: auto; font-family: "Montserrat", sans-serif; line-height: 2em;} .cra-cuba-container .text-intro-occ-or, .text-equipe-orga{width: 50%; margin: auto; margin-top: 80px; background: #ffffff; padding: 80px; border-radius: 0 80px 80px 80px; box-shadow: 0px 20px 40px -20px rgba(3, 59, 173, 0.1);} .cra-cuba-container .text-intro-bas{width: 80%; margin: auto; margin-top: 80px; background: #00a09d; padding: 80px; border-radius: 80px 0 80px 80px; box-shadow: 0px 20px 40px -20px rgba(3, 59, 173, 0.1);} .cra-cuba-container .text-intro-bas > p{color: #ffffff !important;} .cra-cuba-container .text-intro-bas > p > a.link-under{color: #3c3c3c !important;} .cra-cuba-container .text-intro-bas > p > a.link-under:hover{text-decoration: underline;} .cra-cuba-container .text-intro-bas .btn-bas{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .cra-cuba-container .text-intro-bas p.p-wh{color: #ffffff !important;} .cra-cuba-container .text-intro-bas .btn-bas a.btn-bas-link{padding: 5px 20px; border: 1px solid #ffffff; border-radius: 30px; color: #ffffff; margin: 0 10px 10px 0; transition: 0.4s;} .cra-cuba-container .text-intro-bas .btn-bas a.btn-bas-link:hover{background-color: #ffffff; color: #00a09d;} .cra-cuba-container .text-intro-bas a.btn-bas-ppal{text-align: center; width: 100%; padding: 20px 40px; background-color: #ffffff; border-radius: 30px; color: #3c3c3c; margin: 0 0 40px 0; transition: 0.4s;} .cra-cuba-container .text-intro-bas a.btn-bas-ppal:hover{background-color: #3c3c3c; color: #ffffff !important;} .cra-cuba-container > .cont-text-left{padding: 80px 80px 80px 0;} .cra-cuba-container > .cont-text-right{padding: 80px 0 80px 80px;} .cra-cuba-container > .columns-33 > .s_btn > a.btn, .product .product-heading .cra-cuba-container > .columns-33 > .s_btn > a.cgv{padding: 10px 20px; border-radius: 30px;} .cra-cuba-container #myCarousel1708113319712 .carousel-inner .carousel-item{width: 100%; min-height: inherit !important; height: -webkit-fill-available;} @media only screen and (max-width: 1080px){.cra-cuba-container > .cont-text-left{padding: 80px 20px;}.cra-cuba-container > .cont-text-right{padding: 80px 20px;}.cra-cuba-container > .columns-66{padding: 0 20px;}} @media only screen and (max-width: 980px){.cra-cuba-container{padding: 40px 0 0;}.cra-cuba-container .text-intro-occ-or{width: 60%; padding: 80px;}.cra-cuba-container.flex-dir-rev{flex-direction: column-reverse;}.cra-cuba-container.flex-dir-col{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}.cra-cuba-container .columns-33, .cra-cuba-container .columns-66{width: 100%;}.cra-cuba-container > .cont-text-left, .cra-cuba-container > .cont-text-right{padding: 40px 40px 80px;}.cra-cuba-container > .columns-66{padding: 0 40px;}} @media only screen and (max-width: 768px){.cra-cuba-container .text-intro-occ-or{width: 80%; border-radius: 0 60px 60px 60px; padding: 60px;}.cra-cuba-container .text-intro-bas{width: 90%; padding: 40px; border-radius: 40px 0 40px 40px;}.cra-cuba-container .text-intro-bas a.btn-bas-ppal{padding: 15px 30px;}.cra-cuba-container .block-text{width: 90%;}} 

/* /xhg_ca_website_theme/static/src/css/cra_circuit.custom.web.assets_frontend.scss defined in bundle 'web.assets_frontend' */
 section#cra-cir-promo{padding: 120px 0; background-image: url("/web/image/935955/cra-pattern.png"); background-size: contain; background-repeat: repeat-y; position: relative;} @media (max-width: 980px){section#cra-cir-promo{padding: 0 20px;}} section#cra-cir-promo .cra-cir-promo-title-page{padding: 0 0 80px;} section#cra-cir-promo .cra-cir-promo-title-page h1{font-family: Montserrat; font-size: 20px;} section#cra-cir-promo .cra-cir-promo-title-page h2{font-family: Quicksand; font-weight: 300; text-transform: uppercase; font-size: 40px; line-height: 1.6em;} @media (max-width: 980px){section#cra-cir-promo .cra-cir-promo-title-page{padding: 80px 0 40px;}section#cra-cir-promo .cra-cir-promo-title-page h2{font-size: 24px;}} section#cra-cir-promo .cra-cir-promo-section-img, section#cra-cir-promo .cra-cir-promo-section-img-jour{background-image: none; width: 90%; max-width: 1200px; margin: auto; border-radius: 80px 80px 80px 0;} section#cra-cir-promo .cra-cir-promo-section-img{padding: 16vw 0;} section#cra-cir-promo .cra-cir-promo-section-img-jour{padding: 12vw 0;} @media (max-width: 980px){section#cra-cir-promo .cra-cir-promo-section-img, section#cra-cir-promo .cra-cir-promo-section-img-jour{width: 100%; max-width: 1200px; margin: auto; padding: 160px 0; border-radius: 40px 40px 40px 0;}} section#cra-cir-promo .bloc-img-text{max-width: 1200px; margin: auto; padding: 0 40px; display: -webkit-box; display: -webkit-flex; display: flex;} section#cra-cir-promo .bloc-img-text .cra-cir-promo-section-text{position: relative; margin: -120px 0 120px;} section#cra-cir-promo .bloc-img-text .cra-cir-promo-section-text .bloc-white{background-color: #ffffff; padding: 60px 60px 40px; box-shadow: 0px 20px 40px -20px rgba(3, 59, 173, 0.1); border-radius: 40px 40px 0;} section#cra-cir-promo .bloc-img-text .cra-cir-promo-section-text .bloc-white h2, section#cra-cir-promo .bloc-img-text .cra-cir-promo-section-text .bloc-white p{font-family: Montserrat;} section#cra-cir-promo .bloc-img-text .cra-cir-promo-section-text .bloc-white h2{font-size: 36px;} section#cra-cir-promo .bloc-img-text .cra-cir-promo-section-text .bloc-white p{font-size: 14px; line-height: 2em;} section#cra-cir-promo .bloc-img-text .cra-cir-promo-section-text .bloc-white p a{color: #007a77;} section#cra-cir-promo .bloc-img-text .cra-cir-promo-section-text .bloc-white p .hover-underline-animation{display: inline-block; position: relative;} section#cra-cir-promo .bloc-img-text .cra-cir-promo-section-text .bloc-white p .hover-underline-animation:after{content: ""; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: 0; left: 0; background-color: #007a77; transform-origin: bottom right; transition: transform 0.25s ease-out;} section#cra-cir-promo .bloc-img-text .cra-cir-promo-section-text .bloc-white p .hover-underline-animation:hover:after{transform: scaleX(1); transform-origin: bottom left;} section#cra-cir-promo .bloc-img-text .cra-cir-promo-section-text .bloc-white p.numero-jour{font-size: 12px; text-transform: uppercase; letter-spacing: 0.4em;} section#cra-cir-promo .bloc-img-text .cra-cir-promo-section-text .bloc-green{background-color: #007a77; padding: 60px 60px 40px; box-shadow: 0px 20px 40px -20px rgba(3, 59, 173, 0.1); border-radius: 40px 0 40px 40px; margin: 40px 0 0;} section#cra-cir-promo .bloc-img-text .cra-cir-promo-section-text .bloc-green p{color: #ffffff;} section#cra-cir-promo .bloc-img-text .cra-cir-promo-section-text .bloc-green p a{color: #ffffff;} section#cra-cir-promo .bloc-img-text .cra-cir-promo-section-text .bloc-green p .hover-underline-animation{display: inline-block; position: relative;} section#cra-cir-promo .bloc-img-text .cra-cir-promo-section-text .bloc-green p .hover-underline-animation:after{content: ""; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: 0; left: 0; background-color: #ffffff; transform-origin: bottom right; transition: transform 0.25s ease-out;} section#cra-cir-promo .bloc-img-text .cra-cir-promo-section-text .bloc-green p .hover-underline-animation:hover:after{transform: scaleX(1); transform-origin: bottom left;} section#cra-cir-promo .bloc-img-text .justif-content{-webkit-box-pack: end; justify-content: flex-end;} section#cra-cir-promo .bloc-img-text .columns-56{width: 56%;} section#cra-cir-promo .bloc-img-text .columns-44{width: 44%;} section#cra-cir-promo .bloc-img-text .block-text{padding: 3vw 3vw 0; font-family: Montserrat; line-height: 1.2em;} section#cra-cir-promo .bloc-img-text .cra-cir-promo-mgauto{margin: auto;} @media (max-width: 980px){section#cra-cir-promo .bloc-img-text{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 0 10px;}section#cra-cir-promo .bloc-img-text .cra-cir-promo-section-text{margin: -40px 0 0;}section#cra-cir-promo .bloc-img-text .cra-cir-promo-section-text .bloc-white, section#cra-cir-promo .bloc-img-text .cra-cir-promo-section-text .bloc-green{padding: 30px; border-radius: 20px 20px 0 20px;}section#cra-cir-promo .bloc-img-text .cra-cir-promo-section-text h2{font-size: 24px !important;}section#cra-cir-promo .bloc-img-text .columns-56, section#cra-cir-promo .bloc-img-text .columns-44{width: 100% !important;}section#cra-cir-promo .bloc-img-text .justif-content{justify-content: center;}section#cra-cir-promo .bloc-img-text .sect-txt-left, section#cra-cir-promo .bloc-img-text .sect-txt-right{width: 100%;}section#cra-cir-promo .bloc-img-text .block-text{padding: 40px; width: 100%;}} section#cra-cir-promo .cra-cir-promo-assistance{max-width: 1120px; width: 80%; margin: auto; margin-top: 3vw; background: #007a77; padding: 60px 60px 30px; border-radius: 40px 0 40px 40px; box-shadow: 0px 20px 40px -20px rgba(3, 59, 173, 0.1);} section#cra-cir-promo .cra-cir-promo-assistance h2, section#cra-cir-promo .cra-cir-promo-assistance p{color: #ffffff;} section#cra-cir-promo .cra-cir-promo-assistance p{column-count: 2; column-gap: 40px;} section#cra-cir-promo .cra-cir-promo-assistance ul{column-count: 2; column-gap: 40px; padding: 20px;} section#cra-cir-promo .cra-cir-promo-assistance ul li{color: #ffffff; line-height: 2em;} @media (max-width: 980px){section#cra-cir-promo .cra-cir-promo-assistance{width: 100%; padding: 30px; margin-bottom: 40px;}section#cra-cir-promo .cra-cir-promo-assistance ul{column-count: 1; column-gap: 0px;}} section#cra-cir-promo #cra-promo-carousel-anchor{padding-top: 6vw;} section#cra-cir-promo .cra-promo-carousel{max-width: 1200px; margin: auto; border-radius: 0 80px 80px 80px; overflow: hidden; margin-bottom: 6vw;} section#cra-cir-promo .cra-promo-carousel .carousel{height: 640px;} section#cra-cir-promo .cra-promo-carousel .carousel .cra-carousel-content{display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-end; padding-top: 40px;} section#cra-cir-promo .cra-promo-carousel .carousel .cra-carousel-content .carousel-title-accomodation{margin: auto; background-color: #007a77; padding: 20px 20px 4px; border-radius: 20px;} section#cra-cir-promo .cra-promo-carousel .carousel .cra-carousel-content .carousel-title-accomodation p{text-align: center; line-height: 0.2em;} @media (max-width: 980px){section#cra-cir-promo .cra-promo-carousel .carousel .cra-carousel-content .carousel-title-accomodation{padding: 20px 10px 4px; margin: 0 20px;}section#cra-cir-promo .cra-promo-carousel .carousel .cra-carousel-content .carousel-title-accomodation p{line-height: 1.2em;}} @media (max-width: 980px){section#cra-cir-promo .cra-promo-carousel{border-radius: 0 40px 40px 40px; margin-bottom: 80px;}section#cra-cir-promo .cra-promo-carousel .carousel{height: 320px;}section#cra-cir-promo .cra-promo-carousel .carousel .cra-carousel-content{padding-top: 20px;}section#cra-cir-promo .cra-promo-carousel .carousel .cra-carousel-content .carousel-title-accomodation{padding: 16px 10px 0; margin: 0 20px;}section#cra-cir-promo .cra-promo-carousel .carousel .cra-carousel-content .carousel-title-accomodation p{line-height: 1.2em;}} section#cra-cir-promo .cra-cir-promo-table{max-width: 1200px; width: calc(100% - 80px); margin: auto;} section#cra-cir-promo .cra-cir-promo-table .table-tarifs{width: 100%; text-align: left; position: relative; border-collapse: collapse; background-color: #fff; border-radius: 40px 40px 0 40px; box-shadow: 0px 20px 40px -20px rgba(3, 59, 173, 0.1); border: 2px solid #fff; overflow: hidden; margin-bottom: 3vw;} section#cra-cir-promo .cra-cir-promo-table .table-tarifs td, section#cra-cir-promo .cra-cir-promo-table .table-tarifs th{border: 1px solid rgba(1, 122, 119, 0.2); padding: 30px;} section#cra-cir-promo .cra-cir-promo-table .table-tarifs td:first-child{padding: 30px 30px 30px 40px;} section#cra-cir-promo .cra-cir-promo-table .table-tarifs tbody > tr:hover{background-color: rgba(1, 122, 119, 0.05);} section#cra-cir-promo .cra-cir-promo-table .table-responsive{width: fit-content; margin: auto; max-width: 100%; margin-bottom: 40px;} section#cra-cir-promo .cra-cir-promo-table .table-responsive td, section#cra-cir-promo .cra-cir-promo-table .table-responsive th{border: 1px solid rgba(1, 122, 119, 0.2); padding: 20px 10px;} section#cra-cir-promo .cra-cir-promo-table .table-responsive td:first-child{padding: 20px 10px 20px 20px;} section#cra-cir-promo .cra-cir-promo-table p{font-style: italic; margin: 0 0 10px; font-size: 12px;} @media (min-width: 980px){section#cra-cir-promo .cra-cir-promo-table .table-responsive{display: none;}} @media (max-width: 980px){section#cra-cir-promo .cra-cir-promo-table{width: 100%;}section#cra-cir-promo .cra-cir-promo-table .table-desktop{display: none;}} section#cra-cir-promo .cra-cir-promo-cond{max-width: 800px; width: 80%; margin: auto; margin-top: 6vw;} @media (max-width: 980px){section#cra-cir-promo .cra-cir-promo-cond{width: 100%; padding: 60px 0;}} section#cra-cir-promo .cra-cir-promo-bas{max-width: 800px; width: 80%; margin: auto; margin-top: 3vw; background: #007a77; padding: 60px 60px 30px; border-radius: 40px 0 40px 40px; box-shadow: 0px 20px 40px -20px rgba(3, 59, 173, 0.1);} section#cra-cir-promo .cra-cir-promo-bas h2, section#cra-cir-promo .cra-cir-promo-bas h3, section#cra-cir-promo .cra-cir-promo-bas p{color: #ffffff;} section#cra-cir-promo .cra-cir-promo-bas h2{font-family: Quicksand; font-weight: 300; text-transform: uppercase; font-size: 40px;} section#cra-cir-promo .cra-cir-promo-bas h3{margin: 20px 0 0;} section#cra-cir-promo .cra-cir-promo-bas ul{padding: 0 20px 20px;} section#cra-cir-promo .cra-cir-promo-bas ul li{color: #ffffff; line-height: 2em;} @media (max-width: 980px){section#cra-cir-promo .cra-cir-promo-bas{width: 100%; padding: 40px 40px 10px;}section#cra-cir-promo .cra-cir-promo-bas h2{font-size: 32px;}} section#cra-cir-promo .types{max-width: 1120px; width: 100%; margin: auto; text-align: center; padding: 3vw 0;} section#cra-cir-promo .types .columns-25{padding: 0 20px;} section#cra-cir-promo .types .columns-25 h4{margin: 0 0 20px;} section#cra-cir-promo .green-block{max-width: 875px; width: 80%; margin: auto; margin-top: auto; margin-top: 3vw; background: #007a77; padding: 60px 60px 30px; padding-bottom: 30px; border-radius: 40px 0 40px 40px; box-shadow: 0px 20px 40px -20px rgba(3, 59, 173, 0.1); margin-bottom: 7rem; color: white; position: relative;} @media (max-width: 480px){section#cra-cir-promo .green-block{padding: 100px 0px 0px;}} section#cra-cir-promo .image-portrait{position: absolute; left: -75px; top: -65px; width: 150px; height: auto;} @media (max-width: 480px){section#cra-cir-promo .image-portrait{left: 50px; top: -70px;}} section#cra-circuits{padding: 120px 0; background-image: url("/web/image/935955/cra-pattern.png"); background-size: cover;} section#cra-circuits .cra-pres-container{max-width: 1200px; margin: auto; width: 90%;} section#cra-circuits h1#circuits-page-title{text-align: center; text-transform: uppercase; font-size: 56px; font-family: Quicksand; font-weight: 300;} @media (max-width: 980px){section#cra-circuits h1#circuits-page-title{font-size: 32px;}} section#cra-circuits .circuits-page-text-intro{max-width: 980px; margin: 80px auto 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit--webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;} section#cra-circuits .circuits-page-text-intro .columns-50{padding: 40px 0 40px 40px; margin: 0 0 80px;} section#cra-circuits .circuits-page-text-intro .columns-50 h2{font-family: Quicksand; font-weight: 300; font-size: 32px;} section#cra-circuits .circuits-page-text-intro .intro-bg-cuba{background-image: url("/xhg_ca_website_theme/static/src/css/../imgs/cienfuegos-caraibes-autrement.jpg"); background-size: cover; background-position: center; border-radius: 50px 50px 50px 0;} section#cra-circuits .circuits-page-text-intro .cra-circuits-theme-text{text-align: center; max-width: 720px; margin: 0 auto 40px;} section#cra-circuits .circuits-page-text-intro .cra-circuits-theme-text h2{font-family: Quicksand; font-weight: 300; font-size: 32px;} @media (max-width: 1024px){section#cra-circuits .circuits-page-text-intro .columns-50{padding: 0 20px;}section#cra-circuits .circuits-page-text-intro .intro-bg-cuba{padding: 240px 0;}} section#cra-circuits .circuits-page-buttons-intro{text-align: center; padding: 40px 0 0; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center;} section#cra-circuits .circuits-page-buttons-intro .button-intro{background-color: #00a09d; color: #fff; padding: 5px 20px; border-radius: 40px; margin: 0 10px; transition: background-color 0.8s, margin 0.8s;} section#cra-circuits .circuits-page-buttons-intro .button-intro:hover{background-color: #007a77; margin: -10px 10px 10px;} section#cra-circuits .cra-circuits-cat-title{padding: 120px 20px 20px; font-family: Montserrat; line-height: 1.6em;} section#cra-circuits .cra-circuits-cat-title h2{font-size: 40px; margin-bottom: 20px;} section#cra-circuits .cra-circuits-cat-title h3{font-size: 24px; margin-bottom: 20px;} section#cra-circuits .cra-circuits-cat-title p{font-size: 14px;} section#cra-circuits a{text-decoration: none; color: inherit;} section#cra-circuits a .circuits{background-size: cover; border-radius: 50px 0 50px 50px; margin: 40px 20px; box-shadow: 0px 20px 40px -20px rgba(3, 59, 173, 0.1); height: 40vh; min-height: 200px; transition: transform 0.5s;} section#cra-circuits a .circuits:hover{transform: scale(1.025);} section#cra-circuits a .circuit-ind-1{background-image: url(/web/image/991537/circuit-promo-immersion-authentique-intro.jpeg); background-position: center;} section#cra-circuits a .circuit-ind-2{background-image: url(/web/image/1194636/018bbc6c-3e83-7586-8729-06bdb2729fdc.jpg); background-position: center;} section#cra-circuits a .circuit-ind-3{background-image: url(/web/image/1194772/cuba-la-havane-02-caraibes-autrement.jpeg); background-position: center;} section#cra-circuits a .circuit-ind-4{background-image: url(/web/image/1194766/018bbc9b-1b2b-78c2-a8f8-975022bd9875.jpg); background-position: center;} section#cra-circuits a .circuit-gp-1{background-image: url(/web/image/1189648/018bbbdc-2499-7bf6-a887-ad83b30ca169.jpg); background-position: center;} section#cra-circuits a .circuit-gp-2{background-image: url(/web/image/1190727/018bbc0d-3f8b-722b-9f55-b234435f38fd.jpg); background-position: center;} section#cra-circuits a .circuit-gp-3{background-image: url(/web/image/1191392/018d333a-0882-7f2f-8076-98e85b7c7ff7-large.jpg); background-position: center;} section#cra-circuits a .circuit-gp-4{background-image: url(/web/image/1190841/018bbbd3-7c7f-7af5-8693-e8c308a920e3.jpg); background-position: center;} section#cra-circuits a .circuit-gp-5{background-image: url(/web/image/1191387/018bbc3b-0036-720b-8b44-c16a336f4cdb.jpg); background-position: center;} section#cra-circuits a .circuit-gp-6{background-image: url(/web/image/1191458/018bbbe5-acad-7378-89c0-5321f35e263f.jpg); background-position: center;} section#cra-circuits a .circuit-gp-7{background-image: url(/web/image/1191513/018bbbf3-b8dc-7c3e-a154-cc79b4bd7ce4.jpg); background-position: center;} section#cra-circuits a .circuit-gp-8{background-image: url(/web/image/1191581/018bbb9d-4243-75be-9499-6a62afcad4c4.jpg); background-position: center;} section#cra-circuits a .circuit-th-1{background-image: url(/web/image/1200156/8141c349849eeb5c7f1a574d7017ceb680451cb3.jpg); background-position: center;} section#cra-circuits a .circuit-img-text{background-color: #fff; border-radius: 40px 0 40px 40px; padding: 30px 30px 30px; width: 80%; margin: -80px auto 0; position: relative; box-shadow: 0px 20px 40px -20px rgba(3, 59, 173, 0.1); line-height: 1.4em; transition: margin 0.8s, box-shadow 0.8s;} section#cra-circuits a .circuit-img-text .circuit-tags-wrapper{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; justify-content: flex-end; gap: 8px; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: 5px;} @media (max-width: 480px){section#cra-circuits a .circuit-img-text .circuit-tags-wrapper{gap: 0px;}} section#cra-circuits a .circuit-img-text .circuit-title{font-family: Montserrat; font-size: 20px; margin-bottom: 20px;} section#cra-circuits a .circuit-img-text .circuit-cities, section#cra-circuits a .circuit-img-text .circuit-nights{font-family: Montserrat;} section#cra-circuits a .circuit-img-text .circuit-price, section#cra-circuits a .circuit-img-text .circuit-tag{background-color: #000; padding: 5px 6px; color: white; border-radius: 12px; margin-top: 15px;} section#cra-circuits a .circuit-img-text .circuit-tag{background-color: #00446A !important;} section#cra-circuits a .circuit-img-text:hover{margin: -100px auto 20px; box-shadow: 0px 20px 40px -20px rgba(3, 59, 173, 0.2);} section#cra-circuits > .flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; flex: 1; align-items: flex-start;} 

/* /xhg_ca_website_tailwind/static/src/css/tailwind/output.min.css defined in bundle 'web.assets_frontend' */
 @layer properties; @keyframes wave{0%, 100%{transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1);}50%{transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1);}} @layer theme, base, components, utilities; @layer theme{:root, :host{--tw-color-gray-200: oklch(92.8% 0.006 264.531); --tw-color-black: #000; --tw-color-white: #fff; --tw-spacing: 0.25rem; --tw-text-xs: 0.75rem; --tw-text-xs--line-height: calc(1 / 0.75); --tw-text-sm: 0.875rem; --tw-text-sm--line-height: calc(1.25 / 0.875); --tw-text-base: 1rem; --tw-text-base--line-height: calc(1.5 / 1); --tw-text-lg: 1.125rem; --tw-text-lg--line-height: calc(1.75 / 1.125); --tw-text-xl: 1.25rem; --tw-text-xl--line-height: calc(1.75 / 1.25); --tw-font-weight-normal: 400; --tw-font-weight-medium: 500; --tw-font-weight-semibold: 600; --tw-font-weight-bold: 700; --tw-font-weight-black: 900; --tw-radius-md: 0.375rem; --tw-drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15); --tw-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --tw-animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --tw-blur-sm: 8px; --tw-default-transition-duration: 150ms; --tw-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --tw-color-warning: var(--portal-warning); --tw-color-success: var(--portal-success);}} .tw\:absolute{position: absolute !important;} .tw\:relative{position: relative !important;} .tw\:z-0{z-index: 0 !important;} .tw\:z-10{z-index: 10 !important;} .tw\:m-0{margin: calc(var(--tw-spacing) * 0) !important;} .tw\:m-1{margin: calc(var(--tw-spacing) * 1) !important;} .tw\:mx-4{margin-inline: calc(var(--tw-spacing) * 4) !important;} .tw\:mt-3{margin-top: calc(var(--tw-spacing) * 3) !important;} .tw\:mt-6{margin-top: calc(var(--tw-spacing) * 6) !important;} .tw\:mt-\[1\.7rem\]{margin-top: 1.7rem !important;} .tw\:mb-6{margin-bottom: calc(var(--tw-spacing) * 6) !important;} .tw\:flex-line{display: flex !important; flex-direction: row !important; align-items: center !important; gap: 0.5em !important;} .tw\:flex{display: flex !important;} .tw\:grid{display: grid !important;} .tw\:hidden{display: none !important;} .tw\:list-item{display: list-item !important;} .tw\:h-0\.5{height: calc(var(--tw-spacing) * 0.5) !important;} .tw\:h-2{height: calc(var(--tw-spacing) * 2) !important;} .tw\:h-3{height: calc(var(--tw-spacing) * 3) !important;} .tw\:h-\[1\.25rem\]{height: 1.25rem !important;} .tw\:h-\[70px\]{height: 70px !important;} .tw\:h-fit{height: fit-content !important;} .tw\:h-full{height: 100% !important;} .tw\:min-h-\[5em\]{min-height: 5em !important;} .tw\:min-h-\[50vh\]{min-height: 50vh !important;} .tw\:min-h-\[230px\]{min-height: 230px !important;} .tw\:w-0{width: calc(var(--tw-spacing) * 0) !important;} .tw\:w-3{width: calc(var(--tw-spacing) * 3) !important;} .tw\:w-\[25\%\]{width: 25% !important;} .tw\:w-\[75\%\]{width: 75% !important;} .tw\:w-\[130px\]{width: 130px !important;} .tw\:w-\[150px\]{width: 150px !important;} .tw\:w-fit{width: fit-content !important;} .tw\:w-full{width: 100% !important;} .tw\:max-w-\[70px\]{max-width: 70px !important;} .tw\:max-w-\[100px\]{max-width: 100px !important;} .tw\:max-w-\[430px\]{max-width: 430px !important;} .tw\:min-w-\[270px\]{min-width: 270px !important;} .tw\:flex-auto{flex: auto !important;} .tw\:shrink-0{flex-shrink: 0 !important;} .tw\:grow{flex-grow: 1 !important;} .tw\:grow-0{flex-grow: 0 !important;} .tw\:scale-75{--tw-scale-x: 75% !important; --tw-scale-y: 75% !important; --tw-scale-z: 75% !important; scale: var(--tw-scale-x) var(--tw-scale-y) !important;} .tw\:scale-100{--tw-scale-x: 100% !important; --tw-scale-y: 100% !important; --tw-scale-z: 100% !important; scale: var(--tw-scale-x) var(--tw-scale-y) !important;} .tw\:animate-\[wave_1\.4s_infinite_0\.3s\]{animation: wave 1.4s infinite 0.3s !important;} .tw\:animate-\[wave_1\.4s_infinite_0\.15s\]{animation: wave 1.4s infinite 0.15s !important;} .tw\:animate-\[wave_1\.4s_infinite_0\.45s\]{animation: wave 1.4s infinite 0.45s !important;} .tw\:animate-\[wave_1\.4s_infinite_0s\]{animation: wave 1.4s infinite 0s !important;} .tw\:animate-pulse{animation: var(--tw-animate-pulse) !important;} .tw\:cursor-pointer{cursor: pointer !important;} .tw\:list-disc{list-style-type: disc !important;} .tw\:list-none{list-style-type: none !important;} .tw\:grid-cols-2{grid-template-columns: repeat(2, minmax(0, 1fr)) !important;} .tw\:grid-cols-\[4fr_10fr\]{grid-template-columns: 4fr 10fr !important;} .tw\:flex-col{flex-direction: column !important;} .tw\:flex-row{flex-direction: row !important;} .tw\:flex-nowrap{flex-wrap: nowrap !important;} .tw\:flex-wrap{flex-wrap: wrap !important;} .tw\:items-baseline{align-items: baseline !important;} .tw\:items-center{align-items: center !important;} .tw\:items-start{align-items: flex-start !important;} .tw\:justify-center{justify-content: center !important;} .tw\:gap-0{gap: calc(var(--tw-spacing) * 0) !important;} .tw\:gap-1{gap: calc(var(--tw-spacing) * 1) !important;} .tw\:gap-2{gap: calc(var(--tw-spacing) * 2) !important;} .tw\:gap-2\.5{gap: calc(var(--tw-spacing) * 2.5) !important;} .tw\:gap-3{gap: calc(var(--tw-spacing) * 3) !important;} .tw\:gap-4{gap: calc(var(--tw-spacing) * 4) !important;} .tw\:gap-5{gap: calc(var(--tw-spacing) * 5) !important;} .tw\:gap-6{gap: calc(var(--tw-spacing) * 6) !important;} .tw\:gap-8{gap: calc(var(--tw-spacing) * 8) !important;} .tw\:gap-10{gap: calc(var(--tw-spacing) * 10) !important;} .tw\:gap-14{gap: calc(var(--tw-spacing) * 14) !important;} .tw\:gap-\[0\.5em\]{gap: 0.5em !important;} .tw\:gap-\[1em\]{gap: 1em !important;} .tw\:gap-x-3{column-gap: calc(var(--tw-spacing) * 3) !important;} .tw\:gap-x-10{column-gap: calc(var(--tw-spacing) * 10) !important;} .tw\:gap-y-1{row-gap: calc(var(--tw-spacing) * 1) !important;} .tw\:gap-y-4{row-gap: calc(var(--tw-spacing) * 4) !important;} .tw\:place-self-end{place-self: end !important;} .tw\:self-start{align-self: flex-start !important;} .tw\:self-stretch{align-self: stretch !important;} .tw\:overflow-hidden{overflow: hidden !important;} .tw\:rounded{border-radius: 0.25rem !important;} .tw\:rounded-full{border-radius: calc(infinity * 1px) !important;} .tw\:rounded-md{border-radius: var(--tw-radius-md) !important;} .tw\:rounded-tl-\[3px\]{border-top-left-radius: 3px !important;} .tw\:rounded-bl-\[3px\]{border-bottom-left-radius: 3px !important;} .tw\:border-0{border-style: var(--tw-border-style) !important; border-width: 0px !important;} .tw\:border-r-2{border-right-style: var(--tw-border-style) !important; border-right-width: 2px !important;} .tw\:border-b-2{border-bottom-style: var(--tw-border-style) !important; border-bottom-width: 2px !important;} .tw\:border-solid{--tw-border-style: solid !important; border-style: solid !important;} .tw\:border-\[\#f5f9fa\]{border-color: #f5f9fa !important;} .tw\:border-white\/100{border-color: var(--tw-color-white) !important;} .tw\:bg-\[var\(--black\)\]{background-color: var(--black) !important;} .tw\:bg-gray-200{background-color: var(--tw-color-gray-200) !important;} .tw\:bg-white{background-color: var(--tw-color-white) !important;} .tw\:\[fill\:\#00c8ff\]{fill: #00c8ff !important;} .tw\:\[fill\:\#007bff\]{fill: #007bff !important;} .tw\:\[fill\:\#0033cc\]{fill: #0033cc !important;} .tw\:\[fill\:\#69d5c8\]{fill: #69d5c8 !important;} .tw\:p-0{padding: calc(var(--tw-spacing) * 0) !important;} .tw\:p-1{padding: calc(var(--tw-spacing) * 1) !important;} .tw\:p-4{padding: calc(var(--tw-spacing) * 4) !important;} .tw\:p-5{padding: calc(var(--tw-spacing) * 5) !important;} .tw\:px-2{padding-inline: calc(var(--tw-spacing) * 2) !important;} .tw\:px-2\.5{padding-inline: calc(var(--tw-spacing) * 2.5) !important;} .tw\:px-3{padding-inline: calc(var(--tw-spacing) * 3) !important;} .tw\:px-4{padding-inline: calc(var(--tw-spacing) * 4) !important;} .tw\:px-10{padding-inline: calc(var(--tw-spacing) * 10) !important;} .tw\:px-\[3em\]{padding-inline: 3em !important;} .tw\:py-2{padding-block: calc(var(--tw-spacing) * 2) !important;} .tw\:py-4{padding-block: calc(var(--tw-spacing) * 4) !important;} .tw\:py-\[5px\]{padding-block: 5px !important;} .tw\:pr-4{padding-right: calc(var(--tw-spacing) * 4) !important;} .tw\:pr-\[5px\]{padding-right: 5px !important;} .tw\:pb-4{padding-bottom: calc(var(--tw-spacing) * 4) !important;} .tw\:pl-2\.5{padding-left: calc(var(--tw-spacing) * 2.5) !important;} .tw\:pl-4{padding-left: calc(var(--tw-spacing) * 4) !important;} .tw\:pl-5{padding-left: calc(var(--tw-spacing) * 5) !important;} .tw\:text-center{text-align: center !important;} .tw\:text-left{text-align: left !important;} .tw\:text-right{text-align: right !important;} .tw\:text-base{font-size: var(--tw-text-base) !important; line-height: var(--tw-leading, var(--tw-text-base--line-height)) !important;} .tw\:text-lg{font-size: var(--tw-text-lg) !important; line-height: var(--tw-leading, var(--tw-text-lg--line-height)) !important;} .tw\:text-sm{font-size: var(--tw-text-sm) !important; line-height: var(--tw-leading, var(--tw-text-sm--line-height)) !important;} .tw\:text-xl{font-size: var(--tw-text-xl) !important; line-height: var(--tw-leading, var(--tw-text-xl--line-height)) !important;} .tw\:text-xs{font-size: var(--tw-text-xs) !important; line-height: var(--tw-leading, var(--tw-text-xs--line-height)) !important;} .tw\:leading-none{--tw-leading: 1 !important; line-height: 1 !important;} .tw\:font-black{--tw-font-weight: var(--tw-font-weight-black) !important; font-weight: var(--tw-font-weight-black) !important;} .tw\:font-bold{--tw-font-weight: var(--tw-font-weight-bold) !important; font-weight: var(--tw-font-weight-bold) !important;} .tw\:font-medium{--tw-font-weight: var(--tw-font-weight-medium) !important; font-weight: var(--tw-font-weight-medium) !important;} .tw\:font-normal{--tw-font-weight: var(--tw-font-weight-normal) !important; font-weight: var(--tw-font-weight-normal) !important;} .tw\:font-semibold{--tw-font-weight: var(--tw-font-weight-semibold) !important; font-weight: var(--tw-font-weight-semibold) !important;} .tw\:text-nowrap{text-wrap: nowrap !important;} .tw\:text-\[\#51BC8E\]{color: #51BC8E !important;} .tw\:text-\[\#E6B82E\]{color: #E6B82E !important;} .tw\:text-\[var\(--white\)\]{color: var(--white) !important;} .tw\:text-black{color: var(--tw-color-black) !important;} .tw\:text-success{color: var(--tw-color-success) !important;} .tw\:text-warning{color: var(--tw-color-warning) !important;} .tw\:uppercase{text-transform: uppercase !important;} .tw\:italic{font-style: italic !important;} .tw\:opacity-0{opacity: 0% !important;} .tw\:ring-2{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;} .tw\:blur-sm{--tw-blur: blur(var(--tw-blur-sm)) !important; filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;} .tw\:drop-shadow{--tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06))) !important; --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06)) !important; filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;} .tw\:drop-shadow-sm{--tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15))) !important; --tw-drop-shadow: drop-shadow(var(--tw-drop-shadow-sm)) !important; filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;} .tw\:transition{transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events !important; transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function)) !important; transition-duration: var(--tw-duration, var(--tw-default-transition-duration)) !important;} .tw\:transition-all{transition-property: all !important; transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function)) !important; transition-duration: var(--tw-duration, var(--tw-default-transition-duration)) !important;} .tw\:duration-900{--tw-duration: 900ms !important; transition-duration: 900ms !important;} .tw\:ease-in-out{--tw-ease: var(--tw-ease-in-out) !important; transition-timing-function: var(--tw-ease-in-out) !important;} .tw\:sm\:mb-0{@media (width >= 576px){margin-bottom: calc(var(--tw-spacing) * 0) !important;}} .tw\:sm\:flex{@media (width >= 576px){display: flex !important;}} .tw\:sm\:hidden{@media (width >= 576px){display: none !important;}} .tw\:sm\:inline{@media (width >= 576px){display: inline !important;}} .tw\:sm\:pe-8{@media (width >= 576px){padding-inline-end: calc(var(--tw-spacing) * 8) !important;}} .tw\:md\:grow-\[3\]{@media (width >= 768px){flex-grow: 3 !important;}} .tw\:md\:flex-row{@media (width >= 768px){flex-direction: row !important;}} .tw\:md\:items-center{@media (width >= 768px){align-items: center !important;}} }@property --tw-scale-x{syntax: "*"; inherits: false; initial-value: 1;} @property --tw-scale-y{syntax: "*"; inherits: false; initial-value: 1;} @property --tw-scale-z{syntax: "*"; inherits: false; initial-value: 1;} @property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;} @property --tw-leading{syntax: "*"; inherits: false;} @property --tw-font-weight{syntax: "*"; inherits: false;} @property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;} @property --tw-shadow-color{syntax: "*"; inherits: false;} @property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;} @property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;} @property --tw-inset-shadow-color{syntax: "*"; inherits: false;} @property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;} @property --tw-ring-color{syntax: "*"; inherits: false;} @property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;} @property --tw-inset-ring-color{syntax: "*"; inherits: false;} @property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;} @property --tw-ring-inset{syntax: "*"; inherits: false;} @property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;} @property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;} @property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;} @property --tw-blur{syntax: "*"; inherits: false;} @property --tw-brightness{syntax: "*"; inherits: false;} @property --tw-contrast{syntax: "*"; inherits: false;} @property --tw-grayscale{syntax: "*"; inherits: false;} @property --tw-hue-rotate{syntax: "*"; inherits: false;} @property --tw-invert{syntax: "*"; inherits: false;} @property --tw-opacity{syntax: "*"; inherits: false;} @property --tw-saturate{syntax: "*"; inherits: false;} @property --tw-sepia{syntax: "*"; inherits: false;} @property --tw-drop-shadow{syntax: "*"; inherits: false;} @property --tw-drop-shadow-color{syntax: "*"; inherits: false;} @property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;} @property --tw-drop-shadow-size{syntax: "*"; inherits: false;} @property --tw-duration{syntax: "*"; inherits: false;} @property --tw-ease{syntax: "*"; inherits: false;} @keyframes pulse{50%{opacity: 0.5;}} @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-border-style: solid; --tw-leading: initial; --tw-font-weight: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-duration: initial; --tw-ease: initial;}} }

/* /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;} 

/* /survey/static/src/css/survey_print.css defined in bundle 'web.assets_frontend' */
.survey-wrapped-div{overflow-wrap: break-word; cursor: text; height: auto;} @media print{.js_surveyform{font-size: 13px;}.js_surveyform textarea.form-control{height: 10em;}.js_surveyform h1{font-size: 28px;}.js_surveyform h2{font-size: 20px;}.js_question-wrapper{page-break-inside: avoid;}} 

/* /web/static/lib/nvd3/nv.d3.css defined in bundle 'web.assets_frontend' */
 .nvd3 .nv-axis{pointer-events:none; opacity: 1;} .nvd3 .nv-axis path{fill: none; stroke: #000; stroke-opacity: .75; shape-rendering: crispEdges;} .nvd3 .nv-axis path.domain{stroke-opacity: .75;} .nvd3 .nv-axis.nv-x path.domain{stroke-opacity: 0;} .nvd3 .nv-axis line{fill: none; stroke: #e5e5e5; shape-rendering: crispEdges;} .nvd3 .nv-axis .zero line, .nvd3 .nv-axis line.zero{stroke-opacity: .75;} .nvd3 .nv-axis .nv-axisMaxMin text{font-weight: bold;} .nvd3 .x .nv-axis .nv-axisMaxMin text, .nvd3 .x2 .nv-axis .nv-axisMaxMin text, .nvd3 .x3 .nv-axis .nv-axisMaxMin text{text-anchor: middle} .nvd3 .nv-axis.nv-disabled{opacity: 0;} .nvd3 .nv-groups .nv-point.hover{stroke-width: 20px; stroke-opacity: .5;} .nvd3 .nv-scatter .nv-point.hover{fill-opacity: 1;} .nv-noninteractive{pointer-events: none;} .nv-distx, .nv-disty{pointer-events: none;} .nvtooltip{position: absolute; background-color: rgba(255,255,255,1.0); color: rgba(0,0,0,1.0); padding: 1px; border: 1px solid rgba(0,0,0,.2); z-index: 10000; display: block; font-family: Arial; font-size: 13px; text-align: left; pointer-events: none; white-space: nowrap; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .nvtooltip{background: rgba(255,255,255, 0.8); border: 1px solid rgba(0,0,0,0.5); border-radius: 4px;} .nvtooltip.with-transitions, .with-transitions .nvtooltip{transition: opacity 50ms linear; -moz-transition: opacity 50ms linear; -webkit-transition: opacity 50ms linear; transition-delay: 200ms; -moz-transition-delay: 200ms; -webkit-transition-delay: 200ms;} .nvtooltip.x-nvtooltip, .nvtooltip.y-nvtooltip{padding: 8px;} .nvtooltip h3{margin: 0; padding: 4px 14px; line-height: 18px; font-weight: normal; background-color: rgba(247,247,247,0.75); color: rgba(0,0,0,1.0); text-align: center; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .nvtooltip p{margin: 0; padding: 5px 14px; text-align: center;} .nvtooltip span{display: inline-block; margin: 2px 0;} .nvtooltip table{margin: 6px; border-spacing:0;} .nvtooltip table td{padding: 2px 9px 2px 0; vertical-align: middle;} .nvtooltip table td.key{font-weight: normal;} .nvtooltip table td.key.total{font-weight: bold;} .nvtooltip table td.value{text-align: right; font-weight: bold;} .nvtooltip table tr.highlight td{padding: 1px 9px 1px 0; border-bottom-style: solid; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px;} .nvtooltip table td.legend-color-guide div{width: 8px; height: 8px; vertical-align: middle;} .nvtooltip table td.legend-color-guide div{width: 12px; height: 12px; border: 1px solid #999;} .nvtooltip .footer{padding: 3px; text-align: center;} .nvtooltip-pending-removal{pointer-events: none; display: none;} .nvd3 .nv-interactiveGuideLine{pointer-events:none;} .nvd3 line.nv-guideline{stroke: #ccc;} .nvd3 .nv-bars rect{fill-opacity: .75; transition: fill-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear;} .nvd3 .nv-bars rect.hover{fill-opacity: 1;} .nvd3 .nv-bars .hover rect{fill: lightblue;} .nvd3 .nv-bars text{fill: rgba(0,0,0,0);} .nvd3 .nv-bars .hover text{fill: rgba(0,0,0,1);} .nvd3 .nv-multibar .nv-groups rect, .nvd3 .nv-multibarHorizontal .nv-groups rect, .nvd3 .nv-discretebar .nv-groups rect{stroke-opacity: 0; transition: fill-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear;} .nvd3 .nv-multibar .nv-groups rect:hover, .nvd3 .nv-multibarHorizontal .nv-groups rect:hover, .nvd3 .nv-candlestickBar .nv-ticks rect:hover, .nvd3 .nv-discretebar .nv-groups rect:hover{fill-opacity: 1;} .nvd3 .nv-discretebar .nv-groups text, .nvd3 .nv-multibarHorizontal .nv-groups text{font-weight: bold; fill: rgba(0,0,0,1); stroke: rgba(0,0,0,0);} .nvd3 .nv-groups path.nv-line{fill: none;} .nvd3 .nv-groups path.nv-area{stroke: none;} .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point{fill-opacity: 0; stroke-opacity: 0;} .nvd3.nv-scatter.nv-single-point .nv-groups .nv-point{fill-opacity: .5 !important; stroke-opacity: .5 !important;} .with-transitions .nvd3 .nv-groups .nv-point{transition: stroke-width 250ms linear, stroke-opacity 250ms linear; -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear; -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;} .nvd3.nv-scatter .nv-groups .nv-point.hover, .nvd3 .nv-groups .nv-point.hover{stroke-width: 7px; fill-opacity: .95 !important; stroke-opacity: .95 !important;} .nvd3 .nv-point-paths path{stroke: #aaa; stroke-opacity: 0; fill: #eee; fill-opacity: 0;} .nvd3 .nv-indexLine{cursor: ew-resize;} svg.nvd3-svg{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; display: block; width:100%; height:100%;} .nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip{-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .nvd3 text{font: normal 12px Arial;} .nvd3 .title{font: bold 14px Arial;} .nvd3 .nv-background{fill: white; fill-opacity: 0;} .nvd3.nv-noData{font-size: 18px; font-weight: bold;} .nv-brush .extent{fill-opacity: .125; shape-rendering: crispEdges;} .nv-brush .resize path{fill: #eee; stroke: #666;} .nvd3 .nv-legend .nv-series{cursor: pointer;} .nvd3 .nv-legend .nv-disabled circle{fill-opacity: 0;} .nvd3 .nv-brush .extent{fill-opacity: 0 !important;} .nvd3 .nv-brushBackground rect{stroke: #000; stroke-width: .4; fill: #fff; fill-opacity: .7;} .nvd3.nv-pie path{stroke-opacity: 0; transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;} .nvd3.nv-pie .nv-pie-title{font-size: 24px; fill: rgba(19, 196, 249, 0.59);} .nvd3.nv-pie .nv-slice text{stroke: #000; stroke-width: 0;} .nvd3.nv-pie path{stroke: #fff; stroke-width: 1px; stroke-opacity: 1;} .nvd3.nv-pie path{fill-opacity: .7;} .nvd3.nv-pie .hover path{fill-opacity: 1;} .nvd3.nv-pie .nv-label{pointer-events: none;} .nvd3.nv-pie .nv-label rect{fill-opacity: 0; stroke-opacity: 0;} 

/* /survey/static/src/css/survey_result.css defined in bundle 'web.assets_frontend' */
.only_right_radius{border-top-right-radius: 2em; border-bottom-right-radius: 2em; border-top-left-radius: 0; border-bottom-left-radius: 0;} .only_left_radius{border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 2em; border-bottom-left-radius: 2em;} .no_radius{border-radius: 0;} .clear_survey_filter, .filter-all, .filter-finished{cursor: pointer;} .nvtooltip h5{margin: 0; line-height: 18px; font-weight: bold; background-color: rgba(247,247,247,0.75); text-align: center; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .survey_answer i{padding:3px; cursor:pointer;} .survey_answer i.invisible{visibility: hidden!important;} @media print{.tab-content > .tab-pane{display: block;}.tab-content > .survey_graph > svg{width: 1150px;}} .o_preview_questions{border: 3px solid #C9C6C6; width: auto; padding: 10px 30px 5px; margin-top: 15px; color: #C9C6C6;} .o_preview_questions .o_datetime{border: 1px solid #D8D7D7; margin-bottom: 5px;} .o_preview_questions .o_matrix_head{border-bottom: 1px solid #D8D7D7;} .o_preview_questions .o_matrix_row{border-top: 1px solid #D8D7D7;} 

/* /website_rating/static/src/scss/website_rating.scss defined in bundle 'web.assets_frontend' */
 .o_website_rating_static{color: #FACC2E;} .o_website_rating_card_container{} .o_website_rating_card_container .o_message_counter{color: #495057;} .o_website_rating_card_container table.o_website_rating_progress_table{width: 100%; overflow: visible;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_star_num{min-width: 30px; white-space: nowrap;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_select[style*="opacity: 1"]{cursor: pointer;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress{min-width: 120px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress > .progress{margin-bottom: 5px; margin-left: 5px; margin-right: 5px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress .o_rating_progressbar{background-color: #FACC2E;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_percent{text-align: right; padding-left: 5px; font-size: 0.75rem;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_reset .o_website_rating_select_text{visibility: hidden;} .o_rating_star_card{margin-bottom: 5px;} .o_rating_star_card .stars{display: inline-block; color: #FACC2E; margin-right: 15px;} .o_rating_star_card .stars i{margin-right: -3px; text-align: center;} .o_rating_star_card .stars.enabled{cursor: pointer;} .o_rating_star_card .rate_text{display: inline-block;} 

/* /website_links/static/src/css/website_links.css defined in bundle 'web.assets_frontend' */
.no-link-style{color: black; text-decoration: none;} .required-form-control{background-color: #CECDFF;} #filters li a, #filters li.active a, #filters li.active a.active, #filters li.active a:hover, #filters li.active a:focus, #filters li a:hover{padding: 0px 5px; border-radius: 0px; border: 0px; border-color: transparent; border-right: 1px solid #999; padding-bottom: 0; background-color: #FFFFFF;} #filters li.active a{color: #999;} #filters li:last-child a, #filters li:last-child a:hover, #filters li:last-child a:focus{border-right: 0px;} .nav-tabs-inline{font-size: 14px;} #o_website_links_recent_links{min-height:30em;} .o_website_links_code_error{display:none; color:red; font-weight:bold;} .truncate_text{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 500px;} 

/* /project/static/src/scss/portal_rating.scss defined in bundle 'web.assets_frontend' */
 .o_portal_project_rating .thumbnail{height: 240px;} .o_portal_project_rating .o_top_partner_rating_image{height: 15px;} .o_portal_project_rating .o_top_partner_image{height: 30px; width: 30px;} .o_portal_project_rating .o_top_partner_feedback{word-wrap: break-word;} .o_portal_project_rating .o_vertical_separator{border-left: 1px solid #eeeeee;} .o_portal_project_rating .o_rating_progress{margin-bottom: 10px;} .o_portal_project_rating .o_rating_count{display: inline-block; min-width: 22px;} .o_portal_project_rating .o_smiley_no_padding_left{padding-left: 0;} .o_portal_project_rating .o_smiley_no_padding_right{padding-right: 0;} .o_portal_project_rating .o_lighter_smileys{opacity: 0.4;}