@charset "UTF-8";
/* Generated by scripts/build-legacy-css.php: edit the source files, not this bundle. */
/* css/zoho.css */
/* ==========================================================
   COULEURS ZOHO — TEXTES
   ========================================================== */

:is(.zoho-text-yellow, .zoho-text-bleu, .zoho-text-rouge, .zoho-text-mauve, .zoho-text-vert, .zoho-text-white) {
    color: var(--zoho-color) !important;
}

.zoho-text-yellow {
    --zoho-color: var(--zoho-yellow);
}

.zoho-text-bleu {
    --zoho-color: var(--zoho-blue);
}

.zoho-text-rouge {
    --zoho-color: var(--zoho-red);
}

.zoho-text-mauve {
    --zoho-color: var(--zoho-purple);
}

.zoho-text-vert {
    --zoho-color: var(--zoho-green);
}

.zoho-text-white {
    --zoho-color: var(--zoho-white);
}

/* ==========================================================
   COULEURS ZOHO — ARRIÈRE-PLANS
   ========================================================== */

:is(.zoho-bg-yellow, .zoho-bg-bleu, .zoho-bg-rouge, .zoho-bg-mauve, .zoho-bg-white) {
    background: var(--zoho-color);
    border-color: var(--zoho-color);
}

.zoho-bg-yellow {
    --zoho-color: var(--zoho-yellow);
}

.zoho-bg-bleu {
    --zoho-color: var(--zoho-blue);
}

.zoho-bg-rouge {
    --zoho-color: var(--zoho-red);
}

.zoho-bg-mauve {
    --zoho-color: var(--zoho-purple);
}

.zoho-bg-vert {
    --zoho-color: var(--zoho-green);
    background: var(--zoho-color) !important;
    border-color: var(--zoho-color) !important;
}

.zoho-bg-white {
    --zoho-color: var(--zoho-white);
}

/* ==========================================================
   CARTES, ICÔNES ET COCHES
   ========================================================== */

:is(.zoho-card-yellow, .zoho-card.yellow, .zoho-card-bleu, .zoho-card.bleu, .zoho-card-rouge, .zoho-card.rouge, .zoho-card-mauve, .zoho-card.mauve, .zoho-card-white, .zoho-card.white) {
    background: var(--zoho-color);
}

:is(.zoho-card-yellow, .zoho-card.yellow) {
    --zoho-color: var(--zoho-yellow);
}

:is(.zoho-card-bleu, .zoho-card.bleu) {
    --zoho-color: var(--zoho-blue);
}

:is(.zoho-card-rouge, .zoho-card.rouge) {
    --zoho-color: var(--zoho-red);
}

:is(.zoho-card-mauve, .zoho-card.mauve) {
    --zoho-color: var(--zoho-purple);
}

:is(.zoho-card-vert, .zoho-card.vert) {
    --zoho-color: var(--zoho-green);
    background: var(--zoho-color) !important;
}

:is(.zoho-card-white, .zoho-card.white) {
    --zoho-color: var(--zoho-white);
}

.zoho-card {
    padding: 24px;
    border-radius: 12px;
}

.zoho-card img {
    width: fit-content;
}

.zoho-card.h-100 {
    height: 100%;
}

.zoho-app-card-link {
    display: block;
    color: inherit;
    text-decoration: none;
    transition: transform 0.2s ease;
}

.zoho-app-card-link:hover,
.zoho-app-card-link:focus {
    color: inherit;
    text-decoration: none;
    transform: scale(1.05);
}

.zoho-card.absolute {
    width: 100%;
    max-width: 1640px;
    margin: 0 auto;
    overflow: hidden;
    z-index: 3;
}

.zoho-card.absolute.vert:hover {
    background-color: var(--zoho-green) !important;
    border-color: var(--zoho-green) !important;
}

[data-carousel='four-nospace'] .swiper-wrapper,
[data-carousel='five'] .swiper-wrapper {
    height: fit-content;
}

/* ==========================================================
   PORTÉE DU GABARIT ZOHO
   ========================================================== */

:is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) section.page-section-pb {
    padding-bottom: 50px;
}

:is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .position-lg-absolute {
    position: relative;
}

:is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .end-0 {
    right: 0;
}

:is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .start-0 {
    left: 0;
}

:is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .top-0 {
    top: 0;
}

:is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .bottom-0 {
    bottom: 0;
}

:is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .w-fit-content {
    width: fit-content;
}

:is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .text-end {
    text-align: end;
}

:is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .px-12 {
    padding-right: 12px !important;
    padding-left: 12px !important;
}

:is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .p-60 {
    padding: 60px;
}

:is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .z-2 {
    z-index: 2;
}

/* ==========================================================
   GRILLE
   ========================================================== */

.zoho-grid-5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
}

.zoho-grid-5>.grid-stretch {
    grid-row: span 2;
}

.zoho-source-link {
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .9);
    color: var(--zoho-blue) !important;
    font-family: Oswald, sans-serif;
    font-size: 15px;
    text-transform: uppercase;
}

.zoho-source-link:hover {
    background: var(--zoho-blue);
    color: #fff !important;
}

.zoho-source-attribution {
    color: #666;
}

.zoho-source-attribution a {
    color: inherit;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.zoho-source-attribution a:hover {
    color: var(--zoho-blue);
}

/* ==========================================================
   HERO
   ========================================================== */

.zoho-hero .tag {
    position: absolute;
    bottom: 40px;
    left: 50%;
    display: flex;
    align-items: center;
    gap: 24px;
    width: max-content;
    padding: 15px;
    translate: -50% 0;
    border-radius: 12px;
    background-color: var(--zoho-white);
}

.zoho-hero-logo {
    display: block;
    width: auto;
    max-width: 220px;
    max-height: 86px;
    object-fit: contain;
}

.zoho-hero .tag .zoho-hero-tag-logo {
    width: auto;
    max-width: 84px;
    height: 50px;
    object-fit: contain;
    flex: 0 0 auto;
}

.zoho-hero .tag .content {
    width: fit-content;
}

.zoho-hero .img-absolute {
    position: absolute;
    top: 0;
    right: 0;
    width: 55%;
    height: 100%;
}

.zoho-hero .img-absolute>picture {
    display: block;
    width: 100%;
    height: 100%;
}

.zoho-hero .img-absolute>img,
.zoho-hero .img-absolute>picture>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zoho-hero>.container .content {
    width: 45%;
    padding-left: 12px;
}

/* ==========================================================
   LISTE D'AVANTAGES
   ========================================================== */

:is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) ul.list-unstyled {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

:is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) ul.list-unstyled li {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 16px;
    line-height: 24px;
}

/* ==========================================================
   TYPOGRAPHIE — IDENTIQUE À LA PAGE ORIGINALE
   ========================================================== */

:is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) :is(p, .text-block) {
    margin-bottom: 1rem;
}

:is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) :is(p:last-of-type, .text-block:last-child) {
    margin-bottom: 0;
}

:is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .page-video-header {
    border-radius: 0;
    clip-path: inset(0 round 0);
}

:is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .button {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #fff;
    text-transform: none;
    white-space: normal;
}

:is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .seo-h5 {
    color: #424242;
}

:is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .seo-h5.white {
    color: var(--zoho-white);
}

:is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .seo-h1,
:is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .seo-h2,
:is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .seo-h3 {
    color: #424242;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media screen and (min-width: 1100px) {
    :is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .bottom-150 {
        bottom: -150px;
    }
}

@media screen and (min-width: 992px) {
    :is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .position-lg-absolute {
        position: absolute !important;
    }

    :is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) section.page-section-pb {
        padding-bottom: 80px;
    }

    :is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .translate-middle-x {
        translate: -50% 0;
    }

    :is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .translatemiddle-y {
        translate: 0 -50%;
    }

    :is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .text-lg-end {
        text-align: end !important;
    }

    :is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .text-lg-center {
        text-align: center !important;
    }

    :is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .start-50 {
        left: 50%;
    }

    :is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .bottom-150 {
        bottom: -175px;
    }
}

@media screen and (max-width: 1560px) {
    .zoho-hero .img-absolute {
        width: 60%;
    }

    .zoho-hero>.container .content {
        width: 40%;
    }
}

@media screen and (max-width: 1200px) {
    .zoho-grid-5 {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }

    .zoho-grid-5>.grid-stretch {
        grid-row-start: auto;
        order: 1;
    }

    .zoho-hero {
        padding-top: 0 !important;
    }

    .zoho-hero .tag {
        width: max-content;
    }

    .zoho-hero .img-absolute {
        position: relative;
        width: 100%;
    }

    .zoho-hero>.container .content {
        width: 100%;
    }
}

@media screen and (max-width: 1180px) {
    .zoho-hero .img-absolute {
        padding-top: 50px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    :is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .zoho-partner-section .col-lg-5 {
        padding-left: 30px !important;
    }

    :is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .zoho-card.absolute {
        width: 91%;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1700px) {
    :is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .zoho-card.absolute {
        width: 98%;
    }
}

@media screen and (max-width: 991px) {
    :is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .zoho-source-link {
        margin-top: 10px;
    }

    .zoho-hero .tag {
        bottom: 20px;
        width: max-content;
    }

    .zoho-hero .tag .zoho-hero-tag-logo {
        max-width: 72px;
        height: 43px;
    }

    .zoho-hero .img-absolute {
        position: relative;
        width: 100%;
        padding-top: 0;
    }

    .zoho-hero>.container .content {
        width: 100%;
    }

    :is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) section.page-section-ptb:where(:not(.cta-banner-section)) {
        padding: 50px 0 !important;
    }

    :is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) section.page-section-pb .sm-px-12,
    :is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) section.page-section-pt .sm-px-12,
    :is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) section.page-section-ptb .sm-px-12 {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    :is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) section.page-section-pb .sm-mx-12,
    :is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) section.page-section-pt .sm-mx-12,
    :is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) section.page-section-ptb .sm-mx-12 {
        margin-right: 12px !important;
        margin-left: 12px !important;
    }

    .zoho-grid-5 {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .zoho-grid-5>.grid-stretch {
        grid-column-start: 1;
        grid-column-end: 3;
    }
}

/* Preserve Zoho's palette independently of the shared typography. */
:is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .service-design p {
    color: inherit;
}

:is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .service-design .eyebrow {
    color: var(--accent);
}

:is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .service-design :is(.design-feature, .design-step, .simple-list) .seo-h5 {
    color: #616161;
}

:is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .service-design .subtitle {
    color: #616161;
}

:is(main.expertzoho, main[class^="zoho"], main[class*=" zoho"]) .service-design .design-cta :is(.seo-h2, .subtitle) {
    color: #fff;
}

@media screen and (max-width: 767px) {
    .zoho-grid-5 {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .zoho-grid-5>.grid-stretch {
        order: 1;
    }

    .zoho-hero .tag {
        gap: 12px;
        width: max-content;
        max-width: calc(100% - 24px);
        padding: 8px;
        border-radius: 8px;
    }

    .zoho-hero .tag .zoho-hero-tag-logo {
        max-width: 48px;
        height: 30px;
    }

    .zoho-hero .tag :is(p, .text-block) {
        margin-bottom: 0;
    }
}

/* css/services.css */


:is(main[class^="logiciels"], main[class*=" logiciels"]) .text-balance {
    text-wrap: balance;
}

:is(main[class^="logiciels"], main[class*=" logiciels"]) .text-pretty {
    text-wrap: pretty;
}

:is(main[class^="logiciels"], main[class*=" logiciels"]) .title-width {
    max-width: 865px;
}

:is(main[class^="logiciels"], main[class*=" logiciels"]) .p-20 {
    padding: 20px;
}



:is(main[class^="logiciels"], main[class*=" logiciels"]) .row-gap-4 {
    row-gap: 1.5rem;
}

:is(main[class^="logiciels"], main[class*=" logiciels"]) .service-section__media {
    height: 600px;
    overflow: hidden;
    border-radius: 20px;
}

:is(main[class^="logiciels"], main[class*=" logiciels"]) .service-section__media--short {
    height: 525px;
}

:is(main[class^="logiciels"], main[class*=" logiciels"]) .service-section__media--stretch {
    height: 100%;
}



:is(main[class^="logiciels"], main[class*=" logiciels"]) .service-heading__rule {
    flex: 0 0 8px;
    border-radius: 999px;
    background: #8cb83f;
}

:is(main[class^="logiciels"], main[class*=" logiciels"]) .service-list__bullet {
    font-size: 8px;
}

:is(main[class^="logiciels"], main[class*=" logiciels"]) .service-feature-card {
    min-height: 255px;
    border-radius: 12px;
}

:is(main[class^="logiciels"], main[class*=" logiciels"]) .service-feature-card--integration {
    min-height: 249px;
    border-radius: 20px;
}

:is(main[class^="logiciels"], main[class*=" logiciels"]) .service-feature-card__icon {
    width: 40px;
    height: 40px;
}

:is(main[class^="logiciels"], main[class*=" logiciels"]) .service-integration__zoho-logo {
    width: 159px;
    height: 70px;
    object-fit: contain;
}

:is(main[class^="logiciels"], main[class*=" logiciels"]) .service-technology__icon {
    height: 64px;
}

:is(main[class^="logiciels"], main[class*=" logiciels"]) .service-technology__icon img {
    max-width: 107px;
    max-height: 64px;
    object-fit: contain;
}





:is(main[class^="logiciels"], main[class*=" logiciels"]) .service-project-card {
    overflow: hidden;
    border-radius: 20px;
}

:is(main[class^="logiciels"], main[class*=" logiciels"]) .service-project-card__media {
    height: 300px;
    overflow: hidden;
    border-radius: 20px;
}

:is(main[class^="logiciels"], main[class*=" logiciels"]) .service-agency-visual {
    position: relative;
    height: 669px;
}

:is(main[class^="logiciels"], main[class*=" logiciels"]) .service-agency-visual__photo {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 645px;
    border-radius: 20px;
}

:is(main[class^="logiciels"], main[class*=" logiciels"]) .service-agency-visual__drawing {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 63%;
    height: auto;
}







.services-page-video-section {
    position: relative;
}
.services-page-video-section::after {
    background: #f5f5f5;
    position: absolute;
    content: "";
    height: 50%;
    width: 100%;
    left: 0;
    top: 0;
}

@media screen and (max-width: 1199px) {
    :is(main.expertzoho, main[class^="logiciels"], main[class*=" logiciels"]) .md-px-12 {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }
}

@media screen and (max-width: 991px) {
    :is(main.expertzoho, main[class^="logiciels"], main[class*=" logiciels"]) .sm-px-12 {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }
    :is(main.expertzoho, main[class^="logiciels"], main[class*=" logiciels"]) .title-width {
        max-width: 100%;
    }

    :is(main.expertzoho, main[class^="logiciels"], main[class*=" logiciels"]) .sm-px-12 {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }
}



/* css/plugins-css.css */
 /* css/plugins/bootstrap.min.css */
 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}h1 {font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}mark {padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.img-fluid{max-width:100%;height:auto}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-12,.col-2,.col-4,.col-5,.col-6,.col-7,.col-auto,.col-lg,.col-lg-10,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md-10,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-sm-10,.col-sm-12,.col-sm-3,.col-sm-4,.col-sm-6,.col-sm-8,.col-xl-11,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9 {position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}@media (min-width:576px){.col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:768px){.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-md-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-lg-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-lg-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}@media (min-width:1200px){.col-xl-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}}.table{width:100%;max-width:100%;margin-bottom:1rem;background-color:transparent}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table .table{background-color:#fff}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:not([size]):not([multiple]){height:calc(2.25rem + 2px)}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-sm {padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}select.form-control-sm:not([size]):not([multiple]) {height:calc(1.8125rem + 2px)}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn:focus,.btn:hover{text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}.btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active{background-image:none}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#84ba3f;border-color:#84ba3f}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.fade{opacity:0;transition:opacity .15s linear}.fade.show{opacity:1}.collapse{display:none}.collapse.show{display:block}tr.collapse.show{display:table-row}tbody.collapse.show{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}.dropdown,.dropup{position:relative}.dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropup .dropdown-menu{margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;width:0;height:0;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;background-color:transparent}.dropdown-menu.show{display:block}.btn-group {position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group>.btn {position:relative;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.btn-group>.btn:hover {z-index:1}.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus {z-index:1}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group {margin-left:-1px}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.form-control {position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.form-control:focus {z-index:3}.input-group>.form-control+.form-control {margin-left:-1px}.input-group>.form-control:not(:last-child) {border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.form-control:not(:first-child) {border-top-left-radius:0;border-bottom-left-radius:0}.input-group-prepend {display:-webkit-box;display:-ms-flexbox;display:flex}.input-group-prepend .btn {position:relative;z-index:2}.input-group-prepend .btn+.btn {margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group>.input-group-prepend>.btn {border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn {border-top-left-radius:0;border-bottom-left-radius:0}.nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.navbar-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}.card{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.pagination{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-link:not(:disabled):not(.disabled){cursor:pointer}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-webkit-box;display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.media{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.media-body{-webkit-box-flex:1;-ms-flex:1;flex:1}.list-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item:focus,.list-group-item:hover{z-index:1;text-decoration:none}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:focus,.close:hover{color:#000;text-decoration:none;opacity:.75}.close:not(:disabled):not(.disabled){cursor:pointer}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}.modal-dialog-centered{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}.modal-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}}@media (min-width:992px){.modal-lg{max-width:800px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-top {padding:.4rem 0}.bs-tooltip-top .arrow {bottom:0}.bs-tooltip-top .arrow::before {top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-bottom {padding:.4rem 0}.bs-tooltip-bottom .arrow {top:0}.bs-tooltip-bottom .arrow::before {bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;color:inherit;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel-item{position:relative;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translateX(100%);transform:translateX(100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;background-color:rgba(255,255,255,.5)}.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators .active{background-color:#fff}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-white{background-color:#fff!important}.border{border:1px solid #dee2e6!important}.border-0{border:0!important}.rounded{border-radius:.25rem!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-block{display:block!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}.d-lg-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}}@media (min-width:1200px){.d-xl-block{display:block!important}.d-xl-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}}.flex-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.justify-content-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.align-items-sm-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}}@media (min-width:768px){.justify-content-md-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}}@media (min-width:992px){.flex-lg-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.justify-content-lg-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.align-items-lg-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}}@media (min-width:1200px){.justify-content-xl-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.h-100{height:100%!important}.m-0{margin:0!important}.mt-0 {margin-top:0!important}.mx-0 {margin-right:0!important}.mb-0 {margin-bottom:0!important}.mx-0 {margin-left:0!important}.mb-1 {margin-bottom:.25rem!important}.mt-2 {margin-top:.5rem!important}.mr-2 {margin-right:.5rem!important}.mb-2 {margin-bottom:.5rem!important}.ml-2 {margin-left:.5rem!important}.mt-3,.my-3{margin-top:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.mt-4 {margin-top:1.5rem!important}.mr-4 {margin-right:1.5rem!important}.mb-4 {margin-bottom:1.5rem!important}.ml-4 {margin-left:1.5rem!important}.mt-5 {margin-top:3rem!important}.mb-5 {margin-bottom:3rem!important}.ml-5 {margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.px-2 {padding-right:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.py-3 {padding-top:1rem!important}.px-3 {padding-right:1rem!important}.py-3 {padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4 {padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.m-auto{margin:auto!important}.mt-auto {margin-top:auto!important}.mx-auto {margin-right:auto!important}.mx-auto {margin-left:auto!important}@media (min-width:576px){.mb-sm-0 {margin-bottom:0!important}.mr-sm-4 {margin-right:1.5rem!important}.ml-sm-4 {margin-left:1.5rem!important}}@media (min-width:768px){.mt-md-0 {margin-top:0!important}.ml-md-0 {margin-left:0!important}.mt-md-3 {margin-top:1rem!important}.pr-md-2 {padding-right:.5rem!important}.pl-md-2 {padding-left:.5rem!important}}@media (min-width:992px){.mt-lg-0 {margin-top:0!important}.mb-lg-0 {margin-bottom:0!important}.mt-lg-4 {margin-top:1.5rem!important}.mr-lg-5 {margin-right:3rem!important}.p-lg-0{padding:0!important}.pr-lg-3 {padding-right:1rem!important}.pl-lg-3 {padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5 {padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}}@media (min-width:1200px){.mt-xl-0 {margin-top:0!important}.mb-xl-0 {margin-bottom:0!important}.mb-xl-4 {margin-bottom:1.5rem!important}.mx-xl-5 {margin-right:3rem!important}.mx-xl-5 {margin-left:3rem!important}.pr-xl-2 {padding-right:.5rem!important}.pl-xl-2 {padding-left:.5rem!important}.pr-xl-5 {padding-right:3rem!important}.pl-xl-5 {padding-left:3rem!important}}.text-nowrap{white-space:nowrap!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}.text-uppercase{text-transform:uppercase!important}.font-weight-bold{font-weight:700!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0062cc!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#bd2130!important}.text-muted{color:#6c757d!important}.visible{visibility:visible!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}
/*# sourceMappingURL=bootstrap.min.css.map */
/* css/plugins/animate.css */


/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}



@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}



@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}



@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}



@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}



@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}



@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}



@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}



@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}



@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}



@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}



@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}



@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}



@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}



@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}



@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}



@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}



@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}



@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}



@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}



@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}



@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}



@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}



@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/* css/plugins/font-awesome.min.css */
@font-face{font-family:'FontAwesome';src:url("../fonts/fontawesome-webfont.eot?v=4.7.0");src:url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format('embedded-opentype'),url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format('woff2'),url("../fonts/fontawesome-webfont.woff?v=4.7.0") format('woff'),url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format('truetype'),url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format('svg');font-weight:normal;font-style:normal;font-display:swap}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-2x{font-size:2em}.pull-right{float:right}.fa.pull-right{margin-left:.3em}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-th:before{content:"\f00a"}.fa-check:before{content:"\f00c"}.fa-times:before {content:"\f00d"}.fa-trash-o:before{content:"\f014"}.fa-clock-o:before{content:"\f017"}.fa-headphones:before{content:"\f025"}.fa-camera:before{content:"\f030"}.fa-video-camera:before{content:"\f03d"}.fa-pencil:before{content:"\f040"}.fa-pencil-square-o:before {content:"\f044"}.fa-check-square-o:before{content:"\f046"}.fa-play:before{content:"\f04b"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-crosshairs:before{content:"\f05b"}.fa-arrow-right:before{content:"\f061"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-eye:before{content:"\f06e"}.fa-calendar:before{content:"\f073"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-camera-retro:before{content:"\f083"}.fa-trophy:before{content:"\f091"}.fa-twitter:before{content:"\f099"}.fa-facebook:before {content:"\f09a"}.fa-hand-o-up:before{content:"\f0a6"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-arrows-alt:before{content:"\f0b2"}.fa-users:before {content:"\f0c0"}.fa-chain:before {content:"\f0c1"}.fa-bars:before {content:"\f0c9"}.fa-magic:before{content:"\f0d0"}.fa-money:before{content:"\f0d6"}.fa-caret-right:before{content:"\f0da"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-mobile:before {content:"\f10b"}.fa-circle:before{content:"\f111"}.fa-folder-open-o:before{content:"\f115"}.fa-keyboard-o:before{content:"\f11c"}.fa-calendar-o:before{content:"\f133"}.fa-rocket:before{content:"\f135"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-thumbs-up:before{content:"\f164"}.fa-youtube:before{content:"\f167"}.fa-instagram:before{content:"\f16d"}.fa-windows:before{content:"\f17a"}.fa-google:before{content:"\f1a0"}.fa-cubes:before{content:"\f1b3"}.fa-car:before {content:"\f1b9"}.fa-database:before{content:"\f1c0"}.fa-paper-plane:before {content:"\f1d8"}.fa-share-alt:before{content:"\f1e0"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-stripe:before{content:"\f1f5"}.fa-line-chart:before{content:"\f201"}.fa-connectdevelop:before{content:"\f20e"}.fa-server:before{content:"\f233"}.fa-mouse-pointer:before{content:"\f245"}.fa-calendar-check-o:before{content:"\f274"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
/* css/plugins/magnific-popup.css */
 .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:99999;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:999999;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}
/* css/plugins/owl.carousel.min.css */
 .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item {-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel.owl-loaded {display:block;overflow:hidden}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* css/plugins/slick-theme.css */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url('../../ajax-loader.gif') center center no-repeat}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir='rtl'] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir='rtl'] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir='rtl'] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir='rtl'] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:black}
/* css/plugins/mega_menu.css */
 .mega-menu{margin:0 auto;padding:0;display:block;float:none;position:relative;z-index:999;font-size:16px;min-height:100px;clear:both;box-sizing:border-box}@media screen and (max-width:1179px){.mega-menu{margin:0}}.mega-menu *{outline:none;list-style:none;text-decoration:none;box-sizing:border-box!important;font-weight:400;-webkit-tap-highlight-color:transparent;text-align:left}@media screen and (max-width:1179px){.mega-menu *{word-break:break-all}}.mega-menu i.fa{font-family:"FontAwesome"}.mega-menu img{margin:0;padding:0;display:block;max-width:100%!important;float:left;padding-right:10px}.mega-menu .menu-logo img{height:40px}.mega-menu input{border:none}.mega-menu>section.menu-list-items{margin:0;padding:35px 0;display:block;float:left;width:100%;background-color:transparent}.mega-menu .menu-logo{margin:0;padding:0;display:block;float:left;position:relative}@media screen and (min-width:1179px){.mega-menu .menu-logo.menu-logo-align-right{float:right}}@media screen and (max-width:1179px){.mega-menu .menu-logo{width:100%}}.mega-menu .menu-logo>li{margin:0;padding:0;display:block;float:left;font-size:1em;line-height:50px}@media screen and (max-width:1179px){.mega-menu .menu-logo>li{width:100%;line-height:normal}}.mega-menu .menu-logo>li>a{margin:0;display:inline-block;float:left;width:100%;color:#ffffff;font-size:.7800em;line-height:50px;-webkit-transition:background-color 200ms ease;transition:background-color 200ms ease}.mega-menu .menu-logo>li>a:hover{}@media screen and (max-width:1179px){.mega-menu .menu-logo>li>a{line-height:normal;padding-top:16px;padding-bottom:16px;position:relative;z-index:10;width:auto;left:50%;transform:translateX(-50%);}}.mega-menu .menu-logo>li>a i.fa{padding:0;display:inline-block;font-size:1.25em;position:absolute;top:0;left:20px;bottom:0;margin:auto 0;line-height:50px}.mega-menu .menu-logo>li>a img{}.mega-menu .menu-links{margin:0;padding:0;display:block;float:right}@media screen and (max-width:1179px){.mega-menu .menu-links{width:100%;background:#252525;-webkit-transition:display 5s linear 1s;transition:display 5s linear 1s}}@media screen and (min-width:1179px){.mega-menu .menu-links{display:block!important;max-height:100%!important;overflow:visible!important}.mega-menu .menu-links.menu-links-align-right{float:right}}.mega-menu .menu-links>li{margin:0;padding:0;display:block;float:left;-webkit-transition:background-color 200ms ease;transition:background-color 200ms ease;font-size:1em}@media screen and (max-width:1179px){.mega-menu .menu-links>li{width:100%;position:relative;cursor:pointer;line-height:normal;border-bottom:1px solid #424245;z-index:50}.mega-menu .menu-links>li.activeTriggerMobile{}}@media screen and (min-width:1179px){.mega-menu .menu-links>li.activeTrigger{background-color:#84ba3f}}.mega-menu .menu-links>li.active a{background-color:transparent;color:#84ba3f}.mega-menu .menu-links>li:hover{background-color:transparent;color:#84ba3f}.mega-menu .menu-links>li>a{margin:0;padding:0 13px;display:inline-block;float:none;width:100%;color:#ffffff;font-size:.933em;line-height:64px;position:relative;text-transform:capitalize}.mega-menu .menu-links>li>a:hover{color:#84ba3f}@media screen and (max-width:1179px){.mega-menu .menu-links>li>a{width:auto;line-height:normal;padding-top:10px;padding-bottom:10px;position:static;padding-right:10px;z-index:20;color:#f5f5f7}}.mega-menu .menu-links>li>a i.fa{font-size:1em;line-height:.7800em;padding-right:2px}.mega-menu .menu-links>li>a i.fa.fa-indicator{padding-right:0;padding-left:2px}@media screen and (max-width:1179px){.mega-menu .menu-links>li>a i.fa.fa-indicator{float:right;position:absolute;right:20px;top:0;bottom:0;line-height:40px;height:50px;z-index:-1}}.mega-menu .menu-social-bar{margin:0;display:block;float:left;padding:0 10px}@media screen and (min-width:1179px){.mega-menu .menu-social-bar{display:block!important}}@media screen and (min-width:1179px){.mega-menu .menu-social-bar.menu-social-bar-right{float:right}}@media screen and (max-width:1179px){.mega-menu .menu-social-bar{width:100%;text-align:center}}.mega-menu .menu-social-bar>li{margin:0;padding:0;display:block;float:left;font-size:1em;line-height:50px}.mega-menu .menu-social-bar>li[data-color='blue']>a:hover{background-color:#3b5998}.mega-menu .menu-social-bar>li[data-color='sky-blue']>a:hover{background-color:#2caae1}.mega-menu .menu-social-bar>li[data-color='orange']>a:hover{background-color:#dd4b39}.mega-menu .menu-social-bar>li[data-color='red']>a:hover{background-color:#bd081c}@media screen and (max-width:1179px){.mega-menu .menu-social-bar>li{float:none;display:inline-block;margin-bottom:-5px}}.mega-menu .menu-social-bar>li>a{margin:0;display:inline-block;float:left;width:100%;color:#ffffff;font-size:.875em;padding:0 5px;-webkit-transition:background-color 200ms ease;transition:background-color 200ms ease;line-height:50px}@media screen and (max-width:1179px){.mega-menu .menu-social-bar>li>a{padding-left:10px;padding-right:10px}}.mega-menu .menu-social-bar>li>a i.fa{margin:0;padding:0;display:inline-block;float:left;width:100%;font-size:1.125em;line-height:50px}.mega-menu .menu-search-bar{margin:0;padding:0;display:block;float:right;position:relative;height:50px}@media screen and (min-width:1179px){.mega-menu .menu-search-bar.menu-search-bar-left{float:left}}@media screen and (max-width:1179px){.mega-menu .menu-search-bar{width:100%;position:absolute;top:0;right:0}}.mega-menu .menu-search-bar li,.mega-menu .menu-search-bar form,.mega-menu .menu-search-bar label{margin:0;padding:0;display:block;float:left;width:100%;line-height:50px}.mega-menu .menu-search-bar li:hover i.fa.fa-search{background:#84ba3f}.mega-menu .menu-search-bar input{max-width:0;width:100%;margin:0;padding:5px 50px 5px 0;font-size:.7800em;-webkit-transition:max-width 400ms ease,background 400ms ease,padding-left 400ms ease;transition:max-width 400ms ease,background 400ms ease,padding-left 400ms ease;height:50px;display:block;background:none;color:#ffffff;font-weight:400}.mega-menu .menu-search-bar input:focus{max-width:170px;background:#84ba3f;padding-left:20px}@media screen and (max-width:1179px){.mega-menu .menu-search-bar input:focus{max-width:100%;position:relative;z-index:20}}.mega-menu .menu-search-bar i.fa.fa-search{position:absolute;top:0;right:0;bottom:0;width:50px;text-align:center;line-height:50px;color:#ffffff;cursor:text;-webkit-transition:background 200ms ease;transition:background 200ms ease;z-index:40}.mega-menu .menu-search-bar:-moz-placeholder{opacity:1!important;color:#ffffff!important}.mega-menu .menu-search-bar::-moz-placeholder{opacity:1!important;color:#ffffff!important}.mega-menu .menu-search-bar:-ms-input-placeholder{opacity:1!important;color:#ffffff!important}.mega-menu .menu-search-bar::-webkit-input-placeholder{opacity:1!important;color:#ffffff!important}@media screen and (max-width:1179px){.mega-menu .menu-search-bar.active input{padding-right:150px}.mega-menu .menu-search-bar.active i.fa.fa-search{right:70px}}.mega-menu .menu-mobile-collapse-trigger{margin:0;padding:0;height:50px;width:35px;background:transparent;display:none;position:absolute;top:0;right:0;z-index:100;float:right;cursor:pointer;-webkit-transition:background 200ms ease;transition:background 200ms ease}.mega-menu .menu-mobile-collapse-trigger:hover{background:transparent}.mega-menu .menu-mobile-collapse-trigger:before,.mega-menu .menu-mobile-collapse-trigger:after,.mega-menu .menu-mobile-collapse-trigger span{content:"";display:block;height:2px;width:26px;background:#ffffff;position:absolute;top:13px;border-radius:3px;left:0;right:0;margin:0 auto;-webkit-transition:-webkit-transform 400ms ease 0s,opacity 400ms ease;transition:transform 400ms ease 0s,opacity 400ms ease;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:0 50% 0px;-ms-transform-origin:0 50% 0px;transform-origin:0 50% 0px}.mega-menu .menu-mobile-collapse-trigger:after{top:27px}.mega-menu .menu-mobile-collapse-trigger span{top:20px}.mega-menu .menu-mobile-collapse-trigger.active span{opacity:0}.mega-menu .menu-mobile-collapse-trigger.active:before{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.mega-menu .menu-mobile-collapse-trigger.active:after{-webkit-transform:rotate(-30deg);-ms-transform:rotate(-30deg);transform:rotate(-30deg)}@media screen and (max-width:1179px){.mega-menu .menu-mobile-collapse-trigger{display:block}}.mega-menu .drop-down-multilevel{margin:0;padding:0;display:block;position:absolute;top:auto;left:auto;right:auto;z-index:50;width:100%;;float:left;max-width:220px}.mega-menu .drop-down-multilevel *{color:#323232}@media screen and (min-width:1179px){.mega-menu .drop-down-multilevel{display:block!important;opacity:0;visibility:hidden;box-shadow:0 3px 40px rgba(0,0,0,.05);border-bottom:0;border-radius:0}}@media screen and (max-width:1179px){.mega-menu .drop-down-multilevel{max-width:100%!important;position:relative;left:0;top:0;padding:10px;display:none}}.mega-menu .drop-down-multilevel li{margin:0;padding:0;display:block;float:left;border-radius:0;width:100%;position:relative;-webkit-transition:background 200ms ease;transition:background 200ms ease;z-index:50}.mega-menu .drop-down-multilevel li:last-child{border-bottom:0}.mega-menu .drop-down-multilevel li:hover{background:#fafafa}.mega-menu .drop-down-multilevel li:hover>a{color:#84ba3f}.mega-menu .drop-down-multilevel li:hover>a i.fa{color:#84ba3f}@media screen and (min-width:1179px){.mega-menu .drop-down-multilevel li.activeTrigger{background:#84ba3f}.mega-menu .drop-down-multilevel li.activeTrigger>a{color:#ffffff}.mega-menu .drop-down-multilevel li.activeTrigger>a i.fa{color:#ffffff}}@media screen and (max-width:1179px){.mega-menu .drop-down-multilevel li.activeTriggerMobile{background:#84ba3f}.mega-menu .drop-down-multilevel li.activeTriggerMobile>a{color:#323232}.mega-menu .drop-down-multilevel li.activeTriggerMobile>a i.fa{color:#ffffff}.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover{color:#ffffff!important}}.mega-menu .menu-links>li.active .drop-down-multilevel a{color:#323232}.mega-menu .menu-links>li.active .drop-down-multilevel a:hover{color:#84ba3f}.mega-menu .drop-down-multilevel a{margin:0;padding:10px 30px;font-size:.7800em;text-transform:uppercase;display:inline-block;float:left;width:100%;color:#fff;-webkit-transition:color 200ms ease;transition:color 200ms ease;min-height:40px}.mega-menu .drop-down-multilevel>li:first-child>a{padding-top:18px}.mega-menu .drop-down-multilevel>li:last-child>a{padding-bottom:18px}@media screen and (max-width:1179px){}.mega-menu .drop-down-multilevel i.fa{float:left;line-height:1.375em;font-size:1em;display:block;padding-right:10px;-webkit-transition:color 200ms ease;transition:color 200ms ease}.mega-menu .drop-down-multilevel i.fa-indicator{float:right;line-height:19px;font-size:8px;font-weight:900;display:block;padding-left:10px;padding-right:0}@media screen and (max-width:1179px){.mega-menu .drop-down-multilevel i.fa-indicator{float:right;height:50px;position:absolute;top:0;right:20px;line-height:50px;z-index:-1}}.mega-menu .drop-down-multilevel .drop-down-multilevel{left:100%;top:0}@media screen and (max-width:1179px){.mega-menu .drop-down-multilevel .drop-down-multilevel{left:0;border:1px solid #cccccc}}.mega-menu .drop-down,.mega-menu .drop-down-tab-bar{position:absolute;left:auto;top:auto;right:auto;background:#ffffff;float:left;padding:10px 20px;z-index:999;display:block;cursor:default;overflow:hidden}.mega-menu .drop-down *,.mega-menu .drop-down-tab-bar *{color:#323232}@media screen and (min-width:1179px){.mega-menu .drop-down-tab-bar {background:rgba(255,255,255,1);background-repeat:no-repeat;background-position:120% 0}.mega-menu .drop-down-tab-bar {background:rgba(255,255,255,1) url(../../images/objects/menu-shop-bg.jpg);background-repeat:no-repeat;background-position:right}}@media screen and (min-width:1179px){.mega-menu .drop-down,.mega-menu .drop-down-tab-bar{display:block!important;opacity:0;visibility:hidden;border-radius:0!important;box-shadow:0 3px 40px rgba(0,0,0,.05)}}@media screen and (max-width:1179px){.mega-menu .drop-down,.mega-menu .drop-down-tab-bar{width:100%!important;top:0;left:0;position:relative;display:none}}.mega-menu .drop-down [class*="grid-col-"],.mega-menu .drop-down-tab-bar [class*="grid-col-"]{margin:0;float:left;padding:10px;position:relative}@media screen and (max-width:1179px){.mega-menu .drop-down [class*="grid-col-"],.mega-menu .drop-down-tab-bar [class*="grid-col-"]{width:50%}}@media screen and (max-width:1179px){.mega-menu .drop-down [class*="grid-col-"],.mega-menu .drop-down-tab-bar [class*="grid-col-"]{width:100%}}.mega-menu .drop-down a,.mega-menu .drop-down-tab-bar a{font-size:.7800em;display:inline-block;padding:8px 0;width:100%;max-width:100%;text-transform:capitalize}.mega-menu .drop-down h1,.mega-menu .drop-down h2,.mega-menu .drop-down h3,.mega-menu .drop-down h4,.mega-menu .drop-down h5,.mega-menu .drop-down h6,.mega-menu .drop-down-tab-bar h1,.mega-menu .drop-down-tab-bar h2,.mega-menu .drop-down-tab-bar h3,.mega-menu .drop-down-tab-bar h4,.mega-menu .drop-down-tab-bar h5,.mega-menu .drop-down-tab-bar h6{margin-top:0}.mega-menu .drop-down h1,.mega-menu .drop-down-tab-bar h1{padding-top:.53em;margin-bottom:.5em}.mega-menu .drop-down h2,.mega-menu .drop-down-tab-bar h2{padding-top:.25em;margin-bottom:.5em}.mega-menu .drop-down h3,.mega-menu .drop-down-tab-bar h3{padding-top:.35em;margin-bottom:.65em}.mega-menu .drop-down h4,.mega-menu .drop-down-tab-bar h4{padding-top:.45em;margin-bottom:0;padding-left:8px}.mega-menu .drop-down h5,.mega-menu .drop-down-tab-bar h5{padding-top:.6em;margin-bottom:.9em}.mega-menu .drop-down h6,.mega-menu .drop-down-tab-bar h6{margin-bottom:0}.mega-menu .drop-down figure img,.mega-menu .drop-down-tab-bar figure img{width:100%;height:auto;display:block}.mega-menu .drop-down figcaption,.mega-menu .drop-down-tab-bar figcaption{font-size:small;font-style:italic;color:#666666}.mega-menu .drop-down ul,.mega-menu .drop-down ol,.mega-menu .drop-down dl,.mega-menu .drop-down-tab-bar ul,.mega-menu .drop-down-tab-bar ol,.mega-menu .drop-down-tab-bar dl{padding:0;margin:0 0 0}.mega-menu .drop-down form,.mega-menu .drop-down-tab-bar form{margin-bottom:1.5em}.mega-menu .drop-down form ul,.mega-menu .drop-down-tab-bar form ul{list-style:none none;margin:0;padding:0}.mega-menu .drop-down form ul li,.mega-menu .drop-down-tab-bar form ul li{*zoom:1;margin-bottom:1.5em}.mega-menu .drop-down form ul li:before,.mega-menu .drop-down form ul li:after,.mega-menu .drop-down-tab-bar form ul li:before,.mega-menu .drop-down-tab-bar form ul li:after{content:"";display:table}.mega-menu .drop-down form ul li:after,.mega-menu .drop-down-tab-bar form ul li:after{clear:both}.mega-menu .drop-down fieldset,.mega-menu .drop-down-tab-bar fieldset{margin:0;padding:1.5em}.mega-menu .drop-down label,.mega-menu .drop-down-tab-bar label{display:block}.mega-menu .drop-down label.inline,.mega-menu .drop-down-tab-bar label.inline{display:inline;padding-right:24px}.mega-menu .drop-down input[type="text"],.mega-menu .drop-down input[type="url"],.mega-menu .drop-down input[type="email"],.mega-menu .drop-down input[type="password"],.mega-menu .drop-down input[type="search"],.mega-menu .drop-down input[type="number"],.mega-menu .drop-down input[type="date"],.mega-menu .drop-down input[type="month"],.mega-menu .drop-down input[type="week"],.mega-menu .drop-down input[type="time"],.mega-menu .drop-down input[type="datetime"],.mega-menu .drop-down input[type="datetime-local"],.mega-menu .drop-down input[type="tel"],.mega-menu .drop-down textarea,.mega-menu .drop-down-tab-bar input[type="text"],.mega-menu .drop-down-tab-bar input[type="url"],.mega-menu .drop-down-tab-bar input[type="email"],.mega-menu .drop-down-tab-bar input[type="password"],.mega-menu .drop-down-tab-bar input[type="search"],.mega-menu .drop-down-tab-bar input[type="number"],.mega-menu .drop-down-tab-bar input[type="date"],.mega-menu .drop-down-tab-bar input[type="month"],.mega-menu .drop-down-tab-bar input[type="week"],.mega-menu .drop-down-tab-bar input[type="time"],.mega-menu .drop-down-tab-bar input[type="datetime"],.mega-menu .drop-down-tab-bar input[type="datetime-local"],.mega-menu .drop-down-tab-bar input[type="tel"],.mega-menu .drop-down-tab-bar textarea{display:block;width:100%;margin:0 0 .75em;padding:10px;font-size:.7800em;border:1px solid #e8e8e8;line-height:1.5em}.mega-menu .drop-down select,.mega-menu .drop-down-tab-bar select{width:100%;height:2.1em;margin-bottom:.9em;border:1px solid #cccccc}.mega-menu .drop-down input[type="range"],.mega-menu .drop-down input[type="color"],.mega-menu .drop-down-tab-bar input[type="range"],.mega-menu .drop-down-tab-bar input[type="color"]{vertical-align:middle;height:1.5em;width:100%}.mega-menu .drop-down input[type="range"],.mega-menu .drop-down-tab-bar input[type="range"]{height:1.4em}.mega-menu .drop-down input[type="color"],.mega-menu .drop-down-tab-bar input[type="color"]{width:1.5em}.mega-menu .drop-down input[type="time"],.mega-menu .drop-down-tab-bar input[type="time"]{margin:0 0 .55em}.mega-menu .drop-down progress,.mega-menu .drop-down meter,.mega-menu .drop-down-tab-bar progress,.mega-menu .drop-down-tab-bar meter{display:block;width:100%;height:1.5em}.mega-menu .drop-down table,.mega-menu .drop-down-tab-bar table{margin-bottom:1.4em;width:100%;border:1px solid #cccccc}.mega-menu .drop-down thead,.mega-menu .drop-down-tab-bar thead{text-align:left;font-weight:bold}.mega-menu .drop-down tbody tr:nth-child(even) td,.mega-menu .drop-down-tab-bar tbody tr:nth-child(even) td{background:#dddddd}.mega-menu .drop-down tfoot,.mega-menu .drop-down-tab-bar tfoot{font-style:italic}.mega-menu .drop-down tfoot td,.mega-menu .drop-down tfoot th,.mega-menu .drop-down-tab-bar tfoot td,.mega-menu .drop-down-tab-bar tfoot th{padding:.75em 10px}.mega-menu .drop-down th,.mega-menu .drop-down td,.mega-menu .drop-down caption,.mega-menu .drop-down-tab-bar th,.mega-menu .drop-down-tab-bar td,.mega-menu .drop-down-tab-bar caption{border:1px solid #cccccc}.mega-menu .drop-down td,.mega-menu .drop-down th,.mega-menu .drop-down-tab-bar td,.mega-menu .drop-down-tab-bar th{padding:0 10px 0 10px;line-height:1.45em}.mega-menu .drop-down caption,.mega-menu .drop-down-tab-bar caption{border-bottom:0;padding:.75em 10px;line-height:1.45em;text-align:left;font-style:italic}.mega-menu .drop-down p,.mega-menu .drop-down-tab-bar p{margin:0 0 1.5em 0}.mega-menu .drop-down blockquote,.mega-menu .drop-down-tab-bar blockquote{margin:0 1.5em 1.5em;font-style:italic}.mega-menu .drop-down mark,.mega-menu .drop-down-tab-bar mark{line-height:1.5;background:#78aace;color:#ffffff}.mega-menu .drop-down del,.mega-menu .drop-down-tab-bar del{color:#dddddd}.mega-menu .drop-down code,.mega-menu .drop-down kbd,.mega-menu .drop-down pre,.mega-menu .drop-down samp,.mega-menu .drop-down-tab-bar code,.mega-menu .drop-down-tab-bar kbd,.mega-menu .drop-down-tab-bar pre,.mega-menu .drop-down-tab-bar samp{}.mega-menu .drop-down ins,.mega-menu .drop-down small,.mega-menu .drop-down-tab-bar ins,.mega-menu .drop-down-tab-bar small{line-height:1.5}.mega-menu .drop-down kbd,.mega-menu .drop-down samp,.mega-menu .drop-down-tab-bar kbd,.mega-menu .drop-down-tab-bar samp{line-height:1.4}.mega-menu .drop-down hr,.mega-menu .drop-down-tab-bar hr{background:#cccccc;color:#cccccc;clear:both;float:none;width:100%;height:1px;margin:0 0 1.4em;border:none}.mega-menu .drop-down input[type="submit"],.mega-menu .drop-down input[type="button"],.mega-menu .drop-down-tab-bar input[type="submit"],.mega-menu .drop-down-tab-bar input[type="button"]{background:#84ba3f;padding:10px 20px;margin:5px 10px 0 0;line-height:1.5em;font-weight:600;font-size:.7800em;color:#ffffff;border-radius:0;display:block;float:left;-webkit-transition:background-color 200ms ease;transition:background-color 200ms ease}.mega-menu .drop-down input[type="submit"]:hover,.mega-menu .drop-down input[type="button"]:hover,.mega-menu .drop-down-tab-bar input[type="submit"]:hover,.mega-menu .drop-down-tab-bar input[type="button"]:hover{background-color:#333333}@media screen and (max-width:1179px){.mega-menu .drop-down input[type="submit"],.mega-menu .drop-down input[type="button"],.mega-menu .drop-down-tab-bar input[type="submit"],.mega-menu .drop-down-tab-bar input[type="button"]{width:100%}}.mega-menu .drop-down a,.mega-menu .drop-down-tab-bar a{-webkit-transition:color 200ms ease;transition:color 200ms ease;}.mega-menu .drop-down a:hover,.mega-menu .drop-down-tab-bar a:hover{color:#84ba3f}.mega-menu .drop-down a i,.mega-menu .drop-down-tab-bar a i{transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}.mega-menu .drop-down a:hover i,.mega-menu .drop-down-tab-bar a:hover i{color:#84ba3f}@media screen and (max-width:1179px){.mega-menu .drop-down a,.mega-menu .drop-down-tab-bar a{width:auto}}.mega-menu .drop-down i.fa,.mega-menu .drop-down-tab-bar i.fa{padding-right:10px;width:20px}.mega-menu .drop-down iframe,.mega-menu .drop-down-tab-bar iframe{width:100%;display:block;float:left;margin:0;padding:0;border:none}.mega-menu .mobileTriggerButton{margin:0;padding:0;position:absolute;top:0;left:0;right:0;height:50px;display:none;z-index:-1}@media screen and (max-width:1179px){.mega-menu .mobileTriggerButton{display:block}}.mega-menu .desktopTriggerButton{margin:0;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;display:block;opacity:.2}@media screen and (max-width:1179px){.mega-menu .desktopTriggerButton{display:none}}@media screen and (min-width:1179px){.mega-menu.desktopTopFixed .menu-list-items{position:fixed;top:0;left:0;right:0;max-width:100%;padding:0 10px;background:#323232;box-shadow:0 0 10px rgba(0,0,0,.1)}.mega-menu.desktopTopFixed .menu-list-items .menu-logo>li>a img{height:40px;padding-top:0;margin:15px 0}.mega-menu.desktopTopFixed .menu-list-items .menu-links>li>a{line-height:20px}}@media screen and (max-width:1179px){.mega-menu.mobileTopFixed .menu-list-items{position:fixed;top:0;left:0;right:0;max-width:100%}}.mega-menu .drop-down-tab-bar{margin:0;padding:10px;float:left}.mega-menu .drop-down-tab-bar li{float:left;margin:0;padding:0;display:block}@media screen and (max-width:1179px){.mega-menu .drop-down-tab-bar li{width:100%;position:relative}}.mega-menu .drop-down-tab-bar a{float:left;width:100%;display:inline-block;padding:5px 10px;font-size:.7800em}@media screen and (max-width:1179px){.mega-menu .drop-down-tab-bar a{width:auto;padding-right:20px}}.mega-menu .drop-down-tab-bar i.fa{display:inline-block;padding-right:5px}.mega-menu .drop-down-tab-bar i.fa.fa-indicator{padding-right:0;padding-left:10px;line-height:.7800em}@media screen and (max-width:1179px){.mega-menu .drop-down-tab-bar i.fa.fa-indicator{float:right;position:absolute;right:12px;top:0;bottom:0;line-height:25px}}@media screen and (min-width:1179px){.mega-menu .menu-links li.hoverTrigger>.drop-down.effect-scale,.mega-menu .menu-links li.hoverTrigger>.drop-down-tab-bar.effect-scale,.mega-menu .menu-links li.hoverTrigger>.drop-down-multilevel.effect-scale,.mega-menu .menu-links li.ClickTrigger .drop-down.effect-scale,.mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-scale,.mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-scale{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.mega-menu .menu-links li.hoverTrigger>.drop-down.effect-expand-top,.mega-menu .menu-links li.hoverTrigger>.drop-down-tab-bar.effect-expand-top,.mega-menu .menu-links li.hoverTrigger>.drop-down-multilevel.effect-expand-top,.mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-top,.mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-top,.mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-top{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.mega-menu .menu-links li.hoverTrigger>.drop-down.effect-expand-bottom,.mega-menu .menu-links li.hoverTrigger>.drop-down-tab-bar.effect-expand-bottom,.mega-menu .menu-links li.hoverTrigger>.drop-down-multilevel.effect-expand-bottom,.mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-bottom,.mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-bottom,.mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-bottom{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%}.mega-menu .menu-links li.hoverTrigger>.drop-down.effect-expand-left,.mega-menu .menu-links li.hoverTrigger>.drop-down-tab-bar.effect-expand-left,.mega-menu .menu-links li.hoverTrigger>.drop-down-multilevel.effect-expand-left,.mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-left,.mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-left,.mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-left{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.mega-menu .menu-links li.hoverTrigger>.drop-down.effect-expand-right,.mega-menu .menu-links li.hoverTrigger>.drop-down-tab-bar.effect-expand-right,.mega-menu .menu-links li.hoverTrigger>.drop-down-multilevel.effect-expand-right,.mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-right,.mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-right,.mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-right{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.mega-menu .menu-links li.hoverTrigger:hover>.drop-down,.mega-menu .menu-links li.hoverTrigger:hover>.drop-down-tab-bar,.mega-menu .menu-links li.hoverTrigger:hover>.drop-down-multilevel,.mega-menu .menu-links li.ClickTrigger .drop-down.active,.mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active,.mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active{-webkit-transition-delay:200ms!important;transition-delay:200ms!important}.mega-menu .menu-links li.hoverTrigger:hover>.drop-down.effect-fade,.mega-menu .menu-links li.hoverTrigger:hover>.drop-down-tab-bar.effect-fade,.mega-menu .menu-links li.hoverTrigger:hover>.drop-down-multilevel.effect-fade,.mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-fade,.mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-fade,.mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-fade{opacity:1;visibility:visible}.mega-menu .menu-links li.hoverTrigger:hover>.drop-down.effect-scale,.mega-menu .menu-links li.hoverTrigger:hover>.drop-down-tab-bar.effect-scale,.mega-menu .menu-links li.hoverTrigger:hover>.drop-down-multilevel.effect-scale,.mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-scale,.mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-scale,.mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-scale{opacity:1;visibility:visible;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mega-menu .menu-links li.hoverTrigger:hover>.drop-down.effect-expand-top,.mega-menu .menu-links li.hoverTrigger:hover>.drop-down-tab-bar.effect-expand-top,.mega-menu .menu-links li.hoverTrigger:hover>.drop-down-multilevel.effect-expand-top,.mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-top,.mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-top,.mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-top{opacity:1;visibility:visible;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}.mega-menu .menu-links li.hoverTrigger:hover>.drop-down.effect-expand-bottom,.mega-menu .menu-links li.hoverTrigger:hover>.drop-down-tab-bar.effect-expand-bottom,.mega-menu .menu-links li.hoverTrigger:hover>.drop-down-multilevel.effect-expand-bottom,.mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-bottom,.mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-bottom,.mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-bottom{opacity:1;visibility:visible;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}.mega-menu .menu-links li.hoverTrigger:hover>.drop-down.effect-expand-left,.mega-menu .menu-links li.hoverTrigger:hover>.drop-down-tab-bar.effect-expand-left,.mega-menu .menu-links li.hoverTrigger:hover>.drop-down-multilevel.effect-expand-left,.mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-left,.mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-left,.mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-left{opacity:1;visibility:visible;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.mega-menu .menu-links li.hoverTrigger:hover>.drop-down.effect-expand-right,.mega-menu .menu-links li.hoverTrigger:hover>.drop-down-tab-bar.effect-expand-right,.mega-menu .menu-links li.hoverTrigger:hover>.drop-down-multilevel.effect-expand-right,.mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-right,.mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-right,.mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-right{opacity:1;visibility:visible;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@media screen and (max-width:1179px){.mega-menu .menu-links li .drop-down,.mega-menu .menu-links li .drop-down-tab-bar,.mega-menu .menu-links li .drop-down-multilevel{-webkit-transition:none!important;transition:none!important}}@media screen and (min-width:993px){.mega-menu.vertical-left,.mega-menu.vertical-right{float:left;width:auto;display:block}.mega-menu.vertical-left .menu-logo,.mega-menu.vertical-right .menu-logo{clear:both;width:100%}.mega-menu.vertical-left .menu-logo>li,.mega-menu.vertical-right .menu-logo>li{width:100%}.mega-menu.vertical-left .menu-logo>li>a,.mega-menu.vertical-right .menu-logo>li>a{width:100%}.mega-menu.vertical-left .menu-links,.mega-menu.vertical-right .menu-links{clear:both;width:100%}.mega-menu.vertical-left .menu-links>li,.mega-menu.vertical-right .menu-links>li{clear:both;width:100%;position:relative}.mega-menu.vertical-left .menu-links>li>a,.mega-menu.vertical-right .menu-links>li>a{width:100%;position:relative;line-height:48px}.mega-menu.vertical-left .menu-links>li>a i.fa.fa-indicator,.mega-menu.vertical-right .menu-links>li>a i.fa.fa-indicator{float:right;line-height:48px}.mega-menu.vertical-left .menu-social-bar,.mega-menu.vertical-right .menu-social-bar{width:100%;text-align:center}.mega-menu.vertical-left .menu-social-bar>li,.mega-menu.vertical-right .menu-social-bar>li{display:inline-block;float:none}.mega-menu.vertical-left .menu-social-bar>li>a,.mega-menu.vertical-right .menu-social-bar>li>a{padding-left:10px;padding-right:10px}.mega-menu.vertical-left .drop-down-multilevel,.mega-menu.vertical-right .drop-down-multilevel{top:0;left:100%}.mega-menu.vertical-left .drop-down,.mega-menu.vertical-left .drop-down-tab-bar,.mega-menu.vertical-right .drop-down,.mega-menu.vertical-right .drop-down-tab-bar{left:100%;top:0;min-width:600px}.mega-menu.vertical-left.desktopTopFixed,.mega-menu.vertical-right.desktopTopFixed{float:left;right:auto;padding:0;height:100%}.mega-menu.vertical-left.desktopTopFixed .menu-list-items,.mega-menu.vertical-right.desktopTopFixed .menu-list-items{padding:0;height:100%}.mega-menu.vertical-left.desktopTopFixed .drop-down,.mega-menu.vertical-left.desktopTopFixed .drop-down-tab-bar,.mega-menu.vertical-right.desktopTopFixed .drop-down,.mega-menu.vertical-right.desktopTopFixed .drop-down-tab-bar{margin:0}.mega-menu.vertical-right{float:right}.mega-menu.vertical-right .drop-down-multilevel{left:auto;right:100%}}@media screen and (min-width:1179px){.mega-menu.vertical-right .drop-down,.mega-menu.vertical-right .drop-down-tab-bar{left:auto;right:100%}.mega-menu.vertical-right.desktopTopFixed{float:right;left:auto;right:0;padding:0;height:100%}}@media screen and (min-width:1179px){.mega-menu.vertical-left .menu-search-bar,.mega-menu.vertical-right .menu-search-bar{width:100%}.mega-menu.vertical-left .menu-search-bar input,.mega-menu.vertical-left .menu-search-bar li,.mega-menu.vertical-left .menu-search-bar form,.mega-menu.vertical-left .menu-search-bar label,.mega-menu.vertical-right .menu-search-bar input,.mega-menu.vertical-right .menu-search-bar li,.mega-menu.vertical-right .menu-search-bar form,.mega-menu.vertical-right .menu-search-bar label{width:100%;max-width:100%;background:#84ba3f;-webkit-transition:none;transition:none}.mega-menu.vertical-left .menu-search-bar input,.mega-menu.vertical-right .menu-search-bar input{padding-left:20px}}@media screen and (min-width:1179px){.mega-menu.menuFullWidth{max-width:100%}}.mega-menu .drop-down *,.mega-menu .drop-down-tab-bar *,.mega-menu .drop-down-multilevel *,.drop-down-multilevel{-webkit-transform:rotate(0)!important;-moz-transform:rotate(0)!important;transform:rotate(0)!important}
/* css/plugins/themify-icons.css */
@font-face{font-family:'themify';src:url("../fonts/themify.eot?-fvbane");src:url("../fonts/themify.eot?#iefix-fvbane") format('embedded-opentype'),url("../fonts/themify.woff?-fvbane") format('woff'),url("../fonts/themify.ttf?-fvbane") format('truetype'),url("../fonts/themify.svg?-fvbane#themify") format('svg');font-weight:normal;font-style:normal;font-display:swap}[class^="ti-"],[class*=" ti-"]{font-family:'themify';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ti-user:before{content:"\e602"}.ti-target:before{content:"\e607"}.ti-search:before{content:"\e610"}.ti-pencil:before{content:"\e61c"}.ti-link:before{content:"\e62d"}.ti-image:before{content:"\e633"}.ti-heart:before{content:"\e634"}.ti-eye:before{content:"\e63d"}.ti-desktop:before{content:"\e640"}.ti-comments:before{content:"\e643"}.ti-comment:before{content:"\e644"}.ti-announcement:before{content:"\e64f"}.ti-stats-up:before{content:"\e673"}.ti-package:before{content:"\e687"}.ti-mouse:before{content:"\e68a"}.ti-mouse-alt:before{content:"\e68b"}.ti-money:before{content:"\e68c"}.ti-control-play:before{content:"\e6ad"}.ti-clipboard:before{content:"\e6b4"}.ti-bar-chart:before{content:"\e6ba"}.ti-alarm-clock:before{content:"\e6c6"}.ti-receipt:before{content:"\e6dc"}

/* css/typography.css */
body {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.875rem;
    color: #626262
}

.btn, a {
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

a:focus {
    text-decoration: none !important
}

a:focus, a:hover {
    color: #8cb83f;
    text-decoration: none !important
}

a, button, input {
    outline: medium none !important;
    color: #8cb83f
}

h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
    margin-top: 0
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit
}

label {
    font-weight: 400
}









.fw-5 {
    font-weight: 500
}

.fw-6 {
    font-weight: 600
}

.fw-7 {
    font-weight: 700
}























ul {
    margin: 0;
    padding: 0
}

hr {
    margin: 0;
    padding: 0;
    border-bottom: 1px dashed #eceff8;
    border-top: 0
}



::-moz-selection {
    background: #8cb83f;
    color: #fff;
    text-shadow: none
}

::-moz-selection {
    background: #8cb83f;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #8cb83f;
    color: #fff;
    text-shadow: none
}

.page-section-ptb {
    padding: 80px 0
}

.page-section-pt {
    padding: 80px 0 0
}

.page-section-pb {
    padding: 0 0 80px
}





.page-section-1-pb {
    padding: 0 0 120px
}

.theme-color {
    color: #8cb83f
}

.text-white {
    color: #fff !important
}

.text-black {
    color: #363636 !important
}

.text-gray {
    color: #626262 !important
}















[data-valign-overlay=top] {
    vertical-align: top
}

[data-valign-overlay=middle] {
    vertical-align: middle
}

[data-valign-overlay=bottom] {
    vertical-align: bottom
}





.full-width {
    width: 100% !important
}

section {
    background: #fff
}

#pre-loader {
    background-color: #fff;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    margin-top: 0;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: hidden !important;
    right: 0;
    z-index: 999
}

#pre-loader img {
    text-align: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    z-index: 99;
    margin: 0 auto
}

#back-to-top .top {
    z-index: 999;
    position: fixed;
    margin: 0;
    color: #fff;
    transition: all .5s ease-in-out;
    position: fixed;
    bottom: 105px;
    right: 15px;
    border-radius: 3px;
    z-index: 999;
    background: 0 0;
    font-size: 15px;
    background: #8cb83f;
    width: 40px;
    height: 40px;
    text-align: center
}

#back-to-top i {
    padding-top: 2px;
    font-size: 20px
}

#back-to-top span {
    display: block;
    line-height: 8px;
    font-size: 11px
}

.m-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important
}

/* .p-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important
} */

.mt-10 {
    margin-top: 10px !important
}

.mt-15 {
    margin-top: 15px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-40 {
    margin-top: 40px !important
}



.mt-60 {
    margin-top: 60px !important
}

.mt-70 {
    margin-top: 70px !important
}

.mt-80 {
    margin-top: 80px !important
}















.mr-10 {
    margin-right: 10px !important
}

.mr-15 {
    margin-right: 15px !important
}



.mr-30 {
    margin-right: 30px !important
}









.mr-80 {
    margin-right: 80px !important
}



.mr-100 {
    margin-right: 100px !important
}











.mb-10 {
    margin-bottom: 10px !important
}

.mb-15 {
    margin-bottom: 15px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.mb-60 {
    margin-bottom: 60px !important
}



.mb-80 {
    margin-bottom: 80px !important
}







.mb-120 {
    margin-bottom: 120px !important
}







.ml-10 {
    margin-left: 10px !important
}



.ml-20 {
    margin-left: 20px !important
}





.ml-50 {
    margin-left: 50px !important
}

























.pt-20 {
    padding-top: 20px !important
}

.pt-30 {
    padding-top: 30px !important
}

.pt-40 {
    padding-top: 40px !important
}

.pt-50 {
    padding-top: 50px !important
}

.pt-60 {
    padding-top: 60px !important
}



.pt-80 {
    padding-top: 80px !important
}



.pt-100 {
    padding-top: 100px !important
}



.pt-120 {
    padding-top: 120px !important
}











.pr-20 {
    padding-right: 20px !important
}

.pr-30 {
    padding-right: 30px !important
}

.pr-40 {
    padding-right: 40px !important
}

.pr-50 {
    padding-right: 50px !important
}





.pr-80 {
    padding-right: 80px !important
}













.pb-10 {
    padding-bottom: 10px !important
}



.pb-20 {
    padding-bottom: 20px !important
}

.pb-30 {
    padding-bottom: 30px !important
}



.pb-50 {
    padding-bottom: 50px !important
}









.pb-100 {
    padding-bottom: 100px !important
}







.pb-140 {
    padding-bottom: 140px !important
}





.pl-15 {
    padding-left: 15px !important
}

.pl-20 {
    padding-left: 20px !important
}

.pl-30 {
    padding-left: 30px !important
}

.pl-40 {
    padding-left: 40px !important
}

.pl-50 {
    padding-left: 50px !important
}

.pl-60 {
    padding-left: 60px !important
}


































































/* css/shortcodes/shortcodes.css */
/* css/shortcodes/accordion.css */
 .accordion .acd-group .acd-heading:before{font-family:fontawesome}.accordion .acd-group .acd-heading:before{cursor:pointer;position:absolute;top:6px;right:20px;display:block;padding:3px 6px 2px;content:"\f105";font-size:22px;line-height:38px}.accordion .acd-group>.acd-heading>span{margin-right:15px}.accordion .acd-heading{text-transform:uppercase;position:relative;padding:20px 0;color:#353535;line-height:normal;cursor:pointer;background-color:transparent;margin-bottom:0;display:block;font-family:Oswald,sans-serif;border-radius:3px}.acd-des{padding:0 20px 20px 0}.accordion .acd-group.acd-active .acd-heading,.accordion .acd-group .acd-heading:hover{color:#84ba3f}.accordion .acd-group.acd-active .acd-heading:before{content:"\f107"}.accordion .acd-group.acd-active .acd-heading span{color:#fff}.accordion.plus-icon .acd-group.acd-active .acd-heading:before{content:"\f068";font-size:14px}.accordion.plus-icon .acd-group .acd-heading:before{content:"\f067";font-size:14px}.accordion.plus-icon.round .acd-group.acd-active .acd-heading:before{content:"\f056";font-size:14px}.accordion.plus-icon.round .acd-group .acd-heading:before{content:"\f055";font-size:14px}.accordion.gray .acd-heading{background-color:#f7f7f7}.accordion.gray .acd-heading{margin-bottom:20px;padding:20px 30px}.accordion.gray .acd-des{padding:0 30px 20px}.accordion.gray .acd-group.acd-active .acd-heading,.accordion.gray .acd-group .acd-heading:hover{color:#fff;background:#84ba3f}.accordion.shadow .acd-heading{box-shadow:0 5px 10px rgba(0,0,0,.1);background:#ffffff}.accordion.shadow .acd-heading{margin-bottom:20px;padding:20px 30px}.accordion.shadow .acd-des{padding:0 30px 20px}.accordion.shadow .acd-group.acd-active .acd-heading,.accordion.shadow .acd-group .acd-heading:hover{color:#fff;background:#84ba3f}.accordion.animated .acd-group .acd-heading{box-shadow:none;border:none;font-size:18px;margin-bottom:0;color:#fff;padding:15px}.accordion.animated .acd-group.acd-active .acd-heading{font-size:28px;color:#fff;margin-bottom:20px;}.accordion.animated .acd-group .acd-heading:hover{background:#8cb83f!important;color:#84ba3f;}.accordion.animated .acd-group .acd-heading::before{display:none}.accordion.animated .acd-group .acd-des{padding:0 30px 20px}

/* css/shortcodes/action-box.css */
 

/* css/shortcodes/blockquote.css */
 .quote{padding-top:50px}.quote:before{content:"\201C";font-family:Georgia,serif;font-size:100px;font-weight:bold;color:#eee;position:absolute;left:14px;top:-30px}

/* css/shortcodes/bootstrap-typography.css */
 .btn-primary{background-color:#84ba3f;border-color:#84ba3f}.btn-primary:hover{background-color:#323232;border-color:#323232;color:#ffffff}.btn-primary.focus,.btn-primary:focus{background-color:#323232;border-color:#323232;color:#ffffff}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{background-color:#84ba3f}.nice-select:active,.nice-select.open,.nice-select:focus{border-color:#84ba3f!important}.list-group-item.active>.badge,.btn-primary .badge {color:#84ba3f}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{border-color:#84ba3f}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{background-color:#84ba3f;border-color:#84ba3f}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background:#84ba3f}.input-group-prepend:last-child{border:0}.input-group-prepend{border-left:1px solid #e0e0e0!important;padding:16px 26px 16px 22px;background:#f6f7f8;border-radius:3px}.datetimepicker .form-control:focus{box-shadow:none;background-color:#f6f7f8}.dropdown-item.active,.dropdown-item:active{background-color:#84ba3f}.bootstrap-datetimepicker-widget table td span.active{background-color:#84ba3f}.stepwizard-step p{margin-top:10px}.stepwizard-row{display:table-row;}.stepwizard{display:table;width:100%;position:relative}.stepwizard-step button[disabled]{opacity:1!important;filter:alpha(opacity=100)!important}.stepwizard-row:before{top:24px;bottom:0;position:absolute;content:" ";width:100%;height:1px;background-color:#ccc}.stepwizard-step{display:table-cell;text-align:center;position:relative}.btn-circle{width:50px;height:50px;text-align:center;padding:6px 0;font-size:12px;line-height:1.428571429;border-radius:3px}.bg{padding:30px;border-radius:3px;margin-bottom:30px}.columns .gray-bg{padding:15px;border-radius:3px;}.columns .gray-bg h5{margin-bottom:0}.table{margin-bottom:0}.table td,.table th{vertical-align:middle}.table-responsive>.table-bordered{border:1px solid #dee2e6}.table-bordered tbody tr td,.table-bordered thead tr th{border-color:#eee;font-size:14px;padding:12px 20px}s,u {font-size:14px}mark {background:#84ba3f;color:#fff}del,mark{background:#84ba3f;color:#ffffff;padding:0 5px;margin-right:3px}@media screen and (max-width:767px){.animated{margin-top:30px}.nav-tabs li a{font-size:14px}}.isotope {-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{background-color:#84ba3f;border-color:#84ba3f}.modal{z-index:99999}.modal-backdrop{z-index:9999}.modal-header {border:0}.modal-header,.modal-body{padding:30px 30px 0 30px}.modal-header .close{position:relative;z-index:99}select.form-control-sm:not([size]):not([multiple]){height:calc(1.8125rem + 22px)}.dataTables_length .form-control{padding:15px 8px 15px 20px}div.dataTables_wrapper div.dataTables_paginate,div.dataTables_wrapper div.dataTables_info{margin-top:15px}

/* css/shortcodes/clients.css */
 

/* css/shortcodes/contact-form.css */
 .form-control{border-radius:3px;font-size:13px;height:auto;line-height:1.33333;padding:15px 15px 15px 20px;background:#f6f7f8;color:#323232;border:0 solid transparent;box-shadow:none}.form-control:focus{background:#040404cf;border:0;box-shadow:0 3px 10px rgba(0,0,0,.1);-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-ms-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s;border-color:transparent}.form-control.rounded{border-radius:0}.input-group-prepend{border:1px solid #e0e0e0}.form-control label{color:#353535;display:inline-block;margin-top:8px;margin-bottom:4px;text-transform:uppercase;font-size:13px}.form-control>label{display:block}.form-control::-moz-placeholder{color:#ffffff}.form-control::-ms-input-placeholder{color:#ffffff}.form-control::-webkit-input-placeholder{color:#ffffff}textarea.form-control{resize:vertical}

/* css/shortcodes/countdown.css */
 .countdown{display:inline-block;text-align:center;margin:0 20px}.countdown span{font-size:40px;line-height:40px}.countdown p{margin-bottom:0}.countdown.small{display:inline-block;text-align:center;margin:0 10px}.countdown.small span{font-size:30px;line-height:30px}.countdown.medium{display:inline-block;text-align:center;margin:0 30px}.countdown.medium span{font-size:50px;line-height:50px}.countdown.large{display:inline-block;text-align:center;margin:0 20px}.countdown.large span{font-size:70px;line-height:70px}.countdown.gray-bg{padding:10px}.countdown.round{padding:30px;border:7px solid #eeeeee;border-radius:50%;width:140px;height:140px}.countdown.round.small{width:100px;height:100px;padding:15px 10px}.countdown.round.medium{width:150px;height:150px;padding:15px}.countdown.round.medium span{line-height:68px}.countdown.round.large{width:190px;height:190px;padding:20px}.countdown.round.large span{line-height:92px}.countdown.round.text-white{border-color:rgba(255,255,255,.3)}

/* css/shortcodes/counter.css */
 .counter{position:relative;color:#353535;min-height:60px}.counter .icon{font-size:40px}.counter .timer{display:block;font-size:44px;font-weight:600;line-height:40px;margin:20px 0 5px}.counter label{font-size:15px;font-weight:600;margin:10px 0 0;position:relative;text-transform:capitalize}.counter.text-white{color:#ffffff}.counter.text-white label{color:#ffffff}.counter.text-white span{color:#ffffff}.counter.theme-color{color:#84ba3f}.counter.theme-color label{color:#84ba3f}.counter.theme-color span{color:#84ba3f}

/* css/shortcodes/divider.css */
 .divider{border-bottom:1px solid rgba(0,0,0,.1)}.divider.icon{border:0;color:#ccc;width:100%;overflow:hidden;text-align:center}.divider.icon:after,.divider.icon:before,.divider.icon:after,.divider.icon:before{border-bottom:1px solid rgba(0,0,0,.2);content:"";display:inline-block;height:10px;margin:0 -4px 0 -100%;vertical-align:top;width:50%}.divider.icon::after,.divider.icon::after{margin:0 -100% 0 0}.divider.icon i,.divider.icon span,.divider.icon i,.divider.icon span{margin:0 20px 0 24px}.divider.icon.left i,.divider.icon.left span{float:left;margin:0 40px 0 0}.divider.icon.right i,.divider.icon.right span{float:right;margin:0 0 0 40px}.divider.medium{width:40%;margin:0 auto}.divider.small{width:20%;margin:0 auto}

/* css/shortcodes/dropcap.css */
 

/* css/shortcodes/feature-text.css */
 .feature-text{text-align:center}.feature-text.text-left{text-align:left}.feature-text.text-left .feature-icon span,.feature-text.text-left .feature-icon i{padding-left:0}.feature-text.text-right .feature-icon span,.feature-text.text-right .feature-icon i{padding-right:0}.feature-text.text-right{text-align:right}.feature-text .feature-icon span,.feature-text .feature-icon i{font-size:40px;margin-bottom:30px;display:inline-block;transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out}.feature-text.round .feature-icon span,.feature-text.round .feature-icon i{width:70px;height:70px;line-height:70px;display:inline-block;font-size:26px;border-radius:50%;padding-left:0}.feature-text.shadow .feature-icon span,.feature-text.shadow .feature-icon i{color:#323232;background:#ffffff;box-shadow:0 4px 20px rgba(0,0,0,.09);padding-left:0}.feature-text.text-center .feature-icon span,.feature-text.text-center .feature-icon i{padding-left:0}.feature-text.box-shadow{box-shadow:0 0 30px rgba(0,0,0,.09);padding:40px;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}.feature-text.box-shadow:hover{box-shadow:0 0 70px rgba(0,0,0,.09)}.feature-text.border-box{box-shadow:0 0 1px rgba(0,0,0,.5);padding:40px;}.feature-text .button{margin-top:10px}.feature-text.round:hover .feature-icon i,.feature-text.round:hover .feature-icon span{background:#84ba3f;color:#ffffff;border-color:#84ba3f}

/* css/shortcodes/list-style.css */
 ul.list{padding:0;margin:0}ul.list li{margin:5px 0;padding-left:24px;position:relative;line-height:28px}ul.list i{position:absolute;left:0;top:5px}ul.list.theme-color li i{color:#84ba3f}ul.list.theme-color li{color:#333333}ul.list li:after{content:"";font-family:'FontAwesome';position:absolute;color:#84ba3f;left:0;top:0}ul.list-mark{padding:0;margin:0;}ul.list-mark li{list-style-type:none;padding-left:25px;position:relative;}ul.list-mark li:after{content:"\f00c";}ul.list-arrow{padding:0;margin:0;}ul.list-arrow li{list-style-type:none;padding-left:25px;position:relative;}ul.list-arrow li:after{content:"\f105";font-size:18px;}

/* css/shortcodes/nice-select.css */
 .nice-select{-webkit-tap-highlight-color:transparent;background-color:#f6f7f8;border-radius:3px;border:solid 1px #f6f7f8;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:inherit;font-size:14px;font-weight:normal;height:50px;line-height:47px;outline:none;padding-left:20px;padding-right:30px;position:relative;text-align:left!important;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:auto}.nice-select:hover{border-color:#d0dae5}.nice-select:active,.nice-select.open,.nice-select:focus{border-color:#88bfff}.nice-select:after{border-bottom:2px solid #90a1b5;border-right:2px solid #90a1b5;content:'';display:block;height:5px;margin-top:-4px;pointer-events:none;position:absolute;right:22px;top:50%;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;width:5px}.nice-select.open:after{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}.nice-select.disabled{border-color:#e7ecf2;color:#90a1b5;pointer-events:none}.nice-select.disabled:after{border-color:#cdd5de}.nice-select.wide{width:100%}.nice-select.wide .list{left:0!important;right:0!important}.nice-select.right{float:right}.nice-select.right .list{left:auto;right:0}.nice-select.small{font-size:12px;height:36px;line-height:34px}.nice-select.small:after{height:4px;width:4px}.nice-select.small .option{line-height:34px;min-height:34px}.nice-select .list{max-height:300px;overflow-y:auto;min-width:100px;background-color:#fff;border-radius:3px;box-shadow:0 0 0 1px rgba(68,88,112,.11);box-sizing:border-box;margin-top:4px;opacity:0;padding:0;pointer-events:none;position:absolute;top:100%;left:0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.75) translateY(-21px);-ms-transform:scale(.75) translateY(-21px);transform:scale(.75) translateY(-21px);-webkit-transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;z-index:9}.nice-select .list:hover .option:not(:hover){background-color:transparent!important}.nice-select .option{cursor:pointer;font-weight:400;line-height:40px;list-style:none;min-height:40px;outline:none;padding-left:18px;padding-right:29px;text-align:left;-webkit-transition:all .2s;transition:all .2s}.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{background-color:#f6f7f9}.nice-select .option.selected{font-weight:bold}.nice-select .option.disabled{background-color:transparent;color:#90a1b5;cursor:not-allowed}.nice-select:active,.nice-select.open,.nice-select:focus{border-color:#ffffff!important}

/* css/shortcodes/owl-carousel.css */
 .owl-carousel .owl-item img{width:auto}.owl-carousel .owl-nav{cursor:pointer;z-index:999;width:100%}.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next{display:block;position:absolute;text-indent:inherit;width:auto;cursor:pointer;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;}.owl-carousel .owl-nav .owl-prev{left:10px;display:block;position:absolute;text-indent:inherit;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%)}.owl-carousel .owl-nav .owl-next{right:10px;display:block;position:absolute;text-indent:inherit;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%)}.owl-carousel .owl-nav i{font-size:20px;width:36px;height:36px;line-height:36px;display:inline-block;color:#ffffff;border-radius:3px;background:#84ba3f;border:0 solid #3d3d3d;font-weight:normal;text-align:center;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}.owl-carousel .owl-nav i:hover{background:#333;color:#ffffff;}.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{margin:0!important}.owl-carousel .owl-dots{display:inline-block;margin-top:20px;text-indent:inherit;width:100%;cursor:pointer;text-align:center}.owl-carousel .owl-dots .owl-dot span{background:#ddd;display:inline-block;width:12px;min-height:12px;margin-top:5px;border-radius:3px;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;cursor:pointer}.owl-carousel .owl-dots .owl-dot:hover span,.owl-carousel .owl-dots .owl-dot.active span{background:#84ba3f;min-height:17px;margin-top:0}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{display:inline-block;margin:14px 2px 0}

/* css/shortcodes/page-title.css */
 .page-title{display:block;padding-top:250px;padding-bottom:100px;position:relative}.page-title .container{height:100%;position:relative}.page-title span{text-transform:capitalize}.page-title .page-title-name{display:inline-block;width:60%}.page-title.center{text-align:center}.page-title.center .page-title-name{display:block;width:inherit}.page-title.right{clear:both}.page-title.right .page-title-name{display:inline-block;float:right;text-align:right}.page-title.small{padding-top:20px;padding-bottom:20px;position:relative}.page-title.small h1{margin-bottom:0;margin-top:8px}

/* css/shortcodes/pie-chart.css */
 .round-chart{display:inline-block;position:relative;text-align:center;margin-bottom:20px}.round-chart span,.round-chart i{display:inline-block;font-size:28px;z-index:2;font-weight:600;position:absolute}.round-chart.white span,.round-chart.white i{color:#ffffff}

/* css/shortcodes/pricing.css */
 .price{list-style-type:none;border:1px solid #eee;margin:0;padding:0;-webkit-transition:.3s;transition:.3s;border:0}.price:hover{box-shadow:0 0 40px rgba(0,0,0,.05)}.price .header{background-color:#111}.price li{border-bottom:1px solid #eee;padding:20px;text-align:center}.price .grey{background-color:#eee;font-size:20px}.price.active .header{background:#84ba3f}

/* css/shortcodes/progress-bar.css */
 .skill-bar{position:relative;height:100%;border-radius:4px;padding:0;background:#84ba3f;box-shadow:none;transition:width .9s ease;-webkit-transition:width .9s ease;-o-transition:width .9s ease;-ms-transition:width .9s ease;-moz-transition:width .9s ease}


/* css/shortcodes/social-icons.css */
 .social-icons ul{padding:0;}.text-center.social-icons ul{display:inline-block;}.social-icons li{display:inline-block;list-style:none;padding:0;margin:0 8px 8px 0;}.social-icons li:last-child{margin-right:0}.social-icons li a{display:block;height:32px;width:32px;line-height:32px;font-size:16px;text-align:center;margin:0;border-radius:4px;border:0;background:transparent;color:#333;overflow:hidden;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.text-white .social-icons li a{color:#ffffff;}.social-icons.color a,.social-icons.color-hover a:hover{color:#fff;border:0;}.social-icons.color .social-facebook a,.social-icons.color-hover .social-facebook a:hover{background-color:#5d82d1;}.social-icons.color .social-twitter a,.social-icons.color-hover .social-twitter a:hover{background-color:#40bff5;}.social-icons.color .social-youtube a,.social-icons.color-hover .social-youtube a:hover{background-color:#ef4e41;}.social-icons.color .social-instagram a,.social-icons.color-hover .social-instagram a:hover{background-color:#e1326b;}.social-icons.color .social-google a,.social-icons.color-hover .social-google a:hover{background-color:#eb5e4c;}.social-icons.color .social-linkedin a,.social-icons.color-hover .social-linkedin a:hover{background-color:#238cc8;}.social-icons.color .social-android a,.social-icons.color-hover .social-android a:hover{background-color:#A4C639;}.social-icons.color .social-apple a,.social-icons.color-hover .social-apple a:hover{background-color:#999999;}.social-icons.rounded li a{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}.social-icons.medium li a{height:42px;width:42px;line-height:42px;font-size:18px;}.social-icons:not(.color):not(.color-hover) li a:hover{background-color:#eee;}.social-icons li:hover i{-webkit-animation:toTopFromBottom .3s forwards;-moz-animation:toTopFromBottom .3s forwards;animation:toTopFromBottom .3s forwards;}@-webkit-keyframes toTopFromBottom{49%{-webkit-transform:translateY(-100%);}50%{opacity:0;-webkit-transform:translateY(100%);}51%{opacity:1;}}@-moz-keyframes toTopFromBottom{49%{-moz-transform:translateY(-100%);}50%{opacity:0;-moz-transform:translateY(100%);}51%{opacity:1;}}@keyframes toTopFromBottom{49%{transform:translateY(-100%);}50%{opacity:0;transform:translateY(100%);}51%{opacity:1;}}.social-icons:not(.color):not(.color-hover) li a:hover{background:transparent}

/* css/shortcodes/tabs.css */
 .tab .nav.nav-tabs{border:none;margin-bottom:20px}.tab .nav.nav-tabs li{margin-bottom:0;float:none;display:inline-block}.tab .nav.nav-tabs li a{border:none;line-height:normal;border-radius:0;padding:12px 30px;background:#f6f7f8;color:#353535;border:1px solid #eeeeee}.tab .nav.nav-tabs li a i{padding-right:5px}.tab .nav.nav-tabs>li>a.active,.nav.nav-tabs>li>a.active:focus,.nav.nav-tabs>li>a.active:hover{background:#84ba3f;color:#fff;border-color:transparent}.round .nav.nav-tabs li a{border:none;line-height:normal;margin-right:10px;border-radius:20px;padding:12px 30px;background:#f7f7f7;color:#353535;font-family:oswald;text-transform:uppercase}.round .nav.nav-tabs li a:hover{background-color:#626262!important;color:#fff!important}.shadow .nav.nav-tabs>li>a.active,.shadow .nav.nav-tabs>li>a.active:focus,.shadow .nav.nav-tabs>li>a.active:hover{color:#84ba3f;background:#ffffff!important;border-color:#eeeeee;border-bottom:0;box-shadow:0 3px 10px rgba(0,0,0,.1)}.vertical-right .nav-tabs{float:right}.vertical-right .nav.nav-tabs li a{border-right:1px solid #eeeeee;border-left:0}.vertical-right .tab-content{margin-right:24.8%;margin-left:inherit;text-align:right}

/* css/shortcodes/team.css */
 .team{text-align:center;overflow:hidden}.team .team-description{padding:20px 20px 10px}.team .team-info span{font-size:14px;text-transform:uppercase;}.team .social-icons{text-align:center;display:inline-block;margin-top:10px}

/* css/shortcodes/testimonial.css */
 .testimonial-info{position:relative;}.testimonial-info:before{position:absolute;top:-15px;left:-35px;color:#84ba3f;content:"\201C";font-family:Georgia,serif;font-size:100px;}.author-info{font-size:16px;color:#323232;text-transform:uppercase;margin-top:20px;position:relative;}.author-info strong{font-weight:500;}.author-info span{font-weight:normal;color:#84ba3f;text-transform:none;}

/* css/shortcodes/side-panel.css */
 .st-pusher{position:relative;left:0;z-index:99;height:100%;-webkit-transition:-webkit-transform .5s;-moz-transition:-moz-transform .5s;-ms-transition:-ms-transform .5s;-o-transition:-o-transform .5s;transition:transform .5s}.st-pusher::after{position:absolute;top:0;right:0;width:0;height:0;background:rgba(0,0,0,.6);content:'';opacity:0;-webkit-transition:opacity .5s,width .1s .5s,height .1s .5s;-o-transition:opacity .5s,width .1s .5s,height .1s .5s;-ms-transition:opacity .5s,width .1s .5s,height .1s .5s;-moz-transition:opacity .5s,width .1s .5s,height .1s .5s;transition:opacity .5s,width .1s .5s,height .1s .5s}.st-menu-open .st-pusher::after{width:100%;height:100%;opacity:1;z-index:9999;-webkit-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;cursor:url("../../images/close.png") 25 25,pointer}.st-menu{position:fixed!important;top:0;left:0;z-index:9999;visibility:hidden;width:380px;height:100%;background:#ffffff;-webkit-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.st-menu::after{position:absolute;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.2);content:'';opacity:1;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;-ms-transition:opacity .5s;transition:opacity .5s}.st-menu-open .st-menu::after{width:0;height:0;opacity:0;-webkit-transition:opacity .5s,width .1s .5s,height .1s .5s;-moz-transition:opacity .5s,width .1s .5s,height .1s .5s;-o-transition:opacity .5s,width .1s .5s,height .1s .5s;-ms-transition:opacity .5s,width .1s .5s,height .1s .5s;transition:opacity .5s,width .1s .5s,height .1s .5s}.st-menu ul.menu{margin:0;padding:30px;list-style:none}.st-menu ul.menu li{line-height:60px}.st-menu ul.menu li a{font-size:30px;color:#323232;font-family:'Montserrat',sans-serif;position:relative}.st-menu ul.menu li a:before{opacity:0;content:'';position:absolute;left:0;width:0;height:14px;background:rgba(132,186,63,.4);bottom:0;transition:.3s ease-in-out}.st-menu ul.menu li a:hover:before,.st-menu ul.menu li a.active:before,.st-menu ul.menu li a.active,.st-menu ul.menu li a:hover{opacity:1;width:100%;color:#84ba3f}

/* css/shortcodes/onload-modal.css */
 .mfp-container{cursor:url("../../images/close.png") 25 25,pointer}


/* css/style.css */
.bganimation {
    background-size    : auto 100%;
    background-position: center;
    background-color   : #f7f7f7;
    background-repeat  : no-repeat;
    transition         : background-size 0.5s ease-in;
    -moz-transition    : background-size 0.5s ease-in;
    -web-kit-transition: background-size 0.5s ease-in;
}

.bganimation:hover {
    background-size: auto 110% !important;
}

.sliderbtn1 {
    background-image: url("../images/slider/agence-web-cle-en-main.webp");
}

.sliderbtn2 {
    background-image: url("../images/slider/btn2.webp");
}

.sliderbtn3 {
    background-image: url("../images/slider/optimisation-ai.webp");
}

.sliderbtn4 {
    background-image: url("../images/slider/referencement-seo.webp");
}

.sliderbtn5 {
    background-image: url("../images/slider/btn5.webp");
}

.sliderbtn6 {
    background-image: url("../images/slider/conception-site-web-longueuil.webp");
}

.sliderbtn7 {
    background-image: url("../images/slider/facebook-ads.webp");
}

.sliderbtn8 {
    background-image: url("../images/slider/google-ads.webp");
}









.sliderbtn {
    border             : solid #fff;
    padding-top        : 15px;
    min-height         : 289px;
    background-position: center;
}

.sliderbtn-titre-click {
    position : absolute;
    top      : 15px;
    left     : 50%;
    transform: translateX(-50%);
    width    : 95%;
}

.sliderbtn-titre-1 {
    font-family   : "Oswald", sans-serif !important;
    font-size     : 18px;
    color         : #222;
    text-transform: uppercase;
    margin-bottom : 0;
    line-height   : 1;
}

.sliderbtn-titre-1 div {
    background-color: #6e9132;
    display         : inline-block;
    padding         : 10px 15px 10px 15px;
    border-radius   : 20px;
}

.sliderbtn-titre-2 {
    font-family: "Oswald", sans-serif !important;
    font-size  : 16px;
    color      : #6c6c6c;
    text-shadow: 0 0 5px #ffffff5c;
    margin     : auto
}

.sliderbtn-titre-2.white {
    color      : #fff;
    text-shadow: 0 0 5px #0000005c;
}

.nobreak {
    display: inline !important;
}

/* SLIDER HOVER MOITIER MOITIER */

/* IMPORT LIGNE 1 */

.ba-slider {
    position: relative;
    overflow: hidden;
    height  : 100%;
}

.ba-slider img {
    height : 100%;
    display: block;
}

.resize {
    position: absolute;
    top     : 0;
    left    : 0;
    height  : 100%;
    width   : 50%;
    overflow: hidden;
}

.handle {
    /* Thin line seperator */
    position   : absolute;
    left       : 50%;
    top        : 0;
    bottom     : 0;
    width      : 4px;
    margin-left: -2px;

    background: rgba(0, 0, 0, .5);
    cursor    : ew-resize;
}

.handle:after {
    /* Big orange knob  */
    position: absolute;
    top     : 50%;
    width   : 64px;
    height  : 64px;
    margin  : -32px 0 0 -32px;

    content    : '\21d4';
    color      : white;
    font-weight: bold;
    font-size  : 36px;
    text-align : center;
    line-height: 64px;

    background: #8cb83f;
    /* @orange */

    border-radius: 10%;
    transition   : all 0.3s ease;
    box-shadow   : 0 5px 6px rgba(0, 0, 0, 0.3);
}

.draggable:after {
    width      : 48px;
    height     : 48px;
    margin     : -24px 0 0 -24px;
    line-height: 48px;
    font-size  : 30px;
}

.formulaire-top-town {
    background-color: rgba(255, 255, 255, 0.85);
    text-align      : center;
    padding         : 50px
}







.nopadding {
    padding: 0;
}

.colmaxwidth {
    max-width     : 515px;
    margin        : 0 auto;
    /*padding-top : 170px;
    padding-bottom: 170px;*/
    padding-top   : 80px;
    padding-bottom: 80px;
}





.margintop40px {
    border: 0 !important;
    margin: 40px !important;
}

section {
    position: relative;
    padding : 90px 0;
}



.section.grey {
    background-color: #f7f7f7;
}

.nopadding {
    padding: 0
}



.form-control {
    background-color: #04040487;
    border          : #000 !important;
    color           : #fff;
    margin-bottom   : 15px
}

.form-control {
    color         : #ffffffdb;
    text-align    : center;
    text-transform: uppercase;
    font-family   : 'Oswald', sans-serif !important;
}

.form-control {
    color: #fff !important;
}





.pre-footer-generic-list {
    background-color: #1a1a1a !important;
    border-bottom   : #383838 solid 1px;
    padding-top     : 5px !important;
    padding-bottom  : 5px !important
}

.pre-footer-town-list {
    background-color: transparent !important;
    color           : #fff;
    border-top      : #383838 solid 1px;
    padding-top     : 5px !important;
    padding-bottom  : 5px !important
}



.uppercase {
    text-transform: uppercase
}

html {
    scroll-behavior: smooth;
}





.sous-titre {
    color         : #fff;
    font-size     : 18px;
    padding-top   : 15px;
    padding-bottom: 30px
}



/*************************************
           Landing page
**************************************/
.flex-grow-1 {
    flex-grow: 1;
}

.logo-h-small {
    height: 35px;
    width : auto;
}

.logo-h-medium {
    height: 64px;
    width : auto;
}

.small {
    font-size  : 0.875rem;
    line-height: 1;
}

.h-auto {
    height: auto;
}

.max-h-40 {
    max-height: 40px;
}

.max-h-70 {
    max-height: 70px;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-auto {
    overflow: auto;
}

.text-wrap {
    white-space: normal;
    word-wrap  : break-word;
}

.row-gap-3 {
    row-gap: 16px;
}

.row-gap-4 {
    row-gap: 24px;
}

.bg-green-gradient {
    background: linear-gradient(180deg, #8CB83F 0%, #6E9132 100%);
}

.video-overlay-landing {
    position  : absolute;
    top       : 0;
    left      : 0;
    width     : 100%;
    height    : 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 100%);

}

.testimonial-max-lines {
    display           : -webkit-box;
    line-clamp        : 7;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow          : hidden;
}

.googlescore-link {
    display         : inline-block;
    background-color: #fff;
    color           : #626262 !important;
    padding         : 16px 20px;
    border-radius   : 55px;
    font-size       : 18px;
    font-weight     : 600;
    line-height     : 80%;
}

.googlescore-link.red {
    background-color: #EB330F;
    color           : #fff !important;
}

.googlescore-link.green {
    background-color: #6E9132;
    color           : #fff !important;
}

/* CSS pour le swiper 3-steps */
.sync-pagination {
    position: static;
}

/* Carousel - Swiper */
.swiper-custom-nav {
    position       : static;
    width          : 50px;
    height         : 50px;
    border-radius  : 50%;
    background     : #E6E6E6;
    margin         : 0;
    display        : flex;
    justify-content: center;
    align-items    : center;
    transition     : all 0.3s ease;
    opacity        : 1;
    width          : 40px;
    height         : 40px;
}

.swiper-custom-nav:hover::after {
    color: #fff;
}

.swiper-custom-nav:hover {
    background-color: #8CB83F;
    transform       : scale(1.1);
}

.swiper-custom-nav:disabled,
.tab-arrow:disabled {
    opacity         : 0.3;
    cursor          : not-allowed;
    background-color: rgba(0, 0, 0, 0.1);
    color           : #999;
}

.swiper-custom-nav:disabled:hover,
.tab-arrow:disabled:hover {
    transform       : none;
    background-color: #f5f5f5;
    color           : #999;
}

/* CSS pour les bullets personnalisés du swiper 3-steps */
.sync-pagination {
    position       : static;
    display        : flex;
    justify-content: center;
    align-items    : center;
    gap            : 10px;
}

.custom-bullet {
    width          : 25%;
    height         : 90px;
    border-radius  : 20px;
    background     : #fff;
    color          : #626262;
    padding        : 8px 16px !important;
    cursor         : pointer;
    transition     : all 0.3s ease;
    opacity        : 1;
    display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: center;
    gap            : 8px;
}

.custom-bullet:hover {
    background: #E6E6E6 !important;
}

.custom-bullet.swiper-pagination-bullet-active {
    background: #84ba3f !important;
    color     : white;
}

.custom-bullet.swiper-pagination-bullet-active svg path {
    fill: white;
}

/* Carousel - Swiper Landing page */






.item-carousel-360 img {
    position     : absolute;
    top          : 0;
    left         : 0;
    z-index      : 1;
    content      : "";
    height       : 100%;
    width        : 100%;
    border-radius: 20px;
    object-fit   : cover;
}

/* Carousel - Swiper Landing page */
.item-carousel-360 {
    height       : 450px;
    width        : 100%;
    padding      : 40px;
    max-height   : 400px;
    border-radius: 20px;
    position     : relative;
    display      : flex;
    align-items  : end;
}

.item-carousel-360>* {
    position: relative;
    z-index : 3;
}

.item-carousel-360::before {
    position     : absolute;
    top          : 0;
    left         : 0;
    z-index      : 2;
    content      : "";
    height       : 100%;
    width        : 100%;
    border-radius: 20px;
    background   : linear-gradient(0deg, rgba(0, 0, 0, 0.40) 50%, rgba(0, 0, 0, 0) 100%);
}

/* Modal */
.modal-md {
    max-width: 645px;
}

.modal-lg {
    max-width: 800px;
}

.modal-xl {
    max-width: 1350px;
}

.modal-xxl {
    max-width: 1600px;
}

.modal-content {
    background-color: #fff;
    border          : none;
    border-radius   : 40px;
    padding         : 2rem;
    position        : relative;
}

.modal-carrousel {
    padding-right: 0;
}

.modal-header,.modal-body {
    padding: 0;
}

.modal-header {
    gap: 1rem;
}

.modal .close-btn {
    height          : 60px;
    width           : 60px;
    background-color: #8CB83F;
    border          : none;
    border-radius   : 50%;
    position        : absolute;
    top             : 16px;
    right           : 16px;
    display         : flex;
    justify-content : center;
    align-items     : center;
    cursor          : pointer;
    z-index         : 99;
}

.modal .close-btn i {
    color      : white;
    font-size  : 20px;
    text-shadow: none;
}

.modal-backdrop {
    position               : fixed;
    top                    : 0;
    left                   : 0;
    z-index                : 9999;
    width                  : 100vw;
    height                 : 100vh;
    background             : rgba(0, 0, 0, 0.05);
    -webkit-backdrop-filter: blur(35px);
    backdrop-filter        : blur(35px);
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 1;
}

.container-slide-modal {
    background-color: #fff;
    border-radius   : 20px;
    padding         : 24px 32px;
}

@media screen and (max-width: 850px) {
    .modal-dialog {
        padding: 1.75rem 16px !important;
    }
}

@media screen and (max-width: 850px) {
    .modal-carrousel {
        padding-right: 2rem;
    }
}

@media screen and (max-width: 850px) {
    .modal-carrousel {
        padding-right: 2rem;
    }
}

/* Section Key Elements */
.key-tab .nav-tabs-desktop {
    display       : flex;
    flex-direction: column;
    gap           : 12px;
    margin-bottom : 0 !important;
}

.tab.key-tab .nav-tabs-desktop .nav-item {
    width: fit-content;
}

.tab.key-tab .nav-tabs .nav-item .nav-link {
    width           : fit-content;
    max-width       : 100%;
    padding         : 14px 6.5rem 14px 20px;
    border-radius   : 30px;
    cursor          : pointer;
    font-size       : 1rem;
    color           : #626262;
    border          : 1px solid #fff;
    background-color: #fff;
    position        : relative;
    transition      : all 0.3s ease-out;
    overflow        : hidden;
}

.tab.key-tab .nav-tabs-desktop .nav-item .nav-link span {
    display   : inline-block;
    transition: all 0.3s ease-out;
}

.tab.key-tab .nav-tabs-desktop .nav-item .nav-link::after {
    content         : "\f107";
    font-family     : "FontAwesome", sans-serif;
    line-height     : 30px;
    position        : absolute;
    right           : 20px;
    top             : 50%;
    width           : 30px;
    height          : 30px;
    border-radius   : 50%;
    transform       : translateY(-50%);
    display         : flex;
    justify-content : center;
    pointer-events  : none;
    font-size       : 1rem;
    color           : #8CB83F;
    background-color: #F5F5F5;
}

.tab.key-tab .tab-content .tab-pane {
    min-height: 680px;
}

.tab.key-tab .tab-content .tab-bg {
    background-color: #f5f5f5;
    border-radius   : 20px;
}

.tab.key-tab .h-panel {
    min-height: 680px;
}

.bg-panel {
    background-color: #fff;
    border-radius   : 20px;
    padding         : 30px;
}

.tab-content {
    /* height: 600px; */
}



/* Active */
.tab.key-tab .nav-tabs-desktop .nav-item .nav-link.active {
    padding  : 14px 20px;
    transform: scale(1);
}

.tab.key-tab .nav-tabs-desktop .nav-item .nav-link.active::after {
    display: none;
}

/* Nav tabs - Description only visible on active tab */
.nav-tabs-desktop .nav-item .nav-item-desc {
    max-height      : 0;
    margin-top      : 0;
    margin-bottom   : 0;
    display         : none;
    opacity         : 0;
    transform       : scale(0.8) translateY(-20px);
    transform-origin: top left;
    transition      : all 0.4s ease-out;
    overflow        : hidden;
}

.nav-tabs-desktop .nav-link.active .nav-item-desc {
    max-height   : auto;
    margin-top   : 20px;
    margin-bottom: 16px;
    display      : block;
    opacity      : 1;
    transform    : scale(1) translateY(0);
}

.nav-tabs-desktop .nav-item-desc.show {
    max-height   : 200px;
    margin-top   : 24px;
    margin-bottom: 16px;
    opacity      : 1;
    transform    : scale(1) translateY(0);
}

.nav-tabs-desktop .nav-item-desc.hide {
    max-height   : 0;
    margin-top   : 0;
    margin-bottom: 0;
    opacity      : 0;
    transform    : scale(0.8) translateY(-20px);
}











/* Tab Navigation Arrows */
.tab-navigation-wrapper {
    position: relative;
    display : flex;
    gap     : 40px;
}

.tab-nav-arrows {
    display        : flex;
    flex-direction : column;
    gap            : 8px;
    justify-content: center;
}

.tab-arrow {
    font-size       : 1rem;
    font-weight     : bolder;
    color           : #626262;
    width           : 40px;
    height          : 40px;
    border          : none;
    border-radius   : 50%;
    background-color: #E6E6E6;
    cursor          : pointer;
    display         : flex;
    align-items     : center;
    justify-content : center;
    transition      : all 0.3s ease;
    opacity         : 1;
}

.tab-arrow:hover {
    background-color: #8CB83F;
    color           : #fff;
    transform       : scale(1.1);
}

/* animation icones photo */














@keyframes icon-appear {
    from {
        opacity  : 0;
        transform: scale(0.7) translateY(15px) rotate(var(--rotation));
    }

    to {
        opacity  : 1;
        transform: scale(1) translateY(0) rotate(var(--rotation));
    }
}

@keyframes icon-float {
    0% {
        transform: translate(0, 0) rotate(var(--rotation));
    }

    25% {
        transform: translate(2px, -2px) rotate(calc(var(--rotation) + 0.4deg));
    }

    50% {
        transform: translate(-2px, -4px) rotate(calc(var(--rotation) - 0.4deg));
    }

    75% {
        transform: translate(-2px, -2px) rotate(calc(var(--rotation) + 0.2deg));
    }

    100% {
        transform: translate(0, 0) rotate(var(--rotation));
    }
}

/* Responsive */
@media (max-width: 1100px) {
    .tab-navigation-wrapper {
        gap: 20px;
    }
}

@media (max-width: 991px) {

    .tab.key-tab .tab-content .tab-bg {
        background-color: #fff;
    }

    .bg-panel {
        background-color: transparent;
        border-radius   : 0;
        padding         : 0;
    }

    .tab-nav-arrows {
        position       : relative;
        right          : 0;
        top            : 0;
        transform      : none;
        flex-direction : row;
        justify-content: center;
        margin-top     : 20px;
    }

    .key-tab .tab-navigation-wrapper {
        overflow-x: auto;
    }

    .key-tab .nav-tabs-desktop {
        flex-direction: row;
        flex-wrap     : nowrap;
    }

    .tab.key-tab .nav-tabs .nav-item:has(.nav-link.active) {
        width    : 300px;
        max-width: 300px;
    }

    .tab.key-tab .nav-tabs-desktop .nav-item .nav-link span {
        white-space: nowrap;
    }

    .tab.key-tab .nav-tabs .nav-item .nav-link {
        color           : #626262;
        border          : 1px solid #fff;
        background-color: #fff;
    }

    .tab.key-tab .nav-tabs-desktop .nav-item .nav-link::after {
        color           : #8CB83F;
        background-color: #F5F5F5;
    }
}

.services-cloud {
    position: relative;
    height  : 420px;
    width   : 100%;
}

.cloud-word:not(.main) {
    position   : absolute;
    opacity    : 0;
    white-space: nowrap;
    transform  : translate(-50%, -50%);

    font-size: 1.25rem;
    color    : #616161;
}

.services-cloud .cloud-word.main {
    font-family   : 'Oswald', sans-serif;
    font-size     : 3.75rem;
    font-weight   : 600;
    text-transform: uppercase;
    color         : #8CB83F;
    white-space   : nowrap;
    position      : absolute;
    left          : 50%;
    top           : 50%;
    transform     : translate(-50%, -50%);
}

.services-cloud .cloud-word.main span {
    display  : inline-block;
    opacity  : 0;
    animation: letterIn 0.3s ease forwards;
}

@keyframes letterIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.w1 {
    left: 23%;
    top : 24%;
}

.w2 {
    left: 58%;
    top : 13%;
}

.w3 {
    left: 28%;
    top : 34%;
}

.w4 {
    left: 62%;
    top : 25%;
}

.w5 {
    left: 82%;
    top : 36%;
}

.w6 {
    left: 9%;
    top : 62%;
}

.w7 {
    left: 30%;
    top : 75%;
}

.w8 {
    left: 75%;
    top : 67%;
}

.w9 {
    left: 20%;
    top : 86%;
}

.w10 {
    left: 55%;
    top : 93%;
}

.w11 {
    left: 82%;
    top : 82%;
}

.w1,
.w5,
.w8,
.w9 {
    font-size  : 1.75rem;
    font-weight: 500;
}

.cloud-word.show {
    animation: fadeIn .3s forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.services-legend .legend-item {
    display    : flex;
    align-items: center;
    gap        : 10px;
}

.services-legend .legend-item .legend-color {
    height       : 24px;
    width        : 24px;
    border-radius: 50%;
    display      : inline-block;
    flex-shrink  : 0;
}

.services-legend .legend-item .legend-color-main {
    background-color: #8CB83F;
}

.services-legend .legend-item .legend-color-secondary {
    background-color: #616161;
}

/* Custom map (leaflet.js) */
#mapid {
    height       : 645px;
    border-radius: 20px;
}

.custom-marker {
    background   : #8CB83F;
    color        : white;
    padding      : 6px 14px;
    border-radius: 20px;
    font-size    : 14px;
    font-weight  : bold;
    box-shadow   : 0 2px 4px rgba(0, 0, 0, 0.25);
    white-space  : nowrap;
    width        : unset !important;
    height       : unset !important;

    transform: translate(-50%, -50%);
}

.custom-marker::before {
    position    : absolute;
    bottom      : 1px;
    left        : 50%;
    transform   : translate(-50%, 100%);
    content     : "";
    width       : 0;
    height      : 0;
    border-left : 8px solid transparent;
    border-right: 8px solid transparent;
    border-top  : 12px solid #8cb83f;
    z-index     : 1;
}

.leaflet-control-attribution {
    display: none;
}

/* Grid  */
.hex-section {
    border-radius  : 20px;
    overflow       : hidden;
    display        : flex;
    justify-content: center;
    align-items    : center;
}

.hex-container {
    display                   : flex;
    --s                       : 160px;
    /* size  */
    --m                       : 4px;
    /* margin */
    --f                       : calc(1.732 * var(--s) + 4 * var(--m) - 1px);
    width                     : calc(7.5 * (var(--s) + 2 * var(--m)));
    height                    : 680px;
    overflow-x                : auto;
    overflow-y                : hidden;
    -webkit-overflow-scrolling: touch;
}

.hex-grid {
    font-size  : 0;
    /*disable white space between inline block element */
    margin-left: -80px;
    margin-top : -50px;
    width      : 100%;
    height     : 100%;
}

.hex-grid .hex-content {
    position         : relative;
    width            : var(--s);
    margin           : var(--m);
    height           : calc(var(--s)*1.1547);
    display          : inline-block;
    font-size        : initial;
    background       : red;
    margin-bottom    : calc(var(--m) - var(--s)*0.2885);
    clip-path        : path("M71 2.6188C75.9504 -0.239322 82.0496 -0.239323 87 2.6188L149.808 38.8812C154.759 41.7393 157.808 47.0214 157.808 52.7376V125.262C157.808 130.979 154.759 136.261 149.808 139.119L87 175.381C82.0496 178.239 75.9504 178.239 71 175.381L8.19169 139.119C3.24127 136.261 0.191689 130.979 0.191689 125.262V52.7376C0.191689 47.0214 3.24127 41.7393 8.19169 38.8812L71 2.6188Z");
    -webkit-clip-path: path("M71 2.6188C75.9504 -0.239322 82.0496 -0.239323 87 2.6188L149.808 38.8812C154.759 41.7393 157.808 47.0214 157.808 52.7376V125.262C157.808 130.979 154.759 136.261 149.808 139.119L87 175.381C82.0496 178.239 75.9504 178.239 71 175.381L8.19169 139.119C3.24127 136.261 0.191689 130.979 0.191689 125.262V52.7376C0.191689 47.0214 3.24127 41.7393 8.19169 38.8812L71 2.6188Z");
}

.hex-content-wrapper {
    position  : absolute;
    top       : 50%;
    left      : 50%;
    transform : translate(-50%, -50%);
    color     : white;
    text-align: center;
    z-index   : 2;
}

.hex-icon {
    font-size    : 20px;
    margin-bottom: 8px;
    color        : white;
}

.hex-title {
    font-size  : 1.125rem;
    font-weight: 800;
    line-height: 1;
}

.hex-text {
    font-size  : 1rem;
    font-weight: 500;
    line-height: 1.5;
}

.hex-grid::before {
    content: "";
    width  : calc(var(--s)/2 + var(--m));
    float  : left;
    height : 120%;
    shape-outside: repeating-linear-gradient(#0000 0 calc(var(--f) - 3px),
            #000 0 var(--f));
}

.hex-color-0 {
    background: transparent !important;
}

.hex-color-1 {
    position  : relative;
    background: #84ba3f !important;
}

.hex-color-1::before {
    content   : "";
    position  : absolute;
    top       : 50%;
    left      : 50%;
    width     : 100%;
    height    : 100%;
    background: white;
    clip-path : path("M71 2.6188C75.9504 -0.239322 82.0496 -0.239323 87 2.6188L149.808 38.8812C154.759 41.7393 157.808 47.0214 157.808 52.7376V125.262C157.808 130.979 154.759 136.261 149.808 139.119L87 175.381C82.0496 178.239 75.9504 178.239 71 175.381L8.19169 139.119C3.24127 136.261 0.191689 130.979 0.191689 125.262V52.7376C0.191689 47.0214 3.24127 41.7393 8.19169 38.8812L71 2.6188Z");
    transform : translate(-50%, -50%) scale(.96);
}

.hex-color-2 {
    background: #BADD7C !important;
}

.hex-color-3 {
    background: #84ba3f !important;
}

.hex-color-4 {
    background: #6E9132 !important;
}

/* Responsive pour le scroll horizontal */
@media (max-width: 768px) {
    .hex-section {
        overflow-x: auto;
    }

    .hex-container {
        min-width: calc(7.5 * (var(--s) + 2 * var(--m)));
        max-width: 1674px;
    }

    @media (max-width: 991px) {
        .hex-color-1::before {
            background-color: #fff;
        }
    }

    /*Marques*/
    ul.list-bad,
    ul.list-good {
        padding: 0;
        margin : 0;
    }

    ul.list-bad li,
    ul.list-good li {
        list-style-type: none;
        padding-left   : 35px;
        position       : relative;
        line-height    : 1.2;
    }

    ul.list-bad li:not(:last-child),
    ul.list-good li:not(:last-child) {
        margin-bottom: 18px;
    }

    ul.list-bad li:not(:first-child),
    ul.list-good li:not(:first-child) {
        margin-top: 18px;
    }

    ul.list-bad li:after {
        content      : "\f00d";
        background   : #F5F5F5;
        height       : 24px;
        width        : 24px;
        border-radius: 4px;
        padding      : 6px 8px;
        color        : white;
        height       : 54px;
        display      : flex;
        align-items  : center;
        font-size    : 1.125rem;
        font-weight  : 500;
    }

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    
}

ul.list-good li:after {
    content        : "\f00c";
    background     : #F5F5F5;
    height         : 24px;
    width          : 24px;
    border-radius  : 4px;
    font-size      : 12px;
    color          : #6db923;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.google-logo {
    width : 100px;
    height: auto;
}

.google-search-input {
    position     : relative;
    border-radius: 100px;
    width        : 100%;
    height       : 50px;
    padding      : 0 40px 0 20px;
    border       : 2px solid #D2D2D2;
    color        : #424242;
    font-size    : 1rem;
}

.google-search-input::placeholder {
    color: #424242;
}

.google-search-input-wrap {
    position     : relative;
    margin-bottom: 20px;
}

.google-search-input-wrap:after {
    font-family   : "Font Awesome 5 Free";
    font-weight   : 900;
    content       : "\f002";
    color         : #424242;
    position      : absolute;
    right         : 20px;
    top           : 50%;
    transform     : translateY(-50%);
    pointer-events: none;
}

/*AI*/
.ai-search .message-box {
    font-size    : 1rem;
    padding      : 12px 14px;
    color        : #000;
    background   : #FFF;
    border-radius: 40px;
    display      : inline-block;
}

.ai-search .badge {
    font-weight  : 400;
    font-size    : 0.875rem;
    padding      : 10px 12px;
    color        : #fff;
    background   : #8CB83F;
    border-radius: 40px;
    display      : inline-block;
    position     : relative;
    z-index      : 10;
}

.ai-search .badge-sm {
    font-size    : 0.75rem;
    padding      : 0 6px;
    color        : #fff;
    background   : #8CB83F;
    border-radius: 40px;
    display      : inline-block;
}

.ai-search .mt-180 {
    margin-top: 180px;
}

.ai-search .table thead th {
    font-weight   : 500;
    font-size     : 0.875rem;
    padding-bottom: 8px;
    color         : #000;
    border-top    : none;
    border-bottom : 1px solid #9F9F9F;
}

.ai-search .table td {
    vertical-align: top;
    border        : none;
    border-bottom : 1px solid #BEBEBE;
}

.ai-search .table tbody tr:first-of-type td:first-of-type {
    color: #8CB83F;
}

.ai-search .table tbody tr {
    position: relative;
}

.ai-search .table tbody tr:not(:first-child) td::before {
    content        : "";
    position       : absolute;
    left           : 0;
    top            : 1px;
    height         : 101%;
    width          : 100%;
    background     : rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(3px);
}

/* Google score */
.keywords-score {
    padding       : 0;
    display       : flex;
    flex-direction: column;
    align-items   : flex-start;
}

.score-panel-demo__input-col,
.score-panel-demo__lists,
.score-panel-demo__keyword-list,
.score-panel-demo__city-list,
.score-panel-demo__layout {
    position: relative;
}

.keywords-score li {
    display      : inline-block;
    background   : #F5F5F5;
    border       : 2px solid transparent;
    border-radius: 40px;
    font-size    : 1.125rem;
    padding      : 6px 20px;
    transition   : border-color .35s ease, box-shadow .35s ease, transform .35s ease;
}

.keywords-score li:not(:last-of-type) {
    margin-bottom: 16px;
}

.keywords-score--animated li.is-match {
    border-color: #8CB83F;
    box-shadow  : 0 10px 24px rgba(140, 184, 63, .18);
    transform   : translateY(-2px);
}

.google-score-box {
    border       : 2px solid #8CB83F;
    background   : #F5F5F5;
    text-align   : center;
    border-radius: 30px;
    padding      : 12px 30px;
}

.score-panel-demo__result {
    opacity   : 0;
    transform : translateY(18px);
    transition: opacity .6s ease, transform .6s ease;
}

.score-panel-demo__result.is-visible {
    opacity  : 1;
    transform: translateY(0);
}

.score-panel-demo__connector {
    position: absolute;
    left    : var(--connector-x);
    top     : var(--connector-y);

    width : var(--connector-length);
    height: 2px;

    background: #d7d7d7;

    transform-origin: 0 50%;
    transform       : rotate(var(--connector-angle));

    opacity   : 0;
    transition: opacity .35s ease;
}

.score-panel-demo__input-col,
.score-panel-demo__lists,
.score-panel-demo__result {
    z-index: 1;
}

.score-panel-demo.is-keyword-active .score-panel-demo__connector--input-keyword,
.score-panel-demo.is-city-active .score-panel-demo__connector--keyword-city {
    opacity  : 1;
    transform: rotate(var(--connector-angle, 0deg)) scaleX(1);
}

.score-panel-demo__lists {
    display        : flex;
    justify-content: center;
    gap            : 30px;
    margin-bottom  : 20px;
}

/* html site */
#meta .scroll-box {
    position: relative;
    overflow: hidden;
    height  : 100%;
}

#meta .scroll-box__content {
    max-height: 680px;
    height    : 100%;
    overflow-y: auto;
}

#meta .scroll-box::after {
    content : "";
    position: absolute;
    left    : 0;
    right   : 0;
    bottom  : 0;
    height  : 80px;
    background: linear-gradient(to bottom,
            rgba(245, 245, 245, 0),
            rgba(245, 245, 245, 1));
    pointer-events: none;
    transition    : opacity .25s ease;
}

#meta .scroll-box.hide-gradient::after {
    opacity: 0;
}

.balises-box {
    background   : #FFF;
    padding      : 8px 16px;
    border-radius: 12px;
}

/* Section forfaits */




/* Animation 2 images */
.imgs-container {
    display    : flex;
    align-items: center;
    height     : 100%;
    width      : 100%;
    height     : 700px;
    width      : 100%;
}

.imgs-container .img {
    height       : auto;
    border-radius: 20px;
    transition   : all 0.6s cubic-bezier(0.25, 0, 0.2, 1);
    position     : relative;
    object-fit   : cover;
}

.imgs-container .img-1 {
    width       : 40%;
    height      : 75%;
    margin-right: -5%;
    filter      : blur(2px);
    z-index     : 1;
}

.imgs-container .img-2 {
    width      : 65%;
    height     : 100%;
    z-index    : 2;
    margin-left: 0;
}

.imgs-container .img-1:hover {
    width       : 65% !important;
    height      : 100% !important;
    z-index     : 2 !important;
    margin-right: 0 !important;
    filter      : blur(0) !important;
}

.imgs-container .img-1:hover+.img-2 {
    width      : 40% !important;
    height     : 75% !important;
    margin-left: -5% !important;
    filter     : blur(2px) !important;
    z-index    : 1 !important;
}

.imgs-container .img-2:hover {
    width      : 65% !important;
    height     : 100% !important;
    z-index    : 2 !important;
    margin-left: 0 !important;
    filter     : blur(0) !important;
}

.imgs-container .img-2:hover~.img-1,
.imgs-container .img-2:hover+.img-1 {
    width       : 40% !important;
    height      : 75% !important;
    margin-right: -5% !important;
    filter      : blur(2px) !important;
    z-index     : 1 !important;
}

/* Accordions */
.accordion-custom .acd-group {
    background-color: #fff;
    border-radius   : 20px;
    padding         : 0 24px;
    margin-bottom   : 12px;
}

.accordion-custom .acd-heading {
    padding       : 24px 50px 24px 0;
    font-family   : Poppins, sans-serif;
    text-transform: none;
    font-size     : 1rem;
    font-weight   : 500;
}

.accordion-custom .acd-des {
    padding-bottom: 24px;
}

.accordion-custom .acd-group.acd-active .acd-heading,
.accordion-custom .acd-group .acd-heading:hover {
    color: #353535;
}

.accordion-custom .acd-group .acd-heading::before {
    top      : 50%;
    transform: translateY(-50%);
}

.aio-table-item {
    padding      : 0 24px;
    height       : 72px;
    margin-bottom: 0;
    display      : flex;
    align-items  : center;
}

.bg-light .aio-table-item:not(:last-of-type) {
    border-bottom: 1px solid #E9E9E9 !important;
}





.landing-fixed-nav {
    overflow        : hidden;
    position        : fixed;
    left            : 50%;
    bottom          : 80px;
    transform       : translateX(-50%);
    z-index         : 9999;
    display         : flex;
    border-radius   : 200px;
    background-color: #fff;
    box-shadow      : 0 16px 40px rgba(0, 0, 0, 0.16);
}

.landing-fixed-nav__link {
    flex            : 0 0 auto;
    display         : flex;
    flex-direction  : column;
    align-items     : center;
    justify-content : center;
    gap             : 6px;
    padding         : 8px 16px;
    background-color: #fff;
    color           : #616161;
    font-size       : 1rem;
    font-weight     : 500;
    line-height     : 1;
    white-space     : nowrap;
    transition      : background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.landing-fixed-nav__link:first-of-type {
    padding-left: 30px;
}

.landing-fixed-nav__link:last-of-type {
    padding-right: 30px;
}

.landing-fixed-nav__link:hover,
.landing-fixed-nav__link:focus {
    background-color: #F5F5F5;
    color           : #89B64E;
    transform       : translateY(-1px);
    text-decoration : none;
}

.landing-fixed-nav::-webkit-scrollbar {
    display: none;
}

@media screen and (max-width: 1200px) {
    .tab-nav-arrows {
        display: none;
    }
}

@media screen and (max-width: 1100px) {

    .w1 {
        left: 58%;
        top : 95%;
    }

    .w2 {
        left: 42%;
        top : 2%;
    }

    .w3 {
        left: 85%;
        top : 82%;
    }

    .w4 {
        left: 10%;
        top : 80%;
    }

    .w5 {
        left: 15%;
        top : 17%;
    }

    .w6 {
        left: 60%;
        top : 70%;
    }

    .w7 {
        left: 85%;
        top : 24%;
    }

    .w8 {
        left: 75%;
        top : 10%;
    }

    .w9 {
        left: 25%;
        top : 68%;
    }

    .w10 {
        left: 30%;
        top : 28%;
    }

    .w11 {
        left: 67%;
        top : 38%;
    }

    .services-cloud {
        height: 350px;
    }

    .services-cloud .cloud-word.main {
        font-size: 3.25rem;
    }

    .badge-position {
        max-width: 100%;
        position : absolute;
        bottom   : 5%;
        left     : 0;
    }

    .badge-position+.col-lg-8 {
        max-width: 100%;
        flex     : auto;
    }

    .imgs-container {
        height: 500px;
    }
}

@media screen and (max-width: 991px) {

    ul.list-bad li:after,
    ul.list-good li:after {
        background: #fff;
    }

    .sm-bg-gray {
        background-color: #f5f5f5 !important;
        padding         : 16px !important;
    }

    .ai-search .message-box {
        background-color: #f5f5f5;
    }

    .balises-box {
        background-color: #f5f5f5;
    }

    #meta .scroll-box,
    #meta .scroll-box__content {
        max-height: 350px;
    }

    #meta .scroll-box::after {
        background: linear-gradient(to bottom,
                rgba(255, 255, 255, 0),
                rgba(255, 255, 255, 1));
    }
}

@media screen and (max-width: 767px) {

    .score-panel-demo__keyword-list li,
    .score-panel-demo__city-list li {
        display: none;
    }

    .score-panel-demo__keyword-list li:nth-child(4),
    .score-panel-demo__keyword-list li:nth-child(5) {
        display: inline-block;
    }

    .score-panel-demo__city-list li:nth-child(3),
    .score-panel-demo__city-list li:nth-child(4) {
        display: inline-block;
    }

    .landing-fixed-nav {
        display: none;
    }
}

@media screen and (max-width: 525px) {
    .w1 {
        left: 58%;
        top : 88%;
    }

    .w2 {
        left: 42%;
        top : 2%;
    }

    .w3 {
        left: 84%;
        top : 74%;
    }

    .w4 {
        left: 10%;
        top : 74%;
    }

    .w5 {
        left: 15%;
        top : 17%;
    }

    .w6 {
        left: 79%;
        top : 65%;
    }

    .w7 {
        left: 95%;
        top : 24%;
    }

    .w8 {
        left: 75%;
        top : 10%;
    }

    .w9 {
        left: 25%;
        top : 63%;
    }

    .w10 {
        left: 30%;
        top : 28%;
    }

    .w11 {
        left: 67%;
        top : 38%;
    }

    .services-cloud .cloud-word.main {
        font-size: 1.875rem;
    }

    .services-cloud .cloud-word:not(.main) {
        font-size: 0.875rem;
    }

    

    

    .badge-position {
        bottom: 20%;
    }

    .keywords-score {
        align-items: center;
    }

    .score-panel-demo__connector {
        transform-origin: center;
        transition      : opacity .35s ease;
    }

    .score-panel-demo__lists {
        flex-direction: column;
        align-items   : center;
        margin-bottom : 0;
        gap           : 20px;
    }

    #meta .scroll-box,
    #meta .scroll-box__content {
        max-height: 275px;
    }

    .imgs-container {
        height: 400px;
    }
}

/* ================== Fin Landing Page =================== */

/* ================== Général =================== */
.overflow-visible {
    overflow: visible !important;
}

.gap-10 {
    gap: 10px !important;
}







.opacity-50 {
    opacity: 0.50 !important;
}

.bg-seo {
    background-color: #A6A6A6 !important;
}

.bg-aio {
    background-color: #DAB389 !important;
}

.bg-light-seo {
    background-color: rgba(166, 166, 166, 0.20) !important;
}

.bg-light-aio {
    background-color: rgba(218, 179, 137, 0.20) !important;
}

.bg-light-green {
    background-color: rgba(140, 184, 63, 0.15) !important;
}

.bg-light-red {
    background-color: rgba(235, 51, 15, 0.15) !important;
}

.text-red {
    color: #EB330F !important;
}

.text-dark-gray {
    color: #353535 !important;
}

.font-base {
    text-transform: none;
}

.fs-16 {
    font-size: 1rem !important;
}

.fs-18 {
    font-size: 1.125rem !important;
}

.fs-20 {
    font-size: 1.25rem !important;
}

.fs-24 {
    font-size: 1.5rem !important;
}

.fs-32 {
    font-size: 2rem !important;
}

.fs-42 {
    font-size: 2.625rem !important;
}

.link-underline {
    text-decoration: underline;
    color          : #626262 !important;
}

.box-shadow {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.02);
}

.table-row-resp {
    min-width: 1516px;
}

.table-row-resp-sm {
    width: 1420px;
}

ul.list-check li {
    margin      : 12px 0;
    padding-left: 40px;
    line-height : normal;
    margin      : 12px 0;
    padding-left: 28px;
    line-height : normal;
}

ul.list-check li:first-of-type {
    margin-top: 0;
}

ul.list-check li:last-of-type {
    margin-bottom: 0;
}

ul.list-check li i {
    font-size: 24px;
    color    : #8CB83F;
    top      : 12px;
    font-size: 1.125rem;
    color    : #8CB83F;
    top      : 12px;
    transform: translateY(-50%);
}

/* Buttons */








.btn-white {
    display         : inline-block;
    padding         : 16px 28px;
    border-radius   : 55px;
    font-size       : 1.125rem;
    line-height     : 80%;
    cursor          : pointer;
}



.btn-white {
    background-color: #fff;
    border          : 2px solid #fff !important;
    color           : #424242 !important;
}

.btn-white:hover {
    background-color: #89b64e;
    border          : 2px solid #89b64e !important;
    color           : #fff !important;
}

.input-custom {
    position: relative;
    display : inline-block;
}

.input-custom input {
    outline      : none;
    width        : 100%;
    max-width    : 200px;
    padding      : 14px 32px 14px 20px;
    border-radius: 100px;
    cursor       : pointer;
    font-size    : 1rem;
    color        : #626262;
}

.input-custom.gray input,
.select-custom.gray select {
    border          : 1px solid #F5F5F5;
    background-color: #F5F5F5;
}

.input-custom.white input,
.select-custom.white select {
    border          : 1px solid #fff;
    background-color: #fff;
}

.input-custom.number .currency {
    content  : "$";
    position : absolute;
    right    : 20px;
    top      : 50%;
    transform: translateY(-50%);
    color    : #626262;
}

/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin            : 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* Select */
.select-custom {
    position: relative;
}

.select-custom select {
    appearance        : none;
    -webkit-appearance: none;
    -moz-appearance   : none;
    outline           : none;
    width             : 100%;
    padding           : 14px 70px 14px 20px;
    border-radius     : 100px;
    cursor            : pointer;
    font-size         : 1rem;
    color             : #626262;
}

.select-custom-sm select {
    padding: 14px 50px 14px 20px !important;
}

.select-custom.gray::after {
    background-color: #fff;
}

.select-custom.white::after {
    background-color: #F5F5F5;
}

.select-custom::after {
    content        : "\f107";
    font-family    : "FontAwesome", sans-serif;
    line-height    : 30px;
    position       : absolute;
    right          : 20px;
    top            : 50%;
    width          : 30px;
    height         : 30px;
    border-radius  : 50%;
    transform      : translateY(-50%);
    display        : flex;
    justify-content: center;
    pointer-events : none;
    font-size      : 1rem;
    color          : #8CB83F;
}

.select-custom select:focus {
    border    : 1px solid #84ba3f;
    transition: all 0.2s ease-in-out;
}

.select-option {
    width           : 100%;
    padding         : 16px 20px;
    border-radius   : 100px;
    font-size       : 1rem;
    color           : #626262;
    border          : 1px solid #84ba3f;
    background-color: #fff;
    display         : flex;
    align-items     : center;
    line-height     : 1;
}



@media only screen and (max-width: 1180px) {
    #main {
        margin-left: 0 !important
    }

    

    
}

@media screen and (max-width: 1180px) {
    

    

    .sidebar-offcanvas {
        position: absolute;
        top     : 0
    }

    .menutitle {
        font-size  : 12px;
        font-weight: 700;
        margin-top : -10px;
        margin-left: 8px
    }

    .menulogo {
        top              : 27px;
        left             : 50%;
        -moz-transform   : rotate(90deg) translatez(0);
        -ms-transform    : rotate(90deg) translatez(0);
        -webkit-transform: rotate(90deg) translatez(0);
        transform        : rotate(90deg) translatez(0);
        margin-left      : -20px
    }

    .menubtn {
        font-size  : 30px;
        margin-left: 10px;
        margin-top : 7px
    }

    #sidebar-fix {
        float     : none;
        max-width: 1674px;
        height    : 50px;
        text-align: left
    }

    #main {
        margin-left: 0;
        margin-top : 0
    }
}

.barfooterfixe {
    position        : fixed;
    bottom          : 0;
    width           : 100%;
    background-color: #6e9132;
    z-index         : 9990;
    padding-top     : 5px;
    padding-bottom  : 5px;
    padding-left    : 50px
}

.barfooterfixe .btn {
    padding       : 8px 16px;
    font-family   : Poppins, sans-serif !important;
    text-transform: none;
    /* font-size  : 1rem; */
}





.siq_bR {
    bottom: 60px !important
}







 @media screen and (max-width: 780px) {

    

    

    

    .mobile-hide {
        display: none
    }

    .barfooterfixe {
        padding-left: 0;
    }

    

    .siq_bR {
        bottom: 50px !important
    }

    

    
}

.secteur-btn {
    background-color: #8cb83f;
    text-align      : center;
    padding         : 2px;
    margin          : 5px;
    font-family     : Oswald, sans-serif !important;
    color           : #fff !important;
}

.greentext {
    color: #8cb83f !important;
}

.secteur-btn a {
    color: #fff !important
}



.accueil-contact {
    background-image   : url(../images/contactbgnow.jpg);
    background-position: center;
    background-size    : cover;
}



.titregris {
    font-weight  : 500;
    line-height  : 1.1;
    color        : inherit;
    font-size    : 30px;
    font-family  : Oswald, sans-serif !important;
    margin-top   : 20px;
    margin-bottom: 10px;
}





.greenbold {
    color      : #8cb83f;
    font-weight: 700
}







.soumissionbox {
    position  : fixed;
    width     : 100%;
    height    : 100%;
    top       : 0;
    z-index   : 99999;
    left      : 0;
    background: rgb(131, 171, 58) url("../images/soumission/bg.webp") center center;
    overflow-y: hidden;
    overflow-x: hidden;
}



#num {
    width  : 100%;
    display: block
}

.soumissionbox-porte {
    visibility        : hidden;
    opacity           : 0;
    width             : 0;
    left              : 50%;
    -webkit-transform : translateX(-50%);
    transform         : translateX(-50%);
    -webkit-transition: width .5s .3s, visibility 0s .8s;
    transition        : width .5s .3s, visibility 0s .8s;
}

.ouvert {
    visibility        : visible;
    opacity           : 100%;
    width             : 100%;
    -webkit-transition: width .5s;
    transition        : width .5s;
}

.soumission-main {
    width             : 100%;
    height            : 100%;
    max-height        : 900px;
    max-width         : 1300px;
    position          : fixed;
    top               : 50%;
    left              : 50%;
    transform         : translate(-50%, -50%);
    opacity           : 0;
    transition        : opacity 1s;
    -webkit-transition: opacity 1s;
    font-size         : 18px;
    color             : #fff;
    text-transform    : uppercase;
    font-family       : Oswald, sans-serif;
    padding-top       : 200px;

}

.soumission-main a {
    color: #fff !important;
}





















.slider {
    -webkit-appearance: none;
    width             : 100%;
    height            : 25px;
    background        : #dfdddd;
    outline           : none;
    opacity           : 0.6;
    -webkit-transition: .2s;
    transition        : opacity .2s;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance        : none;
    border-radius     : 10%;
    width             : 25px;
    height            : 25px;
    /* background     : #4CAF50; */
    /* background     : rgb(92, 216, 9); */
    background        : rgb(3, 161, 16);
    cursor            : pointer;
}

.slider::-moz-range-thumb {
    width        : 25px;
    height       : 25px;
    /* background: #4CAF50; */
    background   : rgb(92, 216, 9);
    cursor       : pointer;
}

textarea {
    color : #ffffff;
    resize: none;
}

input[type=text] {
    color: #ffffff;
}



/* .choicestable, td {  |border: 1px solid #fff;| font-size:1.1em;  padding: 12px 18px;} */
td {
    border : 1px solid #fff;
    padding: 12px 18px;
}



/* .choicestable tr:nth-child(1) { font-size:1.6em;} */


.options label span,
.option label span {
    display         : inline-block;
    max-width       : 100%;
    margin-bottom   : 5px;
    padding         : 5px 10px 5px 10px;
    border          : white 1px solid;
    background-color: rgb(112, 148, 45);
    font-weight     : 400;
    text-align      : center;
    color           : #fff;
}

.options input[type="checkbox"]:checked~span,
.option input[type="radio"]:checked~span {
    color     : #fff;
    background: rgba(0, 0, 0, 0.45);
}

.options span:hover,
.option span:hover {
    color     : rgba(0, 0, 0, .8);
    background: rgba(255, 255, 255, 0.8)
}

.tooltip {
    font-family: Oswald, sans-serif !important;

}

.tooltip-inner {
    background-color: #6e9132
}

input[type=checkbox],
input[type=radio] {
    display: none;
}



#carouselExampleControl span {
    font-size: 15px;
}

.market {
    margin       : 0;
    width        : 100%;
    height       : 250px;
    overflow     : hidden;
    border       : #60f96a solid 1px;
    border-radius: 20px;
    box-shadow   : 0 0 10px black;
}



.market .links {
    position  : absolute;
    top       : 10%;
    right     : 10%;
    left      : 10%;
    bottom    : 0;
    width     : 80%;
    height    : 100%;
    text-align: center;
    visibility: hidden;
    z-index   : 2;
}

.market .links p {
    transform: translateY(50px);
    opacity  : 0;
}

.market .links a {
    transform      : translateY(50px);
    font-size      : 10px;
    padding        : 3px;
    border         : white solid 1px;
    border-radius  : 20px;
    text-decoration: none;
    opacity        : 0;
}

.market:hover .links {
    visibility: visible;
}



.market:hover .links p,
.market:hover .links a {
    transform : translateY(0);
    transition: 0.5s;
    opacity   : 1;
}



#fermesoumissionboite {
    display      : inline-block;
    border       : 1px solid #fff;
    color        : black;
    width        : 22px;
    height       : 22px;
    border-radius: 22px;
    text-align   : center;
    font-size    : 12px;
    position     : absolute;
    top          : 52px;
    right        : 33px;
    cursor       : pointer;
    z-index      : 22;
}

.ouvert .soumission-main {
    opacity: 1
}

.fa-angle-right {
    margin-top: 35%
}

.overlay ul li a,a {
    text-decoration: none
}

.breadcrumb,.overlay ul {
    list-style: none
}

body,html {
    -webkit-font-smoothing: antialiased
}

.clearfix:after,.first,.menulogo {
    clear: both
}



.plan ul {
    list-style-type: none
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    text-align                 : center;

}





.footer-social span,
.social a,
a {
    -moz-transition: all .3s ease-in-out
}

.overlay ul li a {
    text-transform: uppercase
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing        : border-box
}

.clearfix:after,
.clearfix:before {
    content: '';
    display: table
}

body {
    background-color: #fff;
    font-weight     : 400
}













a {
    outline           : 0;
    -o-transition     : all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition        : all .3s ease-in-out
}

.footer-social span,.social a {
    -webkit-transition: all .3s ease-in-out;
    -o-transition     : all .3s ease-in-out
}

a:focus,
a:hover {
    color  : #8cb83f;
    outline: 0
}





.last {
    margin-right: 0
}

.alignleft {
    float  : left;
    display: table-cell;
    margin : 0 10px 10px 0
}

























.icon-absolute span {
    width                : 28px;
    height               : 28px;
    margin               : 0 10px 0 0;
    background-color     : #f7f7f7;
    text-align           : center;
    font-size            : 14px;
    display              : inline-block;
    line-height          : 28px;
    -webkit-transform    : rotate(45deg);
    -moz-transform       : rotate(45deg);
    -o-transform         : rotate(45deg);
    -ms-transform        : rotate(45deg);
    transform            : rotate(45deg);
    -webkit-border-radius: 5px;
    -moz-border-radius   : 5px;
    border-radius        : 5px;
    -webkit-box-shadow   : 1px 1px 2px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow      : 1px 1px 2px 0 rgba(0, 0, 0, .1);
    box-shadow           : 1px 1px 2px 0 rgba(0, 0, 0, .1);
}

.box .icon-container,
.footer-social span,
.social a {
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow   : 1px 1px 2px 0 rgba(0, 0, 0, .1);
}

.footer-social span i,.icon-absolute span i,.icon-container i,.social a i {
    -webkit-transform: rotate(-45deg);
    -moz-transform   : rotate(-45deg);
    -o-transform     : rotate(-45deg);
    -ms-transform    : rotate(-45deg);
    transform        : rotate(-45deg);
}

.footer-social span,
.social a {
    width                : 28px;
    height               : 28px;
    margin               : 0 0 0 15px;
    background-color     : #f7f7f7;
    text-align           : center;
    font-size            : 14px;
    display              : inline-block;
    line-height          : 28px;
    -webkit-transform    : rotate(45deg);
    -moz-transform       : rotate(45deg);
    -o-transform         : rotate(45deg);
    -ms-transform        : rotate(45deg);
    transform            : rotate(45deg);
    -webkit-border-radius: 5px;
    -moz-border-radius   : 5px;
    border-radius        : 5px;
    box-shadow           : 1px 1px 2px 0 rgba(0, 0, 0, .1);
    transition           : all .3s ease-in-out;
}

.social a i {
    color: #bababa;
}

.social a:hover i {
    color: #fff;
}





















.navbar,
.navbar-nav {
    margin: 0
}









.navbar-nav>li>a {
    color      : #999 !important;
    font-size  : 15px;
    font-weight: 400;
    line-height: 60px;
    padding    : 30px 15px
}



.header {
    z-index: 2
}

























.header .form-control {
    border-radius: 0;
    border       : 1px solid #fff;
    box-shadow   : none;
    font-size    : 13px
}























.nopadbot {
    padding-bottom: 0 !important;
}











.navbar {
    border       : 0;
    border-radius: 0 !important;
    margin-bottom: 0;
    border-right : 1px solid #f7f7f7;
}



































.parallax .stat-count {
    color: #222 !important;
}































.overlay {
    position        : fixed;
    width           : 100%;
    height          : 100%;
    top             : 0;
    z-index         : 99999;
    left            : 0;
    background-color: rgba(0, 0, 0, .9);
}



.overlay nav {
    text-align       : center;
    position         : relative;
    top              : 50%;
    -webkit-transform: translateY(-50%);
    transform        : translateY(-50%);
}

.overlay ul {
    padding : 0;
    margin  : 0 auto;
    display : inline-block;
    height  : 100%;
    position: relative;
}

.overlay ul li {
    display                    : block;
    padding                    : 5px;
    letter-spacing             : 15px;
    margin                     : 11% 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility        : hidden;
}

.overlay ul li a {
    font-size         : 30px;
    font-weight       : 700;
    display           : block;
    line-height       : 38px;
    color             : #fff !important;
    -webkit-transition: color .2s;
    transition        : color .2s;
}

.intro h2 span {
    text-decoration: underline
}







#sidebar-fix {
    position        : fixed;
    top             : 0;
    background-color: rgba(255, 255, 255, 0.8);
}











.navbar-mobile-display {
    display: none;
}

.greenpart {
    background-color: #8cb83f;
    min-width       : 50px;
    max-width       : 50px;
    height          : 100%;
    position        : fixed;
    z-index         : -1;
}

@media screen and (max-width: 1179px) {
    .greenpart {
        max-height: 0;
        max-width : 0;
        display   : none;
    }

    .navbar-mobile-display {
        display: block;
    }

    #sidebar-fix {
        display: none;
    }
}



.menubtntop {
    width     : 50px;
    text-align: center;
}

#sidebar-fix {
    min-width                 : 50px;
    max-width                 : 50px;
    float                     : left;
    bottom                    : 0;
    left                      : 0;
    z-index                   : 9991;
    border-right              : 0 solid #7aa333;
    height                    : 100%;
    -webkit-overflow-scrolling: touch;
    text-align                : left;
    -webkit-transition        : width .25s linear, max-width .25s linear;
    transition                : width .25s linear, max-width .25s linear;
    overflow                  : hidden;
}

nav>ul>li {
    font-family   : Oswald, sans-serif;
    padding       : 5px;
    text-transform: uppercase;
    color         : #fff;
    margin-bottom : 6px
}

nav>ul>li>a {
    padding    : 5px 5px 5px 15px;
    border-left: 4px solid #8cb83f;
    color      : #fff !important;
    font-size  : 15px;
}

nav>ul>li:nth-child(odd)>a {
    background-color: #8cb83f !important;
}

nav>ul>li:nth-child(even)>a {
    background-color: #6e9132 !important;
}

#sidebar-fix:hover {
    min-width         : 170px;
    max-width         : 340px;
    -webkit-transition: min-width .2s linear, max-width .2s linear
        /* Safari */
    ;
    transition: min-width .25s linear, max-width .25s linear;
    overflow  : visible;
}

.servicesmenu,
.aboutmenu {
    max-height        : 420px;
    width             : 0;
    -webkit-transition: max-height 0.15s, width linear 0.15s;
    -moz-transition   : max-height 0.15s, width linear 0.15s;
    -ms-transition    : max-height 0.15s, width linear 0.15s;
    -o-transition     : max-height 0.15s, width linear 0.15s;
    transition        : max-height 0.15s, width linear 0.15s;
    list-style-type   : none;
    padding-left      : 0 !important;
    position          : absolute;
    left              : 160px;

    margin-top : -32px;
    white-space: nowrap;

    overflow     : hidden;
    text-overflow: clip;
}

.servicesmenutrigger:hover>.servicesmenu,
.aboutmenutrigger:hover>.aboutmenu {
    width: 330px;
}

.menuimage {
    height       : 20px;
    width        : auto;
    padding-right: 15px
}

.servicesmenu>li,
.aboutmenu>li {
    font-family     : Oswald, sans-serif;
    padding         : 5px;
    text-transform  : uppercase;
    color           : #fff !important;
    background-color: #8cb83f !important;
}

.aboutmenu>li {
    background-color: #6e9132 !important;
}

.servicesmenu>li:nth-child(1) {
    background-color: #3174f1;
}

.servicesmenu>li:nth-child(2) {
    background-color: #e63125;
}

.servicesmenu>li:nth-child(3) {
    background-color: #fbb002;
}

.servicesmenu>li:nth-child(4) {
    background-color: #3174f1;
}

.servicesmenu>li:nth-child(5) {
    background-color: #249a41;
}

.servicesmenu>li:nth-child(6) {
    background-color: #e63125;
}

.servicesmenu>li:nth-child(7) {
    background-color: #fbb002;
}

.servicesmenu>li>a,
.aboutmenu>li>a {
    padding: 5px;
    color  : #fff !important;
}

.servicesmenu>li:hover,
.aboutmenu>li:hover {

    border-left     : solid 4px #3e3e3e;
    font-size       : 19px;
    background-color: #6e9132 !important;
}

.aboutmenu>li:hover {
    background-color: #8cb83f !important;
}

#sidebar-fix hr {
    border    : 0;
    margin-top: 60px
}

#main,
footer {
    height     : 100%;
    overflow   : auto;
    margin-left: 50px
}

@media screen and (max-width: 1180px) {

    #main,
    footer#footer {
        margin-left: 0;
    }
}



























#vertical .navbar-nav>li>a {
    padding    : 10px 25px;
    line-height: 40px;
}

#vertical .nav,#vertical .navbar {
    border      : 0 !important;
    padding-left: 0 !important;
    margin-left : 0 !important;
}









.header {
    width      : auto;
}



.header {
    height     : auto;
    margin     : 0 auto;
    padding-top: 0;
}

.oswald {
    font-family: 'Oswald', sans-serif !important;
}

.dark {
    color: #3e3e3e;
}

.inner {
    width    : 100%;
    height   : auto;
    max-width: 1170px;
    margin   : 0 auto;
    padding  : 100px 0;
}

















.townlist {
    color         : #7C7C7C !important;
    padding       : 10px 28px;
    text-transform: capitalize;
}





.logiciels1 {
    color : #9f0000;
    margin: 0 auto;
}













.logiciels1 {
    width           : 100%;
    background-color: #9f0000;
    height          : 5px
}





































































.headerdeux,
.linenormaltitle {
    line-height: 1.1
}











.bureauxphotos {
    padding         : 0 !important;
    background-color: transparent
}

























#logiciels1 {
    background-image   : url(../images/services/applicationbureau.jpg);
    background-position: center center;
    background-repeat  : no-repeat;
    height             : 483px
}

.menulogo {
    position   : absolute;
    left       : 0;
    top        : 50%;
    bottom     : 50%;
    margin-top : -94px;
    margin-left: 5px;
    width      : 40px;
    color      : #000;
    z-index    : 9999
}





.paddingtop20 {
    padding-top: 20px
}



.paddingtop10 {
    padding-top: 10px
}



.paddingtop90 {
    padding-top: 90px
}



.nopaddingsection {
    padding: 0 !important
}







.vert {
    color           : #fff !important;
    background-color: #8cb83f !important;
    border-color    : #8cb83f !important
}

.vert:hover {
    color           : #fff !important;
    background-color: #626262 !important;
    border-color    : #626262 !important
}





















.accueilheaderdeux {
    display    : inline !important;
    color      : var(--gray);
    font-size  : 30px;
    font-family: Oswald, sans-serif !important
}

.accueilheaderdeux::before {
    content: ", ";
}

.accueilheaderun {
    text-align : center;
    margin     : 0 auto;
    display    : inline !important;

}



.menubtn {
    font-size : 30px;
    margin-top: 10px
}

.menutitle {
    font-size: 12px;

    margin-top: -6px;

}

.white {
    color: #ffffff !important;
}



.vertgras {
    color      : #8cb83f !important;
    font-weight: bold
}



/*

Template: Webster - Responsive Multi-purpose HTML5 Template
Author: potenzaglobalsolutions.com
Version: 4.0
Design and Developed by: potenzaglobalsolutions.com

NOTE: This is main stylesheet of template, This file contains the styling for the actual Template.

*/

/*================================================
[  Table of contents  ]
================================================
 :: Header
     - topbar
     - search
     - Cart
     - FullWidth
     - Light
     - Dark
     - Left-menu
     - Logo-center
     - Fancy
     - fancy without-topbar
     - Side menu icon
     - Vertical header
    - One page  Header
 :: Slider (all home page main sliders )
 ::   - Slider-parallax one page
 ::   - Mobile slider
 :: Background
 :: Home page section
 :: Decolines
 :: Awesome features
 :: Feature Step
 :: About Us
 :: Resume
 :: Portfolio
 ::  - Portfolio  item
 ::  - Portfolio-item-2
 ::  - Portfolio single page
 :: Our Blog
 :: Our services
 :: Creativity
 :: Our History
 :: Our Service Objects
 :: Sidebar
 :: About me
 :: Team page
 :: Error 404
 :: Coming soon
 :: Register
 :: Login
 :: maintenance
 :: Our clients
 :: Process
 :: Careers
 :: Sitemap
 :: Privacy-policy
 :: Page sidebar
 :: Terms and conditions
 :: Footer
 :: Boxed

 v1.2
 :: index portfolio 4
 :: index portfolio 04 about
 :: index portfolio single

======================================
[ End table content ]
======================================*/

/*************************
      Header
*************************/
.default {
    background: transparent;
    z-index   : 9999;
    position  : absolute;
    width     : 100%;
}

/*topbar*/
























/*menu*/
.menu-bar {
    float: right;
}

.mega-menu .menu-links {
    float: left;
}















/*search*/




















/*cart*/












































/*mega-menu */
.mega-menu .menu-logo {
    padding: 25px 0 25px;
}

.mega-menu .menu-logo img {
    height: 40px;
}



.mega-menu>section.menu-list-items {
    padding: 0;
}

.mega-menu .menu-links>li>a {
    text-transform: uppercase;
    font-size     : 14px;
    font-weight   : 500;
    line-height   : 20px;
}

.mega-menu .menu-links>li.active .drop-down-multilevel a {
    color: #555555;
}

.mega-menu .menu-links>li.active .drop-down-multilevel a:hover {
    color: #84ba3f;
}

.mega-menu .menu-links>li.active .drop-down a {
    color: #323232;
}

.mega-menu .menu-links>li.active .drop-down li.active a {
    color: #84ba3f;
}

.mega-menu .menu-links>li.active .drop-down a:hover {
    color: #84ba3f;
}

.mega-menu .menu-links>li.active .drop-down li.active a i {
    color: #84ba3f;
}

.mega-menu .menu-links>li.active .drop-down a i:hover {
    color: #84ba3f;
}

.mega-menu .menu-links>li.active .drop-down-multilevel li.active a {
    color     : #84ba3f;
    background: #f7f7f7;
}

.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a {
    color     : #323232;
    background: transparent;
}

.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover {
    color: #84ba3f;
}

.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a {
    color     : #84ba3f;
    background: #f7f7f7;
}

.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a {
    color     : #323232;
    background: transparent;
}

.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover {
    color: #84ba3f;
}

.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a {
    color     : #84ba3f;
    background: #f7f7f7;
}

.mega-menu .menu-links>li.active .drop-down-multilevel li.active i {
    color: #84ba3f;
}

.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i {
    color: #84ba3f;
}

.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a i {
    color: #323232;
}

.mega-menu .menu-links>li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i {
    color: #84ba3f;
}

.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover {
    color: #84ba3f;
}

.mega-menu .row {
    margin-left : 0;
    margin-right: 0;
}

.mega-menu .col-md-12 {
    padding-left : 0;
    padding-right: 0;
}

.mega-menu.desktopTopFixed .menu-logo {
    padding: 0;
}



.mega-menu.desktopTopFixed .menu-list-items .menu-logo>li>a img {
    height: 30px;
}

.mega-menu .badge {
    color: #ffffff;
}

.mega-menu .drop-down-multilevel li.activeTriggerMobile {
    background: #fafafa;
}

/*fullWidth*/
.header.fullWidth .container-fluid {
    padding: 0 60px;
}

/*light*/
























/*dark*/
.header.dark {
    background: #323232;
    position  : relative;
}

.header.transparent {
    background: rgba(0, 0, 0, 0.4);
    position  : absolute;
    width     : 100%;
    z-index   : 999;
}

/*left-menu*/






/*logo-center*/
.header.logo-center .mega-menu {
    min-height: 170px;
}

.header.logo-center .menu-logo {
    float     : none;
    display   : block;
    text-align: center;
}

.header.logo-center .mega-menu .menu-logo>li>a {
    float: none;
}

.header.logo-center .mega-menu .menu-logo>li {
    float      : none;
    line-height: 0;
}

.header.logo-center .mega-menu img {
    float : none;
    margin: 0 auto;
}

.header.logo-center .menu-bar {
    float: none;
}



.header.logo-center .mega-menu.desktopTopFixed .menu-logo {
    float  : left;
    display: inline-block;
}

.header.logo-center .mega-menu.desktopTopFixed .menu-logo>li>a {
    float: left;
}

.header.logo-center .mega-menu.desktopTopFixed img {
    float : left;
    margin: 0 auto;
}

.header.logo-center .mega-menu.desktopTopFixed .menu-bar {
    float     : right;
    border-top: 0 solid rgba(0, 0, 0, 0.1);
}



/*fancy */


















































/*fancy without-topbar*/












/*side-menu-icon*/






/*************************
    header text-dark
*************************/




















































































/*dark-dropdown*/




























































/*label*/


/*onepagenav*/
#onepagenav .mega-menu .menu-links>li>a {
    text-transform: capitalize;
}





/*************************
  topbar-dark
*************************/




/*************************
    one page
*************************/









.navbar {
    min-height: 80px;
}

.navbar-nav {
    float: right;
}











.navbar {
    min-height: inherit !important;
}







.navbar-nav>li>a {
    transition        : all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition     : all 0.5s ease-in-out;
    -ms-transition    : all 0.5s ease-in-out;
    -moz-transition   : all 0.5s ease-in-out;
}

/*vertical-header*/
.vertical-header .container-fluid {
    padding: 0 80px;
}



.vertical-header .navbar {
    overflow-y: scroll;
    overflow-x: hidden;
    height    : 100%;
}

.vertical-header {
    padding-left: 260px;
}





.mega-menu.vertical-left,
.mega-menu.vertical-right {
    float: none;
}















































/*dark-text*/








/*mega menu vertical*/






@media (min-width: 1179px) {
    .mega-menu {
        min-height: inherit;
    }

    

    .mega-menu>section.menu-list-items {
        float: none;
    }

    .mega-menu>section.menu-list-items>.container,
    .mega-menu>section.menu-list-items>.container>.row,
    .mega-menu>section.menu-list-items>.container>.row>div {
        height: 100%;
    }

    .mega-menu>section.menu-list-items .menu-bar {
        height: 100%;
    }

    .mega-menu>section.menu-list-items .menu-bar>ul {
        display: table !important;
        height : 100%;
    }

    .mega-menu>section.menu-list-items .menu-bar>ul>li {
        display       : table-cell;
        vertical-align: middle;
        float         : none;
    }

    .mega-menu .drop-down,
    .mega-menu .drop-down-tab-bar,
    .mega-menu .drop-down-multilevel {
        top: 100%;
    }

    

    

    

    

    

    

    

    

    .mega-menu>section.menu-list-items>.container-fluid,
    .mega-menu>section.menu-list-items>.container-fluid>.row,
    .mega-menu>section.menu-list-items>.container-fluid>.row>div {
        height: 100%;
    }

    .logo-center .mega-menu>section.menu-list-items .menu-bar>ul {
        height: auto;
    }

    .logo-center .mega-menu>section.menu-list-items .menu-bar>ul>li {
        display: inline-block;
    }

    

    .logo-center .mega-menu>section.menu-list-items .menu-bar {
        height: auto;
    }

    .logo-center .mega-menu .drop-down,
    .logo-center .mega-menu .drop-down-tab-bar,
    .logo-center .mega-menu .drop-down-multilevel {
        top: auto;
    }

    .logo-center .mega-menu .menu-links>li>a {
        line-height: 72px;
    }

    

    

    .logo-center .mega-menu.desktopTopFixed .menu-list-items .menu-links>li>a {
        line-height: 60px;
    }

    

    

    

    

    

    

    

    

    

    nav#menu.desktopTopFixed {
        min-height: 90px;
    }

}

/*************************************
   Slider (all home page main sliders )
 **************************************/






/*slider 01*/




















/*slider 02*/
























/*slider 03*/


/*slider 04*/






























/*slider 05*/




























/*slider 06*/












/*slider 07*/




























/*slider 10*/










































/*index-cafe*/






/*index-construction*/










/*index-consulting*/






























/*index-interior-design*/




























/*index-medical*/








/*index shop 02*/




























/*index gym*/


















/*mobile app*/










/*construction*/


/*spa*/


/*************************************
      slider-parallax one page
**************************************/




/*scroll-down*/




@-moz-keyframes fadebounce {
    0% {
        -moz-transform: translateY(0);
        transform     : translateY(0);
        opacity       : 1;
    }

    50% {
        -moz-transform: translateY(25px);
        transform     : translateY(25px);
        opacity       : 1;
    }

    100% {
        -moz-transform: translateY(0);
        transform     : translateY(0);
        opacity       : 1;
    }
}

@-webkit-keyframes fadebounce {
    0% {
        -webkit-transform: translateY(0);
        transform        : translateY(0);
        opacity          : 1;
    }

    50% {
        -webkit-transform: translateY(25px);
        transform        : translateY(25px);
        opacity          : 1;
    }

    100% {
        -webkit-transform: translateY(0);
        transform        : translateY(0);
        opacity          : 1;
    }
}

@-o-keyframes fadebounce {
    0% {
        -o-transform: translateY(0);
        transform   : translateY(0);
        opacity     : 1;
    }

    50% {
        -o-transform: translateY(25px);
        transform   : translateY(25px);
        opacity     : 1;
    }

    100% {
        -o-transform: translateY(0);
        transform   : translateY(0);
        opacity     : 1;
    }
}

@-ms-keyframes fadebounce {
    0% {
        -ms-transform: translateY(0);
        transform    : translateY(0);
        opacity      : 1;
    }

    50% {
        -ms-transform: translateY(25px);
        transform    : translateY(25px);
        opacity      : 1;
    }

    100% {
        -ms-transform: translateY(0);
        transform    : translateY(0);
        opacity      : 1;
    }
}

@keyframes fadebounce {
    0% {
        transform: translateY(0);
        opacity  : 1;
    }

    50% {
        transform: translateY(25px);
        opacity  : 1;
    }

    100% {
        transform: translateY(0);
        opacity  : 1;
    }
}

/*personal-typer-banner*/








/*typer-banner*/



/*popup-video-banner*/







/*video-background-banner*/
#video-background.bg-overlay-black-50:before {
    z-index: 0;
}







/* portfolio-banner*/









/*************************************
    			Background
 **************************************/
/*images background*/
.white-bg {
    background: #fff;
}

.gray-bg {
    background: #f7f7f7;
}





.black-bg {
    background: #323232;
}











.bg-overlay-black-50:before {
    background: rgba(0, 0, 0, 0.5);
    content   : "";
    height    : 100%;
    left      : 0;
    position  : absolute;
    top       : 0;
    width     : 100%;
    z-index   : 0;
}



.bg-overlay-black-70:before {
    background: rgba(0, 0, 0, 0.7);
    content   : "";
    height    : 100%;
    left      : 0;
    position  : absolute;
    top       : 0;
    width     : 100%;
    z-index   : 0;
}































.bg-overlay-black-50,.bg-overlay-black-70 {
    position: relative;
}

/*************************************
        home page section
 **************************************/




/*************************************
       decolines
 **************************************/






/*************************************
   feature step
 **************************************/



































/*split-section*/
.split-section {
    position: relative;
    z-index : 10;
}

.split-section .img-holder {
    position       : absolute;
    top            : 0;
    width          : 100%;
    height         : 100%;
    background-size: cover;
}

.split-section .img-side.img-right {
    right: 0;
}

.split-section .img-side.img-left {
    left: 0;
}

.split-section .img-side {
    right   : 0;
    padding : 0;
    position: absolute !important;
    top     : 0;
    height  : 100%;
    overflow: hidden;
    z-index : 100;
}



/*************************************
         about us
 **************************************/




/*************************************
         resume
 **************************************/


















/*************************************
         portfolio
 *************************************/
.isotope-filters {
    display   : table;
    margin    : 0 auto 50px;
    text-align: center;
}

.isotope-filters.text-left {
    display   : block;
    margin    : 30px 0;
    text-align: left;
}

.isotope,
.masonry {
    margin: 0 -15px 0 0;
}

.isotope .grid-item img {
    width: 100%;
}







.isotope.columns-4 .grid-item {
    width  : 25%;
    padding: 0 15px 15px 0;
}







.masonry .masonry-item img {
    width: 100%;
}





.masonry.columns-4 .masonry-item {
    width  : 25%;
    padding: 0 15px 15px 0;
}



.isotope.columns-4 .portfolio-item .portfolio-overlay h6 {
    display: none;
}



.masonry.columns-4 .portfolio-item .portfolio-overlay h6 {
    display: none;
}







/*************************************
         portfolio  item
 **************************************/




.portfolio-item {
    width   : 100%;
    position: relative;
    overflow: hidden;
    color   : #fff;
    border  : 0;
}

.portfolio-item img {
    width                      : 100%;
    -webkit-transition         : transform 0.35s;
    -o-transition              : transform 0.35s;
    -ms-transition             : transform 0.35s;
    -moz-transition            : transform 0.35s;
    transition                 : transform 0.35s;
    -webkit-backface-visibility: hidden;
    -o-backface-visibility     : hidden;
    -ms-backface-visibility    : hidden;
    -moz-backface-visibility   : hidden;
    backface-visibility        : hidden;
}

.portfolio-item .portfolio-overlay {
    width             : 100%;
    background        : #84ba3f;
    padding           : 10px 0 inherit 30px;
    position          : absolute;
    bottom            : -80px;
    display           : block;
    margin-top        : 0;
    float             : left;
    z-index           : 9;
    text-align        : left;
    left              : 0;
    transition        : all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition   : all 0.5s ease-in-out;
    -ms-transition    : all 0.5s ease-in-out;
    -o-transition     : all 0.5s ease-in-out;
    font-family       : Oswald, sans-serif !important;
}

.portfolio-item .portfolio-overlay h4,
.portfolio-item .portfolio-overlay .h4 {
    margin-bottom: 5px;
}

.portfolio-item .portfolio-overlay a:hover {
    color: #323232;
}

.portfolio-item .portfolio-overlay span {
    font-weight: 400;
    font-size  : 14px;
}

.portfolio-item .portfolio-overlay span a {
    color: #ffffff;
}

.portfolio-item .portfolio-overlay span a:hover {
    color: #323232;
}

.portfolio-item a.popup {
    position          : absolute;
    right             : 20px;
    top               : -20px;
    z-index           : 9;
    display           : inline-block;
    width             : 40px;
    height            : 40px;
    background        : #fff;
    color             : #626262;
    border-radius     : 50%;
    margin-right      : 10px;
    padding-left      : 0;
    text-align        : center;
    line-height       : 40px;
    opacity           : 0;
    transition        : all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition   : all 0.5s ease-in-out;
    -ms-transition    : all 0.5s ease-in-out;
    -o-transition     : all 0.5s ease-in-out;
}

.portfolio-item a.popup:hover {
    background: #84ba3f;
    color     : #ffffff;
}

.portfolio-item:hover img {
    -webkit-transform: scale(1.20);
    -moz-transform   : scale(1.20);
    -ms-transform    : scale(1.20);
    -o-transform     : scale(1.20);
    transform        : scale(1.20);
}

.portfolio-item:hover a.popup {
    opacity: 1;
    top    : 20px;
}

.portfolio-item:before {
    content           : '';
    display           : inline-block;
    width             : 100%;
    height            : 100%;
    position          : absolute;
    top               : 0;
    left              : 0;
    z-index           : 1;
    background-size   : 115%;
    -webkit-transition: all 0.7s cubic-bezier(.68, .11, .13, .98);
    -moz-transition   : all 0.7s cubic-bezier(.68, .11, .13, .98);
    transition        : all 0.7s cubic-bezier(.68, .11, .13, .98);
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
}

.owl-carousel .owl-item .portfolio-item img {
    width: 100%;
}





.portfolio-item:hover .portfolio-overlay {
    bottom: 0;
}

/* no-title */






/*portfolio pupup*/
.mfp-bottom-bar {
    display: none;
}







/*************************************
             portfolio-item-2
**************************************/


















































/*************************************
	    	   Portfolio single page
**************************************/
/*tags*/
.tags h5 {
    display      : inline-block;
    padding-right: 20px;
}

.tags ul {
    display: inline-block;
}

.tags li {
    display: inline-block;
}

.tags li a {
    background   : #f6f7f8;
    color        : #323232;
    border-radius: 3px;
    padding      : 8px 16px;
    line-height  : 40px;
    font-size    : 14px;
    margin-right : 2px;
}

.tags li a:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    background: #ffffff;
}

/*share*/






/*port-meta*/










/*port-navigation*/












/*port-post*/






/*port-post-info*/
















/*************************************
    		Our Blog
 **************************************/
/*Blog  1*/
.blog-box {
    padding : 30px;
    border  : 1px solid #ddd;
    position: relative;
    z-index : 1;
}

.blog-info {
    position: relative;
    z-index : 9;
}

.blog-info span {
    color       : #626262;
    font-size   : 14px;
    margin-right: 6px;
}





.blog-info p {
    padding  : 0 0 10px;
}







.blog-box .border {
    position          : absolute;
    background        : #84ba3f;
    height            : 0;
    bottom            : 0;
    left              : 0;
    z-index           : 0;
    width             : 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition   : all 0.3s ease-out 0s;
    -ms-transition    : all 0.3s ease-out 0s;
    -o-transition     : all 0.3s ease-out 0s;
    transition        : all 0.3s ease-out 0s;
}









.blog-box.blog-2 {
    padding   : 0;
    position  : relative;
    border    : none;
    transition: all 0.5s ease 0s;
    height    : 100%;
}

.blog-box.blog-2 .blog-info {
    background: #ffffff;
    padding   : 30px;
}

.blog-box.blog-2.gray-bg .blog-info {
    background: #f7f7f7;
}





.blog-box.blog-2 .button.icon-color {
    text-transform: capitalize;
    float         : right;
}

.blog-box.blog-2:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);
}

.blog-box.blog-2.gray-bg:hover {
    box-shadow: none;
}

.blog-box.blog-2.transparent .blog-info {
    background: transparent;
    padding   : 30px 0;
}

.blog-box.blog-2.transparent .blog-info span {
    color: #ffffff;
}

/***************************
         blog
***************************/


































/*blog-entry blockquote*/


























/*video vimeo and youtube*/
.js-video {
    height        : 0;
    padding-top   : 25px;
    padding-bottom: 54%;
    position      : relative;
    overflow      : hidden;
}

.js-video.widescreen {
    padding-bottom: 34.34%;
}

.js-video embed,
.js-video iframe,
.js-video object,
.js-video video {
    top     : 0;
    left    : 0;
    width   : 100%;
    height  : 100%;
    position: absolute;
    border  : none;
}









/*blog-entry-audio*/


/*blog pages*/
/*blog-grid-3-column*/




/*************************************
      our services
**************************************/










/*************************************
	    	creativity
**************************************/





#formmessage {
    display: none;
}





























































































/*************************************
    		Our History
**************************************/












































/*Our History */



















/*************************************
         sidebar
**************************************/
.sidebar-widget p {
    margin-bottom: 0;
}

/*.widget-search */








/*Recent Posts*/
.sidebar-widget .recent-post {
    border-bottom : 1px dashed rgba(0, 0, 0, 0.2);
    padding-bottom: 20px;
    margin-bottom : 20px;
}

.sidebar-widget .recent-post .recent-post-image {
    float       : left;
    margin-right: 15px;
}

.sidebar-widget .recent-post .recent-post-image img {
    width        : 50px;
    height       : 50px;
    border-radius: 50%;
}

.sidebar-widget .recent-post .recent-post-info {
    overflow: hidden;
}

.sidebar-widget .recent-post .recent-post-info a {
    display      : block;
    margin-bottom: 5px;
    color        : #323232;
}

.sidebar-widget .recent-post .recent-post-info a:hover {
    color: #84ba3f;
}

.sidebar-widget .recent-post .recent-post-info span {
    color     : #84ba3f;
    font-style: italic;
    font-size : 14px;
}

.sidebar-widget .recent-post .recent-post-info span i {
    padding-right: 10px;
}

.sidebar-widget .recent-post:last-child {
    border-bottom : 0;
    margin-bottom : 0;
    padding-bottom: 0;
}

/*widget-archives*/










/*widget-link*/








/*tags*/


/*widget-testimonial*/

/*widget-gallery*/


/*widget-newsletter*/
.sidebar-widget .widget-newsletter {
    background: #f6f7f8;
    padding   : 30px;
    position  : relative;
    z-index   : 9;
    overflow  : hidden;
}





.sidebar-widget .widget-newsletter .form-control {
    background: #ffffff;
    box-shadow: none;
}

/*widget-clients*/


/*sidebar-widgets-wrap*/












/*opening-time*/




/*************************************
	    	About me
**************************************/
























/*************************************
	    	   Team 1 page
**************************************/
/*team-details*/

/*************************************
	    	   blog page
**************************************/
.owl-carousel img {
    width: 100%;
}

/*pagination-nav*/
.pagination {
    margin: 0;
}

.pagination li a {
    font-size    : 15px;
    font-weight  : 500;
    margin       : 0 5px;
    color        : #626262;
    border-radius: 3px;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-radius: 3px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-radius: 3px;
}

.pagination>.active>a,
.pagination>.active>a:hover {
    color: #626262;
}

.pagination>li>a,
.pagination>li>span {
    background: #f6f7f8;
    border    : 0;
    text-align: center;
}

.pagination li a:focus,
.pagination li a:hover,
.pagination li span:focus,
.pagination li span:hover {
    box-shadow      : 0 3px 10px rgba(0, 0, 0, 0.1);
    background-color: #84ba3f;
    color           : #ffffff;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #84ba3f;
    color           : #ffffff;
    box-shadow      : 0 3px 10px rgba(0, 0, 0, 0.1);
}

.dataTables_paginate li.paginate_button.previous a,
.dataTables_paginate li.paginate_button.next a {
    width     : inherit;
    height    : inherit;
    background: transparent !important;
    color     : inherit !important;
    box-shadow: none !important;
}

/*timeline blog*/





/* blog 2 column masonry left sidebar */

/*blog-single*/














.page-item.active .page-link {
    background  : #84ba3f;
    border-color: #84ba3f;
}

/*blog-comments*/


















/*************************************
	    	 error 404
**************************************/


















/*************************************
	    	    coming soon
**************************************/


















/*************************************
	    	 Register
**************************************/


















label:after {
    font-family  : "FontAwesome", fantasy;
    font-size    : 17px;
    position     : absolute;
    top          : -3px;
    left         : 0;
    padding-left : 2px;
    border-radius: 3px;
}











/*************************************
	    	 Login
**************************************/


/*login-2-social*/














/*login 02*/










/*login 02*/






/*************************************
	    	 maintenance
**************************************/
img.logo-small {
    height  : 40px;
    margin  : 30px 0;
    position: relative;
}











/*maintenance 2 */










/*************************************
	    	 Our clients
**************************************/
/*clients-box*/


































/***********************************
         process
************************************/


.process {
    margin        : 0;
    border        : 2px dashed rgba(0, 0, 0, 0.3);
    position      : relative;
    width         : 100%;
    float         : left;
    padding-bottom: 50px;
    padding-top   : 50px;
    min-height    : inherit;
}

.process.left {
    border-right: 0;
    border-top  : 0;
}

.process.right {
    border-left: 0;
    border-top : 0;
}

















.process:first-child {
    padding-top: 0;
}

.process.left:first-child .process-step {
    top: 0;
}

.process:last-child {
    border-bottom: 0;
}





.process.left .process-step {
    position: absolute;
    top     : 50px;
    left    : -35px;
    z-index : 999;
}

.process.right .process-step {
    position: absolute;
    top     : 50px;
    right   : -35px;
    z-index : 99;
}





.process .process-step strong {
    width        : 70px;
    height       : 70px;
    line-height  : 70px;
    text-align   : center;
    background   : #84ba3f;
    border-radius: 100%;
    display      : inline-block;
    z-index      : 99;
    font-size    : 20px;
    color        : #fff;
}













/*************************************
	    	 Careers
**************************************/


/*careers accordion*/


/*careers form*/


/*************************************
          sitemap
**************************************/
.sitemap h4 {
    margin-bottom : 25px;
}

.sitemap h4 i {
    padding-right: 10px;
}

.sitemap ul li {
    display    : block;
    line-height: 34px;
}

.sitemap ul li i {
    padding-right: 10px;
}

.sitemap ul li a {
    font-size     : 14px;
    color         : #626262;
    text-transform: capitalize;
}

.sitemap ul li a:hover {
    color: #84ba3f;
}

/*************************************
             privacy-policy
**************************************/




/*************************************
            page sidebar
**************************************/




/*************************************
           terms and conditions
**************************************/










/*************************
   BG - Images
*************************/
.parallax {
    background-size        : cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size   : cover !important;
    -ms-background-size    : cover !important;
    position               : relative;
    z-index                : 0;
    background-origin      : initial;
    background-position    : center center !important;
    background-repeat      : no-repeat;
}





/*************************************
          Footer
**************************************/
.footer.black-bg {
    background: #1a1a1a;
}

.footer.black-bg .social-icons li a {
    color: rgba(255, 255, 255, 0.5);
}

.footer.black-bg .social-icons li a:hover {
    color: rgba(255, 255, 255, 1) !important;
}



.addresss-info li {
    font-size    : 14px;
    margin-bottom: 15px;
    color        : rgba(255, 255, 255, 0.5);
    list-style   : none;
}

.addresss-info i {
    color        : rgba(255, 255, 255, 0.5);
    padding-right: 5px;
    float        : left;
    display      : table-cell;
    width        : 30px;
    line-height  : 23px;
    font-size    : 14px;
}

.addresss-info p {
    display      : table;
    margin-bottom: 0;
}

.addresss-info li a {
    color: rgba(255, 255, 255, 0.5);
}

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

.addresss-info.text-black li, .addresss-info.text-black li a {
    color: #626262;
}

.addresss-info.text-black i {
    color    : #84ba3f;
    font-size: 20px;
    width    : 40px;
}

/*footer-Newsletter*/


.footer-useful-link.footer-hedding ul {
    margin-top: -6px;
}











.footer-useful-link ul li {
    list-style   : none;
    margin-bottom: 12px;
}

.footer-useful-link ul li:last-child {
    margin-bottom: 0;
}

.footer-useful-link ul li a {
    color         : rgba(255, 255, 255, 0.5);
    font-size     : 14px;
    vertical-align: top;
    display       : block;
    line-height   : 26px;
}

.footer-useful-link ul li a:hover {
    color: #84ba3f;
}

/*transparent*/








/*footer-widget*/
.footer-widget {
    padding   : 20px 0;
    border-top: 1px solid #262626;
}

.footer-widget a {
    color: #84ba3f;
}

.footer-widget a:hover {
    color: #84ba3f;
}















.footer .social ul li {
    display: inline-block;
}

.footer .social ul li a i {
    font-size         : 14px;
    width             : 45px;
    height            : 45px;
    line-height       : 45px;
    text-align        : center;
    float             : none;
    color             : #323232;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition   : all 0.5s ease-out 0s;
    -ms-transition    : all 0.5s ease-out 0s;
    -o-transition     : all 0.5s ease-out 0s;
    transition        : all 0.5s ease-out 0s
}

.footer .social ul li a i:hover {
    color: #84ba3f;
}

.footer .social ul {
    background   : #f6f7f8;
    display      : inline-block;
    border-radius: 3px;
    padding      : 0 10px;
}







.footer .copyright {
    padding: 30px 0 20px;
}

.footer .copyright ul li a {
    color: #323232;
}

.footer .copyright ul li a:hover {
    color: #84ba3f;
}

img#logo-footer {
    height: 40px;
    width : auto;
}























.footer .footer-social ul li a {
    color      : rgba(255, 255, 255, 0.5) !important;
    padding-top: 10px;
}

.footer .footer-social ul li a:hover {
    color: #84ba3f !important;
}







/* footer transparent*/
.footer.transparent ul li a, .footer.transparent span {
    color: #ffffff;
}

/*widget-gallery*/








/*footer-social-big*/












/*footer-box*/
.footer-box {
    background   : rgba(102, 102, 102, 0.2);
    padding      : 30px;
    clear        : both;
    margin-bottom: 40px;
    margin-top   : 60px;
}

.footer-box .box-content {
    display       : table-cell;
    vertical-align: top;
}

.footer-box .box-link {
    display       : table-cell;
    padding-left  : 20px;
    vertical-align: middle;
}

.footer-box .box-link a {
    display: block;
    padding: 8px 16px;
    width  : 140px;
}

/*google-map*/
















.img-side img {
    max-width: 100%
}

.img-side.img-left {
    left: 0;
}

.img-side {
    padding : 0;
    position: absolute !important;
    top     : 0;
    height  : 100%;
    overflow: hidden;
    z-index : 100;
}







/*youtube-video*/






























@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3
    }

    40% {
        opacity   : 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5)
    }

    100% {
        -webkit-transform: scale(1.5);
        opacity          : 0;
        box-shadow       : 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5)
    }
}

@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3
    }

    40% {
        opacity   : 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5)
    }

    100% {
        -moz-transform: scale(1.5);
        opacity       : 0;
        box-shadow    : 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5)
    }
}

@keyframes sonarEffect {
    0% {
        opacity: 0.3
    }

    40% {
        opacity   : 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5)
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5);
        transform : scale(1.5);
        opacity   : 0;
    }
}





/*************************************
         index portfolio 4
**************************************/














/*footer*/
.footer .container-fluid {
    padding: 0 60px;
}

#footer-fixed {
    position  : fixed;
    bottom    : 0;
    width     : 100%;
    z-index   : -1;
    box-shadow: inset 0 27px 60px -25px rgba(0, 0, 0, 0.3);
}









/*elements*/
.full-width {
    width: 100%;
}







/*************************************
       index portfolio  04 about
**************************************/


/*************************************
       index portfolio  single
**************************************/
/*popup-video*/








/*************************************
            index 11
**************************************/

/*index 11*/
/*slider-parallax typer-banner business*/



/*play-video*/

















/*blockquote-section*/
















/*************************************
           footer
**************************************/










/*************************************
           portfolio
**************************************/














/*************************************
           coming-soon-big
**************************************/






/*************************************
        V.1.2    inner page
**************************************/
/* about-05 */
.about-05-split .shop-split-content {
    padding: 100px 0;
}

/*about-mission*/












/*faq 03*/
#searchResults>ul {
    width: 100%;
}













/*login-fancy*/












/*login-box*/
































/*login-box-02*/






/*login-14*/


/*login-15*/


/*login-signup*/




/*************************************
         V.1.3 home page
**************************************/
/*blog 01*/




/*blog 02*/
























































/*blog-fashion */




















/*blog 02*/


.mega-menu .menu-logo img.logo-big {
    height: 60px;
}















/*blog-video*/
/*Slider */
#main-slider {
    overflow                   : hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style    : preserve-3d;
}

#main-slider .carousel-item img {
    width: 100%;
}







#main-slider .carousel-indicators {
    bottom: 30px;
}

.carousel-indicators li {
    cursor: pointer;
    width : 14px !important;
    height: 14px !important;
    border: 2px solid #fff !important;
    margin: 1px !important;
}



























/*-- Animation --*/


































.video-attribute {
    position: absolute;
    bottom  : 10px;
    left    : 10px;
}

.video-attribute .length {
    background   : rgba(0, 0, 0, 0.8);
    padding      : 1px 8px;
    color        : #ffffff;
    border-radius: 2px;
    font-size    : 13px;
}

.video-attribute .quality {
    background   : #dd3333;
    padding      : 0 8px;
    color        : #ffffff;
    margin-left  : 2px;
    border-radius: 2px;
    font-size    : 13px;
}





















.sidebar-widget .recent-post.medium .recent-post-image {
    width: 150px;
}

.sidebar-widget .recent-post.medium .recent-post-image img {
    width        : inherit;
    height       : inherit;
    border-radius: inherit;
}

/*Chart*/
canvas {
    -moz-user-select   : none;
    -webkit-user-select: none;
    -ms-user-select    : none;
}









/*************************************
         V.3.2 home page
**************************************/
/*service 04*/
.media .media-icon span {
    font-size  : 40px;
    line-height: 45px;
}



/*service 06*/


/*service 07*/




/*service details*/
.service ul li {
    display: block;
    margin : 5px 0;
}

.service ul li a {
    display       : block;
    padding       : 12px 25px;
    color         : #656565;
    text-transform: capitalize;
}

.service ul li a:hover,
.service ul li a.active {
    background-color: #84ba3f;
    color           : #ffffff
}









/*contact 04*/


.quote:before {
    color: #84ba3f;
}

/*contact 05*/




/*testimonial*/


.masonry-item .testimonial-info:before {
    display: none;
}



/*search-no-result*/








/*cookies page*/


/*invoice page*/




/*process 02*/





/*************************************
           jobs
**************************************/























/*************************************
           jobs
**************************************/


























.sticky-top {
    z-index: 99;
}

/*************************************
           calendar
**************************************/


.fc-button {
    background    : #f8f9fa;
    border        : none;
    color         : #626262;
    text-transform: capitalize;
    box-shadow    : none !important;
    border-radius : 3px !important;
    margin        : 0 3px !important;
    padding       : 6px 12px !important;
    height        : auto !important;
}

.fc-button:focus {
    outline: 0;
}

.fc-button:active {
    outline: 0;
}

.fc-state-active {
    background: #84ba3f;
    color     : #ffffff;
}



.fc-event {
    border-radius: 2px;
    border       : none;
    cursor       : move;
    font-size    : 13px;
    margin       : 5px 7px;
    padding      : 5px 5px;
    text-align   : center;
}

.fc-day-grid-event .fc-time {
    color: #ffffff;
}

.fc-day-grid-event .fc-title {
    color: #ffffff;
}

.fc-event,
.fc-event-dot {
    background: #84ba3f;
}

.fc-day-header span {
    padding   : 15px 0;
    display   : block;
    background: #f8f9fa;
    color     : #1a1a1a;
}

/*************************************
          instagram & flickr
**************************************/






/*************************************
          instagram & flickr
**************************************/




/*************************************
         index 12
**************************************/






/*skill-counter*/


/*************************************
             index 13
**************************************/
















/*************************************
            index 14
**************************************/




/*business-video*/






/*************************************
            index 15
**************************************/










.portfolio-item .portfolio-overlay a.tag {
    background   : #84ba3f;
    color        : #ffffff;
    padding      : 2px 10px;
    border-radius: 3px;
    display      : inline-block;
}

.portfolio-item .portfolio-overlay a.tag:hover {
    background: #323232;
    color     : #ffffff;
}

/*************************************
            index 16
**************************************/












/*************************************
            index 17
**************************************/






/*************************************
            boxed
**************************************/
@media (min-width: 1220px) {
    

    /*index 01*/
    

    

    /*index 02*/
    

    

    

    

    

    

    

    

    

    

    

    

    

    

}

@media print {

    footer,header,.page-title,#back-to-top {
        display: none !important;
    }

    
}

@media all and (forced-colors: none) {
    .st-menu {
        position: absolute;
    }

    

    

    .search {
        display: table-cell !important;
    }

    

    

    

    

    

    
}





.text-white {
    color: #ffffff !important;
}

@media screen and (max-width: 991px) {
    .hidden-lg-up {
        display: block !important;
    }

    .hidden-md-down {
        display: none;
    }

    .colmaxwidth {
        max-width: 991px;
    }

    

    .accueil-section-avantages {
        background-image: none !important;
    }

    
}

@media screen and (max-width: 700px) {
    .hidden-md-up {
        display: block !important;
    }
}

@media screen and (max-width: 600px) {
    .paddingtop80 {
        padding: 40px 0 !important;
    }

    .hidden-xs-down {
        display: none;
    }

    .hidden-sm-up {
        display: block !important;
    }

    

    .page-video-header {
        height: 350px !important;
    }

    .a-img-local {
        max-height: 400px;
        object-fit: cover;
    }
}

.h6 {
    margin-top   : 0;
    margin-bottom: .5rem;
}

.theme-color {
    color: #8cb83f !important;
}







/*************************************
       CSS Raphael
**************************************/





.green-dark-bg {
    background: #6e9132 !important;
}

.green-bg {
    background: #8cb83f !important;
}

.dim-gray-bg {
    background: #606060 !important;
}

/*************************************
       Amélioration Lighthouse
**************************************/

.galerie-photos-delisoft .isotope.columns-4 .grid-item {
    padding: 0;
}

.accueil-blogue-img {
    height    : 300px;
    width     : 100%;
    object-fit: cover;
}



.mb-neg-10 {
    margin-bottom: -10px !important;
}

.w-max-content {
    width: max-content;
}

.subventions-accueil {
    background-image: url("../images/slider/subventions-disponibles.webp");
    padding-top     : 300px;
}

.analyse-accueil {
    background-image: url("../images/slider/analyse-gratuite-de-votre-site-web.webp");
    min-height      : 400px;
    padding-top     : 25px;
}

.gray-bg-gradient {
    background: linear-gradient(#fff 50%, #f7f7f7);
}

.wavepath {
    background-color: #f7f7f7;
    margin-top      : -50px;
    margin-bottom   : -50px
}

.premiertexte-subtitle {
    font-style    : italic;
    font-family   : 'arial', sans-serif;
    letter-spacing: -2px;
    font-weight   : 800;
}

.premiertexte-title {
    color         : #292929;
    text-transform: uppercase;
    font-family   : 'Oswald', sans-serif;
    line-height   : 70px;
    font-size     : 70px;
}

.title-color {
    color: #292929;
}

.service-accueil .servimage {
    filter: invert(46%) sepia(65%) saturate(390%) hue-rotate(40deg) brightness(99%) contrast(93%);
    height: 20px
}

.temoignages-div {
    background-image: url(../images/logos/logo-seul-blanc.webp);
    height          : 100%;
    width           : 100%;
    position        : absolute;
    background-size : 250%
}

.avantages-experience-img {
    background-image   : url(/images/accueil/avantages-delisoft-agence-web-longueuil.webp);
    border-radius      : 20px;
    background-size    : cover;
    background-position: center center;
    height             : 100%;
}



/*************************************
            Noisy background
**************************************/
.noisy-parent {
    background-color: #84ba3f;
    height          : 100%;
    width           : 150%;
    position        : absolute;
    left            : 0;
    margin-top      : -100px;
    margin-left     : -50%;
    overflow        : hidden
}

.noisy {
    background: transparent url('http://assets.iceable.com/img/noise-transparent.png') repeat 0 0;
    animation : bg-animation .2s infinite;
    opacity   : .9;
    visibility: visible;
    height    : 200%;
    width     : 200%;
    position  : absolute;
    top       : -50%;
    left      : -50%
}

@keyframes bg-animation {
    0% {
        transform: translate(0, 0)
    }

    10% {
        transform: translate(-5%, -5%)
    }

    20% {
        transform: translate(-10%, 5%)
    }

    30% {
        transform: translate(5%, -10%)
    }

    40% {
        transform: translate(-5%, 15%)
    }

    50% {
        transform: translate(-10%, 5%)
    }

    60% {
        transform: translate(15%, 0)
    }

    70% {
        transform: translate(0, 10%)
    }

    80% {
        transform: translate(-15%, 0)
    }

    90% {
        transform: translate(10%, 5%)
    }

    100% {
        transform: translate(5%, 0)
    }
}

/*************************************
            infinite slider
**************************************/
.infinite-slider {
    overflow        : hidden;
    white-space     : nowrap;
    width           : 100%;
    background-color: #8cb83f;
}

.infinite-slider.inverse {
    margin-top      : 0;
    background-color: #6e9132;
}

.infinite-slider-track {
    display  : inline-block;
    min-width: 200%;
    animation: slideLeft 40s linear infinite;
}

.infinite-slider-track.inverse {
    animation: slideRight 40s linear infinite;
}

.infinite-slider-track span {
    display       : inline-block;
    padding-right : 10px;
    font-size     : 42px;
    font-family   : 'Oswald', sans-serif;
    color         : #fff;
    text-transform: uppercase;
    position      : relative;
}

.infinite-slider-track span:not(:last-child)::after {
    content    : " •";
    margin-left: 5px;
    color      : #fff;
}

@keyframes slideLeft {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

@keyframes slideRight {
    0% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0);
    }
}

.vertical-swiper-height {
    height: 600px;
}

@media screen and (max-width: 768px) {
    .vertical-swiper-height {
        height: auto;
    }
}

.p-mb-0 p {
    margin-bottom: 0;
}

/*************************************
            Bannière
**************************************/

.slider-hero {
    height  : 550px;
    position: relative;
    padding : 0;
    overflow: hidden;

    display        : flex;
    flex-direction : column;
    justify-content: center;

    font-family: 'Oswald', sans-serif;
}

#slider-video {
    object-fit: cover;
}

.slider-hero .owl-carousel>div {
    height: 100%;
}

.slider-hero .owl-stage-outer {
    height: 100%;
}

.slider-hero .owl-stage {
    height: 100%;
}

.slider-hero .owl-item {
    height: 100%;
}



.owl-carousel.owl-drag .owl-item {
    overflow: hidden;
}

.mobile-section-slider {
    display        : flex;
    flex-direction : column;
    justify-content: center;
    margin-bottom  : 20px;
}



.mobile-section-slider .slider-quote {
    padding: 10px 20px;
    margin : 0;
    width  : 100%;

    font-weight  : normal;
    font-size    : 1.2rem;
    font-style   : normal;
    line-height  : 1;
    display      : inline-block;
    border-radius: 12px 12px 0 0;
}

.mobile-section-slider .slider-titre {
    padding: 10px 20px;
    margin : 0;
    width  : 100%;

    font-weight  : 500;
    font-size    : 1.5rem;
    font-style   : normal;
    line-height  : 1;
    display      : inline-block;
    border-radius: 0 0 12px 12px;
}

.container-slider {
    @media screen and (max-width: 768px) {
        display        : flex;
        align-items    : end;
        justify-content: center;
    }
}

.section-slider {
    position  : relative;
    z-index   : 2;
    overflow-x: hidden;
    overflow-y: visible;

    display        : flex;
    flex-direction : column;
    justify-content: center;
    text-align     : left;

    @media screen and (max-width: 768px) {
        display: none;
    }
}

.section-slider .slider-quote {
    padding: 10px 20px;
    margin : 0;

    font-weight  : normal;
    font-size    : 32px;
    font-style   : normal;
    line-height  : 1;
    display      : inline-block;
    border-radius: 12px 12px 0 0;
}

.section-slider .slider-titre {
    padding: 10px 20px;
    margin : 0;

    font-weight: 500;
    font-size  : 44px;
    font-style : normal;
    line-height: 1;
    display    : inline-block;
}

@media screen and (max-width: 778px) {

    .section-slider .slider-titre,
    .section-slider .slider-quote {
        border-radius: 12px !important;
    }
}

.section-slider .slider-titre.green-dark-bg {
    border-radius: 0 12px 0 0;
}

.section-slider .slider-titre.green-bg {
    border-radius: 0 12px 12px 12px;
}



.owl-stage .active img {
    animation: hero 10s ease-out;
}

@keyframes hero {
    from {
        scale: 105%;
    }

    to {
        scale: 100%;
    }
}

/*************************************
          nos-clients + portfolio
**************************************/

.portfolio-item {
    padding-bottom: 0;
    margin-bottom : 0px;
}



/*************************************
         contact-page-seul
**************************************/



/*************************************
         iframe YT ratio
**************************************/

.iframe-yt {
    aspect-ratio: 16/9;
    width       : 100%;
    height      : 100%;
    border      : none;
}

/*************************************
         Cristian Form
**************************************/



/*************************************
       Calculateur de prix
**************************************/

.soumission-new-main {
    padding        : 0 !important;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.iframe-calc {
    width : 100%;
    height: 100%;
    border: none;
}

/*************************************
       Menu mobile bug
**************************************/
@media (max-width: 1179px) {
    .mega-menu .menu-mobile-collapse-trigger span:after {
        content   : "Menu";
        position  : absolute;
        top       : 12px;
        font-size : 10px;
        color     : #ffffff;
        text-align: center;
    }
}

/*************************************
       Overflow + bugs
**************************************/

#main {
    overflow-x: hidden;
}

.portfolio-overlay {
    padding: 10px 20px;
}



/*************************************
       expert-zoho
**************************************/

.expert-zoho-card {
    padding        : 30px;
    display        : flex;
    flex-direction : column;
    justify-content: center;
    align-items    : center;
    height         : 100%;
}

.expert-zoho-card-img {
    max-width : 75px;
    max-height: 75px;
}

.expert-zoho-card-titre {
    margin-top: 30px;
}

/*************************************
       formation-zoho
**************************************/

.formation-card {
    margin-bottom: 30px;
}

.formation-card>div {
    border : #8cb83f 1px solid;
    padding: 20px;
    height : 100%;
}

/*************************************
       Section carrière
**************************************/





.carriere__video {
    background   : none;
    margin-bottom: -100px;
    padding      : 0 !important;
    position     : relative;
    z-index      : 2;

    aspect-ratio: 16/9;
}

.carriere__video__iframe {
    height: 100%;
    width : 100%;

    border      : none;
    aspect-ratio: 16/9;
}





.carriere__info {
    padding-left   : 40px;
    display        : flex;
    flex-direction : column;
    justify-content: center;
}





/*************************************
   Service conception de site web
**************************************/

#conceptionweb1 {
    background-image   : url("../images/services/conceptionweb/banner-conception-web-top2.jpg");
    height             : 650px;
    background-position: center bottom;
    background-size    : cover;
    background-repeat  : no-repeat;
}

@media screen and (max-width: 600px) {
    #conceptionweb1 {
        height: 350px;
    }

    .sm-text-center {
        text-align: center !important;
    }
}

#conceptionwebn {
    /*background-image: url("../images/services/conceptionweb/s-conceptionweb-header1.jpg");*/
    /*height: 725px;*/
    background-image   : url("../images/services/conceptionweb/conception-web-header-m22.jpg");
    background-position: center;
    background-size    : cover;
    background-repeat  : no-repeat;
    height             : 675px;
}

@media screen and (max-width: 600px) {
    #conceptionwebn {
        height: 350px;
    }
}

.service-conceptionweb strong {
    font-weight: 600 !important;
}



.service-conceptionweb .logiciel-icon {
    height       : 40px;
    margin-left  : auto;
    margin-right : auto;
    margin-bottom: 30px;
    max-width    : 160px;
}

.service-conceptionweb .owl-carousel .owl-dots {
    margin-top: 0;
}

/*************************************
        Temoignages 2.0
**************************************/

.temoignages__star {
    font-size: 32px;
}

#number-star {
    font-weight: 800;
}

.temoignages__videos {
    display              : grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows   : repeat(4, 1fr);
    gap                  : 30px;
}

.temoignages__video {
    width       : 100%;
    aspect-ratio: 305/472;
    grid-row    : span 2;

    position: relative;
}

.temoignages__video>img,
.temoignages__video__swiper>img {
    position: absolute;
    width   : 100%;
    height  : 100%;
    top     : 0;
    left    : 0;
}

.temoignages__video:hover {
    cursor: pointer;
}

.temoignages__video:hover .temoignages__video__play {
    height    : 65px;
    width     : 65px;
    transition: all .2s ease-out;
}

.temoignages__video:nth-child(1) {
    grid-row: 2 / span 2;
}

.temoignages__video__info {
    position: absolute;
    top     : 0;
    left    : 0;
    height  : 100%;
    width   : 100%;

    text-align: center;

    display        : flex;
    flex-direction : column;
    justify-content: flex-end;
}

.temoignages__video__play {
    position : absolute;
    top      : 50%;
    left     : 50%;
    transform: translate(-50%, -50%);

    display        : flex;
    align-items    : center;
    justify-content: center;

    height: 50px;
    width : 50px;
}

.temoignages__name {
    margin-bottom: 5px;
}

.show-more .more-text {
    display: none;
}

/*************************************
        Certifications
**************************************/

.certification__hover {
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 100%;
    height  : 100%;
    z-index : 2;

    background: rgba(0, 0, 0, 0.5);
}

.certification__img {
    position : absolute;
    top      : 30px;
    left     : 50%;
    transform: translateX(-50%);

    max-width: 120px;
}

.certification__texte {
    position: absolute;
    bottom  : 0;
    left    : 0;
    height  : 100%;
    width   : 100%;

    display        : flex;
    align-items    : center;
    justify-content: center;
}

.certification__texte p {
    text-align : center;

    transform: translateY(30px);
}

/*************************************
        Preuve de succès
**************************************/

.input-keyword-button {

    display    : flex;
    align-items: center;
    gap        : 10px;

    padding-left : 10px;
    border-radius: 100px;
    box-shadow   : 0 1px 6px 0 #20212447;

    width : 30%;
    height: 100%;

    margin-right: 15px;
}

#input-keyword {
    border: none;
}

.wordseo {
    background   : none;
    border       : #4288f0 solid 2px !important;
    border-radius: 50px;
    color        : black;
    transition   : all ease-out .3s;
    margin-bottom: 15px;
}

.wordseo:hover {
    background: #4288f0;
    color     : white;
}

/*************************
         Médias
*************************/

#media .portfolio-item {
    margin-bottom: 0;
}

#media .portfolio-item .portfolio-overlay {
    position: absolute;
    bottom  : -82px;
}

#media .portfolio-item:hover .portfolio-overlay {
    bottom: 0;
}

.media__img {
    aspect-ratio: 7/5;
    width       : 100%;
    height      : 100%;
}

.media__bg {
    position  : absolute;
    top       : 0;
    left      : 0;
    width     : 100%;
    height    : 100%;
    z-index   : 2;
    background: rgba(0, 0, 0, 0.2);
}

.media__logo {
    position           : absolute;
    top                : 50%;
    left               : 50%;
    max-height         : 75px;
    max-width          : 300px !important;
    transform          : translate(-50%, -50%) !important;
    z-index            : 3;
    width              : auto !important;
    backface-visibility: unset !important;
    transition         : unset !important;
}

.galerie-photos-delisoft .portfolio-item {
    margin-bottom: 0;
}



.slider-hero {
    height: 700px !important
}

@media screen and (max-width: 1024px) {
    .slider-hero {
        height: 650px !important
    }
}

@media screen and (max-width: 778px) {
    .slider-hero {
        height: 500px !important
    }

    .section-slider .slider-titre {
        font-size: 28px !important
    }

    .section-slider {
        text-align: center !important
    }
}

.slider-media {
    position  : absolute;
    top       : 0;
    left      : 0;
    width     : 100%;
    height    : 100%;
    object-fit: cover;
}

/*************************************
   Helper
**************************************/

.max-width-1200 {
    max-width: 1200px;
}

.border-radius-sm {
    border-radius: 12px;
}

.btn {
    border-radius: 50px !important
}

.maxlargescreen {
    max-width: 2200px;
    margin   : 0 auto
}

.page-video-header {
    position     : relative;
    overflow     : hidden;
    border-radius: 12px;
    clip-path    : inset(0 round 12px);
}

.page-video-header .jarallax-img,.page-video-header iframe,.page-video-header video {
    border-radius: inherit;
}

.page-video-header iframe {
    pointer-events: none;
}

@media screen and (max-width: 1200px) {
    .max-md-h-600 {
        max-height: 600px;
    }

    .custom-bullet .label {
        display: none;
    }
}

@media screen and (max-width: 425px) {
    

    

    .modal-content {
        padding: 20px;
    }

    .modal .close-btn {
        height: 40px;
        width : 40px;
        top   : 16px;
        right : 16px;
    }
}

/*Marques*/






.google-logo {
    width : 100px;
    height: auto;
}

.google-search-input {
    position     : relative;
    border-radius: 100px;
    width        : 100%;
    height       : 50px;
    padding      : 0 20px;
    margin-bottom: 20px;
}

.google-search-input:after {
    content  : "\f00d";
    color    : black;
    position : absolute;
    right    : 50%;
    top      : 50%;
    transform: translate(50%, 50%);
}

/*Google score*/












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

.score__table {
    width    : 100%;
    max-width: 800px;
}

.score__group {
    overflow     : hidden;
    margin-bottom: 10px;
}

.score__undergroup--green,
.score__undergroup--red {
    width        : 60%;
    position     : relative;
    z-index      : 10;
    border-radius: 12px;
}

.score__undergroup--green {
    background: linear-gradient(to right, #2d7a2d 0%, #6db923 100%);
}

.score__undergroup--red {
    background: linear-gradient(to right, #8b3a3a 0%, #c1440e 100%);
}

.score__group--green,
.score__group--red {
    position: relative;
}

.score__row {
    display              : grid;
    grid-template-columns: 100px 100px 1fr;
    gap                  : 15px;
    padding              : 4px 8px;
    align-items          : center;
    border-bottom        : 2px solid rgba(0, 0, 0, 0.1);
    color                : white;
    font-weight          : 600;
}

.score__row:last-child {
    border-bottom: none;
}

.score__row--benchmark {
    background          : linear-gradient(to right, #f4c430 0%, #ffd700 100%);
    color               : white;
    border-radius       : 12px;
    padding             : 20px;
    margin-bottom       : 10px;
}

.score__bid {
    font-size     : 13px;
    background    : rgba(0, 0, 0, 0.2);
    padding       : 8px 10px;
    border-radius : 4px;
    text-align    : center;
    width         : fit-content;
}

.score__score {
    font-size  : 32px;
    font-weight: 700;
    text-align : center;
}

.score__impact {
    font-size : 16px;
    text-align: right;
}

.score__badge {
    color        : white;
    position     : absolute;
    top          : 0;
    right        : 0;
    height       : calc(100% - 20px);
    width        : calc(100% - 20px);
    font-size    : 18px;
    font-weight  : 600;
    border-radius: 12px;
}

.score__badge--green {
    background: green;
}

.score__badge--red {
    background: darkred;
}

.score__icon__container {
    display        : flex;
    align-items    : center;
    justify-content: center;
    flex-direction : column;
    padding-left   : 3rem;
}

.score__icon {
    width : 50px;
    height: 50px;
}

/* Responsive */
@media (max-width: 768px) {
    

    

    

    .score__row {
        grid-template-columns: repeat(3, 1fr);
        gap                  : 10px;
    }
}

@media (max-width: 425px) {
    .score__badge {
        display: none;
    }

    .score__undergroup--green,
    .score__undergroup--red {
        width: 100%;
    }
}

/* css/new-style.css */
/*Variables*/
:root {
    --color-white: #fff;
    --color-black: #000;

    --color-green: #8cb83f;
    --color-green-dark: #6e9132;
}

/*Helper*/


.mb-24 {
    margin-bottom: 24px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.pl-24 {
    padding-left: 24px;
}

.pr-24 {
    padding-right: 24px;
}

.link-white {
    color: #FFFFFF;
}

.link-gray {
    color: #626262;
}

.link-pale-gray {
    color: #9c9c9c;
}

.link-gray:hover, .link-pale-gray:hover, .link-white:hover {
    color: var(--color-green);
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    background: white;
}

.hover-scale:hover,
.temoignages__video:hover,
.nos-clients .portfolio-item:hover {
    scale: 1.1;
    transition: all .3s ease;
}

/*SwiperJs*/
.swiper-button-prev, .swiper-button-next {
    color: var(--color-green);
}

/*new-menu*/
.newmenu {
    position: fixed;
    left: 0;
    top: 0;
    width: 50px;
    height: 100%;
    z-index: 999;
    font-family: Oswald, sans-serif !important;

    transition: backdrop-filter .3s ease;
}

.newmenu__width {
    width: fit-content;
    height: 100%;
    display: flex;
}

.newmenu__sidebar {
    position: relative;
    z-index: 10;
    width: 50px;
    height: 100%;
    background: var(--color-green);
}

.newmenu__sidebar__after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    cursor: pointer;
}

.newmenu__sidebar__button {
    border: none;
    background: none;
    width: 50px;
    height: 40px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0;

    position: absolute;
    top: 12px;
    right: 50%;
    transform: translateX(50%);
}

.newmenu__sidebar__buttonback {
    border: none;
    background: none;
    width: 50px;
    height: 40px;
    padding: 0;
    cursor: pointer;

    display: none;
    opacity: 0;

    position: absolute;
    top: 8px;
    left: 0;
}

.newmenu__sidebar__buttonback i {
    font-size: 2.25rem;
    color: var(--color-white);
    width: 100%;
    height: 100%;
}

.newmenu__sidebar__button .newmenu__sidebar__button__span {
    width: 26px;
    height: 4px;
    border-radius: 20px;
    background: var(--color-white);
}

.newmenu__sidebar__button .newmenu__sidebar__button__title {
    font-family: Oswald, sans-serif;
    font-size: 0.75rem;
    text-transform: uppercase;
    color: var(--color-white);
}

.newmenu__sidebar__logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;
}

.newmenu__menu__first {
    width: 0;
    height: 100%;
    background: var(--color-green-dark);
    overflow: hidden;
    position: relative;
    z-index: 10;

    display: flex;
    justify-content: center;
    align-items: center;

    transition: all .3s linear;
}

.newmenu__menu__first li {
    opacity: 0;
}

.newmenu__menu__second {
    position: absolute;
    top: 0;
    left: 250px;
    height: 100%;
    padding: 0;
    background: var(--color-black);
    overflow: hidden;

    display: flex;
    opacity: 0;
    transform: translateX(calc(-100% - 250px));
    align-items: center;

    transition: opacity .1s linear, transform .3s linear;
}

.newmenu__menu__second .newmenu__menu__list li a {
    text-transform: uppercase;
}

.newmenu__menu__second .newmenu__menu__list li a:hover {
    font-size: 18px;
}

.newmenu__menu__second .row > div {
    min-width: 275px;
}

.newmenu__menu__nav {
    position: relative;
}

.newmenu__menu__btn-group {
    position: absolute;
    bottom: calc(34px + 24px);
    left: 42px;
}

.newmenu__menu__btn-group button {
    background: none;
    border: none;
    font-size: 1rem !important;
    text-transform: uppercase;
}

.newmenu__menu__btn-group .dropdown-menu {
    min-width: 8rem !important;
}

.newmenu__menu__btn-group button:hover {
    background: none;
    border: none;
}

.newmenu__menu__nav__title {
    display: none;
    font-size: 2rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color-white);
    width: 100%;

    flex-direction: column;
}

.newmenu__menu__title {
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-white);
}

.newmenu__menu__list {
    list-style: none;
}

.newmenu__menu__list li {
    margin-bottom: 10px;
}

@media screen and (min-width: 1180px) {

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

    .newmenu__menu__title {
        color: #626262;
    }

    .newmenu__menu__list li a {
        color: var(--color-green);
    }

    .newmenu li .menuimage:not(.nofilter) {
        filter: invert(46%) sepia(65%) saturate(390%) hue-rotate(40deg) brightness(99%) contrast(93%);
    }

    .newmenu li:nth-child(even) .menuimage:not(.nofilter) {
        filter: invert(58%) sepia(11%) saturate(2354%) hue-rotate(40deg) brightness(87%) contrast(78%);
    }

    .newmenu__menu__second .newmenu__menu__list li:nth-child(even) a {
        color: var(--color-green-dark);
    }
}

.newmenu__button {
    margin-bottom: 12px;
}

.newmenu__menu__list .newmenu__button.cta a {
    background: #eb330f !important;
    border-radius: .25rem;
    margin-left: 10px;
    display: inline;
}

.newmenu__menu__list .newmenu__button.cta a:hover {
    background: #626262 !important;
}

.newmenu__menu__list .newmenu__button.cta a::before {
    display: none;
}

@media screen and (min-width: 1180px) {
    .newmenu__button button, .newmenu__button a {
        position: relative;
    }
    
    .newmenu__button button::before, .newmenu__button a::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        background-color: var(--color-green);
        width: 4px;
        height: 16px;
        display: none; /*inline-block*/
        margin-right: 5px;
        margin-bottom: -2px;
    }

    .newmenu__button:hover button::before, .newmenu__button:hover a::before, .newmenu__button.active-before button::before {
        display: inline-block;
    }

    .newmenu__menu__title {
        position: relative;
        margin-left: 10px;
    }

    .newmenu__menu__title::before {
        content: "";
        position: absolute;
        top: 50%;
        left: -10px;
        transform: translateY(-50%);
        background-color: var(--color-green);
        width: 4px;
        height: 16px;
        display: inline-block;
        margin-right: 5px;
        margin-bottom: -2px;
    }
}

.newmenu__menu__list .newmenu__button button, .newmenu__menu__list .newmenu__button a {
    border: none;
    background: none !important;
    color: var(--color-white);
    font-size: 1rem;
    text-transform: uppercase;
    cursor: pointer;
    padding: 6px 12px;
    white-space: nowrap;

    align-items: center;
    gap: 6px;
}

.newmenu__menu__list .newmenu__button.theme-color button, .newmenu__menu__list .newmenu__button.theme-color a {
    color: var(--color-green);
}

.newmenu__menu__list .newmenu__button button .fa {
    margin: 0;
}


/*newmenu js*/
.openMenuFirst {
    width: 200px;
}

.openMenuFirst li {
    animation: opacity ease .2s forwards;
}

.openMenuFirst li:nth-child(1) {
    animation-delay: .1s;
}

.openMenuFirst li:nth-child(2) {
    animation-delay: .2s;
}

.openMenuFirst li:nth-child(3) {
    animation-delay: .3s;
}

.openMenuFirst li:nth-child(4) {
    animation-delay: .4s;
}

.openMenuFirst li:nth-child(5) {
    animation-delay: .5s;
}

.openMenuFirst li:nth-child(6) {
    animation-delay: .6s;
}

.openMenuFirst li:nth-child(7) {
    animation-delay: .7s;
}

.openMenuSecond {
    transform: translateX(0);
    opacity: 1;
    padding: 0 40px;
    transition: all .5s ease;
}

.menuActive {
    width: 100%;
    backdrop-filter: blur(10px);
}

.rotationArrow {
    transform: rotate(-90deg);
    transition: all .2s linear;
}

/*Responsive new-menu*/
@media screen and (max-width: 1180px) {
    .newmenu {
        width: 100%;
        height: 50px;
    }

    .newmenu__width {
        height: auto;
        width: 100%;
        flex-direction: column;
        background: var(--color-green);
        position: relative;
        z-index: 2;
    }

    .newmenu__sidebar {
        width: 100%;
        height: 60px;
    }

    .newmenu__sidebar__button {
        top: 14px;
        right: 0;
        transform: translateX(0);
        cursor: pointer;
    }

    .newmenu__sidebar__after {
        display: none;
    }

    .openMenuMobile::after {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background: var(--color-green-dark);
    }

    .openMenuMobile .newmenu__sidebar {
        background-color: var(--color-green-dark);
    }

    .openMenuMobile .newmenu__sidebar .newmenu__sidebar__button__span:nth-child(1) {
        transform: translateY(15px) rotate(-45deg);
        transition: all .3s ease;
    }

    .openMenuMobile .newmenu__sidebar .newmenu__sidebar__button__span:nth-child(3) {
        transform: rotate(45deg);
        transition: all .3s ease;
    }

    .openMenuMobile .newmenu__sidebar picture, .openMenuMobile .newmenu__sidebar .newmenu__sidebar__button__title, .openMenuMobile .newmenu__sidebar .newmenu__sidebar__button__span:nth-child(2) {
        opacity: 0;
        transition: all .3s ease;
    }

    .newmenu__menu__first {
        width: 100%;
        height: 0;
        justify-content: start;
        align-items: start;
        padding: 0;
        z-index: 2;
    }

    .newmenu__menu__btn-group {
        display: none;
    }

    .newmenu__menu__second {
        width: 100%;
        height: calc(100vh - 108px);
        justify-content: start;
        align-items: start;
        padding: 0 60px;
        background: var(--color-green-dark);

        position: absolute;
        left: 0;
        top: 60px;
        z-index: 2;

        opacity: 1;
        transform: translateX(100%);
    }

    .newmenu__menu__second .newmenu__menu__title, .newmenu__menu__list a {
        color: var(--color-white);
    }

    .newmenu__menu__second .col-sm-6 {
        margin-top: 40px;
    }

    .newmenu__menu__nav {
        width: 100%;
    }

    .newmenu__menu__nav__title {
        display: flex;
    }

    .newmenu__menu__nav__title .fa-angle-left {
        margin-bottom: 40px;
        cursor: pointer;
    }

    .newmenu__menu__list .newmenu__button button, .newmenu__menu__list .newmenu__button a {
        font-size: 1.5rem;
        width: 100%;
        text-align: left;
        display: flex;
        justify-content: space-between;
    }

    .newmenu__menu__list .newmenu__button button .fa {
        opacity: 0;
        font-size: 2.5rem;
        transition: all .3s ease-out;
    }

    .newmenu__menu__list .newmenu__button button:hover .fa {
        opacity: 1;
    }


    /*newmenu js*/
    .openMenuFirstMobile {
        height: calc(100vh - 108px);
        padding: 0 60px;
    }

    .openMenuFirstMobile li {
        animation: opacity ease .2s forwards;
    }

    .openMenuFirstMobile li:nth-child(1) {
        animation-delay: .3s;
    }

    .openMenuFirstMobile li:nth-child(2) {
        animation-delay: .4s;
    }

    .openMenuFirstMobile li:nth-child(3) {
        animation-delay: .5s;
    }

    .openMenuFirstMobile li:nth-child(4) {
        animation-delay: .6s;
    }

    .openMenuFirstMobile li:nth-child(5) {
        animation-delay: .7s;
    }

    .openMenuFirstMobile li:nth-child(6) {
        animation-delay: .8s;
    }

    .openMenuFirstMobile li:nth-child(7) {
        animation-delay: .9s;
    }

    .openMenuSecondMobile {
        transform: translateX(0);
    }

    .openMenuSecondMobileBack {
        display: block;
        opacity: 1;
        transition: all .3s ease;
    }

}

@keyframes opacity {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/*Menu-bottom*/
.barfooterfixe {
    left: 0;
    display: flex;
    align-items: center;
    min-height: 50px;
    padding: 5px 60px 5px 49px;
    background: #6e9132;
}

.barfooterfixe > .barfooterfixe__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0;
}

.barfooterfixe__tagline {
    color: #fff;
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}

.barfooterfixe__actions,
.barfooterfixe__buttons,
.barfooterfixe__phone {
    display: flex;
    align-items: center;
}

.barfooterfixe__actions {
    gap: 22px;
}

.barfooterfixe__buttons {
    gap: 8px;
}

.barfooterfixe__phone {
    gap: 7px;
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
}

.barfooterfixe__phone i {
    font-size: 16px;
}

@media screen and (max-width: 1110px) {
    .barfooterfixe {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media screen and (max-width: 1000px) {
    .barfooterfixe__tagline {
        display: none;
    }

    .barfooterfixe > .barfooterfixe__inner,
    .barfooterfixe__actions {
        justify-content: center;
    }

    .barfooterfixe__actions {
        width: 100%;
    }
}

@media screen and (max-width: 650px) {
    .barfooterfixe {
        min-height: 54px;
        padding: 6px 10px;
    }

    .barfooterfixe__actions {
        gap: 8px;
    }

    .barfooterfixe__phone span {
        display: none;
    }

    .barfooterfixe__buttons {
        flex: 1;
        align-items: stretch;
    }

    .barfooterfixe__buttons > .button {
        flex: 1 1 0;
        min-width: 0;
    }
}

@media screen and (max-width: 450px) {
    .mobile-sm-hide {
        display: none;
    }
}

/*Nos clients*/
.nos-clients .portfolio-item:hover img {
    transform: none;
}

#client-container .col-6 {
    padding: 0 7.5px !important;
}

/*services-template*/

.navigation__template {
    border-radius: 12px;
    background: gray;
    padding: 24px;
}

.navigation__template ul {
    list-style: none;
    position: relative;
}

.navigation__template ul::after {
    content: "";
    position: absolute;
    top: 0;
    left: 4px;
    width: 1px;
    height: calc(100% - 16px);
    background-color: lightgray;
    opacity: .8;
}

.navigation__template nav > ul > li > a {
    background: none !important;
    color: white !important;
    border: none;
    padding-left: 30px;
    position: relative;
    display: block;
}

.navigation__template nav > ul > li > a::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 15px;
    height: 1px;
    background-color: lightgray;
    opacity: .8;
}









.publicites-web-bg {
    background: url("../images/services/publicites-web/hero-publicites-web.webp");
    background-size: cover;
}

/*New-split-section*/
.new-split-section {
    position: relative;
}
.new-split-section.left .col-img {
    padding: 0;
}
@media screen and (max-width: 768px) {
    .new-split-section.left .col-img {
        order: 2;
        width: 100%;
    }
}
.new-split-section.left img {
    left: 0;
}
.new-split-section.right .col-img {
    padding: 0;
}
@media screen and (max-width: 768px) {
    .new-split-section.right .col-img {
        width: 100%;
    }
}
.new-split-section.right img {
    right: 0;
}
.new-split-section .new-split-section-image {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    object-fit: cover;
}
@media screen and (max-width: 768px) {
    .new-split-section .new-split-section-image {
        position: relative;
        width: 100%;
        max-height: 400px;
    }
}


@media screen and (max-width: 768px) {
    .new-split-section {
        padding-bottom: 0;
    }
    
}

/*Notre Histoire*/
.notre-histoire .swiper {
    border-radius: 12px;
}

/*Notre Équipe*/


.notre-equipe .entry {
    border-radius: 12px;
    overflow: hidden;
}

.notre-equipe .entry img {
    transform: scale(1);
    transition: all .5s ease;
}

.notre-equipe .entry:hover img {
    transform: scale(1.1);
}

/*Pourquoi*/


.pourquoi .media.border,.pourquoi .swiper-slide,.pourquoi .swiper-slide img,.pourquoi .swiper-slide .certification__hover {
    border-radius: 12px;
}

@media screen and (max-width: 1180px) {
    .pourquoi {
        padding-top: 60px;
    }
}



/*Conception site web*/
.conceptionsiteweb .swiper-slide:has(.conceptionweb-icon) {
    font-size: 2.5rem;
    text-align: center;
}

.hero-conception-base {
    background: url("../images/services/conceptionweb/conception-web-header-v4.webp") center;
    background-size: cover;
}

/*Photographie*/
.photographie img:not(.u-radius-top-md):where(:not(.cta-banner img)) {
    border-radius: 12px;
}

/*ProVideo*/
.provideo .media.border,.provideo .fa.fa-play {
    border-radius: 12px;
}





/*Google Ads (ppc)*/
.ppc .media.border {
    border-radius: 12px;
}

/*Expertises*/


/*Portfolio*/


/*blogue-single et podcast-single*/

.single-blog .row ul,.single-blog .row ol {
    padding: 0;
    margin: 0;
}

.single-blog .row ul li,.single-blog .row ol li {
    list-style-type: none;
    padding-left: 25px;
    position: relative;
    margin: 5px 0;
    line-height: 28px;
}

.single-blog .row ul li::after,.single-blog .row ol li::after {
    content: "";
    font-size: 1.125rem;
    font-family: "FontAwesome", fantasy;
    position: absolute;
    color: var(--color-green);
    left: 0;
    top: 0;
}

.single-blog ul {
    padding-left: 20px;
    padding-bottom: 10px;
}

.single-blog .size-full {
    width: 100%;
    height: auto !important;
}

.single-blog details ol {
    counter-reset: item
}

.single-blog details .h2summary {
    display: block
}

.single-blog details .h2summary:before {
    content: counters(item, ".") ". ";
    counter-increment: item
}

.single-blog details .h3summary {
    display: block
}

.single-blog details .h3summary:before {
    content: counters(item, ".") " ";
    counter-increment: item
}

.single-blog .summary-blogue {
    border-radius: 25px 0px 25px 25px;
    background-color: #f2f2f2;
    padding: 25px;
    font-family: 'Oswald', sans-serif !important;
    background-image: url(/images/logos/logo-seul-blanc.gif);
    background-size: 250%;

}

.single-blog .summary-blogue .title {
    text-transform: uppercase;
    font-size: 24px;
    padding-left: 40px;
}

.single-blog .summary-blogue hr {
    border-bottom: 1px solid #eceff8;
}

.single-blog .summary-blogue .h2summary {
    margin-bottom: 8px;
    font-size: 18px;
}

.single-blog .summary-blogue .h2summary .d-flex {
    margin-top: 8px;
    font-size: 16px;
}

.single-blog .summary-blogue .h2summary a {
    color: #6e9132 !important;
}

.single-blog .summary-blogue .h3summary a {
    color: #8cb83f !important;
}

.single-blog .title-btn {
    display: block;
    margin-right: 0;
    float: right;
    padding-right: 40px
}



/*************************************
   Page AIO
**************************************/




/* Sommaire: numbers only, no arrow icon. */
.single-blog .summary-blogue li::after {
    content: none !important;
}

.single-blog .summary-blogue li {
    padding-left: 0 !important;
}

.single-blog .summary-blogue .h2summary .d-flex {
    margin-top: 8px;
    padding-left: 20px;
    font-size: inherit;
}

.single-blog .summary-blogue .h3summary {
    margin: 0;
}

.single-blog .summary-blogue .h3summary,
.single-blog .summary-blogue .h3summary a {
    font-size: inherit;
    line-height: inherit;
}

/* css/responsive.css */




@media (min-width: 1200px) {
  .container {
    max-width: 1680px;
  }
}
@media (max-width: 1200px) {
  
  
  
  
  .blog-info p {
    padding: 10px 0 20px;
  }
  .feature-text.box {
    padding: 30px;
  }
  .nav.nav-tabs li a {
    margin-right: 5px;
    margin-bottom: 0;
  }
  
  
  
  
  
  
  
  
  .vertical-header .container-fluid {
    padding: 0 30px;
  }
  
  
  
  
  
  
  
  
  
  .round .nav.nav-tabs li a {
    padding: 12px 20px;
  }
  
  
  #services .feature-text .feature-icon i,
  #services .feature-text .feature-icon span {
    padding-left: 0;
    margin-bottom: 10px;
  }
  
  
  
  
  
  
  .isotope.columns-4 .grid-item {
    width: 33.333%;
  }
  .mega-menu .menu-links > li > a {
    padding: 0 10px;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  .about-05-split .shop-split-content {
    padding: 20px 0;
  }
  .mega-menu .drop-down-multilevel {
    width: 200px;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .phone-holder {
    width: 280px;
  }
  
  
  
  
  
  
  
}
@media only screen and (min-width: 992px) and (max-width: 1500px) {
  .vertical-header .container {
    max-width: 1674px;
  }
}
@media (max-width: 1179px) {
  .mega-menu .menu-links > li > a {
    padding: 10px 8px;
  }
  
  
  
  
  
  
  
  
  
  .footer .footer-social li {
    padding: 0 1px;
  }
  
  
  .header.fullWidth .container-fluid {
    padding: 0 15px;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}
@media (max-width: 1023px) {
  .sm-mt-0 {
    margin-top: 0 !important;
  }
  .sm-mt-10 {
    margin-top: 10px !important;
  }
  
  .sm-mt-20 {
    margin-top: 20px !important;
  }
  .sm-mt-30 {
    margin-top: 30px !important;
  }
  .sm-mt-40 {
    margin-top: 40px !important;
  }
  .sm-mt-50 {
    margin-top: 50px !important;
  }
  .sm-mr-0 {
    margin-right: 0 !important;
  }
  
  
  
  .sm-mr-30 {
    margin-right: 30px !important;
  }
  
  .sm-mr-50 {
    margin-right: 50px !important;
  }
  .sm-mb-0 {
    margin-bottom: 0 !important;
  }
  .sm-mb-10 {
    margin-bottom: 10px !important;
  }
  
  .sm-mb-20 {
    margin-bottom: 20px !important;
  }
  .sm-mb-30 {
    margin-bottom: 30px !important;
  }
  
  .sm-mb-50 {
    margin-bottom: 50px !important;
  }
  
  
  
  
  .sm-ml-30 {
    margin-left: 30px !important;
  }
  
  
  
  
  
  
  
  .sm-pt-40 {
    padding-top: 40px !important;
  }
  .sm-pt-50 {
    padding-top: 50px !important;
  }
  .sm-pt-80 {
    padding-top: 50px !important;
  }
  
  
  .sm-pr-15 {
    padding-right: 15px !important;
  }
  
  
  .sm-pr-40 {
    padding-right: 40px !important;
  }
  
  .sm-pb-0 {
    padding-bottom: 0 !important;
  }
  
  
  
  
  .sm-pb-40 {
    padding-bottom: 40px !important;
  }
  
  .sm-pb-80 {
    padding-bottom: 50px !important;
  }
  .sm-pl-0 {
    padding-left: 0 !important;
  }
  
  .sm-pl-15 {
    padding-left: 15px !important;
  }
  
  
  .sm-pl-40 {
    padding-left: 40px !important;
  }
  
  
  .section-title {
    margin-bottom: 30px;
  }
  .default,.header.transparent {
    position: relative;
    background: #323232;
  }
  .mega-menu {
    min-height: 60px;
  }
  .mega-menu .menu-logo > li > a {
    padding: 0;
  }
  .mega-menu .menu-logo {
    padding: 10px 0;
  }
  
  
  
  .mega-menu .menu-logo img {
    height: 30px;
    margin: 5px 0;
  }
  .mega-menu .menu-links {
    overflow: auto;
  }
  .mega-menu .menu-links > li.active .drop-down-multilevel a:hover {
    color: #323232;
  }
  .mega-menu .drop-down-multilevel li:hover > a i.fa {
    color: #323232;
  }
  .mega-menu .drop-down-multilevel a {
    display: block;
  }
  .mega-menu .mobileTriggerButton {
    z-index: 1;
  }
  .mega-menu .drop-down,
  .mega-menu .drop-down-multilevel,
  .mega-menu .drop-down-tab-bar {
    border-top: 0 !important;
  }
  
  .header.logo-center .mega-menu {
    min-height: 60px;
  }
  
  
  
  
  
  
  
  
  
  
  .header.logo-center .menu-bar {
    border: 0;
  }
  .navbar {
    margin-bottom: 0;
  }
  
  
  .navbar-toggle {
    display: block;
    margin-right: 0;
  }
  
  
  
  .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .collapse.in {
    display: block !important;
  }
  
  
  
  
  
  .navbar-nav {
    float: none;
  }
  
  .navbar-toggle {
    margin-top: 14px;
  }
  
  
  
  .vertical-header {
    padding-left: 0;
  }
  .vertical-header .header {
    left: inherit;
    padding-bottom: 150px;
  }
  
  
  
  
  
  
  #left-header {
    position: fixed;
    left: -230px;
    top: 0;
    width: 230px;
    height: 100%;
    z-index: 9999;
  }
  .but span {
    position: absolute;
    right: 15px;
    top: 20px;
    font-size: 24px;
    color: #fff;
  }
  .but span {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
  }
  .but.active span {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  
  
  
  
  
  
  
  
  
  
  
  
  .mega-menu > section.menu-list-items {
    height: 60px !important;
  }
  
  
  
  .logo-center .mega-menu .menu-logo {
    padding: 14px 0;
  }
  .header.fullWidth .container-fluid {
    padding: 0 20px;
  }
  .mega-menu .drop-down-multilevel {
    width: inherit;
  }
  .mega-menu .menu-links {
    padding: 10px;
  }
  .header .mega-menu.mobileTopFixed .menu-list-items {
    background: #323232;
  }
  
  
  .logo-center
    .mega-menu.desktopTopFixed
    .menu-list-items
    .menu-links
    > li
    > a {
    padding: 0 8px;
  }
  .header.logo-center .mega-menu.desktopTopFixed .menu-bar {
    width: 100%;
  }
  .mega-menu.mobileTopFixed .menu-logo {
    padding: 10px 0;
  }
  
  
  
  
  
  
  
  .mega-menu .drop-down,
  .mega-menu .drop-down-tab-bar {
    padding: 0;
  }
  .mega-menu .drop-down-multilevel {
    padding: 0;
  }
  
  .mega-menu .drop-down-multilevel a {
    padding: 10px 20px;
  }
  
  
  
  .page-title {
    padding-top: 100px;
    text-align: left;
  }
  
  .page-title.right .page-title-name {
    text-align: right;
    float: none;
    width: 100%;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .feature-text.box {
    padding: 20px 10px;
  }
  
  
  
  .counter .timer {
    font-size: 38px;
  }
  .counter label {
    font-size: 14px;
  }
  
  
  .menu-bar {
    float: none;
  }
  .mega-menu .menu-links > li > a {
    line-height: normal;
  }
  .mega-menu .menu-mobile-collapse-trigger {
    height: 50px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
  }
  
  
  
  
  
  .split-section .img-side {
    display: none;
  }
  
  
  
  
  
  
  
  
  
  
  .isotope.columns-4 .grid-item {
    width: 50%;
  }
  
  
  .masonry.columns-4 .masonry-item {
    width: 50%;
  }
  
  
  
  
  
  
  img#logo-footer {
    height: 30px;
  }
  
  
  
  .buttons .button {
    margin-bottom: 10px;
  }
  .buttons button {
    margin-bottom: 4px;
  }
  .button + .button {
    margin-left: 3px;
  }
  .countdown {
    margin: 0 10px;
  }
  .countdown.medium {
    margin: 0 15px;
  }
  .countdown.large {
    margin: 0 10px;
  }
  .countdown.round.medium {
    width: 140px;
    height: 140px;
  }
  .countdown.medium span {
    font-size: 50px;
  }
  .countdown.round.medium span {
    line-height: 58px;
  }
  .countdown.round.large {
    width: 150px;
    height: 150px;
  }
  .countdown.large span {
    font-size: 60px;
  }
  .countdown.round.large span {
    line-height: 62px;
  }
  
  
  
  
  .vertical-header .container-fluid {
    padding: 0 15px;
  }
  
  
  
  
  .page-section-1-pb {
    padding-bottom: 70px;
  }
  
  
  
  .appointment {
    margin-top: 0;
  }
  
  
  .shop-split-content {
    padding: 40px 0;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .footer .divider {
    display: none;
  }
  
  
  .blog-box.blog-2 .button.icon-color {
    margin-top: 10px;
    float: none !important;
  }
  
  
  .navbar {
    border-radius: 0;
  }
  
  
  
  .page-title .page-title-name {
    width: 100%;
  }
  
  
  
  
  
  
  
  .footer #logo-footer {
    height: 40px;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .about-05-split.page-section-ptb {
    padding: 0;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  .logo-center
    .mega-menu.desktopTopFixed
    .menu-list-items
    .menu-links
    > li
    > a {
    line-height: 40px;
  }
  
  .mega-menu .menu-logo img.logo-big {
    height: 36px;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .blog-box.blog-2 .blog-info {
    padding: 10px;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}
@media (max-width: 767px) {
  .xs-mt-0 {
    margin-top: 0 !important;
  }
  .xs-mt-10 {
    margin-top: 10px !important;
  }
  
  .xs-mt-20 {
    margin-top: 20px !important;
  }
  
  
  .xs-mr-0 {
    margin-right: 0 !important;
  }
  
  
  
  
  
  .xs-mb-0 {
    margin-bottom: 0 !important;
  }
  
  
  .xs-mb-20 {
    margin-bottom: 20px !important;
  }
  .xs-mb-30 {
    margin-bottom: 30px !important;
  }
  
  .xs-ml-0 {
    margin-left: 0 !important;
  }
  
  
  
  
  
  
  .xs-pt-10 {
    padding-top: 10px !important;
  }
  
  
  
  
  .xs-pr-0 {
    padding-right: 0 !important;
  }
  .xs-pr-10 {
    padding-right: 10px !important;
  }
  
  
  
  
  
  .xs-pb-10 {
    padding-bottom: 10px !important;
  }
  
  .xs-pb-20 {
    padding-bottom: 20px !important;
  }
  
  
  
  .xs-pl-10 {
    padding-left: 10px !important;
  }
  .xs-pl-15 {
    padding-left: 15px !important;
  }
  
  
  
  .page-section-ptb {
    padding: 50px 0;
  }
  .page-section-pt {
    padding: 50px 0 0;
  }
  .page-section-pb {
    padding: 0 0 50px;
  }
  
  .header.fullWidth .container-fluid {
    padding: 0 20px;
  }
  
  
  
  
  
  
  
  img#logo-footer {
    height: 40px;
  }
  
  .social.text-right {
    text-align: left;
    margin-top: 20px;
  }
  
  
  
  
  .copyright .text-right {
    text-align: left;
    margin-top: 15px;
  }
  
  .footer-widget.mt-60 {
    margin-top: 0 !important;
  }
  .footer-box {
    margin-bottom: 20px;
    margin-top: 30px;
  }
  
  
  
  
  
  
  
  
  
  .isotope.columns-4 .grid-item {
    width: 50%;
  }
  
  .feature-text.box {
    padding: 30px;
  }
  .footer-widget {
    text-align: left;
  }
  
  
  
  
  .team {
    margin-bottom: 30px;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  .isotope.columns-4 .grid-item {
    width: 100%;
  }
  
  
  .masonry.columns-4 .masonry-item {
    width: 100%;
  }
  
  
  
  
  
  
  .process.left .process-step {
    top: 30px;
  }
  .process .process-step strong {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .process.left .process-step {
    left: -20px;
  }
  .process.right .process-step {
    right: -20px;
  }
  
  
  .countdown.round {
    width: 100px;
    height: 100px;
  }
  .countdown.round span {
    font-size: 30px;
    line-height: 30px;
  }
  .countdown.round {
    padding: 16px;
  }
  .countdown.round.medium {
    width: 100px;
    height: 100px;
  }
  .countdown.round.medium span {
    font-size: 30px;
    line-height: 30px;
  }
  .countdown.round.large {
    width: 100px;
    height: 100px;
  }
  .countdown.round.large span {
    font-size: 30px;
  }
  .countdown.round.large span {
    line-height: 30px;
  }
  .dataTables_paginate .pagination > li {
    display: inline-block;
    text-align: center;
  }
  
  
  
  
  
  .feature-text .feature-icon i,
  .feature-text .feature-icon span {
    padding-left: 0;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  #rev_slider_11_1_wrapper strong {
    font-size: 20px !important;
  }
  #rev_slider_13_1_wrapper i {
    font-size: 20px !important;
  }
  
  .isotope,
  .masonry {
    margin: 0;
  }
  
  
  
  
  .blog-box.blog-2 .button.icon-color {
    margin-top: 0;
    float: right !important;
  }
  
  .owl-carousel .owl-dots {
    bottom: -15px;
  }
  
  
  .footer .footer-social ul.text-right {
    text-align: left;
  }
  
  
  
  
  .footer .container-fluid {
    padding: 0 15px;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .list-unstyled.pl-60 {
    padding-left: 0 !important;
  }
  
  .divider.pt-50 {
    padding-top: 30px !important;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .team .team-photo img {
    width: 100%;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  .blog-box.blog-2 .blog-info {
    padding: 20px;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}
@media (max-width: 600px) {
  
  
  
  
  
  
  
  
  
  
  
  
  .isotope.columns-4 .grid-item {
    width: 100%;
  }
  
  
  
  .feature-text .feature-icon {
    font-size: 38px;
  }
  
  .feature-text.box {
    padding: 30px;
  }
  
  .testimonial-info p {
    margin: 25px 0 0;
    padding: 0 0 20px;
  }
  
  
  
  
  
  
  
  
  .countdown.small span {
    font-size: 30px;
  }
  .countdown span {
    font-size: 30px;
  }
  .countdown.medium span {
    font-size: 30px;
  }
  .countdown.medium {
    margin: 0 10px;
  }
  .countdown.large span {
    font-size: 30px;
  }
  .countdown.large {
    margin: 0 6px;
  }
  .countdown.gray-bg {
    margin: 0 1px;
    padding: 8px;
  }
  
  .countdown.round {
    margin-bottom: 10px;
  }
  .countdown.round.small {
    padding: 16px;
  }
  
  .pagination > li {
    display: inline-block;
    margin-bottom: 3px;
  }
  .owl-carousel .owl-dots {
    bottom: 20px;
  }
  
  
  
  
  
  
  
  .tab .nav.nav-tabs li {
    margin-bottom: 0;
  }
  
  
  
  
  
  
  
  
  
  
  .row.mt-80 {
    margin-top: 30px !important;
  }
  
  
  
  .accordion.animated .acd-group.acd-active .acd-heading {
    font-size: 22px;
  }
  
  
  
  .isotope.columns-4 .grid-item {
    padding-right: 0;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  .countdown.round {
    display: block;
    margin: 5px auto;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  #main-slider .carousel-indicators {
    bottom: 0;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .masonry.columns-4 .masonry-item {
    padding-right: 0;
  }
  .isotope.columns-4 .grid-item {
    padding-right: 0;
  }
  
  
  
  
  
  
  
  
  
  
  
}
@media (max-width: 479px) {
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .round .nav.nav-tabs li a {
    margin-right: 1px;
    padding: 8px 15px;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .nav.nav-tabs li {
    display: block;
    float: none;
    margin-bottom: 10px;
    text-align: center;
  }
  
  
  
  
  
  
  .testimonial-info p {
    padding: 0 10px 20px;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  .phone-holder {
    width: 260px;
  }
  
  
  
  
  
  .st-menu {
    width: 280px;
  }
  

  

  

  
  
  
  
  
  .owl-carousel .owl-dots {
    bottom: 0;
  }
  
  
  
  
  
  
  
  
  
  .accordion.animated .acd-group.acd-active .acd-heading {
    font-size: 20px;
  }
  
  
  
  .countdown.round {
    display: block;
    margin: 0 auto 20px;
  }
  
  
  
  
  
  
  
  
  
  
  
  .countdown.small {
    margin: 10px 4px 0;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .footer-box .box-link {
    display: block;
    padding-left: 0;
  }
  
  
  .tab .nav.nav-tabs li a {
    margin-bottom: 5px;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .location h2 {
    margin-bottom: 0 !important;
  }
  .location .button {
    padding: 6px 20px;
  }
  
  .media .media-icon span {
    font-size: 28px;
  }
  
  
  
  
  
  
  
  
  
}