i.color_1 { color: #589FD6; }
i.color_2 { color: #1cbbb4; }
i.color_3 { color: #82ca9c; }
i.color_4 { color: #f7941d; }
.vm-wrap {
	display: table;
	
}
.pb-lg-10 {
    padding-bottom: 80px !important;
}

.pt-lg-4 {
    padding-top: 32px !important;
}


    @media (max-width: 768px) {
        .mobile-hidden {
            display: none !important;
}
        }
    }

-----

--------


.swiper-slide {
    margin-right: 0!important; 
	 margin-left: 0!important;
}

.swiper-slide .image {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; /* Ajustez la hauteur au besoin */
}


.text-item {
    display: none;
}

.swiper-slide-1 .text-item-1-1,
.swiper-slide-1 .text-item-1-2,
.swiper-slide-1 .text-item-1-3,
/* ... continuez avec les autres éléments text-item pour la première diapositive ... */
{
    display: block;
}

.blink {
    width: 1.5vw;
    height: 1.5vw;
    border-radius: 50%;
    background: #589FD6;
    border: 3px solid #fff;
    margin-right: 1vw;
    box-shadow: 0 0 1vw rgba(0, 0, 0, 0.1);

    /* Définition de l'animation de clignotement */
    animation: blinkAnimation 1s infinite alternate;
}

/* Animation de clignotement */
@keyframes blinkAnimation {
    from {
        opacity: 1;
    }
    to {
        opacity: 0.6;
    }
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    overflow: clip;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    transform: translate3d(0px,0,0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: :before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: :before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
    display: none!important;
}

.swiper-button-next svg,.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: 'prev';
    display: none;
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: 'next';
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important;
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,8px);
    top: var(--swiper-pagination-top,auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right,8px);
    left: var(--swiper-pagination-left,auto);
    top: 50%;
    transform: translate3d(0px,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size,4px);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size,4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    position: relative;
    -ms-touch-action: none;
    background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none!important;
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset,1%);
    bottom: var(--swiper-scrollbar-bottom,4px);
    top: var(--swiper-scrollbar-top,auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size,4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left,auto);
    right: var(--swiper-scrollbar-right,4px);
    top: var(--swiper-scrollbar-sides-offset,1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size,4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active {
    pointer-events: auto
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

@font-face {
    font-family: 'swiper-icons';
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-slide,.swiper-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-wrapper {
    z-index: 1;
    display: flex;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),transparent)
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1*var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size)
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {
    content: 'prev';
    display: none;
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {
    content: 'next';
    display: none;
}

.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform,200ms top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform,200ms left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform,200ms right
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube,.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.container__front {
    flex-direction: column;
    padding: 0
}

.container__front h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2.5vw;
    margin-bottom: 3.5vw;
    text-align: center
}

.container__front h3 a {
    text-decoration: none
}

.container__front h3 a:hover {
    color: #589FD6;
    text-decoration: underline
}

@media (max-width: 760px) {
    .container__front h3 {
        font-size:7vw;
        margin-bottom: 5vw
    }
}

@media (max-width: 760px) and (min-aspect-ratio:7/10) {
    .container__front h3 {
        font-size:6vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front h3 {
        font-size:4vw;
        margin-bottom: 5vw
    }
}

@media (min-width: 1026px) and (max-width:1440px) {
    .container__front h3 {
        font-size:3.2vw;
        margin-bottom: 2vw
    }
}

.container__front .bg-main {
    background-image: linear-gradient(180deg,#fff 0,rgba(255,255,255,.01) 100%);
    height: 50vh;
    top: 0;
    left: 0;
    width: 100vw;
    position: absolute;
    z-index: 103
}

.container__front .bg-form {
    position: absolute;
    z-index: 101
}

@media (max-width: 760px) {
    .container__front .bg-form {
        top:30vw
    }
}

.container__front .bg-form img,.container__front .bg-form svg {
    width: 47.6vw;
    height: 36.6vw;
    opacity: 1
}

@media (max-width: 760px) {
    .container__front .bg-form img,.container__front .bg-form svg {
        width:95vw;
        height: 73vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front .bg-form img,.container__front .bg-form svg {
        width:80vw;
        height: 61.54vw
    }
}

@media (min-width: 1026px) and (max-width:1440px) {
    .container__front .bg-form img,.container__front .bg-form svg {
        width:60vw;
        height: 46.15vw
    }
}

.container__front-warsaw {
    height: 30vw;
    text-decoration: none;
    display: block
}

@media (max-width: 760px) {
    .container__front-warsaw {
        height:90vw
    }
}

.container__front-warsaw:hover {
    text-decoration: none
}

.container__front-warsaw .content {
    padding: 5vw;
    background: rgba(0,0,0,.75);
    color: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (max-width: 760px) {
    .container__front-warsaw .content {
        justify-content:flex-end;
        background: rgba(0,0,0,.6)
    }
}

.container__front-warsaw .content h2 {
    font-family: 'Montserrat',sans-serif;
    font-size: 3.5vw;
    text-decoration: none
}

@media (max-width: 760px) {
    .container__front-warsaw .content h2 {
        font-size:6.5vw
    }
}

.container__front-warsaw .content .description {
    margin-top: 1.5vw;
    font-size: 1.4vw
}

@media (max-width: 760px) {
    .container__front-warsaw .content .description {
        margin-top:3vw;
        font-size: 4vw;
        line-height: 5vw
    }
}

.container__front-warsaw .content .count-prices {
    font-size: 1.3vw;
    width: 24%;
    position: relative;
    height: 5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #589FD6;
    margin-top: 2vw;
    font-weight: 700
}

.container__front-warsaw .content .count-prices:hover {
    background: #1c47a6
}

@media (max-width: 760px) {
    .container__front-warsaw .content .count-prices {
        height:16vw;
        margin-top: 5vw;
        font-size: 4.5vw;
        width: 100%;
        padding: 6vw 0
    }
}

@media (max-width: 760px) and (min-aspect-ratio:7/10) {
    .container__front-warsaw .content .count-prices {
        font-size:3.5vw;
        padding: 5vw 0
    }
}

.container__front-form .content form .button span,.container__front-reviews .items .swiper-container .swiper-slide .header,.container__front-warsaw .content .count-prices span {
    display: flex;
    align-items: center
}

.container__front-form .content form .button img,.container__front-form .content form .button svg,.container__front-warsaw .content .count-prices img,.container__front-warsaw .content .count-prices svg {
    width: 1.2vw;
    height: 1.2vw;
    margin-left: .8vw;
    fill: #fff
}

@media (max-width: 760px) {
    .container__front-warsaw .content .count-prices img,.container__front-warsaw .content .count-prices svg {
        margin-left:3vw;
        width: 3.5vw;
        height: 3.5vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-warsaw .content .count-prices {
        padding:5vw 0;
        font-size: 2.2vw
    }
}

@media (min-width: 1026px) and (max-width:1440px) {
    .container__front-warsaw .content .count-prices {
        font-size:1.3vw;
        padding: 2.3vw 0
    }
}

.container__front-form,.container__front-form .content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.container__front-form {
    background: url(../../images/bg/bg__room.webp) center center;
    width: 100vw;
    height: 100vh;
    justify-content: center;
    background-size: cover;
    z-index: 102;
    min-height: 900px;
    max-height: 70vw
}

@media (max-width: 760px) {
    .container__front-form {
        min-height:100vh;
        max-height: 100vh;
        background: url(../../images/bg/bg__room-mobile.webp) center center
    }
}

@media (max-width: 760px) and (min-aspect-ratio:7/10) {
    .container__front-form {
        min-height:120vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-form {
        min-height:100vh
    }
}

@media (min-width: 1026px) and (max-width:1440px) {
    .container__front-form {
        min-height:700px
    }
}

.container__front-form .content {
    z-index: 104
}

@media (max-width: 760px) {
    .container__front-form .content {
        margin-bottom:20vw
    }
}

.container__front-form .content h1 {
    font-weight: 700;
    font-size: 4.2vw;
    text-align: center
}

@media (max-width: 760px) {
    .container__front-form .content h1 {
        font-size:8vw;
        padding: 0 5%
    }
}

@media (max-width: 760px) and (min-aspect-ratio:7/10) {
    .container__front-form .content h1 {
        font-size:6vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-form .content h1 {
        font-size:6.5vw
    }
}

.container__front-form .content .info {
    font-size: 1.8vw;
    line-height: 2.2vw;
    margin: 1vw 0 3vw;
    text-align: center
}

@media (max-width: 760px) {
    .container__front-form .content .info {
        margin:4vw 5vw 8vw;
        font-size: 5vw;
        line-height: 6.5vw
    }
}

@media (max-width: 760px) and (min-aspect-ratio:7/10) {
    .container__front-form .content .info {
        font-size:4vw;
        line-height: 5vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-form .content .info {
        margin:2vw 0 4vw;
        font-size: 3.2vw;
        line-height: 4vw
    }
}

.container__front-form .content form {
    display: flex;
    width: 65vw;
    background: #fff;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 0 1.5vw rgba(0,0,0,.1)
}

@media (max-width: 760px) {
    .container__front-form .content form {
        width:90vw;
        flex-direction: column;
        background: 0 0;
        box-shadow: none;
        overflow: visible
    }
}

@media (max-width: 760px) and (min-aspect-ratio:7/10) {
    .container__front-form .content form {
        width:70vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-form .content form {
        width:90vw
    }
}

.container__front-form .content form .bathrooms,.container__front-form .content form .rooms {
    width: 32%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .8vw
}

@media (max-width: 760px) {
    .container__front-form .content form .bathrooms,.container__front-form .content form .rooms {
        width:100%;
        background: #fff;
        margin-bottom: 3vw;
        border-radius: 1vw;
        box-shadow: 0 0 8vw rgba(0,0,0,.1);
        padding: 0
    }
}

.container__front-form .content form .bathrooms .minus,.container__front-form .content form .bathrooms .plus,.container__front-form .content form .rooms .minus,.container__front-form .content form .rooms .plus {
    padding: 1.5vw 0;
    cursor: pointer;
    font-size: 2vw;
    font-weight: 700;
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 760px) {
    .container__front-form .content form .bathrooms .minus,.container__front-form .content form .bathrooms .plus,.container__front-form .content form .rooms .minus,.container__front-form .content form .rooms .plus {
        padding:5vw 0;
        font-size: 7vw
    }
}

@media (max-width: 760px) and (min-aspect-ratio:7/10) {
    .container__front-form .content form .bathrooms .minus,.container__front-form .content form .bathrooms .plus,.container__front-form .content form .rooms .minus,.container__front-form .content form .rooms .plus {
        padding:3.5vw;
        font-size: 6vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-form .content form .bathrooms .minus,.container__front-form .content form .bathrooms .plus,.container__front-form .content form .rooms .minus,.container__front-form .content form .rooms .plus {
        font-size:4vw
    }
}

@media (min-width: 1026px) and (max-width:1440px) {
    .container__front-form .content form .bathrooms .minus,.container__front-form .content form .bathrooms .plus,.container__front-form .content form .rooms .minus,.container__front-form .content form .rooms .plus {
        font-size:1.8vw
    }
}

.container__front-form .content form .bathrooms .minus:hover,.container__front-form .content form .bathrooms .plus:hover,.container__front-form .content form .rooms .minus:hover,.container__front-form .content form .rooms .plus:hover {
    background: rgba(0,0,0,.05)
}

.container__front-form .content form .bathrooms .int,.container__front-form .content form .rooms .int {
    font-size: 1.4vw;
    font-weight: 700;
    width: 50%;
    text-align: center
}

@media (max-width: 760px) {
    .container__front-form .content form .bathrooms .int,.container__front-form .content form .rooms .int {
        font-size:5.5vw
    }
}

@media (max-width: 760px) and (min-aspect-ratio:7/10) {
    .container__front-form .content form .bathrooms .int,.container__front-form .content form .rooms .int {
        font-size:3vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-form .content form .bathrooms .int,.container__front-form .content form .rooms .int {
        font-size:2.4vw
    }
}

@media (min-width: 1026px) and (max-width:1440px) {
    .container__front-form .content form .bathrooms .int,.container__front-form .content form .rooms .int {
        font-size:1.4vw
    }
}

.container__front-form .content form .rooms {
    border-right: 1px solid rgba(0,0,0,.07)
}

@media (max-width: 760px) {
    .container__front-form .content form .rooms {
        border:0
    }
}

.container__front-form .content form .button {
    font-size: 1.3vw;
    width: 36%;
    position: relative;
    height: 6vw;
    display: flex;
    align-items: center;
    justify-content: center
}

.container__front-form .content form .button:hover {
    background: #1c47a6
}

@media (max-width: 760px) {
    .container__front-form .content form .button {
        height:18vw
    }
}

@media (max-width: 760px) {
    .container__front-form .content form .button img,.container__front-form .content form .button svg {
        margin-left:3vw;
        width: 3.5vw;
        height: 3.5vw
    }

    .container__front-form .content form .button {
        font-size: 5vw;
        width: 100%;
        padding: 6vw 0
    }
}

@media (max-width: 760px) and (min-aspect-ratio:7/10) {
    .container__front-form .content form .button {
        font-size:3.5vw;
        padding: 5vw 0
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-form .content form .button {
        padding:5vw 0;
        font-size: 2.2vw
    }
}

@media (min-width: 1026px) and (max-width:1440px) {
    .container__front-form .content form .button {
        font-size:1.3vw;
        padding: 2.3vw 0
    }
}

.container__front-form .content .sub-text {
    font-size: 1.2vw;
    margin-top: 1vw
}

@media (max-width: 760px) {
    .container__front-form .content .sub-text {
        font-size:4.5vw;
        line-height: 5.5vw;
        text-align: center;
        background: #fff;
        background: linear-gradient(180deg,rgba(255,255,255,.8) 0,rgba(9,9,121,0) 100%,#00d4ff 60%);
        padding: 3vw 3vw 8vw;
        width: 90vw
    }
}

.container__front-questions .ask-question .social-messengers a img.hover,.container__front-questions .ask-question .social-messengers a svg.hover,.container__front-questions .ask-question .social-messengers a:hover img,.container__front-types-mobile {
    display: none
}

@media (max-width: 760px) {
    .container__front-types-mobile {
        display:flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 10vw;
        background: #589FD6;
        padding-top: 5vw
    }
}

.container__front-types-mobile .title {
    font-weight: 700;
    margin-bottom: 5vw;
    color: #fff;
    font-size: 6vw
}

.container__front-types-mobile .items {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.container__front-reviews,.container__front-types-mobile a {
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #fff
}

.container__front-types-mobile a {
    width: 50%;
    padding: 5vw;
    font-size: 4.5vw;
    text-decoration: none;
    text-align: center
}

.container__front-types-mobile a:hover {
    background: #f1e1aa;
    color: #000
}

.container__front-types-mobile a img,.container__front-types-mobile a svg {
    width: 10vw;
    height: 10vw;
    margin-bottom: 5vw
}

.container__front-reviews {
    justify-content: center;
    margin-top: -15vw;
    z-index: 999;
    padding: 0
}

@media (max-width: 760px) {
    .container__front-reviews {
        margin-top:-30vw;
        padding: 0
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-reviews {
        padding:3vw 0 0;
        margin-top: -25vw
    }
}

.container__front-reviews .bg {
    background: #589FD6;
    background: -moz-linear-gradient(180deg,rgba(36,87,198,0) 0,#589FD6 100%);
    background: -webkit-linear-gradient(180deg,rgba(36,87,198,0) 0,#589FD6 100%);
    background: linear-gradient(180deg,rgba(36,87,198,0) 0,#589FD6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#589FD6", endColorstr="#589FD6", GradientType=1);
    height: 15vw;
    width: 100%
}

@media (max-width: 760px) {
    .container__front-reviews .bg {
        height:30vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-reviews .bg {
        height:22vw
    }
}

.container__front-reviews .items {
    padding: 3vw 25vw 2vw;
    width: 100%;
    background: #589FD6;
    text-align: center;
    position: relative
}

@media (max-width: 760px) {
    .container__front-reviews .items {
        padding:8vw 5vw 0
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-reviews .items {
        padding:3vw 15vw 2vw
    }
}

.container__front-reviews .items .next-review,.container__front-reviews .items .prev-review {
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    opacity: .5;
    cursor: pointer
}

@media (max-width: 760px) {
    .container__front-reviews .items .next-review,.container__front-reviews .items .prev-review {
        padding:3vw;
        height: 15vw;
        z-index: 105
    }
}

.container__front-reviews .items .next-review:hover,.container__front-reviews .items .prev-review:hover {
    opacity: 1
}

.container__front-reviews .items .next-review img,.container__front-reviews .items .next-review svg,.container__front-reviews .items .prev-review img,.container__front-reviews .items .prev-review svg {
    width: 2vw;
    height: 2vw;
    fill: #fff
}

@media (max-width: 760px) {
    .container__front-reviews .items .next-review img,.container__front-reviews .items .next-review svg,.container__front-reviews .items .prev-review img,.container__front-reviews .items .prev-review svg {
        width:6vw;
        height: 6vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-reviews .items .next-review img,.container__front-reviews .items .next-review svg,.container__front-reviews .items .prev-review img,.container__front-reviews .items .prev-review svg {
        width:4vw;
        height: 4vw
    }
}

.container__front-reviews .items .next-review {
    right: 14vw
}

@media (max-width: 760px) {
    .container__front-reviews .items .next-review {
        right:0
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-reviews .items .next-review {
        right:10vw
    }
}

.container__front-reviews .items .prev-review {
    left: 14vw
}

@media (max-width: 760px) {
    .container__front-reviews .items .prev-review {
        left:0
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-reviews .items .prev-review {
        left:10vw
    }
}

.container__front-reviews .items .prev-review img,.container__front-reviews .items .prev-review svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.container__front-reviews .items .swiper-container {
    width: 100%;
    height: 100%
}

@media (max-width: 760px) {
    .container__front-reviews .items .swiper-container {
        padding-bottom:4vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-reviews .items .swiper-container {
        padding-bottom:2vw
    }
}

.container__front-reviews .items .swiper-container .swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-direction: column;
    cursor: grab;
    padding: 0 5vw
}

.container__front-reviews .items .swiper-container .swiper-slide .header>img {
    border-radius: 50%;
    width: 5vw;
    height: 5vw;
    margin-right: 1vw
}

@media (max-width: 760px) {
    .container__front-reviews .items .swiper-container .swiper-slide .header>img {
        width:15vw;
        height: 15vw;
        margin-right: 3vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-reviews .items .swiper-container .swiper-slide .header>img {
        width:9vw;
        height: 9vw;
        margin-right: 3vw
    }
}

.container__front-reviews .items .swiper-container .swiper-slide .header .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.container__front-reviews .items .swiper-container .swiper-slide .header .info.info-no-photo {
    align-items: center
}

.container__front-reviews .items .swiper-container .swiper-slide .header .info .name {
    font-weight: 500;
    font-size: 1.5vw
}

@media (max-width: 760px) {
    .container__front-reviews .items .swiper-container .swiper-slide .header .info .name {
        font-size:5.5vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-reviews .items .swiper-container .swiper-slide .header .info .name {
        font-size:3vw
    }
}

.container__front-reviews .items .swiper-container .swiper-slide .header .info .stars {
    margin-top: .5vw
}

@media (max-width: 760px) {
    .container__front-reviews .items .swiper-container .swiper-slide .header .info .stars {
        margin-top:2vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-reviews .items .swiper-container .swiper-slide .header .info .stars {
        margin-top:1.2vw
    }
}

.container__front-reviews .items .swiper-container .swiper-slide .header .info .stars img,.container__front-reviews .items .swiper-container .swiper-slide .header .info .stars svg {
    width: 1.2vw;
    height: 1.2vw
}

@media (max-width: 760px) {
    .container__front-reviews .items .swiper-container .swiper-slide .header .info .stars img,.container__front-reviews .items .swiper-container .swiper-slide .header .info .stars svg {
        width:3.5vw;
        height: 3.5vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-reviews .items .swiper-container .swiper-slide .header .info .stars img,.container__front-reviews .items .swiper-container .swiper-slide .header .info .stars svg {
        width:2vw;
        height: 2vw
    }
}

.container__front-reviews .items .swiper-container .swiper-slide .text {
    font-size: 1.3vw;
    line-height: 1.8vw;
    margin-top: 1.5vw
}

@media (max-width: 760px) {
    .container__front-reviews .items .swiper-container .swiper-slide .text {
        font-size:4.5vw;
        line-height: 6vw;
        margin-top: 3vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-reviews .items .swiper-container .swiper-slide .text {
        font-size:2.2vw;
        line-height: 3.5vw;
        margin-top: 3vw
    }
}

.container__front-reviews .items .swiper-container .swiper-slide .link {
    display: flex;
    align-items: center;
    margin-top: 1vw;
    color: #fff
}

@media (max-width: 760px) {
    .container__front-reviews .items .swiper-container .swiper-slide .link {
        margin-top:3vw;
        border-top: 1px dashed rgba(255,255,255,.3);
        padding-top: 3vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-reviews .items .swiper-container .swiper-slide .link {
        font-size:2vw;
        margin-top: 3vw
    }
}

.container__front-reviews .items .swiper-container .swiper-slide .link:hover {
    color: #59b78b
}

.container__front-reviews .items .swiper-container .swiper-slide .link:hover svg {
    fill: #59b78b
}

.container__front-reviews .items .swiper-container .swiper-slide .link img,.container__front-reviews .items .swiper-container .swiper-slide .link svg {
    width: 1.5vw;
    height: 1.5vw;
    fill: #fff;
    margin-left: .4vw
}

@media (max-width: 760px) {
    .container__front-reviews .items .swiper-container .swiper-slide .link img,.container__front-reviews .items .swiper-container .swiper-slide .link svg {
        margin-left:1.5vw;
        width: 7vw;
        height: 7vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-reviews .items .swiper-container .swiper-slide .link img,.container__front-reviews .items .swiper-container .swiper-slide .link svg {
        width:3.5vw;
        height: 3.5vw;
        margin-left: .8vw
    }
}

.container__front-reviews .navigation {
    background: #589FD6;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0 0 4vw;
    align-items: center
}

@media (max-width: 760px) {
    .container__front-reviews .navigation {
        flex-direction:column;
        padding: 2vw 5vw 12vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-reviews .navigation {
        padding-bottom:5vw
    }
}

.container__front-reviews .navigation .leave-review {
    margin-right: 1vw;
    cursor: pointer
}

.container__front-reviews .navigation .leave-review img,.container__front-reviews .navigation .leave-review svg {
    margin-right: .5vw;
    margin-left: 0;
    width: 1.5vw;
    height: 1.5vw
}

@media (max-width: 760px) {
    .container__front-reviews .navigation .leave-review img,.container__front-reviews .navigation .leave-review svg {
        width:6vw;
        height: 6vw;
        margin-right: 3vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-reviews .navigation .leave-review img,.container__front-reviews .navigation .leave-review svg {
        width:2.5vw;
        height: 2.5vw;
        margin-right: 1.2vw
    }
}

.container__front-reviews .navigation a,.container__front-reviews .navigation div {
    text-decoration: none;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 1.5vw 4vw;
    border-radius: 10vw;
    border: 1px solid rgba(255,255,255,.06);
    font-size: 1.1vw
}

@media (max-width: 760px) {
    .container__front-reviews .navigation a,.container__front-reviews .navigation div {
        background:rgba(255,255,255,.1);
        font-size: 4.5vw;
        margin-top: 2vw;
        padding: 4vw 8vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-reviews .navigation a,.container__front-reviews .navigation div {
        font-size:2vw;
        padding: 2vw 5vw;
        border: 1px solid rgba(255,255,255,.15);
        border-radius: 15vw
    }
}

.container__front-reviews .navigation a img,.container__front-reviews .navigation a svg,.container__front-reviews .navigation div img,.container__front-reviews .navigation div svg {
    margin-left: .5vw;
    width: 1vw;
    height: 1vw;
    fill: #fff
}

@media (max-width: 760px) {
    .container__front-reviews .navigation a img,.container__front-reviews .navigation a svg,.container__front-reviews .navigation div img,.container__front-reviews .navigation div svg {
        margin-left:5vw;
        width: 6vw;
        height: 6vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-reviews .navigation a img,.container__front-reviews .navigation a svg,.container__front-reviews .navigation div img,.container__front-reviews .navigation div svg {
        margin-left:1.2vw;
        width: 2vw;
        height: 2vw
    }
}

.container__front-reviews .navigation a img g,.container__front-reviews .navigation a svg g,.container__front-reviews .navigation div img g,.container__front-reviews .navigation div svg g {
    fill: #fff
}

.container__front-reviews .navigation a:hover,.container__front-reviews .navigation div:hover {
    background: rgba(255,255,255,.1)
}

.container__front-reviews .leave-review-form {
    background: #589FD6;
    width: 100%;
    display: none
}

.container__front-reviews .leave-review-form.loading form .ajax-loader {
    display: flex;
    background: #589FD6;
    opacity: .97;
    margin-top: -1vw
}

.container__front-reviews .leave-review-form.loading form .ajax-loader .spinner>div {
    background: #fff
}

.container__front-reviews .leave-review-form.success form .success {
    display: flex
}

.container__front-reviews .leave-review-form form {
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0 32.5% 4vw
}

@media (max-width: 760px) {
    .container__front-reviews .leave-review-form form {
        margin:0 5% 8vw
    }
}

.container__front-reviews .leave-review-form form .success {
    background: #589FD6;
    opacity: .97;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 101;
    width: 100%;
    height: 100%;
    margin-top: -.5vw;
    display: none
}

@media (max-width: 760px) {
    .container__front-reviews .leave-review-form form .success {
        margin-top:-2vw
    }
}

.container__front-reviews .leave-review-form form .success img,.container__front-reviews .leave-review-form form .success svg {
    width: 8vw;
    height: 8vw
}

@media (max-width: 760px) {
    .container__front-reviews .leave-review-form form .success img,.container__front-reviews .leave-review-form form .success svg {
        width:25vw;
        height: 25vw
    }
}

.container__front-reviews .leave-review-form form .success .title {
    margin-top: 2vw;
    font-size: 1.5vw
}

@media (max-width: 760px) {
    .container__front-reviews .leave-review-form form .success .title {
        font-size:6vw;
        margin-top: 8vw
    }
}

.container__front-reviews .leave-review-form form .row {
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(255,255,255,.2);
    margin-bottom: 1.5vw
}

@media (max-width: 760px) {
    .container__front-reviews .leave-review-form form .row {
        margin-bottom:5vw
    }
}

.container__front-reviews .leave-review-form form .row.show-error {
    border: 1px solid #e4410d
}

.container__front-reviews .leave-review-form form .row.show-error input::-webkit-input-placeholder,.container__front-reviews .leave-review-form form .row.show-error textarea::-webkit-input-placeholder {
    color: #e4410d
}

.container__front-reviews .leave-review-form form .row.show-error input::-moz-placeholder,.container__front-reviews .leave-review-form form .row.show-error textarea::-moz-placeholder {
    color: #e4410d
}

.container__front-reviews .leave-review-form form .row.show-error input:-ms-input-placeholder,.container__front-reviews .leave-review-form form .row.show-error textarea:-ms-input-placeholder {
    color: #e4410d
}

.container__front-reviews .leave-review-form form .row.show-error input:-moz-placeholder,.container__front-reviews .leave-review-form form .row.show-error textarea:-moz-placeholder {
    color: #e4410d
}

.container__front-reviews .leave-review-form form .row label {
    position: absolute;
    background: #589FD6;
    padding: .5vw 1vw;
    margin-top: -1.2vw;
    margin-left: 1vw;
    font-size: 1.1vw
}

@media (max-width: 760px) {
    .container__front-reviews .leave-review-form form .row label {
        font-size:4vw;
        padding: .5vw 4vw;
        margin-top: -2.7vw;
        margin-left: 3vw
    }
}

.container__front-reviews .leave-review-form form .row.active {
    border: 1px solid rgba(255,255,255,.6)
}

.container__front-reviews .leave-review-form form .row input,.container__front-reviews .leave-review-form form .row textarea {
    background: 0 0;
    border: 0;
    color: #fff;
    padding: 1.5vw;
    font-size: 1.3vw
}

@media (max-width: 760px) {
    .container__front-reviews .leave-review-form form .row input,.container__front-reviews .leave-review-form form .row textarea {
        padding:5vw;
        font-size: 4vw
    }
}

.container__front-reviews .leave-review-form form .row input:focus,.container__front-reviews .leave-review-form form .row textarea:focus {
    outline: 0;
    border: 0
}

.container__front-reviews .leave-review-form form .row textarea {
    height: 11vw;
    resize: none
}

@media (max-width: 760px) {
    .container__front-reviews .leave-review-form form .row textarea {
        height:30vw
    }
}

.container__front-reviews .leave-review-form form .row.row-actions {
    border: 0
}

.container__front-reviews .leave-review-form form .row.row-actions .button {
    background: #59b78b;
    font-size: 1.3vw;
    padding: 1.5vw 0
}

@media (max-width: 760px) {
    .container__front-reviews .leave-review-form form .row.row-actions .button {
        font-size:4vw;
        padding: 5vw 0
    }
}

.container__front-reviews .leave-review-form form .row.row-actions .button:hover {
    background: #4ea47c
}

#zuck-modal-content .story-viewer.with-back-button .head .left>.back,.container__front-reviews .swiper-pagination {
    display: none!important;
}

.container__front-sub-services {
    margin-top: 3vw;
    display: flex;
    flex-wrap: wrap;
    padding: 0 2vw
}

@media (max-width: 760px) {
    .container__front-sub-services {
        margin-top:5vw
    }
}

.container__front-sub-services a {
    padding: 1vw;
    text-decoration: none;
    font-size: 1.05vw;
    background: rgba(0,0,0,.03);
    margin-right: .3vw;
    margin-bottom: .3vw
}

@media (max-width: 760px) {
    .container__front-sub-services a {
        padding:3vw 2vw;
        font-size: 4vw;
        margin-right: .5vw;
        margin-bottom: .5vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-sub-services a {
        font-size:1.6vw;
        padding: 1.5vw 3vw
    }
}

.container__front-sub-services a:hover {
    background: rgba(0,0,0,.07)
}

.container__front-advantages {
    padding: 7vw 5vw
}

@media (max-width: 760px) {
    .container__front-advantages {
        padding:7vw 3vw 15vw;
        width: 100vw;
        overflow: hidden
    }
}

@media (max-width: 760px) and (min-aspect-ratio:7/10) {
    .container__front-advantages {
        padding:5vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-advantages {
        padding:10vw 5vw
    }
}

@media (min-width: 1026px) and (max-width:1440px) {
    .container__front-advantages {
        padding:8vw 5vw
    }
}

.container__front-advantages .items {
    display: flex;
    justify-content: space-between;
    width: 100%
}

@media (max-width: 760px) {
    .container__front-advantages .items {
        width:100%;
        justify-content: flex-start;
        flex-wrap: wrap
    }
}

@media (max-width: 760px) and (min-aspect-ratio:7/10) {
    .container__front-advantages .items {
        flex-wrap:wrap;
        width: 100%;
        justify-content: space-between
    }
}

.container__front-advantages .item {
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

@media (max-width: 760px) {
    .container__front-advantages .item {
        width:48%;
        background: #fafafa;
        padding: 10vw 3vw;
        margin-right: 4%;
        margin-bottom: 4vw
    }

    .container__front-advantages .item:nth-child(2n) {
        margin-right: 0
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-advantages .item {
        width:22%
    }
}

@media (min-width: 1026px) and (max-width:1440px) {
    .container__front-advantages .item {
        width:23%
    }
}

.container__front-advantages .item .title {
    font-weight: 700;
    margin: 1vw 0 .6vw;
    font-size: 1.5vw
}

@media (max-width: 760px) {
    .container__front-advantages .item .title {
        font-size:4vw;
        margin: 5vw 0 3vw
    }
}

@media (max-width: 760px) and (min-aspect-ratio:7/10) {
    .container__front-advantages .item .title {
        font-size:3vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-advantages .item .title {
        font-size:2vw;
        margin: 1.5vw 0 1vw
    }
}

@media (min-width: 1026px) and (max-width:1440px) {
    .container__front-advantages .item .title {
        font-size:1.45vw;
        margin: 1.5vw 0 1vw
    }
}

.container__front-advantages .item .text {
    font-size: 1.2vw;
    line-height: 1.6vw
}

@media (max-width: 760px) {
    .container__front-advantages .item .text {
        font-size:4vw;
        line-height: 5.5vw
    }
}

@media (max-width: 760px) and (min-aspect-ratio:7/10) {
    .container__front-advantages .item .text {
        font-size:2.8vw;
        line-height: 3.5vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-advantages .item .text {
        font-size:1.6vw;
        line-height: 2.2vw
    }
}

@media (min-width: 1026px) and (max-width:1440px) {
    .container__front-advantages .item .text {
        font-size:1.15vw;
        line-height: 1.5vw
    }
}

.container__front-advantages .item img,.container__front-advantages .item svg {
    width: 6vw;
    height: 6vw
}

@media (max-width: 760px) {
    .container__front-advantages .item img,.container__front-advantages .item svg {
        width:14vw;
        height: 14vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-advantages .item img,.container__front-advantages .item svg {
        width:8vw;
        height: 8vw
    }
}

@media (min-width: 1026px) and (max-width:1440px) {
    .container__front-advantages .item img,.container__front-advantages .item svg {
        width:6vw;
        height: 6vw
    }
}

.container__front-price {
    padding: 0 8vw 5vw
}

@media (max-width: 760px) {
    .container__front-price {
        padding:0 3vw 10vw
    }
}

@media (max-width: 760px) and (min-aspect-ratio:7/10) {
    .container__front-price {
        padding:5vw 5vw 10vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-price {
        padding:0 5vw 5vw
    }
}

@media (min-width: 1026px) and (max-width:1440px) {
    .container__front-price {
        padding:0 5vw 5vw
    }
}

.container__front-price .periodicity-info {
    opacity: .5;
    text-align: center;
    font-size: 1.3vw;
    line-height: 2vw;
    padding: 0 10vw
}

@media (max-width: 760px) {
    .container__front-price .periodicity-info {
        margin-top:3vw;
        padding: 0;
        line-height: 5.5vw;
        font-size: 4.5vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-price .periodicity-info {
        margin-top:-3vw;
        font-size: 1.8vw
    }
}

.container__front-price .periodicity {
    position: relative;
    width: 100%;
    background: #fafafa;
    display: flex;
    margin: 3vw auto
}

@media (max-width: 760px) {
    .container__front-price .periodicity {
        width:100%;
        flex-wrap: wrap;
        margin: 5vw 0;
        box-shadow: none;
        justify-content: space-between;
        background: 0 0
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-price .periodicity {
        width:100%
    }
}

.container__front-price .periodicity .item {
    width: 25%;
    padding: 1vw;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 101;
    justify-content: center;
    cursor: pointer;
    font-size: 1.2vw
}

@media (max-width: 760px) {
    .container__front-price .periodicity .item {
        width:49%;
        font-size: 4.3vw;
        padding: 3vw 2vw;
        text-align: center;
        background: rgba(0,0,0,.02);
        margin-bottom: 2vw;
        flex-direction: column
    }

    .container__front-price .periodicity .item:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-price .periodicity .item {
        padding:1vw;
        font-size: 1.6vw
    }
}

.container__front-price .periodicity .item .discount {
    background: #ffc73b;
    font-weight: 700;
    margin-right: .5vw;
    padding: .5vw
}

@media (max-width: 760px) {
    .container__front-price .periodicity .item .discount {
        padding:2vw;
        margin-bottom: 2vw;
        margin-right: 0
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-price .periodicity .item .discount {
        margin-right:1vw;
        padding: 1vw
    }
}

.container__front-price .periodicity .item .title {
    font-weight: 500
}

@media (max-width: 760px) {
    .container__front-price .periodicity .item .title {
        padding:0 3%
    }
}

.container__front-price .periodicity .item:hover {
    background: rgba(0,0,0,.04)
}

.container__front-price .periodicity .item.active .title {
    color: #fff
}

@media (max-width: 760px) {
    .container__front-price .periodicity .item.active {
        background:#589FD6
    }
}

.container__front-price .periodicity .bg {
    position: absolute;
    background: #589FD6;
    width: 25%;
    height: 100%;
    margin-left: 75%
}

@media (max-width: 760px) {
    .container__front-price .periodicity .bg {
        margin-left:0;
        margin-top: 75%;
        width: 100%;
        height: 25%;
        display: none
    }
}

.container__front-price .items {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%
}

@media (max-width: 760px) {
    .container__front-price .items {
        flex-direction:column
    }
}

.container__front-price .items a {
    display: flex;
    flex-direction: column;
    padding: 0 2vw 2vw;
    width: 31.5%;
    text-decoration: none
}

.container__front-price .items a:hover {
    margin-top: -.5vw
}

.container__front-price .items a:hover .button {
    background: #1c47a6
}

@media (max-width: 760px) {
    .container__front-price .items a {
        padding:8vw;
        width: 100%;
        margin-bottom: 5vw;
        background: #fafafa;
        border: 5px solid rgba(0,0,0,.03);
        box-shadow: none
    }

    .container__front-price .items a:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-price .items a {
        width:31%
    }
}

@media (min-width: 1026px) and (max-width:1440px) {
    .container__front-price .items a {
        padding:0 3vw 3vw
    }
}

.container__front-price .items a .bg {
    background: #59b78b;
    width: 2vw;
    height: 4vw;
    display: flex;
    color: #fff;
    justify-content: center;
    align-items: center;
    font-size: 1.5vw;
    font-weight: 900;
    font-family: 'Montserrat',sans-serif
}

@media (max-width: 760px) {
    .container__front-price .items a .bg {
        display:none
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-price .items a .bg {
        height:5vw
    }
}

@media (min-width: 1026px) and (max-width:1440px) {
    .container__front-price .items a .bg {
        height:5.5vw
    }
}

.container__front-price .items a .title {
    font-weight: 700;
    font-size: 2vw;
    margin-top: 1vw
}

@media (max-width: 760px) {
    .container__front-price .items a .title {
        font-size:7vw;
        margin-bottom: 4vw
    }
}

@media (max-width: 760px) and (min-aspect-ratio:7/10) {
    .container__front-price .items a .title {
        font-size:5vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-price .items a .title {
        font-size:2.5vw
    }
}

.container__front-price .items a .price {
    margin-top: 2vw;
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw
}

@media (max-width: 760px) {
    .container__front-price .items a .price {
        font-size:7vw;
        margin-top: 5vw
    }
}

@media (max-width: 760px) and (min-aspect-ratio:7/10) {
    .container__front-price .items a .price {
        font-size:5vw;
        margin-top: 3vw
    }
}

.container__front-price .items a .text {
    margin-top: 2vw;
    font-size: 1vw;
    line-height: 1.4vw;
    opacity: .6
}

@media (max-width: 760px) {
    .container__front-price .items a .text {
        font-size:3.5vw;
        line-height: 4.5vw;
        margin-top: 3vw
    }
}

@media (max-width: 760px) and (min-aspect-ratio:7/10) {
    .container__front-price .items a .text {
        font-size:2.8vw;
        line-height: 3.2vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-price .items a .text {
        font-size:1.4vw;
        line-height: 2vw
    }
}

@media (min-width: 1026px) and (max-width:1440px) {
    .container__front-price .items a .text {
        font-size:1.15vw;
        line-height: 1.5vw
    }
}

.container__front-price .items a .button {
    margin-top: 1vw;
    font-size: 1.3vw;
    padding: 1.5vw 0
}

@media (max-width: 760px) {
    .container__front-price .items a .button {
        font-size:5vw;
        padding: 4vw 0;
        margin-top: 5vw
    }
}

@media (max-width: 760px) and (min-aspect-ratio:7/10) {
    .container__front-price .items a .button {
        font-size:4vw;
        padding: 3vw 0
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-price .items a .button {
        margin-top:2vw;
        font-size: 1.8vw
    }
}

.container__front-price .info {
    margin-top: 4vw;
    opacity: .5;
    font-size: 1.2vw;
    text-align: center
}

@media (max-width: 760px) {
    .container__front-price .info {
        font-size:4vw;
        line-height: 6vw;
        margin-top: 10vw
    }
}

@media (max-width: 760px) and (min-aspect-ratio:7/10) {
    .container__front-price .info {
        margin-top:7vw;
        font-size: 3vw;
        line-height: 4vw;
        padding: 0 20%
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-price .info {
        font-size:1.4vw;
        margin-top: 5vw
    }
}

@media (min-width: 1026px) and (max-width:1440px) {
    .container__front-price .info {
        margin-top:5vw;
        font-size: 1.4vw
    }
}



@media (max-width: 760px) {
    .container__front-what-we-clean h3 {
        padding:0 3vw
    }

    .container__front-what-we-clean {
    padding: 2% 13% 7%;
        margin-bottom: 10vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-what-we-clean {
        padding:2vw 5vw 7vw
    }
}

.container__front-what-we-clean .stories-content {
    width: 100%;
    height: 100%;
    overflow: hidden;
    touch-action: none
}

.container__front-what-we-clean .stories-content::-webkit-scrollbar,.container__front-what-we-clean .storiesWrapper::-webkit-scrollbar {
    display: none
}

.container__front-what-we-clean .storiesWrapper {
    display: none;
    overflow-y: scroll;
    padding-right: 17px;
    box-sizing: content-box;
    overflow-x: hidden
}

@media (max-width: 760px) {
    .container__front-what-we-clean .storiesWrapper {
        display:block
    }
}

.container__front-what-we-clean .storiesWrapper.stories.carousel {
    padding: 5vw 0
}

.container__front-what-we-clean .storiesWrapper.stories.carousel .story:first-child {
    margin-left: 5vw!important;
}

.container__front-what-we-clean .storiesWrapper.stories.carousel .story:last-child {
    margin-right: 5vw
}

.container__front-what-we-clean .tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 1vw
}

@media (max-width: 760px) {
    .container__front-what-we-clean .tabs {
        flex-wrap:wrap;
        padding: 0 3vw;
        margin-top: 4vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-what-we-clean .tabs {
        margin-bottom:2vw;
        margin-top: -2vw
    }
}

.container__front-what-we-clean .tabs .tab {
    background: rgba(0,0,0,.03);
    font-size: 1.2vw;
    padding: 1.5vw 4vw;
    text-transform: uppercase;
    cursor: pointer;
    margin-right: 1px;
    font-weight: 500
}

@media (max-width: 760px) {
    .container__front-what-we-clean .tabs .tab {
        font-size:4vw;
        width: 50%;
        padding: 3vw 0;
        text-align: center;
        margin-right: 0
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-what-we-clean .tabs .tab {
        font-size:1.6vw;
        padding: 2vw 6vw
    }
}

.container__front-what-we-clean .tabs .tab:last-child {
    margin-right: 0;
    border-bottom-right-radius: .3vw;
    border-top-right-radius: .3vw
}

.container__front-what-we-clean .tabs .tab:first-child {
    border-bottom-left-radius: .3vw;
    border-top-left-radius: .3vw
}

.container__front-what-we-clean .tabs .tab:hover {
    background: rgba(0,0,0,.05)
}

.container__front-what-we-clean .tabs .tab.active {
    background: #589FD6;
    color: #fff
}

@media (max-width: 760px) {
    .container__front-what-we-clean .swiper-container {
        margin:0 3vw
    }
}

.container__front-what-we-clean .swiper-container .swiper-slide {
    position: relative;
    border-radius: .3vw;
    overflow: hidden;
    display: flex
}

@media (max-width: 760px) {
    .container__front-what-we-clean .swiper-container .swiper-slide {
        flex-direction:column
    }
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item {
    position: absolute;
    background: rgba(255,255,255,.6);
    display: flex;
    padding: 1vw
}

@media (max-width: 760px) {
    .container__front-what-we-clean .swiper-container .swiper-slide .text-item {
        position:static!important;;
        padding: 2vw 0;
        width: 100%;
        left: 0!important;;
        top: 0!important;;
        bottom: auto!important;;
        right: auto!important;;
        justify-content: space-between
    }
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item .round {
    width: 1.5vw;
    height: 1.5vw;
    border-radius: 50%;
    background: #589FD6;
    border: 3px solid #fff;
    margin-right: 1vw;
    box-shadow: 0 0 1vw rgba(0,0,0,.1)
}

@media (max-width: 760px) {
    .container__front-what-we-clean .swiper-container .swiper-slide .text-item .round {
        width:4vw;
        height: 4vw;
        margin-right: 0
    }
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item .text-block {
    font-size: 15px;
    font-weight: 500;
    max-width: 20vw;
	color: black;
}

@media (max-width: 760px) {
    .container__front-what-we-clean .swiper-container .swiper-slide .text-item .text-block {
        max-width:100%!important;;
        font-size: 4vw;
        width: calc(100% - 6vw)!important;
    }
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.reverse {
    flex-direction: row-reverse;
    text-align: right
}

@media (max-width: 760px) {
    .container__front-what-we-clean .swiper-container .swiper-slide .text-item.reverse {
        text-align:left;
        flex-direction: row
    }
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.reverse .round {
    margin-left: 1vw;
    margin-right: 0
}

@media (max-width: 760px) {
    .container__front-what-we-clean .swiper-container .swiper-slide .text-item.reverse .round {
        margin-left:0!important;;
        margin-right: 0
    }
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-1-1 {
    bottom: 11.5vw;
    left: 3.5vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-1-1 .text-block {
    width: 14vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-1-1 .round {
    margin-left: 1vw;
    margin-right: 0
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-1-2 {
    top: 1vw;
    left: 1vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-1-7 {
    top: 10vw;
    left: 1vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-1-3 {
    bottom: 8vw;
    left: 30vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-1-4 {
    bottom: 14vw;
    right: 9.5vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-1-4 .text-block {
    max-width: 22vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-1-5 {
    bottom: 1vw;
    right: 8vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-1-6 {
    bottom: 22vw;
    right: 4vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-1-6 .text-block {
    width: 12vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-2-1 {
    left: 1vw;
    top: 1vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-2-2 {
    left: 10vw;
    bottom: 2vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-2-3 {
    bottom: 25vw;
    right: 6vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-2-4 {
    bottom: 5vw;
    left: 41.5vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-3-8 {
    right: 1vw;
    bottom: 1vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-3-8 .text-block {
    max-width: 14vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-3-7 {
    bottom: 3vw;
    left: 10.5vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-3-6 {
    left: 1vw;
    top: 8vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-3-5 {
    left: 1vw;
    top: 1vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-3-5 .text-block {
    max-width: 20vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-3-4 {
    bottom: 20vw;
    left: 2vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-3-3 {
    bottom: 11vw;
    left: 32vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-3-3 .text-block {
    width: 14vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-3-2 {
    top: 12vw;
    left: 10vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-3-1 {
    left: 46vw;
    top: 15vw;
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-4-1 {
    top: 20vw;
    left: 21vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-4-2 {
    left: 1vw;
    top: 1vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-4-3 {
    top: 34vw;
    left: 38vw;
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-4-3 .text-block {
    max-width: 25vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-4-4 {
    top: 27vw;
    right: 4vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-4-5 {
    right: 2vw;
    top: 18vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-4-6 {
    bottom: 1vw;
    left: 1vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-4-7 {
    left: 13vw;
    top: 24vw;
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-4-7 .text-block {
    width: 12vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .text-item.text-item-4-8 {
    top: 32vw;
    left: 8vw
}

.container__front-what-we-clean .swiper-container .swiper-slide .image {
    width: 74vw;
    height: calc(74vw/1.75)
}

@media (max-width: 760px) {
    .container__front-what-we-clean .swiper-container .swiper-slide .image {
        width:94vw;
        height: calc(90vw/1.75);
        margin-top: 3vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-what-we-clean .swiper-container .swiper-slide .image {
        width:90vw;
        height: calc(90vw/1.75)
    }
}

.container__front-what-we-clean .swiper-container .swiper-slide .image.image-1 {
    background: url(/assets/img/what-we-clean-1.webp) no-repeat;
    background-size: cover;
    width: 100%;
    padding-top: 50%; /* Hauteur relative basée sur la largeur */

}

@media (max-width: 760px) {
    .container__front-what-we-clean .swiper-container .swiper-slide .image.image-1 {
        background:url(/assets/img/what-we-clean-1-mobile.webp) no-repeat
    }
}

.container__front-what-we-clean .swiper-container .swiper-slide .image.image-2 {
    background: url(/assets/img/what-we-clean-2.webp) no-repeat;
    background-size: cover
}

@media (max-width: 760px) {
    .container__front-what-we-clean .swiper-container .swiper-slide .image.image-2 {
        background:url(/assets/img/what-we-clean-2-mobile.webp) no-repeat
    }
}

.container__front-what-we-clean .swiper-container .swiper-slide .image.image-3 {
    background: url(/assets/img/what-we-clean-3.webp) no-repeat;
    background-size: cover
}

@media (max-width: 760px) {
    .container__front-what-we-clean .swiper-container .swiper-slide .image.image-3 {
        background:url(/assets/img/what-we-clean-3-mobile.webp) no-repeat
    }
}

.container__front-what-we-clean .swiper-container .swiper-slide .image.image-4 {
    background: url(/assets/img/what-we-clean-4.webp) no-repeat;
    background-size: cover
}

@media (max-width: 760px) {
    .container__front-what-we-clean .swiper-container .swiper-slide .image.image-4 {
        background:url(/assets/img/what-we-clean-4-mobile.webp) no-repeat
    }
}

.container__front-what-we-clean .swiper-container .swiper-slide img {
    width: 100%;
    height: auto
}

@media (max-width: 760px) {
    .container__front-what-we-clean .swiper-container .swiper-slide img {
        margin-top:3vw
    }
}

.container__front-our-services {
    margin-bottom: 6vw
}

@media (max-width: 760px) {
    .container__front-our-services {
        margin-bottom:10vw
    }
}

.container__front-our-services .block-title {
    font-family: 'Montserrat',sans-serif;
    font-size: 2.8vw;
    margin-bottom: 3vw;
    text-align: center
}

.container__front-our-services .block-title a {
    text-decoration: none
}

.container__front-our-services .block-title a:hover {
    color: #589FD6;
    text-decoration: underline
}

@media (max-width: 760px) {
    .container__front-our-services .block-title {
        font-size:6vw;
        margin-bottom: 5vw
    }
}

@media (max-width: 760px) and (min-aspect-ratio:7/10) {
    .container__front-our-services .block-title {
        font-size:6vw
    }
}

@media (min-width: 761px) and (max-width:1025px) {
    .container__front-our-services .block-title {
        font-size:4vw;
        margin-bottom: 5vw
    }
}

@media (min-width: 1026px) and (max-width:1440px) {
    .container__front-our-services .block-title {
        font-size:3.2vw;
        margin-bottom: 2vw
    }
}

.container__front-our-services .order-types {
    display: flex;
    justify-content: space-between;
    padding: 0 3vw
}

@media (max-width: 760px) {
    .container__front-our-services .order-types {
        flex-direction:column;
        margin-bottom: 7vw
    }
}

.container__front-our-services .order-types.order-types-10,.container__front-our-services .order-types.order-types-8,.container__front-our-services .order-types.order-types-9 {
    flex-wrap: wrap;
    justify-content: center
}

.container__front-our-services .order-types.order-types-10 a,.container__front-our-services .order-types.order-types-8 a,.container__front-our-services .order-types.order-types-9 a {
    margin-right: .5vw;
    margin-bottom: .5vw
}

@media (max-width: 760px) {
    .container__front-our-services .order-types.order-types-10 a,.container__front-our-services .order-types.order-types-8 a,.container__front-our-services .order-types.order-types-9 a {
        margin-right:0
    }
}

































   .cleaning-section {
    display: flex;
    justify-content: center; /* Centrage horizontal */
    align-items: center; /* Centrage vertical */
    padding: 40px;
    border: 1px solid #ccc;
    max-width: 1275px;
    margin: 0 auto; /* Centrage horizontal */
	margin-top: 35px;
  }

  .cleaning-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    color: #000; /* Couleur du texte */
    background-color: rgb(255 255 255 / 95%);
    padding: 20px;
    border-radius: 5px;
  }

  /* Styles pour le bouton Réserver */
  .cleaning-buttons button.reserve {
    background-color: #589FD6;
    color: #FFFFFF;
    margin-right: 10px;
  }

  .cleaning-buttons button.reserve:hover {
    background-color: #488ACB;
  }

  /* Styles pour le bouton Devenir */
  .cleaning-buttons button.become {
    background-color: #FFFFFF;
    color: #589FD6;
  }

  .cleaning-buttons button.become:hover {
    background-color: #589FD6;
    color: #FFFFFF;
  }

  .cleaning-image {
    flex: 1;
    max-width: 50%;
    position: relative;
  }

  .cleaning-image img {
    max-width: 100%;
    height: auto;
    border: 5px solid #fff;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
  }

  .cleaning-image:hover img {
    transform: scale(1.05);
  }


























































.custom-link {
    background-color: white;
    border: 1px solid #D8D8D8;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    margin-bottom: 80px;
    margin-top: 80px;
    padding: 2em
}
.grid-container {
    padding-right: 1rem;
    padding-left: 1rem;
    max-width: 75rem;
    margin: 0 auto;
}
.grid-container {
    padding-right: 1rem;
    padding-left: 1rem;
    max-width: 75rem;
    margin: 0 auto
}

.grid-container.fluid {
    padding-right: 1rem;
    padding-left: 1rem;
    max-width: 100%;
    margin: 0 auto
}

.grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin: 0 auto
}

.grid-x {
    display: flex;
    flex-flow: row wrap
}

.cell {
    flex: 0 0 auto;
    min-height: 0px;
    min-width: 0px;
    width: 100%
}

.cell.auto {
    flex: 1 1 0px
}

.cell.shrink {
    flex: 0 0 auto
}

.is-visible {
    display: block !important;
}

.is-hidden {
    display: none !important;
}

.grid-container {
    padding-right: 1rem;
    padding-left: 1rem;
    max-width: 75rem;
    margin: 0 auto
}

.grid-container.fluid {
    padding-right: 1rem;
    padding-left: 1rem;
    max-width: 100%;
    margin: 0 auto
}

.grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin: 0 auto
}

.grid-x {
    display: flex;
    flex-flow: row wrap
}

.cell {
    flex: 0 0 auto;
    min-height: 0px;
    min-width: 0px;
    width: 100%
}

.cell.auto {
    flex: 1 1 0px
}

.cell.shrink {
    flex: 0 0 auto
}

.grid-x>.auto {
    width: auto
}

.grid-x>.shrink {
    width: auto
}

.grid-x>.small-shrink,.grid-x>.small-full,.grid-x>.small-1,.grid-x>.small-2,.grid-x>.small-3,.grid-x>.small-4,.grid-x>.small-5,.grid-x>.small-6,.grid-x>.small-7,.grid-x>.small-8,.grid-x>.small-9,.grid-x>.small-10,.grid-x>.small-11,.grid-x>.small-12 {
    flex-basis: auto
}

@media print, screen and (min-width: 40em) {
    .grid-x>.medium-shrink,.grid-x>.medium-full,.grid-x>.medium-1,.grid-x>.medium-2,.grid-x>.medium-3,.grid-x>.medium-4,.grid-x>.medium-5,.grid-x>.medium-6,.grid-x>.medium-7,.grid-x>.medium-8,.grid-x>.medium-9,.grid-x>.medium-10,.grid-x>.medium-11,.grid-x>.medium-12 {
        flex-basis:auto
    }
}

@media print, screen and (min-width: 64em) {
    .grid-x>.large-shrink,.grid-x>.large-full,.grid-x>.large-1,.grid-x>.large-2,.grid-x>.large-3,.grid-x>.large-4,.grid-x>.large-5,.grid-x>.large-6,.grid-x>.large-7,.grid-x>.large-8,.grid-x>.large-9,.grid-x>.large-10,.grid-x>.large-11,.grid-x>.large-12 {
        flex-basis:auto
    }
}

@media screen and (min-width: 80em) {
    .grid-x>.xlarge-shrink,.grid-x>.xlarge-full,.grid-x>.xlarge-1,.grid-x>.xlarge-2,.grid-x>.xlarge-3,.grid-x>.xlarge-4,.grid-x>.xlarge-5,.grid-x>.xlarge-6,.grid-x>.xlarge-7,.grid-x>.xlarge-8,.grid-x>.xlarge-9,.grid-x>.xlarge-10,.grid-x>.xlarge-11,.grid-x>.xlarge-12 {
        flex-basis:auto
    }
}

@media screen and (min-width: 90em) {
    .grid-x>.xxlarge-shrink,.grid-x>.xxlarge-full,.grid-x>.xxlarge-1,.grid-x>.xxlarge-2,.grid-x>.xxlarge-3,.grid-x>.xxlarge-4,.grid-x>.xxlarge-5,.grid-x>.xxlarge-6,.grid-x>.xxlarge-7,.grid-x>.xxlarge-8,.grid-x>.xxlarge-9,.grid-x>.xxlarge-10,.grid-x>.xxlarge-11,.grid-x>.xxlarge-12 {
        flex-basis:auto
    }
}

.grid-x>.small-1 {
    width: 8.33333%
}

.grid-x>.small-2 {
    width: 16.66667%
}

.grid-x>.small-3 {
    width: 25%
}

.grid-x>.small-4 {
    width: 33.33333%
}

.grid-x>.small-5 {
    width: 41.66667%
}

.grid-x>.small-6 {
    width: 50%
}

.grid-x>.small-7 {
    width: 58.33333%
}

.grid-x>.small-8 {
    width: 66.66667%
}

.grid-x>.small-9 {
    width: 75%
}

.grid-x>.small-10 {
    width: 83.33333%
}

.grid-x>.small-11 {
    width: 91.66667%
}

.grid-x>.small-12 {
    width: 100%
}

@media print, screen and (min-width: 40em) {
    .grid-x>.medium-auto {
        flex:1 1 0px;
        width: auto
    }

    .grid-x>.medium-shrink {
        flex: 0 0 auto;
        width: auto
    }

    .grid-x>.medium-1 {
        width: 8.33333%
    }

    .grid-x>.medium-2 {
        width: 16.66667%
    }

    .grid-x>.medium-3 {
        width: 25%
    }

    .grid-x>.medium-4 {
        width: 33.33333%
    }

    .grid-x>.medium-5 {
        width: 41.66667%
    }

    .grid-x>.medium-6 {
        width: 50%
    }

    .grid-x>.medium-7 {
        width: 58.33333%
    }

    .grid-x>.medium-8 {
        width: 66.66667%
    }

    .grid-x>.medium-9 {
        width: 75%
    }

    .grid-x>.medium-10 {
        width: 83.33333%
    }

    .grid-x>.medium-11 {
        width: 91.66667%
    }

    .grid-x>.medium-12 {
        width: 100%
    }
}

@media print, screen and (min-width: 64em) {
    .grid-x>.large-auto {
        flex:1 1 0px;
        width: auto
    }

    .grid-x>.large-shrink {
        flex: 0 0 auto;
        width: auto
    }

    .grid-x>.large-1 {
        width: 8.33333%
    }

    .grid-x>.large-2 {
        width: 16.66667%
    }

    .grid-x>.large-3 {
        width: 25%
    }

    .grid-x>.large-4 {
        width: 33.33333%
    }

    .grid-x>.large-5 {
        width: 41.66667%
    }

    .grid-x>.large-6 {
        width: 50%
    }

    .grid-x>.large-7 {
        width: 58.33333%
    }

    .grid-x>.large-8 {
        width: 66.66667%
    }

    .grid-x>.large-9 {
        width: 75%
    }

    .grid-x>.large-10 {
        width: 83.33333%
    }

    .grid-x>.large-11 {
        width: 91.66667%
    }

    .grid-x>.large-12 {
        width: 100%
    }
}

@media screen and (min-width: 80em) {
    .grid-x>.xlarge-auto {
        flex:1 1 0px;
        width: auto
    }

    .grid-x>.xlarge-shrink {
        flex: 0 0 auto;
        width: auto
    }

    .grid-x>.xlarge-1 {
        width: 8.33333%
    }

    .grid-x>.xlarge-2 {
        width: 16.66667%
    }

    .grid-x>.xlarge-3 {
        width: 25%
    }

    .grid-x>.xlarge-4 {
        width: 33.33333%
    }

    .grid-x>.xlarge-5 {
        width: 41.66667%
    }

    .grid-x>.xlarge-6 {
        width: 50%
    }

    .grid-x>.xlarge-7 {
        width: 58.33333%
    }

    .grid-x>.xlarge-8 {
        width: 66.66667%
    }

    .grid-x>.xlarge-9 {
        width: 75%
    }

    .grid-x>.xlarge-10 {
        width: 83.33333%
    }

    .grid-x>.xlarge-11 {
        width: 91.66667%
    }

    .grid-x>.xlarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 90em) {
    .grid-x>.xxlarge-auto {
        flex:1 1 0px;
        width: auto
    }

    .grid-x>.xxlarge-shrink {
        flex: 0 0 auto;
        width: auto
    }

    .grid-x>.xxlarge-1 {
        width: 8.33333%
    }

    .grid-x>.xxlarge-2 {
        width: 16.66667%
    }

    .grid-x>.xxlarge-3 {
        width: 25%
    }

    .grid-x>.xxlarge-4 {
        width: 33.33333%
    }

    .grid-x>.xxlarge-5 {
        width: 41.66667%
    }

    .grid-x>.xxlarge-6 {
        width: 50%
    }

    .grid-x>.xxlarge-7 {
        width: 58.33333%
    }

    .grid-x>.xxlarge-8 {
        width: 66.66667%
    }

    .grid-x>.xxlarge-9 {
        width: 75%
    }

    .grid-x>.xxlarge-10 {
        width: 83.33333%
    }

    .grid-x>.xxlarge-11 {
        width: 91.66667%
    }

    .grid-x>.xxlarge-12 {
        width: 100%
    }
}

.grid-margin-x:not(.grid-x)>.cell {
    width: auto
}

.grid-margin-y:not(.grid-y)>.cell {
    height: auto
}

.grid-margin-x {
    margin-left: -1rem;
    margin-right: -1rem
}

.grid-margin-x>.cell {
    width: calc(100% - 2rem);
    margin-left: 1rem;
    margin-right: 1rem
}

.grid-margin-x>.auto {
    width: auto
}

.grid-margin-x>.shrink {
    width: auto
}

.grid-margin-x>.small-1 {
    width: calc(8.33333% - 2rem)
}

.grid-margin-x>.small-2 {
    width: calc(16.66667% - 2rem)
}

.grid-margin-x>.small-3 {
    width: calc(25% - 2rem)
}

.grid-margin-x>.small-4 {
    width: calc(33.33333% - 2rem)
}

.grid-margin-x>.small-5 {
    width: calc(41.66667% - 2rem)
}

.grid-margin-x>.small-6 {
    width: calc(50% - 2rem)
}

.grid-margin-x>.small-7 {
    width: calc(58.33333% - 2rem)
}

.grid-margin-x>.small-8 {
    width: calc(66.66667% - 2rem)
}

.grid-margin-x>.small-9 {
    width: calc(75% - 2rem)
}

.grid-margin-x>.small-10 {
    width: calc(83.33333% - 2rem)
}

.grid-margin-x>.small-11 {
    width: calc(91.66667% - 2rem)
}

.grid-margin-x>.small-12 {
    width: calc(100% - 2rem)
}

@media print, screen and (min-width: 40em) {
    .grid-margin-x>.medium-auto {
        width:auto
    }

    .grid-margin-x>.medium-shrink {
        width: auto
    }

    .grid-margin-x>.medium-1 {
        width: calc(8.33333% - 2rem)
    }

    .grid-margin-x>.medium-2 {
        width: calc(16.66667% - 2rem)
    }

    .grid-margin-x>.medium-3 {
        width: calc(25% - 2rem)
    }

    .grid-margin-x>.medium-4 {
        width: calc(33.33333% - 2rem)
    }

    .grid-margin-x>.medium-5 {
        width: calc(41.66667% - 2rem)
    }

    .grid-margin-x>.medium-6 {
        width: calc(50% - 2rem)
    }

    .grid-margin-x>.medium-7 {
        width: calc(58.33333% - 2rem)
    }

    .grid-margin-x>.medium-8 {
        width: calc(66.66667% - 2rem)
    }

    .grid-margin-x>.medium-9 {
        width: calc(75% - 2rem)
    }

    .grid-margin-x>.medium-10 {
        width: calc(83.33333% - 2rem)
    }

    .grid-margin-x>.medium-11 {
        width: calc(91.66667% - 2rem)
    }

    .grid-margin-x>.medium-12 {
        width: calc(100% - 2rem)
    }
}

@media print, screen and (min-width: 64em) {
    .grid-margin-x>.large-auto {
        width:auto
    }

    .grid-margin-x>.large-shrink {
        width: auto
    }

    .grid-margin-x>.large-1 {
        width: calc(8.33333% - 2rem)
    }

    .grid-margin-x>.large-2 {
        width: calc(16.66667% - 2rem)
    }

    .grid-margin-x>.large-3 {
        width: calc(25% - 2rem)
    }

    .grid-margin-x>.large-4 {
        width: calc(33.33333% - 2rem)
    }

    .grid-margin-x>.large-5 {
        width: calc(41.66667% - 2rem)
    }

    .grid-margin-x>.large-6 {
        width: calc(50% - 2rem)
    }

    .grid-margin-x>.large-7 {
        width: calc(58.33333% - 2rem)
    }

    .grid-margin-x>.large-8 {
        width: calc(66.66667% - 2rem)
    }

    .grid-margin-x>.large-9 {
        width: calc(75% - 2rem)
    }

    .grid-margin-x>.large-10 {
        width: calc(83.33333% - 2rem)
    }

    .grid-margin-x>.large-11 {
        width: calc(91.66667% - 2rem)
    }

    .grid-margin-x>.large-12 {
        width: calc(100% - 2rem)
    }
}

@media screen and (min-width: 80em) {
    .grid-margin-x>.xlarge-auto {
        width:auto
    }

    .grid-margin-x>.xlarge-shrink {
        width: auto
    }

    .grid-margin-x>.xlarge-1 {
        width: calc(8.33333% - 2rem)
    }

    .grid-margin-x>.xlarge-2 {
        width: calc(16.66667% - 2rem)
    }

    .grid-margin-x>.xlarge-3 {
        width: calc(25% - 2rem)
    }

    .grid-margin-x>.xlarge-4 {
        width: calc(33.33333% - 2rem)
    }

    .grid-margin-x>.xlarge-5 {
        width: calc(41.66667% - 2rem)
    }

    .grid-margin-x>.xlarge-6 {
        width: calc(50% - 2rem)
    }

    .grid-margin-x>.xlarge-7 {
        width: calc(58.33333% - 2rem)
    }

    .grid-margin-x>.xlarge-8 {
        width: calc(66.66667% - 2rem)
    }

    .grid-margin-x>.xlarge-9 {
        width: calc(75% - 2rem)
    }

    .grid-margin-x>.xlarge-10 {
        width: calc(83.33333% - 2rem)
    }

    .grid-margin-x>.xlarge-11 {
        width: calc(91.66667% - 2rem)
    }

    .grid-margin-x>.xlarge-12 {
        width: calc(100% - 2rem)
    }
}

@media screen and (min-width: 90em) {
    .grid-margin-x>.xxlarge-auto {
        width:auto
    }

    .grid-margin-x>.xxlarge-shrink {
        width: auto
    }

    .grid-margin-x>.xxlarge-1 {
        width: calc(8.33333% - 2rem)
    }

    .grid-margin-x>.xxlarge-2 {
        width: calc(16.66667% - 2rem)
    }

    .grid-margin-x>.xxlarge-3 {
        width: calc(25% - 2rem)
    }

    .grid-margin-x>.xxlarge-4 {
        width: calc(33.33333% - 2rem)
    }

    .grid-margin-x>.xxlarge-5 {
        width: calc(41.66667% - 2rem)
    }

    .grid-margin-x>.xxlarge-6 {
        width: calc(50% - 2rem)
    }

    .grid-margin-x>.xxlarge-7 {
        width: calc(58.33333% - 2rem)
    }

    .grid-margin-x>.xxlarge-8 {
        width: calc(66.66667% - 2rem)
    }

    .grid-margin-x>.xxlarge-9 {
        width: calc(75% - 2rem)
    }

    .grid-margin-x>.xxlarge-10 {
        width: calc(83.33333% - 2rem)
    }

    .grid-margin-x>.xxlarge-11 {
        width: calc(91.66667% - 2rem)
    }

    .grid-margin-x>.xxlarge-12 {
        width: calc(100% - 2rem)
    }
}

.grid-padding-x .grid-padding-x {
    margin-right: -1rem;
    margin-left: -1rem
}

.grid-container:not(.full)>.grid-padding-x {
    margin-right: -1rem;
    margin-left: -1rem
}

.grid-padding-x>.cell {
    padding-right: 1rem;
    padding-left: 1rem
}
.custom-link {
    background-color: white;
    border: 1px solid #D8D8D8;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    margin-bottom: 80px;
    margin-top: 80px;
    padding: 2em
}

@media screen and (max-width: 74.9375em) {
    .custom-link {
        margin:2em
    }
}

.custom-link p {
    font-size: 1.4em;
    padding-bottom: 16px
}

.custom-link .link-panel ul {
    border-right: 1px #000000;
    color: #434343;
    font-size: 16px;
    font-weight: 300;
    list-style-type: none;
    line-height: 20px;
    margin-left: 0
}

.custom-link a {
    color: #434343;
    text-decoration: none
}


.align-middle {
    align-items: center
}
.cell {
    flex: 0 0 auto;
    min-height: 0px;
    min-width: 0px;
    width: 100%;
}

.cell.auto {
    flex: 1 1 0px
}

.cell.shrink {
    flex: 0 0 auto
}

.grid-x>.auto {
    width: auto
}

.grid-x>.shrink {
    width: auto
}

.grid-x>.small-shrink,.grid-x>.small-full,.grid-x>.small-1,.grid-x>.small-2,.grid-x>.small-3,.grid-x>.small-4,.grid-x>.small-5,.grid-x>.small-6,.grid-x>.small-7,.grid-x>.small-8,.grid-x>.small-9,.grid-x>.small-10,.grid-x>.small-11,.grid-x>.small-12 {
    flex-basis: auto
}

@media print, screen and (min-width: 40em) {
    .grid-x>.medium-shrink,.grid-x>.medium-full,.grid-x>.medium-1,.grid-x>.medium-2,.grid-x>.medium-3,.grid-x>.medium-4,.grid-x>.medium-5,.grid-x>.medium-6,.grid-x>.medium-7,.grid-x>.medium-8,.grid-x>.medium-9,.grid-x>.medium-10,.grid-x>.medium-11,.grid-x>.medium-12 {
        flex-basis:auto
    }
}

@media print, screen and (min-width: 64em) {
    .grid-x>.large-shrink,.grid-x>.large-full,.grid-x>.large-1,.grid-x>.large-2,.grid-x>.large-3,.grid-x>.large-4,.grid-x>.large-5,.grid-x>.large-6,.grid-x>.large-7,.grid-x>.large-8,.grid-x>.large-9,.grid-x>.large-10,.grid-x>.large-11,.grid-x>.large-12 {
        flex-basis:auto
    }
}

@media screen and (min-width: 80em) {
    .grid-x>.xlarge-shrink,.grid-x>.xlarge-full,.grid-x>.xlarge-1,.grid-x>.xlarge-2,.grid-x>.xlarge-3,.grid-x>.xlarge-4,.grid-x>.xlarge-5,.grid-x>.xlarge-6,.grid-x>.xlarge-7,.grid-x>.xlarge-8,.grid-x>.xlarge-9,.grid-x>.xlarge-10,.grid-x>.xlarge-11,.grid-x>.xlarge-12 {
        flex-basis:auto
    }
}

@media screen and (min-width: 90em) {
    .grid-x>.xxlarge-shrink,.grid-x>.xxlarge-full,.grid-x>.xxlarge-1,.grid-x>.xxlarge-2,.grid-x>.xxlarge-3,.grid-x>.xxlarge-4,.grid-x>.xxlarge-5,.grid-x>.xxlarge-6,.grid-x>.xxlarge-7,.grid-x>.xxlarge-8,.grid-x>.xxlarge-9,.grid-x>.xxlarge-10,.grid-x>.xxlarge-11,.grid-x>.xxlarge-12 {
        flex-basis:auto
    }
}

.grid-x>.small-1 {
    width: 8.33333%
}

.grid-x>.small-2 {
    width: 16.66667%
}

.grid-x>.small-3 {
    width: 25%
}
.fa-gripfire:before {
    content: "\f3ac"
}



.custom-link {
    background-color: white;
    border: 1px solid #D8D8D8;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    margin-bottom: 80px;
    margin-top: 80px;
    padding: 2em
}
.grid-container {
    padding-right: 1rem;
    padding-left: 1rem;
    max-width: 75rem;
    margin: 0 auto;
}
.grid-container {
    padding-right: 1rem;
    padding-left: 1rem;
    max-width: 75rem;
    margin: 0 auto
}

.grid-container.fluid {
    padding-right: 1rem;
    padding-left: 1rem;
    max-width: 100%;
    margin: 0 auto
}

.grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin: 0 auto
}

.grid-x {
    display: flex;
    flex-flow: row wrap
}

.cell {
    flex: 0 0 auto;
    min-height: 0px;
    min-width: 0px;
    width: 100%
}

.cell.auto {
    flex: 1 1 0px
}

.cell.shrink {
    flex: 0 0 auto
}

.is-visible {
    display: block !important;
}

.is-hidden {
    display: none !important;
}

.grid-container {
    padding-right: 1rem;
    padding-left: 1rem;
    max-width: 75rem;
    margin: 0 auto
}

.grid-container.fluid {
    padding-right: 1rem;
    padding-left: 1rem;
    max-width: 100%;
    margin: 0 auto
}

.grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin: 0 auto
}

.grid-x {
    display: flex;
    flex-flow: row wrap
}

.cell {
    flex: 0 0 auto;
    min-height: 0px;
    min-width: 0px;
    width: 100%
}

.cell.auto {
    flex: 1 1 0px
}

.cell.shrink {
    flex: 0 0 auto
}

.grid-x>.auto {
    width: auto
}

.grid-x>.shrink {
    width: auto
}

.grid-x>.small-shrink,.grid-x>.small-full,.grid-x>.small-1,.grid-x>.small-2,.grid-x>.small-3,.grid-x>.small-4,.grid-x>.small-5,.grid-x>.small-6,.grid-x>.small-7,.grid-x>.small-8,.grid-x>.small-9,.grid-x>.small-10,.grid-x>.small-11,.grid-x>.small-12 {
    flex-basis: auto
}

@media print, screen and (min-width: 40em) {
    .grid-x>.medium-shrink,.grid-x>.medium-full,.grid-x>.medium-1,.grid-x>.medium-2,.grid-x>.medium-3,.grid-x>.medium-4,.grid-x>.medium-5,.grid-x>.medium-6,.grid-x>.medium-7,.grid-x>.medium-8,.grid-x>.medium-9,.grid-x>.medium-10,.grid-x>.medium-11,.grid-x>.medium-12 {
        flex-basis:auto
    }
}

@media print, screen and (min-width: 64em) {
    .grid-x>.large-shrink,.grid-x>.large-full,.grid-x>.large-1,.grid-x>.large-2,.grid-x>.large-3,.grid-x>.large-4,.grid-x>.large-5,.grid-x>.large-6,.grid-x>.large-7,.grid-x>.large-8,.grid-x>.large-9,.grid-x>.large-10,.grid-x>.large-11,.grid-x>.large-12 {
        flex-basis:auto
    }
}

@media screen and (min-width: 80em) {
    .grid-x>.xlarge-shrink,.grid-x>.xlarge-full,.grid-x>.xlarge-1,.grid-x>.xlarge-2,.grid-x>.xlarge-3,.grid-x>.xlarge-4,.grid-x>.xlarge-5,.grid-x>.xlarge-6,.grid-x>.xlarge-7,.grid-x>.xlarge-8,.grid-x>.xlarge-9,.grid-x>.xlarge-10,.grid-x>.xlarge-11,.grid-x>.xlarge-12 {
        flex-basis:auto
    }
}

@media screen and (min-width: 90em) {
    .grid-x>.xxlarge-shrink,.grid-x>.xxlarge-full,.grid-x>.xxlarge-1,.grid-x>.xxlarge-2,.grid-x>.xxlarge-3,.grid-x>.xxlarge-4,.grid-x>.xxlarge-5,.grid-x>.xxlarge-6,.grid-x>.xxlarge-7,.grid-x>.xxlarge-8,.grid-x>.xxlarge-9,.grid-x>.xxlarge-10,.grid-x>.xxlarge-11,.grid-x>.xxlarge-12 {
        flex-basis:auto
    }
}

.grid-x>.small-1 {
    width: 8.33333%
}

.grid-x>.small-2 {
    width: 16.66667%
}

.grid-x>.small-3 {
    width: 25%
}

.grid-x>.small-4 {
    width: 33.33333%
}

.grid-x>.small-5 {
    width: 41.66667%
}

.grid-x>.small-6 {
    width: 50%
}

.grid-x>.small-7 {
    width: 58.33333%
}

.grid-x>.small-8 {
    width: 66.66667%
}

.grid-x>.small-9 {
    width: 75%
}

.grid-x>.small-10 {
    width: 83.33333%
}

.grid-x>.small-11 {
    width: 91.66667%
}

.grid-x>.small-12 {
    width: 100%
}

@media print, screen and (min-width: 40em) {
    .grid-x>.medium-auto {
        flex:1 1 0px;
        width: auto
    }

    .grid-x>.medium-shrink {
        flex: 0 0 auto;
        width: auto
    }

    .grid-x>.medium-1 {
        width: 8.33333%
    }

    .grid-x>.medium-2 {
        width: 16.66667%
    }

    .grid-x>.medium-3 {
        width: 25%
    }

    .grid-x>.medium-4 {
        width: 33.33333%
    }

    .grid-x>.medium-5 {
        width: 41.66667%
    }

    .grid-x>.medium-6 {
        width: 50%
    }

    .grid-x>.medium-7 {
        width: 58.33333%
    }

    .grid-x>.medium-8 {
        width: 66.66667%
    }

    .grid-x>.medium-9 {
        width: 75%
    }

    .grid-x>.medium-10 {
        width: 83.33333%
    }

    .grid-x>.medium-11 {
        width: 91.66667%
    }

    .grid-x>.medium-12 {
        width: 100%
    }
}

@media print, screen and (min-width: 64em) {
    .grid-x>.large-auto {
        flex:1 1 0px;
        width: auto
    }

    .grid-x>.large-shrink {
        flex: 0 0 auto;
        width: auto
    }

    .grid-x>.large-1 {
        width: 8.33333%
    }

    .grid-x>.large-2 {
        width: 16.66667%
    }

    .grid-x>.large-3 {
        width: 25%
    }

    .grid-x>.large-4 {
        width: 33.33333%
    }

    .grid-x>.large-5 {
        width: 41.66667%
    }

    .grid-x>.large-6 {
        width: 50%
    }

    .grid-x>.large-7 {
        width: 58.33333%
    }

    .grid-x>.large-8 {
        width: 66.66667%
    }

    .grid-x>.large-9 {
        width: 75%
    }

    .grid-x>.large-10 {
        width: 83.33333%
    }

    .grid-x>.large-11 {
        width: 91.66667%
    }

    .grid-x>.large-12 {
        width: 100%
    }
}

@media screen and (min-width: 80em) {
    .grid-x>.xlarge-auto {
        flex:1 1 0px;
        width: auto
    }

    .grid-x>.xlarge-shrink {
        flex: 0 0 auto;
        width: auto
    }

    .grid-x>.xlarge-1 {
        width: 8.33333%
    }

    .grid-x>.xlarge-2 {
        width: 16.66667%
    }

    .grid-x>.xlarge-3 {
        width: 25%
    }

    .grid-x>.xlarge-4 {
        width: 33.33333%
    }

    .grid-x>.xlarge-5 {
        width: 41.66667%
    }

    .grid-x>.xlarge-6 {
        width: 50%
    }

    .grid-x>.xlarge-7 {
        width: 58.33333%
    }

    .grid-x>.xlarge-8 {
        width: 66.66667%
    }

    .grid-x>.xlarge-9 {
        width: 75%
    }

    .grid-x>.xlarge-10 {
        width: 83.33333%
    }

    .grid-x>.xlarge-11 {
        width: 91.66667%
    }

    .grid-x>.xlarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 90em) {
    .grid-x>.xxlarge-auto {
        flex:1 1 0px;
        width: auto
    }

    .grid-x>.xxlarge-shrink {
        flex: 0 0 auto;
        width: auto
    }

    .grid-x>.xxlarge-1 {
        width: 8.33333%
    }

    .grid-x>.xxlarge-2 {
        width: 16.66667%
    }

    .grid-x>.xxlarge-3 {
        width: 25%
    }

    .grid-x>.xxlarge-4 {
        width: 33.33333%
    }

    .grid-x>.xxlarge-5 {
        width: 41.66667%
    }

    .grid-x>.xxlarge-6 {
        width: 50%
    }

    .grid-x>.xxlarge-7 {
        width: 58.33333%
    }

    .grid-x>.xxlarge-8 {
        width: 66.66667%
    }

    .grid-x>.xxlarge-9 {
        width: 75%
    }

    .grid-x>.xxlarge-10 {
        width: 83.33333%
    }

    .grid-x>.xxlarge-11 {
        width: 91.66667%
    }

    .grid-x>.xxlarge-12 {
        width: 100%
    }
}

.grid-margin-x:not(.grid-x)>.cell {
    width: auto
}

.grid-margin-y:not(.grid-y)>.cell {
    height: auto
}

.grid-margin-x {
    margin-left: -1rem;
    margin-right: -1rem
}

.grid-margin-x>.cell {
    width: calc(100% - 2rem);
    margin-left: 1rem;
    margin-right: 1rem
}

.grid-margin-x>.auto {
    width: auto
}

.grid-margin-x>.shrink {
    width: auto
}

.grid-margin-x>.small-1 {
    width: calc(8.33333% - 2rem)
}

.grid-margin-x>.small-2 {
    width: calc(16.66667% - 2rem)
}

.grid-margin-x>.small-3 {
    width: calc(25% - 2rem)
}

.grid-margin-x>.small-4 {
    width: calc(33.33333% - 2rem)
}

.grid-margin-x>.small-5 {
    width: calc(41.66667% - 2rem)
}

.grid-margin-x>.small-6 {
    width: calc(50% - 2rem)
}

.grid-margin-x>.small-7 {
    width: calc(58.33333% - 2rem)
}

.grid-margin-x>.small-8 {
    width: calc(66.66667% - 2rem)
}

.grid-margin-x>.small-9 {
    width: calc(75% - 2rem)
}

.grid-margin-x>.small-10 {
    width: calc(83.33333% - 2rem)
}

.grid-margin-x>.small-11 {
    width: calc(91.66667% - 2rem)
}

.grid-margin-x>.small-12 {
    width: calc(100% - 2rem)
}

@media print, screen and (min-width: 40em) {
    .grid-margin-x>.medium-auto {
        width:auto
    }

    .grid-margin-x>.medium-shrink {
        width: auto
    }

    .grid-margin-x>.medium-1 {
        width: calc(8.33333% - 2rem)
    }

    .grid-margin-x>.medium-2 {
        width: calc(16.66667% - 2rem)
    }

    .grid-margin-x>.medium-3 {
        width: calc(25% - 2rem)
    }

    .grid-margin-x>.medium-4 {
        width: calc(33.33333% - 2rem)
    }

    .grid-margin-x>.medium-5 {
        width: calc(41.66667% - 2rem)
    }

    .grid-margin-x>.medium-6 {
        width: calc(50% - 2rem)
    }

    .grid-margin-x>.medium-7 {
        width: calc(58.33333% - 2rem)
    }

    .grid-margin-x>.medium-8 {
        width: calc(66.66667% - 2rem)
    }

    .grid-margin-x>.medium-9 {
        width: calc(75% - 2rem)
    }

    .grid-margin-x>.medium-10 {
        width: calc(83.33333% - 2rem)
    }

    .grid-margin-x>.medium-11 {
        width: calc(91.66667% - 2rem)
    }

    .grid-margin-x>.medium-12 {
        width: calc(100% - 2rem)
    }
}

@media print, screen and (min-width: 64em) {
    .grid-margin-x>.large-auto {
        width:auto
    }

    .grid-margin-x>.large-shrink {
        width: auto
    }

    .grid-margin-x>.large-1 {
        width: calc(8.33333% - 2rem)
    }

    .grid-margin-x>.large-2 {
        width: calc(16.66667% - 2rem)
    }

    .grid-margin-x>.large-3 {
        width: calc(25% - 2rem)
    }

    .grid-margin-x>.large-4 {
        width: calc(33.33333% - 2rem)
    }

    .grid-margin-x>.large-5 {
        width: calc(41.66667% - 2rem)
    }

    .grid-margin-x>.large-6 {
        width: calc(50% - 2rem)
    }

    .grid-margin-x>.large-7 {
        width: calc(58.33333% - 2rem)
    }

    .grid-margin-x>.large-8 {
        width: calc(66.66667% - 2rem)
    }

    .grid-margin-x>.large-9 {
        width: calc(75% - 2rem)
    }

    .grid-margin-x>.large-10 {
        width: calc(83.33333% - 2rem)
    }

    .grid-margin-x>.large-11 {
        width: calc(91.66667% - 2rem)
    }

    .grid-margin-x>.large-12 {
        width: calc(100% - 2rem)
    }
}

@media screen and (min-width: 80em) {
    .grid-margin-x>.xlarge-auto {
        width:auto
    }

    .grid-margin-x>.xlarge-shrink {
        width: auto
    }

    .grid-margin-x>.xlarge-1 {
        width: calc(8.33333% - 2rem)
    }

    .grid-margin-x>.xlarge-2 {
        width: calc(16.66667% - 2rem)
    }

    .grid-margin-x>.xlarge-3 {
        width: calc(25% - 2rem)
    }

    .grid-margin-x>.xlarge-4 {
        width: calc(33.33333% - 2rem)
    }

    .grid-margin-x>.xlarge-5 {
        width: calc(41.66667% - 2rem)
    }

    .grid-margin-x>.xlarge-6 {
        width: calc(50% - 2rem)
    }

    .grid-margin-x>.xlarge-7 {
        width: calc(58.33333% - 2rem)
    }

    .grid-margin-x>.xlarge-8 {
        width: calc(66.66667% - 2rem)
    }

    .grid-margin-x>.xlarge-9 {
        width: calc(75% - 2rem)
    }

    .grid-margin-x>.xlarge-10 {
        width: calc(83.33333% - 2rem)
    }

    .grid-margin-x>.xlarge-11 {
        width: calc(91.66667% - 2rem)
    }

    .grid-margin-x>.xlarge-12 {
        width: calc(100% - 2rem)
    }
}

@media screen and (min-width: 90em) {
    .grid-margin-x>.xxlarge-auto {
        width:auto
    }

    .grid-margin-x>.xxlarge-shrink {
        width: auto
    }

    .grid-margin-x>.xxlarge-1 {
        width: calc(8.33333% - 2rem)
    }

    .grid-margin-x>.xxlarge-2 {
        width: calc(16.66667% - 2rem)
    }

    .grid-margin-x>.xxlarge-3 {
        width: calc(25% - 2rem)
    }

    .grid-margin-x>.xxlarge-4 {
        width: calc(33.33333% - 2rem)
    }

    .grid-margin-x>.xxlarge-5 {
        width: calc(41.66667% - 2rem)
    }

    .grid-margin-x>.xxlarge-6 {
        width: calc(50% - 2rem)
    }

    .grid-margin-x>.xxlarge-7 {
        width: calc(58.33333% - 2rem)
    }

    .grid-margin-x>.xxlarge-8 {
        width: calc(66.66667% - 2rem)
    }

    .grid-margin-x>.xxlarge-9 {
        width: calc(75% - 2rem)
    }

    .grid-margin-x>.xxlarge-10 {
        width: calc(83.33333% - 2rem)
    }

    .grid-margin-x>.xxlarge-11 {
        width: calc(91.66667% - 2rem)
    }

    .grid-margin-x>.xxlarge-12 {
        width: calc(100% - 2rem)
    }
}

.grid-padding-x .grid-padding-x {
    margin-right: -1rem;
    margin-left: -1rem
}

.grid-container:not(.full)>.grid-padding-x {
    margin-right: -1rem;
    margin-left: -1rem
}

.grid-padding-x>.cell {
    padding-right: 1rem;
    padding-left: 1rem
}
.custom-link {
    background-color: white;
    border: 1px solid #D8D8D8;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    margin-bottom: 80px;
    margin-top: 80px;
    padding: 2em;
}

@media screen and (max-width: 74.9375em) {
    .custom-link {
        margin:2em
    }
}

.custom-link p {
    font-size: 1.4em;
    padding-bottom: 16px
}

.custom-link .link-panel ul {
    border-right: 1px #000000;
    color: #434343;
    font-size: 16px;
    font-weight: 300;
    list-style-type: none;
    line-height: 20px;
    margin-left: 0
}

.custom-link a {
    color: #434343;
    text-decoration: none
}


.align-middle {
    align-items: center
}
.cell {
    flex: 0 0 auto;
    min-height: 0px;
    min-width: 0px;
    width: 100%;
}

.cell.auto {
    flex: 1 1 0px
}

.cell.shrink {
    flex: 0 0 auto
}

.grid-x>.auto {
    width: auto
}

.grid-x>.shrink {
    width: auto
}

.grid-x>.small-shrink,.grid-x>.small-full,.grid-x>.small-1,.grid-x>.small-2,.grid-x>.small-3,.grid-x>.small-4,.grid-x>.small-5,.grid-x>.small-6,.grid-x>.small-7,.grid-x>.small-8,.grid-x>.small-9,.grid-x>.small-10,.grid-x>.small-11,.grid-x>.small-12 {
    flex-basis: auto
}

@media print, screen and (min-width: 40em) {
    .grid-x>.medium-shrink,.grid-x>.medium-full,.grid-x>.medium-1,.grid-x>.medium-2,.grid-x>.medium-3,.grid-x>.medium-4,.grid-x>.medium-5,.grid-x>.medium-6,.grid-x>.medium-7,.grid-x>.medium-8,.grid-x>.medium-9,.grid-x>.medium-10,.grid-x>.medium-11,.grid-x>.medium-12 {
        flex-basis:auto
    }
}

@media print, screen and (min-width: 64em) {
    .grid-x>.large-shrink,.grid-x>.large-full,.grid-x>.large-1,.grid-x>.large-2,.grid-x>.large-3,.grid-x>.large-4,.grid-x>.large-5,.grid-x>.large-6,.grid-x>.large-7,.grid-x>.large-8,.grid-x>.large-9,.grid-x>.large-10,.grid-x>.large-11,.grid-x>.large-12 {
        flex-basis:auto
    }
}

@media screen and (min-width: 80em) {
    .grid-x>.xlarge-shrink,.grid-x>.xlarge-full,.grid-x>.xlarge-1,.grid-x>.xlarge-2,.grid-x>.xlarge-3,.grid-x>.xlarge-4,.grid-x>.xlarge-5,.grid-x>.xlarge-6,.grid-x>.xlarge-7,.grid-x>.xlarge-8,.grid-x>.xlarge-9,.grid-x>.xlarge-10,.grid-x>.xlarge-11,.grid-x>.xlarge-12 {
        flex-basis:auto
    }
}

@media screen and (min-width: 90em) {
    .grid-x>.xxlarge-shrink,.grid-x>.xxlarge-full,.grid-x>.xxlarge-1,.grid-x>.xxlarge-2,.grid-x>.xxlarge-3,.grid-x>.xxlarge-4,.grid-x>.xxlarge-5,.grid-x>.xxlarge-6,.grid-x>.xxlarge-7,.grid-x>.xxlarge-8,.grid-x>.xxlarge-9,.grid-x>.xxlarge-10,.grid-x>.xxlarge-11,.grid-x>.xxlarge-12 {
        flex-basis:auto
    }
}

.grid-x>.small-1 {
    width: 8.33333%
}

.grid-x>.small-2 {
    width: 16.66667%
}

.grid-x>.small-3 {
    width: 25%
}



@media print, screen and (min-width: 64em)
.grid-x>.large-4 {
    width: 33.33333%;
}
.cell {
    flex: 0 0 auto;
    min-height: 0px;
    min-width: 0px;
    width: 100%;
}
@media print, screen and (min-width: 64em)
.grid-x>.large-shrink, .grid-x>.large-full, .grid-x>.large-1, .grid-x>.large-2, .grid-x>.large-3, .grid-x>.large-4, .grid-x>.large-5, .grid-x>.large-6, .grid-x>.large-7, .grid-x>.large-8, .grid-x>.large-9, .grid-x>.large-10, .grid-x>.large-11, .grid-x>.large-12 {
    flex-basis: auto;
}
.cell {
    flex: 0 0 auto;
    min-height: 0px;
    min-width: 0px;
    width: 100%;
}

p {
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility
}

.align-middle {
    align-items: center;
}

.grid-container {
    padding-right: 1rem;
    padding-left: 1rem;
    max-width: 118rem;

}







































.service-item:hover {
  cursor: url(https://maps.gstatic.com/mapfiles/openhand_8_8.cur), default;
    touch-action: pan-x pan-y;
}
@media (max-width: 768px) { /* Adaptez cette valeur en fonction de vos besoins */
h2.title-h2 {
	font-size: 24px!important;;
    }
	 }





.mb-0{

margin-bottom: 0!important;;
    text-align: center!important;;
	}





/* Styles pour les écrans de taille normale */
.logo-image {
    display: block; /* Assurez-vous que l'image est visible par défaut */
}

.logo-svg {
    display: none; /* Assurez-vous que le SVG est caché par défaut */
}

/* Médias queries pour les écrans de petite taille (mode mobile) */
@media (max-width: 768px) { /* Adaptez cette valeur en fonction de vos besoins */
    .logo-image {
        display: none; /* Cachez l'image en mode mobile */
    }

    .logo-svg {
        display: block; /* Affichez le SVG en mode mobile */
		margin-block-end: -121px;
    }
}




.s-benefits, .s-benefits * {
    box-sizing: border-box;
}
  @font-face {
            font-family: 'VotrePoliceWeb';
            src: url('/chemin/vers/votre-police.woff2') format('woff2'); /* Remplacez par le chemin de votre police */
            font-weight: normal;
            font-style: normal;
            font-display: swap; /* Utilisation de 'swap' pour afficher le texte tout de suite */
        }
		

.center-button {
    display: flex;
    justify-content: center;
    margin-top: 2rem; /* Ajustez la marge supérieure selon vos besoins */
}

.reset-styles {
    all: unset; /* Réinitialise tous les styles pour cet élément */
}

/* Nouveaux styles pour les cartes */
.custom-card {
    border: 1px solid #589FD6;
    border-radius: 6px;
    transition: box-shadow 0.3s;
    position: relative;
}

.custom-card:hover {
    border: 1px solid transparent;
    box-shadow: 0 0 0 2px #589FD6, 0 0 8px 0 rgba(0, 128, 128, 0.2), 0 0 16px 0 rgba(0, 128, 128, 0.1), 0 0 24px 0 rgba(0, 128, 128, 0.05);
}

/* Nouveaux styles pour la section */
.custom-benefits {
    padding-bottom: 85px;
}

.custom-container {
    width: 100%;
    max-width: 1298px;
    padding: 0 15px;
    margin: 0 auto;
	margin-top: 34px;
}

.custom-benefits .custom-container h2 {
    color: #000;
    width: 100%;
    max-width: 505px;
    margin: 0 auto;
    margin-bottom: 32px;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
    color: #070B0D;
    font-size: 32px;
}

.custom-benefits .custom-container .all-cards {
    display: grid;
    grid-template-columns: repeat(2, 490px);
    justify-content: center;
    grid-gap: 20px 30px;
    position: relative;
    z-index: 5;
}

.custom-benefits .custom-container .all-cards::before {
    content: "";
    background: rgba(1, 181, 160, 0.17);
    filter: blur(140px);
    transform: rotate(-15deg);
    position: absolute;
    top: 0;
    right: 19.7rem;
    width: 299.9px;
    height: 299.9px;
    z-index: -1;
}

.custom-benefits .custom-container .all-cards::after {
    content: "";
    background: rgba(144, 92, 216, 0.25);
    filter: blur(140px);
    transform: rotate(-15deg);
    position: absolute;
    top: 0;

    width: 299.9px;
    height: 299.9px;
    z-index: -1;
}

.custom-benefits .custom-container .all-cards .card {
    display: flex;
    align-items: flex-start;
    border-radius: 3px;
    border: 1px solid #EFEFEF;
    padding: 2rem;
    background-color: #FFFFFF;
}

.custom-benefits .custom-container .all-cards .card .txt {
    width: 100%;
    max-width: 337px;
    margin-left: 11px;
    flex: 1;
}

.custom-benefits .custom-container .all-cards .card .txt h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 22px;
    color: #070B0D;
}

.custom-benefits .custom-container .all-cards .card .txt p {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #32495C;
    margin-top: 8px;
}

.custom-benefits .custom-container .btn-primary {
display: inline-block;
    padding: 12px 47px;
    box-shadow: 0px 4px 5px rgba(72, 72, 72, 0.25);
    border-radius: 3px;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 20px;
    background-color: #589FD6;
    color: #FFFFFF;
    transition: background-color 0.3s, color 0.3s;
	border: 2px solid #589FD6;
}



.custom-benefits .custom-container .btn-primary :hover {
    background-color: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    color: #589FD6;
}




.custom-benefits .custom-container .btn-ancora {
    /* Ajoutez des styles spécifiques au bouton "AGENDAR SERVIÇO" si nécessaire */
}



/* Pour les écrans de largeur jusqu'à 768px */
@media (max-width: 768px) {
    .custom-benefits .custom-container .all-cards {
        grid-template-columns: 1fr; /* Une seule colonne pour les appareils mobiles */
    }
}

 @media (max-width: 767px) {
.service-icon-container {
    height: 113px!important;;
}
}
 @media (max-width: 767px) {
h1 {

    margin-block-end: 8px !important;;
}
}
@media (max-width: 767px) {
.row { 
     padding-bottom: 46px!important;;
		margin-top: 4px!important;;
}
}
  
  .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {

    top: 281px;






 }
  @media (max-width: 767px) {
.service-description {

    margin-top: -27px!important;;
    margin-block-end: -17px!important;;
}
}

  @media (max-width: 767px) {
.slider-text {

    margin-top: -2px!important;;
    margin-block-end: -7px!important;;
}
}

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700&display=swap');

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.container-plans {
    width: 100%;
    max-width: 1298px;
    padding: 0 15px;
    margin: 0 auto;
	    margin-top: 80px;
}

.s-our-plans .container-plans h2 {
    color: #000;
    width: 100%;
    max-width: 505px;
    margin: 0 auto;
    margin-bottom: 32px;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
    color: #070B0D;
    font-size: 32px;
}

h2.title-h2 {

    font-size: 32px;
    line-height: 33px;
    color: #000;

	padding-top: 3rem;

    line-height: 33px;
    text-align: center!important;;
    padding-top: 3rem;
    width: 100%;
    max-width: 505px;
    margin: 0 auto;
    margin-bottom: 32px;
    font-weight: 700;
    line-height: 46px;
    color: #070B0D;

}


	

.s-our-plans .container-plans .tab-content-content {
    margin-top: 64px;
}

.s-services .container-plans .tab-content-content .tab-pane-content.active,
.s-our-plans .container-plans .tab-content-content .tab-pane-content.active {
    display: block;
    animation: fadeUp .4s forwards;
}

.swiper-horizontal {
    touch-action: pan-y;
}

.swiper,
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}

.s-our-plans .container-plans .tab-content-content .tab-pane-content .swiper .swiper-wrapper {
    display: flex;
    align-items: flex-end;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}

/* Afficher trois swipers par ligne avec 20px de marge entre eux */
.s-our-plans .container-plans .tab-content-content .tab-pane-content .swiper .swiper-wrapper .swiper-slide {
    flex: 0 0 calc(33.33% - 20px);
    
    margin: 0 10px; /* Espacement horizontal entre les swipers */
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    border-radius: 5px;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 20px 22px; /* Ajuster la hauteur du swiper-slide */
}

.swiper-slide swiper-slide-active {
    
    margin-right: 16px;
}

.planos .swiper-wrapper>.swiper-slide:first-child {
    order: 3;
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-slide,
swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}

.s-our-plans .container-plans .tab-content-content .tab-pane-content .swiper .swiper-wrapper .swiper-slide h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #070B0D;
    margin-bottom: 38px;
}

.s-our-plans .container-plans .tab-content-content .tab-pane-content .swiper .swiper-wrapper .swiper-slide ul li:not(:last-child) {
    margin-bottom: 0px;
}

.s-our-plans .container-plans .tab-content-content .tab-pane-content .swiper .swiper-wrapper .swiper-slide ul li {
    display: flex;
    align-items: flex-start;
}

/* Style du bouton "btn-primary" */
.s-our-plans .container-plans .tab-content-content .tab-pane-content .swiper .swiper-wrapper .swiper-slide .btn-primary {
    margin-top: 15px;
    padding: 10px 20px;
    background-color: #589FD6;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    margin-top: 25px;
    width: 207px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
    font-weight: 400;
    font-size: 14px;
    /* box-shadow: 0px 4px 5px rgba(72, 72, 72, 0.25); */
    /* padding: 12px 47px; */
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 20px;
    border: 2px solid #589FD6;
}

.s-our-plans .container-plans .tab-content-content .tab-pane-content .swiper .swiper-wrapper .swiper-slide .btn-primary:hover {
    background-color: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	color: #589FD6;
	
}

.s-our-plans .container-plans .tab-content-content .tab-pane-content .swiper .swiper-pagination {
    margin-top: 20px;
}

.s-our-plans .container-plans .tab-content-content .tab-pane-content .swiper .swiper-wrapper .swiper-slide.recommended::before {
    content: "Recommandé";
    background-color: #F66F1F;
    padding: 9px 17px;
    border-radius: 50px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    position: absolute;
    top: -25px;
}
/* Faire descendre la pagination du swiper */
.swiper-pagination {
  bottom: -30px;
}

/* Faire descendre les bullets de la pagination */
.swiper-pagination-bullets {
  bottom: -30px;
}

/* Faire descendre les bullets cliquables de la pagination */
.swiper-pagination-clickable {
  bottom: -30px;
}

/* Faire descendre la pagination horizontale */
.swiper-pagination-horizontal {
  bottom: -30px;
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.planos .swiper-wrapper>.swiper-slide.recommended {
    order: 1;
}

.s-our-plans .container-plans .tab-content-content .tab-pane-content .swiper .swiper-wrapper .swiper-slide.recommended {
    
    border-width: 5px;
    border: 5px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to left, #01B5A0, #905CD8);
    padding: 40px 23px; /* Ajuster la hauteur du swiper-slide "recommended" */
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
}

/* Ajuster la hauteur du swiper-slide swiper-slide-next */
.s-our-plans .container-plans .tab-content-content .tab-pane-content .swiper .swiper-wrapper .swiper-slide-next {
    padding: 30px 22px; /* Hauteur du swiper-slide swiper-slide-next */
}

/* Ajuster la hauteur du swiper-slide swiper-slide-active */
.s-our-plans .container-plans .tab-content-content .tab-pane-content .swiper .swiper-wrapper .swiper-slide-active {
    padding: 25px 22px; /* Hauteur du swiper-slide swiper-slide-active */
}

.swiper-slide, swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}

.tab-content-content{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
}

ul {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
}

.container-plans:after, .container-plans:before {
    content: " ";
    display: table;
}

.container-plans:after {
    clear: both;
}
.container-plans::after, .container-plans::before {
    display: none;
}



h1 {
  font-size: 48px;
  font-weight: bold;
  position: relative;
  overflow: hidden;
}

#textAnimation {
  display: inline-block;
}

.changeText {
  animation: fadeAndRotate 0.5s; /* Animation plus rapide (0.5s) */
}

@keyframes fadeAndRotate {
  0% {
    opacity: 1;
    transform: rotateY(0);
  }
  100% {
    opacity: 0;
    transform: rotateY(-180deg);
  }
}







@media (max-width: 767px) {
	  .home-section-container {
		border-radius: 0px!important;;
		
  }
 }
 
@media (max-width: 767px) {
  .home-section-container .section-container .info-section .discover-btn  {
    grid-template-columns: repeat(1, 1fr)!important;;
	   
	
  }
}

@media (max-width: 767px) {
  .comments {
    grid-template-columns: repeat(1, 1fr)!important;;
	
  }
}



@media (max-width: 767px) {
	.info-section .discover-btn {
	border-radius: 0!important;;
    padding: 0!important;;
    max-width: 292px !important;;
    margin: 0 auto !important;;
  }
}


/*@media (max-width: 767px) {
  .home-section-container .section-container .info-section {
    border-radius: !important;;
    padding: 0!important;;
    max-width: 292px!important;;
    margin: 0 auto!important;;*/
  }
}


@media (max-width: 767px) {
  .home-section-container .section-container .info-section {
    width: 292px;
    height: 38px;
    line-height: 38px!important;;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
	  s-clean-house
	  home-section-container 
	  section-container 
	  info-section {
	 background-color: #589FD6 !important;;
  }

 }


 
 @media (max-width: 767px) {
	  .section-container {
	grid-template-columns: repeat(1, 1fr)!important;;
	background-color: #589FD6!important;;
  }

 }





/* Cacher la section-image sur les appareils mobiles */
.section-image {
  display: block;
}

@media (max-width: 767px) {
  .section-image {
    display: none;
  }
}

/* ... Le reste de vos styles CSS ... */

.comment-text {
  font-weight: 400;
    font-size: 14px;
    line-height: 150.18%;
    color: #FFFFFF;
}
.discover-btn {
	background-color: #FFFFFF; 

    width: 551px;
    height: 51px;
    text-align: center;


    color: #589FD6;
    box-shadow: 0px 4px 5px rgba(72, 72, 72, 0.25);

    display: inline-block;
    padding: 12px 47px;
    box-shadow: 0px 4px 5px rgba(72, 72, 72, 0.25);
    border-radius: 3px;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 20px;
    background-color: #ffffff;
    color: #589FD6;
    transition: background-color 0.3s, color 0.3s;
    border: 2px solid #ffffff;
}
.home-section-container {
  border-radius: 10px;
  overflow: hidden;
}

.home-section-container {
  border-radius: 10px;
  overflow: hidden;
}



.section-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  max-width: 1298px;
  padding: 0 15px;
  margin: 0 auto;
}

.section-image {
  border-radius: 10px 0 0 10px;
  overflow: hidden;
}

.section-image  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.info-section {
  background-color: #589FD6;
  padding: 20px;
  color: white;
  border-radius: 0 10px 10px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  
}
info-title {
  
  font-weight: bold;
  color: #FFFFFF;
    margin-bottom: 44px;
	font-size: 32px;
    line-height: 33px;
}


.comments {
  display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 45px;
    margin-bottom: 48px;
}

.comment {
 display: flex;
    align-items: flex-start;
    gap: 16px;
}

/*.comment-icon {
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;*/
}

/*.comment-icon img {
  width: 30px;
  height: 30px;
  border: 2px solid #fff;
  border-radius: 50%;
}

/*.comment p {
  /*font-size: 16px;*/
}













#demi-monche {
  animation: shirtAnimation 3s infinite;
}

/* Animation pour le demi-monche du t-shirt */
@keyframes shirtAnimation {
  0% {
    transform: skewX(0.2deg);
  }
  50% {
    transform: rotate(-0deg);
  }
  100% {
    transform: rotate(-0deg);
  }
}





#main {
  animation-name: waveHand;
  animation-duration: 2s; /* Durée de l'animation en secondes */
  animation-timing-function: ease-in-out; /* Facultatif : ajustez selon vos préférences */
  animation-iteration-count: infinite; /* Facultatif : pour que l'animation se répète en boucle */
}


@keyframes waveHand {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(20deg);
  }
  100% {
    transform: rotate(0deg);
  }
}



@keyframes moveForwardBackward {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(8px); /* Ajustez la valeur selon la distance que vous souhaitez qu'elle se déplace */
  }
  100% {
    transform: translateX(0);
  }
}
#Character_3 {
  animation-name: moveForwardBackward;
  animation-duration: 3s; /* Durée de l'animation en secondes */
  animation-timing-function: ease-in-out; /* Facultatif : ajustez selon vos préférences */
  animation-iteration-count: infinite; /* Facultatif : pour que l'animation se répète en boucle */
}



@keyframes wipeGlass {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translate3d(15px, 15px, 13px);
  }
  100% {
    transform: translateX(0);
  }
}

#Character_1 {
  animation-name: wipeGlass;
  animation-duration: 3s; /* Durée de l'animation en secondes */
  animation-timing-function: ease-in-out; /* Facultatif : ajustez selon vos préférences */
  animation-iteration-count: infinite; /* Facultatif : pour que l'animation se répète en boucle */
}



#bras {
  transform-origin: bottom center;
  animation: swingArm 2s infinite;
  
  }
  
@keyframes swingArm {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(0.5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}



#chiffon {
  animation: clothAnimation 2s infinite;
}

@keyframes clothAnimation {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(0.5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}



@keyframes wipeAnimation {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(0.5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
}

/* Appliquez l'animation au bras de l'homme */
#bras {
  animation: wipeAnimation 2s infinite;
}



/* Cacher l'image sur les appareils mobiles */
@media (max-width: 767px) {
  .slider-image-container {
    display: none;
  }
}
/* Masquer la classe "hide-on-mobile" sur les appareils avec une largeur d'écran inférieure à 768px (typiquement les appareils mobiles) */
@media (max-width: 767px) {
  .hide-on-mobile {
    display: none !important;;
  }
}

span2 {
    display: inline-block;
    width: 68px;
    height: 68px;
    padding: 20px;
    font-family: 'Din Black';
    font-size: 30px;
    font-weight: 700;
    background-color: #5ba0d7;
    color: #FFF;
    border-radius: 70px;
    line-height: 1;
	
}
span3 {
    display: inline-block;
    width: 68px;
    height: 68px;
    padding: 20px;
    font-family: 'Din Black';
    font-size: 30px;
    font-weight: 700;
    background-color: #FFF;
    color: #5ba0d7;
    border-radius: 70px;
    line-height: 1;
	
}
ine-height: 1;
	
}
.vm {
	display: table-cell;
	vertical-align: middle;
}
.chromeframe {
	background: #ddd;
	color: #000;
	padding: .2em;
	position: fixed;
	top: 0;
	left: 0;
	text-align: center;
	z-index: 9999;
	width: 100%;
}
.chromeframe a { color: #ed1c24; }
body {
	background: #fff;
	font-size: 16px;
	line-height: 1.5;
	font-family: "Montserrat", Arial, sans-serif;
	padding-top: 62px; /* Header fixed */
	color: #645555;
	-webkit-font-smoothing: antialiased;
}
h2, h3, h4, h5, h6 {
	margin-bottom: 0.225em;
	font-size: x-large;;
	line-height: 1.625em;
	color: #555;
}
h1 {
	-webkit-font-smoothing: antialiased;
	color: #000000;
	
}
h7 {
	-webkit-font-smoothing: antialiased;
	color: #FFF;
}
.main_title {
	text-align: center;
	font-size: 16px;
	margin-bottom: 0px;
}
.main_title h2 {
    color: #000;
    width: 100%;
    max-width: 505px;
    margin: 0 auto;
    margin-bottom: 32px;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
    color: #070B0D;
    font-size: 32px;
}
      .animated-btn {
            display: inline-block;
            padding: 10px 20px;
            background-color: #3498db;
            color: #fff;
            border-radius: 5px;
            position: relative;
            overflow: hidden;
            text-align: center;
            transition: background-color 0.3s ease;
        }

        .broom-icon {
            display: inline-block;
            vertical-align: middle;
            width: 20px;
            height: 20px;
            position: absolute;
            left: 50%;
            top: 50%;
            opacity: 0;
            transform: translate(-50%, -50%) rotate(0deg);
            background: url('path-to-broom-image.png') no-repeat center;
            background-size: contain;
            animation: sweep 1s infinite;
        }

        .animated-btn:hover .broom-icon {
            opacity: 1;
            animation: sweep 1s infinite;
        }

        @keyframes sweep {
            0%, 100% {
                transform: translate(-50%, -50%) rotate(0deg);
            }
            50% {
                transform: translate(-50%, -50%) rotate(180deg);
            }
        }

        .btn-text {
            vertical-align: middle;
        }

        .animated-btn:hover {
            background-color: #2980b9;
        }

        /* Styles pour l'animation des mots du h1 */
        .animated-heading {
            display: inline-block;
        }

        .word {
            display: inline-block;
            opacity: 0;
            animation: fadeInWord 1s forwards;
            animation-delay: calc(var(--delay) * 0.3s);
            animation-iteration-count: infinite;
        }

        .stop-animation .word {
            animation-play-state: paused;
        }

        @keyframes fadeInWord {
            to {
                opacity: 1;
            }
        }

        /* Effet de rebondissement sur le bouton */
        .btn-bounce {
            animation: btnBounce 0.5s infinite;
        }

        @keyframes btnBounce {
            0%, 100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-10px);
            }
        }
		
		
		
		
		
		
		
	
	
	/* Styles pour les flèches animées */
.container-chronomenage .step:not(:last-child) {
    position: relative;
}

.container-chronomenage .step:not(:last-child)::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: calc(100% + 10px);
    transform: translateY(-50%);
    width: 30px;
    height: 2px;
    background-color: #333;
}

.container-chronomenage .step[data-step="2"]::before,
.container-chronomenage .step[data-step="3"]::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px;
    border-color: transparent #333 transparent transparent;
}

.container-chronomenage .step[data-step="2"]::before {
    top: 25%;
    border-color: transparent #333 transparent transparent;
}

.container-chronomenage .step[data-step="3"]::before {
    top: 75%;
    border-color: transparent #333 transparent transparent;
}

/* Style pour étape active */
.container-chronomenage .step.active h3 {
    color: #ff6600; /* Couleur d'accentuation pour l'étape active */
}

	
	


element.style {
    visibility: visible;
    animation-duration: 1s;
    animation-name: fadeInLeft;
}



	
.main_title p {
	min-height: 4.875em;
	margin-bottom: 1.625em;
	margin: 0;
    padding: 0;
	font-weight: 300;
	text-align: center;
	font-size: 17px;
    line-height: 1.625em;
    font-family: ProximaNova,Helvetica,Arial,sans-serif;
    color: #555;
	
}
h2 span, h3 span, h4 span, h5 span, h6 span { color: #589FD6; }
.box_style_1 h3.inner {
	margin: -30px -30px 20px;
	background-color: #589fd6 ;
	padding: 10px 20px 10px 18px;
	color: #fff;
	border: 1px solid #fff;
	-webkit-border-top-left-radius: 3px;
	text-align: center;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	font-size: 22px;
}
#sous_service ul li a {
    border-bottom: 1px solid #ededed;
    padding: 10px 0;
    display: block;
    color: #888;
}
a {
	color: #589fd6;
	text-decoration: none;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	outline: none;
}
a:hover, a:focus {
	color: #111;
	text-decoration: none;
	outline: none;
}
p {
	margin: 10px 0 10px 0;
	}
p1 {
color: #fff;
margin-bottom: 0;
line-height: 1.69565217em;
text-align: center;

	
	}
p.line {
	 line-height: 23px; 
}
.nopadding {
	margin: 0!important;;
	padding: 0!important;;
}
hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #589FD6;
}
.text-plain {
	white-space: pre-wrap;
	word-wrap: break-word;
}
.hero_btns {
	display: unset;
	position: relative;
	    transition: all 0.2s ease-out 0s;
}
.hero_btns:after {
	position: absolute;
	content: '';
	top: 110%;
	left: 50%;
	width: 220px;
	height: 68px;
	margin-left: -90px;
	
}
a.button_intro, .button_intro {
    margin-top: 10px;
    position: relative;
    z-index: 2;
    background: #589fd6;
    border-radius: 4px;
    padding: 22px 30px;
    letter-spacing: .05em;
    text-transform: unset;
    font-family: "proxima-nova",sans-serif;
    font-weight: 900;
    -webkit-transition: background .2s ease;
    color: #fff;
    background-color: #589fd6;
    border-color: #589fd6;
    display: inline-block;
    margin-bottom: 25px;
    font-size: 26px;
    line-height: 24px;
    border: 1px solid transparent;
}
a.button_intro:hover, .button_intro:hover {
	background: #589FD6;
	color: #589FD6!important;;
}
a.button_intro.outilne, .button_intro.outline {
	border: 2px solid #fff;
	color: #fff;
	background: none;
	padding: 6px 23px;
}
a.button_intro.alt, .button_intro.alt {
	color: #589FD6;
	background: #fff;
}
a.button_intro.alt:hover, .button_intro.alt:hover {
	background: #fff;
	color: #e74c3c!important;;
}
a.button_intro:hover, .button_intro:hover {
	background: #fff;
	color: #589FD6;
}
a.button_drop, .button_drop {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: #589FD6!important;;
	background: #ededed;
	cursor: pointer;
	padding: 5px 15px!important;;
	display: inline-block;
	outline: none;
	font-size: 11px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: 700!important;;
	width: 49%;
}
a.button_drop.outilne, .button_drop.outline {
	border: 2px solid #ededed;
	color: #589FD6;
	background: none;
	padding: 3px 23px!important;;
}
a.button_drop:hover, .button_drop:hover {
	background: #ededed;
	color: #333;
}
a.button_drop.outline:hover, .button_drop.outline:hover {
	background: #ededed;
	color: #333;
	border: 2px solid #ededed;
}
a.btn_1, .btn_1 {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: #fff;
	background: #589FD6;
	cursor: pointer;
	padding: 7px 20px;
	margin: 2px 0;
	display: inline-block;
	outline: none;
	font-size: 12px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: 700;
}
a.btn_1.green, .btn_1.green { background: #83c99f; }
a.btn_1.white, .btn_1.white {
	background: #fff;
	color: #589FD6;
}
a.btn_1.white:hover, .btn_1.white a:hover {
	background: #333;
	color: #fff;
}
a.btn_1.outline, .btn_1.outiline, input .btn_1.outiline {
	color: #fff;
	background: none;
	border: 2px solid #fff;
	padding: 5px 18px;
}
a.btn_1.outline:hover, .btn_1.outiline:hover, input .btn_1.outiline:hover {
	color: #fff;
	background: #589FD6;
	border: 2px solid #589FD6;
}
a.btn_1.medium, .btn_1.medium {
	padding: 10px 25px;
	font-size: 14px;
}
a.btn_1.small, .btn_1.small {
	padding: 5px 8px;
	font-size: 10px;
	line-height: 9px;
	text-transform: none;
	color: #fff!important;;
}
a.btn_1:hover, .btn_1:hover { background: #333; }
a.bt_facebook {
	color: #fff!important;;
	background: #337ab7;
	font-weight: 700;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	padding: 10px 5px;
	border: none;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
a.bt_paypal {
	color: #fff!important;;
	padding: 10px 8px;
	background: #5bc0de;
	font-weight: 700;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	border: none;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
a.btn_map {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: #fff;
	background: #589FD6;
	cursor: pointer;
	padding: 12px 20px;
	display: inline-block;
	outline: none;
	font-size: 12px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: 700;
	display: block;
	text-align: center;
}
a.btn_map:hover { background: #333; }
a.btn_full, .btn_full {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: #fff;
	width: 100%;
	background: #589FD6;
	cursor: pointer;
	padding: 12px 20px;
	display: inline-block;
	outline: none;
	font-size: 12px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: 700;
	display: block;
	text-align: center;
	margin-bottom: 10px;
}
a.btn_full:hover, .btn_full:hover { background: #333; }
a.btn_full_outline {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: #589FD6;
	background: none;
	border: 2px solid #589FD6;
	cursor: pointer;
	padding: 10px 20px;
	display: inline-block;
	outline: none;
	font-size: 12px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: 700;
	display: block;
	text-align: center;
}
a.btn_full_outline:hover {
	border: 2px solid #333;
	color: #333;
}
#logo a {
	display: block;
}*/
#logo img {
	display: block;
	max-width: 100%;
	max-height: 50px;
	margin: 10px 0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.sticky #logo img {
	max-height: 40px;
	margin-top: 4px;
}
header {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
}
header#plain { background-color: #fff; }
header #logo .logo_sticky { display: none; }
header.sticky #logo .logo_normal { display: none; }
header.sticky #logo .logo_sticky { display: block; }
header.sticky #top_line {
	height: 0;
	overflow: hidden;
	padding: 0;
	opacity: 0;
}
header.sticky {
	-webkit-box-shadow: 0 2px 10px -2px rgba(0,0,0,0.41);
	-moz-box-shadow: 0 2px 10px -2px rgba(0,0,0,0.41);
	box-shadow: 0 2px 10px -2px rgba(0,0,0,0.41);
	background-color: #fff;
	padding-bottom: 0;
}
ul#top_tools {
	flist-style: none;
	padding: 0;
	position: absolute;
	right: 15px;
	top: 0;
	z-index: 999;
}
ul#top_tools a { color: #fff; }
.sticky ul#top_tools a { color: #333; }
ul#top_tools li {
	display: inline-block;
	padding: 0 10px;
}
#top_line {
	color: #fff;
	padding: 8px 0 9px;
	font-size: 12px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	transition: all .2s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	font-size: 11px;
	visibility: visible;
	opacity: 1;
	position: relative;
}
ul#top_links {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}
a#access_link, a#wishlist_link {
	position: relative;
	display: inline-block;
	padding-left: 16px;
}
#access_link:before, #wishlist_link:before {
	font-style: normal;
	font-weight: 400;
	font-family: "fontello";
	font-size: 14px;
	position: absolute;
	left: 0;
	top: 0;
}
#wishlist_link:before { content: "\ec5e"; }
#access_link:before { content: "\e97f"; }
ul#top_links li {
	display: inline-block;
	border-left: 1px solid rgba(255,255,255,0.3);
	margin-right: 5px;
	padding-left: 8px;
}
ul#top_links li:first-child {
	border-left: none;
	padding-left: 0;
}
ul#top_links a { color: #fff; }
header#plain {
	background-color: #fff;
    padding-bottom: 0px;
    top: 4px;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.3);
}
header#plain.sticky {
	-webkit-box-shadow: 0 2px 10px -2px rgba(0,0,0,0.41);
	-moz-box-shadow: 0 2px 10px -2px rgba(0,0,0,0.41);
	box-shadow: 0 2px 10px -2px rgba(0,0,0,0.41);
	background-color: #fff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
}
header#plain.sticky #logo .logo_normal { display: none; }
header#plain.sticky #logo .logo_sticky { display: block; }
header#plain #top_line {
	color: #888;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
header#plain ul#top_links li { border-left: 1px solid rgba(0,0,0,0.1); }
header#plain ul#top_links li:first-child { border-left: none; }
header#plain ul#top_tools a { color: #333; }
header#plain ul#top_links a { color: #888; }
header#plain ul#top_links :hover a { color: #333; }
.subheader_plain { margin-top: 60px; }
header#colored.sticky {
	background-color: #589FD6;
	padding-bottom: 0;
	border-bottom: 2px solid #589FD6;
}
header#colored.sticky ul#top_tools a { color: #fff; }

.top-social {
	float: initial;
	padding: 0;
	margin: 0;
	list-style: none;
}
.top-social li {
	float: left;
	padding: 10px 5px;
}
.top-social a {
	display: block;
	font-size: 24px;
	line-height: 40px;
	width: 40px;
	color: #fff;
	background: #589FD6;
	border-radius: 50%;
	text-align: center;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.top-social a :before {
	margin: 0;
}
.sticky .top-social li {
	padding-top: 5px;
	padding-bottom: 5px;
}

.dropdown.dropdown-search, .dropdown.dropdown-cart {
	float: right;
	font-size: 13px!important;;
}
.dropdown-cart .dropdown-menu, .dropdown-access .dropdown-menu, .dropdown-search .dropdown-menu {
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	float: right;
	left: auto;
	min-width: 0;
	padding: 15px;
	right: 0;
	width: 250px;
	top: 100%;
	font-size: 12px;
	font-weight: 400;
	text-shadow: none;
	text-transform: none!important;;
	border-top: 2px solid #589FD6;
}
.dropdown-cart .dropdown-menu:before, .dropdown-access .dropdown-menu:before, .dropdown-search .dropdown-menu:before {
	bottom: 100%;
	right: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #589FD6;
	border-width: 7px;
	margin-left: -7px;
}
.dropdown-menu { margin-top: 14px; }
ul#cart_items {
	padding: 5px 0 0;
	list-style: none;
}
ul#cart_items li {
	border-bottom: 1px solid #ededed;
	position: relative;
	margin: 0;
	padding: 5px 10px;
	padding-bottom: 10px;
	width: 100%;
	clear: both;
}
ul#cart_items li .image {
	border: 1px solid #ddd;
	overflow: hidden;
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 10px;
}
ul#cart_items li .image img {
	padding: 1px;
	width: 48px;
	height: auto;
}
ul#cart_items li strong {
	font-weight: 400;
	float: left;
	color: #999;
	margin-top: 10px;
	float: left;
	width: 150px;
	line-height: 14px;
}
ul#cart_items li strong > a {
	color: #333;
	display: block;
}
ul#cart_items li strong > a:hover { color: #589FD6; }
ul#cart_items li a.action {
	color: #999;
	position: absolute;
	font-size: 14px;
	right: 10px;
	top: 0;
	width: 15px;
	height: 15px;
}
ul#cart_items li a.action:hover {
	color: #333;
	background: none;
}
ul#cart_items li:last-child div {
	color: #999;
	text-align: right;
	font-size: 14px;
	padding: 10px 0 15px;
	display: block;
}
ul#cart_items li:last-child span {
	color: #333;
	font-weight: 700;
	font-size: 16px;
}
.dropdown-cart .dropdown-menu a.button_drop { display: inline-block; }
.dropdown- .dropdown-menu { margin-top: 7px; }
.login-or {
	position: relative;
	font-size: 16px;
	color: #aaa;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.span-or {
	display: block;
	position: absolute;
	left: 50%;
	top: 2px;
	margin-left: -30px;
	background-color: #fff;
	width: 60px;
	text-align: center;
}
.hr-or {
	background-color: #cdcdcd;
	height: 1px;
	margin-top: 0!important;;
	margin-bottom: 0!important;;
}
a#forgot_pw {
	color: #999!important;;
	font-size: 11px;
	padding: 0;
	margin: -5px 0 10px;
	display: block;
}
a#forgot_pw:hover { color: #333!important;; }
.dropdown-search .dropdown-menu {
	margin-top: 15px;
	right: -25px;
}
.input-group button {
	background-color: #333;
	color: #fff;
	border-color: #333;
}
.input-group button:hover, .input-group button:focus {
	background-color: #589FD6;
	color: #fff;
	border-color: #589FD6;
}
footer {
	background: url(https://) #333;
	color: #fff;
	padding: 30px 0 10px;
}
footer h3 {
	font-size: 16px;
	font-weight: 700;
	color: #fff;
}
footer a { color: #fff; }
footer a:hover { color: #999; }
footer ul {
	margin: 0;
	padding: 0 0 20px;
	list-style: none;
}
footer ul.villes {
	text-align: center;
}
footer ul.villes li {
	display: inline-block;
}
ul.villes li:after {
	content: ' -';
}
.footer-services {
	font-size: 14px;
	text-align: center;
}
.footer-services h3 {
	font-size: 20px;
}
.footer-services h4 {
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 8px;
	color: #fff;
}
#social_footer {
	text-align: center;
	border-top: 1px solid rgba(255,255,255,0.2);
	padding-top: 30px;
	margin-top: 30px;
}
#social_footer p {
	font-size: 12px;
	margin: 0 0 10px;
	color: #8c8c8c;
}
#social_footer ul {
	margin: 0;
	padding: 0 0 10px;
	text-align: center;
}
#social_footer ul li {
	display: inline-block;
	margin: 0 5px 10px;
}
#social_footer ul li a {
	color: #fff;
	text-align: center;
	line-height: 34px;
	display: list-item;
	font-size: 16px;
	width: 35px;
	height: 35px;
	border: 1px solid rgba(255,255,255,0.3);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#social_footer ul li a:hover {
	border: 1px solid #fff;
	background: #fff;
	color: #111;
}
a#phone, a#email_footer {
	display: block;
	position: relative;
	color: #fdf7ac;
	font-size: 16px;
	padding-left: 40px;
	margin: 20px 0;
}
a#phone:hover, a#email_footer:hover { color: #fff; }
a#phone:before, a#email_footer:before {
	font-style: normal;
	font-weight: 400;
	font-family: "icon_set_1";
	position: absolute;
}
a#phone:before {
	font-size: 30px;
	content: "\79";
	left: 0;
	top: 0;
}
a#email_footer:before {
	font-size: 28px;
	content: "\74";
	left: 0;
	top: 5px;
}
.feature_home {
	padding: 30px;
	position: relative;
	background: #fff;
	margin-bottom: 30px;
	color: #888;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	text-align: start;
}
.feature_home h3 { font-size: 20px; }
.feature_home i {
	margin: auto;
	margin-bottom: 20px;
	display: block;
	width: 120px;
	height: 120px;
	line-height: 110px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px dashed #ccc;
	font-size: 62px;
	color: #6dcff6;
}
.feature_home .icon {
	display: block;
	width: 120px;
	height: 120px;
	padding: 20px;
	margin: 0 auto 20px;
	background-color: #589FD6;
	border-radius: 50%;
}
.feature_home .icon img {
	display: block;
	max-width: 80px;
	height: 80px;
	margin: 0 auto;
}

.services-list {
	padding: 0;
	margin: 0;
	margin-top: 30px;
	list-style: none;
}
.services-list li+li {
	margin-top: 10px;
}
.services-list a {
	display: block;
	font-size: 23px;
	line-height: 1.8em;
}
.service-bg {
	padding: 60px 0;
	background: no-repeat center top;
	background-size: cover;
}

.other_tours ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.other_tours ul li a {
	border-bottom: 1px solid #ededed;
	padding: 5px 0 10px;
	display: block;
	color: #333;
}
.other_tours ul li a:hover {
	background-color: #f9f9f9;
	color: #589FD6;
}
.other_tours ul li:last-child a { border-bottom: none; }
.other_tours ul li a i {
	font-size: 22px;
	margin-right: 5px;
	margin-left: 2px;
	position: relative;
	top: 5px;
	color: #555;
}
.other_tours_price {
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	color: #888;
}
#hero {
	position: relative;
	color: #fff;
	background: #fff url(../img/femme-marocaine-chronomenage-casablanca-maroc.jpg) no-repeat center center;
	background-image: url(../img/femme-marocaine-chronomenage-casablanca-maroc.jpg);
	background-size: cover;
	font-size: 18px;
	z-index: 99;
}
#hero:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.2);
	background: rgba(91, 167, 230, 0.28);
}
#hero .cloud {
	position: absolute;
	padding-top: 90px;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../img/slide_hero_clouds.png) top left no-repeat;
	background-size: cover;
}
#hero .cloud:after {
	position: absolute;
	content:'';
	left: 26%;
	top: 87%;
	width: 42%;
	height: 61%;
	background: url(../img/slide_hero_clouds_text.png) top left no-repeat;
	background-size: contain;
}
.services-intro {
	height: 600px;
	width: 100%;
	padding: 90px 0;
	background: rgba(250, 250, 250, 0.66);
}
.services-intro .section+.section {
	margin-top: 20px;
}
.services-intro .title {
	padding: 0 20px;
}
.services-intro ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.services-intro a {
	display: block;
	font-size: 16px;
	line-height: 30px;
	padding: 5px 20px;
	color: #333;
}
.services-intro a:hover {
	color: #589FD6;
}
.services-intro .icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	padding: 5px;
	margin-right: .5em;
	color: #fff;
	background: #589FD6;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
}
.services-intro .icon img {
	display: block;
	max-width: 20px;
	height: 20px;
	margin: 0 auto;
}
.intro_title-wrap {
	display: table;
	position: relative;
	width: 100%;
	height: 600px;
}
.intro_title {
	text-align: center;
	vertical-align: top;
	padding-top: 190px;
}
.intro_title h1 {
	
	font-weight: 700;
    font-family: "proxima-nova",sans-serif;
    padding: 0;
    margin: 19px;
}
.intro_title.error h1 { font-size: 130px; }
.header-video {
	position: relative;
	overflow: hidden;
	background: #4d536d url(../img/slide_hero.jpg) no-repeat center center;
	background-size: cover;
}


#hero_video {
	position: relative;
	background-size: cover;
	color: #fff;
	width: 100%;
	font-size: 16px;
	display: table;
	height: 100%;
	z-index: 99;
	text-align: center;
	text-transform: uppercase;
}
#hero_video a.video { display: none; }
iframe, video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
iframe {
	height: 100%;
	width: 100%;
}
video { width: 100%; }
.teaser-video {
	width: 100%;
	height: auto;
}
.header-video--media {
	width: 100%;
	height: auto;
}
#search_bar_container {
	background: #333;
	background-color: rgba(0,0,0,0.4);
	padding: 15px 0;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
}
.search_bar {
	position: relative;
	width: 80%;
	margin: auto;
}
#nav-search-in {
	display: inline-block;
	height: 45px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	background: #6ccef5;
}
#nav-search-in #nav-search-in-content {
	color: #fff;
	display: inline-block;
	font-size: 12px;
	text-transform: uppercase;
	height: 45px;
	line-height: 35px;
	margin: 5px 65px 0 15px;
	text-indent: 1px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 60px;
	overflow: visible;
}
#nav-search-in.nav-facade-active .nav-down-arrow {
	display: inline-block;
	right: 15px;
	top: 20px;
	background: url(../img/arrow_down_2.png);
	height: 6px;
	width: 10px;
	position: absolute;
}
.nav-facade-active #searchDropdownBox {
	cursor: pointer;
	height: 45px;
	left: 15px;
	opacity: 0;
	top: 0;
	visibility: visible;
	width: auto;
}
#searchDropdownBox {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #DDD;
	color: #000;
	font-family: "arial", "sans-serif";
	left: 5px;
	margin: 0;
	outline: medium none;
	padding: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 100px;
}
.nav-searchfield-outer {
	border: none;
	background: #fff;
	color: #ccc;
	display: block;
	font-size: 15px;
	left: 0;
	padding: 5px;
	position: realtive;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	height: 45px;
	font-weight: 600;
	margin-top: 1px;
}
#twotabsearchtextbox {
	background: #FFF;
	width: 100%;
	border: none;
	box-shadow: none;
	color: #333;
	font-size: 14px;
	height: 30px;
	padding: 3px 0 0 150px;
	outline: none;
	font-weight: 700;
}
.nav-submit-button {
	background: #fff url(../img/search-bt.png) no-repeat center center;
	border: none;
	cursor: pointer;
	display: block;
	height: 45px;
	right: 5px;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 40px;
}
.nav-submit-button .nav-submit-input {
	background: #fff;
	border: medium none;
	color: #fff;
	cursor: pointer;
}
.box_style_cat {
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ddd;
	margin-bottom: 25px;
}
ul#cat_nav {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#cat_nav li { border-bottom: 1px solid #ddd; }
ul#cat_nav li a {
	position: relative;
	color: #777;
}
ul#cat_nav li a span {
	font-size: 11px;
	color: #999;
}
ul#cat_nav li a:after {
	font-family: "fontello";
	content: "\e89b";
	position: absolute;
	right: 15px;
	top: 15px;
}
ul#cat_nav li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}
ul#cat_nav li:first-child a:hover, ul#cat_nav li:first-child a#active {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
ul#cat_nav li:last-child a:hover, ul#cat_nav li:last-child a#active {
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
ul#cat_nav li a {
	display: block;
	padding: 15px 10px;
}
ul#cat_nav li a:hover, ul#cat_nav li a#active {
	background: #f9f9f9;
	color: #111;
}
ul#cat_nav i {
	font-size: 22px;
	margin-right: 5px;
	float: left;
}
#tools {
	background: #eee;
	padding: 5px;
	margin-bottom: 15px;
}
.marker_info {
	width: 280px;
	height: 320px;
	border-radius: 3px;
	text-align: center;
	background: #FFF;
	background: rgba(255,255,255,0.9);
	position: relative;
	z-index: 9999999;
	font-family: "Montserrat", Arial, sans-serif;
}
.marker_info img {
	display: block;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.marker_info h3 {
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.marker_info span {
	display: block;
	padding: 0 20px;
	font-size: 12px;
	line-height: 16px;
	color: #7a7f82;
	margin-bottom: 15px;
}
.marker_info:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0,0,0,0);
	border-right-color: rgba(255,255,255,0.9);
	border-width: 10px;
	margin-top: -10px;
}
.strip_all_tour_list {
	margin-bottom: 30px;
	background-color: #fff;
	display: block;
	color: #777;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}
.strip_all_tour_list h3 { text-transform: uppercase; }
.tour_list_desc .rating {
	margin: 15px 0 3px -3px;
	font-size: 15px;
}
.img_list {
	overflow: hidden;
	min-height: 220px;
	text-align: center;
	position: relative;
}
.img_list img {
	width: auto;
	height: 220px;
	position: absolute;
	left: -10%;
}
.img_list a img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all .7s ease;
	transition: all .7s ease;
}
.img_list a:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.img_list .short_info {
	padding: 5px;
	text-align: left;
	min-height: 38px;
}
.price_list .button { display: block; }
.tour_list_desc {
	padding: 10px 20px 0 0;
	line-height: 17px;
}
.tour_list_desc h3 {
	font-size: 18px;
	line-height: 20px;
	margin-top: 0;
	margin-bottom: 10px;
}
.price_list {
	display: table;
	height: 220px;
	font-size: 38px;
	color: #e74c3c;
	width: 100%;
	margin-left: -15px;
}
.price_list small {
	font-size: 11px;
	color: #999;
	display: block;
	margin-bottom: 10px;
	line-height: 12px;
}
.price_list div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.price_list p {
	padding: 0;
	margin: 0;
}
.price_list .normal_price_list {
	display: block;
	text-decoration: line-through;
	color: #999;
	font-size: 20px;
	margin-top: 10px;
}
.price_list sup {
	font-size: 22px;
	position: relative;
	top: -10px;
}
ul.add_info {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.add_info li {
	display: inline-block;
	margin-right: 5px;
	border: 1px solid #589fd6;
	text-align: center;
	width: 35px;
	height: 35px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: white;
}
ul.add_info li a {
	color: #555;
	width: 35px;
	height: 35px;
	display: block;
}
ul.add_info li i {
	display: inline-block;
	font-size: 22px;
	top: 6px;
	position: relative;
	color: #589fd6;
}
#filters_col {
	background-color: #fff;
	padding: 15px 10px 15px 15px;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 25px;
}
#filters_col label {
	color: #999;
	font-weight: 400;
}
a#filters_col_bt {
	display: block;
	color: #888;
}
a#filters_col_bt .icon_set_1_icon-65 {
	font-size: 20px;
	position: relative;
	top: 0;
	margin-right: 5px;
}
.filter_type h6 {
	border-top: 1px solid #ddd;
	margin: 15px 0;
	padding: 15px 0 0;
}
.filter_type ul {
	list-style: none;
	padding: 0;
	margin: 0 0 15px;
}
.filter_type ul li .rating {
	font-size: 16px;
	left: -7px;
	position: relative;
	top: 3px;
}
#Img_carousel .sp-selected-thumbnail { border-bottom: 2px solid #589FD6; }
.parallax-content-2 {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 999;
	padding: 18px 0 20px;
	color: #fff;
	font-size: 13px;
	background: url(../img/shadow_single.png) repeat-x bottom left;
	width: 100%;
}
.parallax-content-2 div h1 {
	font-size: 36px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	margin: 0;
}
.parallax-content-2 .rating { font-size: 14px; }
#price_single_main {
	text-align: right;
	padding-top: 25px;
	font-weight: 400;
}
#price_single_main span {
	font-size: 60px;
	color: #3CF;
}
#price_single_main sup {
	font-size: 22px;
	position: relative;
	top: -25px;
}
#price_single {
	background-color: #e74c3c;
	color: #fff;
	font-size: 36px;
	margin: -15px;
	padding: 20px 15px 10px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	margin-bottom: 15px;
}
#price_single small { font-size: 12px; }
#single_tour_feat ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: revert;
	border-bottom: 1px solid #589fd6;
	margin-bottom: 30px;
	FONT-SIZE: 13PX;
}
#single_tour_feat ul li {
	display: table-cell;
	width: 1%;
	vertical-align: middle;
	text-align: center;
	padding: 0 10px 20px;
	white-space: nowrap;
}
#single_tour_feat ul li:last-child { margin-right: 0; }
#single_tour_feat ul li i {
	font-size: 36px;
	display: block;
	margin-bottom: 10px;
}
#single_tour_desc h3 {
	font-size: 22px;
	margin-top: 5px;
}
#single_tour_desc h4 {
	line-height: 20px;
	font-size: 18px;
}
#map {
	width: 100%;
	height: 450px;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}
.table.table_summary td {
	border-top: 1px solid #ededed;
	width: 50%;
}
.table.table_summary tr.total {
	color: #589FD6;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}
.review_strip_single {
	position: relative;
	padding: 30px 0 20px;
	margin: 30px 0 25px;
	border-bottom: 1px solid #ddd;
}
.review_strip_single.last {
	margin-bottom: 0;
	border-bottom: 0;
}
.review_strip_single img {
	top: -15px;
	position: absolute;
	left: 0;
	border: 4px solid #fff;
}
.review_strip_single h4 {
	font-size: 18px;
	margin: -12px 0 35px 90px;
	padding: 0;
}
.review_strip_single small {
	float: right;
	font-size: 12px;
	margin-top: -10px;
	font-style: italic;
}
.review_strip_single .rating { font-size: 16px; }
.normal_price_single {
	font-size: 18px;
	text-decoration: line-through;
}
.price_in {
	font-size: 42px;
	color: #e74c3c;
	border-bottom: 1px solid #ededed;
	text-align: center;
	padding-top: 30px;
	background-color: #fff8e5;
	margin: -20px -20px 20px;
}
.price_in small {
	font-size: 11px;
	color: #999;
	display: block;
	margin-bottom: 20px;
	margin-top: 4px;
}
.price_in p {
	padding: 0;
	margin: 0;
}
.normal_price_in {
	display: block;
	text-decoration: line-through;
	color: #999;
	font-size: 20px;
	margin-top: 10px;
}
.price_in sup {
	font-size: 22px;
	position: relative;
	top: -10px;
}
.table.options_booking td i { font-size: 26px; }
.table.options_booking td { vertical-align: middle; }
#general_rating {
	font-size: 18px;
	margin: 10px 0 20px;
}
#general_rating .rating { display: inline; }
#rating_summary ul {
	list-style: none;
	margin: 0 0 -5px;
	padding: 0;
}
#rating_summary ul li { margin-bottom: 5px; }
#rating_summary ul li .rating {
	display: inline-block;
	font-size: 14px;
	float: right;
}
#hero_2 {
	position: relative;
	height: 470px;
	background: #4d536d url(../img/slide_hero_2.jpg) no-repeat center center;
	background-size: cover;
	color: #fff;
	width: 100%;
	font-size: 16px;
	display: table;
	text-align: center;
}
#hero_2 .intro_title h1 {
	font-size: 38px;
	margin-bottom: 15px;
}
#hero_2 .intro_title h1:before, #hero_2 .intro_title h1:after {
	display: inline-block;
	width: 60px;
	height: 1px;
	content: '';
	vertical-align: middle;
	background: rgba(255,255,255,0.5);
}
#hero_2 .intro_title h1:before { margin-right: 10px; }
#hero_2 .intro_title h1:after { margin-left: 10px; }
.bs-wizard {
	width: 90%;
	margin: auto;
}
.bs-wizard > .bs-wizard-step {
	padding: 0;
	position: relative;
}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
	font-size: 16px;
	margin-bottom: 5px;
}
.bs-wizard > .bs-wizard-step .bs-wizard-info {
	color: #999;
	font-size: 14px;
}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
	position: absolute;
	width: 30px;
	height: 30px;
	display: block;
	background: #fbe8aa;
	top: 45px;
	left: 50%;
	margin-top: -15px;
	margin-left: -15px;
	border-radius: 50%;
}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
	content: ' ';
	width: 14px;
	height: 14px;
	background: #589FD6;
	border-radius: 50px;
	position: absolute;
	top: 8px;
	left: 8px;
}
.bs-wizard > .bs-wizard-step > .progress {
	position: relative;
	border-radius: 0;
	height: 8px;
	box-shadow: none;
	margin: 23px 0;
}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
	width: 0;
	box-shadow: none;
	background: #fbe8aa;
}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar { width: 100%; }
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar { width: 50%; }
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar { width: 0; }
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar { width: 100%; }
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot { background-color: #f5f5f5; }
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after { opacity: 0; }
.bs-wizard > .bs-wizard-step:first-child > .progress {
	left: 50%;
	width: 50%;
}
.bs-wizard > .bs-wizard-step:last-child > .progress { width: 50%; }
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot { pointer-events: none; }
.form_title {
	position: relative;
	padding-left: 55px;
	margin-bottom: 10px;
	margin-top: 40px;
}
.form_title h3 strong {
	background-color: #589FD6;
	text-align: center;
	width: 40px;
	height: 40px;
	display: list-item;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}
.form_title h3 {
	margin: 0;
	padding: 0;
}
.form_title p {
	color: #999;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
}
.step {
	border-left: 1px solid #ddd;
	padding: 20px 0 20px 31px;
	margin: 0 0 10px 20px;
}
.cards { margin-top: 18px; }
.table { border-bottom: 1px solid #ddd; }
.table.options_cart td i { font-size: 38px; }
.table.cart-list th, .table.options_cart th {
	background-color: #fff;
	text-transform: uppercase;
}
.table.cart-list td { vertical-align: middle; }
.table.options_cart td { vertical-align: middle; }
.numbers-row {
	position: relative;
	width: 97px;
	height: 40px;
	overflow: visible;
}
.numbers-row.list {
	margin: auto;
	margin-bottom: 5px;
	margin-top: 15px;
}
input.qty2 {
	position: relative;
	width: 35px;
	height: 40px;
	border-radius: none;
	text-align: center;
	left: 31px;
	font-size: 12px;
	padding: 5px;
}
.button_inc {
	text-indent: -9999px;
	cursor: pointer;
	position: absolute;
	width: 33px;
	height: 40px;
	z-index: 9;
}
.dec {
	background: #fff url(../img/minus.png) no-repeat center center;
	border: 1px solid #ccc;
	left: 0;
	top: 0;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.inc {
	background: #fff url(../img/plus.png) no-repeat center center;
	right: 0;
	top: 0;
	border: 1px solid #ccc;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
#total {
	text-align: right;
	margin-top: 20px;
}
#total h3 {
	font-size: 26px;
	line-height: 26px;
	padding: 0;
	font-weight: 700;
	display: block;
	margin: 0 0 10px;
}
.options i { font-size: 22px; }
.thumb_cart {

	overflow: hidden;
	width: 153px;
	height: 60px;
	margin-right: 10px;
	float: left;
}
.thumb_cart img {
	padding: 7px;
	width: 157px;
	height: auto;
}
.item_cart {
	display: inline-block;
	margin-top: 20px;
}
.table.confirm th { text-transform: uppercase; }
.table.confirm td { width: 50%; }
#policy { padding: 10px 0 0 50px; }
.feature {
	padding: 30px 30px 20px 120px;
	position: relative;
	background: #f7f7f7;
	margin-bottom: 30px;
	color: #f7f7f7;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}
.feature i {
	margin: 0;
	position: absolute;
	top: 30px;
	left: 30px;
	padding: 0;
	margin: 0;
	width: 65px;
	height: 65px;
	line-height: 60px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px dashed #ccc;
	font-size: 34px;
	color: #589FD6;
}
.features-bg {
	position: relative;
	min-height: 400px;
	background: url(../img/features-intro-01.jpg) no-repeat center center;
	background-size: cover;
}
.features-img {
	width: 100%;
	height: 400px;
	text-align: center;
	line-height: 400px;
}
.features-content {
	position: relative;
	padding: 11% 100px 10%;
	height: 400px;
	background-color: #589FD6;
	color: #ffffff;
	font-size: 14px;
}
.features-content h3 {
	font-family: "Gochi Hand", cursive;
	color: #fff;
	font-size: 32px;
	line-height: 34px;
	text-transform: uppercase;
}
.review_strip {
	background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 10px 20px 20px 30px;
    margin-bottom: 30px;
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
    border-radius: 3px;
    border: 1px solid #EFEFEF;
    padding: 2rem;
    background-color: #FFFFFF;
}





.review_strip:hover {
    border: 1px solid transparent;
    box-shadow: 0 0 0 2px #589FD6, 0 0 8px 0 rgba(0, 128, 128, 0.2), 0 0 16px 0 rgba(0, 128, 128, 0.1), 0 0 24px 0 rgba(0, 128, 128, 0.05);
}



.review_strip img {
	top: -15px;
	width: 76px;
	position: absolute;
	left: 25px;
	border: 4px solid #fff;
}
.review_strip h4 {
	font-size: 18px;
	margin: 0 0 36px 74px;
    padding: 0px;
    width: auto;
	text-align: left;
}
.review_strip p { margin-bottom: 10px; }
.review_strip .rating {

    top: -39px;
    left: -57px;
    font-size: 16px;
    margin: 2px 0 12px 70px;
}

@media (max-width: 767px)
.review_strip .rating {
    left: -90px;
}


@media (max-width: 767px)
.margin_60 {
    padding-top: 10px;
    padding-bottom: 0px;
}



}
.rating { font-size: 18px; }
.rating small {
	font-size: 12px;
	color: #CCC;
}
.rating .voted { color: #F90; }

.testimonials-home .review_strip {
	margin-top: 15px;
	margin-bottom: 0;
	border-radius: 30px 30px 30px 3px;
}
.testimonials-home .owl-prev, .testimonials-home .owl-next {
	position: absolute;
	top: 25px;
	right: 10px;
	font-size: 18px;
	line-height: 30px;
	width: 30px;
	color: #333;
	background: rgba(0,0,0,0);
	text-align: center;
}
.testimonials-home .owl-prev {
	right: 40px;
}
.testimonials-home .owl-prev:hover, .testimonials-home .owl-next:hover {
	color: #fff;
	background: rgba(0,0,0,.8);
}
.testimonials-home .owl-pagination {
	position: absolute;
	right: 80px;
	top: 33px;
}
.testimonials-home .owl-page {
	float: left;
}
.testimonials-home .owl-page+.owl-page {
	margin-left: 6px;
}
.testimonials-home .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	border: 2px solid #000;
	border-radius: 50%;
}
.testimonials-home .owl-page.active span {
	background: #000;
}

#map_contact {
	width: 100%;
	height: 450px;
}
#directions {
	background-color: #589FD6;
	padding: 22px 0;
}
#contact-info {
	font-size: 15px;
	padding: 0;
	margin: 0;
	list-style: none;
}
#contact-info li {
	margin-bottom: 8px;
}
#contact-info i {
	display: inline-block;
	margin-right: 4px;
}
#contact-info a {
}
.tape {
	position: absolute;
	left: 0;
	top: -20px;
	height: 45px;
	width: 100%;
	background: url(../img/tape.png) no-repeat center top;
	display: block;
}
.loader {
	margin-left: 5px;
	position: absolute;
}
.error_message {
	color: #F33;
	font-weight: 600;
	margin-bottom: 4px;
}
#hero.login {
	height: auto;
	display: block;
	text-transform: none;
	font-size: 12px;
	/* background: url(../img/bg_login.jpg) no-repeat center center; */
	background-size: cover;
}
#login {
	margin: 70px 0 60px;
	color: #333;
	text-align: left;
	background-color: #fff;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 5 rgba(0,0,0,0.4);
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	padding: 30px;
}
#pass-info {
	width: 98.5%;
	margin-bottom: 15px;
	color: #829CBD;
	text-align: center;
	font: 12px/25px Arial, Helvetica, sans-serif;
}
#pass-info.weakpass {
	border: 1px solid #FF9191;
	background: #FFC7C7;
	color: #94546E;
	text-shadow: 1px 1px 1px #FFF;
}
#pass-info.stillweakpass {
	border: 1px solid #FBB;
	background: #FDD;
	color: #945870;
	text-shadow: 1px 1px 1px #FFF;
}
#pass-info.goodpass {
	border: 1px solid #C4EEC8;
	background: #E4FFE4;
	color: #51926E;
	text-shadow: 1px 1px 1px #FFF;
}
#pass-info.strongpass {
	border: 1px solid #6ED66E;
	background: #79F079;
	color: #348F34;
	text-shadow: 1px 1px 1px #FFF;
}
#pass-info.vrystrongpass {
	border: 1px solid #379137;
	background: #48B448;
	color: #CDFFCD;
	text-shadow: 1px 1px 1px #296429;
}
#login-aside {
	margin: 170px 0 60px;
	color: #333;
}
#tour_guide { text-align: center; }
.img-circle.styled { border: 5px solid #fff; }
#filters {
	padding: 20px;
	background-color: #f2f2f2;
	border-bottom: 1px solid #ededed;
	margin: 0 -15px 30px;
}
a.bt_filters {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 6px 8px;
	color: #888;
	display: inline-block;
}
.transfer_container {
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	margin-bottom: 30px;
}
.transfer_container .transfer_title {
	padding: 15px;
	position: relative;
}
.transfer_container .transfer_title .rating {
	font-size: 14px;
	margin-left: -3px;
}
.transfer_container .transfer_title h3 {
	margin: 0;
	font-size: 16px;
	text-transform: uppercase;
}
a.btn_collapse {
	display: inline-block;
	margin-bottom: 10px;
	font-weight: 700;
}
#score span {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	width: 35px;
	height: 35px;
	border: 2px solid #999;
	line-height: 32px;
	font-size: 13px;
	font-weight: 700;
	color: #999;
	margin-left: 5px;
	text-align: center;
}
#score {
	float: right;
	font-size: 11px;
	margin-top: 5px;
}
#score_detail span {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	width: 45px;
	height: 45px;
	border: 2px solid #555;
	line-height: 42px;
	font-size: 14px;
	font-weight: 700;
	color: #555;
	margin-right: 5px;
	text-align: center;
}
#score_detail {
	font-size: 14px;
	margin-bottom: 15px;
}
#score_detail small { color: #999; }
.hotel_container {
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	margin-bottom: 30px;
	border-radius: 30px 30px 30px 30px;;
}
.hotel_container .hotel_title {
	padding: 15px;
	position: relative;
}
.hotel_container .hotel_title .rating {
	font-size: 14px;
	margin-left: -3px;
}
.hotel_container .hotel_title h3 {
	margin: 0;
	font-size: 16px;
	text-transform: uppercase;
}
.hotel_container #score span {
	color: #fff;
	margin-right: 5px;
	text-align: center;
	border: 2px solid #fff;
}
.hotel_container #score {
	font-size: 11px;
	margin-top: 5px;
	position: absolute;
	bottom: 30px;
	left: 5px;
}
.hotel_container a #score { color: #fff; }
.carousel .item { margin: 3px; }
.carousel .item img {
	display: block;
	width: 100%;
	height: auto;
}
ul.list_icons {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}
ul.list_icons li i { font-size: 16px; }
.modal-dialog { margin-top: 80px; }
#price_single_main.hotel { padding-top: 40px; }
.hotel_container .short_info.hotel { padding-left: 10px; }
.wishlist_close {
	position: absolute;
	top: 10px;
	right: 25px;
	width: 30px;
	height: 30px;
	z-index: 2;
	font-size: 20px;
	line-height: 25px;
	font-size: 18px;
	text-align: center;
	cursor: pointer;
	color: #F66!important;;
}
.wishlist_close:before {
	font-style: normal;
	font-weight: 400;
	font-family: "icon_set_1";
	font-size: 30px;
	content: "\72";
	color: #F66;
	position: absolute;
	left: 0;
	top: 3px;
}
.box_style_1 {
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ddd;
	margin-bottom: 25px;
	padding: 30px;
	position: relative;
	color: #666;
}
.box_style_3 {
	padding: 20px;
	position: relative;
	background: #fff;
	margin-bottom: 30px;
	color: #888;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	text-align: center;
}
.box_style_3 h3 { font-size: 20px; }
.box_style_3 i {
	margin: auto;
	margin-bottom: 20px;
	display: block;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px dashed #ccc;
	font-size: 42px;
	color: #589FD6;
}
.box_style_4, .box_style_2 {
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 25px;
	padding: 20px;
	position: relative;
	text-align: center;
	border: 1px solid #ddd;
}
.box_style_4:after, .box_style_4:before {
	content: "";
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	bottom: 100%;
	left: 50%;
	margin-left: -10px;
}
.box_style_4:before {
	border-bottom: 10px solid #ccc;
	margin-bottom: 0;
}
.box_style_4:after {
	border-bottom: 10px solid #fff;
	margin-bottom: -1px;
	z-index: 1;
}
.box_style_2 i, .box_style_4 i {
	display: inline-block;
	font-size: 72px;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 1;
}
.box_style_2 a.phone, .box_style_4 a.phone {
	font-size: 26px;
	display: block;
	margin-bottom: 20px;
}
.form-control {
	font-size: 13px;
	color: #333;
	height: 40px;
	border-radius: 3px;
}
select.form-control.civilite {
    padding: 0px;
}
#booking .form-group { position: relative; }
.expose { position: relative; }
#overlay {
	background: rgba(0,0,0,0.4);
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	bottom: 0;
}
label.error {
	font-size: 11px;
	position: absolute;
	top: -15px;
	right: -30px;
	z-index: 99;
	height: 25px;
	line-height: 25px;
	background-color: #e34f4f;
	color: #fff;
	font-weight: 400;
	padding: 0 6px;
}
label.error:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 6px 6px 0;
	border-color: transparent #e34f4f;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -6px;
	left: 20%;
}
#toTop {
	width: 40px;
	height: 40px;
	background-color: rgba(0,0,0,0.6);
	text-align: center;
	padding: 10px;
	line-height: 20px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
	color: #fff;
	font-size: 20px;
}
#toTop:before {
	font-style: normal;
	font-weight: 400;
	font-family: "fontello";
	content: "\e899";
}
.white_bg { background-color: #fff; }
.blue_bg { background-color: #589FD6; color: #fff; }
.dark_bg { background-color: #333; }
.add_bottom_30 { margin-bottom: 30px; }
.add_bottom_45 { margin-bottom: 45px; }
.add_bottom_60 { margin-bottom: 60px; }
ul.list_ok {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
	line-height: 22px;
}
ul.list_ok li {
	position: relative;
	padding-left: 25px;
}
ul.list_ok li:before {
	font-style: normal;
	font-weight: 700;
	font-family: "icon_set_1";
	font-size: 16px;
	content: "\6c";
	color: #6aa9dc;
	position: absolute;
	left: 0;
	top: 0;
}
ul.list_order {
	list-style: none;
	margin: 0 0 30px;
	padding: 0;
	line-height: 30px;
	font-size: 14px;
}
ul.list_order li {
	position: relative;
	padding-left: 40px;
	margin-bottom: 10px;
}
ul.list_order li span {
	background-color: #589FD6;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	font-size: 18px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height: 30px;
}
.pagination > li > a, .pagination > li > span { color: #888; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	color: #333!important;;
	background-color: #f9f9f9;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #555;
	border-color: #555;
}
.styled-select select {
	background: transparent;
	width: 107%;
	padding: 7px 5px 5px 15px;
	border: 0;
	border-radius: 0;
	height: 37px;
	margin: 0;
	font-weight: 400;
	-moz-appearance: window;
	-webkit-appearance: none;
	cursor: pointer;
	color: #999;
}
.styled-select {
	width: 100%;
	overflow: hidden;
	height: 40px;
	background: #589FD6 url(../img/down_arrow_select.png) no-repeat right center;
	border: none;
	margin-bottom: 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.styled-select select::-ms-expand {
display:none;
}
.styled-select select:focus { outline: none; }
.styled-select-filters select {
	background: transparent;
	width: 107%;
	padding: 7px 5px 5px 10px;
	border: 0;
	border-radius: 0;
	height: 31px;
	margin: 0;
	font-weight: 400;
	-moz-appearance: window;
	-webkit-appearance: none;
	cursor: pointer;
	font-size: 12px;
	color: #888;
}
.styled-select-filters {
	width: 100%;
	overflow: hidden;
	height: 34px;
	background: #fff url(../img/down_arrow_select_filters.png) no-repeat right center;
	border: none;
	margin: 0;
	padding: 0;
	border: 1px solid #ddd;
	display: block;
}
.styled-select-filters select::-ms-expand {
display:none;
}
.styled-select-filters select:focus { outline: none; }
.padding_60 {
	padding-top: 60px;
	padding-bottom: 60px;
}
.padding_30 {
	padding-top: 22px;
	padding-bottom: 22px;
}
.paddingtop_30 {
	padding-top: 100px;
}
.margin_60 {
	margin-top: 16px;
	margin-bottom: 0px;
}
.margin_30 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.marginbottom_30 {
	margin-bottom: 30px;
}
.marginleft_20 {
	margin-left: 20px;
}
.margintop_70 {
	margin-top: 70px;
}
.margintop_20 {
	margin-top: 20px;
}
.margintop_250 {
	margin-top: 250px;
	margin-right: 30px;
    margin-left: 30px;
}
.margin_t_30 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.margin_mt_20 {
	margin-top: -20px;

}
.parallax-window {
	background: transparent;
	position: relative;
}
.parallax-content-1 {
	display: table;
	width: 100%;
	height: 200px;
}
.parallax-content-1.magnific {
	height: 350px;
}
.parallax-content-1 > div {
	display: table-cell;
	padding: 0 15%;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-size: 16px;
}
.parallax-content-1 div h1, .parallax-content-1 div h3 {
	font-size: 48px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
}
.parallax-content-1 div h1 {
	margin: 0 0 5px;
	padding: 0;
}
.parallax-content-1 div h1:before, .parallax-content-1 div h1:after {
	display: inline-block;
	width: 50px;
	height: 1px;
	content: '';
	vertical-align: middle;
	background: rgba(255,255,255,0.5);
}
.parallax-content-1 div h1:before { margin-right: 10px; }
.parallax-content-1 div h1:after { margin-left: 10px; }
.parallax-content-1 div p { margin: 0; }
.parallax-content-1 div a i {
	color: #fff;
	opacity: .5;
	font-size: 72px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.parallax-content-1 div a:hover i { opacity: 1; }
.tour_container {
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	margin: 0;
	margin-bottom: 30px;
}
.img_container {
	position: relative;
	overflow: hidden;
	border: 1px solid #fff;
}
.tour_container .tour_title {
	padding: 15px;
	position: relative;
}
.tour_container .tour_title .rating {
	font-size: 14px;
	margin-left: -3px;
}
.tour_container .tour_title h3 {
	margin: 0;
	font-size: 18px;
	text-transform: uppercase;
}
.wishlist {
	position: absolute;
	top: 10px;
	right: 35px;
	width: 40px;
	height: 40px;
	z-index: 2;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
}
.wishlist a {
	color: #589fd6;
	cursor: pointer;
	display: block;
}
.strip_all_tour_list .wishlist a { color: #fff; }
.wishlist:before {
	font-style: normal;
	font-weight: 400;
	font-family: "icon_set_1";
	font-size: 40px;
	content: "\72";
	color: #888;
	position: absolute;
	left: 0;
	top: 4px;
}
.strip_all_tour_list .wishlist {
	position: absolute;
	top: 10px;
	right: 25px;
	width: 30px;
	height: 30px;
	z-index: 2;
	font-size: 20px;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	color: #fff!important;;
}
.strip_all_tour_list .wishlist:before {
	font-style: normal;
	font-weight: 400;
	font-family: "icon_set_1";
	font-size: 30px;
	content: "\72";
	color: #fff;
	position: absolute;
	left: 0;
	top: 3px;
}
.img_container a:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.img_container img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all .7s ease;
	transition: all .7s ease;
}
.short_info {
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../img/shadow_tour.png) repeat-x left bottom;
	width: 100%;
	padding: 10px 10px 8px 5px;
	color: #fff;
}
.short_info i {
	font-size: 25px;
	display: inline-block;
	vertical-align: middle;
	font-weight: 400;
	font-style: normal;
	padding: 0;
	margin: 0;
}
.short_info .price {
	float: right;
	font-size: 28px;
	font-weight: 700;
	display: inline-block;
}
.short_info .price sup {
	font-size: 18px;
	position: relative;
	top: -5px;
}
.ribbon {
	position: absolute;
	top: 0;
	left: -1px;
	width: 78px;
	height: 78px;
	z-index: 1;
}
.ribbon.popular { background: url(../img/ribbon_popular.png) no-repeat 0 0; }
.ribbon.top_rated { background: url(../img/ribbon_top_rated.png) no-repeat 0 0; }
.tooltip_styled {
	display: inline;
	position: relative;
	z-index: 999;
}
.tooltip-item {
	cursor: pointer;
	display: inline-block;
}
.tooltip-item::after {
	content: '';
	position: absolute;
	width: 300px;
	height: 20px;
	bottom: 100%;
	left: 50%;
	pointer-events: none;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.tooltip_styled:hover .tooltip-item::after { pointer-events: auto; }
.tooltip-content {
	position: absolute;
	z-index: 9999;
	width: 300px;
	left: 50%;
	margin: 0 0 20px -150px;
	bottom: 100%;
	text-align: left;
	line-height: 20px;
	display: block;
	padding: 15px;
	font-size: 16px;
	font-size: 16px;
	color: #fff;
	box-shadow: -5px -5px 15px rgba(48,54,61,0.2);
	background: #589fd6;
	opacity: 0;
	cursor: default;
	pointer-events: none;
}
.tooltip-effect-1 .tooltip-content {
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
	-webkit-transition: opacity 0.3s, -webkit-transform .3s;
	transition: opacity 0.3s, transform .3s;
}
.tooltip-effect-2 .tooltip-content {
	-webkit-transform-origin: 50% calc(100% + 10px);
	transform-origin: 50% calc(100% + 10px);
	-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 45deg);
	transform: perspective(1000px) rotate3d(1, 0, 0, 45deg);
	-webkit-transition: opacity 0.2s, -webkit-transform .2s;
	transition: opacity 0.2s, transform .2s;
}
.tooltip-effect-3 .tooltip-content {
	-webkit-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg);
	transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg);
	-webkit-transition: opacity 0.3s, -webkit-transform .3s;
	transition: opacity 0.3s, transform .3s;
}
.tooltip-effect-4 .tooltip-content {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transform: scale3d(0.7, 0.3, 1);
	transform: scale3d(0.7, 0.3, 1);
	-webkit-transition: opacity 0.2s, -webkit-transform .2s;
	transition: opacity 0.2s, transform .2s;
}
.tooltip_styled:hover .tooltip-content {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
	transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
}
.tooltip_styled.tooltip-effect-2:hover .tooltip-content {
	-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
	transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
}
.tooltip-content::after {
	content: '';
	top: 100%;
	left: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #333;
	border-width: 10px;
	margin-left: -10px;
}
.tooltip-content .label { margin-left: 10px; }
.tooltip-content i {
	font-size: 20px!important;;
	top: 3px!important;;
	left: -3px!important;;
	position: relative;
}
.tooltip-content h4 {
	display: block;
	margin: 0 0 10px;
	line-height: 14px;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
}
.tooltip-content a { font-weight: 700; }
.tooltip_flip { position: relative; }
.tooltip_flip::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 20px;
	bottom: 100%;
	pointer-events: none;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.tooltip_flip:hover::after { pointer-events: auto; }
.tooltip-content-flip {
	position: absolute;
	z-index: 9999;
	width: 80px;
	height: 80px;
	left: -40%;
	bottom: 100%;
	text-align: center;
	color: #fff;
	opacity: 0;
	margin-bottom: 7px;
	cursor: default;
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.3s, -webkit-transform .3s;
	transition: opacity 0.3s, transform .3s;
}
.strip_all_tour_list .tooltip-content-flip { left: -65%; }
.tooltip-effect-1 .tooltip-content-flip {
	-webkit-transform: translate3d(0, 10px, 0);
	transform: translate3d(0, 10px, 0);
}
.tooltip_flip:hover .tooltip-content-flip {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.tooltip-content-flip > span {
	float: left;
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
	height: 100%;
	position: relative;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s;
}
.tooltip-back {
	background: #589FD6;
	font-size: 12px;
	line-height: 14px;
	padding-top: 25px;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 90deg);
	transform: perspective(1000px) rotate3d(0, 1, 0, 90deg);
}
.tooltip_flip:hover .tooltip-content-flip > span {
	-webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 0deg);
	transform: perspective(1000px) rotate3d(0, 1, 0, 0deg);
}
.tooltip-content-flip .tooltip-front::after, .tooltip-content-flip .tooltip-back::after {
	content: '';
	position: absolute;
	top: 100%;
	width: 0;
	height: 0;
}
.tooltip-content-flip .tooltip-front::after {
	right: 0;
	border-top: 10px solid #e64b50;
	border-left: 10px solid transparent;
}
.tooltip-content-flip .tooltip-back::after {
	left: 45%;
	border-top: 10px solid #e64b50;
	border-right: 10px solid transparent;
}
#position {
	background-color: #F3F3F3;
	padding: 10px 0;
	font-size: 11px;
}
#position ul li:first-child { padding-left: 20px; }
#position ul li:first-child:before {
	content: "\eaf4";
	font-style: normal;
	font-weight: 400;
	font-family: "fontello";
	position: absolute;
	left: 0;
	top: 1px;
	color: #fff;
}
#position ul {
	margin: 0;
	padding: 0;
	color: #888;
}
#position ul li a {
	color: #fff;
	opacity: .7;
}
#position ul li a:hover {
	color: #fff;
	opacity: 1;
}
#position ul li {
	display: inline-block;
	padding-right: 8px;
	margin-right: 3px;
	position: relative;
}
#position ul li:after {
	content: "\e9ee";
	font-style: normal;
	font-weight: 400;
	font-family: "fontello";
	position: absolute;
	right: 0;
	top: 2px;
}
#position ul li:last-child:after { content: ''; }
.banner {
	position: relative;
	background: #fff url(../img/banner_bg.png) no-repeat center bottom;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	padding: 30px;
	margin-bottom: 60px;
}
.banner:after, .banner:before {
	position: absolute;
	content: "";
	z-index: 1;
	height: 18px;
	width: 50%;
	top: 100%;
}
.banner:after {
	left: 0;
	background: url(../img/shadow-bg.png) no-repeat top left;
}
.banner:before {
	right: 0;
	background: url(../img/shadow-bg.png) no-repeat top right;
}
.banner a {
	position: absolute;
	top: 35%;
	right: 30px;
}
.banner h4 {
	
	
	font-size: 17px;
	margin: 0;
	padding: 0;
	color: #589FD6;
	font-family: "Gochi Hand", cursive;
}
.banner h4 span {
	text-transform: none;
	color: #555;
}
.banner p {
	margin: 0;
	padding: 0;
}
.banner.colored {
	background: #589FD6 url(../img/banner_bg_colored.png) no-repeat center bottom;
	color: #fff;
}
.banner.colored h4 { color: #fff; }
.banner.colored h4 span { color: #FFC; }
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	bottom: 0;
	background-color: #fff;
	z-index: 999999;
}
.sk-spinner-wave.sk-spinner {
	margin: -15px 0 0 -25px;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 50px;
	height: 30px;
	text-align: center;
	font-size: 10px;
}
.ie8 .sk-spinner-wave.sk-spinner { display: none; }
.sk-spinner-wave div {
	background-color: #589FD6;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
	animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}
.sk-spinner-wave .sk-rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.sk-spinner-wave .sk-rect3 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}
.sk-spinner-wave .sk-rect4 {
	-webkit-animation-delay: -.9s;
	animation-delay: -.9s;
}
.sk-spinner-wave .sk-rect5 {
	-webkit-animation-delay: -.8s;
	animation-delay: -.8s;
}
@-webkit-keyframes sk-waveStretchDelay {
0%, 40%, 100% {
-webkit-transform:scaleY(0.4);
transform:scaleY(0.4);
}
20% {
-webkit-transform:scaleY(1);
transform:scaleY(1);
}
}
@keyframes sk-waveStretchDelay {
0%, 40%, 100% {
-webkit-transform:scaleY(0.4);
transform:scaleY(0.4);
}
20% {
-webkit-transform:scaleY(1);
transform:scaleY(1);
}
}
.laptop {
	margin: auto;
	margin-top: 20px;
}
.panel-title a { display: block; }
.panel-body { padding: 25px 30px 10px; }
blockquote.styled {
	font-family: "Gochi Hand", cursive;
	line-height: 1.42857143;
}
.tab-content {
	padding: 30px;
	background-color: white;
	border: 1px solid #;
	border-top: none;
	margin-bottom: 25px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
.img-responsive.styled {
	margin-top: 20px;
	border: 5px solid#fff;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}
.general_icons ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin: 30px 0 0 0;
}
.general_icons ul li {
	display: inline-block;
	text-align: center;
	padding: 0 20px 20px 0;
	white-space: nowrap;
}
.general_icons ul li:last-child { padding-right: 0; }
.general_icons ul li i {
	font-size: 36px;
	display: block;
	margin-bottom: 25px;
}
#search_container {
	position: relative;
	height: 700px;
	background: #4d536d url(../img/slide_hero.jpg) no-repeat center top;
	background-size: cover;
	color: #fff;
	width: 100%;
	display: table;
	z-index: 99;
}
#search {
	display: table-cell;
	vertical-align: middle;
	padding: 0 20%;
	padding-top: 100px;
}
#search .nav-tabs {
	border-radius: 0;
	font-size: 12px;
	border: 0;
	border-bottom: 1px solid transparent;
	margin-left: 25px;
	text-transform: uppercase;
}
#search .nav-tabs > li > a {
	border-radius: 0;
	border: 0;
	color: #fff!important;;
}
#search .tab-content {
	border-radius: 0;
	border: 0;
	color: #333;
}
#search .nav-tabs > li > a {
	background: rgba(0,0,0,0.40);
	padding-bottom: -2px;
}
#search .nav-tabs > li.active > a, #search .nav-tabs > li.active > a:hover, #search .nav-tabs > li.active > a:focus {
	color: #fff;
	background-color: #e14d67;
}
.tab-pane h3 {
	color: #999;
	margin: 0 0 25px;
	color: #999;
	margin: 0 0 20px 0;
}
.dd-select {
	border-radius: 3px!important;;
	border: solid 1px #ccc;
	position: relative;
	cursor: pointer;
	height: 40px;
	font-weight: 400!important;;
}
.dd-desc {
	color: #aaa;
	display: block;
	overflow: hidden;
	font-weight: 400;
}
.dd-selected {
	overflow: hidden;
	display: block;
	padding: 0 0 0 10px !important;;
	font-weight: 400!important;;
	color: #444!important;;
}
.dd-pointer {
	width: 0;
	height: 0;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -3px;
}
.dd-pointer-down {
	border: solid 5px transparent;
	border-top: solid 5px #999!important;;
}
.dd-pointer-up {
	border: solid 5px transparent!important;;
	border-bottom: solid 5px #000!important;;
	margin-top: -8px;
}
.dd-option {
	padding: 10px;
	display: block;
	border-bottom: solid 1px #ddd;
	overflow: hidden;
	text-decoration: none;
	color: #333;
	cursor: pointer;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
}
.dd-options > li:last-child > .dd-option { border-bottom: none; }
.dd-options li .dd-option {
	height: 45px;
	line-height: 25px!important;;
}
.dd-option:hover {
	background: #f9f9f9!important;;
	color: #000;
}
.dd-option-selected {
	background: #f9f9f9!important;;
	color: #444!important;;
}
.dd-option-image, .dd-selected-image {
	vertical-align: middle;
	float: left;
	margin-right: 10px!important;;
	max-width: 64px;
}
.dd-image-right {
	float: right;
	margin-right: 15px;
	margin-left: 5px;
}
.dd-container { position: relative; }
​ label.dd-selected-text { font-weight: 400!important;; }
.dd-option-text { line-height: 14px!important;; }
.dd-selected-image { margin-top: 25px; }
.dd-select label, .dd-options label {
	font-weight: 400!important;;
	cursor: pointer!important;;
	line-height: 40px;
}
.radio_fix {
	float: left;
	margin-top: 35px;
}
#faq h2 {
	margin: 0 0 25px;
	font-size: 24px;
}
.plans {
	margin: 0 auto 50px;
	zoom: 1;
}
.plans:before, .plans:after {
	content: '';
	display: table;
}
.plans:after { clear: both; }
.plan {
	margin: 25px 0;
	padding: 20px;
	text-align: center;
	background: #fafafa;
	background-clip: padding-box;
	border: solid #ddd;
	min-height: 435px;
	border-width: 1px 0 1px 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.col-md-4.plan:first-child {
	margin-right: -30px;
	margin-left: 30px;
}
.plan:last-child { border-width: 1px; }
.plan-title {
	position: relative;
	margin: -25px -10px 25px;
	padding: 20px;
	line-height: 1;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
	border-bottom: 1px dotted #ccc;
}
.plan-title:before {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	height: 1px;
}
.plan-price {
	margin: 0 auto 20px;
	width: 110px;
	height: 110px;
	line-height: 110px;
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	background: #4b4b4b;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	display: inline-block;
	text-align: center;
	font-family: "Helvetica Neue", Arial;
}
.plan-price > span {
	font-size: 12px;
	font-weight: 400;
	color: rgba(255,255,255,0.9);
}
.plan-features {
	margin-bottom: 25px;
	line-height: 2;
	font-size: 12px;
	text-align: center;
}
ul.plan-features {
	padding: 0;
	margin: 0 0 30px;
}
.plan-features li { list-style: none; }
.plan-tall {
	margin: 25;
	background: #fff;
	border-width: 1px;
	border-radius: 4px;
	margin-right: -30px;
	position: relative;
	z-index: 100;
	border: solid #83c99f;
	position: relative;
}
.ribbon_table {
	width: 99px;
	height: 97px;
	position: absolute;
	left: -7px;
	top: -7px;
	display: block;
	background: url(../img/ribbon.html) no-repeat 0 0;
	z-index: 101;
}
.plan-tall > .plan-title { font-size: 18px; }
.plan-tall > .plan-price {
	margin: 0 auto 25px;
	height: 130px;
	width: 130px;
	line-height: 130px;
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	background: #f26d7d;
	border-radius: 130px;
	-webkit-border-radius: 130px;
	-moz-border-radius: 130px;
	display: inline-block;
	text-align: center;
}
.plan-tall > .plan-features { font-size: 14px; }
.plan-tall > .plan-button {
	padding: 0 16px;
	line-height: 32px;
}
.plan-tall + .plan { border-left: 0; }
#pricing_2 { margin-top: 25px; }
.ribbon_2 {
	width: 99px;
	height: 97px;
	position: absolute;
	left: -5px;
	top: -5px;
	display: block;
	background: url(../img/ribbon.html) no-repeat 0 0;
	z-index: 101;
}
.pricing-table {
	text-align: center;
	font-weight: 400;
	margin-bottom: 30px;
	background: #fff;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	position: relative;
	padding-bottom: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.pricing-table:hover {
	-moz-box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);
	-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);
}
.pricing-table.green {
	text-align: center;
	font-weight: 400;
}
.pricing-table.black {
	text-align: center;
	font-weight: 400;
}
.pricing-table-sign-up {
	border-top: 1px solid #ededed;
	padding: 10px 10px 5px;
	text-align: center;
	margin-top: 30px;
}
.pricing-table-features p {
	padding: 10px 20px;
	text-align: center;
	margin: 10px 0;
}
.pricing-table-features p:nth-child(2n) {
	background: #f8f8f8;
	padding: 10px 0;
}
.pricing-table-features, .pricing-table-space { background: #fff; }
.pricing-table p {
	padding: 5px;
	margin-top: 5px;
	font-size: 110%;
	font-weight: 400;
	background: #fff;
}
.pricing-table p strong { font-weight: 600; }
.pricing-table .pricing-table-header {
	color: #fff;
	padding: 0;
}
.pricing-table-header .heading {
	display: inline-block;
	width: 100%;
	padding: 15px 0;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 18px;
}
.pricing-table.green .heading { background: #83c99f; }
.pricing-table.black .heading { background: #333; }
.pricing-table .pricing-table-header .price-value { background: #fff; }
.pricing-table.green .pricing-table-header .price-value { background: #fff; }
.pricing-table.black .pricing-table-header .price-value { background: #fff; }
.pricing-table-header .price-value {
	display: inline-block;
	width: 100%;
	padding: 10px 0;
	background: #1ABC9C;
	font-family: "Helvetica Neue", Arial;
	font-weight: 700;
	color: #555;
	border-bottom: 1px solid #ededed;
	margin-bottom: 15px;
}
.pricing-table-header .price-value span {
	font-weight: 800;
	font-size: 36px;
	line-height: 36px;
}
.pricing-table-header .price-value span.mo {
	font-size: 22px;
	font-weight: 400;
}
.question_box h3 {
	font-size: 18px;
	text-align: left;
	line-height: 22px;
	margin-bottom: 10px;
}
.question_box {
	padding-left: 40px;
	position: relative;
	margin-bottom: 30px;
}
.question_box:before {
	content: "\ec7e";
	font-family: "fontello";
	font-style: normal;
	font-weight: 400;
	text-decoration: inherit;
	font-size: 30px;
	position: absolute;
	color: #999;
	top: -9px;
	left: 0;
}
.badge_save {
	position: absolute;
	top: 0;
	right: 0;
	width: 65px;
	height: 77px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	background: url(../img/badge_save.png);
	font-size: 9px;
    line-height: 15px;
    padding-top: 32px;
}
.badge_save strong {
	display: block;
	font-size: 14px;
	font-weight: 700;

}

.badge_save2 {
	position: absolute;
	top: 0;
	right: 0;
	width: 65px;
	height: 77px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	background: url(../img/badge_save2.png);
	font-size: 12px;
    line-height: 15px;
    padding-top: 32px;
}
.badge_save2 strong {
	display: block;
	font-size: 14px;
	font-weight: 700;

}
.input-group input { height: 34px; }

.alert-sm {
	font-size: 10px;
	line-height: 14px;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 3px;
}
.alert-sm a:hover {
	text-decoration: underline;
}
.alert-sm.warning {
	color: #503C02;
	background-color: #FBD154;
}
.alert-sm.warning a {
	color: #043C86;
}

.service-content-wrap {
	position: relative;
	padding: 30px;
	margin-bottom: 30px;
	color: #888;
	background: #fff;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}
.form-group-duree label {
	margin-bottom: 0;
}
.form-group-duree .recomandation-duree {
	margin-bottom: 5px;
}

.services-optionnels-list .img {
	width: 1%;
}
.services-optionnels-list .img img {
	display: block;
	margin-right: 7px;
}
.services-optionnels-list .name {
	display: block;
	font-weight: 700;
	margin-top: 8px;
}
.services-optionnels-list .name small {
	display: block;
	font-size: .8;
	font-weight: 400;
}

.estimations {
	margin-bottom: 14px;
	MARGIN-TOP: 14px;
}
.estimation-duree, .estimation-prix {
	font-size: 24px;
	line-height: 25px;
	font-weight: 700;
}
.estimation-duree {
	float: left;
	color: #589fd6;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
	margin-bottom: 5px;
}
.estimation-prix {
	float: right;
	color: #589fd6;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
	margin-bottom: 5px;
}

.section-technicien-center{
	text-align: center;
}
.section-technicien-center  img {
    display: block;
    max-width: 100%;
    height: 110px;
    margin: 0 auto;
}
.section-technicien h1 {
	color: #fff;
	margin-top: 0;
	margin-bottom: 20px;
}
.section-technicien .btn {
	font-size: 20px;
	padding: 8px 20px;
	/* margin: 0 10px; */
	color: #fff;
	background-color: #589FD6;
	border: 1px solid #fff;
}
.section-technicien .btn:hover {
	color: #589FD6;
	background-color: #fff;
}
.section-technicien .btn.alt {
	color: #589FD6;
	background-color: #fff;
	margin-bottom: 10px;
}
.section-technicien .btn.alt:hover {
	color: #fff;
	background-color: #589FD6;
}
.section-technicien h4, .section-technicien h3, .section-technicien h5 {
    color: #FFFFFF;
    line-height: 20px;
}
 .section-technicien a {
	color: #FFFFFF;
    line-height: 20px;
    text-decoration: underline;
 }
ul.list_order.ultechnicien li span {
    background-color: #fff;
    color: #589FD6;
	font-size: 26px;
}
hr.lignetechnicien {
	color: #FFFFFF;
	width: 50%;
}
    
.section-technicien  {
    color: #FFFFFF;
	font-size: 14px;
}
.bg-technicien {
    width: 100%;
}
.bg-technicien-etape1 {
	background: url(../img/ETAPE1.jpg);
	background-position: center;
	top: 0;
	height: 300px;
	background-size: cover;
}
.section-reservation {
	text-align: center;
}
.section-reservation h1 {
	color: #fff;
	margin-top: 52px;
	margin-bottom: 50px;
}
.section-reservation .btn {
    font-size: larger;
    border: 2px solid transparent;
    background: 0 0;
    text-transform: capitalize;
    transition: border .2s ease;
    border-radius: 100px;
    letter-spacing: .05em;
    font-family: "proxima-nova",sans-serif;
    font-weight: 900;
    line-height: 1.33;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border-color: rgba(255,255,255,.3);
    color: #fff;
}
.section-reservation .btn:hover {
	color: #589FD6;
	background-color: #fff;
}
.section-reservation .btn.alt {
	color: #589FD6;
	background-color: #fff;
}
.section-reservation .btn.alt:hover {
	color: #fff;
	background-color: #589FD6;
}

.section-partenaire {
	text-align: center;
	color: #fff;
}
.section-partenaire h1 ,.section-partenaire h3 {
	color: #fff;
	margin-top: 55px;
}
.section-partenaire p {
	color: #fff;
	margin-top: 10px;
}
ul.list-partenaire
{
	 list-style: none;
    margin: 0 0 20px;
    padding: 0;
}
.title-partenaire{
	text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -1px;
    font-size: 30px;
    margin: 50px;
	text-align: center;
}
.section-partenaire .btn {
	font-size: 20px;
	padding: 8px 20px;
	margin: 0 10px;
	color: #fff;
	background-color: #589FD6;
	border: 1px solid #fff;
}
.section-partenaire .btn:hover {
	color: #589FD6;
	background-color: #fff;
}
.section-partenaire .btn.alt {
	color: #589FD6;
	background-color: #fff;
}
.section-partenaire .btn.alt:hover {
	color: #fff;
	background-color: #589FD6;
}

.section-partenaire-phrase {
	text-align: center;
}

.container.fleche-container {
	position: absolute;
    top: 5px;
    left: 65%;
}
.fleche {
	display: block;
	position: absolute;
	font-style: normal;
	font-size: 18px;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.fleche:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 50%;
	width: 15px;
	height: 65px;
	margin-left: -8px;
	background: url(../img/indicator-down.png) no-repeat;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	transform: rotate(3deg);
}
.fleche-fnctnmnt {
	top: 0px;
    left: 0px;
    width: 270px;
}

.home-avntg {
	font-size: 14px;
	text-align: center;
	margin-block-end: 31px;
}
.home-avntg img {
	display: block;
    max-width: 100%;
    height: 100px;
    margin: 0 auto;



}
.phrase-accredite {
	font-size: 14px;
}
.home-fnctnmnt {
	position: relative;
	font-size: 14px;
	text-align: center;
}
.home-fnctnmnt img {
	display: block;
	max-width: 100%;

	margin: 0 auto;
	
	}
.big-white-bubble left {
	margin: 35px 15px 25px;
	    color: #589FD6;
    text-align: center;
	background: url(/assets/img/big-white-bubble.png) no-repeat;
    width: 141px;
    height: 141px;
    background-size: 141px;
    display: block;
}
.home-fnctnmnt img.fleche {
	display: block;
	max-width: 100%;
	height: 20px;
	margin-top: 55px;
}

.section-partenaire .rating .voted
{
	color: #FFF;
}

.section.quality {
	background: url(../img/slide_hero_maroc.jpg) left center no-repeat;
	background-size: cover;
}
.section.quality.video {
	position: relative;
	background: none;
	overflow: hidden;
	background-color: rgba(53, 59, 66, 0.26);
}
.section.quality.video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
	z-index: -1;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	background: url(../img/quality-section-bg.jpg) left center no-repeat;
    background-size: cover;
	
}
.quality-text-wrap {
	margin: 4px 0;
	padding: 20px 0px;
	font-size: 16px;
	background: rgba(255,255,255,.85);
	border-radius: 3px;
}
.quality-text-wrap .main_title {
	text-align: left;
}
.quality-text-wrap blockquote.styled {
	border-left-color: #589FD6;
}
.quality-text-wrap .list_ok li:before{
	color: #589FD6;
}
.section-partenaire .list_ok li:before {
    color: #FFF;
}

/* Reservation */
.res-recap h2 {
	margin: 20px 0 30px;
}
.res-recap .section  {
	padding-top: 15px;
	margin-bottom: 15px;
	border-top: 1px solid #e0e0e0;
}
.res-recap .title {
	position: relative;
	padding-left: 28px;
	font-size: 18px;
	color: #333;
}
.res-recap .title i {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	text-align: center;
}
.res-recap .section.duree {
	padding-top: 0;
	border-top-width: 0;
}
.res-recap .services-inclus {
	margin-left: 28px;
}
.res-recap .services-inclus ul {
	display: table;
	width:100%;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 13px;
}
.res-recap .services-inclus li {
	display: table-row;
}
.res-recap .services-inclus li>div {
	display: table-cell;
}
.res-recap .services-inclus .servopt-name {
	position: relative;
	max-width: 80%;
	padding-left: 20px;
}
.res-recap .services-inclus .servopt-name i {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	text-align: center;
}
.res-recap .services-inclus .servopt-duree {
	text-align: right;
}
.res-recap .section.prix {
	font-size: 30px;
	color: #307749;
	text-align: right;
}

.res-datepicker-wrapper, .res-timepicker-wrapper {
	margin-bottom: 20px;
}
.res-datepicker .datepicker-inline {
	width: 100%;
	margin: 0 auto;
}
.res-datepicker .datepicker table {
	font-size: 16px;
	width: 100%;
	table-layout: fixed;
}
.res-datepicker .datepicker td, .res-datepicker .datepicker th {
	line-height: 30px;
}
.res-datepicker .datepicker tbody td {
	border-radius: 20px;
	color: #589FD6;
}
.res-datepicker .datepicker table tr td.active, .res-datepicker .datepicker table tr td.active:hover {
	color: #fff;
}

.res-datepicker .datepicker table tr td.active:hover,
.res-datepicker .datepicker table tr td.active:hover:hover,
.res-datepicker .datepicker table tr td.active.disabled:hover,
.res-datepicker .datepicker table tr td.active.disabled:hover:hover,
.res-datepicker .datepicker table tr td.active:active,
.res-datepicker .datepicker table tr td.active:hover:active,
.res-datepicker .datepicker table tr td.active.disabled:active,
.res-datepicker .datepicker table tr td.active.disabled:hover:active,
.res-datepicker .datepicker table tr td.active.active,
.res-datepicker .datepicker table tr td.active:hover.active,
.res-datepicker .datepicker table tr td.active.disabled.active,
.res-datepicker .datepicker table tr td.active.disabled:hover.active,
.res-datepicker .datepicker table tr td.active.disabled,
.res-datepicker .datepicker table tr td.active:hover.disabled,
.res-datepicker .datepicker table tr td.active.disabled.disabled,
.res-datepicker .datepicker table tr td.active.disabled:hover.disabled,
.res-datepicker .datepicker table tr td.active[disabled],
.res-datepicker .datepicker table tr td.active:hover[disabled],
.res-datepicker .datepicker table tr td.active.disabled[disabled],
.res-datepicker .datepicker table tr td.active.disabled:hover[disabled] {
	background: #589FD6;
}

.res-timepicker-wrapper .loading {
	display: none;
	padding: 30px;
}
.res-timepicker-wrapper .loading i {
	font-size: 30px;
	line-height: 30px;
}
.res-timepicker-wrapper .no-time-available {
	display: none;
}
.res-timepicker-wrapper .res-timepicker {
	margin: 0 auto;
	color: #333;
}
.res-timepicker ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.res-timepicker li {
	display: block;
	float: left;
	width: 33.3333%;
	padding: 0 2px 6px;
}
.res-timepicker input, .res-timepicker .iradio_square-grey {
	display: none;
}
.res-timepicker label {
	display: block;
	font-size: 13px;
	font-weight: 400;
	line-height: 22px;
	padding: 5px 3px;
	margin: 0;
	border-radius: 20px;
	text-align: center;
	cursor: pointer;
}
.res-timepicker label:hover {
	background: #eee;
}
.res-timepicker input:checked+label, .res-timepicker .iradio_square-grey.checked+label {
	font-weight: 700;
	color: #fff;
	background: #589FD6;
}
option.optionville {
    font-size: 17px;
    color: #81AACE;
}
.nomarginbottom {
   margin-bottom: 0px; 
}
.img-responsive.styled.nomargintop  {
   margin-top: 20px; 
}
.img-center >li>img{
 margin: 0 auto;
}

.tarifs {
	font-size: 16px;
}
.table.tarifs>tbody>tr>td, .table.tarifs>tbody>tr>th, .table.tarifs>tfoot>tr>td, .table.tarifs>tfoot>tr>th, .table.tarifs>thead>tr>td, .table.tarifs>thead>tr>th {
	vertical-align: middle;
}
.tarifs .row-service {
	color: #fff;
	background: #589FD6;
}
.table td.shrink, .table th.shrink {
	width: 1px;
}
.table td.btns, .table th.btns {
	white-space: nowrap;
}
.tarifs .sservice-title {
	font-size: 16px;
	margin: 0 0 6px;
}
.tarifs .sservice-intro {
	font-size: 13px;
	margin: 6px 0 0;
}
.tarifs .reduction {
	display: block;
	font-size: .8em;
	color: #5CB85C;
}
.tarifs .prix {
	font-size: 20px;
	line-height: 1;
	white-space: nowrap;
}
.tarifs .prix .prix-unit {
	display: inline-block;
	font-size: .8em;
}
.tarifs .promo .prix {
	color: #5CB85C;
}
.tarifs .promo .prix.barre {
	display: block;
	font-size: .8em;
	color: #999;
	text-decoration: line-through;
}
.video-embed {
    position: relative;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden;
}
.video-embed.square {
    padding-top: 75%;
}
.video-embed > iframe{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

ul.ratings {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.ratings li {
    margin-bottom: 8px;
}

.blog-social {
	margin-bottom: 20px;
}
.blog-social > div {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}
.blog-social .fb > div > span {
	vertical-align: middle !important;;
}
.blog-social .twitter > iframe {
	display: block;
}
.blog-social .gplus > div {
	display: block !important;;
	vertical-align: middle !important;;
}
.switch-ios.switch-light input:checked ~ span:before {
	border-color: #589FD6;
	box-shadow: inset 0 0 0 30px #589FD6;
}


.section.prix .old-prix {
    text-decoration: line-through;
	color: #85848a;
    font-size: 25px;
}

.old-prestation-duree {
    text-decoration: line-through;
	color: #85848a;
}




vvvvvvvvvvv
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.tabs {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.tab-btn {
    background-color: transparent;
    border: none;
    padding: 10px 20px;
    margin: 0 5px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    position: relative;
    color: black; /* Couleur du texte des tab-btn non ouverts */
}

.tab-btn.active {
    background-color: transparent;
    color: #2ba1d7; /* Couleur du texte du tab-btn ouvert en bleu */
	font-weight: 800;
}

.progress-bar {
    width: 100%;
    height: 5px;
    background-color: #ccc;
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
}

/* Added this to show the progress bar fill */
.progress-bar-fill {
    height: 100%;
    background-color: #2ba1d7;
    width: 0;
}

/* Ajouter des styles pour l'alignement de l'image à gauche et le texte avec le bouton à droite */
.tab-content {
   
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.content-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.image-wrapper {
    flex: 1;
    margin-right: 20px;
}

.image-wrapper img {
    max-width: 100%;
}

.text-wrapper {
    flex: 1;
}

/* Styles pour le bouton CTA */
.cta-btn {
  display: inline-block;
  padding: 12px 47px;

  border: 2px solid #589FD6; /* Bordure de 2px de couleur #589FD6 */
  box-shadow: 0px 4px 5px rgba(72, 72, 72, 0.25);
  border-radius: 3px;
  font-weight: 600;
  line-height: 20px;
  color: #589FD6; /* Couleur du texte du bouton */
  transition: all .4s ease;
  text-transform: uppercase;
  text-decoration: none; /* Pour enlever le soulignement du lien */
  transition: background-color 0.3s, color 0.3s; /* Ajoutez une transition pour la couleur de fond et la couleur du texte */
  margin-top: 20px; /* Ajoute plus d'espace en haut du bouton */

}

.cta-btn:hover {
  background-color: transparent; /* Couleur de fond au survol */
  color: #589FD6; /* Couleur du texte au survol */
  box-shadow: 0px 4px 8px rgba(72, 72, 72, 0.3); /* Ombre au survol */
}

/* Styles pour la section "Pourquoi les gens nous choisissent" */
.container.margin_60 {

    margin-bottom: 48px;
	margin-top: 13px;
}



.main_title h2 {
    font-size: 36px;
    font-weight: 600;
}

.home-avntg {
    margin-bottom: 30px;
}

.home-avntg img {
    max-width: 100%;
    margin-bottom: 15px;
}

.home-avntg h5 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.home-avntg p {
    font-size: 16px;
    line-height: 1.6;
}
@font-face {
  font-family: 'MaPolicePersonnalisee';
  src: url('chemin/vers/la/police.woff2') format('woff2'),
       url('chemin/vers/la/police.woff') format('woff');
  font-display: swap; /* Vous pouvez changer la valeur selon vos besoins */
}
vvvvvvvvvvvv
.slider-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  background-color: #f0f0f0;
}

.slider-image {
  max-width: 52%;
  height: auto;
}

.slider-content {
  flex: 1;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 32px;
}

h1 {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-bottom: 40px;
}

.slider-text {
  display: flex;
  align-items: center; /* Centrer horizontalement le texte et les icônes */
  color: var(--charcoal-main);
  font-size: 18px;
  margin-bottom: 6px;
  text-align: center; /* Centrer le texte */
}

.icon-container {
  margin-bottom: 18px; /* Espacer les icônes du texte */
  display: flex;
  align-items: center;
}

.icon-container img {
  max-width: 30px;
	height: 31px;
  filter: brightness(0) saturate(100%) invert(60%) sepia(0%) saturate(7585%) hue-rotate(174deg) brightness(91%) contrast(85%);
}

p {
  font-size: 16px;
  margin: 7px;
  text-align : left;

}

.cta-btn {
  display: inline-block;
  padding: 12px 47px;
  box-shadow: 0px 4px 5px rgba(72, 72, 72, 0.25);
  border-radius: 3px;
  font-weight: 600;
  line-height: 20px;
  text-transform: uppercase;
  text-decoration: none;
  margin-top: 20px;
  background-color: #589FD6;
  color: #FFFFFF;
  transition: background-color 0.3s, color 0.3s;
}

/* Cacher l'image sur les appareils mobiles avec une largeur d'écran inférieure à 768px */
@media screen and (max-width: 768px) {
  .slider-image {
    display: none;
  }
}

/* Media query pour les écrans plus larges (par exemple, tablettes et ordinateurs) */
@media screen and (min-width: 768px) {
  .slider-container {
    flex-direction: row;
    justify-content: space-around;
	display: flex;
	align-items: center;
	width: 100%;
    max-width: 1298px;
    padding: 0 15px;
    margin: 0 auto;
	padding-top: 32px;
  }

  .slider-content {
    flex: 1;
	width: 100%;
    max-width: 604px;
    display: block;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
  }

  .slider-text {

	display: flex;
    font-size: 18px;
    margin-bottom: 26px;
    /*align-items: baseline;*/
	
  }

  .icon-container {
    margin-right: 8px;
    margin-bottom: 0; /* Supprimer l'espace entre les icônes et le texte */
  }

  h1 {
    font-size: 36px;
	color: #000;
  }
}

.rating-section {
	display: flex;
    font-size: 18px;
    /*margin-bottom: 26px;*/
    align-items: baseline;
	text-align : left;
}

.rating-stars {
  order: -1;
  color: black;
}

.rating-section p {
	color: var(--charcoal-main);
    font-size: 16px;
}

.rating {
  position: relative;
  color: transparent;
}

.icon-star {
  display: inline-block;
  font-size: 20px;
  color: #FFD700;
  max-width: 12px;
  height: auto;
  margin-right: 11px;
}

/* Animation pour l'effet de brillance */
@keyframes shining {
  0%, 100% {
    opacity: 0.8;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.05);
  }
}

/* Appliquer l'animation aux étoiles */
.voted {
  animation: shining 2s infinite;
}



 .container {
  /* Vos styles pour le conteneur ici */
  max-width: 1398px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative; /* Ajout de position relative pour le conteneur parent */
  
}

.header {
  display: flex;
  justify-content: center;
  font-size: 15px;
  padding-top: 19px;
}

.toggle-switch {
  display: flex;
  align-items: center;
  border: 2px solid #ECF1F6;
  border-radius: 25px;
  padding: 10px;
  cursor: pointer;
  background-color: #ECF1F6;
  transition: background-color 0.3s ease;
  width: 190px;
}

.toggle-switch.active {
  border-color: #589FD6;
  background-color: #589FD6;
  color: #fff;
  font-weight: 700;
  
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.toggle-switch:not(:last-child) {
  margin-right: -35px;

}

.services-container {
  display: flex;
  justify-content: space-between;
  margin-top: 14px;
  overflow: hidden;
  position: relative;
  margin-block-end: 15px;
}

.service-item {
  flex-basis: calc(16.666% - 15px); /* 100% / 6 - 15px for margin */
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 15px;
  text-align: center;
  transition: flex-basis 0.3s ease, transform 0.3s ease;
  max-width: 260px;
  min-width: 260px;
  height: 406px;
}

.service-item.active-slide,
.service-item.swiper-slide-next,
.service-item.swiper-slide-prev {
  flex-basis: calc(50% - 5px) !important;; /* Augmentez légèrement la largeur */
  transform: scale(1); /* Réinitialisez l'échelle pour l'élément actif */
}

.service-item:not(:first-child) {
  margin-left: 30px;
}

.service-item.swiper-slide-active {
  flex-basis: auto !important;;
  transform: scale(1.05);
}

.service-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  border-radius: 10px 10px 0 0;
  height: 169px;
}

.service-icon {
  width: 100px;
  height: 100px;
}

.service-title {
  font-size: 20px;
  font-weight: bold;
  margin-top: 12px;
  margin-bottom: 23px;
}

.service-description {
      /* Vos styles pour la description ici */
      display: -webkit-box;
      -webkit-line-clamp: 3; /* Limite le nombre de lignes à 3 */
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
	  margin-top: 10px;
    }

.service-button {
  display: inline-block;
  margin-top: 15px;
  padding: 10px 20px;
  background-color: #589FD6;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
    margin-top: 25px;
	width: 207px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
}

.service-button:hover {
    background-color: #1591ca;
    color: #fefefe;
    box-shadow: 0px 4px 8px rgba(72, 72, 72, 0.3);

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
  /* Vos styles personnalisés ici */
  color: #6E93f7;
  transition: color 0.3s ease;


  border-radius: 50%;
}
/* Styles pour le bouton précédent désactivé */
.swiper-button-prev.swiper-button-disabled {
  left: 0;
}
/* Styles pour le bouton suivant */
.swiper-button-next {
  right: 0;
}

/* Styles au survol */
.swiper-button-next:hover,
.swiper-button-prev:hover {
  color: #fff;
  background-color: #6E93f7;
}

.swiper-button-prev {
  left: 10px;
}

.swiper-button-next {
  right: 10px;
}

.swiper-pagination {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}

.swiper-pagination-bullet {
  width: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ccc;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background-color: #589FD6;
  opacity: 1;
}

/* Styles pour les vues mobiles */
@media (max-width: 991px) {
  .service-item {
    flex-basis: calc(100% - 15px);
    max-width: 260px;
    min-width: 260px;
    height: 406px;
  }
}

/* Styles pour les vues de bureau */
@media (min-width: 992px) {
  .service-item {
    max-width: 300px;
  }
}




.swiper-wrapper {
  margin-bottom: 10px; /* Espacement de 10px en bas du swiper-wrapper */
}
.swiper-container {
  /* ... Vos styles pour le conteneur du swiper ... */
  position: relative; /* Ajout de position relative pour le conteneur du swiper */
  margin-left: -10px;
    margin-right: -10px;
	padding-block-end: 41px;
}


.swiper-slide {
  cursor: url(https://maps.gstatic.com/mapfiles/openhand_8_8.cur), default;
   
    touch-action: pan-x pan-y;
}

.swiper-slide:active {
  cursor: url(https://maps.gstatic.com/mapfiles/openhand_8_8.cur), default;
    touch-action: pan-x pan-y;
/* Empêcher la sélection de texte pour le conteneur du swiper et ses éléments enfants */
.swiper-container,
.swiper-container * {
  user-select: none;
}

/* Empêcher la sélection de texte pour tous les éléments du swiper */
.services-container,
.services-container * {
  user-select: none;
}

/* Autoriser la sélection de texte pour les éléments spécifiques que vous souhaitez */
.service-title,
.service-description,
.service-button {
  user-select: text;
}
.service-item.swiper-slide-active,
.service-item.swiper-slide-next {
  height: 450px;
}



.slider-image-container {
  display: block; /* Assurez-vous que le conteneur est affiché en tant que bloc */
  width: 659px; /* Ajustez la largeur selon vos besoins */
  height: 440px; /* Ajustez la hauteur selon vos besoins */
  margin: 0 auto; /* Centrer horizontalement le conteneur si nécessaire */
  overflow: hidden; /* Cacher tout contenu débordant du conteneur */
}

/* Cacher l'image sur les appareils mobiles */
@media (max-width: 767px) {
  .slider-image-container {
    display: none;
  }
}












vvvvvvvvvvvvvvvv


.home-section-container {
  display: flex;
  border-radius: 10px;
  overflow: hidden;
}

.section-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.image-section {
  border-radius: 10px 0 0 10px;
  overflow: hidden;
}

.image-section img {
  width: 100%;
  display: block;
  object-fit: cover;
}

.info-section {
  background-color: #589FD6;
  padding: 20px;
  color: white;
  border-radius: 0 10px 10px 0;
}

h2 {
  font-size: 24px;
  font-weight: bold;
}

.comment {
  display: flex;
  align-items: center;
  margin: 10px 0;
}

.comment-icon {
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.comment-icon img {
  width: 30px;
  height: 30px;
  border: 2px solid #fff;
  border-radius: 50%;
}

.comment p {
  font-size: 16px;
}

.btn {
  width: 551px;
  background-color: #FFFFFF;
  text-align: center;
  font-weight: 600;
  line-height: 51px;
  box-shadow: 0px 4px 5px rgba(72, 72, 72, 0.25);
  border-radius: 3px;
  margin-top: 20px;
}



   @media (max-width: 767px) {
.service-title {

    margin-top: 3px;
    margin-bottom: 0px !important;;
}
}



@media (max-width: 767px) {
 .service-button {
   margin-top: 3px !important;;

}
}


 @media (max-width: 767px) {
.slider-text {
margin-block-end: 0px !important;;
    margin-top: -3px !important;;
}
}


 @media (max-width: 767px) {
.slider-text {
    display: flex;
    align-items: center;
    color: var(--charcoal-main);
    font-size: 12px;
    margin-bottom: -4px;
    text-align: center;
    margin-top: 0px!important;;
    margin-inline-end: 3px;
}

}

 @media (max-width: 767px) {
.toggle-switch:not(:last-child) {
    height: 55px!important;;
}
}

 @media (max-width: 767px) {
.toggle-switch {
    height: 55px!important;;
}
}


 @media (max-width: 767px) {
.header {
    font-size: 13px;
}
}

 @media (max-width: 767px) {
.services-container {
    margin-top: 15px;
}
}





@media screen and (min-width: 90em) {
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    display: none!important;; /* Assurez-vous que le SVG est caché par défaut */

}

}



.choix-references .item:hover .check-content h5{
  color: #58a0d7;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  transition: all 200ms ease;
}
.choix-engagement .item{
  position: relative;
}
.choix-engagement .item > span{
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: rgb(16, 54, 85);
  color: #fff;
  display: block;
  z-index: 99;
  height: 18px;
  width: 104px;
  text-align: center;
  line-height: 19px;
  border-radius: 20px;
  font-size: .65rem;
}

.choix-engagement .item label{
 /*width: 199px;*/
 text-align: center;
 padding: 18px 8px;
 width: 160px;
 border-radius: 8px;
 box-shadow: none !important;
 background: #f9f9f9;
 border: 1px solid #e4e4e4;
 background: #f9f9f9;
}
.choix-engagement .ui-checkboxradio-label .ui-icon-background{
  display: none;
}
.choix-engagement .ui-checkboxradio-label .ui-icon-background{
  margin-top: 0px;
}
.choix-engagement h5{
  font-size: 15px;
  margin: 0;
  display: inline-block;
  color: #b7b7b7;
  font-weight: 600;
}
.choix-engagement h6{
  margin: 0px;
  font-size: 13px;
  color:  #b7b7b7;
  padding-top: 8px;
}
.creneaux-horraire label{
  text-align: center;
  width: 100%;
  width: 350px;
  max-width: 100%;
  padding: 5px 7px;
  border-radius: 6px;
  border-width:1px;
}
.creneaux-horraire h2{
  margin-bottom: 15px;
}
.creneaux-horraire .ui-state-active,
.creneaux-horraire .ui-widget-content .ui-state-active, 
.creneaux-horraire .ui-widget-header .ui-state-active, 
.creneaux-horraire a.ui-button:active,
.creneaux-horraire .ui-button:active{

}
.creneaux-horraire label .input{
  display: block;
  text-align: right;
  float: right;
}
.creneaux-horraire label input{
  display: inline-block;
  width: 100px;
  margin-right: 0px;
}
.creneaux-horraire .ui-icon-background{
  margin-top: 4px;
  display:none;
}
.creneaux-horraire h5{
  font-size: 16px;
  margin: 0;
  display: inline-block;
  color: #b7b7b7;
  margin-top: 4px;
  vertical-align: middle;
}
.creneaux-horraire ul li{
  margin-bottom: 8px;
  width: 13.35%;
  float: left;
  margin-right: 5px;
}
@media(max-width:480px){
   .creneaux-horraire ul li{
      width: 100%;
      float:right;
  }
.creneaux-horraire label {
  width: 100% !important;
}
}



@media (max-width: 760px)
.container__front-what-we-clean {
    padding: 5vw 0;
    margin-bottom: 10vw;
}
@media (max-width: 760px)
.container__front-what-we-clean h3 {
    padding: 0 3vw;
}
@media (max-width: 760px)
.container__front h3 {
    font-size: 7vw;
    margin-bottom: 5vw;
}
@media (max-width: 760px)
.container__front-what-we-clean .tabs {
    flex-wrap: wrap;
    padding: 0 3vw;
    margin-top: 4vw;
}
@media (max-width: 760px)
.container .rounded {
    border-radius: 1vw;
}
@media (max-width: 760px)
.container__front-what-we-clean .tabs .tab {
    font-size: 4vw;
    width: 50%;
    padding: 3vw 0;
    text-align: center;
    margin-right: 0;
}
@media (max-width: 760px)
.container__front-what-we-clean .tabs .tab {
    font-size: 4vw;
    width: 50%;
    padding: 3vw 0;
    text-align: center;
    margin-right: 0;
}
@media (max-width: 760px)
.container__front-what-we-clean .swiper-container {
    margin: 0 3vw;
}
@media (max-width: 760px)
.container__front-what-we-clean .swiper-container .swiper-slide {
    flex-direction: column;
}
@media (max-width: 760px)
.container__front-what-we-clean .swiper-container .swiper-slide .text-item.reverse {
    text-align: left;
    flex-direction: row;
}
@media (max-width: 760px)
.container__front-what-we-clean .swiper-container .swiper-slide .text-item {
    position: static!important;;
    padding: 2vw 0;
    width: 100%;
    left: 0!important;;
    top: 0!important;;
    bottom: auto!important;;
    right: auto!important;;
    justify-content: space-between;
}
@media (max-width: 760px)
.container__front-what-we-clean .swiper-container .swiper-slide .text-item.reverse {
    text-align: left;
    flex-direction: row;
}

@media (max-width: 760px)
.container__front-what-we-clean .swiper-container .swiper-slide .text-item .text-block {
    max-width: 100%!important;;
    font-size: 4vw;
    width: calc(100% - 6vw)!important;;
}

@media (max-width: 760px)
.container__front-what-we-clean .swiper-container .swiper-slide {
    flex-direction: column;
}
@media (max-width: 760px)
.container__front-what-we-clean .swiper-container .swiper-slide .text-item.reverse {
    text-align: left;
    flex-direction: row;
}
@media (max-width: 760px)
.container__front-what-we-clean .swiper-container .swiper-slide {
    flex-direction: column;
}
@media (max-width: 760px)
.container__front-what-we-clean .swiper-container .swiper-slide .text-item.reverse {
    text-align: left;
    flex-direction: row;
}
@media (max-width: 760px)
.container__front-what-we-clean .swiper-container .swiper-slide .text-item {
    position: static!important;;
    padding: 2vw 0;
    width: 100%;
    left: 0!important;;
    top: 0!important;;
    bottom: auto!important;;
    right: auto!important;;
    justify-content: space-between;
}