/* ----------------------------------------
CSS master file 
---------------------------------------- */
/*Custom Resets*/

::selection {
    background: #004232 ;
    color: #fff;
}

::-moz-selection {
    background: #004232 ;
    color: #fff;
}

/**:focus-visible {
    outline: 3px solid #570E72 !important;
    -webkit-transition: all 0.2s !important;
    transition: all 0.2s !important;
    border-radius: 4px !important;
}*/

html,
body,
input,
textarea {
    background-color: var(--white-bkg);
    margin: 0;
    padding: 0;
    font-family: 'Nunito Sans', Helvetica, Arial;
    font-variant-numeric: lining-nums;
    -moz-font-feature-settings: "lnum" 1;
    -moz-font-feature-settings: "lnum=1";
    -ms-font-feature-settings: "lnum" 1;
    -o-font-feature-settings: "lnum" 1;
    -webkit-font-feature-settings: "lnum" 1;
    font-feature-settings: "lnum" 1;
    color: var(--normal-text);
}

body {
    overflow-x: hidden;
    --white-bkg: #fff;
    --offwhite-bkg: #f8fafd;
    --white-accent: #fff;
    --gray-bkg: #f4f6f8;
    --dark-gray-bkg: #eaedf0;
    --black-bkg: #424252;
    --semi-transparent: rgba(255,255,255,0.5);
    --dark-transparent: rgba(234,237,240,0.5);
    --dark-text: #212325;
    --normal-text: #414549;
    --light-text: #545559;
    --light-text__1: #575763;
    --light-text__2: #676773;
    --light-text__3: #747577;
    --light-text__4: #d4d4d8;
}

    body.dark-theme {
        --white-bkg: #323339;
        --offwhite-bkg: #232429;
        --white-accent: #515153;
        --gray-bkg: #323335;
        --dark-gray-bkg: #232429;
        --black-bkg: #232429;
        --semi-transparent: rgba(35,36,41,0.5);
        --dark-transparent: rgba(0,0,0,0.5);
        --dark-text: #ededed;
        --normal-text: #ededed;
        --light-text: #ededed;
        --light-text__1: #ededed;
        --light-text__2: #ededed;
        --light-text__3: #ededed;
        --light-text__4: #ededed;
    }

textarea {
    -webkit-appearance: none;
}

a {
    -webkit-transition: all 0.2s;
    color: #004232 ;
    text-decoration: none;
    transition: all 0.2s;
}

    a:hover {
        text-decoration: underline;
        cursor: pointer;
    }


/*    a:focus, a:active,
    button::-moz-focus-inner,
    input[type="reset"]::-moz-focus-inner,
    input[type="button"]::-moz-focus-inner,
    input[type="submit"]::-moz-focus-inner,
    select::-moz-focus-inner,
    input[type="file"] > input[type="button"]::-moz-focus-inner {
        border: 0;
        outline: 0;
    }*/

      a:active {
        border: 0;
        outline: 0;
    }
    

    a.dashed-link {
        border-bottom: 1px dashed;
        color: var(--light-text__1);
        text-decoration: none !important;
        font-weight: 300;
    }

img {
    image-rendering: -webkit-optimize-contrast;
}

.tooltip-content {
    display: none;
    z-index:10000;
   
}

p {
    color: var(--normal-text);
    font-size: 15px;
    line-height: 140%;
    margin: 0 0 15px 0;
    padding: 0;
}

    p:last-child {
        margin: 0;
        padding: 0;
    } 

h1 {
    color: var(--normal-text);
    font-size: 50px;
    font-weight: 700;
}


h2 {
    color: var(--light-text);
    font-size: 32px;
    font-weight: 600;
    margin: 10px 0 20px 0;
}

.inner h2 {
    margin-top: 30px;
}

h2.left {
    text-align: left;
}




.hidden {
    visibility: hidden;
}

.popup-content .hidden {
    display: none;
}

.display-none {
    display: none;
}

.display-flex {
    display: flex;
}



/*
h2:first-child {
	margin-top: -10px;
}*/

h3 {
    color: var(--normal-text);
    font-size: 20px;
    font-weight: 600;
}

h2 + h3 {
    font-weight: normal;
    margin: -20px auto 40px auto;
    max-width: 600px;
    color: var(--light-text__3);
    font-size: 16px;
}

.home h2 + h3 {
    font-size: 19px;
}

h4 {
    font-size: 16px;
    font-weight: 600;
    color: var(--normal-text);
}

ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* ------------------------------------------------------------------------ */

/*  HOME PAGE / GLOBAL
/* ------------------------------------------------------------------------ */

.container,
.container-fluid {
    padding: 0;
    z-index: 2;
}

    .container-fluid.belowSearch {
        position: relative;
        z-index: -10;
    }

.container {
    margin: auto;
    padding: 0 0;
    position: relative;
    width: 1080px;
    z-index: 2;
}

.container-large {
    margin: auto;
    padding: 40px;
    z-index: 2;
  
    max-width: 1600px;
    position: relative;
}

section.slim .container {
    padding: 40px 0;
}

section .container {
    padding: 40px 0px;
}

section.slim h2 + h3 {
    margin: -35px auto 40px auto;
}

section .container.aside {
    top: 20px;
    z-index: 101;
    /*overflow: hidden;*/
    margin-bottom: 120px;
}

/*Grid and Columns*/

.col-md-2 {
    width: 15%;
}

.col-md-3 {
    margin-left: -1px;
    width: 25%;
}

.col-md-4 {
    display: inline-block;
    width: 33%;
}

.col-md-5 {
    width: 42%;
}

.col-md-6 {
    display: inline-block !important;
    margin-right: -3px;
    vertical-align: top;
    width: 50%;
}

.col-md-8 {
    display: inline-block;
    width: 66%;
}

.col-md-9 {
    display: inline-block !important;
    width: 74%;
}

.col-md-10 {
    width: 85%;
}

.col {
    display: inline-block;
    margin-right: -3px;
    padding: 0 20px;
    vertical-align: top;
}


/*Case studies*/

.cs-box__holder {
    overflow-x: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -ms-flex-pack: justify;
    flex-direction: row;
    padding:30px;
}


.cs-box {
    -ms-flex-preferred-size: calc(17% - 32px);
    flex-basis: calc(17% - 32px);
    width: calc(17% - 32px);
    text-align: left;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 2px 2px 20px 0 rgba(0,0,0,.1);
    min-width: 180px;
   background-color:#fff;
}

a.cs-box:hover {
    text-decoration:none;
    box-shadow: 2px 2px 20px 0 rgba(0,0,0,.2);
}

.cs-box__image-holder {
    padding: 0 10px 0 10px;
}


.cs-box__image {
    background-size: contain;
    background-repeat: no-repeat;
    height: 50px;
    width: 100%;
    background-position: 50% 50%;
     border-radius: 6px;
}

.cs-box p {
    font-size: 17px;
    color: var(--normal-text);
    font-weight: 300;
    text-align: center;
    margin: 15px 0 10px 0;
    height: 90px;
}

.cs-box__cta {
    font-size: 16px;
    font-weight: 600;
    color: #FE584A;
}

    .cs-box__cta::after {
        content: "\2794";
        color: #FE584A;
        position: relative;
        left: 5px;
        top: 1px;
    }



/*Section Colors*/

.section-gray, .section-gray header {
    background: var(--offwhite-bkg);
}

.section-dark-gray {
    background-color: #f3f4f5;
}

.section-white {
    background-color: var(--white-bkg);
}

.section-pink {
    background-color: #FBd0B1;
}

.section-blue, .section-blue h2, .section-blue h3, .section-blue p {
    background-color: #e8f0fe;
    color: #222875;
}


    .center {
        text-align: center;
    }

.s-border {
    border-top: 1px solid #dcdcde;
    padding: 30px 0;
}

    .s-border h3:first-child {
        font-size: 18px;
        margin-bottom: 60px;
        margin-top: 0;
    }

/*======== Header ========*/

header {
    background: #fff;
    background-size: cover;
    image-rendering: -webkit-optimize-contrast;
    overflow: hidden;
    position: relative;
    width: 100%;
}




.home #header-text {
    margin-bottom: 0;
    margin-top: 80px;
    text-align: left;
}



header h2 {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 40px 0;
}

header h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 40px 0 0px 0;
}

.email-legal a {
    color: #fff;
    text-decoration: underline;
}

.header-top {
  
    width: 100%;
    background: #ffffff;
    height: 60px;
}

.moving-nav {
    position: fixed;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: 75%;
    background: #ffffff;
    height: 52px;
    border-radius: 100px;
    z-index:999;
}





#logo {
    float: left;
    margin: 12px 0px 0px 40px;
}

    #logo img {
        height: 30px;
        max-width: 100%;
    }

        #logo img.white-logo {
            background: url(/content/images/logo-white.svg) no-repeat right center;
            box-sizing: border-box;
            height: 30px;
            overflow: hidden;
            padding-left: 160px;
            /*background-size: 120px 46px;*/
            width: 160px;
        }

    #logo a {
        color: transparent;
    }

    .banner-holder {
        max-width:540px;
        margin-bottom: 20px;
        text-align:center;
        display:none;
    }

div.banner-qc, div.banner-ca {
    padding: 5px 10px 5px 30px;
    border-radius: 50px;
    line-height: 1;
    vertical-align: top;
    display: none;
    font-size: 15px;
    font-weight: 400;
    position:relative;
    margin-left:10px;
}

div.banner-qc {
    color: rgb(0,187,240);
    background-color: rgba(0,187,240,0.07);
}

div.banner-ca {
    color: rgb(254,65,107);    
    background-color: rgba(254,65,107,0.07);
}

span.banner-qc__logo, span.banner-ca__logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 30px;
}

.banner-qc .banner-qc__logo img, .banner-ca .banner-ca__logo img {
    height: 20px !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}


    nav {
    float: right;
    margin: 0;
}

    nav li {
        display: inline-block;
        position: relative;
        white-space: nowrap;
        padding: 6px 35px 0px 0px;
    }

    nav .drop-down-menu li {
        display: block;
        white-space: normal;
    }

    nav li a, nav li p, nav li span {
        display: block;
        font-size: 15px;
        color: #444;
        font-weight: 400;
    }

    nav li span {
        cursor:pointer;
    }

    nav li i {
        font-size: 22px;
        position: absolute;
        background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2022.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text/css%22%3E%0D%0A%09.st0%7Bfill%3Anone%3Bstroke%3A%23444444%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%0D%0A%3C/style%3E%0D%0A%3Cpolyline%20class%3D%22st0%22%20points%3D%226%2C9%2012%2C15%2018%2C9%20%22/%3E%0D%0A%3C/svg%3E%0D%0A');
        background-repeat: no-repeat;
        width: 10px;
        height: 10px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        right: 20px;
        top: 12px;
        background-position: center;
    }

    nav .btn {
        font-size: 15px;
        font-weight: 600;
        padding: 8px 12px;
    }

        nav .btn:hover {
            text-shadow: none;
        }

.mobile-nav-btn span, .mobile-nav-btn .btn {
    color: transparent;
    background: url(../images/nav-grey.svg) no-repeat 90% center;
    text-decoration: none;
    background-size: 20px;
    cursor: pointer;
}

#logged-in-content {
    display: inline-block;
}


#nav-switch {
    text-align: center;
    width: 80px;
    height: 63px;
    padding: 0 10px 0 0;
    vertical-align:top;
}

#nav-switch p.note {
    font-size:10px;
}


#nav-profile a {
    height: 63px;
}

#nav-manage:hover {
    background-color: rgba(0, 0, 0, 0.04);
}



#nav-profile:hover {
    background-color: rgba(0, 0, 0, 0.04);
}


#nav-aide .dash-nav-img img {
    margin-left: 5px;
    margin-right: 5px;
    max-height: 26px;
    max-width: 30px;
    vertical-align: middle;
}


nav.nav-loggedin {
    margin-top: -1px;
}

    nav.nav-loggedin li {
        padding: 0;
    }

        nav.nav-loggedin li a {
            padding: 20px 15px 15px 15px;
        }


#nav-profile {
    display: inline-block;
    top: -1px;
    float: right;
}



.drop-element {
    z-index: 1000;
}


#nav-profile .dash-nav-img img,
#nav-profile .dash-nav-img .bubble-avatar {
    border-radius: 100%;
    display: inline-block;
    margin-right: 5px;
    margin-top: -2px;
    max-height: 30px;
    vertical-align: middle;
    width: 30px;
    margin-left: 5px;
}

#nav-profile .dash-nav-img .bubble-text {
    font-size: 14px;
}


nav .drop-down-menu a {
    padding-bottom: 0;
    padding-top: 0;
    /* padding: 15px; */
}

.link-drop-down { /*height: 100px;*/
}




.nav-dropdown {
    border-radius: 4px 4px 6px 6px !important;
    display: none;
    line-height: normal;
    max-width: 460px;
    min-width: 250px;
    padding: 0 !important;
}

.nav-menu-item form,
.nav-menu-item a {
    width: 100%;
    height: 100%;
    display: block;
  
}


.popup-menu {
    line-height: normal;
    max-width: 460px;
    min-width: 250px;
}

.drop-down-trigger {
    transition: .5s all 5s;
}

    .drop-down-trigger:hover {
        transition-delay: 0s;
    }

        .drop-down-trigger:hover .drop-down-menu {
            display: block;
            transition: .5s all 5s;
        }

.drop-down-menu.pull-right {
    float: right;
}

    .drop-down-menu.pull-right:before {
        border: 10px solid transparent;
        border-bottom-color: #dce0e0;
        border-top: 0;
        bottom: auto;
        content: "";
        display: inline-block;
        position: absolute;
        right: 14px;
        top: -10px;
    }



.drop-down-menu {
    -moz-border-radius: 4px 4px 6px 6px;
    -webkit-border-radius: 4px 4px 6px 6px;
    border-radius: 4px 4px 6px 6px !important;
    display: none;
    left: auto;
    line-height: normal;
    max-width: 460px;
    min-width: 250px;
    position: absolute;
    right: 8px;
    top: 50px;
    z-index: 3001;
    background-color: var(--white-bkg);
    border: 1px solid #dce0e0;
}


    .drop-down-menu .menu-item {
        display: block;
    }




.menu-item {
    position: relative;
}

    .menu-item .menu-hover {
        position: relative;
    }


    .menu-item:hover {
        background-color: rgba(0, 0, 0, 0.03);
        -webkit-transition: all 0.05s;
        transition: all 0.05s;
        text-decoration: none;
        color: inherit;
    }

    .menu-item a {
        color: var(--dark-text);
        font-size: 14px;
    }

a.menu-item.menu-item__colored {
    color: #682680;
    font-weight: 700;
    font-size: 15px;
}


.menu-item {
    color: var(--dark-text);
    font-size: 14px;
    margin: 0;
    padding: 20px;
    position: relative;
    display: block;
}

    .menu-item a:hover {
        color: var(--dark-text);
        text-decoration: none;
    }

    .menu-item + .menu-item {
        border-top: none;
    }

        .menu-item + .menu-item:before {
            border-color: rgba(220, 224, 224, 0.5);
            border-top: 1px solid #dce0e0;
            content: "";
            height: 1px;
            left: 20px;
            position: absolute;
            right: 20px;
            top: -1px;
            width: 140px;
        }

    .menu-item:last-child:before {
        border-color: rgba(220, 224, 224, 0.5);
        border-top: 1px solid #dce0e0;
        content: "";
        height: 1px;
        left: 20px;
        position: absolute;
        right: 20px;
        top: -1px;
        width: 140px;
    }


.popup-item {
    padding: 20px;
}

/*======== Mobile Nav ========*/


.mobile-nav {
    -webkit-transition: all 0.2s;
    background-color: var(--white-bkg);
    display: none;
    float: right;
    min-height: 100%;
    padding: 10px 20px;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.2s;
    width: 100%;
    z-index: 9999;
    text-align: center;
}


.mobile-nav-about {
    position: relative;
}

.mobile-nav li.mobile-nav-about img, .mobile-nav li.mobile-nav-about .bubble-avatar {
    border-radius: 100%;
    height: 36px;
    margin-left: 7px;
    vertical-align: middle;
    width: 36px;
    display: inline-block;
    position: absolute;
    top: 2px;
}



.mobile-nav li.mobile-nav-about .bubble-text {
    font-size: 17px;
}


.is-pushed-left .mobile-nav {
    display: initial;
}

.mobile-nav a {
    color: #737589;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding: 10px;
}

    .mobile-nav a:hover {
        color: #004232 ;
        text-decoration: none;
    }

    .mobile-nav span.close-mobile-nav {
        position: absolute;
        left: 20px;
        top: 10px;
        font-size: 40px;
        color: #ccc;
        font-weight: 400;
        cursor:pointer;
    }

.mobile-nav ul {
    margin: 40px 0 20px 0;
}

.mobile-nav .btn.outline-white {
    margin: 20px 0 20px 0;
    padding: 10px 20px;
    text-align: center;
}

.mobile-nav ul.social li:first-child {
    width: 100%;
}

.mobile-nav ul.social p {
    color: #424252;
    font-weight: 600;
}

.mobile-nav ul.social li {
    display: inline-block;
    margin-right: 0px;
}

.mobile-nav ul.social img {
    width: 36px;
}


.mobile-nav ul li {
    list-style: none !important;
}

    .mobile-nav ul li.mobile-separator {
        border-top: 1px solid #d3d5d9;
    }

.mobile-nav-btn, .mobile-tel, .tablet-tel {
    display: none;
    float: right;
    margin: 10px 10px 10px 10px;
    padding: 10px 15px 10px 15px;
    position: relative;
    z-index: 100;
}

    .mobile-nav-btn:hover, .mobile-tel:hover {
        border: none;
        text-decoration: none;
    }

    .mobile-tel a {
        color: #5C73CC;
        text-decoration: none;
    }



/*======== Intro Section ========*/

.blue-pattern h2,
.blue-pattern h3 {
    color: #fff;
}

.blue-pattern p {
    color: #DBDdEA;
    font-size: 15px;
}

.section-pink h2, .reservation .section-pink h2 {
    color: #FF6B71;
}

.section-pink a {
    color: #FF6B71;
}

.reservation .section-pink h2 {
    font-size: 36px;
}


.number-red {
    background-color: #f2f2f4;
    border-radius: 100%;
    color: #FF6B71;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    height: 33px;
    line-height: 33px;
    width: 33px;
}

.numbered-steps {
    position: relative;
}

    .numbered-steps .number-circle {
        height: 30px;
        line-height: 20px;
        width: 30px;
        border-radius: 100%;
               font-size: 14px;
        border: 1px solid;
        position: absolute;
        left: -5px;
        top: 2px;
    }

    .numbered-steps .number {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        font-size: 19px;
        font-weight: 600;
    }




.steps .numbered-steps h3 {
    margin: 0px 0 5px 0px;
    float: left;
    font-weight: 600;
    font-size: 24px;
    }

.steps .numbered-steps p {
    font-weight: 400;
    font-size: 18px;
}

.section-row {
    margin-bottom: 60px;
}

.section-image {
    overflow: hidden;
    position: relative;
}

.section-image-white {
    padding: 10% 0;
    /*overflow: hidden;*/
    position: relative;
}

.steps {
    display: table;
}

    .steps .col {
        /* min-height: 250px; */
        border-right: 1px dashed rgba(256, 256, 256, 0.5);
        display: table-cell;
        padding: 0 15px 30px 35px;
        position: relative;
        /* border: none; */
        vertical-align: top;
        text-align: left;
    }

        /*.steps .col-md-4:first-child:after {
        content: url(/content/images/arrow-top.svg);
        position: absolute;
        right: -60px;
        top: 10%;
    }

    .steps .col-md-4:nth-child(2):after {
        content: url(/content/images/arrow-down.svg);
        position: absolute;
        right: -60px;
        top: 40%;
    }*/

        .steps .col:last-child,
        .colored.steps .col:last-child {
            border: none;
        }

        .steps .col a {
            color: #D9D9EA;
        }

            .steps .col a:hover {
                color: #fff;
            }

        .steps .col li {
            font-size: 16px;
            margin: 4px 0;
        }

.colored.steps {
    margin-top: 20px;
}

    .colored.steps h3 {
        height: 48px;
    }

    .colored.steps ul {
        margin: auto;
        max-width: 250px;
    }

    .colored.steps li {
        margin-bottom: 12px;
        text-align: center;
    }

    .colored.steps.checkleft li {
        text-align: left;
    }

    .colored.steps .col {
        border-right: 1px dashed rgba(0, 0, 0, 0.1);
        text-align: center;
    }

    .colored.steps li a {
        border-bottom: 1px solid #42a5f5;
        box-shadow: inset 0 -2px 0 #42a5f5;
        color: #414141;
        font-size: 16px;
        font-weight: 400;
    }

        .colored.steps li a:hover {
            border-bottom: 1px solid rgb(251, 187, 118);
            box-shadow: inset 0 -2px 0 rgb(251, 187, 118);
            /*color: #444;*/
            /*font-weight:500;*/
            color: #414141;
            text-decoration: none;
        }

/*======== Home Steps ========*/

.process-container {
    display: flex;
    gap: 24px;
    padding: 40px 0;
    flex-wrap: wrap;
}

.process-card {
    flex: 1;
    background-color: #e8f0fe;
    border-radius: 16px;
    padding: 32px;
    min-width: 200px;
    text-align: left;
    position: relative;
    overflow: hidden;
}

.process-step {
    position: absolute;
    top: -10px;
    left: -5px;
    font-size: 120px;
    font-weight: 700;
    color: #1a1a5e;
    opacity: 0.1;
    line-height: 1;
    pointer-events: none;
}

.process-title {
    font-size: 28px;
    font-weight: 600;
    color: #222875;
    margin-bottom: 0;
    position: relative;
}

.process-description {
    font-size: 19px;
    color: #4a4a6a;
    font-weight: 300;
    line-height: 1.4;
    position: relative;
}




/*======== Icon Grid ========*/

.dotted-grid {
    display: table;
    margin: 0 0 30px 0;
    width: 100%;
}



.clear-grid {
    display: table;
    margin: 0 0 60px 0;
    width: 100%;
}

    .clear-grid a:hover {
        text-decoration: none;
    }

.dotted-grid:last-child {
    display: table;
    margin: 0 0 0px 0;
}

.col-row {
    display: inline-flex;
    justify-content:center;
    width:100%;
}

    .col-row .col:last-child {
        border-right: none;
    }

    .col-row:last-child .col {
        border-bottom: none;
    }

.dotted-grid .col {
    border-bottom: 1px dashed #DBDBEA;
    border-right: 1px dashed #DBDBEA;
    display: table-cell !important;
    padding: 30px;
    min-width: 320px;
}


.dotted-grid.no-grid .col {
    border: none;
}

.dotted-grid h3 {
    margin: 0 0 15px 0;
}


.clear-grid .col {
    display: table-cell !important;
    padding: 30px;
    width: 30%;
    overflow: hidden;
    height: 100%;
    border: none !important;
}

.clear-grid.host-category .col {
    padding: 15px;
}



.dotted-grid .col.col-md-3 {
    width: 25%;
}

.dotted-grid .col.col-md-2 {
    width: 19.5%;
    min-width:auto;
}

.dotted-grid .col.col-md-6 img,
.dotted-grid .col.col-md-6 h3 {
    display: inline-block;
    margin: 0 10px 10px 0;
    vertical-align: middle;
}

.a-propos .dotted-grid .col.col-md-6 img,
.a-propos .dotted-grid .col.col-md-6 h3 {
    margin: inherit;
}

/*======== Testimonial Section ========*/


.img-overlay {
    background: rgba(0, 0, 150, 0.06);
    background: linear-gradient(to top right, rgba(0, 0, 50, 0.25), rgba(0, 0, 150, 0.01));
    background: -webkit-linear-gradient(left bottom, rgba(0, 0, 50, 0.25), rgba(0, 0, 150, 0.01));
    background: -o-linear-gradient(top right, rgba(0, 0, 50, 0.25), rgba(0, 0, 150, 0.01));
    background: -moz-linear-gradient(top right, rgba(0, 0, 50, 0.25), rgba(0, 0, 150, 0.01));
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

    .img-overlay.overlay-bottom-left {
        background: linear-gradient(to bottom left, rgba(0, 0, 50, 0.25), rgba(0, 0, 150, 0.01));
        background: -webkit-linear-gradient(right top, rgba(0, 0, 50, 0.25), rgba(0, 0, 150, 0.01));
        background: -o-linear-gradient(bottom left, rgba(0, 0, 50, 0.25), rgba(0, 0, 150, 0.01));
        background: -moz-linear-gradient(bottom right, rgba(0, 0, 50, 0.25), rgba(0, 0, 150, 0.01));
    }

    .img-overlay.overlay-top-left {
        background: linear-gradient(to top left, rgba(0, 0, 50, 0.25), rgba(0, 0, 150, 0.01));
        background: -webkit-linear-gradient(right bottom, rgba(0, 0, 50, 0.25), rgba(0, 0, 150, 0.01));
        background: -o-linear-gradient(top left, rgba(0, 0, 50, 0.25), rgba(0, 0, 150, 0.01));
        background: -moz-linear-gradient(top right, rgba(0, 0, 50, 0.25), rgba(0, 0, 150, 0.01));
    }

.faiseurs #testimonial h2 {
    margin-bottom: 70px;
}

#testimonial h3 {
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.9);
}

#testimonial h2,
#testimonial h3 {
    color: #fff;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}




/* ------------------------------------------------------------------------ */

/*  INNER PAGES
/* ------------------------------------------------------------------------ */

/*======== Common Styles ========*/

.inner header {
    background: none;
    position: relative;
    width: 100%;
    z-index: 10;
    height: 100%;
    min-height: 60px;
}

.dash.inner header {
    overflow: visible;
}

.inner.browse header {
    z-index: 1000;
}

.no-margin-header header {
    margin-bottom: 0px;
}

.inner header:after {
    display: none;
}

.inner #top,
.activity-details #top, .help #top, .create-account #top {
    background-color: var(--white-bkg);
    /*border-bottom: 1px solid #DCE0E0;*/
    height: 62px;
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6;
    /* white-space: nowrap; */
    /*box-shadow: 0 3px 3px -3px rgba(0,0,0,.3);*/

    background-color: var(--white-bkg);
}



 

.inner nav,
.activity-details nav, .pas-region nav, .recrutons-pas nav, .villes nav {
    margin: 0px 15px 0 0;
    overflow: hidden;
}

.inner-photo nav {
    margin: 5px 15px 0 0;
    overflow: hidden;
}

.inner nav a, .create-account nav p, .pricing nav li a, .use-case nav li a, .thank-you nav li a, .blog nav li a, .about-security nav li a, .dark-nav nav li a {
    color: #444;
    font-weight: 400;
    text-shadow: none;
}

    .inner nav li a:hover, .create-account nav li a:hover, .pricing nav li a:hover, .use-case nav li a:hover, .blog nav li a:hover, .about-security nav li a:hover, .dark-nav nav li a:hover {
        color: #444;
    }

.inner #header-text {
    margin: 120px 0 30px 0;
    text-shadow: none;
}

    .inner #header-text h1 {
        /*text-transform: capitalize;*/
        color: #0070C0;
    }

    .inner #header-text h2 {
        color: #313439;
        font-size: 20px;
        margin: 0;
    }

.col-dots-wrap {
    display: table;
}

.col-dots {
    border-right: 1px dashed rgba(256, 256, 256, 0.5);
    display: table-cell;
}

    .col-dots:last-child {
        border: none;
    }

.col-md-12,
.pannel-content {
    padding: 0 15px 15px;
    width: 100%;
    /*overflow: hidden;*/
}

.activity-details .pannel-content {
    padding: 0 15px 5px;
}

.col-md-12 h3 {
    font-weight: normal;
    /*margin: 0;*/
}

.container.slim .col-md-12 h3 {
    font-weight: normal;
    margin-top: 0;
}

aside .col-md-12 {
    padding: 0;
}

.left {
    text-align: left;
}

/* ------------------------------------------------------------------------ */

/*  BUTTONS, FORMS, COMMENTS
/* ------------------------------------------------------------------------ */

/*======== Button Styles ========*/



.btn {
    background: rgba(255, 255, 255, 0);
    border: medium none #000080;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2em;
    padding: 14px 20px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    text-transform: none;
  }


/*Reset default button*/

button, input[type=button], input[type=submit], input[type="reset"] {
    background: none;
    color: inherit;
    border: none;
    font: inherit;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-border-radius: inherit;
    text-align:inherit;
    padding: inherit;
}

.btn.sm {
    font-size: 14px;
    font-weight: 400;
    padding: 8px 12px;
}

.btn.xsm, .btn.half-circle.xsm {
    font-size: 13px;
    font-weight: 400;
    padding: 8px 12px;
}

.btn.xxsm {
    font-size: 12px;
    font-weight: 400;
    padding: 6px 8px;
}


.btn.outline-white.sm, .btn.yellow-outline.sm, .btn.outline.sm {
    padding: 9px 12px;
}

.btn.wide {
    width: 90%;
}

.btn.wide-max {
    max-width: 500px;
    width: 90%;
}

.btn.wide-full {
    width: 100%;
}



.btn.yellow {
    /*background-color: #Ffb300;*/
    /*background-color:#FE584A;*/
    background-color: #ffa844;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
    color: #fff;
}

.btn.red {
    /*background-color: #690031;*/
    background-color: #ff0077;
    /*box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;*/
    color: #fff;
}

    .btn.red:hover {
        background-color: #ff2e97;
        color: #fff;
    }

.btn.white {
    background-color: #fff;
    color: #545567;
}

    .btn.white:hover {
        background-color: #848597;
        color: #ffffff;
    }

.btn.outline.black {
    border: 2px solid #545567;
    color: #545567;
}

    .btn.outline.black:hover {
        color: #fff;
        background-color: #545567;
    }

.red.disabled {
    /*background-color: #ddd;*/
}

.btn.yellow:hover {
    /*background-color: #293391;*/
    /*background-color: #Ffb300;*/
    /*background-color: #EE9200;*/
    background-color: rgb(255, 150, 51);
    color: #fff;
    text-decoration: none;
}

.btn.blue {
    background-color: #275EFE;
    /*box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset;*/
    color: #fff;
}

.btn.green {
    background-color: #1A5547;
    color: #fff;
}

.btn.dark-blue:hover {
    background-color: #222875;
    color: #fff;
}

/*
.btn.blue.disabled{
  background-color: #5C73CC;
} */


/*.btn.blue.disabled:hover {
    background-color: #66A1CC;
    text-decoration: none;
}

.btn.yellow.disabled:hover {
    background-color: #F9D17D;
    text-decoration: none;
}

.btn.outline.blue.disabled:hover,
.btn.yellow-outline.disabled:hover {
    background-color: #eee;
    border-color: #888;
    color: #888;
    text-decoration: none;
}*/

.btn.dark-blue {
    background-color: #444190;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.4) inset;
    color: #fff;
    text-decoration: none;
}

.btn.blue:hover {
    background-color: #5573b8;
    color: #fff;
    text-decoration: none;
}

.btn.yellow-outline {
    border: 2px solid #FE584A;
    color: #FE584A;
}

    .btn.yellow-outline:hover {
        background-color: #FE584A;
        border: 2px solid #FE584A;
        color: #fff;
        text-decoration: none;
    }

.btn.outline-white {
    border: 1px solid #fff;
    color: #fff;
}

.btn.outline {
    background-color: transparent;
}


    .btn.outline.pink {
        border: 1px solid #690031;
        color: #690031;
    }

    .btn.outline.green {
        border: 1px solid #1a5547;
        color: #1a5547;
        background-color: transparent;
    }


    .btn.outline.gray {
        border: 1px solid #DCDCE2;
        color: var(--light-text__2);
    }

.btn.dotted-gray {
    border-bottom: 1px dashed #DCDCE2;
    color: var(--light-text__2);
}


.btn.outline.white {
    border: 1px solid #fff;
    color: #fff;
}

    .btn.outline.white:hover {
        border: 1px solid #fff;
        background-color: var(--white-bkg);
        color: #545567;
    }

.btn.outline.orange {
    border: 1px solid #690031;
    color: #690031;
}


    .btn.outline.orange:hover {
        border: 1px solid #690031;
        background-color: #690031;
        color: #fff;
    }


a.gray {
    color: var(--light-text__2);
}



footer .btn {
    font-size: 14px;
}

.btn.outline-white:hover {
    background-color: var(--white-bkg) !important;
    border: 1px solid #fff;
    color: #0070C1 !important;
    text-decoration: none;
}

.btn.outline.pink:hover {
    background-color: #690031 !important;
    border: 1px solid #690031;
    color: #fff !important;
    text-decoration: none;
}

.btn.outline.green:hover {
    background-color: #1a5547 !important;
    border: 1px solid #1a5547;
    color: #fff !important;
    text-decoration: none;
}

.btn.outline.gray:hover {
    background-color: var(--light-text__2) !important;
    border: 1px solid #676773;
    color: var(--white-bkg) !important;
    text-decoration: none;
}

.btn.outline.purple {
    border: 1px solid #570E72;
    color: #570E72;
}


    .btn.outline.purple:hover {
        background-color: #570E72;
        border: 1px solid #570E72;
        color: #fff;
        text-decoration: none;
    }

.btn.outline.blue {
    border: 1px solid #275EFE;
    color: #275EFE;
}


    .btn.outline.blue:hover,
    .btn.outline.blue[data-loading] {
        background-color: #275EFE;
        border: 1px solid #275EFE;
        color: #fff;
        text-decoration: none;
    }

.btn img {
    margin: 0 -10px 0 10px;
}

.btn-close {
    border: 2px solid #fff;
    border-radius: 100%;
    color: #fff;
    font-weight: 700;
    height: 24px;
    line-height: 20px;
    margin-top: -12px;
    /*float: right;*/
    position: absolute;
    right: 5px;
    top: 50%;
    width: 24px;
}

.btn.outline-circle.pink {
    border: 2px solid #690031;
    color: #690031;
}

.btn.outline-circle.green {
    border: 2px solid #004232 ;
    color: #004232 ;
    background-color: transparent;
}

    .btn.outline-circle.green:hover {
        border: 2px solid #004232 ;
        background-color: #004232 ;
        color: #fff;
    }

.btn.small-border {
    border-width: 1px !important;
}

.btn.outline-circle {
    display: inline-block;
    color: #515569;
    border-radius: 64px;
    border: 2px solid;
    border-color: rgba(72, 72, 72, 0.3);
    padding: 10px 24px;
    cursor: pointer;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
}

.btn.half-circle {
    display: inline-block;
    border-radius: 64px;
    padding: 10px 24px;
    cursor: pointer;
    text-decoration: none;
    font-size: 15px;
}

.btn.full-circle {
    height: 56px;
    width: 56px;
    border-radius: 100%;
    position: relative;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16);
}

    .btn.full-circle .circle__plus {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2019.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Calque_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%20520%20523%22%20style%3D%22enable-background%3Anew%200%200%20520%20523%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text/css%22%3E%0D%0A%09.st0%7Bclip-path%3Aurl%28%23SVGID_2_%29%3Bfill%3A%23FFFFFF%3B%7D%0D%0A%3C/style%3E%0D%0A%3Cg%3E%0D%0A%09%3Cdefs%3E%0D%0A%09%09%3Crect%20id%3D%22SVGID_1_%22%20x%3D%224%22%20y%3D%225%22%20width%3D%22512%22%20height%3D%22512%22/%3E%0D%0A%09%3C/defs%3E%0D%0A%09%3CclipPath%20id%3D%22SVGID_2_%22%3E%0D%0A%09%09%3Cuse%20xlink%3Ahref%3D%22%23SVGID_1_%22%20%20style%3D%22overflow%3Avisible%3B%22/%3E%0D%0A%09%3C/clipPath%3E%0D%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M464.2%2C209.2H311.8V56.8C311.8%2C28.2%2C288.6%2C5%2C260%2C5c-28.6%2C0-51.8%2C23.2-51.8%2C51.8l0%2C152.5l-152.5%2C0%0D%0A%09%09C27.2%2C209.2%2C4%2C232.4%2C4%2C261c0%2C28.6%2C23.2%2C51.8%2C51.8%2C51.8l152.5%2C0l0%2C152.5c0%2C28.6%2C23.2%2C51.8%2C51.8%2C51.8c28.6%2C0%2C51.8-23.2%2C51.8-51.8v0h0%0D%0A%09%09l0-152.5h152.5c28.6%2C0%2C51.8-23.2%2C51.8-51.8C516%2C232.4%2C492.8%2C209.2%2C464.2%2C209.2z%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A');
        background-repeat: no-repeat;
        width: 14px;
        height: 14px;
    }

.pulse-box {
    position: relative;
    height: 56px;
    width: 56px;
}

.pulse {
    position: absolute;
    top: 5px;
    right: 5px;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    border: 4px solid #ff0077;
    border-radius: 100%;
    background-clip: padding-box;
    animation: pulse 6s ease-out infinite;
}

    .pulse:hover {
        animation: none;
        display: none;
    }

@keyframes pulse {
    0% {
        filter: alpha(opacity=0);
        -webkit-opacity: 0;
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
        transform: scale(.1);
    }

    10% {
        filter: alpha(opacity=50);
        -webkit-opacity: .5;
        -khtml-opacity: .5;
        -moz-opacity: .5;
        -o-opacity: .5;
        opacity: .5;
    }

    20% {
        filter: alpha(opacity=0);
        -webkit-opacity: 0;
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
        transform: scale(2);
    }

    100% {
        filter: alpha(opacity=0);
        -webkit-opacity: 0;
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
        transform: scale(2);
    }
}

.btn.btn-plus {
    font-size: 17px;
    padding: 14px 20px;
}


.btn.plus-btn .empty__plus {
    float: left;
    margin-right: 5px;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3C%21DOCTYPE%20svg%20%20PUBLIC%20%27-//W3C//DTD%20SVG%201.1//EN%27%20%20%27http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%27%3E%3Csvg%20id%3D%22Layer_1%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20version%3D%221.1%22%20viewBox%3D%220%200%2064%2064%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cstyle%20type%3D%22text/css%22%3E%0A%09.st0%7Bfill%3A%23676773%3B%7D%0A%3C/style%3E%3Cg%3E%3Cg%20id%3D%22Icon-Plus%22%20transform%3D%22translate%2828.000000%2C%20278.000000%29%22%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M4-222.1c-13.2%2C0-23.9-10.7-23.9-23.9c0-13.2%2C10.7-23.9%2C23.9-23.9s23.9%2C10.7%2C23.9%2C23.9%20%20%20%20%20C27.9-232.8%2C17.2-222.1%2C4-222.1L4-222.1z%20M4-267.3c-11.7%2C0-21.3%2C9.6-21.3%2C21.3s9.6%2C21.3%2C21.3%2C21.3s21.3-9.6%2C21.3-21.3%20%20%20%20%20S15.7-267.3%2C4-267.3L4-267.3z%22%20id%3D%22Fill-38%22/%3E%3Cpolygon%20class%3D%22st0%22%20id%3D%22Fill-39%22%20points%3D%22-8.7%2C-247.4%2016.7%2C-247.4%2016.7%2C-244.6%20-8.7%2C-244.6%20%20%20%20%22/%3E%3Cpolygon%20class%3D%22st0%22%20id%3D%22Fill-40%22%20points%3D%222.6%2C-258.7%205.4%2C-258.7%205.4%2C-233.3%202.6%2C-233.3%20%20%20%20%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}




/*popup fix*/
.popup-hide {
    display: none;
}


.input-group-btn {
    float: right;
}

    .input-group-btn .btn {
        -moz-padding-end: 25px !important;
        -moz-padding-start: 25px !important;
        border-radius: 4px;
        height: 43px;
        padding: 12px 29px;
        position: relative;
    }

.enteremail {
    max-width: 553px;
}

.icon-color {
    border-radius: 90px;
    display: inline-block;
    height: 90px;
    overflow: hidden;
    text-align: center;
    vertical-align: text-top;
    width: 90px;
}

.icon-color-tools {
    padding: 15px 15px 10px 15px;
}

.icon-color-house {
    padding: 13px 12px 10px 12px;
}

.icon-color-fence {
    padding: 21px 13px 10px 13px;
}

.icon-color-assistant {
    padding: 18px 12px 10px 12px;
}


/*======== Form Styles ========*/

.form-control {
    /* background-color: var(--white-bkg); */
    background-color: var(--white-accent);
    border: 1px solid #d4d4d8;
    border-radius: 3px;
    font-family: 'Nunito Sans', Calibri, Helvetica, Arial, sans-serif;
    font-feature-settings: 'lnum' 1;
    font-size: 15px;
    line-height: 1.2em;
    padding: 10px;
    color: var(--normal-text);
}

  
.form-wide input.form-control,
.form-wide select.form-control {
    padding: 14px;
    width: 100%;
}

.form-control.form-lg {
    min-width: 260px;
    width: 100% !important;
}

    .form-control.form-lg.security {
        min-width: 560px;
        width: 100% !important;
    }

.form-control.form-lg-aside {
    width: 100% !important;
}

.edit-options .form-control.form-lg {
    min-width: 0px;
}

.f-md {
    max-width: 257px;
    text-align: center;
    width: 100%;
}

.f-lg {
    max-width: 553px;
    width: 100%;
}

textarea.form-control.f-lg-smh {
    max-width: 553px;
    width: 100%;
    height: 50px;
}

textarea.form-control.f-sm {
    height: 80px;
}


.f-facebook {
    max-width: 257px;
    text-align: center;
    width: 100%;
}

.f-twitter {
    max-width: 257px;
    text-align: center;
    width: 100%;
}

input.f-md, input.f-lg, input.f-facebook, input.f-twitter {
    text-align: left;
    /*padding-left: 50px;*/
    height: 43px !important;
}

.form-control:focus {
    /*background-color: var(--white-bkg);
    border-color: transparent !important;*/
    /*box-shadow: 0px 0px 0px 2px #2d94dd inset;*/
    /*box-shadow: 0px 0px 0px 2px #2d94dd;*/
    outline: inherit;
}

.form-control.inline {
    display: inline-block;
}

.form-control.form-md {
    padding: 5px;
    width: 110px;
}

.form-control.form-sm {
    padding: 5px;
    text-align: center;
    width: 70px;
}

textarea.form-control {
    font-size: 15px;
    height: 80px;
    width: 100%;
}

.popup textarea.form-control {
    height: 120px;
}

select.form-control.empty {
    color: #888;
}

select.form-control {
    color: #313439;
    height: 40px;
    overflow: hidden;
    padding: 5px 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

input[type="text"].form-control, input[type="tel"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="password"].form-control {
    height: 45px;
}

.popup-box input[type="text"].form-control, .popup-box input[type="email"].form-control, .popup-box input[type="password"].form-control, .form-box input[type="text"].form-control, .form-box input[type="email"].form-control, .form-box input[type="password"].form-control {
    height: 45px !important;
}

/*input[type=date]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #ccc;
}*/

/*noinspection CssInvalidPseudoSelector*/

input.form-control::-ms-clear {
    display: none;
}

select.form-control option {
    color: #313439;
}

    select.form-control option[disabled] {
        color: #ddd;
    }

label {
    color: var(--normal-text);
    font-size: 15px;
    margin: 0 0;
    /*display: inline-block;*/
}

.form-group label {
    /*padding: 0 0 0 10px;*/
    font-size: 14px;
}

.popup-panel .check-zesty label {
    font-size: 16px;
    /*padding-left:30px;*/
}

    .popup-panel .check-zesty label strong {
        font-weight: 600 !important;
    }



.popup-panel label {
    /*text-align:left;*/
    /*margin: 0 0 -2px 8px;*/
    /* left: 0px; */
    /* position: relative; */
    display: block;
}

.form-group input[type=radio] {
    float: left;
    margin-right: 10px;
}

.form-group {
    margin-bottom: 8px;
}

.cf {
    zoom: 1;
}

    .cf:before,
    .cf:after {
        content: " ";
        /*display: table;*/
        display: block;
        height: 0;
        overflow: hidden;
    }

    .cf:after {
        clear: both;
    }



.reservation .label-lg label {
    font-size: 15px;
}

.form-line {
    white-space: nowrap;
}

.form-group.form-float {
    display: inline-block;
    margin: 0px 0 20px;
    vertical-align: top;
}

.checkbox-wrap {
    clear: both;
    margin: 5px 0;
}

    .checkbox-wrap label {
        width: auto !important;
    }

.edit-options .form-group label {
    /*width: 150px;*/
    display: inline-block;
    /*margin-bottom: 20px;*/
    margin-left: 0;
}

    .edit-options .form-group label.label-sm {
        width: auto;
    }

.icon-photo {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2019.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%22-29.9%20222.2%20506.7%20386.5%22%20style%3D%22enable-background%3Anew%20-29.9%20222.2%20506.7%20386.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text/css%22%3E%0D%0A%09.st0%7Bfill%3A%230078C2%3B%7D%0D%0A%3C/style%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M13%2C608.6c-23.7%2C0-42.9-19.3-42.9-42.9V325.3c0-23.7%2C19.3-42.9%2C42.9-42.9h83.5l51.2-51.3v0.4%0D%0A%09%09c7.6-6.1%2C16.8-9.3%2C26.6-9.3h100c11.5%2C0%2C22.2%2C4.4%2C30.2%2C12.4l47.7%2C47.8h81.6c11.6%2C0%2C22.4%2C4.5%2C30.5%2C12.6c8.1%2C8.1%2C12.5%2C18.9%2C12.4%2C30.3%0D%0A%09%09v240.4c0%2C23.7-19.3%2C42.9-42.9%2C42.9H13z%20M13%2C308.1c-9.5%2C0-17.2%2C7.7-17.2%2C17.2v240.4c0%2C9.5%2C7.7%2C17.2%2C17.2%2C17.2h420.8%0D%0A%09%09c9.5%2C0%2C17.2-7.7%2C17.2-17.2V325.3c0-9.5-7.7-17.2-17.2-17.2h-92.4l-6.7-6.7l-48.2-48.3c-3.3-3.3-7.7-5.1-12.2-5.1H174.2%0D%0A%09%09c-4.7%2C0-9.2%2C2-12.5%2C5.6L135.4%2C282l-0.6-1.7l-27.8%2C27.8H13z%22/%3E%0D%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M433.8%2C285.2H351l-48.2-48.3c-0.1-0.1-0.1-0.1-0.2-0.2l-0.1-0.1l0%2C0c-7.2-7.2-17.2-11.6-28.2-11.6h-100%0D%0A%09%09c-11.6%2C0-22%2C5-29.4%2C13v-0.1l-47.2%2C47.3H13c-22.1%2C0-40.1%2C17.9-40.1%2C40.1v240.4c0%2C22.1%2C17.9%2C40.1%2C40.1%2C40.1h420.8%0D%0A%09%09c22.1%2C0%2C40.1-17.9%2C40.1-40.1V325.3C474%2C303.1%2C456%2C285.2%2C433.8%2C285.2z%20M453.8%2C565.7c0%2C11-9%2C20-20%2C20H13c-11%2C0-20-9-20-20V325.3%0D%0A%09%09c0-11.1%2C9-20%2C20-20h84.6h8.3l5.9-5.9l24.3-24.3l0.5%2C1.5l23-24.9c3.9-4.2%2C9.1-6.5%2C14.6-6.5h100.1c5.3%2C0%2C10.3%2C2.1%2C14.2%2C5.9l48.2%2C48.3%0D%0A%09%09l5.9%2C5.9h8.3h82.9c11%2C0%2C20%2C9%2C20%2C20L453.8%2C565.7L453.8%2C565.7z%22/%3E%0D%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M223.4%2C548.5c-62.3%2C0-113-50.7-113-113.1c0-62.3%2C50.7-113%2C113-113s113%2C50.7%2C113%2C113%0D%0A%09%09C336.4%2C497.8%2C285.7%2C548.5%2C223.4%2C548.5z%20M223.4%2C345c-49.9%2C0-90.4%2C40.6-90.4%2C90.4s40.6%2C90.4%2C90.4%2C90.4s90.4-40.6%2C90.4-90.4%0D%0A%09%09S273.3%2C345%2C223.4%2C345z%22/%3E%0D%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M223.4%2C548.5c-62.3%2C0-113-50.7-113-113.1c0-62.3%2C50.7-113%2C113-113s113%2C50.7%2C113%2C113%0D%0A%09%09C336.4%2C497.8%2C285.7%2C548.5%2C223.4%2C548.5z%20M223.4%2C345c-49.9%2C0-90.4%2C40.6-90.4%2C90.4s40.6%2C90.4%2C90.4%2C90.4s90.4-40.6%2C90.4-90.4%0D%0A%09%09S273.3%2C345%2C223.4%2C345z%22/%3E%0D%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M223.4%2C548.5c-62.3%2C0-113-50.7-113-113.1c0-62.3%2C50.7-113%2C113-113s113%2C50.7%2C113%2C113%0D%0A%09%09C336.4%2C497.8%2C285.7%2C548.5%2C223.4%2C548.5z%20M223.4%2C345c-49.9%2C0-90.4%2C40.6-90.4%2C90.4s40.6%2C90.4%2C90.4%2C90.4s90.4-40.6%2C90.4-90.4%0D%0A%09%09S273.3%2C345%2C223.4%2C345z%22/%3E%0D%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M223.4%2C325.2c-60.9%2C0-110.2%2C49.3-110.2%2C110.2s49.3%2C110.3%2C110.2%2C110.3s110.2-49.3%2C110.2-110.3%0D%0A%09%09S284.3%2C325.2%2C223.4%2C325.2z%20M223.4%2C528.8c-51.5%2C0-93.3-41.8-93.3-93.3s41.8-93.3%2C93.3-93.3s93.3%2C41.8%2C93.3%2C93.3%0D%0A%09%09C316.7%2C486.9%2C274.9%2C528.8%2C223.4%2C528.8z%22/%3E%0D%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M413%2C367.9h-37c-6.6%2C0-12-5.4-12-12v-12c0-6.6%2C5.4-12%2C12-12h37c6.6%2C0%2C12%2C5.4%2C12%2C12v12%0D%0A%09%09C425%2C362.5%2C419.6%2C367.9%2C413%2C367.9z%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A');
    background-repeat: no-repeat;
    float: left;
    height: 18px;
    margin: 0 8px 0 -2px;
    /* background: url('/content/images/icon-photo.png') no-repeat 0 0;*/
    width: 25px;
}


.btn:hover .icon-photo {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2019.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%22-29.9%20222.2%20506.7%20386.5%22%20style%3D%22enable-background%3Anew%20-29.9%20222.2%20506.7%20386.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text/css%22%3E%0D%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0D%0A%3C/style%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M13%2C608.6c-23.7%2C0-42.9-19.3-42.9-42.9V325.3c0-23.7%2C19.3-42.9%2C42.9-42.9h83.5l51.2-51.3v0.4%0D%0A%09%09c7.6-6.1%2C16.8-9.3%2C26.6-9.3h100c11.5%2C0%2C22.2%2C4.4%2C30.2%2C12.4l47.7%2C47.8h81.6c11.6%2C0%2C22.4%2C4.5%2C30.5%2C12.6c8.1%2C8.1%2C12.5%2C18.9%2C12.4%2C30.3%0D%0A%09%09v240.4c0%2C23.7-19.3%2C42.9-42.9%2C42.9H13z%20M13%2C308.1c-9.5%2C0-17.2%2C7.7-17.2%2C17.2v240.4c0%2C9.5%2C7.7%2C17.2%2C17.2%2C17.2h420.8%0D%0A%09%09c9.5%2C0%2C17.2-7.7%2C17.2-17.2V325.3c0-9.5-7.7-17.2-17.2-17.2h-92.4l-6.7-6.7l-48.2-48.3c-3.3-3.3-7.7-5.1-12.2-5.1H174.2%0D%0A%09%09c-4.7%2C0-9.2%2C2-12.5%2C5.6L135.4%2C282l-0.6-1.7l-27.8%2C27.8H13z%22/%3E%0D%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M433.8%2C285.2H351l-48.2-48.3c-0.1-0.1-0.1-0.1-0.2-0.2l-0.1-0.1l0%2C0c-7.2-7.2-17.2-11.6-28.2-11.6h-100%0D%0A%09%09c-11.6%2C0-22%2C5-29.4%2C13v-0.1l-47.2%2C47.3H13c-22.1%2C0-40.1%2C17.9-40.1%2C40.1v240.4c0%2C22.1%2C17.9%2C40.1%2C40.1%2C40.1h420.8%0D%0A%09%09c22.1%2C0%2C40.1-17.9%2C40.1-40.1V325.3C474%2C303.1%2C456%2C285.2%2C433.8%2C285.2z%20M453.8%2C565.7c0%2C11-9%2C20-20%2C20H13c-11%2C0-20-9-20-20V325.3%0D%0A%09%09c0-11.1%2C9-20%2C20-20h84.6h8.3l5.9-5.9l24.3-24.3l0.5%2C1.5l23-24.9c3.9-4.2%2C9.1-6.5%2C14.6-6.5h100.1c5.3%2C0%2C10.3%2C2.1%2C14.2%2C5.9l48.2%2C48.3%0D%0A%09%09l5.9%2C5.9h8.3h82.9c11%2C0%2C20%2C9%2C20%2C20L453.8%2C565.7L453.8%2C565.7z%22/%3E%0D%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M223.4%2C548.5c-62.3%2C0-113-50.7-113-113.1c0-62.3%2C50.7-113%2C113-113s113%2C50.7%2C113%2C113%0D%0A%09%09C336.4%2C497.8%2C285.7%2C548.5%2C223.4%2C548.5z%20M223.4%2C345c-49.9%2C0-90.4%2C40.6-90.4%2C90.4s40.6%2C90.4%2C90.4%2C90.4s90.4-40.6%2C90.4-90.4%0D%0A%09%09S273.3%2C345%2C223.4%2C345z%22/%3E%0D%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M223.4%2C548.5c-62.3%2C0-113-50.7-113-113.1c0-62.3%2C50.7-113%2C113-113s113%2C50.7%2C113%2C113%0D%0A%09%09C336.4%2C497.8%2C285.7%2C548.5%2C223.4%2C548.5z%20M223.4%2C345c-49.9%2C0-90.4%2C40.6-90.4%2C90.4s40.6%2C90.4%2C90.4%2C90.4s90.4-40.6%2C90.4-90.4%0D%0A%09%09S273.3%2C345%2C223.4%2C345z%22/%3E%0D%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M223.4%2C548.5c-62.3%2C0-113-50.7-113-113.1c0-62.3%2C50.7-113%2C113-113s113%2C50.7%2C113%2C113%0D%0A%09%09C336.4%2C497.8%2C285.7%2C548.5%2C223.4%2C548.5z%20M223.4%2C345c-49.9%2C0-90.4%2C40.6-90.4%2C90.4s40.6%2C90.4%2C90.4%2C90.4s90.4-40.6%2C90.4-90.4%0D%0A%09%09S273.3%2C345%2C223.4%2C345z%22/%3E%0D%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M223.4%2C325.2c-60.9%2C0-110.2%2C49.3-110.2%2C110.2s49.3%2C110.3%2C110.2%2C110.3s110.2-49.3%2C110.2-110.3%0D%0A%09%09S284.3%2C325.2%2C223.4%2C325.2z%20M223.4%2C528.8c-51.5%2C0-93.3-41.8-93.3-93.3s41.8-93.3%2C93.3-93.3s93.3%2C41.8%2C93.3%2C93.3%0D%0A%09%09C316.7%2C486.9%2C274.9%2C528.8%2C223.4%2C528.8z%22/%3E%0D%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M413%2C367.9h-37c-6.6%2C0-12-5.4-12-12v-12c0-6.6%2C5.4-12%2C12-12h37c6.6%2C0%2C12%2C5.4%2C12%2C12v12%0D%0A%09%09C425%2C362.5%2C419.6%2C367.9%2C413%2C367.9z%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A');
    background-repeat: no-repeat;
    /*background-position: -35px 0;*/
}

.input-group {
    margin: 5px 0;
}

 /*   .input-group input {
        float: left;
    }*/

.input-group-addon {
    background-color: #ddd;
    border: 1px solid #ccc;
    border-radius: 3px 0 0 3px;
    float: left;
    height: 43px;
    margin-right: -1px;
    padding: 13px 10px;
    text-align: center;
    width: 38px;
    position: absolute;
}

.content-col.col-center {
    text-align: left;
}

/*
select option:first-child{color: grey; display: none;}
*/





.section-image-white h2 {
    color: #fff;
    font-size: 64px;
    margin: 0;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}

.section-image-white h3 {
    color: #fff;
    font-size: 30px;
    margin: 0;
    max-width: 100%;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}

ul.stacked li {
    padding: 30px 25% 30px 160px;
    text-align: left;
}

    ul.stacked li p {
        text-align: justify;
    }

    ul.stacked li:nth-child(2n) {
        padding: 30px 130px 30px 25%;
        text-align: right;
    }

ul.stacked.slim li {
    padding: 0px 25% 20px 120px;
    text-align: left;
}

    ul.stacked.slim li:nth-child(2n) {
        padding: 0px 130px 20px 25%;
        text-align: right;
    }

ul.stacked.doer p {
    font-size: 18px;
}

ul.stacked li img {
    float: right;
    margin-right: -130px;
    margin-top: 30px;
}

ul.stacked li:nth-child(2n) img {
    float: left;
    margin-left: -130px;
}

ul.stacked.doer li:nth-child(2n) img {
    float: right;
    margin-right: -100px;
    max-width: 80px;
}

.slim-inverted .container {
    padding: 50px 0;
}

.slim-inverted h3 {
    font-weight: normal;
    margin: 0 0 10px 0;
}

.slim-inverted h2 {
    color: #414152;
    font-size: 22px;
    margin: 0;
}

.slim-inverted a {
    color: #5C73CC;
}

    .slim-inverted a:hover,
    .profile-box-header h4 a:hover {
        color: #5573b8;
    }

.container.slim {
    padding: 40px 0;
}

#show-plus.container.slim {
    border-top: 1px solid #ddd;
    margin-top: 0px;
    padding: 40px 0;
}



aside {
    display: inline-block;
    max-width: 336px;
    overflow: hidden;
    vertical-align: top;
    width: 33%;
}



.content-col {
    display: inline-block;
    max-width: 690px;
    padding-left: 40px;
    width: 66%;
}

    .content-col.col-left {
        padding-left: 0px;
    }

.content-wrap {
    display: inline-block;
    width: 100%;
    min-height: 87vh;
}


.box-pannel {
    padding: 22px;
    /* overflow: hidden; */
    /*border-left: 1px solid #ddd;*/
    /*border: 1px solid #eee;*/
}



    .box-pannel:last-child {
        border-bottom: none;
    }



    /*Box Toggle*/

    .box-pannel.box-toggle {
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }

        .box-pannel.box-toggle > h4 {
            background: #F9F9FA url(/content/images/toggle-up.png) no-repeat 95%;
            cursor: pointer;
        }

        .box-pannel.box-toggle.box-closed > h4 {
            background: #F9FAF9 url(/content/images/toggle.png) no-repeat 95%;
            margin-bottom: 0;
        }

        .box-pannel.box-toggle.box-closed {
            padding-bottom: 0;
        }

.list-toggle li {
    font-size: 15px;
    padding: 0 0 10px 0;
}

.list-toggle .toggle {
    display: block;
    padding: 2px 0;
}

.toggled {
    display: none;
}

/*
.box-pannel.box-toggle.box-closed .pannel-content {
    display: none;
}*/

.box-div {
    border-bottom: 1px solid #eeeeef;
}


.box-number {
    padding-left: 60px;
}

    .box-number span.number {
        background-color: #eee;
        float: left;
        font-size: 18px;
        /*font-weight: normal;*/
        height: 32px;
        line-height: 30px;
        margin-left: -45px;
        margin-top: -5px;
        text-align: center;
        width: 32px;
    }

.row {
    padding: 15px 0;
}

#copylink.form-control {
    border: 1px dashed #d4d4d8 !important;
}

.spacer-box {
    padding: 15px 0;
}

.spacer-box-bottom {
    padding: 0 0 30px 0;
}

.spacer-box-tall {
    padding: 45px 0;
}

.spacer-box-xs {
    padding: 7px 0 0 0;
}

.spacer-box-social {
    padding: 0 0 15px 0;
}

.spacer-margin {
    margin-bottom: 30px;
    padding-top: 20px;
}

.spacer-left {
    margin-left: 20px;
}

.spacer-right {
    margin-right: 20px;
}

.spacer-bottom {
    padding-bottom: 40px;
}

body.alert-on {
    margin-top: 59px;
}

.alert-box {
    box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.4);
    display: none;
    left: 0;
    overflow: hidden;
    padding: 8px 60px;
    position: fixed;
    top: -60px;
    width: 100%;
    z-index: 1000;
}

    .alert-box.yellow {
        /*background-color: #FFCC00;*/
        background-color: rgba(255, 202, 120, 0.9);
    }

    .alert-box.blue {
        background-color: rgba(45, 148, 221, 0.8);
    }

    body.alert-on .alert-box,
    .alert-box.alert-on {
        display: block;
        top: 0px;
    }

    .alert-box h3 {
        color: #fff;
        display: inline-block;
        margin: 0 15px 0 0;
        text-shadow: 0 0 5px rgba(41, 51, 145, 0.1);
    }

    .alert-box p, .alert-box .field-validation-error {
        color: #fff;
        display: inline-block;
        font-size: 17px;
        line-height: 1em;
        margin: 0;
        padding: 12px 20px;
        text-shadow: 0 0 5px rgba(41, 51, 145, 0.1);
    }

.js-toggle-option {
    display: none;
}

.icon-edit {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2019.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Calque_1%22%20xmlns%3Asketch%3D%22http%3A//www.bohemiancoding.com/sketch/ns%22%0D%0A%09%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%22-283%20384%2020.2%2022.2%22%0D%0A%09%20style%3D%22enable-background%3Anew%20-283%20384%2020.2%2022.2%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text/css%22%3E%0D%0A%09.st0%7Bfill%3A%23929292%3B%7D%0D%0A%09.st1%7Bfill%3A%231A74BA%3B%7D%0D%0A%3C/style%3E%0D%0A%3Ctitle%3E%3C/title%3E%0D%0A%3Cdesc%3E%3C/desc%3E%0D%0A%3Cg%20id%3D%22Page-1%22%3E%0D%0A%09%3Cg%20id%3D%22icon-135-pen-angled%22%3E%0D%0A%09%09%3Cpath%20id%3D%22pen-angled%22%20class%3D%22st0%22%20d%3D%22M-265.9%2C393l-11.3%2C11.3l0%2C0l-4-4l11.3-11.3L-265.9%2C393L-265.9%2C393z%20M-265.1%2C392.3l1.7-1.7%0D%0A%09%09%09c0.8-0.8%2C0.8-2.1%2C0-2.8l-1.2-1.2c-0.8-0.8-2-0.8-2.8%2C0l-1.7%2C1.7L-265.1%2C392.3L-265.1%2C392.3z%20M-277.9%2C405l-0.1%2C0.1l-5%2C1l1-5%0D%0A%09%09%09l0.1-0.1L-277.9%2C405L-277.9%2C405z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3Cg%20id%3D%22Page-1_1_%22%3E%0D%0A%09%3Cg%20id%3D%22icon-135-pen-angled_1_%22%3E%0D%0A%09%09%3Cpath%20id%3D%22pen-angled_1_%22%20class%3D%22st1%22%20d%3D%22M-245.9%2C393l-11.3%2C11.3l0%2C0l-4-4l11.3-11.3L-245.9%2C393L-245.9%2C393z%20M-245.1%2C392.3l1.7-1.7%0D%0A%09%09%09c0.8-0.8%2C0.8-2.1%2C0-2.8l-1.2-1.2c-0.8-0.8-2-0.8-2.8%2C0l-1.7%2C1.7L-245.1%2C392.3L-245.1%2C392.3z%20M-257.9%2C405l-0.1%2C0.1l-5%2C1l1-5%0D%0A%09%09%09l0.1-0.1L-257.9%2C405L-257.9%2C405z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A');
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    float: right;
    height: 19px;
    width: 18px;
}


    .box-edit:hover .icon-edit,
    .edit-active .icon-edit,
    .icon-edit:hover {
        background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2019.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Calque_1%22%20xmlns%3Asketch%3D%22http%3A//www.bohemiancoding.com/sketch/ns%22%0D%0A%09%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%22-263%20384%2020.2%2022.2%22%0D%0A%09%20style%3D%22enable-background%3Anew%20-263%20384%2020.2%2022.2%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text/css%22%3E%0D%0A%09.st0%7Bfill%3A%23929292%3B%7D%0D%0A%09.st1%7Bfill%3A%231A74BA%3B%7D%0D%0A%3C/style%3E%0D%0A%3Ctitle%3E%3C/title%3E%0D%0A%3Cdesc%3E%3C/desc%3E%0D%0A%3Cg%20id%3D%22Page-1%22%3E%0D%0A%09%3Cg%20id%3D%22icon-135-pen-angled%22%3E%0D%0A%09%09%3Cpath%20id%3D%22pen-angled%22%20class%3D%22st0%22%20d%3D%22M-265.9%2C393l-11.3%2C11.3l0%2C0l-4-4l11.3-11.3L-265.9%2C393L-265.9%2C393z%20M-265.1%2C392.3l1.7-1.7%0D%0A%09%09%09c0.8-0.8%2C0.8-2.1%2C0-2.8l-1.2-1.2c-0.8-0.8-2-0.8-2.8%2C0l-1.7%2C1.7L-265.1%2C392.3L-265.1%2C392.3z%20M-277.9%2C405l-0.1%2C0.1l-5%2C1l1-5%0D%0A%09%09%09l0.1-0.1L-277.9%2C405L-277.9%2C405z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3Cg%20id%3D%22Page-1_1_%22%3E%0D%0A%09%3Cg%20id%3D%22icon-135-pen-angled_1_%22%3E%0D%0A%09%09%3Cpath%20id%3D%22pen-angled_1_%22%20class%3D%22st1%22%20d%3D%22M-245.9%2C393l-11.3%2C11.3l0%2C0l-4-4l11.3-11.3L-245.9%2C393L-245.9%2C393z%20M-245.1%2C392.3l1.7-1.7%0D%0A%09%09%09c0.8-0.8%2C0.8-2.1%2C0-2.8l-1.2-1.2c-0.8-0.8-2-0.8-2.8%2C0l-1.7%2C1.7L-245.1%2C392.3L-245.1%2C392.3z%20M-257.9%2C405l-0.1%2C0.1l-5%2C1l1-5%0D%0A%09%09%09l0.1-0.1L-257.9%2C405L-257.9%2C405z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A');
        background-repeat: no-repeat;
        /*background-position: -28px 0;*/
    }

.box-edit .icon-edit {
    margin-right: -10px;
}

.btn .img-icon {
    float: left;
    margin: 0 10px 0 -10px;
}

.aside-panel-header {
    position: relative;
    text-align: center;
}

    .aside-panel-header.box-aside {
        margin-left: -40px;
    }

    .aside-panel-header img {
        /*display: inline-block;
	text-Fuzzyhound_align: center;
	margin: 0 0 -20px 0;*/
    }

    .aside-panel-header .profile-featured-tag {
        /*left: 50%;
    width: 120px;*/
        left: 48%;
        margin-left: -60px;
        position: absolute;
        width: 130px;
    }

.user-profile {
    float: left;
    margin-bottom: 40px;
}

    .user-profile .profile-featured-tag {
        /*position: relative;
	margin: -15px 0 20px 15px;
	display: block;*/
        margin-bottom: 10px;
    }

/*.profile-featured-tag {
	position: relative;
	margin: -20px 0 20px 0px;
	display: block;
}*/

.aside-panel-header h4,
.aside-panel-header .rating,
.aside-panel-header .profile-price {
    display: block;
    float: none;
    margin-bottom: 5px;
    margin-top: 10px;
    width: 100%;
}

    .aside-panel-header .rating .star {
        display: inline-block;
        float: none;
    }

.aside-panel-header .profile-price {
    margin: 10px 0 0 0;
}

    .aside-panel-header .profile-price sup {
        float: none;
        margin: 0px 0 -10px -7px !important;
    }

aside .col-md-6 {
    display: inline-block;
    margin-right: -3px;
    vertical-align: top;
}

    aside .col-md-6 .form-group {
        margin: 2px 0;
        text-align: left;
    }

/*Inscription Doer*/

.service-box {
    margin-bottom: 40px;
}

/*Reservation Pages*/

.edit-options, .pas-edit {
    background-color: var(--white-bkg);
    border-radius: 2px;
    padding: 2px 15px;
}

    .edit-options .col-md-6 {
        display: inline-block;
        margin-left: -5px;
        vertical-align: middle;
    }

        .edit-options .col-md-6.horaire .form-group {
            clear: both;
            float: none;
            margin: 3px auto;
            width: 240px;
        }


    .edit-options #datepicker {
        margin-bottom: 20px;
        margin-right: 20px;
    }

.ui-datepicker {
    padding: 0 !important;
}

.ui-datepicker-title {
    margin-bottom: 10px;
}

.edit-initial .col-md-6 {
    display: inline-block;
    margin-right: -2px;
    vertical-align: top;
    width: 49%;
}

.edit-initial {
    margin-left: 15px;
}

.reservation .col-md-12 {
    padding: 0 15px 0px;
}

.faq-a {
    color: #343539;
    line-height: 140%;
    margin-bottom: 10px;
    margin-top: 10px;
}

/*======== Tooltip ========*/

.f-tooltip {
    -webkit-transition: all 0.2s;
    background-color: var(--white-bkg);
    border: 1px solid #ccc;
    border-radius: 4px;
    bottom: 45px;
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.2);
    display: none;
    max-width: 360px;
    padding: 10px;
    position: absolute;
    right: 0;
    transition: all 0.2s;
}

    .f-tooltip:after {
        background: url(/image/tooltip-arrow.png) bottom;
        bottom: -20px;
        content: '';
        height: 20px;
        position: absolute;
        right: 20px;
        width: 54px;
    }

    .f-tooltip img {
        max-width: 100%;
    }

.tooltip-group {
    position: relative;
}

.tooltip-q {
    background-color: #ccc;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 17px;
    line-height: 18px;
    padding: 0px;
    text-align: center;
    width: 17px;
}

/*======== Afix ========*/

.afix-active .afix {
    position: fixed;
    top: 20px;
    z-index: 40;
}

.afix-active .content-col {
    margin-left: 320px;
}

/*======== Aside Toggle ========*/

body.aside-on aside.aside-toggle {
    display: block;
}

.aside-toggle {
}

.btn.aside-toggle-btn {
    background: #F9FAF9 url(/content/images/toggle.png) no-repeat 95%;
    border-bottom: 1px solid #ddd;
    color: #444;
    cursor: pointer;
    display: none;
    left: 0;
    padding: 15px;
    position: absolute;
    top: 58px;
    width: 100%;
    z-index: 200;
}

    .btn.aside-toggle-btn.aside-on {
        background: #F9FAF9 url(/content/images/toggle-up.png) no-repeat 95%;
    }

/*.aside-toggle-btn {
	background:#F9FAF9 url(/content/images/toggle.png) no-repeat 95%;
	cursor: pointer;
}*/

/*.aside-toggle-btn > h4 {
	margin-bottom: 0;
	background:#F9FAF9 url(/content/images/toggle.png) no-repeat 95%;
}*/

/* ------------------------------------------------------------------------ */

/*  PROFILE PAGE
/* ------------------------------------------------------------------------ */

.content-col-wide .profile-box-content {
    border-right: 1px solid #eee;
    float: left;
    margin: 0px 0 0px 0;
    padding: 0px 40px 0 40px;
    width: 530px;
}




ul.check {
    float: left;
    margin: 15px 0;
    width: 70%;
}


    ul.check li {
        background: url(/content/images/check-light-sm.svg) no-repeat center left;
        display: block;
        padding: 2px 0 2px 24px;
        background-size: 16px;
    }




/*.quotes .quote p {
	padding-right: 15%;
}*/





.intro {
    margin-bottom: 50px;
}

    .intro p {
        font-size: 9px;
    }

.note {
    color: var(--light-text__1);
    display: block;
    font-size: 14px;
    font-weight: 400;
}

    .note strong {
        color: var(--light-text__1);
        font-weight: 600;
    }

    .note ul {
        margin-left: 20px;
    }

   .note ul li {
        list-style: disc;
    }



.nofloat {
    float: none;
}

.header-img {
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}



    /*************/

    .header-img #header-text {
        margin: 0;
    }

        .header-img #header-text h1 {
            color: #fff;
            font-weight: 700;
            margin: 190px 0;
        }

.inner-img .content-col h2 {
    margin: 0px 0px 15px 0px;
}

.inner-img .content-col h3 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 40px;
}

.pull-up {
    margin-top: -150px;
    position: relative;
    z-index: 101;
}

.invites-wrap {
    margin-bottom: 40px;
    padding-left: 100px;
    padding-right: 140px;
}

.invites-pic {
    float: left;
    margin-left: -100px;
}

    .invites-pic img {
        border-radius: 100px;
        max-width: 70px;
        width: 100%;
    }

.invites-author {
    display: block;
    float: none;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px;
}

.invite-status {
    float: right;
    font-size: 14px;
    font-weight: 700;
    margin-right: -140px;
    padding-top: 26px;
    text-align: right;
    width: 140px;
}

.a-blue {
    color: #5573b8;
}

.a-green {
    color: #079A00;
}

.invite p {
    font-size: 14px;
}

/* ------------------------------------------------------------------------ */

/*  OVERLAY POPUP
/* ------------------------------------------------------------------------ */

.popup {
    background-color: rgba(37,37,37,0.90);
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    overflow-y: auto !important;
    overflow-x: hidden;
    /*bottom: 0;
    height: 300%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 200;*/
}


.popup-table {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}

.popup-box {
    background-color: var(--white-bkg);
    border-radius: 6px;
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.2);
    margin: 10% auto auto;
    max-width: 500px;
    padding: 35px;
    position: relative;
    text-align: center;
    width: 100%;
}


#login-popup .popup-box {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width:none;
}

.popup-box.popup-wide {
    max-width: 740px;
}

.popup-wide .content-col {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.popup-wide .profile-box-header h3 {
    font-size: 22px;
    font-weight: 600;
}

.popup-wide .quote-author-info {
    margin-right: 50px;
}

.popup-box.thin {
    max-width: 400px;
    width: 100%;
}

.popup-header {
    background-color: var(--white-bkg);
    border-radius: 6px 6px 0 0;
    margin-bottom: 20px;
    padding: 0;
    position: relative;
}


    .popup-header h2,
    .popup-header h3 {
        margin: 0;
    }

.popup-close {
    margin: -54px 0 0 0;
    position: absolute;
    right: 0;
    opacity: 0.8;
}

    .popup-close:hover {
        opacity: 1;
        text-decoration: none;
    }

.btn-close:hover {
    text-decoration: none;
}

.popup-close span.btn-close__text {
    -webkit-transition: all 0.2s;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin: 0px 35px 0 0;
    transition: all 0.2s;
}

.popup-close:hover span {
    cursor: pointer;
}


a.btn-close {
    color: #fff;
}

.popup .col-form {
    text-align: left;
    width: 100%;
}

    .popup .col-form label {
        float: left;
        width: 100px;
    }

    .popup .col-form input {
        margin-bottom: 4px;
        padding: 8px;
        width: 100%;
    }

        .popup .col-form input.form-md {
            width: 48%;
            /*margin-right: 3%;*/
        }

            .popup .col-form input.form-md.form-user-firstname {
                margin-right: 12px;
            }


  /****LOGIN POPUP****/
#signup-box.popup {
    background-color: #ffffff;
}

#signup-box .popup-box {
    box-shadow: none;
}

#signup-box .btn-close {
    font-size: 40px;
    color: #ccc;
}

.btn-sso {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-weight: 300;
    font-size: 17px;
    position: relative;
}

    .btn-sso img {
        max-width: 50px;
        height: 35px;
        position: absolute;
        left: 30px;
    }

.sso-choice {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
}

    .sso-choice span {
        padding: 0 10px;
        color: #545759;
    }

    .sso-choice::before,
    .sso-choice::after {
        content: "";
        flex-grow: 1;
        background: #ccc;
        height: 1px;
        margin: 0 15px;
    }

  /*******/


.form-pass {
    background: #fff url(/content/images/pass18.svg) no-repeat 95% center;
    background-size: 18px;
}

    .form-pass.security {
        background: #fff url(/content/images/pass18.svg) no-repeat 98% center;
        background-size: 18px;
    }


.mail-btn {
    background: #5573b8 url(/content/images/mail18-white.png) no-repeat scroll center center;
    border: 1px solid #5573b8;
    border-radius: 0px 4px 4px 0px;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 44px;
    z-index: 50;
}


    .mail-btn:hover {
        background: #5C73CC url(/content/images/mail18-white.png) no-repeat scroll center center;
        border: 1px solid #5C73CC;
    }

input:focus + .mail-btn {
    background: #5C73CC url(/content/images/mail18-white.png) no-repeat scroll center center;
    border: 1px solid #5C73CC;
}

    input:focus + .mail-btn:hover {
        background: rgb(43, 160, 255) url(/content/images/mail18-white.png) no-repeat scroll center center;
        border: 1px solid rgb(43, 160, 255);
    }




.form-wrap {
    display: block;
    margin-bottom: -10px;
    /*overflow: hidden;*/
    margin-top: 10px;
    width: 100%;
}

.col-form-div {
    display: inline-block;
    vertical-align: top;
    width: 20px;
}

    .col-form-div span {
        background-color: var(--white-bkg);
        float: left;
        font-size: 14px;
        padding: 103px 0;
        position: relative;
    }

        .col-form-div span:before {
            background-color: #c4c4c4;
            content: "";
            height: 40%;
            left: 50%;
            position: absolute;
            top: 0;
            width: 1px;
        }

        .col-form-div span:after {
            background-color: #c4c4c4;
            bottom: 0;
            content: "";
            height: 40%;
            left: 50%;
            position: absolute;
            width: 1px;
        }

.form-col-login {
    float: right;
    margin-top: 70px;
    width: 160px;
}

.form-radios {
    float: left;
    font-size: 10px;
    margin-top: -20px;
    padding: 20px 20px 20px 40px;
    text-align: left;
    white-space: normal;
    width: 100%;
}

    .form-radios .form-group label {
        /* font-size: 13px; */
        color: var(--light-text__1);
    }

    .form-radios .form-group { /*margin: 10px 0;*/
    }

    .form-radios input {
        display: block;
        left: -25px;
        position: relative;
        top: 20px;
    }

.popup-panel {
    -webkit-transition: all 0.2s;
    display: none;
    transition: all 0.2s;
}

    .popup-panel h3 {
        margin-bottom: 25px;
        margin-top: 10px;
    }

    .popup-buttons .btn, .popup-panel .btn.wide {
        max-width: 450px;
     
        text-align: center;
        width: 100%;
    }

        .popup-panel .btn.sm, .create-account .popup-panel .btn.sm {
            width: initial;
        }


.popup-options .col-md-8, .popup-options .col-md-4 {
    display: inline-block;
    vertical-align: middle;
}



.popup-buttons .outline.blue.btn {
    padding: 15px;
}


.popup-panel .form-control {
    /*text-align: center;*/
    margin-top: 6px;
    max-width: 450px;
    width: 100%;
}

.popup select.form-control {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("/content/images/arrow-select.png") no-repeat scroll right center #F9FAF9;
    border: 1px solid #d4d4d8;
    border-radius: 4px;
    color: var(--dark-text);
    /*padding: 7px 24px 7px 10px;*/
    font-size: 14px;
    line-height: 14px;
    padding: 10px;
    text-align: center;
}

strong {
    font-weight: 600;
}

.btn.cta-large {
    border-radius: 6px;
    font-size: 20px;
    padding: 17px 20px;
}

p.largefont,
.largefont p {
    font-size: 19px !important;
    padding: 0px 15% 20px 15%;
}

.profile-box-footer a {
    float: right;
}

.profile-box-footer a {
    float: right;
}

.profile-box-footer a {
    font-size: 18px;
}

    .profile-box-footer a.btn {
        font-size: 16px;
    }

.profile-box-body p {
    line-height: 60%;
}

.btn.md {
    font-size: 16px;
    padding: 10px 20px;
}

.blue.lg {
    font-size: 16px !important;
    padding: 13px 140px !important;
}

.popup-content {
    padding-top: 0px;
}

.popup .form-submit .btn {
    font-size: 20px;
    max-width: 400px;
    padding: 15px;
    text-align: center;
    width: 100%;
}


.quote {
    margin: 20px 0 20px 0;
    padding: 0 0 20px 35px;
    text-align: left;
}

.activity-details .quote {
    margin: 20px 0 30px 0;
    padding: 0;
    text-align: left;
    display: inline-block;
    width: 100%;
}

.quote.large {
    font-style: italic;
}

    .quote.large p {
        font-size: 16px !important;
    }

.in-quote-author {
    font-style: normal;
    font-weight: 600;
    margin-left: 3px;
    color: #344449;
}

.categorie .quote-title {
    color: #546569;
    margin-left: 10px;
    font-weight: 600;
}

.quote-pad .in-quote-author {
    margin-left: 85px;
}

.quote-wrap.slim.quote-pad {
    margin: 0 20px 0 -10px;
}

.quote-pad .quote-author-info {
    margin-top: 20px;
}

.box-edit h4 {
    cursor: pointer;
}

    .box-edit h4.edit-active {
        cursor: auto;
    }

.cc-number-logo {
    background: url(/content/images/visa-mc.svg) no-repeat right;
    display: block;
    height: 40px;
    /*
    float:right;
    margin-top:25px;
    margin-left:-150px;
    */
    margin-bottom: -20px;
    vertical-align: top;
    /*width:150px;*/
    width: 100%;
}

.cc-number-field {
    margin-bottom: 10px;
    width: 100%;
}

    .cc-number-field label {
        display: inline-block;
        vertical-align: bottom;
    }

.cc-number input {
    margin-bottom: 8px;
    width: 100%;
}

.cc-info-ccv,
.cc-info-lastname {
    display: inline-block;
    margin: auto auto auto -1px;
    vertical-align: top;
    width: 48%;
}

    .cc-info-ccv input.form-control {
        background: #FFF url("/content/images/form-cc.png") no-repeat scroll 90% center;
        letter-spacing: 1px;
        /*width:150px;*/
        width: 100%;
    }

    .cc-info-lastname input.form-control {
        width: 100%;
    }


.cc-info-exp, .cc-info-firstname {
    display: inline-block;
    margin: auto 3% auto auto;
    width: 48%;
}

    .cc-info-exp input.form-control,
    .cc-info-firstname input.form-control {
        /*width:150px;*/
        width: 100%;
    }

.btn.btn-more {
    background: url(/content/images/btn-more.png) no-repeat 95%;
    display: inline-block;
    font-size: 16px;
    padding-right: 40px !important;
    position: relative;
}

.btn-more:hover {
    background: #F9FAF9 url(/content/images/btn-more-white.png) no-repeat 95%;
}

.content-col h2 {
    color: var(--dark-text);
    font-size: 20px;
    font-weight: 600;
    margin: 0px 0px 55px;
}

.content-col h1 {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0;
}

.categorie h1 {
    font-size: 60px;
    font-weight: 700;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}

.categorie.light-hero h1 {
    font-size: 42px;
    text-shadow: 1px 1px 50px rgba(245,245,245,0.9);
    line-height: 56px !important;
    letter-spacing: -0.8px !important;
    color: #515459;
    font-weight: 400;
}

.popup-buttons {
    margin-top: 30px;
}

.col-social {
    display: inline-block;
    width: 100%;
    /*float: right;*/
    /*width: 200px;  */
}





div.checklabel {
    display: inline-block;
}

span.checklabel {
    visibility: visible;
    color: var(--normal-text);
    font-weight: 400;
}

/*toggle abandon et annulation*/

.js-options-toggle-abandon {
    display: none;
}

.js-options-toggle-annuler {
    display: none;
}

.js-abandon {
    font-weight: bold;
    color: blue;
}

js-abandon:hover {
    border-bottom: blue;
}

.js-annuler {
    font-weight: bold;
    color: blue;
}

js-annuler:hover {
    border-bottom: blue;
}



label input[type="checkbox"], label input[type="radio"] {
    margin-right: 10px;
}

.pointer label {
    cursor: pointer;
}


#car-choice {
    display: none;
    /*margin:20px 30px 0px 30px;*/
    /*font-size: 15px;*/
    margin-top: 20px;
}

    #car-choice label {
        font-size: 16px;
    }

.check-center {
    margin: auto;
    width: 220px;
}

.form-address {
    background: #fefefe url(/content/images/map18.png) no-repeat 97% center;
    margin-top: 8px;
    padding-left: 10px;
    padding-right: 25px;
    width: 230px;
}

.cat-more-opt {
    display: block;
    font-size: 14px;
    /*margin-left: 25px;*/
    font-weight: 600;
    margin-bottom: -15px;
    margin-top: 23px;
    text-align: center;
}

.time-opt-extra {
    display: none;
}

    .time-opt-extra label {
        color: var(--dark-text);
    }

        .time-opt-extra label:hover,
        .time-opt-extra input:checked + label {
            color: var(--dark-text);
        }

#time-question {
    margin-top: 0px;
}

.text-number {
    white-space: nowrap;
}

.time-note-extra {
    display: none;
}

.js-radio-target {
    display: none;
}

.cat-subselect {
    margin-left: 20px;
    margin-top: 5px;
    max-width: 200px;
}

.content-inscription .cat-subselect, #content-profile .cat-subselect {
    max-width: 350px;
}

.cat-subselect select,
select.cat-subselect,
select.form-control.cat-subselect,
select.cat-subselect option {
    color: #555;
}

.extra-padding {
    padding-top: 60px;
}

.cat-bullet {
    /*margin-top:10px;*/
    margin-left: 25px;
}

    .cat-bullet::before {
        border: 1px solid #ddd;
        border-radius: 100%;
        content: "\a0";
        display: inline-block;
        height: 33px;
        line-height: 33px;
        margin-left: -45px;
        margin-right: 5px;
        text-align: center;
        width: 33px;
    }

    .cat-bullet.star::before {
        background: #f5f5f5 url("/content/images/icon-star-blue.png") no-repeat center center;
    }

    .cat-bullet.watch::before {
        background: #f5f5f5 url("/content/images/icon-watch-blue.png") no-repeat center center;
    }

    .cat-bullet.heart::before {
        background: #f5f5f5 url("/content/images/icon-heart-blue.png") no-repeat center center;
    }

.tagline {
    margin-left: -60px;
}

.icon-holder {
    height: 55px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

.left .icon-holder {
    text-align: left;
}


.icon-holder-md, .icon-holder-wide {
    height: 60px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}


.icon-holder-lg {
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}


.icon-holder img {
    display: inline-block;
    max-height: 42px;
    max-width: 48px;
    width: 100%;
}

.icon-holder-md img {
    max-height: 60px;
    max-width: 90px;
    width: 100%;
}

.icon-holder-wide img {
    max-height: 60px;
    max-width: 140px;
    width: 100%;
}

.icon-holder-lg img {
    display: inline-block;
    max-height: 70px;
    height: 100%;
}

.justifiedcenter {
}

    .justifiedcenter p {
        margin: auto auto 20px;
        text-align: justify;
        width: 80%;
    }

.faiseurs #foot-doer {
    display: none;
}

.plus #foot-howitworks {
    display: none;
}

#ccmonth {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 120px;
}

#ccyear {
    float: left;
    width: 120px;
}

.cc-form {
    display: block;
    width: 100%;
    /*float:left;*/
    /*margin: auto;*/
}

    .cc-form label {
        clear: both;
        display: inline-block;
        margin-bottom: 4px;
        pointer-events: none;
        width: 100%;
    }

.edit-options.cc-edit {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

.inner #mobile-nav-about,
.funnel #mobile-nav-about {
    display: none;
}

.inner #mobile-nav-more,
.funnel #mobile-nav-more {
    display: none;
}


.cc-form input {
    padding: 10px 20px;
}

.cc-wrap {
    max-width: 390px;
    width: 100%;
}

.cc-info-wrap {
    display: inline-block;
    width: 100%;
}

.cc-number {
    display: block;
    /*
    margin-right:150px;
    min-width: 300px;
    */
}

    .cc-number label {
        background-color: var(--white-bkg);
        width: auto;
    }

.cc-info {
    padding-bottom: 15px;
}

.horaire {
    display: inline-block;
    width: 240px;
}

.sliderValue {
    background: transparent;
    border: transparent;
}

.form-user-firstname {
    background-color: transparent;
}

.dots {
    background: #aaa;
    border-radius: 50%;
    display: block;
    height: 4px;
    position: relative;
    width: 4px;
}

    .dots:before, .dots:after {
        background: inherit;
        border-radius: 50%;
        content: "";
        height: 4px;
        position: absolute;
        width: 4px;
    }

    .dots:before {
        left: 7px;
    }

    .dots:after {
        right: 7px;
    }

.dot-btn {
    border: 1px solid transparent;
    border-radius: 3px;
    display: block;
    height: 30px;
    margin: auto auto 15px;
    padding: 12px 0px 0px 12px;
    position: relative;
    width: 30px;
    /*
    margin-bottom: -15px;
    margin-top:-5px;
    */
}

    .dot-btn:hover {
        background-color: #fdfdfd;
        border: 1px solid #aaa;
    }

.check-promo-label::before, .check-promo-label > input + span {
    display: block;
    left: -25px;
    position: absolute;
    top: 0px;
}

.check-promo-label:hover strong {
    /*font-weight: 700;*/
    color: var(--dark-text);
}


.check-triangle {
    position: relative;
}

    .check-triangle::before {
        border-bottom: 8px solid transparent;
        border-left: 8px solid rgba(0, 112, 193, 0.25);
        border-top: 8px solid transparent;
        content: "\a0";
        display: block;
        height: 0;
        left: -40px;
        position: absolute;
        top: 0px;
        width: 0;
    }

    .check-triangle:hover::before {
        border-left: 8px solid rgba(0, 112, 193, 0.75);
    }

.col-md-show {
    display: none;
}

/*** error messages ****/

input.validation-error {
    box-shadow: 0px 0px 0px 2px rgba(255, 85, 85, 0.75);
}

    input.validation-error:focus,
    .hold-errors .form-control.validation-error:focus {
        /*box-shadow: 0px 0px 0px 2px #2d94dd;*/
    }

.hold-errors .validation-error {
    box-shadow: none;
}

.hold-errors .js-validation-gatebtn {
    cursor: pointer;
}

.validation-error-msg {
    color: #690031;
    display: none;
    font-size: 14px;
    font-weight: 400;
    margin-left: 10px;
    text-align: left;
}

    .validation-error-msg a {
        color: #690031;
        text-decoration: underline;
    }

.field-validation-error,
.account_validation_error {
    color: #690031;
    font-size: 14px;
    font-weight: 400;
    margin-left: 10px;
    text-align: left;
}

.validation-error + .validation-error-msg {
    display: inline-block;
}

.validation-error-msg > .error-required,
.validation-error-msg > .error-required,
.validation-error-msg > .error-1,
.validation-error-msg > .error-2 {
    display: none;
}

.validation-error + .validation-error-msg > .error-required,
.validation-error + .validation-error-msg > .error-invalid,
.validation-error + .validation-error-msg > .error-1,
.validation-error + .validation-error-msg > .error-2 {
    display: none;
}

.validation-error.error-required + .validation-error-msg > .error-required,
.validation-error.error-invalid + .validation-error-msg > .error-invalid,
.validation-error.error-1 + .validation-error-msg > .error-1,
.validation-error.error-2 + .validation-error-msg > .error-2 {
    display: inline-block;
}

.hold-errors .validation-error + .validation-error-msg {
    display: none;
}


.errors-position {
    position: relative;
    top: 40px;
    right: 200px;
}
/*** error messages: end ****/

.name-error {
    position: relative;
    top: -8px;
}

.popup-panel-content {
    display: inline-block;
    width: 100%;
}

.col-entreprise input {
    width: 100%;
}

.col-entreprise h4 {
    color: #343539;
    text-align: left;
}

.col-entreprise {
    margin-top: 20px;
}

.last-search {
    border-bottom: 1px solid #eee;
    padding-top: 22px;
}

.alert-box-close-caption {
    color: #fff;
    left: -100px;
    position: relative;
}

.tab {
    display: inline-block;
    margin-left: 20px;
    width: 100%;
}

.note.btnsubtext {
    color: var(--light-text__2);
    font-size: 13px;
    font-weight: 400;
    margin-top: 10px;
}

.btn:not(.disabled):hover + .note.btnsubtext {
    color: #666;
}

.alert-box.green {
    /*background-color: #079A00*/
    background-color: rgba(0, 202, 83, 0.80);
}

.btn-propose-wrap {
    margin-left: -60px;
}

.btn-wrap {
    margin-top: -20px;
    padding-top: 10px;
}

.reservation .rebate {
    color: #079a00 !important;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}

.rebate strong {
    color: #079a00;
    font-weight: 600;
}


fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

.cat-more-opt-time {
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-top: 0px;
    text-align: center;
    /*margin-left: 25px;*/
}

.stripe_error {
    display: none;
    font-size: 18px;
    font-weight: 700;
}

.loading-msg {
    display: none;
}

.js-validation-gatebtn[data-loading] ~ .loading-msg {
    display: inline-block;
}

nav {
    position: relative;
}

#showlogin {
    background-color: rgba(256, 256, 256, 1);
    border-radius: 4px;
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.2);
    color: #444;
    display: block;
    font-size: 13px;
    font-weight: 600;
    /*width: 300px;*/
    /* height:300px; */
    margin-bottom: 11px;
    max-width: 330px;
    padding: 12px 12px;
    position: absolute;
    right: 80px;
    text-align: center;
    top: 70px;
    z-index: 300;
}

    #showlogin .btn-login {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    #showlogin .popup-panel-content {
        width: 80%;
    }

    #showlogin input.form-control {
        width: 100%;
    }

ul.stacked.doer li img {
    float: left;
    margin-left: -100px;
    margin-top: 20px;
    max-width: 80px;
}

.tagline p {
    color: #bcbcbc;
    font-size: 11px;
    margin-top: 3px;
    text-align: center;
}

.g-recaptcha {
    margin: 20px auto;
    width: 320px;
}

    .g-recaptcha + .validation-error-msg {
        /* margin-top: -20px; */
        margin-bottom: 20px;
        margin-left: -20px;
    }

.blue-pattern a {
    color: #FDD835;
}



.form-radios .form-group .bold {
    font-size: 15px;
    font-weight: 600;
}

.spam {
}



.blue-pattern a:hover {
    text-decoration: underline;
}

nav li a:hover {
    color: #444;
    text-decoration: none;
}

.legal-text label {
    color: var(--light-text__3);
    font-size: 13px !important;
    text-align: justify;
    font-weight: 300;
}





#testimonial-box h3 {
    color: black;
    font-size: 17px;
    font-weight: 400;
}

.home input[type=text] {
    outline: none;
}



.typeahead-field input {
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    background: #FFF url("/content/images/icon-search.svg") no-repeat scroll 97% center;
    border: 1px solid #FFF;
    color: var(--dark-text);
    display: block;
    font-size: 16px;
    height: 42px;
    line-height: 1.42857143;
    padding: 6px 12px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    width: 100%;
}

.typeahead-list.tt-open {
    -webkit-appearance: none;
}

.twitter-typeahead {
    -webkit-appearance: none;
}

.typeahead-field {
    -webkit-appearance: none;
}

.typeahead-container {
    border: 1px solid #ccc;
    border-radius: 4px;
    position: relative;
}

.typeahead-field {
    border-collapse: separate;
    display: table;
    position: relative;
    width: 100%;
}

    .typeahead-field > span {
        display: table-cell;
        vertical-align: middle;
    }

.typeahead-query {
    background: #fff;
    position: relative;
    /*z-index: 2;*/
    width: 100%;
}

.twitter-typeahead {
    width: 100%;
}

.typeahead-field input.typeahead-hint {
    color: #999;
}

.tt-input {
    background-position: 50%;
}

.typeahead-list {
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    background-color: var(--white-bkg);
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    font-size: 13px;
    left: 0;
    list-style: none;
    min-width: 160px;
    position: absolute;
    text-align: left;
    top: 100%;
    width: 100%;
    z-index: 200;
}

.typeahead-result {
    border-top: solid 1px rgba(0, 0, 0, 0.15);
    clear: both;
    color: #333333;
    display: block;
    font-weight: normal;
    line-height: 1.42857143;
    padding: 6px 20px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    z-index: 200;
}

.typeahead-noresult {
    border-top: solid 1px rgba(0, 0, 0, 0.15);
    clear: both;
    color: #333333;
    display: block;
    font-weight: normal;
    line-height: 1.42857143;
    padding: 6px 20px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    z-index: 200;
}


.typeahead-result:first-child {
    border-top: none;
}

.typeahead-result:hover, .typeahead-result.active {
    background-color: #edefed;
    color: #333;
    cursor: pointer;
}

/*.typeahead-empty {
    position: relative;
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
    text-decoration: none;
}*/

.typeahead-result .task-thumbnail img {
    border-radius: 50%;
    height: 60px;
    margin: 0;
    padding: 0;
    width: 60px;
}

.typeahead-list .task-noresult img {
    margin: 0;
    padding: 0;
    padding-left: 15px;
    padding-top: 8px;
    width: 70px;
}

.typeahead-result .task-thumbnail,
.typeahead-list .task-noresult {
    float: left;
    margin: 0;
    padding: 0;
}

/*.typeahead-list .task-noresult img {
        width: 70px;
    margin: 0;
    padding-left: 20px;
}*/

.typeahead-result .task-content,
.typeahead-list .task-content {
    display: inline-block;
    padding-left: 20px;
    vertical-align: middle;
}

.typeahead-result .help-search-item,
.typeahead-list .help-search-item {
    display: block;
    padding-left: 20px;
    vertical-align: middle;
}

.typeahead-result .task-tilte,
.typeahead-result .help-search-item--tilte {
    color: #5C73CC;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding-top: 15px;
    vertical-align: middle;
}

.typeahead-result .help-search-item--tilte {
    font-size: 16px;
    padding-top: 5px;
}

.typeahead-list .search-empty,
.typeahead-list .help-search--noresult_message,
.typeahead-list .help-search--pending_message {
    color: var(--light-text__1);
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding: 15px 0 15px 0;
    padding-bottom: 15px;
    padding-top: 10px;
    vertical-align: middle;
}


.typeahead-result .task-kw {
    /*font-size: 12px;
    font-weight: 400;
    color: #999;*/
    display: none;
}

.typeahead-result .task-score {
    color: #999;
    font-size: 12px;
    font-weight: 400;
}

.typeahead-result .task-kw strong {
    color: #5573b8;
    font-weight: 600;
}

.typeahead-result strong {
    font-weight: 600;
}

.home header {
    overflow: hidden;
    padding-top: 1px;
    position: relative;
    width: 100%;
    z-index: 150;
    background-position: center;
    background-color: var(--white-bkg);
}



span.header-color {
    color: #ffffff;
}

.header-width {
    width: 72%;
    text-align: left;
    max-width: 735px;
}

.home header h1 {
    font-weight: 700;
    color: #515459;
    font-size: 50px;
    text-shadow: none;
    margin-bottom: 0;
    line-height: 105%;
    margin-bottom: 30px;
}

    .home header h1 + h2 {
        font-size: 21px;
        line-height: 1.8;
        text-shadow: none;
        font-weight: 400;
        margin: 20px 0 0 0;
        color: #242527;
    }

.home .header-width {
    width: 50%;
    float: left;
}

.hero-image {
    position: absolute;
    right: 0%;
    width: 85%;
    height: 500px;
    margin-left: 50px;
    border-radius: 4px;
    background-position: 50% 50%;
    background-size: cover;
    box-shadow: 4px 4px 12px 0 rgba(0,0,0,.1);
}



.home .hero-image {
    background-image: linear-gradient(135deg,rgba(255,0,55,.37),rgba(194,102,172,.27)), url(/content/images/headers/header-employees-talking-small.jpg);
}


.hero-wrap {
    position: relative;
    height: 520px;
    max-width: 500px;
}

.hero-stat {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    max-width: 360px;
    max-height: 120px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 12px;
    box-shadow: 4px 4px 12px 0 rgba(0,0,0,.1);
    backdrop-filter: blur(4px);
}

.home .hero-stat {
    background-image: url(/content/images/headers/hero-stat-home.svg);
}

.home.french-header .hero-stat {
    background-image: url(/content/images/headers/hero-stat-home-fr.svg);
}



/*.home.french-header .header-width h1 {
    font-size: 97px;
}*/





.header-width h2 {
    color: #ffffff;
    font-size: 19px;
    text-shadow: none;
    font-weight: 400;
    margin-top: 20px;
}


/*****NAV*****/

header nav .btn.outline {
    border: 2px solid;
    color: #545567;
}

    header nav .btn.outline:hover {
     
        background-color: #545567;
        color: #fff;
    }

/**********/


.introuvable header {
    background: url(/content/images/404.jpg) center top;
    background-size: cover;
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height: 100vh;
}

.introuvable h1 {
    font-size: 200px;
    text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.4);
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#header-text h4 {
    color: #fff;
    text-shadow: 2px 2px 15px #616161;
}

.introuvable #header-text {
    margin-top: 300px;
}



.email-box input {
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    background: #FFF url("/content/images/mail18.png") no-repeat scroll 97% center;
    border: 1px solid #FFF;
    border-radius: 3px;
    color: var(--dark-text);
    display: block;
    font-size: 16px;
    height: 42px;
    line-height: 1.42857143;
    padding: 6px 12px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    width: 100%;
}

.email-box {
    border-collapse: separate;
    display: table;
    position: relative;
    width: 100%;
    /* white-space: nowrap; */
}

.email-legal label {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-shadow: 2px 2px 2px #000;
}

.pas-region #header-text {
    margin-top: 280px;
}

.introuvable #header-text a, .erreur500 #header-text a {
    color: #fff;
    text-shadow: 2px 2px 15px #616161;
}

.erreur500 h1, .introuvable h1 {
    font-size: 200px;
    text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.4);
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.erreur500 .container, introuvable .container {
    min-height: 100vh;
}

.erreur500 a {
    /* color:#fff;
       text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.4);*/
}

.erreur500 header {
    background: url(/content/images/erreur500.jpg) left top;
    background-size: cover;
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height: 100vh;
}


.col-social label {
    color: var(--light-text__1);
    font-size: 13px;
}



.number-checked {
    background: url(/content/images/check-green.svg) no-repeat right center;
    background-size: 23px;
    padding-right: 30px;
}

.invite-checked {
    background: url(/content/images/check-green.svg) no-repeat right 10px center;
    background-size: 23px;
    color: var(--dark-text);
    position: fixed;
    top: 40%;
    left: 50%;
    background-color: rgba(255,255,255,0.9);
    padding: 8px 40px;
    border-radius: 30px;
    font-weight: 600;
    transform: translateX(-50%);
}

.invitation-success {
    display: none;
}

#checkmark-done img {
    height: 100px;
    width: 100px;
}

.reservation .note, .home .note {
    color: var(--light-text__1);
    font-size: 14px;
    font-weight: 400;
    margin-top: 0px;
}

aside.box-light .box-pannel > h4 {
    background-color: #f9f9fc;
    color: var(--dark-text);
}

.search .box-pannel h4:first-child {
    border-radius: 4px 4px 0 0;
    margin-top: -22px;
}


.conditions {
    margin-bottom: 0px;
    margin-top: 50px;
    text-align: justify;
}

    .conditions p {
        color: var(--light-text__1);
        font-size: 12px;
    }

.btn.grey {
    background-color: rgba(66, 66, 82, 0.4);
    color: #fff;
    padding: 10px;
}

    .btn.grey:hover {
        background-color: rgba(66, 66, 82, 0.9);
        color: #fff;
    }


.maps iframe {
    pointer-events: none;
}

#map-large {
    height: 400px;
    pointer-events: none;
    width: 100%;
    z-index: 100;
}

.testimonial-meta {
    margin-bottom: -15px;
    margin-top: 20px;
}

.testimonial-pic {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

    .testimonial-pic img {
        border: 2px solid #ededed;
        border-radius: 100px;
        max-width: 80px;
    }

.progress-nav {
    margin: auto;
    max-width: 800px;
    min-width: 310px;
    overflow: hidden;
    position: relative;
    width: 50%;
    /*
    display: flex;
    justify-content: space-between;
    */
}

    .progress-nav .dotted-link {
        border-top: 1px dotted #c4c4c4;
        display: block;
        height: 0;
        position: absolute;
        top: 38px;
        width: 33%;
        z-index: -1;
    }

        .progress-nav .dotted-link.first {
            left: 16.5%;
        }

        .progress-nav .dotted-link.second {
            left: 50%;
        }

        .progress-nav .dotted-link.previous {
            border-top: 2px dotted #2D94DD;
        }

.progress-step {
    color: #c3c3c4;
    cursor: default;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    margin-left: -1px;
    margin-right: -1px;
    padding-top: 20px;
    text-align: center;
    vertical-align: top;
    width: 33%;
    z-index: 10;
}

    .progress-step i.progress-checkmark {
        background: #fefefe;
        border: 1px solid #d3d3d4;
        border-radius: 100%;
        display: block;
        height: 20px;
        margin: 8px auto;
        width: 20px;
        z-index: 15;
    }

    .progress-step.previous {
        color: #5C73CC;
    }

        .progress-step.previous i.progress-checkmark {
            background: #fdfdff url("/content/images/check-light-sm.svg") no-repeat scroll center center;
            border: 1px solid #5C73CC;
        }

    .progress-step.current {
        color: #5C73CC;
        font-size: 16px;
        font-weight: 600;
    }

        .progress-step.current i.progress-checkmark {
            background-color: #5C73CC;
            border: none;
        }

.social-link {
    background: #9095A6 none repeat scroll 0% 0%;
    border-radius: 55%;
    color: #424252;
    display: inline-block;
    height: 42px;
    margin-right: 0.5em;
    padding: 6px 0px;
    text-align: center;
    width: 42px;
}

.fa {
    display: inline-block;
    font-family: FontAwesome sans-serif;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
}

.social-link .fa {
    font-size: 32px;
}

.social-link:hover {
    background-color: #777c8c;
}

/*
 .intro-show {
    visibility:hidden;
   padding-top:0px;
         margin-top:-100px;
}*/

.col-xs-hide {
    display: inline-block !important;
}

.col-xs-show {
    display: none !important;
}

.cat-bullets-advantages-xs {
    margin-top: 0;
    padding-top: 25px;
}


iframe[name='google_conversion_frame'] {
    float: left;
    font-size: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
    margin-top: -13px;
    width: 0 !important;
}

img[height='1'] {
    float: left;
    margin-top: -2px;
}

.sumome-control.sumome-control-left {
    display: none !important;
}


.bullet-list {
    list-style: disc !important;
    margin-bottom: 15px;
    margin-top: 0;
    padding-left: 25px;
}

    .bullet-list li {
        line-height: 180%;
        list-style: disc !important;
    }

.no-overflow {
    overflow: hidden !important;
}

/*======== Date Select ========*/




.popular h2 {
    color: #343549;
    margin-bottom: 5px;
    margin-top: 70px;
}

.popular p {
    color: #343549;
}

.popular {
    margin-bottom: 50px;
    margin-left: 30px;
    margin-top: 40px;
    text-align: left;
}

    .popular h2::before {
        background: #f4f4f8 url("/content/images/sad-cloud.svg") no-repeat center center;
        content: "\a0";
        float: left;
        height: 85px;
        width: 140px;
        margin-right: 20px;
    }



.results-date {
    float: left;
    padding: 10px 0;
    position: relative;
    text-align: center;
    width: 100%;
}

    .results-date h3 {
        font-size: 16px;
        margin: 20px auto;
        text-align: left;
        margin-bottom: 5px;
    }

.r-arrow {
    cursor: pointer;
    left: 0;
    padding: 80px 0;
    position: absolute;
    top: 100px;
    width: 30px;
}

    .r-arrow.r-arrow-right {
        left: auto;
        right: 0;
    }

.r-dates {
    border: 2px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
    padding: 10px 50px;
}

.r-date-col {
    float: left;
    margin-bottom: 10px;
    padding: 0 5px;
    width: 33%;
}

    .r-date-col h3 {
        font-size: 14px !important;
        text-align: center;
    }

.r-date-box {
    background-color: var(--white-bkg);
    border: 1px solid #ddd;
    border-radius: 3px;
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin: 3px 0;
    padding: 10px;
}

    .r-date-box.is-disabled {
        color: #999;
        font-weight: 400;
        pointer-events: none;
    }

    .r-date-box.is-active {
        background-color: #5573b8;
        color: #fff;
        cursor: pointer;
        text-decoration: none;
    }

        .r-date-box.is-active:hover {
            background-color: #5C73CC;
        }

.legal h1 {
    font-size: 50px;
    margin: 0;
}

.legal h2 {
    color: #343539;
    font-size: 19px;
    margin-bottom: 10px;
    margin-top: 30px;
}

.legal h5 {
    color: #343539;
    font-size: 17px;
    margin-bottom: 10px;
}

.legal strong {
    font-weight: 600;
}


.legal ul.center li {
    color: #343549;
    padding: 0px;
}

.legal p {
    text-align: justify;
   }

.legal li {
    margin: 0 0 15px 15px;
}

p.no-margin-left {
    margin-left: 0px;
}

.legal .box-pannel {
    padding: 45px;
}

.right {
    text-align: right;
}

.right-center {
    text-align: right;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

/* Apple blue links */
a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.btn-photo {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
    padding: 11px 20px !important;
}

.lock-logo {
    background: url(/content/images/icon-lock-big-green.svg) no-repeat right;
    display: block;
    height: 40px;
    width: 23px;
    margin-top: -10px;
}

.tooltip-container {
    display: inline;
    margin: 0 0 0 5px;
    position: relative;
    line-height:0;
    vertical-align:middle;
}

.tooltip-indicator {
    position:relative;
    color: var(--light-text__1);

}

    .tooltip-indicator i {
        font-size: 22px;
        position: absolute;
        background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2022.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text/css%22%3E%0D%0A%09.st0%7Bfill%3Anone%3Bstroke%3A%23444444%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%0D%0A%3C/style%3E%0D%0A%3Cpolyline%20class%3D%22st0%22%20points%3D%226%2C9%2012%2C15%2018%2C9%20%22/%3E%0D%0A%3C/svg%3E%0D%0A');
        background-repeat: no-repeat;
        width: 10px;
        height: 10px;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        left: 35px;
        top: 5px;
        background-position: center;
    }

.tooltip-content p {
    font-size: 14px;
    color: var(--light-text__1);
}

    .tooltip-content p .tooltip__large-font {
        font-size: 16px;
        font-weight: 600;
    }



.tooltip:hover,
.tooltip-info:hover {
    cursor: default;
}

.tooltipsy:after {
    position: absolute;
    bottom: -13px;
    font-size: 15px;
    transform: scaleX(1.5);
    -webkit-transform: scaleX(2.2);
    left: 50%;
    margin-left: -8px;
    color: #fff;
    content: "";
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.12);
}

.tooltip-info {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 10px;
    background-color: transparent;
    color: var(--dark-text);
    font-weight: 600;
    font-size: 11px;
    cursor: pointer !important;
    margin: 0;
    position: absolute !important;
     top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: lowercase;
    border: 1px solid;
    }

.tooltip-info__inside {
    position: absolute !important;
    top: 55% !important;
    left: 49% !important;
    transform: translate(-50%, -50%) !important;
}

.nobackground {
    display: inline-block;
    margin-left: 10px;
    /*padding: 2px;*/
    width: 18px;
    height: 18px;
    border-radius: 10px;
    background-color: #f8f8fc;
    /* color: #fff; */
    text-align: center;
    /*font-weight: 700;*/
    /*font-size: 13px;*/
    cursor: pointer !important;
}

.tooltip-content {
    background-color: var(--white-accent);
    border: 1px solid #ccc;
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.05);
    border: 1px solid #ccc;
    border-radius: 4px;
    max-width: 260px;
    padding: 10px;
    margin-top: 13px;
    display: none;
}

    .tooltip-content:before {
        border: 10px solid transparent;
        border-bottom-color: #dce0e0;
        border-top: 0;
        bottom: auto;
        content: "";
        display: inline-block;
        position: absolute;
        top: 3px;
        /*
        right: 9px;
        float: right;
        */
        left: 50%;
        transform: translate(-50%, 0);
    }

/* Animation popup*/

.drop-element {
    display: none;
}

    .drop-element.drop-open-transitionend {
        opacity: 0;
        display: block;
    }

    .drop-element.drop-after-open {
        -webkit-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
        opacity: 1;
    }

/*Fin Animation popup */


.drop-out-of-bounds-left .tooltip-content:before {
    display: none;
}

.drop-abutted-top .tooltip-content:before {
    display: none;
}

.toplock.tooltip-content {
    margin-top: 17px;
    right: -2px;
}

    .toplock.tooltip-content:before {
        top: 7px;
        right: 0px;
    }



/* Banner Perso */


.perso-banner {
    /*display: none;*/
    position: fixed;
    bottom: 0px;
    width: 100%;
    background: linear-gradient(136deg,rgb(255,0,119),rgb(151,49,173));
    color: #fff;
    font-weight: 600;
    z-index: 10000003;
    font-size: 16px;
    padding: 5px 30px;
    opacity: 0.6;
    box-shadow: 0 4px 6px 0 rgba(0,0,0,.1);
}

.perso-banner__inner {
    position: relative;
    height:50px;
}


.perso-banner p {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: nowrap;
}

.perso-banner__close {
    font-size: 30px;
    font-weight: 300;
    line-height: 40px;
    margin-left: 10px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-55%);
    transform: translateY(-55%);
    right: 0;
    margin: 0;
    color: #fff;
}



/*

    FalshMessage

*/

.glyphicon-alert:before {
    content: "\e209";
}


.FlashMessageContainers {
    box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.4);
    display: block;
    position: fixed;
    top: 0;
     width: 100%;
    margin-left: auto;
    margin-right: auto;
    z-index: 1000;
    text-align: center;
}

.ie-banner {
    box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.4);
    display: block;
    position: fixed;
    top: 0;
    /* left: initial; */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    z-index: 1000;
    text-align: center;
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    margin-bottom: 0;
    border: 1px solid transparent;
    display: none;
}

.FlashMessageContainers:empty {
    display: none;
}

.alert {
    padding: 15px;
    margin-bottom: 0;
    border: 1px solid transparent;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: bold;
    }

    .alert > p,
    .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }

.alert-success {
    color: #ffffff;
    background-color: rgba(0, 202, 83, 0.80);
    border-color: rgb(0, 202, 83);
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #2b542c;
    }

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #245269;
    }

.alert-warning {
    color: #fff;
    background-color: rgba(255, 202, 120, 0.9);
    border-color: rgb(255, 202, 120);
}

    .alert-warning hr {
        border-top-color: #f7e1b5;
    }

    .alert-warning .alert-link {
        color: #66512c;
    }

.alert-danger {
    color: #fff;
    background-color: rgba(255, 100, 100, 0.9);
    border-color: rgb(255, 100, 100);
}

    .alert-danger hr {
        border-top-color: #e4b9c0;
    }

    .alert-danger .alert-link {
        color: #843534;
    }

.text-danger {
    font-size: 14px;
    color:  #FF6B71;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

    .close:hover,
    .close:focus {
        color: var(--dark-text);
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: .5;
    }

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

    .alert-dismissable .close,
    .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: #fff;
    }


.quote-author-avatar img {
    border-radius: 80px;
    height: 50px;
    width: 50px;
}

.bubble-avatar {
    border-radius: 80px;
    height: 50px;
    align-items: center;
    box-sizing: border-box;
    justify-content: center;
    vertical-align: bottom;
    text-align: center;
    width: 50px;
    position: relative;
}


    .bubble-avatar.green {
        background-color: rgb(55, 197, 171);
    }

    .bubble-avatar.red {
        background-color: #FF6B71;
    }

    .bubble-avatar.purple {
        background-color: #Df129f;
    }

    .bubble-avatar.blue {
        background-color: #2d94dd;
    }


.bubble-text {
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    letter-spacing: 3px;
    color: rgb(255, 255, 255);
    font-size: 25px;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
}



.js-team-hide {
    display: none;
}

.social-welcome-profile {
    width: 100%;
}

    .social-welcome-profile img {
        border-radius: 100%;
        margin-bottom: 25px;
        max-width: 160px;
    }

.pic-example {
    margin-top: 5px;
    max-width: 160px;
}

/*-----------------------------------*/

.estimate_item {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
}

.estimate_item_description {
    display: block;
    width: 100%;
    margin-bottom: 7px;
    text-align: left;
    margin-left: 10px;
    font-size: 15px;
}

.estimate_item_widget {
    display: block;
    width: 100%;
}

.estimate_item_value {
    border: 0;
    margin: 0;
    padding: 0 3px 0 0;
    width: 22px;
    line-height: 20px;
    color: #434343;
    font-weight: 700;
    font-size: 14px;
    text-align: right;
    background-color: inherit;
}

.estimate_item_unit {
    font-size: 14px;
    text-align: right;
    line-height: 20px;
    color: #434343;
}

.estimate_item_body {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #ddd;
    text-align: center;
    width: 165px;
    height: 42px;
    vertical-align: top;
    border-radius: 3px;
}

.estimate_item_widget {
    display: block;
}

.estimate_item_button {
    cursor: pointer;
    display: inline-block;
    background: #fcfcfe;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #d4d4d8;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2em;
    width: 42px;
    height: 42px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: none;
}

    .estimate_item_button:hover {
        color: #fff;
        background-color: #0070C1;
    }

    .estimate_item_button[disabled] {
        color: #ddd;
        background: #fff;
        cursor: auto;
    }

        .estimate_item_button[disabled]:hover {
            color: #ddd;
            background: #fff;
            cursor: auto;
        }

.estimate-hours {
    font-weight: 600;
}

.estimate-short {
    display: none;
    font-size: 12px;
    width: 100%;
}

label.category-address {
    font-size: 14px;
    text-align: left !important;
}
/*Page réservation*/

.order-aside-info {
    font-weight: 600;
    font-size: 12px;
    color: #86919d;
    padding: 0;
    text-align: left;
}

.payment-aside-info {
    font-weight: 300;
    font-size: 17px;
    color: var(--normal-text);
    margin-bottom: 6px;
}

.activity-payment .payment-aside-info {
}

.payment-aside-info:last-child {
    margin-bottom: 0;
}

.payment-aside-info .payment-description {
    float: left;
    width: 66.66%;
}

.payment-aside-info .payment-amount {
    float: right;
    width: 33.33%;
    text-align: right;
}

.payment-aside-info .payment-number {
    display: inline;
    clear: none;
    float: none;
}

.order-aside-info.order-summary {
    letter-spacing: 0.5px;
    padding: 0 20px 0 0;
    text-transform: uppercase;
    font-size: 12px;
    color: var(--normal-text);
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
}

    .order-aside-info.order-summary.active > div {
        border-bottom: 3px solid #004232 ;
        color: #004232 ;
        cursor: default;
        padding: 0 0 10px 0;
    }

.payment-aside-info.order-total {
    color: #314449;
    font-weight: 600;
    padding: 0;
    margin-bottom: -20px;
}

.box-pannel.box-summary {
    padding: 22px 22px 0 12px;
}

p.task-name {
    font-weight: 600;
    margin: 0;
}

.order-note {
    font-size: 14px;
}

    .order-note::first-letter {
        text-transform: capitalize;
    }

/*Section Banner page Show*/

section.sticky-banner.signup-banner {
    background-color: #2071c2;
    background: -webkit-linear-gradient(left top, rgba(41, 51, 145, 0.95), rgba(0, 100, 204, 0.90));
    background: -o-linear-gradient(bottom right, rgba(41, 51, 145, 0.95), rgba(0, 100, 204, 0.90));
    background: -moz-linear-gradient(bottom right, rgba(41, 51, 145,0.95), rgba(0, 100, 204, 0.90));
    background: linear-gradient(to bottom right, rgba(41, 51, 145, 0.95), rgba(0, 100, 204, 0.90));
    /* background-image: linear-gradient(-45deg, rgba(0, 100, 204, 0.95) 0%, rgba(41, 51, 145, 0.95) 100%);
    background-color: transparent;*/
    color: #fff;
}

section.sticky-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 0;
}

    section.sticky-banner.signup-banner {
        color: #fff;
        z-index: 1000;
    }


.sticky-banner-container {
    display: block;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 3%;
    box-sizing: border-box;
}

    .sticky-banner-container::before {
        content: "";
        display: table;
    }

    .sticky-banner-container::after {
        content: '';
        clear: both;
    }

section.sticky-banner.signup-banner .sticky-banner__inner {
    padding-bottom: 80px;
}

section.sticky-banner .sticky-banner__inner {
    position: relative;
    padding: 80px 0;
}

section.sticky-banner.signup-banner {
    color: #fff;
}

.form-step.signup-form {
    display: block;
}

.t-left {
    text-align: left;
}

.sticky-banner-row {
    margin-left: -15px;
    margin-right: -15px;
}

    .sticky-banner-row::before, .sticky-banner-row::after {
        content: " ";
        display: table;
    }

    .sticky-banner-row::after {
        clear: both;
    }

.col-sm-4 {
    width: 33.33333333%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.sticky-padding {
    margin-top: 0rem !important;
}

.m-top-2--xs {
    margin-top: 2rem !important;
}

.m-bottom-2--xs {
    margin-bottom: 2rem !important;
}

.col-sm-8 {
    width: 66.66666667%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 500px;
}

.col-sm-6-new {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-sm-6 {
    width: 50%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
}

.hide {
    display: none;
}


section.sticky-banner .banner-close span {
    position: relative;
    top: .2rem;
    font-weight: 100;
    font-size: 2rem;
    padding-right: .2rem;
}

section.sticky-banner .banner-close {
    cursor: pointer;
}

#content-profile h1 {
    font-size: 38px;
}

.note ul, .important-note ul {
    margin-left: 20px;
}

    .note ul li, .important-note ul li {
        list-style: disc;
    }

.important-note {
    padding: 20px 40px;
    border-radius: 20px;
    background-color: rgba(231, 249, 243,0.5);
    font-size: 14px;
    font-weight: 300;
}

    .important-note h3 {
        padding-top: 0;
        margin-top: 10px;
        font-size: 18px;
        font-weight: 600;
    }


section.sticky-banner .banner-close {
    position: absolute;
    right: 20px;
    top: 0;
    cursor: pointer;
    padding: 5px 0;
    font-size: 12px;
}

.form-step .step.step1 input, .form-step .step.step1 .btn {
    width: 240px;
    padding: 15px;
}

.btn.btn-white {
    color: #313139;
    background-color: var(--white-bkg);
    border-color: #fff;
    text-decoration: none;
}

.btn-white:hover {
    background-color: #ededed;
    border-color: #ededed;
}



.sticky-banner h3, .sticky-banner p {
    color: #fff;
}

.sticky-banner .btn {
    font-size: 14px !important;
}

/*-----------------------------------*/

#sk-settings-handle {
    display: none !important;
}

.form-password {
    max-width: 500px;
    float: inherit;
    margin: auto;
}

h3.reservation-popup {
    color: #5C73CC;
    font-size: 24px;
    margin: 0;
}

.city-pic {
    height: 160px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

    .city-pic img {
        width: 100%;
        max-width: 160px;
        border-radius: 100%;
        max-height: 160px;
    }

.clean-area {
    margin-bottom: 80px;
    padding: 0 40px;
}

.clean-list {
    float: left;
    clear: none;
    text-align: left;
    width: 45%;
    margin-left: 0%;
    margin-right: 3%;
    padding: 10px 0;
}

    .clean-list.list-right {
        margin-left: 4%;
        margin-right: 0%;
    }


    .clean-list ul li {
        background: url(../images/check-light-sm.svg) no-repeat center left;
        padding-left: 24px;
        background-size: 16px;
        clear: left;
        display: inline-block;
        height: 15px;
        float: left;
        line-height: 110% !important;
        margin-bottom: 0px;
        margin-top: 25px;
        font-weight: 600;
    }

    .clean-list h3 {
        margin-top: 0;
    }

.clean-image {
    float: right;
    clear: none;
    text-align: inherit;
    width: 45%;
    margin-left: 0%;
    margin-right: 3%;
    text-align: right;
    padding: 65px 0 0 0;
}

    .clean-image.left {
        text-align: left;
        float: left;
    }

    .clean-image img {
        width: 400px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        max-width: 100%;
    }


.half-left {
    max-width: 55%;
    text-align: justify;
    padding-bottom: 60px;
}

.half-right {
    max-width: 55%;
    text-align: justify;
    padding-bottom: 60px;
    float: right;
}

.image-bottom {
    margin: 10px auto;
    text-align: center;
}

    .image-bottom img {
        max-width: 560px;
        border-radius: 8px;
        width: 100%;
    }

.marissa-right {
    background-image: url(/content/images/marissa.jpg);
    overflow: hidden;
    background-size: auto auto;
    background-position: bottom right;
    background-repeat: no-repeat;
    margin-bottom: -40px;
    background-size: 430px;
}

.cta-banner h3 {
    font-size: 30px;
    display: inline-block;
}

.doer-testimonial {
    text-align: center;
    margin-top: 20px;
}

    .doer-testimonial strong {
        font-weight: 600;
        font-size: 16px;
    }

    .doer-testimonial p {
        max-width: 260px;
        font-size: 14px;
        margin: 20px auto auto auto;
    }

.doer-grid img {
    border: 5px solid #F06B71;
}

.comparison-table {
    text-align: center;
    color: #313449;
    font-weight: 600;
}

    .comparison-table th {
        width: 20%;
    }

    .comparison-table td {
        padding: 15px 0;
    }

    .comparison-table .text-blue {
        color: #5573B8;
        font-weight: 600;
    }

.popup-circle {
    max-width: 75px;
    margin: -73px auto auto auto;
}


.choices-box label input:checked ~ div.checklabel div.frequency-benefits {
    border-top-color: #fff;
}



.choices-box.dayofweek label .checklabel {
    width: 100px;
    height: 60px;
    padding: 0;
    line-height: 60px;
    text-align: center;
}

.choices-box {
    /*width: 290px;*/
    width: 100%;
    box-sizing: border-box;
}

    .choices-box label {
        overflow: hidden;
    }

.choices-box-description {
    width: 100%;
    font-weight: 400;
    text-align: left;
    padding-bottom: 7px;
    font-size: 15px;
    margin-left: 7px;
}

.frequency-title {
    padding: 10px 0;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}

.frequency-benefits {
    font-size: 12px;
    padding: 10px 0px;
    border-top: 1px solid #999;
    width: 80%;
    text-align: center;
    margin: 0 auto;
    min-height: 51px;
}

.frequency-popular:after {
    bottom: 15px;
    right: -26px;
    position: absolute;
    content: "Populaire";
    background: #004232 ;
    padding: 3px 0;
    line-height: 1;
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 8px;
    text-align: center;
    width: 100px;
    transform: rotate(-41deg);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}



h3.no-top-margin {
    margin-top: 0;
}

.box-pannel.box-details {
    width: 85%;
    margin: auto;
    padding: 16px 0 16px 0;
}

.reservation textarea.form-control {
    height: 120px;
}

.reservation-aside {
    float: right;
    width: 340px;
}

.reservation .content-col {
    float: left;
}

.reservation-testimonial {
    padding: 10px 0 20px 0;
    border-bottom: 3px solid #eee;
    border-top: 3px solid #eee;
}

    .reservation-testimonial h4 {
        margin-top: 5px;
    }

    .reservation-testimonial p {
        font-size: 15px;
    }

.order-summary-bar {
    width: 100%;
    background-color: var(--white-bkg);
    height: 55px;
    cursor: pointer;
}

.order-summary-button {
    width: 150px;
    cursor: pointer;
    color: #fff;
    display: none;
    margin: auto;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 64px;
}

.order-summary-bar_info {
    font-size: 14px;
    width: 220px;
    height: 55px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
}

.summary-left {
    float: left;
}

.order-summary-bar_price {
    float: none;
    display: table-cell;
    vertical-align: middle;
    height: 55px;
    width: 80px;
    text-align: center;
}


.order-summary-showdetails:hover, .order-summary-closedetails:hover {
    text-decoration: none;
}

.strike {
    font-size: 24px;
    color: #999;
}

div.strike-border {
    width: 50px;
    position: absolute;
    transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
    left: 40%;
    margin-top: 20px;
    border-bottom: 2px solid #999;
}

/*NEW CODE Sparkbay*/

.container-full {
    position: absolute;
    bottom: 0;
    width: 100%;
    top: 62px;
}

.search-area {
    position: absolute;
    top: 62px;
    bottom: 0;
    left: 0;
    right: 0;
}

.search-results {
    padding: 10px 10px 0;
}

.no-result {
    height: 80px;
}

    .no-result p {
        margin-top: 20px;
    }

        .no-result p::before {
            background: #f4f4f8 url("/content/images/sad-cloud.svg") no-repeat center center;
            content: "\a0";
            float: left;
            height: 52px;
            width: 80px;
            margin-right: 20px;
            margin-left: 20px;
        }

.search-map {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
}

.force-block {
    display: block !important;
}

.search-map.map-right {
    left: 70%;
    width: 30% !important;
}

    .search-map.map-right .map-div {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: auto;
    }

.class-list {
    position: fixed;
    top: 62px;
    left: 0;
    bottom: 0;
    width: 70%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 0;
    flex: 1;
    background: #F3F3F3;
}



.search-results .col-md-6 {
    padding: 0 6px 0 6px;
}

.search-card {
    position: relative;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    box-shadow: 0 1px 3px rgba(0,0,0,.2),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
    -khtml-box-shadow: 0 1px 3px rgba(0,0,0,.2),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.6em;
    margin-bottom: 1.2rem;
    width: 47%;
    float: left;
    margin-left: 18px;
}

.class-pic-wrap {
    width: 100%;
    padding-bottom: 66%;
    position: relative;
    cursor: pointer;
    background: #c2c8cf;
}

.class-pic {
    position: absolute;
    background-size: cover !important;
    background-position: center;
    background-repeat: no-repeat;
    image-rendering: -webkit-optimize-contrast;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.class-detail {
    position: relative;
    display: block;
    padding: 12px 14px;
}

.search-card .class-detail {
    height: 75px;
}


.search-card a:hover {
    text-decoration: none !important;
}


.class-detail .class-name {
    color: #444b53;
    font-size: 16px;
    font-weight: 600;
    position: relative;
}

.class-detail .class-description,
.class-detail .class-schedule {
    font-weight: 300;
    color: #8c939c;
    font-size: 12px;
    line-height: 14px;
    margin: 0px;
    word-wrap: break-word;
    letter-spacing: 0.2px;
    padding-top: 0px;
    padding-bottom: 0px;
    /*display: inline;*/
    clear: both;
}

.class-detail .class-price {
    position: absolute;
    top: 12px;
    right: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #444b53;
}

a.class-detail {
    text-decoration: none;
}


#search-filters {
    position: relative;
    z-index: 10;
    background-color: var(--white-bkg);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.15);
}


#search-type {
    display: flex;
    background-color: var(--white-bkg);
    border-bottom: 1px solid #efefef;
}

    #search-type ul {
        padding: 20px 0 10px 12px;
        height: 50px;
        background: #fff;
    }

        #search-type ul li {
            display: inline-block;
            padding: 0px 25px 0px 0;
        }

            #search-type ul li a {
                padding: 0px 0 15px 0;
                display: block;
                text-decoration: none;
                font-size: 12px;
                color: var(--normal-text);
                font-weight: 700;
                text-transform: uppercase;
            }

            #search-type ul li.active a {
                border-bottom: 3px solid #004232 ;
                color: #004232 ;
                cursor: default;
                padding: 0px 0 6px 0;
            }


.filter-section {
    padding: 10px;
    background: #fff;
    display: flex;
    width: 100%;
    clear: both;
    position: relative;
    text-align: left;
}

    .filter-section .section-title {
        display: block;
        padding-top: 6px;
        padding-bottom: 8px;
    }

        .filter-section .section-title span {
            font-size: 13px;
            line-height: 1.43;
            color: #484848;
            font-weight: 600;
        }


    .filter-section .input {
        display: block;
        position: relative;
        padding: 10px;
        width: 30%;
    }

    .filter-section select {
        display: inline-block;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
        border: 1px solid #ddd;
        text-align: center;
        width: 100%;
        height: 32px;
        vertical-align: top;
    }

.browse-se-box {
    padding: 0 10px 40px 10px;
}

    .browse-se-box h3 {
        color: #666;
        font-size: 16px;
        margin: 10px 0 0 0;
    }

    .browse-se-box .small-link {
        color: #666;
        font-size: 12px;
    }

.searchbar {
    border: 1px solid #dededf;
    border-radius: 4px;
    box-shadow: 0 5px 15px 0px rgba(0,0,0,.1);
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 40px;
    height: 70px;
}

    .searchbar:hover {
        box-shadow: 0 5px 15px 0px rgba(0,0,0,.2);
    }

    .searchbar .searchrow {
        display: table;
        width: 100%;
    }

    .searchbar .searchfield {
        padding: 7px 15px 5px 15px;
        display: table-cell;
        float: none;
        width: 33%;
        text-align: left;
        border-right: 1px solid #dededf;
        position: relative;
        height: 70px;
    }

        .searchbar .searchfield:last-child {
            border-right: none;
        }

        .searchbar .searchfield div.crop-select {
            width: 90%;
            overflow: hidden;
            line-height: 0;
        }

        .searchbar .searchfield select {
            display: block;
            width: 100%;
            border: none;
            height: 30px;
            background-size: 18px;
            display: none;
        }

        .searchbar .searchfield:last-child div.crop-select {
            width: 60%;
            display: inline-block;
        }

        .searchbar .searchfield:last-child select {
            width: 110%;
        }

        .searchbar .searchfield:last-child .btn {
            display: inline-block;
            top: -13px;
            margin-bottom: -10px;
            float: right;
        }

    .searchbar .searchlabel {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 14px;
        letter-spacing: -0.5px;
        white-space: nowrap;
        display: block;
        font-weight: 600;
    }


.direction-row {
    border-top: 1px solid #ededed;
    padding: 15px 0 20px 0;
}

    .direction-row:first-child {
        border-top: none;
        padding: 5px 0 20px 0;
    }



.container.no-space-bottom {
    margin-bottom: 0;
    padding-bottom: 0;
}


.grey-border-bottom {
    border-bottom: 1px solid #E5E5E5;
}

.no-cta .grey-border-bottom {
    border-bottom: none;
}

.no-cta .client-type-section {
    display: none;
}


.signup {
    padding: 55px 0;
}

    .signup .signup-box {
        display: inline-block;
        padding: 32px;
        border-radius: 8px;
        box-shadow: 0 4px 14px 0 rgba(0,0,0,.1);
        width: 100%;
        max-width: 900px;
        background: linear-gradient(180deg,#ffffff 20%,#fcfcfc);
        position: relative;
    }

        .signup .signup-box.signup-line:before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: #222875;
        }

        .signup .signup-box.colored-signup {
            box-shadow: 0 4px 14px 0 rgba(0,0,0,.2);
        }



.signup-box.colored-signup.signup__purple {
    /*background: linear-gradient(136deg,#FA6EB9,#946FF9);*/
    background: #FC97B3;
}


.signup-box.colored-signup.signup__green {
    background: linear-gradient(136deg,#06DCD0,#16AEE7);
}

.signup-box.colored-signup.signup__blue {
    background: linear-gradient(136deg,rgb(141,49,183),#16AEE7);
}

.signup-box h4 {
    text-align: center;
    font-size: 40px;
    line-height: 160%;
    display: block;
    vertical-align: middle;
    margin: 0 0 30px 0;
    color: var(--light-text);
}

.signup-box.colored-signup h4 {
    color: #ffffff;
}

.signup-box .btn {
    min-width: 230px;
}

.signup .signup-alternative {
    display: block;
    margin-top: 20px;
    font-size: 17px;
    color: #919599;
}

.signup-alternative a {
    color: var(--light-text__3);
    border-bottom: 1px solid #c1c5c9;
}

    .signup-alternative a:hover {
        text-decoration: none;
    }

body.dash {
    background-color: var(--white-bkg);
}

h3.header-steps {
    font-size: 34px;
    margin-left: 100px;
}

.create-account .col-md-6, .add-colleagues .col-md-6 {
    display: inline-block;
    vertical-align: middle;
}

.create-account .social-or span {
    background-color: #f4f4f8;
}

.create-account .btn {
    max-width: 450px;
    margin: 6px;
    padding: 17px 0 17px 0;
    text-align: center;
    width: 100%;
}

.add-colleagues .btn {
    max-width: 450px;
    margin: 6px 0 0 0;
    padding: 17px 0 17px 0;
    text-align: center;
    width: 90%;
    cursor: pointer;
}

.create-account .btn.sm {
    width: inherit;
    padding: 8px 20px;
}

.create-account .col-social {
    text-align: center;
    float: none;
}

/*.create-account h2 {
    margin-top: 0;
}*/



.no-cta .business-cta, .no-cta .business-cta.col-md-show {
    display: none !important;
}

.no-cta .signup {
    display: none !important;
}

.business-cta.col-md-show {
    display: none;
}

.business-cta {
    display: block;
    position: absolute;
    bottom: 0;
    max-width: 490px;
    right: 0px;
    top: 0;
    background: #fff;
}

.business-cta-inside {
    color: #ffffff;
    padding: 125px 65px 130px 65px;
}


    .business-cta-inside p {
        color: #555459;
        max-width: 360px;
    }

    header .business-cta-inside h3, .business-cta-inside h3 {
        color: #FF7E75;
        font-weight: 700;
        margin: 0 0 15px 0;
        text-shadow: none;
        font-size: 33px;
        max-width: 330px;
    }

.french-header header .business-cta-inside h3, .french-header .business-cta-inside h3 {
    font-size: 30px;
}

.home.french-header h2.left {
    font-size: 30px;
}

.business-cta-button {
    position: relative;
    float: right;
    top: 30px;
}

    .business-cta-button .btn {
        box-shadow: 0 5px 15px rgba(0,0,0,.2);
        padding: 15px 30px;
        z-index: 1000;
    }

#header-text .btn {
    /*box-shadow: 0 5px 15px rgba(0,0,0,.2);*/
    padding: 15px 30px;
    /*z-index: 1000;
    position: absolute;*/
    font-size: 16px;
    font-weight: 600;
}



.home.french-header .header-width h1:before {
    left: -475px;
}

a.arrow-link {
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
}

.arrow-link i.material-icons {
    top: 5px;
    display: inline;
    position: relative;
    text-decoration: none;
}

.why-box {
    display: block;
    position: absolute;
    max-width: 580px;
    background-color: #570E72;
    left: 10%;
    top: 20%;
    box-shadow: 0 5px 15px 0px rgba(0,0,0,.1);
    border-radius: 8px;
}

.why-box-inside {
    color: #ffffff;
    padding: 60px 60px 60px 60px;
}

    .why-box-inside h1 {
        font-size: 34px;
        margin: 0 0 25px 0;
        color: rgba(255, 255, 255, 0.90);
        text-shadow: none;
        line-height: 1.1;
        font-weight: 400;
    }

        .why-box-inside h1 strong {
            color: rgba(255, 255, 255, 1);
            font-weight: 600;
            font-size: 38px;
        }

    .why-box-inside p {
        color: #fff;
        font-size: 19px;
        font-weight: 300;
    }

.side-image {
    height: 100%;
    width: 55%;
    background-size: cover;
    image-rendering: -webkit-optimize-contrast;
    background-position: top center;
    display: table-cell;
    height: 670px;
}


.side-block {
    height: 100%;
    display: table-cell;
    width: 45%;
}

.side-block-inner {
    padding: 65px;
}


.business-box {
    display: block;
    position: absolute;
    bottom: 0;
    width: 50%;
    left: 0px;
    background-color: #34363B;
    top: 0;
}

.business-box-inside {
    color: #ffffff;
    position: absolute;
    top: 30%;
    height: 200px;
    width: 100%;
    max-width: 60%;
    left: 20%;
    /*padding: 215px 65px 130px 65px;*/
}

header .business-box-inside h1 {
    font-weight: 700;
    margin: 0 0 20px 0;
    text-shadow: none;
    font-size: 43px;
    max-width: 430px;
    line-height: 1.3;
}

.business-box-inside h2 {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    text-shadow: none;
    line-height: 1.6;
}

.half-image .separator {
    width: 50px;
    float: left;
    border-bottom: 1px solid #ddd;
}

/*.host nav[role=navigation], .business nav[role="navigation"], .host .mobile-nav-btn a, .business .mobile-nav-btn a {
    display: none;
}*/

p.large-text {
    font-size: 19px;
    line-height: 230%;
    max-width: 850px;
    margin: auto auto;
    width: 95%;
    font-weight: 300;
}

    p.large-text strong {
        font-weight: 400;
    }

.steps h3 {
    margin-top: 0;
}


a.footer-social {
    color: transparent;
}

.footer-social img {
    width: 100%;
    max-width: 40px;
    min-width: 40px;
}

.note.subtext {
    color: var(--light-text__2);
    font-size: 12px;
    font-weight: 400;
    margin-top: 0px;
    /*margin-left: 5px;*/
}



/*HOME PAGE*/


.feature__container {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 70px;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

    .feature__container h3 {
        margin: 0 auto 50px auto;
    }

.feature__card {
    backface-visibility: hidden;
    background: #fff;
    margin-bottom: 40px;
    border-radius: 4px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: relative;
    display: -webkit-box;
    display: flex;
    box-shadow: 2px 2px 20px 0 rgba(0,0,0,.1);
}

    .feature__card:hover {
        box-shadow: 2px 2px 20px 0 rgba(0,0,0,.2);
    }

        .feature__card:hover a {
            text-decoration: none;
        }

.feature__card__inner {
    padding: 40px;
}

.feature__card__large {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}

.feature__card__small {
    width: 48%;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.feature__card.feature__card__large .feature__card--image-wrapper {
    position: relative;
    text-align: center;
    z-index: 1;
    max-width: 300px;
    padding: 0 50px 0 0;
    display: inline-block;
}

.feature__card--image-wrapper img {
    width: 100%;
    height: 130px;
    padding-bottom: 30px;
    max-width: 200px;
}

.feature__card.feature__card__large .feature__card--text-wrapper {
    width: 50%;
    vertical-align: top;
    text-align: left;
    display: inline-block;
}

.feature__card--text-wrapper .title-introduction {
    font-size: 14px;
    color: #454649;
    text-align: unset;
}

.feature__card__engagement .feature__card--text-wrapper .title-introduction {
    color: #570E72;
}

.feature__card__retention .feature__card--text-wrapper .title-introduction {
    color: #222875;
}

.feature__card__productivity .feature__card--text-wrapper .title-introduction {
    color: #004232 ;
}

.feature__card__diversity .feature__card--text-wrapper .title-introduction {
    color: #690031;
}

.feature__card__small .feature__card--text-wrapper {
    min-height: 180px;
}

.feature__card--text-wrapper h3 {
    font-size: 22px !important;
    margin: 0 0 20px 0 !important;
    color: var(--normal-text) !important;
}



.feature__card--content p {
    font-size: 15px !important;
    margin: 0 0 15px 0 !important;
}

.feature-cta {
    margin-top: 30px;
}


.text-highlight-left, .text-highlight-right {
    justify-content: space-between;
    align-items: center;
    padding-bottom: 70px;
    padding-top: 70px;
    display: flex;
}

.text-highlight-container {
    position: relative;
    max-width: 800px;
}

.text-highlight-heading {
    position: absolute;
    top: 50%;
    text-align: left;
}

.heading-row::after {
    content: "\A";
    white-space: pre;
}

.heading-row {
    background-color: var(--white-bkg);
    position: relative;
    padding: 6px 0 6px 10px;
}



.text-highlight-left .text-highlight-image {
    margin-left: 90px;
}

    .text-highlight-left .text-highlight-image > div {
        float: left;
    }

.text-highlight-left .text-highlight-text {
    /*padding-left: 80px;*/
}

.text-highlight-right {
    flex-direction: row-reverse;
}

    .text-highlight-right .text-highlight-heading {
        right: 0;
    }

    .text-highlight-right .text-highlight-image {
        margin-right: 90px;
    }

        .text-highlight-right .text-highlight-image > div {
            float: right;
        }

    .text-highlight-right .text-highlight-text {
        /*padding-right: 80px;*/
    }

.text-highlight-image {
    /*width: 400px;*/
}

    .text-highlight-image.image-box__feature {
        /*box-shadow: 0 4px 20px 0 rgba(0,0,0,.1);
border-radius: 8px;*/
        /*height: 350px;
overflow:hidden;*/
    }

        .text-highlight-image.image-box__feature img {
            height: 370px;
        }

.text-highlight-image__image-box {
    width: 100%;
    display: block;
    background-size: cover;
    height: 260px;
    border-radius: 8px;
    box-shadow: 3px 11px 36px 0 rgba(0,0,0,.15);
    max-width: 420px;
}

    .text-highlight-image__image-box.image-box__vertical {
        height: 400px;
        max-width: 300px;
    }

    .text-highlight-image__image-box.image-box__square {
        height: 300px;
        max-width: 300px;
        border-radius: 60px;
    }


#highlight-image-2 {
    background-image: linear-gradient(135deg,rgba(84, 164, 255,.68),rgba(255, 148, 251,.40)),url(/content/images/home/worker-red-shirt.jpg);
    background-position: top;
}

#highlight-image-1 {
    background-image: linear-gradient(135deg,rgba(36, 198, 220,.68),rgba(0, 198, 188,.40)),url(/content/images/home/team-cohesion.jpg);
    background-position: top;
}

#highlight-image-3 {
    background-image: linear-gradient(135deg,rgba(255,0,55,.68),rgba(255,188,42,.37)),url(/content/images/home/smiling-employee.jpg);
    background-position: top;
}


.text-highlight-container h3 {
    font-weight: 700;
    font-size: 38px;
    margin: 0;
}

.text-highlight-text h2 {
    text-transform: uppercase;
    color: #ff2e77;
    font-size: 16px;
    font-weight: 600;
    margin: 0 !important;
    text-align: left;
}


    .text-highlight-text h3, .text-highlight-text h2 + h3 {
        color: #515569;
        font-size: 29px;
        font-weight: 600;
        text-align: left;
        margin: 0 0 10px 0;
    }

.text-highlight-text {
    padding-bottom: 20px;
}

    .text-highlight-text p {
        text-align: left;
        color: #818589;
        font-size: 18px;
        line-height: 1.8;
        margin-bottom: 10px;
    }

    .text-highlight-text a {
        color: #222875;
        border-bottom: 1px solid #222875;
    }

        .text-highlight-text a:hover {
            text-decoration: none;
        }


    .text-highlight-text strong {
        font-weight: 700;
    }

.home-steps {
    max-width: 1000px;
}

    .home-steps .section-row {
        margin-bottom: 60px;
        margin-top: 50px;
    }

    .home-steps h2 {
        margin: 10px 0 0 0;
        color: #570E72;
    }

    .home-steps h3 {
        margin-top: 0;
        font-size: 21px;
    }



    .home-steps span.blue-number {
        color: #222875;
    }

    .home-steps span.green-number {
        color: #004232 ;
    }

    .home-steps span.red-number {
        color: #ff2e77;
    }

.home-why .container {
    max-width: 1000px;
}

.home-why h2 {
    margin: 0 0 80px 0;
    color: #313539;
    font-size: 38px;
}

.integrations-hub-section {
    padding: 80px 0;
}

    .integrations-hub-section h3 {
        font-size: 34px;
        margin: 0;
    }

    .integrations-hub-section p {
        font-size: 21px;
        font-weight:300;
    }

    .integrations-hub-section .container {
        display: flex;
        align-items: center;
    }

    .integrations-hub-section .col-md-6:nth-child(2) {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }


    .integrations-hub {
        position: relative;
        width: 550px;
        height: 550px;
        margin: 0 auto;
    }

.hub-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

    .hub-center img {
        max-width: 50px;
        max-height: 50px;
    }

.hub-node {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(var(--angle)) translateX(var(--distance));
}

.hub-icon {
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(calc(-1 * var(--angle)));
}

    .hub-icon img {
        max-width: 45px;
        max-height: 45px;
        border-radius: 8px;
    }

.hub-label {
    display: block;
    text-align: center;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 500;
    color: #333;
    transform: rotate(calc(-1 * var(--angle)));
    white-space: nowrap;
}

.hub-arrow {
    position: absolute;
    top: 50%;
    right: 100%;
    width: calc(var(--distance) - 75px);
    height: 2px;
    background: #333;
    transform-origin: right center;
    margin-right: 10px;
    /* Add these for consistent rendering */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
}

    /* Arrow heads on both ends */
    .hub-arrow::before,
    .hub-arrow::after {
        content: '';
        position: absolute;
        top: 50%;
        border: solid #333;
        border-width: 0 2px 2px 0;
        padding: 3px;
        /* Add these for consistent rendering */
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        transform: translateZ(0);
    }

    .hub-arrow::before {
        right: -2px;
        transform: translateY(-50%) rotate(-45deg);
    }

    .hub-arrow::after {
        left: -2px;
        transform: translateY(-50%) rotate(135deg);
    }


.inclined-section {
    position: relative;
    background-color: var(--white-bkg);
}

    .inclined-section:after {
        content: "";
        position: absolute;
        z-index: -2;
        width: 100%;
        height: 450px;
        bottom: 36%;
        left: 0;
        -webkit-transform: skewY(5deg);
        -moz-transform: skewY(5deg);
        -ms-transform: skewY(5deg);
        -o-transform: skewY(5deg);
        transform: skewY(5deg);
        background: #f4f2fc;
    }




.usecards {
    display: block;
    float: left;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.use-column-1 {
    position: relative;
    float: left;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 880px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: start;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 100%;
}

.use-column-2 {
    position: relative;
    float: left;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 880px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-pack: start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 100%;
}

.card {
    position: relative;
    padding: 30px;
    /*-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;*/
    border-radius: 4px;
    background-color: var(--white-bkg);
    box-shadow: 1px 3px 6px -2px rgba(0,0,0,.1);
    font-size: 16px;
    line-height: 21px;
    text-align: left;
}

.usecards .card {
    display: block;
    margin-bottom: 20px;
    padding: 18px;
    box-shadow: 2px 2px 20px 0 rgba(0,0,0,.1);
    width: 100%;
}

    .usecards .card p.testimonial-quote {
        font-size: 16px;
            }

.usecards .testimonial-author__name {
    font-size:17px
}

.usecards .testimonial-author__info {
    font-size: 16px
}

    .card__title {
        display: -webkit-box;
        display: flex;
        margin-bottom: 15px;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: block;
    }


.card__industry {
    display: -webkit-box;
    display: flex;
    margin-bottom: 14px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: block;
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

    .card__industry.card__red {
        color: #690031;
    }

    .card__industry.card__blue {
        color: #222875;
    }

    .card__industry.card__green {
        color: #004232 ;
    }

    .card__industry.card__purple {
        color: #570E72;
    }

    .card__industry.card__yellow {
        color: #FE584A;
    }

.card__author-profile {
    display:inline-block;
}

    .card__author-profile img {
        width: 40px;
        height: 40px;
/*        filter: grayscale(100%);
        opacity: .8;*/
        border-radius: 100px;
        margin: 0 10px 0 0;
        vertical-align: bottom;
    }
    
 

.card__use p {
    margin-bottom: 0;
    color: #212429;
    font-size: 14px;
    line-height: 25px;
}

.usecards-section__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 880px;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 80px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
}

    .usecards-section__title h2 {
        color: #690031;
        font-size: 32px;
        margin: 0 0 15px 0;
    }

    .usecards-section__title p {
        line-height: 1.8;
        color: #818589;
        font-size: 17px;
    }


.client-success-box .col {
    border-radius: 12px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    margin: 0 20px 0 20px;
    padding: 40px 30px 30px 30px;
}

    .client-success-box .col p {
        min-height: 100px;
    }

.client-success-box a.col:hover {
    text-decoration: none;
    box-shadow: 0 5px 10px rgba(0,0,0,.3);
}

/***WHY SPARKBAY*****/


.why-sparkbay header {
    background-image: linear-gradient(135deg,rgba(84, 164, 255,.98),rgba(255, 148, 251,.68)),url(/content/images/why-sparkbay.jpg);
    background-color: var(--white-bkg);
    background-size: cover;
    image-rendering: -webkit-optimize-contrast;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 550px;
}

    /*.host #header-text {
    margin-top: 110px;
    text-align: center;
    margin-bottom: 0;
}*/


    .why-sparkbay header:after {
        background: none;
    }

.why-sparkbay #header-text {
    margin-top: 110px;
    text-align: center;
}



.title-introduction {
    text-transform: uppercase;
    color: #ff2e77;
    font-size: 16px;
    font-weight: 600;
    margin: 0 !important;
    text-align: left;
}

.business .title-introduction {
    color: #222875;
}

.business #data .title-introduction {
    color: #570E72
}

.business #conversation .title-introduction {
    color: #004232 
}

.business .how-works:after {
    bottom: 36%;
}

.business h2 {
    margin-top: 0;
}


.demo-fr #img-demo-1 {
    background-image: url(/content/images/engagement-fr.png);
}

.demo-en #img-demo-1 {
    background-image: url(/content/images/engagement-en.png);
}

.demo-fr #img-demo-2 {
    background-image: url(/content/images/brainstorm-fr.png);
    background-position: top right;
}

.demo-en #img-demo-2 {
    background-image: url(/content/images/brainstorm-en.png);
    background-position: top right;
}

.demo-fr #img-demo-3 {
    background-image: url(/content/images/results-fr.png);
}

.demo-en #img-demo-3 {
    background-image: url(/content/images/results-en.png);
}



.half-image {
    display: table;
    width: 100%;
    background-color: #34363B;
}

    .half-image h2 {
        font-size: 40px;
        color: #fff;
        line-height: 1;
        margin: 10px 0 25px 0;
    }

    .half-image p {
        color: #fff;
    }

    .half-image h3, .half-image h2 + h3 {
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        margin: 20px 0 20px 0;
    }


.half-demo {
    display: table;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto 60px auto;
}

.side-demo-image {
    width: 50%;
    background-size: cover;
    image-rendering: -webkit-optimize-contrast;
    background-position: top left;
    display: table-cell;
    height: 500px;
}

    .side-demo-image .side-image-inner {
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left;
        padding: 0 20px;
        height: 500px;
    }

.side-image-inner__video-wrap {
    overflow: hidden;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.1);
    border-radius: 8px;
    height: 400px;
    width: 700px;
}

.side-demo-image video {
    height: 408px;
    position: relative;
    top: -2px;
    left: -4px;
}


.side-demo-block {
    height: 100%;
    display: table-cell;
    width: 45%;
}

    .side-demo-block .side-block-inner {
        padding: 0 65px;
        height: 500px;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: left;
    }

.half-demo p {
    text-align: left;
    color: #818589;
    font-size: 17px;
    line-height: 1.7;
}

.half-demo ul li {
    color: #919599;
    font-size: 16px;
    list-style: initial;
    margin-bottom: 10px;
    margin-left: 17px;
    font-weight: 300;
}

    .half-demo ul li.list-header {
        list-style: none;
        margin-left: 0;
        margin-bottom: 5px;
    }

.half-demo a {
    color: #ff2e77;
    border-bottom: 1px solid #ff2e77;
}

    .half-demo a:hover {
        text-decoration: none;
    }

.gradient-fade {
    background: linear-gradient(#Fafafa,#fff 20%);
}

.home-why.gradient-fade {
    background: linear-gradient(#fff9fb,#fff 20%)
}


/******SPARKBAY FEATURE******/




.sparkbay-feature #header-text {
    margin-bottom: 50px;
    margin-top: 80px;
    /*max-width: 800px;
    margin-left: auto;
    margin-right: auto;*/
}

.sparkbay-feature header h1, .sparkbay-feature header h2.landing-title, .home h2.landing-title {
    font-weight: 700;
    color: #515459;
    font-size: 50px;
    text-shadow: none;
    margin: 0;
    line-height: 105%;
    margin-bottom: 30px;
}

    .sparkbay-feature header h1 + h2 {
        font-size: 21px;
        line-height: 1.8;
        text-shadow: none;
        font-weight: 400;
        margin: 20px 0 0 0;
        color: #242527;
    }

    .highlight-container {
        max-width: 1200px;
        width:100%;
        padding: 30px 100px;
        margin: auto;
        border-radius:20px;
    }

    /****BODY COLORS*****/

body.pink header .btn {
    color: #FAEEF4;
    background-color: #690031;
    border: 2px solid;
}

body.pink header .btn:hover {
    background-color: #FAEEF4;
    color: #690031;

}


body.pink header h1, body.pink header h2, body.pink header h3 {
    color: #690031;
}

body.pink .btn.outline.demo-btn {
    color: #690031;
    background-color: transparent;
    border:2px solid;
}

body.pink .btn.outline.demo-btn:hover {
    background-color: #690031;
    border-color: #690031;
    color: #FAEEF4;
}



body.pink header {
    background-color: #FAEEF4;
}


body.pink .highlight-container, body.pink .highlight-container h3, body.pink .highlight-container p {
    color: #570E72 !important;
    background-color: #F4F5F7;
}



body.green header .btn {
    color: #EBF9F6;
    background-color: #004232 ;
    border: 2px solid;
}

body.green header .btn:hover {
    background-color: #EBF9F6;
    color: #004232 ;
}


body.green header h1, body.green header h2, body.green header h3 {
    color: #004232 ;
}

body.green .btn.outline.demo-btn {
    color: #004232;
    background-color: transparent;
    border: 2px solid;
}

body.green .btn.outline.demo-btn:hover {
    background-color: #004232;
    border-color: #004232;
    color: #EBF9F6;
}

body.green header {
    background-color: #EBF9F6;
}

body.green .highlight-container, body.green .highlight-container p, body.green .highlight-container h3 {
    color: #570E72 !important;
    background-color: #F4F5F7;
}

body.purple header .btn {
    color: #F4F5F7;
    background-color: #570E72;
    border: 2px solid;
}

    body.purple header .btn:hover {
        background-color: #F4F5F7;
              color: #570E72;
    }

body.purple header h1, body.purple header h2, body.purple header h3, body.purple header .btn.outline {
    color: #570E72;
}

body.purple .btn.outline.demo-btn {
    color: #570E72;
    background-color: transparent;
    border: 2px solid;
}

body.purple .btn.outline.demo-btn:hover {
    background-color: #570E72;
    border-color: #570E72;
    color: #F4F5F7;
}

body.purple header {
    background-color: #F4F5F7;
}

body.purple .highlight-container, body.purple .highlight-container h3, body.purple .highlight-container p {
    color: #004232  !important;
    background-color: #EBF9F6;
}

body.blue header .btn {
    color: #e8f0fe;
    background-color: #222875;
    border: 2px solid;
}

body.blue header .btn:hover {
    background-color: #e8f0fe;
    color: #222875;
}

body.blue header h1, body.blue header h2, body.blue header h3 {
    color: #222875;
}

body.blue .btn.outline.demo-btn {
    color: #222875;
    background-color: transparent;
    border: 2px solid;
}

body.blue .btn.outline.demo-btn:hover {
    background-color: #222875;
    border-color: #222875;
    color: #e8f0fe;
}

body.blue header {
    background-color: #e8f0fe;
}

body.blue .highlight-container, body.blue .highlight-container p, body.blue .highlight-container h3 {
    color: #FE584A !important;
    background-color: #FFF1F2;
}

body.yellow header .btn {
    color: #FFF1F2;
    background-color: #FE584A;
    border: 2px solid;
}

body.yellow header .btn:hover {
    background-color: #FFF1F2;
    color: #FE584A;
}


body.yellow header h1,
body.yellow header h2,
body.yellow header h3{
    color: #FE584A;
}

body.yellow .btn.outline.demo-btn {
    color: #FE584A !important;
    background-color: transparent !important;
    border: 2px solid;
}

body.yellow .btn.outline.demo-btn:hover {
    background-color: #FE584A !important;
    border-color: #FE584A !important;
    color: #FFF1F2 !important;
}

body.yellow header {
    background-color: #FFF1F2;
}

body.yellow .highlight-container, body.yellow .highlight-container h3, body.yellow .highlight-container p {
    color: #222875 !important;
    background-color: #e8f0fe;
}



/*.sparkbay-feature h2 {
    margin:0;
}*/

.sparkbay-feature header {
    overflow: hidden;
    position: relative;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 20%;
}

/*.sparkbay-feature header nav .btn.outline {
        border: 2px solid #fff;
        color: #fff;
    }

        .sparkbay-feature header nav .btn.outline:hover {
            border: 2px solid #fff;
            background-color: var(--white-bkg);
            color: #545567;
        }*/

.more-resources {
    border-top: 2px solid #c4c4c4;
}

.container.more-resources {
    padding: 0;
}

.more-resources h3 {
    font-weight: 400;
    font-size: 26px;
}

.sparkbay-feature .article-box {
    flex-basis: calc(33% - 20px);
    width: calc(33% - 20px);
}

.more-resources .article-box__preview {
    display: none;
}

.more-features__row {
    text-align: center;
    padding: 30px 0 30px 0;
    border-top: 1px solid #ededed;
    margin: 30px auto 30px auto;
}

    .more-features__row .col-md-4 {
        display: inline-block;
        vertical-align: top;
        padding: 0px 30px 0px 0;
    }


    .more-features__row h3 {
        font-size: 24px;
        margin: 20px 0 10px 0;
        font-weight: 700;
        color: var(--light-text);
    }

    .more-features__row p {
        font-size: 19px;
        font-weight: 400;
        margin: 0;
    }




/******SPARKBAY FEATURE INDIVIDUAL PAGES*******/


.sparkbay-feature.feature-engagement .hero-image {
    background-image: linear-gradient(135deg,rgba(255, 88, 55,.37),rgba(255, 188, 122,.27)),url(/content/images/headers/header-smilling-small.jpg);
}

.sparkbay-feature.feature-engagement .hero-stat {
    background-image: url(/content/images/headers/hero-stat-engagement.svg);
}

.sparkbay-feature.feature-engagement.french-header .hero-stat {
    background-image: url(/content/images/headers/hero-stat-engagement-fr.svg);
}



.sparkbay-feature.feature-engagement header nav .btn.outline {
    border-color: #690031;
    color: #690031;
}

    .sparkbay-feature.feature-engagement header nav .btn.outline:hover {
        background-color: #690031;
    }


.sparkbay-feature.feature-productivity .hero-image {
    background-image: linear-gradient(135deg,rgba(3, 169, 244,.37),rgba(0, 188, 220,.27)),url(/content/images/headers/header-woman-looking-down-small.jpg);
}

.sparkbay-feature.feature-productivity .hero-stat {
    background-image: url(/content/images/headers/hero-stat-productivity.svg);
}

.sparkbay-feature.feature-productivity.french-header .hero-stat {
    background-image: url(/content/images/headers/hero-stat-productivity-fr.svg);
}



.sparkbay-feature.feature-productivity header nav .btn.outline {
    border-color: #222875;
    color: #222875;
}

    .sparkbay-feature.feature-productivity header nav .btn.outline:hover {
        background-color: #222875;
    }


.sparkbay-feature.feature-turnover .hero-image {
    background-image: linear-gradient(135deg,rgba(84, 164, 255,.37),rgba(101, 96, 248,.27)),url(/content/images/headers/header-manager-small.jpg);
}

.sparkbay-feature.feature-turnover .hero-stat {
    background-image: url(/content/images/headers/hero-stat-turnover.svg);
}

.sparkbay-feature.feature-turnover.french-header .hero-stat {
    background-image: url(/content/images/headers/hero-stat-turnover-fr.svg);
}



.sparkbay-feature.feature-initiative .hero-image {
    background-image: linear-gradient(135deg,rgba(255,125,125,.37),rgba(255,148,88,.27)),url(/content/images/headers/header-woman-wall-small.jpg);
}

.sparkbay-feature.feature-initiative .hero-stat {
    background-image: url(/content/images/headers/hero-stat-initiative.svg);
}

.sparkbay-feature.feature-initiative.french-header .hero-stat {
    background-image: url(/content/images/headers/hero-stat-initiative-fr.svg);
}





.sparkbay-feature.feature-diversity .hero-image {
    background-image: linear-gradient(135deg,rgba(36, 198, 220,.37),rgba(0, 198, 188,.27)),url(/content/images/headers/header-group-happy-small.jpg);
}

.sparkbay-feature.feature-diversity .hero-stat {
    background-image: url(/content/images/headers/hero-stat-diversity.svg);
}

.sparkbay-feature.feature-diversity.french-header .hero-stat {
    background-image: url(/content/images/headers/hero-stat-diversity-fr.svg);
}



.sparkbay-feature.feature-remote-survey .hero-image {
    background-image: linear-gradient(135deg,rgba(3, 169, 244,.37),rgba(0, 188, 210,.27)),url(/content/images/headers/header-woman-coffee-small.jpg);
}

.sparkbay-feature.feature-remote-survey .hero-stat {
    background-image: url(/content/images/headers/hero-stat-remote-survey.svg);
}

.sparkbay-feature.feature-remote-survey.french-header .hero-stat {
    background-image: url(/content/images/headers/hero-stat-remote-survey-fr.svg);
}





/********ABOUT SPARKBAY********/

.about-sparkbay .hero-image {
    background-image: linear-gradient(135deg,rgba(36, 198, 220,.37),rgba(0, 198, 188,.27)),url(/content/images/headers/header-group-worker.jpg);
}




.about-sparkbay header h1 + h2 {
    font-weight: 300;
    color: #545557;
    font-size: 21px;
    line-height: 1.7;
    margin: 20px 0;
}


.about-text {
    padding-bottom: 80px;
}

    .about-text p {
        text-align: center;
        color: #444547;
        font-size: 21px;
        line-height: 2;
        font-weight: 300;
    }

header .about-text {
    padding-bottom: 20px;
}

    header .about-text p {
        text-align: left;
    }


.about-sparkbay .inclined-section:after {
    bottom: 42%;
    height: 500px;
    background: #f0f6ff;
}

.about-sparkbay .icon-holder {
    height: 70px;
}

    .about-sparkbay .icon-holder img {
        max-height: 62px;
        max-width: 68px;
    }

h2.title-color__blue, h3.title-color__blue {
    color: #222875;
}

h2.title-color__purple, h3.title-color__purple {
    color: #570E72;
}

h2.title-color__green, h3.title-color__green {
    color: #004232 
}

h2.title-color__pink, h3.title-color__pink {
    color: #690031
}

h2.title-color__yellow, h3.title-color__yellow {
    color: #fe584a;
}


.usage-stats {
    background-color: #FAEEF4;
    position: relative;
}



.usage-stats__context {
    font-weight: 300;
    font-size: 19px;
    color: #690031;
}


.benefits-stats {
    background-color: #FAEEF4;
    position: relative;
}



.usage-stats__number {
    font-size: 48px;
    color: #690031;
    font-weight: 600;
}



.stats-grid {
    margin: 0px auto;
    width: 100%;
    padding: 20px 0 20px 0;
    max-width: 1300px;
    position: relative;
}

    .stats-grid h2 {
        color: #690031;
        text-align: center;
        font-weight: 400;
    }

/*   .stats-grid__item:before {
        content: "";
        position: absolute;
        left: 32%;
        top: 0;
        bottom: 0;
        width: 1px;
        border-left: 4px #fff dashed;
    }

    .stats-grid__item:after {
        content: "";
        position: absolute;
        left: 68%;
        top: 0;
        bottom: 0;
        width: 1px;
        border-left: 4px #fff dashed;
    }
*/


.stats-grid__item {
    display: flex;
    width: 100%;
    /*padding-left: 28px;*/
    vertical-align: top;
    text-align: center;
    justify-content: center;
}

.usage-stats__block-1, .usage-stats__block-2 {
    border-right: 4px #fff dashed;
}


.usage-stats__block-1, .usage-stats__block-2, .usage-stats__block-3 {
    display: inline-block;
    width: 31%;
    padding-top: 20px;
    padding-bottom: 20px;
}

/******* REQUEST DEMO******/
.request-demo nav, .request-demo .mobile-nav-btn {
    display: none;
}

.request-demo header, .request-demo #top {
    background-color: var(--white-bkg);
}

.request-demo .request-demo__header {
    background-color: var(--white-bkg);
    background-size: cover;
    overflow: hidden;
    padding-top: 1px;
    position: relative;
    width: 100%;
    z-index: 150;
    background-position: center;
    min-height: 90vh;
    overflow: visible;
}

    .request-demo .request-demo__header h1 {
        font-weight: 600;
        color: #690031;
        font-size: 45px;
        text-shadow: none;
        margin-bottom: 0;
        line-height: 105%;
        margin-top: 40px;
    }

    .request-demo .request-demo__header h2 {
        font-size: 21px;
        line-height: 1.8;
        text-shadow: none;
        font-weight: 400;
        margin: 0px 0 20px 0;
        color: #242527;
    }

.request-demo.lead-capture #logo a {
    pointer-events: initial;
}

.request-demo .form-control {
    width: 100%;
}

.request-demo .form-box .note {
    margin-top: 0;
}

/*.request-demo .lead-form .form-box {
    box-shadow:none;
    background-color: transparent;
}*/

.demo__feature__wrap {
    position: relative;
    z-index: 100;
    display: flex;
    flex-flow: column nowrap;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    padding: 20px 40px 40px 40px;
}

.demo__feature__wrap__title {
    width: 100%;
    text-align: left;
}

.demo__feature__box {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: start;
    justify-content: flex-start;
    padding: 20px;
    color: rgb(38, 41, 45);
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    border-radius: 4px;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.1);
    margin-bottom: 15px;
    width: 100%;
}

.demo__feature__box__circle {
    display: flex;
    flex: 0 0 auto;
    flex-flow: column nowrap;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    height: 44px;
    width: 44px;
    color: #570E72;
    background-color: #F4F5F7;
    border-radius: 50%;
}

.demo__feature__box__text {
    flex: 1 1 auto;
    margin-left: 20px;
    font-weight: 300;
    font-size: 17px;
}

/****LANDING PAGES******/

.faq-section .toggle {
    max-width:900px;
    margin: 0 auto;
}

.faq-section .toggle-inner {
    -webkit-mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 60px, rgba(0,0,0,0.1) 160px, rgba(0,0,0,0));
    height:180px;
    overflow:hidden;
    display:block;
}

.faq-section div.toggle-title.active + div.toggle-inner {
    -webkit-mask-image: unset;
    height: 100%;
}

.faq-section .toggle-inner p, .faq-section .toggle-inner ul li {
    font-weight: 300;
    font-size: 15px;
    max-width: 800px;
    line-height:180%;
    margin: 10px auto;
}

.faq-section .toggle-inner ul  {
margin-left:30px;
}

.faq-section .toggle-inner ul li {
 list-style:disc;
  }
   


/********THANK YOU MESSAGE*******/

.thank-you header {
    background-color: var(--white-bkg);
    background-size: cover;
    min-height: 780px;
    overflow: hidden;
    padding-top: 1px;
    position: relative;
    width: 100%;
    z-index: 150;
    background-position: center;
    min-height: 75vh;
}

.thank-you h1 {
    font-weight: 700;
    color: #242527;
    font-size: 63px;
    text-shadow: none;
    margin-bottom: 0;
    line-height: 105%;
    margin-top: 120px;
}

.thank-you header h2 {
    font-size: 20px;
    line-height: 1.6;
    text-shadow: none;
    font-weight: 400;
    margin: 0 0 20px 0;
    color: #545457;
}

.thank-you #header-text {
    margin-bottom: 0;
    margin-top: 120px;
    text-align: left;
}

.thank-you footer {
    border-top: 1px solid #eeeeee;
}


/******LEAD CAPTURE*******/

.lead-capture header {
       background-size: cover;
    min-height: 80vh;
    overflow: hidden;
    padding-top: 1px;
    position: relative;
    width: 100%;
    z-index: 150;
    background-position: center;
    overflow: visible;
}





.lead-capture h1 {
    font-weight: 700;
    color: #242527;
    font-size: 55px;
    text-shadow: none;
    margin-bottom: 0;
    line-height: 105%;
    margin-top: 80px;
}

.lead-capture header h2 {
    font-size: 21px;
    line-height: 1.8;
    text-shadow: none;
    font-weight: 400;
    margin: 20px 0 20px 0;
    color: #242527;
}


.lead-capture #header-text {
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0;
    text-align: left;
}

.lead-capture .hero-image img {
    max-width: 500px;
}

.lead-capture header ul li {
    font-size: 17px;
    color: #545557;
    margin-bottom: 18px;
    list-style: inside;
    font-weight: 300;
}

.lead-capture header .container {
    width: 1200px;
    max-width: 100%;
    padding: 0 40px 0 40px;
}

.lead-capture .lead-form .form-box {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.1);
    margin: 3% auto auto;
}

.lead-form label {
    float: left;
    color: #545557;
    font-weight: 600;
}

.lead-form .form-box {
    margin: 0 auto;
}

.lead-form .form-box {
    margin: 0;
}

.lead-form .col-md-6 {
    width: 48%;
    margin-right: 3%;
}

.lead-form .form-box h3 {
    color: #545557;
    margin-top: 0;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 0px;
    text-align: left;
}

.lead-form .form-control {
    border: 2px solid #d4d4d8;
}

#header-text .lead-form .form-box h3 + h4 {
    font-size: 16px;
    color: var(--light-text__3);
    margin: 3px 0 15px 0;
    font-weight: 300;
    text-shadow: none;
}

.lead-form .form-box {
    background-color: var(--white-bkg);
    border-radius: 6px;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.2);
    margin: 7% auto auto;
    max-width: 500px;
    padding: 35px;
    position: relative;
    text-align: center;
    width: 100%;
}

.lead-form .form-group {
    margin-bottom: 20px;
}

.lead-form .form-control {
    width: 100%;
}



.half-capture {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 640px;
    padding-top: 20px;
    padding-right: 80px;
    padding-left: 80px;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
}

    .half-capture h2 {
        color: #ffffff;
        font-size: 34px;
        margin: 0 0 15px 0;
        font-weight: 600;
    }

    .half-capture p {
        line-height: 1.8;
        color: #ffffff;
        font-size: 17px;
    }

    .half-capture .lead-form {
        width: 100%;
    }

    .half-capture .form-box {
        max-width: 550px;
    }

.container.testimonial-section {
    max-width: 1200px;
}

.testimonial-section {
    margin: 40px auto;
}

p.testimonial-quote {
    text-align: left;
    color: var(--normal-text);
    font-size: 28px;
    line-height: 1.7;
    margin-bottom: 10px;
    font-weight: 400;
    max-width: 700px;
}

    p.testimonial-quote strong {
        font-weight: 700;
    }

#testimonial-en .testimonial-quote::before {
    content: "\201C";
    margin-left: -10px;
}

#testimonial-en .testimonial-quote::after {
    content: "\201D";
}

#testimonial-fr .testimonial-quote::before {
    content: "\00AB";
    margin-left: -10px;
}

#testimonial-fr .testimonial-quote::after {
    content: "\00BB";
}

.testimonial-author {
    font-size: 18px;
    display: inline-block;
    margin-top: 0;
    vertical-align:top;
}

.testimonial-author__name {
    color: var(--normal-text);
    font-weight: 400;
}

.testimonial-author__info {
    min-width: 300px;
}

.testimonial-author__role {
    font-weight: 300;
    color: #616569;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    max-width:300px;
}

.testimonial-quote__logo {
    display: inline;
    margin-left: 5px
}

    .testimonial-quote__logo img {
        max-height: 40px;
              max-width: 100px;
        min-width:100px;
    }

.testimonial-quote__image {
    width: 300px;
    height: 400px;
    display: block;
    background-size: cover;
}

    .testimonial-quote__image img {
        width: 300px;
        height: 400px;
        box-shadow: 0 5px 10px rgba(0,0,0,.2);
        border-radius: 12px;
    }

.testimonial-author__profile {
    float:left;
}

.testimonial-author__profile img {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    margin: 0 10px 0 0;
    vertical-align: bottom;
}

.card__author-profile img {
    width: 40px;
    height: 40px;
    /*        filter: grayscale(100%);
        opacity: .8;*/
    border-radius: 100px;
    margin: 0 10px 0 0;
    vertical-align: bottom;
}

.container.testimonial-section.testimonial-box {
    max-width: 1000px;
}

.testimonial-box {
    /*border: 1px solid #e4e4e8;
    border-radius: 8px;
    margin: 0px auto 80px auto;*/
    background-color: #f5f5f7;
    border-bottom: 1px solid #dededf;
}

    .testimonial-box .testimonial-body {
        margin: 0px auto;
        width: 50%;
        padding: 40px 0;
    }

    .testimonial-box .testimonial-image {
        width: 100px;
        border-radius: 100%;
        display: inline-block;
        background-size: cover;
        height: 100px;
        margin-left: 20px;
        border: 1px solid #c4c4c8;
    }

    .testimonial-box .testimonial-author, .testimonial-box .testimonial-image {
        vertical-align: top;
        margin-top: 40px;
    }


.testimonial-section__content {
    justify-content: space-between;
    align-items: center;
    display: flex;
    margin-bottom: 60px;
    text-align: left;
}

.testimonial-quote__container {
    max-width: 400px;
}

.testimonial-author__image {
    width: 300px;
    height: 400px;
    display: block;
    background-size: cover;
}

    .testimonial-author__image img {
        width: 300px;
        height: 400px;
        box-shadow: 0 5px 10px rgba(0,0,0,.2);
        border-radius: 12px;
    }

#testimonial-image-fr {
    background-image: url(/content/images/fannie-pelletier2.png);
    background-position: top;
}

.lead-capture .end-capture {
    background: linear-gradient(135deg,#f94ea5,#fe4a54);
}


.sample-logos-section {
    padding: 30px 0 30px 0;
}

.sample-logos-row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    max-width: 1000px;
    margin: 0 auto;
}



.sample-logos-section h2 {
    color: var(--light-text);
    text-align: center;
    margin-top: 0 !important;
}

.sample-logo {
    margin: 10px 20px;
    width: 100%;
    display: flex;
    justify-content: center;
    max-width: 200px;
    align-items: center;
}

.sample-logo__inner {
    min-width: 140px;
    line-height: 70px;
}


    .sample-logo__inner img {
        max-width: 120px;
        max-height: 60px;
        vertical-align: middle;
        display: inline;
    }

/*.review-aggregator-row .sample-logo {
    width: unset;
}*/

.review-aggregator-row .sample-logo img {
    max-width: 120px;
    max-height: 60px;
}

.review-aggregator-row.sample-logo__large .sample-logo img {
    max-width: 200px;
    max-height: 90px;
}

.lead-capture__demo-wrap {
    background: var(--offwhite-bkg);
}

.lead-capture__demo-wrap__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 570px;
    padding-top: 20px;
    padding-right: 80px;
    padding-left: 80px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
}

    .lead-capture__demo-wrap__title h2 {
        font-weight: 700;
        color: #515459;
        font-size: 40px;
        margin: 0;
    }

        .lead-capture__demo-wrap__title h2 + h3 {
            font-size: 21px;
            line-height: 1.8;
            text-shadow: none;
            font-weight: 400;
            margin: 20px 0 0 0;
            color: #515459;
        }

/***********************/

.partner.lead-capture header {
    background-color: var(--white-bkg);
    min-height: 100vh;
}

/****PRICING*****/

.pricing header .container {
    max-width: none;
    width: 100%;
}

.pricing header {
    background: #fff;
}

.pricing .pricing-header__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 80px 100px 75px 100px;
    width: 100%;
    background-color: #FAEEF4;
    color: var(--light-text);
}


.pricing header h1 {
    color: #690031 !important;
    text-shadow: none;
    font-size: 32px;
    font-weight: 700;
    margin-top: 20px;
    text-align: left;
}

    .pricing header h1 span.pricing__color {
        color: #570E72 !important;
    }


.pricing h2 {
    color: var(--light-text);
    text-shadow: none;
    font-size: 28px;
    font-weight: 700;
    margin-top: 40px;
    text-align: center;
}

.pricing-row {
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 80px;
    max-width: 1600px;
    margin: 0 auto;
}

.plan-wrap {
    flex-basis: 60%;
    max-width: 60%;
    padding-left: 16px;
    padding-right: 16px;
}

    .plan-wrap.medium-plan {
        /*transform: scale(1.03);*/
        margin-top: -10px;
    }


.plan {
    background-color: var(--white-bkg);
    border-radius: 3px;
    border: 1px solid #c4c4c4;
    height: 100%;
    text-align: center;
    width: 100%;
}

    /*.plan:before {
        border-radius: 3px 3px 0 0;
        content: "";
        display: block;
        height: 6px;
    }*/

    .plan.medium-plan:before {
        background: linear-gradient(90deg,#04cfff 0,#b266ff);
    }

/*.plan.small-plan:before {
        background: linear-gradient(90deg,#3Be0CD 0,#04cfff);
    }

   

    .plan.large-plan:before {
        background: linear-gradient(90deg,#b266ff 0,#fb558e);
    }*/

.plan-name {
    padding: 16px 32px 0;
    text-align: left;
}

    /*.small-plan .plan-name h3 {
    color: #35DED3;
}


.medium-plan .plan-name h3 {
    color: #16C4FF;
}

.large-plan .plan-name h3 {
    color: #F45799;
}*/

.plan-price h3 {
    color: var(--light-text__1);
    font-size: 21px;
    margin-bottom: 10px;
}
    

        .plan-price h3 + h4 {
            font-weight: normal;
            max-width: 600px;
            color: var(--light-text__3);
            font-size: 16px;
            margin: 0 0 20px 0;
        }

.plan-price {
    height: 100%;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 32px;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top:40px;
}

.plan-price__value-wrap {
    display: flex;
    width:100%;
}

.plan-price__value {
    font-size: 56px;
    line-height: 64px;
    color: var(--light-text__1);
    display: inline-block;
    font-weight: 300;
}

.plan-price__value.pricing-eu {display:none;}

.plan__enterprise .plan-price__value {
    font-size:34px;
    line-height:40px;
}

.plan__enterprise {
    width: 100%;
    margin-top: 10px;
}

.plan__medium {
    border-right: 1px dashed;
    border-left: 1px dashed;
    border-color: var(--light-text__1);
}


.plan-price__unit {
    display: inline-block;
}

    .plan-price__unit p {
         line-height: 1;
        margin-bottom: 0;
        font-size: 13px;
        color: var(--light-text__1);
        font-weight: 300;
       }


.plan-price__discount p {
    font-weight: 600;
    line-height: 2;
    margin-bottom: 0;
    font-size: 15px;
    color: var(--light-text__1);
   }

        .plan-cta {
            padding-top: 20px;
        }

    .plan-cta .btn {
        width: 100%;
        color: #fff;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding: 18px 20px;
        font-size: 19px;
    }

.small-plan .plan-cta .btn {
    background-color: #222875;
}

.medium-plan .plan-cta .btn {
    background-color: #222875;
}

.large-plan .plan-cta .btn {
    background-color: #222875;
}

.pricing__feature-list {
    width: 100%;
    max-width: 552px;
    margin-left: auto;
    margin-right: auto;
}

.feature-list__item {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 24px;
    border-top: 1px solid #ededed;
    font-weight: 600;
}

/*.feature-list__item:first-of-type {
        border-top: none;
    }*/

.feature-list__item__title {
    text-align: left;
    padding-bottom: 15px;
    padding-top: 15px;
    font-size: 19px;
    font-weight: 400;
    color: var(--light-text__1);
    display: flex;
    flex-direction: row;
}

.feature-list__item__title__image img {
    width: 22px;
}

.feature-list__item__title__image {
    margin: auto 0;
}

.feature-list__item__title__name {
    margin: auto 0 auto 10px;
}

.feature-list__item__content {
    display: inline-block;
    width: 84%;
    color: #534F70;
    font-size: 16px;
    vertical-align: middle;
    font-weight: 300;
    line-height: 1.6;
    padding: 10px 0;
    text-align: left;
}

    .feature-list__item__content h4 {
        margin: 0;
        font-size: 17px;
    }

.feature-list__tooltip {
    border-bottom: 1px dashed;
    display: inline;
    margin: 0;
}

.feature-list__tooltip-content.tooltip-content {
    color: #534F70;
    font-size: 15px;
    font-weight: 300;
}

.pricing-faq__row {
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding-top: 60px;
    padding-bottom: 60px;
    align-items: flex-start;
}

.pricing-faq__wrap {
    flex-basis: 30%;
    max-width: 30%;
    padding-left: 16px;
    padding-right: 16px;
}


/******INTEGRATIONS*******/

.hris-integrations .icon-holder-lg, .hris-integrations .icon-holder {
    width: 70px;
    border-radius: 100%;
    margin: 0 auto;
}


.hris-integrations .dotted-grid h3 {
    margin: 15px 0 15px;
    font-size:16px;
}

.hris-integrations .col.col-md-3, .hris-integrations .col.col-md-2 {
    min-width:unset;
}

/******USE CASE*****/
.use-case header h1 {
    margin-top: 30px;
}



.use-case__row {
    display: flex;
    flex-direction: row;
    padding-top: 70px;
}

.use-case__illustration {
    width: 40%;
    height: 520px;
    margin-right: 50px;
    border-radius: 4px;
    background-position: 50% 50%;
    background-size: cover;
    box-shadow: 4px 4px 12px 0 rgba(0,0,0,.1);
}


.use-case__hr .hero-image {
    background-image: linear-gradient(135deg,rgba(255,125,125,.37),rgba(255,148,88,.27)), url(/content/images/headers/header-woman-window-small.jpg);
}

.use-case__manager .hero-image {
    background-image: linear-gradient(135deg,rgba(84, 164, 255,.37),rgba(101, 96, 248,.27)), url(/content/images/smiling-manager.jpg);
}


.use-case__text {
    display: flex;
    width: 40%;
    padding-right: 80px;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

    .use-case__text h3 {
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .use-case__text .note {
        font-size: 15px;
        font-weight: 300;
        margin-top: 0px;
        margin-bottom: 10px;
        color: #878793;
    }


/******/

.attendees .table {
    width: 90%;
    max-width: 600px;
}

    .attendees .table th {
        border-top: none;
    }

.attendees .col-md-9 {
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block !important;
}

.wishlist #activities-grid .col-md-4 {
    padding-bottom: 30px;
}

.fullselect {
    display: block;
    clear: both;
    width: 100%;
}


.browse-bottom {
    display: block;
    width: 100%;
    padding: 20px 20px 40px 20px;
}




.pagination > li {
    display: inline;
}

    .pagination > li:first-child > a, .pagination > li:first-child > span {
        margin-left: 0;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #222875;
    border-color: #222875;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    z-index: 2;
    color: #222875;
    background-color: #f1f1f1;
    border-color: #eee;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #222875;
    text-decoration: none;
    background-color: var(--white-bkg);
    border: 1px solid #eee;
}

.btn.outline.disabled {
    opacity: 0.75;
    filter: grayscale(25%);
    -webkit-filter: grayscale(25%);
    -moz-filter: grayscale(25%);
    -o-filter: grayscale(25%);
    cursor: default;
}

.main-benefits .col-md-6, .main-benefits .col-md-4 {
    display: inline-block;
}

.paragraph-benefits {
    border-bottom: 1px solid #d4d4d4;
    padding: 20px;
}

    .paragraph-benefits:last-child {
        border-bottom: none;
    }

.business-love {
    text-align: left;
}

    .business-love .col {
        margin-bottom: 30px;
        padding: 0;
    }

    .business-love h3 {
        margin-top: 5px;
    }

.number-underline {
    border-bottom: 1px solid #004232 ;
    width: 60px;
    font-weight: 600;
}

.max-300 {
    max-width: 310px;
}

.uppercase {
    text-transform: uppercase;
}

.popup.select-large .select2-container {
    width: 100% !important;
}

a.textlink {
    text-transform: uppercase;
}



.booking-limit-msg, .min-count {
    text-align: center;
    font-size: 14px;
    color: var(--light-text__1);
    display: none;
    font-weight: 300;
}

.activities-slidee {
    width: 4000px !important;
}

.order-issue-image img {
    max-width: 300px;
    width: 100%;
    margin-top: 100px;
}

.order-issue h2 {
    margin-bottom: 20px;
}

.hide-overflow .description-overflow {
    max-height: 200px;
    mask-image: -webkit-linear-gradient(bottom,transparent 0,transparent 10px,#000 100px);
    overflow: hidden;
}

.remove-hide-overflow {
    display: none;
}

.hide-overflow .remove-hide-overflow {
    display: block;
}


.result-name {
    padding: 10px;
    color: #555459;
    font-size: 14px;
    font-weight: 700;
}

    .result-name strong {
        font-weight: 700;
    }

.result-email, .result-attending {
    padding: 10px;
    color: #717274;
    font-size: 12px;
}

.ticket-box__header {
    padding: 20px;
}

.ticket-box__offer {
    width: 68%;
    float: left;
}

.ticket-box__number {
    vertical-align: middle;
    text-align: right;
    float: right;
}

select.ticket-select {
    display: inline-block;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #ddd;
    text-align: center;
    width: 150px;
    height: 34px;
    vertical-align: top;
}

.activity-payment aside {
    float: right;
}

    .activity-payment aside h4 {
        color: #515469;
        display: block;
        font-weight: 400;
        margin: 0 -22px 0px -20px;
        font-size: 14px;
        padding: 0px 20px 5px 20px;
        text-transform: uppercase;
        text-align: left;
    }


/*Victory*/


/*.victory-note {
    overflow: hidden;
    padding: 30px 0 0 0;
    width: 100%;
    position: relative;
}

.victory-note-author {
    font-size: 14px;
    text-align: left;
    width: 100%;
    vertical-align: top;
    font-weight: 600;
    left: 0;
    position: relative;
}

.victory-note-author__image {
    vertical-align: middle;
    width: 15%;
    float: left;
    position: relative;
}

.victory-note-author__image__position {
    position: absolute;
    right: 15px;
}

    .victory-note-author__image__position img, .victory-note-author__image__position .bubble-avatar {
        width: 40px;
        height: 40px;
        border-radius: 100%;
    }

    .victory-note-author__image__position .bubble-text {
        font-weight: 600;
        font-size: 18px;
        top: 7px;
        left: 2px;
    }


    

.victory-note-body {
    position: relative;
    padding: 0;
    border-radius: 6px 6px 0 0;
    background-color: var(--white-bkg);
    color: var(--normal-text);
    font-size: 14px;
    border: 1px solid #e6e6e6;
    float: right;
    width: 85%;

}

.victory-comments {
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    padding: 0;
    color: var(--normal-text);
    font-size: 14px;
    float: right;
    width: 85%;
}

.victory-comment-item {
    margin: 5px 0 0 0;
    border: 1px solid #e6e6e6;
    background-color: var(--white-bkg);
    width: 100%;
    padding: 10px;
    float: right;
}

.victory-comment-author {
    width: 7%;
    float: left;
}

.victory-comment-author-avatar .bubble-avatar, .victory-comment-author-avatar img {
    width: 35px;
    height: 35px;
    border-radius: 100%;
}

.victory-comment-author-avatar .bubble-text {
   font-weight: 600;
font-size: 16px;
top: 6px;
left: 1px;
}

.victory-comment-body {
    width: 92%;
    float: right;
}

.victory-comment-author-name {
    font-weight: 600;
    font-size: 13px;
}

.victory-comment-message {
    white-space: pre-line;
}



.victory-add-your-comment,
.idea-add-your-comment {
    margin-top: 5px;
    margin-bottom: 20px;
    position: relative;
    padding: 0;
    border-radius: 6px;
    color: var(--normal-text);
    font-size: 14px;
    float: right;
    width: 100%;
}



    .victory-add-your-comment textarea {
        width: 85%;
        float: right;
        border-radius: 0;
        background-color: var(--white-bkg);
        font-size: 15px;
        line-height: 1.2;
        min-height: 80px !important;
        transition: height,min-height 0.2s;
    }

        .victory-add-your-comment textarea:hover {
            box-shadow: 0 5px 15px 0px rgba(0,0,0,.1);
        }

        .victory-add-your-comment textarea:not(:focus) {
            height: 40px !important;
            min-height: 40px !important;
        }


.victory-type {
    height: 40px;
}

.victory-note-value span.value {
    background-color: #004232 ;
    color: #fff;
    padding: 2px 10px 2px 10px;
    position: relative;
    line-height: 21px;
    border-radius: 30px;
    display: block;
    float: left;
    font-size: 12px;
    margin-right: 10px;
    font-weight: 600;
}

.victory-note span.explain-after {
    font-size: 12px;
    color: #747475;
}

.victory-note-value {
    display: inline-block;
    width: 100%;
    padding: 5px 20px 0 20px;
}

.victory-note-target span.target {
    font-size: 14px;
    font-weight: 700;
    margin-right: 10px;
    float: left;
    color: #FF7E82;
}

.victory-image {
    width: 100%;
    overflow: hidden;
 height: 300px;
}

.victory-image-more {
    width: 100%;
    max-height: 100px;
    overflow: hidden;
}

    .victory-image-more img {
        width: 32.85%;
        display: inline-block;
        vertical-align: top;
    }


.victory-note-message {
    white-space: pre-line;
    font-size: 16px;
    padding: 15px 20px 0px 20px;
}

.victory-note-footer {
    padding: 20px 20px 10px 20px;
}

.victory-note-gallery {
    margin-bottom: 0px;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: nowrap;
    align-content: stretch;
    height: 120px;
    width: 100%;
    overflow: hidden;
    margin-top: 2px;
}



    .victory-note-gallery a {
        flex: 1;
        overflow: hidden;
        position: relative;
    }

        .victory-note-gallery a:not(:last-child) {
            margin-right: 2px;
        }


        .victory-note-gallery a.more-images:before {
            background: rgba(0,5, 5,0.98);
            background-color: rgba(0, 5, 5, 0.98);
            bottom: 0;
            content: '';
            height: 100%;
            left: 0;
            opacity: 0.5;
            position: absolute;
            top: 0;
            width: 100%;
        }
        
        .victory-note-gallery a.more-images  span {
            top: 60px;
            left: 50%;
            transform: translate(-50%);
            position: absolute;
            color: #dddddd;
            font-weight: 700;
            font-size: 70px;
            line-height: 0;
        }

            .victory-note-gallery a.more-images span strong {
         font-weight: 700;
            font-size: 80px;
            }

    .victory-note-gallery img {
        max-height: 170px;
    }

.victory-image.layout2v a {
    float: left;
    width: 50%;
    margin: 0px;
    display: block;
    overflow: hidden;
}

    .victory-image.layout2v a:not(:first-child) {
        padding-left: 2px;
    }

.victory-image.layout2v img {
    height: 300px;
    width: auto;
}

.victory-image a {
    width: 100%;
}

.victory-image img {
    width: 100%;
    height: 300px;
}

.victory-note-target {
    display: inline-block;
    width: 100%;
    padding: 10px 20px 0 20px;
}

    
.victory-note-like__wrap {
    width: 100%;
    padding: 0px 20px 0 20px;
}

.victory-note-like {
    border-top: 1px solid #e6e6e6;
    padding: 10px 0 10px 0;
}

.victory-note-like-msg {
    float: right;
    margin-right: 10px;
}

textarea.js-auto-grow {
    transition: height,min-height 0.2s;
    resize: none;
}


@keyframes highlight-pink {

    0% {
        box-shadow: 0 4px 8px 0 rgba(221, 36, 118, 0.2), 0 6px 20px 0 rgba(221, 36, 118, 0.19);
        border: 1px solid #d312a3;
    }

    50% {
        box-shadow: 0 4px 8px 0 rgba(221, 36, 118, 0.2), 0 6px 20px 0 rgba(221, 36, 118, 0.19);
        border: 1px solid #d312a3;
    }

    100% {
        box-shadow: none;
        border: 1px solid #e6e6e6;
    }
}

.victory-wrap .newlyposted {
    animation: highlight-pink 2s;
}

.ideahub-grid .newlyposted {
    animation: highlight-pink 2s;
}

.newlyposted {
    animation: highlight-pink 2s;
}



.icon-like {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2019.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%22-235%20346%20117%20104%22%20style%3D%22enable-background%3Anew%20-235%20346%20117%20104%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text/css%22%3E%0D%0A%09.st0%7Bfill%3A%23ffffff%3Bfill-opacity%3A0%3Bstroke%3A%2338C3A8 %3Bstroke-width%3A6%3Bstroke-miterlimit%3A10%3B%7D%0D%0A%3C/style%3E%0D%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M-125.9%2C378.8c0-13.6-11-24.6-24.6-24.6c-9.6%2C0-20%2C7.1-25.5%2C13.5c-5.4-6.4-15.9-13.5-25.5-13.5%0D%0A%09c-13.6%2C0-24.6%2C11-24.6%2C24.6c0%2C25.7%2C32.6%2C46.3%2C50.1%2C61.1C-158.5%2C425.1-125.9%2C404.7-125.9%2C378.8z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
    background-repeat: no-repeat;
    float: right;
    height: 37px;
    margin: 0;
    width: 37px;
    cursor: pointer;
}

    .icon-like.selected,
    .icon-like:hover {
        background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2019.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%22-235%20346%20117%20104%22%20style%3D%22enable-background%3Anew%20-235%20346%20117%20104%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text/css%22%3E%0D%0A%09.st0%7Bfill%3A%2338C3A8 %3Bfill-opacity%3A1%3Bstroke%3A%2338C3A8 %3Bstroke-width%3A6%3Bstroke-miterlimit%3A10%3B%7D%0D%0A%3C/style%3E%0D%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M-125.9%2C378.8c0-13.6-11-24.6-24.6-24.6c-9.6%2C0-20%2C7.1-25.5%2C13.5c-5.4-6.4-15.9-13.5-25.5-13.5%0D%0A%09c-13.6%2C0-24.6%2C11-24.6%2C24.6c0%2C25.7%2C32.6%2C46.3%2C50.1%2C61.1C-158.5%2C425.1-125.9%2C404.7-125.9%2C378.8z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
    }

.victory-note-like span.like-count {
    float: left;
    text-align: right;
    font-size: 17px;
    font-weight: 600;
    color: #004232 ;
    line-height: 2;
    margin-left: 8px;
}

.victory-note-like-count {
    text-align: right;
    font-size: 12px;
    line-height: 36px;
    vertical-align: middle;
}

.text-image-background {
    width: 100%;
    overflow: hidden;
    max-height: 300px;
    background-color: #004232 ;
    height: 300px;
    position: relative;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);

}


.text-image-background.pattern1:before {
           top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
content: "";
position: absolute;
    background: url("/content/images/pattern1.png");
    opacity: 0.3;
}

.text-image-background.pattern2:before {
           top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
content: "";
position: absolute;
    background: url("/content/images/pattern2.png");
    opacity: 0.5;
}

.text-image-background.pattern3:before {
           top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
content: "";
position: absolute;
    background: url("/content/images/pattern3.png");
    opacity: 0.4;
}





    .text-image-background.purple {
         background: radial-gradient(circle at 94% 87.98%, rgb(84, 164, 255), transparent 100%) repeat scroll 0% 0%, radial-gradient(circle at 7.03% 16.02%, rgb(255, 148, 251), transparent 100%) repeat scroll 0% 0%, rgb(0, 0, 0) radial-gradient(circle at 50% 50%, rgba(0, 0, 0,0.6), rgb(0, 0, 0) 100%) repeat scroll 0% 0%;

    }

    .text-image-background.pink {
        background: radial-gradient(circle at 1.98% 32.94%, rgb(255, 81, 47), transparent 100%) repeat scroll 0% 0%, radial-gradient(circle at 98.02% 98.07%, rgb(221, 36, 118), transparent 100%) repeat scroll 0% 0%, rgba(0, 0, 0, 0) radial-gradient(circle at 50% 50%, rgb(143, 186, 146), rgb(143, 186, 146) 100%) repeat scroll 0% 0%;
    }

    .text-image-background.green {
        background: radial-gradient(circle at 1.98% 4.01%, rgb(0,198,188), transparent 100%) repeat scroll 0% 0%, radial-gradient(circle at 98.02% 67.06%, rgb(86, 180, 211), transparent 100%) repeat scroll 0% 0%, rgba(0, 0, 0, 0) radial-gradient(circle at 50% 50%, rgb(143, 186, 146), rgb(143, 186, 146) 100%) repeat scroll 0% 0%;
    }

    .text-image-background.orange {
        background: radial-gradient(circle at 1.98% 40.06%, rgb(255, 81, 47), transparent 100%) repeat scroll 0% 0%, radial-gradient(circle at 98.02% 86.05%, rgb(240, 152, 25), transparent 100%) repeat scroll 0% 0%, rgba(0, 0, 0, 0) radial-gradient(circle at 50% 50%, rgb(143, 186, 146), rgb(222,98,98) 100%) repeat scroll 0% 0%;
    }

    .text-image-background.dark-blue {
           background: radial-gradient(circle at 1.98% 6.97%, rgb(137, 67, 234), transparent 100%) repeat scroll 0% 0%, radial-gradient(circle at 98.02% 75.07%, rgb(215, 221, 232), transparent 100%) repeat scroll 0% 0%, rgba(0, 0, 0, 0) radial-gradient(circle at 50% 50%, rgb(143, 186, 146), rgb(143, 186, 176) 100%) repeat scroll 0% 0%;
    }

    .text-image-background.light-blue {
        background: radial-gradient(circle at 1.98% 48.96%, rgb(36, 198, 220), transparent 100%) repeat scroll 0% 0%, radial-gradient(circle at 98.02% 55.04%, rgb(81, 74, 157), transparent 100%) repeat scroll 0% 0%, rgba(0, 0, 0, 0) radial-gradient(circle at 50% 50%, rgb(143, 186, 146), rgb(143, 186, 146) 100%) repeat scroll 0% 0%;
    }

    .text-image-background.peach {
        background: radial-gradient(circle at 1.98% 52.97%, rgb(237, 66, 100), transparent 100%) repeat scroll 0% 0%, radial-gradient(circle at 98.02% 48.07%, rgb(255, 237, 188), transparent 100%) repeat scroll 0% 0%, rgba(0, 0, 0, 0) radial-gradient(circle at 50% 50%, rgb(143, 186, 146), rgb(143, 186, 146) 100%) repeat scroll 0% 0%;
    }


    .text-image-background .inner-text {
        color: #ffffff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        font-size: 34px;
        text-align: center;
        font-weight: 600;
        width: 100%;
    }

.new-victory-note img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

.new-victory-note .add-victory {
    width: 92%;
    float: right;
    padding-right: 20px;
    max-width: 955px;
}

.new-victory-note .new-victory-avatar {
    float: left;
    width: 7%;
    height: 70px;
    position: relative;
}

.new-victory-avatar__position {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
}

.add-victory .form-control {
    border: 1px solid #dededf;
    border-radius: 4px;
    box-shadow: 0 5px 15px 0px rgba(0,0,0,.1);
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 40px;
    height: 70px;
    font-size: 19px;
    padding: 10px 10px 10px 20px;
}

.add-victory input:hover {
    box-shadow: 0 5px 15px 0px rgba(0,0,0,.2);
}*/

/*Uploadcare styling*/

.uploadcare--dialog__powered-by {
    display: none !important;
}

.uploadcare--widget__button:hover {
    font-size: 16px !important;
    font-weight: 400 !important;
}

/*Share victory*/

.share-victory #content-section {
    min-height: 100vh;
}


.share-victory .victory-share {
    display: none;
}

.share-victory .icon-like {
    display: none;
}


/*Create victory*/

.value-box {
    width: 290px;
    width: 100%;
    box-sizing: border-box;
}


    .value-box label {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        cursor: pointer;
        position: relative;
        display: block;
        float: left;
        text-align: center;
        margin: 3px 8px;
        overflow: hidden;
    }

        .value-box label .checklabel {
            width: 165px;
            padding: 8px 2px 8px 2px;
            border: 1px solid #b1b9c3;
            background: #fff;
            color: #545e69;
            border-radius: 4px;
            font-weight: normal;
            box-sizing: border-box;
            font-size: 14px;
        }


    .value-box input[type="radio"] {
        border: none;
        height: 1px;
        margin: 0px;
        opacity: 0;
        overflow: hidden;
        padding: 0px;
        position: absolute;
        width: 1px;
        cursor: pointer;
    }

.value-title {
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}

.value-box label input:checked ~ div.checklabel {
    background: #004232 ;
    color: #fff;
}

.create-success h3 + h4 {
    font-weight: normal;
    max-width: 600px;
    color: var(--light-text__3);
    font-size: 15px;
    margin: -20px auto 25px 0;
}

.values.choices-box label {
    margin: 3px 3px;
}

    .values.choices-box label .checklabel {
        width: 100%;
        border-radius: 40px;
        padding: 0;
    }

    .values.choices-box label input:checked ~ div.checklabel {
        background: #9F7EEF;
        color: #fff;
    }


/*New Brainstorm*/

.topic-box {
    max-width: 500px;
    width: 100%;
    box-sizing: border-box;
}


    .topic-box label {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        cursor: pointer;
        position: relative;
        display: block;
        text-align: left;
        margin: 8px 8px;
    }

        .topic-box label .checklabel {
            width: 100%;
            padding: 4px 10px 4px 10px;
            border: 1px solid #b1b9c3;
            background: #fff;
            color: #545e69;
            border-radius: 30px;
            font-weight: normal;
            box-sizing: border-box;
            font-size: 14px;
        }


    .topic-box input[type="radio"] {
        border: none;
        height: 1px;
        margin: 0px;
        opacity: 0;
        overflow: hidden;
        padding: 0px;
        position: absolute;
        width: 1px;
        cursor: pointer;
    }

.topic-title {
    /*padding: 8px 15px;
    font-size: 13px;
    min-height: 50px;*/
}

.topic-box label input:checked ~ div.checklabel {
    background: #004232 ;
    color: #fff;
}



/*NOTIFICATION PAGE*/

.notification-wrap {
    border: 1px solid #e6e6e6;
    border-radius: 6px;
}

.notification-box:not(:last-child) {
    border-bottom: 1px solid #e6e6e6;
}


.notification-box:hover {
    background-color: #f5f8fa;
    cursor: pointer;
}

/*Share*/


.victory-note .victory-share {
    padding: 5px;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    background-color: var(--white-bkg);
    float: left;
}

.social-popup .resp-sharing-button__link {
    clear: both;
    width: 90%;
}


.resp-sharing-button__link,
.resp-sharing-button__icon {
    display: inline-block;
}

.resp-sharing-button__link {
    text-decoration: none;
    color: #fff;
    margin: 0.5em;
}

.resp-sharing-button {
    border-radius: 5px;
    transition: 25ms ease-out;
    padding: 0.5em 0.75em;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

.resp-sharing-button__icon svg {
    width: 1em;
    height: 1em;
    margin-right: 0.4em;
    vertical-align: top;
}

.resp-sharing-button--small svg {
    margin: 0;
    vertical-align: middle;
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
    stroke: #fff;
    fill: none;
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
    fill: #fff;
    stroke: none;
}

.resp-sharing-button--twitter {
    background-color: #55acee;
}

    .resp-sharing-button--twitter:hover {
        background-color: #2795e9;
    }

.resp-sharing-button--pinterest {
    background-color: #bd081c;
}

    .resp-sharing-button--pinterest:hover {
        background-color: #8c0615;
    }

.resp-sharing-button--facebook {
    background-color: #3b5998;
}

    .resp-sharing-button--facebook:hover {
        background-color: #2d4373;
    }

.resp-sharing-button--tumblr {
    background-color: #35465C;
}

    .resp-sharing-button--tumblr:hover {
        background-color: #222d3c;
    }

.resp-sharing-button--reddit {
    background-color: #5f99cf;
}

    .resp-sharing-button--reddit:hover {
        background-color: #3a80c1;
    }

.resp-sharing-button--google {
    background-color: #dd4b39;
}

    .resp-sharing-button--google:hover {
        background-color: #c23321;
    }

.resp-sharing-button--linkedin {
    background-color: #0077b5;
}

    .resp-sharing-button--linkedin:hover {
        background-color: #046293;
    }

.resp-sharing-button--email {
    background-color: #777;
}

    .resp-sharing-button--email:hover {
        background-color: #5e5e5e;
    }

.resp-sharing-button--xing {
    background-color: #1a7576;
}

    .resp-sharing-button--xing:hover {
        background-color: #114c4c;
    }

.resp-sharing-button--whatsapp {
    background-color: #25D366;
}

    .resp-sharing-button--whatsapp:hover {
        background-color: #1da851;
    }

.resp-sharing-button--hackernews {
    background-color: #FF6600;
}

    .resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {
        background-color: #FB6200;
    }

.resp-sharing-button--vk {
    background-color: #507299;
}

    .resp-sharing-button--vk:hover {
        background-color: #43648c;
    }

.resp-sharing-button--facebook {
    background-color: #3b5998;
    border-color: #3b5998;
}

    .resp-sharing-button--facebook:hover,
    .resp-sharing-button--facebook:active {
        background-color: #2d4373;
        border-color: #2d4373;
    }

.resp-sharing-button--twitter {
    background-color: #55acee;
    border-color: #55acee;
}

    .resp-sharing-button--twitter:hover,
    .resp-sharing-button--twitter:active {
        background-color: #2795e9;
        border-color: #2795e9;
    }

.resp-sharing-button--linkedin {
    background-color: #0077b5;
    border-color: #0077b5;
}

    .resp-sharing-button--linkedin:hover,
    .resp-sharing-button--linkedin:active {
        background-color: #046293;
        border-color: #046293;
    }

/*Smooch */
.sk-logo {
    display: none;
}

#conversation .logo a {
    display: none !important;
}

/*LANDBOT*/

.LandbotLauncherContent__bubble {
    width: 60px !important;
}

/** LEGAL**/


.legal-english .text-block__french, .legal-french .text-block__english {
    display: none;
}

/*****LANDING*******/

.lead-capture header h1.landing-description {
    text-transform: uppercase;
     font-size: 18px;
    font-weight: 600;
    margin: 100px 0 0 0;
    text-align: left;
}

.lead-capture header h2.landing-title {
    font-weight: 700;
   font-size: 60px;
    text-shadow: none;
    margin-bottom: 0;
    line-height: 105%;
    margin-top: 0;
}

.lead-capture header h3.landing-explainer {
    font-size: 21px;
    line-height: 1.8;
    text-shadow: none;
    font-weight: 400;
    margin: 20px 0 20px 0;
  
}

.logo-showcase {
    margin: 0 0 20px 0;
}

    .logo-showcase h3 {
        margin-bottom: 20px;
        color: #690031;
        font-size: 15px;
        line-height: 20px;
        font-weight: 600;
        text-align: left;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

.logo-showcase__row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: left;
    max-width: 500px;
    margin: 0 auto 0 0;
}

.logo-showcase .sample-logo {
    max-width: 150px;
}

.logo-showcase .sample-logo__inner {
    min-width: 140px;
    text-align:center;
}

    .logo-showcase .sample-logo__inner img {
        max-width: 140px;
        max-height: 70px;
    }



/******GRID BOX*******/

.grid__box h3 {
    text-transform: uppercase;
    font-size: 16px;
    margin: 0 0 20px 0;
}

.grid__box p {
    font-size: 19px;
    font-weight: 300;
}


.grid__row {
    padding: 0;
    display: grid;
    -ms-flex-pack: center;
    -ms-flex-wrap: wrap;
    -webkit-box-pack: center;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    max-width: 1200px;
    grid-template-columns: repeat(18,50px);
    grid-template-rows: 340px 340px;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
}



.grid__box {
    text-align: left;
    backface-visibility: hidden;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    display: inline-block;
    height: 100%;
    margin: 0 auto 20px;
    min-height: 340px;
    overflow: hidden;
    position: relative;
    width: 100%;
    will-change: transform,box-shadow;
    padding: 25px;
}


.grid__row__1 {
    grid-row: 1;
}

.grid__row__2 {
    grid-row: 2;
}


.grid__row__1.grid__box__tall {
    grid-row: 1/span 2;
}


.grid__box__left {
    grid-column: 1/span 6;
}

.grid__box__middle {
    grid-column: 7/span 6;
}

.grid__box__right {
    grid-column: 13/span 6;
}

.grid__box.border-top__purple {
    border-top: 4px solid #570E72;
}

.grid__box.border-top__green {
    border-top: 4px solid #004232 ;
}

.grid__box.border-top__blue {
    border-top: 4px solid #222875;
}


.grid__box ul li {
    list-style: disc;
    margin: 0 0 10px 20px;
}

/*******FORM*******/

.noshow {
    display: none;
}

/*******SUCCESS PAGE*******/


.feature-success .table-wrap {
    margin: 0 auto 50px auto;
    overflow-x: auto;
    display: inline-block;
}

.feature-success table h4 {
    font-size: 19px;
    font-weight: 600;
}

.feature-success ul:not(nav ul) li:not(nav li) {
    list-style: disc;
    margin: 0 0 20px 20px;
}

    .feature-success ul li p {
        margin: 0;
    }

.feature-success table.colored-table tr:not(:last-of-type) td {
    border-bottom: 1px solid;
}

.feature-success .table-wrap table.colored-table.table__purple tr td {
    border-bottom-color: rgba(101,96,248,0.1);
}

.feature-success .table-wrap table.colored-table.table__blue tr td {
    border-bottom-color: rgba(3,169,244,0.1);
}

.feature-success .table-wrap table.colored-table.table__green tr td {
    border-bottom-color: rgba(0,198,150,0.1);
}

.feature-success .table-wrap table.colored-table.table__pink tr td {
    border-bottom-color: rgba(245,98,125,0.1);
}


.feature-success h2 + h3 {
    font-weight: normal;
    margin: -20px auto 40px auto;
    max-width: 600px;
    color: var(--light-text__3);
    font-size: 19px;
}

.feature-success header h2 + h3 {
    margin: 10px 0;
    line-height: 1.8;
    text-shadow: none;
}

.feature-success .hero-image {
    background-image: url(/content/images/testimonial-orange-2.jpg);
}

.feature-success__intro {
    max-width: 960px;
    margin: 0 auto;
}

    .feature-success__intro p {
        font-size: 19px;
        font-weight: 300;
    }

/******FEATURE LIST*********/


.feature-list header {
    padding: 100px 0 20px 0;
    width: 100%;
    background-color: #ffffff !important;
}

    .feature-list header h1 {
        text-align: center;
    }

.feature-list-box {
    position: relative;
    max-width: 1020px;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    background-color: white;
    padding: 50px;
    margin: 0px auto;
}

    .feature-list-box ul li {
        margin: 0 0 15px 0;
    }

.feature-list-box__image-holder {
    margin: 0 20px 0 0;
    display: inline;
}

    .feature-list-box__image-holder img {
        width: 22px;
    }


.feature-list-box__inner {
    display: flex;
    justify-content: space-around;
}

/*.feature-list-box .col-md-4 {
    display:inline-block;
    vertical-align: top;
}*/

.feature-list-box ul li {
    line-height: 30px;
    list-style: none;
}

.feature-list-box a {
    color: var(--light-text__1)
}

.feature-list-section {
    padding-bottom: 40px;
    border-bottom: 1px solid #ededed;
}

.feature-list__anchor {
    height: 80px;
}

.feature-list h2 {
    margin: 30px 0 0 0;
}

.feature-list .dotted-grid .col {
    padding: 0 30px;
}

.feature-list .dotted-grid {
    margin: 0;
}


/*****************/

.disc-list ul li {
    list-style: disc;
    font-size: 19px;
    font-weight: 300;
    margin:15px;
    }