/** pretty-checkbox.css
 *
 * A pure CSS library to beautify checkbox and radio buttons
 *
 * Source: https://github.com/lokesh-coder/pretty-checkbox
 * Demo: https://lokesh-coder.github.io/pretty-checkbox
 *
 * Copyright (c) 2017 Lokesh rajendran
 */

.pretty *{box-sizing:border-box}.pretty input:not([type=checkbox]):not([type=radio]){display:none}.pretty{position:relative;display:inline-block;margin-right:1em;white-space:nowrap;line-height:1}.pretty input{position:absolute;left:0;top:0;min-width:1em;width:100%;height:100%;z-index:2;opacity:0;margin:0;padding:0;cursor:pointer}.pretty .state label{position:initial;display:inline-block;font-weight:400;margin:0;text-indent:1.5em;min-width:calc(1em + 2px)}.pretty .state label:after,.pretty .state label:before{content:'';width:calc(1em + 2px);height:calc(1em + 2px);display:block;box-sizing:border-box;border-radius:0;border:1px solid transparent;z-index:0;position:absolute;left:0;top:calc((0% - (100% - 1em)) - 8%);background-color:transparent}.pretty .state label:before{border-color:#bdc3c7}.pretty .state.p-is-hover,.pretty .state.p-is-indeterminate{display:none}@-webkit-keyframes zoom{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes zoom{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes tada{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:scale(7);transform:scale(7)}38%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1;-webkit-transform:scale(1);transform:scale(1)}55%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.5);transform:scale(1.5)}72%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}81%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.24);transform:scale(1.24)}89%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}95%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.04);transform:scale(1.04)}100%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}}@keyframes tada{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:scale(7);transform:scale(7)}38%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1;-webkit-transform:scale(1);transform:scale(1)}55%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.5);transform:scale(1.5)}72%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}81%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.24);transform:scale(1.24)}89%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}95%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.04);transform:scale(1.04)}100%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes jelly{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes jelly{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes rotate{0%{opacity:0;-webkit-transform:translateZ(-200px) rotate(-45deg);transform:translateZ(-200px) rotate(-45deg)}100%{opacity:1;-webkit-transform:translateZ(0) rotate(0);transform:translateZ(0) rotate(0)}}@keyframes rotate{0%{opacity:0;-webkit-transform:translateZ(-200px) rotate(-45deg);transform:translateZ(-200px) rotate(-45deg)}100%{opacity:1;-webkit-transform:translateZ(0) rotate(0);transform:translateZ(0) rotate(0)}}@-webkit-keyframes pulse{0%{box-shadow:0 0 0 0 #bdc3c7}100%{box-shadow:0 0 0 1.5em rgba(189,195,199,0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 #bdc3c7}100%{box-shadow:0 0 0 1.5em rgba(189,195,199,0)}}.pretty.p-default.p-fill .state label:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.pretty.p-default .state label:after{-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6)}.pretty.p-default input:checked~.state label:after{background-color:#bdc3c7!important}.pretty.p-default.p-thick .state label:after,.pretty.p-default.p-thick .state label:before{border-width:calc(1em / 7)}.pretty.p-default.p-thick .state label:after{-webkit-transform:scale(.4)!important;-ms-transform:scale(.4)!important;transform:scale(.4)!important}.pretty.p-icon .state .icon{position:absolute;font-size:1em;width:calc(1em + 2px);height:calc(1em + 2px);left:0;z-index:1;text-align:center;line-height:normal;top:calc((0% - (100% - 1em)) - 8%);border:1px solid transparent;opacity:0}.pretty.p-icon .state .icon:before{margin:0;width:100%;height:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1}.pretty.p-icon input:checked~.state .icon{opacity:1}.pretty.p-icon input:checked~.state label:before{border-color:#5a656b}.pretty.p-svg .state .svg{position:absolute;font-size:1em;width:calc(1em + 2px);height:calc(1em + 2px);left:0;z-index:1;text-align:center;line-height:normal;top:calc((0% - (100% - 1em)) - 8%);border:1px solid transparent;opacity:0}.pretty.p-svg .state svg{margin:0;width:100%;height:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1}.pretty.p-svg input:checked~.state .svg{opacity:1}.pretty.p-image .state img{opacity:0;position:absolute;width:calc(1em + 2px);height:calc(1em + 2px);top:0;top:calc((0% - (100% - 1em)) - 8%);left:0;z-index:0;text-align:center;line-height:normal;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.pretty.p-image input:checked~.state img{opacity:1}.pretty.p-switch input{min-width:2em}.pretty.p-switch .state{position:relative}.pretty.p-switch .state:before{content:'';border:1px solid #bdc3c7;border-radius:60px;width:2em;box-sizing:unset;height:calc(1em + 2px);position:absolute;top:0;top:calc((0% - (100% - 1em)) - 16%);z-index:0;transition:all .5s ease}.pretty.p-switch .state label{text-indent:2.5em}.pretty.p-switch .state label:after,.pretty.p-switch .state label:before{transition:all .5s ease;border-radius:100%;left:0;border-color:transparent;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.pretty.p-switch .state label:after{background-color:#bdc3c7!important}.pretty.p-switch input:checked~.state:before{border-color:#5a656b}.pretty.p-switch input:checked~.state label:before{opacity:0}.pretty.p-switch input:checked~.state label:after{background-color:#5a656b!important;left:1em}.pretty.p-switch.p-fill input:checked~.state:before{border-color:#5a656b;background-color:#5a656b!important}.pretty.p-switch.p-fill input:checked~.state label:before{opacity:0}.pretty.p-switch.p-fill input:checked~.state label:after{background-color:#fff!important;left:1em}.pretty.p-switch.p-slim .state:before{height:.1em;background:#bdc3c7!important;top:calc(50% - .1em)}.pretty.p-switch.p-slim input:checked~.state:before{border-color:#5a656b;background-color:#5a656b!important}.pretty.p-has-hover input:hover~.state:not(.p-is-hover){display:none}.pretty.p-has-hover input:hover~.state.p-is-hover{display:block}.pretty.p-has-hover input:hover~.state.p-is-hover .icon{display:block}.pretty.p-has-focus input:focus~.state label:before{box-shadow:0 0 3px 0 #bdc3c7}.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state:not(.p-is-indeterminate){display:none}.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate{display:block}.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate .icon{display:block;opacity:1}.pretty.p-toggle .state.p-on{opacity:0;display:none}.pretty.p-toggle .state .icon,.pretty.p-toggle .state .svg,.pretty.p-toggle .state img,.pretty.p-toggle .state.p-off{opacity:1;display:inherit}.pretty.p-toggle .state.p-off .icon{color:#bdc3c7}.pretty.p-toggle input:checked~.state.p-on{opacity:1;display:inherit}.pretty.p-toggle input:checked~.state.p-off{opacity:0;display:none}.pretty.p-plain input:checked~.state label:before,.pretty.p-plain.p-toggle .state label:before{content:none}.pretty.p-plain.p-plain .icon{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.pretty.p-round .state label:after,.pretty.p-round .state label:before{border-radius:100%}.pretty.p-round.p-icon .state .icon{border-radius:100%;overflow:hidden}.pretty.p-round.p-icon .state .icon:before{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.pretty.p-curve .state label:after,.pretty.p-curve .state label:before{border-radius:20%}.pretty.p-smooth .icon,.pretty.p-smooth .svg,.pretty.p-smooth label:after,.pretty.p-smooth label:before{transition:all .5s ease}.pretty.p-smooth input:checked+.state label:after{transition:all .3s ease}.pretty.p-smooth input:checked+.state .icon,.pretty.p-smooth input:checked+.state .svg,.pretty.p-smooth input:checked+.state img{-webkit-animation:zoom .2s ease;animation:zoom .2s ease}.pretty.p-smooth.p-default input:checked+.state label:after{-webkit-animation:zoom .2s ease;animation:zoom .2s ease}.pretty.p-smooth.p-plain input:checked+.state label:before{content:'';-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:all .5s ease}.pretty.p-tada:not(.p-default) input:checked+.state .icon,.pretty.p-tada:not(.p-default) input:checked+.state .svg,.pretty.p-tada:not(.p-default) input:checked+.state img,.pretty.p-tada:not(.p-default) input:checked+.state label:after,.pretty.p-tada:not(.p-default) input:checked+.state label:before{-webkit-animation:tada .7s cubic-bezier(.25,.46,.45,.94) 1 alternate;animation:tada .7s cubic-bezier(.25,.46,.45,.94) 1 alternate;opacity:1}.pretty.p-jelly:not(.p-default) input:checked+.state .icon,.pretty.p-jelly:not(.p-default) input:checked+.state .svg,.pretty.p-jelly:not(.p-default) input:checked+.state img,.pretty.p-jelly:not(.p-default) input:checked+.state label:after,.pretty.p-jelly:not(.p-default) input:checked+.state label:before{-webkit-animation:jelly .7s cubic-bezier(.25,.46,.45,.94);animation:jelly .7s cubic-bezier(.25,.46,.45,.94);opacity:1}.pretty.p-jelly:not(.p-default) input:checked+.state label:before{border-color:transparent}.pretty.p-rotate:not(.p-default) input:checked~.state .icon,.pretty.p-rotate:not(.p-default) input:checked~.state .svg,.pretty.p-rotate:not(.p-default) input:checked~.state img,.pretty.p-rotate:not(.p-default) input:checked~.state label:after,.pretty.p-rotate:not(.p-default) input:checked~.state label:before{-webkit-animation:rotate .7s cubic-bezier(.25,.46,.45,.94);animation:rotate .7s cubic-bezier(.25,.46,.45,.94);opacity:1}.pretty.p-rotate:not(.p-default) input:checked~.state label:before{border-color:transparent}.pretty.p-pulse:not(.p-switch) input:checked~.state label:before{-webkit-animation:pulse 1s;animation:pulse 1s}.pretty input[disabled]{cursor:not-allowed;display:none}.pretty input[disabled]~*{opacity:.5}.pretty.p-locked input{display:none;cursor:not-allowed}.pretty input:checked~.state.p-primary label:after,.pretty.p-toggle .state.p-primary label:after{background-color:#428bca!important}.pretty input:checked~.state.p-primary .icon,.pretty input:checked~.state.p-primary .svg,.pretty.p-toggle .state.p-primary .icon,.pretty.p-toggle .state.p-primary .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-primary-o label:before,.pretty.p-toggle .state.p-primary-o label:before{border-color:#428bca}.pretty input:checked~.state.p-primary-o label:after,.pretty.p-toggle .state.p-primary-o label:after{background-color:transparent}.pretty input:checked~.state.p-primary-o .icon,.pretty input:checked~.state.p-primary-o .svg,.pretty input:checked~.state.p-primary-o svg,.pretty.p-toggle .state.p-primary-o .icon,.pretty.p-toggle .state.p-primary-o .svg,.pretty.p-toggle .state.p-primary-o svg{color:#428bca;stroke:#428bca}.pretty.p-default:not(.p-fill) input:checked~.state.p-primary-o label:after{background-color:#428bca!important}.pretty.p-switch input:checked~.state.p-primary:before{border-color:#428bca}.pretty.p-switch.p-fill input:checked~.state.p-primary:before{background-color:#428bca!important}.pretty.p-switch.p-slim input:checked~.state.p-primary:before{border-color:#245682;background-color:#245682!important}.pretty input:checked~.state.p-info label:after,.pretty.p-toggle .state.p-info label:after{background-color:#5bc0de!important}.pretty input:checked~.state.p-info .icon,.pretty input:checked~.state.p-info .svg,.pretty.p-toggle .state.p-info .icon,.pretty.p-toggle .state.p-info .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-info-o label:before,.pretty.p-toggle .state.p-info-o label:before{border-color:#5bc0de}.pretty input:checked~.state.p-info-o label:after,.pretty.p-toggle .state.p-info-o label:after{background-color:transparent}.pretty input:checked~.state.p-info-o .icon,.pretty input:checked~.state.p-info-o .svg,.pretty input:checked~.state.p-info-o svg,.pretty.p-toggle .state.p-info-o .icon,.pretty.p-toggle .state.p-info-o .svg,.pretty.p-toggle .state.p-info-o svg{color:#5bc0de;stroke:#5bc0de}.pretty.p-default:not(.p-fill) input:checked~.state.p-info-o label:after{background-color:#5bc0de!important}.pretty.p-switch input:checked~.state.p-info:before{border-color:#5bc0de}.pretty.p-switch.p-fill input:checked~.state.p-info:before{background-color:#5bc0de!important}.pretty.p-switch.p-slim input:checked~.state.p-info:before{border-color:#2390b0;background-color:#2390b0!important}.pretty input:checked~.state.p-success label:after,.pretty.p-toggle .state.p-success label:after{background-color:#5cb85c!important}.pretty input:checked~.state.p-success .icon,.pretty input:checked~.state.p-success .svg,.pretty.p-toggle .state.p-success .icon,.pretty.p-toggle .state.p-success .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-success-o label:before,.pretty.p-toggle .state.p-success-o label:before{border-color:#5cb85c}.pretty input:checked~.state.p-success-o label:after,.pretty.p-toggle .state.p-success-o label:after{background-color:transparent}.pretty input:checked~.state.p-success-o .icon,.pretty input:checked~.state.p-success-o .svg,.pretty input:checked~.state.p-success-o svg,.pretty.p-toggle .state.p-success-o .icon,.pretty.p-toggle .state.p-success-o .svg,.pretty.p-toggle .state.p-success-o svg{color:#5cb85c;stroke:#5cb85c}.pretty.p-default:not(.p-fill) input:checked~.state.p-success-o label:after{background-color:#5cb85c!important}.pretty.p-switch input:checked~.state.p-success:before{border-color:#5cb85c}.pretty.p-switch.p-fill input:checked~.state.p-success:before{background-color:#5cb85c!important}.pretty.p-switch.p-slim input:checked~.state.p-success:before{border-color:#357935;background-color:#357935!important}.pretty input:checked~.state.p-warning label:after,.pretty.p-toggle .state.p-warning label:after{background-color:#f0ad4e!important}.pretty input:checked~.state.p-warning .icon,.pretty input:checked~.state.p-warning .svg,.pretty.p-toggle .state.p-warning .icon,.pretty.p-toggle .state.p-warning .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-warning-o label:before,.pretty.p-toggle .state.p-warning-o label:before{border-color:#f0ad4e}.pretty input:checked~.state.p-warning-o label:after,.pretty.p-toggle .state.p-warning-o label:after{background-color:transparent}.pretty input:checked~.state.p-warning-o .icon,.pretty input:checked~.state.p-warning-o .svg,.pretty input:checked~.state.p-warning-o svg,.pretty.p-toggle .state.p-warning-o .icon,.pretty.p-toggle .state.p-warning-o .svg,.pretty.p-toggle .state.p-warning-o svg{color:#f0ad4e;stroke:#f0ad4e}.pretty.p-default:not(.p-fill) input:checked~.state.p-warning-o label:after{background-color:#f0ad4e!important}.pretty.p-switch input:checked~.state.p-warning:before{border-color:#f0ad4e}.pretty.p-switch.p-fill input:checked~.state.p-warning:before{background-color:#f0ad4e!important}.pretty.p-switch.p-slim input:checked~.state.p-warning:before{border-color:#c77c11;background-color:#c77c11!important}.pretty input:checked~.state.p-danger label:after,.pretty.p-toggle .state.p-danger label:after{background-color:#d9534f!important}.pretty input:checked~.state.p-danger .icon,.pretty input:checked~.state.p-danger .svg,.pretty.p-toggle .state.p-danger .icon,.pretty.p-toggle .state.p-danger .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-danger-o label:before,.pretty.p-toggle .state.p-danger-o label:before{border-color:#d9534f}.pretty input:checked~.state.p-danger-o label:after,.pretty.p-toggle .state.p-danger-o label:after{background-color:transparent}.pretty input:checked~.state.p-danger-o .icon,.pretty input:checked~.state.p-danger-o .svg,.pretty input:checked~.state.p-danger-o svg,.pretty.p-toggle .state.p-danger-o .icon,.pretty.p-toggle .state.p-danger-o .svg,.pretty.p-toggle .state.p-danger-o svg{color:#d9534f;stroke:#d9534f}.pretty.p-default:not(.p-fill) input:checked~.state.p-danger-o label:after{background-color:#d9534f!important}.pretty.p-switch input:checked~.state.p-danger:before{border-color:#d9534f}.pretty.p-switch.p-fill input:checked~.state.p-danger:before{background-color:#d9534f!important}.pretty.p-switch.p-slim input:checked~.state.p-danger:before{border-color:#a02622;background-color:#a02622!important}.pretty.p-bigger .icon,.pretty.p-bigger .img,.pretty.p-bigger .svg,.pretty.p-bigger label:after,.pretty.p-bigger label:before{font-size:1.2em!important;top:calc((0% - (100% - 1em)) - 35%)!important}.pretty.p-bigger label{text-indent:1.7em}@media print{.pretty .state .icon,.pretty .state label:after,.pretty .state label:before,.pretty .state:before{color-adjust:exact;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Bold.eot');
    src: url('../fonts/Nunito-Bold.eot@') format('embedded-opentype'),
        url('../fonts/Nunito-Bold.woff2') format('woff2'),
        url('../fonts/Nunito-Bold.woff') format('woff'),
        url('../fonts/Nunito-Bold.ttf') format('truetype'),
        url('../fonts/Nunito-Bold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-SemiBold.eot');
    src: url('../fonts/Nunito-SemiBold.eot@') format('embedded-opentype'),
        url('../fonts/Nunito-SemiBold.woff2') format('woff2'),
        url('../fonts/Nunito-SemiBold.woff') format('woff'),
        url('../fonts/Nunito-SemiBold.ttf') format('truetype'),
        url('../fonts/Nunito-SemiBold.svg') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Light.eot');
    src: url('../fonts/Nunito-Light.eot@') format('embedded-opentype'),
        url('../fonts/Nunito-Light.woff2') format('woff2'),
        url('../fonts/Nunito-Light.woff') format('woff'),
        url('../fonts/Nunito-Light.ttf') format('truetype'),
        url('../fonts/Nunito-Light.svg') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Regular.eot');
    src: url('../fonts/Nunito-Regular.eot@') format('embedded-opentype'),
        url('../fonts/Nunito-Regular.woff2') format('woff2'),
        url('../fonts/Nunito-Regular.woff') format('woff'),
        url('../fonts/Nunito-Regular.ttf') format('truetype'),
        url('../fonts/Nunito-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Karla';
    src: url('../fonts/Karla-Bold.eot');
    src: url('../fonts/Karla-Bold.eot@') format('embedded-opentype'),
        url('../fonts/Karla-Bold.woff2') format('woff2'),
        url('../fonts/Karla-Bold.woff') format('woff'),
        url('../fonts/Karla-Bold.ttf') format('truetype'),
        url('../fonts/Karla-Bold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Karla';
    src: url('../fonts/Karla-Regular.eot');
    src: url('../fonts/Karla-Regular.eot@') format('embedded-opentype'),
        url('../fonts/Karla-Regular.woff2') format('woff2'),
        url('../fonts/Karla-Regular.woff') format('woff'),
        url('../fonts/Karla-Regular.ttf') format('truetype'),
        url('../fonts/Karla-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}html{
    -webkit-font-smoothing: antialiased;
    font-smooth: always;
}
/*
#mobile-app {
    min-height: calc(100vh - 80px);
    max-width: 1080px;
    width: 100%;
    display: block;
    margin: auto;
}*/

.avisMobile{
    width:100px;
    height:100px;
    object-fit:cover;
    border-radius:60px !important;
}

#mobile-app {
    height: 100%;
    max-width: 768px;
    width: 100%;
    display: block;
    margin: auto;
    border-radius: 20px;
}
/*
.iframe-container {
    background-image:url("/assets/image/espaceClientBg.png");
    background-repeat:repeat;
}*/
/*
.iframe-container::after{
    background-image: url("/assets/image/espaceClientBg2.jpg");
    opacity:0.15;
    position: absolute;
    content: "";
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 89vh;

}
*/
.iframe-container {
    /* background-image: url("/assets/image/espaceClientBg.png"); */
    /* background: linear-gradient(to top, rgba(0,50,76, 1), rgba(0,50,76, 1));*/
    /************/
    background-repeat: repeat;
    background-size:cover;
  
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    display: block;
    height: 89vh;
}
.form-control:disabled, .form-control[readonly]{
    background:#fff !important;
}

.teamMember span{
    text-align: center;
}

#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: -280px;
    height: 100vh;
    z-index: 1999;
    background: #ffffff;
    color: #433c3d;
    transition: all .3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0,0,0,.5);
}

#sidebar.active {
    left: 0;
}

.sidebar-overlay {
    display: none;
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.7);
    z-index: 1998;
    opacity: 0;
}

.sidebar-overlay.active {
    display: block;
    opacity: 1;
}

#sidebar .sidebar-header {
    margin: 1rem 0;
}

#sidebar .navbar-nav {
    margin: 0 auto;
}

#sidebar .navbar-nav > li > .nav-link {
    padding: .5rem 1rem .5rem 1rem;
}

#sidebar .navbar-nav > .nav-item > .dropdown-menu > li .dropdown-toggle {
    position: absolute;
    top: .5rem; 
    right: 0rem;
}

#sidebar .navbar-nav > .nav-item .dropdown-toggle:after {
    position: absolute;
    right: 1rem;
    top: 1.15rem;
}

#sidebar .navbar-nav > .nav-item > .dropdown-menu > .nav-item .dropdown-toggle:after {
    position: absolute;
    right: 1rem;
    top: .5rem;
}

#sidebar .navbar-nav > .nav-item > .dropdown-menu > li > .dropdown-item {
    padding: .35rem 1rem .35rem 1.75rem;
}

#sidebar .navbar-nav > .nav-item > .dropdown-menu > li > .dropdown-menu > li > .dropdown-item {
    padding: .35rem 1rem .35rem 2.5rem;
}

#sidebar .navbar-nav > .nav-item > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-item {
    font-size: .9rem;
    padding: .35rem 1rem .35rem 3.25rem;
}

#sidebar .navbar-nav > .nav-item > .dropdown-menu,
#sidebar .navbar-nav > .nav-item > .dropdown-menu > li > .dropdown-menu,
#sidebar .navbar-nav > .nav-item > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu {
    padding: 0;
}

#sidebar .navbar-nav > .nav-item,
#sidebar .nav-item:last-child {
    border-bottom: 1px solid #eeeeee;
}

#sidebar .nav-link,
#sidebar .dropdown-toggle {
    display: inline-block;
}

#sidebar .navbar-nav .nav-link {
    color: #433c3d;
    font-weight: 700;
    width: 92%;
    outline: none;
}

#sidebar .navbar-nav > li > .nav-link:hover {
    color: #c20303;
}

#sidebar .navbar-nav .nav-item.show .nav-link {
    color: #c20303;
}

#sidebar .navbar-nav .dropdown-menu {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    background-color: transparent !important;
    border: none !important;
}

#sidebar .navbar-nav .nav-link:focus {
    background-color: transparent;
    color: #433c3d;
}

#sidebar .navbar-nav .dropdown-menu .dropdown-item {
    color: #433c3d;
}

#sidebar .navbar-nav .dropdown-menu .dropdown-item:hover,
#sidebar .navbar-nav .dropdown-menu .dropdown-item:focus {
    background-color: #f6f6f6;
    color: #433c3d;
}

#sidebar .navbar-nav .dropdown-menu > a {
    font-size: .9rem;
    color: #fff;
}
@keyframes tilt-shaking {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(3deg); }
    50% { transform: rotate(0eg); }
    75% { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
  }
.tilt-shaking{
    animation: tilt-shaking 0.15s 2;
}
.bgRedGradient{
    background:linear-gradient(90deg, rgb(219, 25, 25) 0%, rgb(255, 98, 36) 100%);
}
.navbar-brand img {
    height: 45px;
}

.navbar {
    padding:0px;
}

.stickOnScroll {
    position: fixed;
    top: 0;
    width: 100%;
    height: 80px;
    margin-bottom: 78px;
}

.menu-right .sousTexte {
    font-size: 0.5em !important;
    text-transform: uppercase;
    position: absolute;
    margin-top: 30px
}


.bottomAbsolute {
    position: absolute;
    bottom: 15px;
}


.dropdown-menuRight {
    position: absolute;
    right: 0 !important;
    left: auto !important;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px !important;
    margin-top: -3px !important
}

.h3 a {
    color: #1D1D1D !important
}

.dropdown-menuRight li {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
.dropdown-menuRight li.clickable:hover{
    /* background: linear-gradient(90deg, rgb(219, 25, 25) 0%, rgb(255, 98, 36) 100%); */
    background: #FFC20E;
}
.dropdown-menuRight li.clickable:hover > a{
    color:#fff !important;
}
.dropdown-menuRight li.clickable > a:hover{
    color:#fff !important;
}
.dropdown-menu.dropdown-menu-destinations a.clickable:hover{
    background: linear-gradient(90deg, rgb(219, 25, 25) 0%, rgb(255, 98, 36) 100%);
    color:#fff !important;

}

.pulse {
    transform: scale(0.8);
    display: inline-block;
    will-change: transform;
}

.divider {
    border-top: 1px solid #ddd !important;
    padding: 15px
}


.lineSeparator {
    padding: 20px 0;
    border-top: 1px solid #eee !important;
}

.textSmaller {
    font-size: 0.9em !important
}

#pays-slider {
    height: 170px !important
}

#pays .picture {
    border-radius: 10px;
    width: 245px !important
}

.grayScale {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.contentSwiperThailande {
    text-decoration: none;
    color: #fff;
    margin-top: 120px;
    font-size: 20px;
    margin-left: 80px
}

.contentSwiperThailande:hover {
    color: #fff !important;
}

a:hover {
    color: inherit !important;
    text-decoration: none !important;
}

.swiper-container {
}

.sousTexteMenu {
    text-transform: uppercase;
    position: absolute;
    margin-top: 30px !important;
    font-size: 0.7em
}

.iconImg {
    width: 65px;
}

.menu-right a:not(.demanderDevis), button {
    display: inline;
    padding: 0 20px;
}

.menu-right img, .menu-right svg {
    height: 26px;
    position: relative;
    margin-top: -5px;
}

.team img {

    object-fit: cover;
    width: 250px;
    height: 200px;
}

nav a {
    color: #000;
    text-transform: uppercase
}

a {
    color: inherit;
}

a:hover {
    text-decoration: none;
}

.opacityHover {
    cursor: pointer
}

.dropdown-destinations {
    position: relative;
    top: 13px
}

.dropdown-destinations .dropdown-menu a {
    display: inline;
    padding: 0 15px;
}

.dropdown-menu-destinations {
    margin-left: -170px;
    margin-top: -2px;
    position: absolute;
    border-top: 1px solid #eee !important;
    border-radius: 0 !important;
    line-height: 28px !important;
    padding: 8px 15px;
}

.destinations {
    font-size: 20px;
    position: relative;
    top: 7px;
}


.text-bold {
    font-weight: 700 !important;
}

.subMenu {
    display: none;
    position: absolute;
    width: 200px;
    top: 77px;
    z-index: 1000000 !important;
}

.subMenu ul {
    list-style-type: none !important
}

.icons li {
    display: inline
}

.homeNouveau {
    position: relative;
    width: 50%;
    top: 20%
}

.homeTels {
    position: absolute;
    right: 0;
    display: none;
}

#pays .picture {
    height: 120px;
}

.demanderDevis {
    padding: 11px;
    background: #FFC20E;
    text-transform: uppercase;
    color: #000000 !important;
    display: block;
    position: absolute;
    width: 292px;
    right: 0;
    top: 77px;
    text-align:center;
    z-index: 1005;
}

.centerTextMenu{
    padding: 0 !important;
    width: 100% !important;
    display: inline-block !important;
    padding-left: 45px !important;
}

.demanderDevis:hover {
    text-decoration: none
}

.zMinIndex {
    z-index: 1 !important;
}

.zMidIndex {
    z-index: 100 !important;
}

.zMaxIndex {
    z-index: 1000 !important;
}

.menu {
    background-color: transparent;
    border: none;
    cursor: pointer;
    left: -10px;
}

#cookie-bar-prompt-content {
    margin-top: 200px !important
}

.separatorHomeLeft {
    left: 0;
    width: 180px;
    border-top: 1px solid #000;
    margin-bottom: 50px
}

#cookie-bar-prompt-logo {
    display: none !important
}

#cookie-bar-button {
    background-color: transparent !important
}

#cookie-bar {
    padding: 16px !important;
    bottom: 0px !important;
}

.separatorHomeRight {
    float: right;
    width: 180px;
    border-top: 1px solid #000;
    margin-top: 40px;

}

.subMenu {
    position: absolute;
    width: 300px;
    padding: 20px;
    text-align: right;
    top: 20px;
    background: #fff;
}

.social li a img {
    max-width: 30px;
}

.btnSearchNav {
    border-radius: 5px;
    background-color: #000;
    color: #fff;
    padding: 8px !important;
    position: relative;
    top: 2px
}

.containerHome select {
    background-color: #fff !important
}

.containerHome select:hover {
    background-color: #fff !important
}

.btnSearchNav:hover {
    color: #fff !important
}

.pagination li {
    padding: 0 5px;
    color: #1D1D1D !important
}

.pagination li:hover {
    border-bottom: 1px solid #b9b9b9;
    color: #000 !important
}

.btnSearchNavBlack {
    border-radius: 15px;
    background-color: #000;
    color: #fff;
    padding: 8px !important;
    position: relative;
    top: 2px
}

.btnSearchNavBlack:hover {
    color: #fff;
    text-decoration: none
}

.btnTransparentButton {
    border-radius: 40px;
    padding: 15px 60px;
    -moz-transition: all .30s;
    -o-transition: all .30s;
    -webkit-transition: all .30s;
    transition: all .30s;
    border: 1px transparent;
}

.alignCenter {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.btnTransparentButton2 {
    border-radius: 40px;
    padding: 15px 30px;
    -moz-transition: all .30s;
    -o-transition: all .30s;
    -webkit-transition: all .30s;
    transition: all .30s;
    border: 1px transparent;
}

.btnMainSearch {
    display: block;
    margin: 0 auto;
}

.grayMenu {
    color: #666 !important;
    padding: 0 20px;
}

.darkGray {
    color: #1D1D1D !important
}

.darkRed {
    color: #5e0000 !important
}

.lightGray {
    color: #ccc !important
}

.backgroundVeryLightGray {
    background-color: #eee !important;
}

.mediumGray {
    color: #9a9898 !important;
}

.borderWhite {
    border: 1px solid #fff !important
}

.borderBlack {
    border: 1px solid #000 !important
}

.bookingBlockTitle {
    padding-left:20px;
    padding-right:20px;
    font-size:1.4rem;
    height:70px;
    border-radius:10px 10px 0px 0px;
    color:#000;
    text-transform:uppercase;
}

.backgroundYellow{
    background: #FFC20E;
}
.backgroundDegradeRouge {
    background: linear-gradient(90deg, rgb(219, 25, 25) 0%, rgb(255, 98, 36) 100%);
}

.textDegradeRouge {
    font-size: 32px;
    color: rgb(219, 25, 25);
    display: block;
    background: -webkit-linear-gradient(rgb(219, 25, 25), rgb(255, 98, 36)) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.icon:hover {
    box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.15);
}

.backgroundDegradeBleu {
    background: linear-gradient(90deg, rgb(25, 106, 199) 0%, rgb(82, 154, 236) 100%);
}

.paddingButtonNav {
    padding: 14px 60px !important;
}

.backgroundDegradeRouge:hover {
}

.zoomU1 {
    zoom: 1.2 !important
}


.zoomD1 {
    zoom: 0.9 !important
}

.zoomD2 {
    zoom: 0.8 !important
}

.zoomD3 {
    zoom: 0.7 !important
}

.zoomD4 {
    zoom: 0.6 !important
}

.btnDemanderDevisNavRight {
    padding: 10px !important;
}

.btnTransparentButton:hover {
    color: inherit;
    text-decoration: none;
    border: 2px solid #fff;
}

.btnTransparentButtonHoverBorderBlack:hover {

    border: 2px solid #fff;
}

.btnTransparentButtonNoBorder {
    padding: 15px 80px !important;
}

.btnTransparentButtonNoBorder:hover {
    color: inherit;
    text-decoration: none
}

.btnTransparentButtonNoBorderRight {
    padding: 8px 60px !important;
}

.btnTransparentButtonNoBorderRight:hover {
    color: inherit;
    text-decoration: none
}


.jumbotron {
    background-color: transparent !important;
}

.backgroundHome, .backgroundHome2 {

    background-size: cover;
    background-clip: content-box;
    padding: 0 !important;
    position: relative;
    background-repeat: no-repeat;

}

.cover {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.shortCuts {
    width: 100%;
    position: absolute;
    bottom: 0
}

.borderTopRadius {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.borderBottomRadius {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.backgroundNav {
    flex: 1;
    background-size: cover;
    background-clip: content-box;
    background-repeat: no-repeat;
    padding: 0 !important;
    position: relative;
}

.shortCuts a:hover {
    color: #fff
}

.containerHome {
    color: #fff !important;
    padding: 80px 40px;
}

.containerHomeTxtSize {
    font-size: 1.1em;
    height: 110px !important
}


@media only screen and (min-device-width: 320px) and (max-device-width: 1000px) {

    .containerHomeTxtSize {
        font-size: 1em !important;
        height: 110px !important
    }


}

.containerHome h1, .containerHome, .textH1 {

}

.containerHomeLeft {
    border-top: 1px solid rgba(255, 255, 255, .3);
    border-bottom: 1px solid rgba(255, 255, 255, .3);
}

.containerHomeRight {
    position: relative
}

h1, .textH1 {
    font-size: 2rem;
}

h2, .textH2 {
    font-size: 1.6rem;
}

h3, .textH3 {
    font-size: 1.2rem;
}

h4, .textH4 {
    font-size: 1.0rem;
}

h5, .textH5 {
    font-size: 0.9rem;
}

.uppercase {
    text-transform: uppercase !important;
}

.yAller {
    border-radius: 20px
}

.line {
    fill: none;
    stroke: #000;
    stroke-width: 6;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1)
}

.line1 {
    stroke-dasharray: 60 207;
    stroke-width: 6
}

.line2 {
    stroke-dasharray: 60 60;
    stroke-width: 6
}

.line3 {
    stroke-dasharray: 60 207;
    stroke-width: 6
}

.opened .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6
}

.backgroundHome2 {

}

.backgroundHome2 div {

}

.posHome2 {
    padding-top: 400px;
}

.opened .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6
}

.opened .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6
}

.line {
    fill: none;
    stroke: #000;
    stroke-width: 6;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1)
}

.line1 {
    stroke-dasharray: 60 207;
    stroke-width: 6
}

.line2 {
    stroke-dasharray: 60 60;
    stroke-width: 6
}

.line3 {
    stroke-dasharray: 60 207;
    stroke-width: 6
}

.opened .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6
}

.opened .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6
}

.opened .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6
}

.backgroundHome2 {
    position: relative
}

.white, .white:hover {
    color: #fff !important;
}

.backgroundWhite {
    background-color: #fff !important
}

.italic {
    font-style: italic !important;
}

.black {
    color: #000 !important
}

.backgroundBlack {
    background-color: #000 !important;
}

.temoignageAuteur {
    position: relative;
    left: 10px;
    top: 5px
}

.team {
    margin: 0 15px;
}


body {
    opacity: 0
}

.logoTeam {
    height: 40px;
    position: relative;
    top: -8px;
    left: 5px
}

.logoTeamLink {
    height: 24px;
    position: relative;
    top: -4px;
    left: 5px
}

.teamLink {
    width: 250px;
    height: auto;

}

.borderFontBlack {
    -webkit-text-stroke: 1px #000;
}

.borderBottomWhite {
    border-bottom: 1px solid #fff !important
}

.borderBottomGray {
    border-bottom: 1px solid #444 !important
}

.borderLeftWhite {
    border-left: 1px solid #fff !important
}

.borderLeftGray {
    border-left: 3px solid #2d2d2d !important;
}

.borderGray {
    border: 3px solid #2d2d2d !important;
}

.borderFontGrayWhite {
    -webkit-text-stroke: 1px #aaa;
}

.borderFontWhite {
    -webkit-text-stroke: 1px #fff;
}

#tours-slider a {
    text-decoration: none;
    color: #000
}

.backgroundDarkGray, #footer, #prefooter {
    background-color: #1D1D1D !important;
}

.backgroundTransparent {
    background: transparent !important
}

#tours-slider .tour {
    border-radius: 15px;
    /*
    background-color: #eee;
    max-height: 600px !important;
    height: 600px;
    */
    max-width: 330px;
    width: 330px;
    overflow-y: hidden
}

.contourTextBlack {

    -webkit-text-stroke: 1px #ddd;
}

::placeholder {
    color: #1D1D1D;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #1D1D1D;
}

::-ms-input-placeholder {
    color: #1D1D1D;
}

#tours-slider .swiper-slide {
    max-width: 330px !important;
    width: 330px !important
}

.radius22 {
    border-radius: 22px;
}

.borderBlackHuge {
    border-radius: 22px;
    border: 2px solid #000 !important
}

.container-enlarged {
    max-width: 1335px !important
}

.swiper-slide-pays {
    width: 245px !important
}

#tours-slider .content {
    padding: 0 15px;
}

#tours-slider .picture {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

#tours-slider {
    margin-left: 30px;
    margin-right: 30px;
    line-height: 20px !important;
    zoom: 0.8
}

.boldOnHover:hover {
    font-weight: bold !important
}
/*
#tours-slider .price {
    position: absolute;
    margin-top: 270px;
    padding: 5px 10px;
    margin-left: -165px;
    border-top-right-radius: 15px;
    background: rgb(253, 29, 29);
    background: linear-gradient(90deg, rgb(219, 25, 25) 0%, rgb(255, 98, 36) 100%);
    color: #fff
}
*/
#tours-slider .voirProgramme {
    background: rgb(253, 29, 29);
    background: linear-gradient(90deg, rgb(219, 25, 25) 0%, rgb(255, 98, 36) 100%);
    border-radius: 15px;
    width: 100%;
    padding: 10px;
    text-align: center;
    position: relative;
}

.demanderDevisTrip {
    /*
    width: 270px;
    position: relative;
    top: 10px;
    border-radius: 15px;
    left: 40px*/
    border-radius: 20px;
    color:#000;
}

#tours-sliders * {
    line-height: 32px;
}

#tours-slider .tags {
    padding: 15px 0
}

.noPad {
    padding: 0 !important
}

.noMarg {
    padding: 0 !important
}

#tours-slider-home a {
    text-decoration: none;
    color: #000
}

#tours-slider-home .tour {
    border-radius: 15px;
    background-color: #eee;
    max-height: 555px !important;

    overflow-y: hidden;
}

#tours-slider-home .content {
    padding: 0 15px;
}

#tours-slider-home .picture {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.radius10 {
    border-radius: 10px !important
}

#tours-slider-home {

    line-height: 26px !important
}

#tours-slider-home .price {
    position: absolute;
    margin-top: 255px;
    padding: 5px 10px;
    margin-left: -165px;
    border-top-right-radius: 15px;
    background: rgb(253, 29, 29);
    background: linear-gradient(90deg, rgb(219, 25, 25) 0%, rgb(255, 98, 36) 100%);
    color: #fff;
}

.titleHome {
    max-width: 30%;
    width: 300px
}

#tours-slider-home .voirProgramme {
    background: rgb(253, 29, 29);
    background: linear-gradient(90deg, rgb(219, 25, 25) 0%, rgb(255, 98, 36) 100%);
    border-radius: 15px;
    width: 100%;
    padding: 10px;
    text-align: center;

}

#tours-slider-home .content {
    min-height: 255px
}

.voirProgramme:hover {
    font-weight: bold
}

#cookie-bar-button-no {
    background-color: #000 !important;
    color: #9a9898 !important;
}

#cookie-bar-button {
    background-color: #003a0a !important
}

.centerFlex {
    display: flex;
    justify-content: center;
}

.priceHome {
    margin-left: 0 !important;
    top: 7px
}

.orange {
    color: rgb(255, 98, 36) !important
}

.text-small {
    font-size: 0.8em !important
}

.tour .title {
    font-weight: bold;
    text-align: center
}

.tour .title {
    margin-top: 15px
}

.tour {
    /* margin: 0 15px */
}

.text-big {
    font-size: 1.2em !important;
    position: relative;
    top: 1px
}

.text15em {
    font-size: 1.5em !important;
}

.text17em {
    font-size: 1.5em !important;
}

.red {
    color: #ff0000 !important
}

.blackRed {
    color: #9c0000 !important
}

[data-wenk].wenk--bottom:after,
[data-wenk][data-wenk-pos="bottom"]:after {
    bottom: auto;
    top: 89% !important;
    left: 50%;
    -webkit-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
}

.divShadow {
    box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
    background: rgba(252, 252, 252, 0.3);

}

@media (max-width: 640px) {
    ::placeholder {
        font-size: 0.8em
    }

    .btnTransparentButton {
        padding: 10px 20px
    }

    .team {
        margin: 0 !important
    }
}

h1.main, p.demos {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}

.fw700 {
    font-weight: 700 !important;
}

.sp-content {
    position: absolute;
    width: 100%;
    left: 0px;
    z-index: 1000;
}

.country {
    padding: 20px !important;
    background-color: transparent !important
}

.sp-container h2 {
    position: absolute;

    line-height: 100px;
    height: 90px;
    margin-top: -50px;
    font-size: 90px;
    width: 100%;
    text-align: center;
    color: transparent;
    /*
    -webkit-animation: blurFadeInOut 3s ease-in backwards;
    -moz-animation: blurFadeInOut 3s ease-in backwards;
    -ms-animation: blurFadeInOut 3s ease-in backwards;
    animation: blurFadeInOut 3s ease-in backwards;
    */
    
}

.sp-container h2.frame-1 {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    animation-delay: 0s;
    
}

.sp-container h2.frame-2 {
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -ms-animation-delay: 3s;
    animation-delay: 3s;
}

.sp-container h2.frame-3 {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}

.sp-container h2.frame-4 {
    -webkit-animation-delay: 9s;
    -moz-animation-delay: 9s;
    -ms-animation-delay: 9s;
    animation-delay: 9s;
}

.sp-container h2.frame-5 {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none;
    color: transparent;
    text-shadow: 0px 0px 1px #000;
    font-size: 60px;
}

.sp-container h2.frame-5 span {
    -webkit-animation: blurFadeIn 3s ease-in 12s backwards;
    -moz-animation: blurFadeIn 1s ease-in 12s backwards;
    -ms-animation: blurFadeIn 3s ease-in 12s backwards;
    animation: blurFadeIn 3s ease-in 12s backwards;
    color: transparent;
    text-shadow: 0px 0px 1px #000;
}

.sp-container h2.frame-5 span:nth-child(2) {
    -webkit-animation-delay: 13s;
    -moz-animation-delay: 13s;
    -ms-animation-delay: 13s;
    animation-delay: 13s;
}

.sp-container h2.frame-5 span:nth-child(3) {
    -webkit-animation-delay: 14s;
    -moz-animation-delay: 14s;
    -ms-animation-delay: 14s;
    animation-delay: 14s;
}

.sp-container h2.frame-5 span:nth-child(4) {
    -webkit-animation-delay: 15s;
    -moz-animation-delay: 15s;
    -ms-animation-delay: 15s;
    animation-delay: 15s;
}

.wrap {
    position: absolute;
    right: 0;
    top: 40%;
    width: 350px;
    left: 0;
    margin: 0 auto;
}

/* select starting stylings ------------------------------*/
.select {
    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
    position: relative;
    width: 350px;
}

.bootstrap-select {
    position: relative;
    top: 5px
}

.select-text {
    position: relative;
    font-family: inherit;
    background-color: transparent;
    width: 350px;
    padding: 10px 10px 10px 0;
    font-size: 18px;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

/* Remove focus */
.select-text:focus {
    outline: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}

/* Use custom arrow */
.select .select-text {
    appearance: none;
    -webkit-appearance: none
}

.select:after {
    position: absolute;
    top: 18px;
    right: 10px;
    /* Styling the down arrow */
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgba(0, 0, 0, 0.12);
    pointer-events: none;
}


/* LABEL ======================================= */
.select-label {
    color: rgba(0, 0, 0, 0.26);
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 10px;
    transition: 0.2s ease all;
}

/* active state */
.select-text:focus ~ .select-label, .select-text:valid ~ .select-label {
    color: #2F80ED;
    top: -20px;
    transition: 0.2s ease all;
    font-size: 14px;
}

/* BOTTOM BARS ================================= */
.select-bar {
    position: relative;
    display: block;
    width: 350px;
}

.select-bar:before, .select-bar:after {
    content: '';
    height: 2px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #2F80ED;
    transition: 0.2s ease all;
}

.select-bar:before {
    left: 50%;
}

.select-bar:after {
    right: 50%;
}

/* active state */
.select-text:focus ~ .select-bar:before, .select-text:focus ~ .select-bar:after {
    width: 50%;
}

/* HIGHLIGHTER ================================== */
.select-highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}

@-webkit-keyframes blurFadeInOut {
    0% {
        opacity: 0;
        text-shadow: 0 0 40px #000;
        -webkit-transform: scale(1.3)
    }
    20%, 75% {
        opacity: 1;
        text-shadow: 0 0 1px #000;
        -webkit-transform: scale(1)
    }
    100% {
        opacity: 0;
        text-shadow: 0 0 50px #000;
        -webkit-transform: scale(0)
    }
}

@-webkit-keyframes blurFadeIn {
    0% {
        opacity: 0;
        text-shadow: 0 0 40px #000;
        -webkit-transform: scale(1.3)
    }
    50% {
        opacity: .5;
        text-shadow: 0 0 10px #000;
        -webkit-transform: scale(1.1)
    }
    100% {
        opacity: 1;
        text-shadow: 0 0 1px #000;
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes fadeInBack {
    0% {
        opacity: 0;
        -webkit-transform: scale(0)
    }
    50% {
        opacity: .4;
        -webkit-transform: scale(2)
    }
    100% {
        opacity: .2;
        -webkit-transform: scale(5)
    }
}

@-webkit-keyframes fadeInRotate {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) rotate(360deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) rotate(0)
    }
}

@-moz-keyframes blurFadeInOut {
    0% {
        opacity: 0;
        text-shadow: 0 0 40px #000;
        -moz-transform: scale(1.3)
    }
    20%, 75% {
        opacity: 1;
        text-shadow: 0 0 1px #000;
        -moz-transform: scale(1)
    }
    100% {
        opacity: 0;
        text-shadow: 0 0 50px #000;
        -moz-transform: scale(0)
    }
}

@-moz-keyframes blurFadeIn {
    0% {
        opacity: 0;
        text-shadow: 0 0 40px #000;
        -moz-transform: scale(1.3)
    }
    100% {
        opacity: 1;
        text-shadow: 0 0 1px #000;
        -moz-transform: scale(1)
    }
}

@-moz-keyframes fadeInBack {
    0% {
        opacity: 0;
        -moz-transform: scale(0)
    }
    50% {
        opacity: .4;
        -moz-transform: scale(2)
    }
    100% {
        opacity: .2;
        -moz-transform: scale(5)
    }
}

@-moz-keyframes fadeInRotate {
    0% {
        opacity: 0;
        -moz-transform: scale(0) rotate(360deg)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1) rotate(0)
    }
}

@keyframes blurFadeInOut {
    0% {
        opacity: 0;
        text-shadow: 0 0 40px #000;
        transform: scale(1.3)
    }
    20%, 75% {
        opacity: 1;
        text-shadow: 0 0 1px #000;
        transform: scale(1)
    }
    100% {
        opacity: 0;
        text-shadow: 0 0 50px #000;
        transform: scale(0)
    }
}

@keyframes blurFadeIn {
    0% {
        opacity: 0;
        text-shadow: 0 0 40px #000;
        transform: scale(1.3)
    }
    50% {
        opacity: .5;
        text-shadow: 0 0 10px #000;
        transform: scale(1.1)
    }
    100% {
        opacity: 1;
        text-shadow: 0 0 1px #000;
        transform: scale(1)
    }
}

@keyframes fadeInBack {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    50% {
        opacity: .4;
        transform: scale(2)
    }
    100% {
        opacity: .2;
        transform: scale(5)
    }
}

@keyframes fadeInRotate {
    0% {
        opacity: 0;
        transform: scale(0) rotate(360deg)
    }
    100% {
        opacity: 1;
        transform: scale(1) rotate(0)
    }
}


#mobileMenu {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 20;
  
}
#mobileMenu .label{
    font-size:9px;
    display: block;
}

#mobileMenu .menuMobile{
    background:#dfe6e9;

}
#mobileMenu .mobileMenuAccordion{
    font-size:12px;
}
#mobileMenu .col{
    text-align: center;
}/* pagination */
#blog-pagination ul.pagination li:not(:first-child):not(:last-child){
    border-radius: 5px;
    margin: 0 0.1rem;
    width: 26px;
    height: 26px;
    color: white !important;
    background: linear-gradient(90deg, rgb(219, 25, 25) 0%, rgb(255, 98, 36) 100%);
}
#blog-pagination ul.pagination li:not(:first-child):not(:last-child):hover{
    color:black !important;
}
#blog-pagination ul.pagination li{

}
#blog-pagination{
    margin-top:5rem;
}#newsletter_save{
    border:none !important;
}
#prefooter {
    color: #ffffff;
}
#prefooter h3 {
    color: #ffffff;
}
#prefooter p {
    font-size: .9rem;
}
#prefooter #newsletter .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #fff;
    width: 280px;
    height: 36px;
}
#prefooter #newsletter .btn {
    padding: .375rem .75rem;
    height: 36px;
    font-size: .8rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #1D1D1D !important;
    background-color: #fff;
    border: 1px solid #1D1D1D;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 1px;
}
#prefooter #nous-contacter .telephone {
    font-size: 1.2rem;
}
#prefooter #nous-contacter .email {
    font-size: 1.2rem;
}
#prefooter #nous-contacter .telephone i,
#prefooter #nous-contacter .email i {
    vertical-align: middle;
    margin-right: .25rem;
}
#prefooter #nous-contacter .telephone a,
#prefooter #nous-contacter .email a {
    color: #fff;
    text-decoration: none;
}
#prefooter #nous-contacter p {
    margin-bottom: 0;
}
@media (max-width: 992px) {
    #prefooter #newsletter .form-control {
        /*width: 224px;*/
        width: 80%;
    }
}

#footer {
    color: #fff;
    background-repeat: no-repeat;
    background-position: 75% 30px;
}
#footer .copyright {
    font-size: .7rem;
    color: #fff;
    margin-bottom: 0;
    text-align: center;
}
#footer .menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#footer .menu > li a {
    color: #fff;
    font-size: .9rem;
}
#footer .row-social {
    max-width: 245px;
    margin: -2rem auto 0 auto;
}
#footer .social > li {
    margin-right: .75rem;
}
#footer #contenu-24 .title,
#footer #contenu-102 .title {
    display: none;
}
@media (max-width: 992px) {
    #footer {
        background-position: right bottom;
    }
}
@media (max-width: 575px) {
    #footer .row-social {
        margin: 2rem auto;
    }
}
.temoignages-wrapper .temoignage-photo {
    border-radius: 50%;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    padding: 1rem;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    
}
.stars{color:#fff}
.temoignages-wrapper .temoignage {
    margin-bottom: 0.8rem;
}
.temoignages-wrapper .temoignage a {
    text-decoration: none;

}

.temoignages-wrapper .temoignage .content .tiers {
    font-size: 1.1rem;
    font-weight: bold;

}
.temoignages-wrapper .temoignage .content .pays {
    font-size: 1rem;

}
.temoignages-wrapper .temoignage .content .tour {
    font-size: 1rem;
    color:#9a9898

}
.temoignages-wrapper .temoignage .content .stars > span {

}
.temoignages-wrapper .temoignage .content .stars {
    margin-bottom: .5rem;
}
.article{
    margin-top:4em;
    margin-bottom:4em;
}
.article .body.row h2 a:hover {
    text-decoration: none !important;
}

#travelerChoice{
    position: fixed;
    margin: 25px;
    z-index: 99999999;
    bottom: 0;
    display:none;
}

.newsletter_flash {
    font-family: 'Roboto', sans-serif;
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    padding: 15px 30px;
    border-radius: 5px;
    border: 0;
}

.newsletter_warning {
    background-color: #fad390;
}

.newsletter_success {
    background-color: #b8e994;
}

div#nous-contacter {
    margin-left: 0 !important;
}

div#newsletter {
    display: none;
}

a#clientZone {
    display: none;
}