@charset "UTF-8";
/* 
======================================================================== 

AVOIR: theme.css
Main Theme CSS file

@Author: Andrew ch 
@URL: http://andrewch.eu
 
This is the file you need to edit to change the look of the theme.

======================================================================== 

- // TABLE OF CONTENTS // -

========================================================================

01. Components
02. Header
03. Typography
04. Utilities
05. Buttons
06. Blog
07. Contact
08. Footer
09. Portfolio
10. Animate.css
11. Revolution Slider
12. Magnific Popup
13. Font Icons
14. On Scroll Animations
15. Widgets

*/
/* COMPONETS */
/* ===================================== */
/* - General Section Classes - */

/*theme fonts*/

@font-face {
    font-family: 'trump_gothic_eastbold';
    src: url('/client-assets/fonts/trump_gothic_east_bold-webfont.woff2') format('woff2'),
    url('/client-assets/fonts/trump_gothic_east_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Larsseit';
    src: url('/client-assets/fonts/Larsseit-Medium.eot');
    src: url('/client-assets/fonts/Larsseit-Medium.eot?#iefix') format('embedded-opentype'),
    url('/client-assets/fonts/Larsseit-Medium.woff2') format('woff2'),
    url('/client-assets/fonts/Larsseit-Medium.woff') format('woff'),
    url('/client-assets/fonts/Larsseit-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Larsseit';
    src: url('/client-assets/fonts/Larsseit-Thin.eot');
    src: url('/client-assets/fonts/Larsseit-Thin.eot?#iefix') format('embedded-opentype'),
    url('/client-assets/fonts/Larsseit-Thin.woff2') format('woff2'),
    url('/client-assets/fonts/Larsseit-Thin.woff') format('woff'),
    url('/client-assets/fonts/Larsseit-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Larsseit';
    src: url('/client-assets/fonts/Larsseit-Light.eot');
    src: url('/client-assets/fonts/Larsseit-Light.eot?#iefix') format('embedded-opentype'),
    url('/client-assets/fonts/Larsseit-Light.woff2') format('woff2'),
    url('/client-assets/fonts/Larsseit-Light.woff') format('woff'),
    url('/client-assets/fonts/Larsseit-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Larsseit';
    src: url('/client-assets/fonts/Larsseit.eot');
    src: url('/client-assets/fonts/Larsseit.eot?#iefix') format('embedded-opentype'),
    url('/client-assets/fonts/Larsseit.woff2') format('woff2'),
    url('/client-assets/fonts/Larsseit.woff') format('woff'),
    url('/client-assets/fonts/Larsseit.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*theme fonts*/

.section {
    position: relative;
    z-index: 999;
    padding: 70px 0px;
}

.section.section-white {
    background-color: #fff;
    color: #131313 !important;
}

.section.section-semi-white {
    background-color: #f4f4f4;
    color: #131313 !important;
}

.section.section-black {
    background-color: #131313;
    color: #fdfdfd !important;
}

.section.section-black a {
    color: #fff;
}

.section.section-black a:hover {
    color: #e74c4c;
}

.section.section-black .section-head p {
    opacity: 1;
}

.section.section-padding-top-more {
    padding-top: 150px;
}

a {
    cursor: pointer;
}

/* -- Section Decorations -- */
[class*="decor-"] {
    position: absolute;
    width: 100%;
    height: 60px;
    left: 0;
}

[class*="decor-"] svg {
    height: 101%;
}

.decor-top {
    bottom: 100%;
}

.decor-bottom {
    top: 100%;
}

.decor {
    display: block;
    position: relative;
    margin: 0 auto;
}

/* - Sections height - */
.section-short {
    padding: 60px 0;
}

.section-tiny {
    padding: 24px 0;
}

.section-nopadding {
    padding: 0 !important;
    position: relative;
}

.section-nopadding-bottom {
    padding-bottom: 0 !important;
}

.section-nopadding-top {
    padding-top: 0 !important;
}

/* - Full height Sections - */
.section-fullheight {
    min-height: 100vh;
    width: 100%;
}

/* - Responsive Sections - */
@media (min-width: 1400px) {
    .section {
        padding: 70px 0;
    }

    .layout-pb {
        padding: 120px 0;
    }

    .section-short {
        padding: 72px 0;
    }

    .section-tiny {
        padding: 24px 0;
    }
}

@media (max-width: 767px) {
    .section {
        padding: 60px 0;
    }

    .section-short {
        padding: 48px 0;
    }

    .section-tiny {
        padding: 24px 0;
    }

    [class*="decor-"] {
        height: 36px;
    }

    .container {
        padding: 0 20px;
    }

    .section .section .container {
        padding: 0;
        width: auto;
    }
}

/* - Section Heading - */
.section-head h2 {
    letter-spacing: 9px;
    margin-bottom: 24px;
}

@media (max-width: 700px) {
    .section-head h2 {
        line-height: 40px !important;
    }
}

.section-head h3 {
    letter-spacing: 4px;
    margin-bottom: 24px;
}

@media (max-width: 700px) {
    .section-head h3 {
        line-height: 40px !important;
    }
}

.section-head h4 {
    letter-spacing: 2px;
    margin-bottom: 24px;
}

.section-head span {
    margin-bottom: 10px;
}

.section-head small {
    font-weight: 400;
    font-size: 12px;
    padding-bottom: 14px;
    display: block;
}

.section-head p {
    max-width: 700px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    line-height: 26px !important;
    opacity: .8;
    margin-bottom: 24px;
}

.section-head img {
    margin-top: 5px;
    margin-bottom: 20px;
}

.section-head a.btn-next-section {
    font-size: 24px;
    z-index: 999;
    margin-top: 48px;
}

.section-head a.btn-next-section:hover {
    color: #fff;
}

.section-head-white > * {
    color: #fff;
}

/* - Header Introduction - */
section.header-introduction {
    padding: 136px 0px 106px 0px;
    background-color: #131313;
    width: 100%;
    z-index: 0;
}

section.header-introduction .section-head span {
    font-size: 16px;
}

section.header-introduction .section-head h2 {
    font-weight: 900;
}

.header-introduction-small {
    padding-top: 250px;
    padding-bottom: 150px;
    min-height: 300px !important;
    position: relative;
}

.header-introduction-small .section-head span {
    font-size: 16px;
}

.header-introduction-small .section-head h2 {
    font-weight: 900;
    letter-spacing: 0;
    font-size: 110px;
}

@media (max-width: 991px) {
    .header-introduction-small .section-head h2 {
        font-size: 80px;
    }
}

@media (max-width: 480px) {
    .header-introduction-small .section-head h2 {
        font-size: 50px;
    }
}

.hide {
    display: none;
}

/* - Breadcrumb - */
ul.breadcrumb {
    background-color: transparent;
}

ul.breadcrumb li + li:before {
    content: '/';
    padding-left: 5px;
    padding-right: 10px;
    color: #ccc;
    font-size: 14px;
    vertical-align: middle;
}

ul.breadcrumb li a {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 2px;
}

ul.breadcrumb li a:hover {
    color: #e74c4c;
}

/* - Slider Revolution Captions - */
.caption-bordered h2 {
    border: 15px solid #fff;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 24px;
    margin-bottom: 24px !important;
    color: #fff !important;
}

.caption-bordered span {
    color: #fff !important;
    font-size: 16px !important;
    margin-bottom: 48px !important;
}

.caption-bordered a.btn-link {
    color: #fff !important;
    display: block;
}

.caption-bordered a.btn-link:hover {
    color: #e74c4c !important;
}

.caption-classic h2 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 24px;
    margin-bottom: 24px !important;
    color: #fff !important;
    letter-spacing: .5px;
    line-height: 122px !important;
}

@media (max-width: 768px) {
    .caption-classic h2 {
        line-height: 68px !important;
    }
}

@media (max-width: 480px) {
    .caption-classic h2 {
        line-height: 48px !important;
    }

    .mobile-menu {
        display: none;
    }
}

.caption-classic img {
    margin-bottom: 24px !important;
    width: 40px !important;
    height: auto !important;
}

.caption-classic p {
    line-height: 26px !important;
    color: #fff !important;
    opacity: 1;
    margin-bottom: 0px !important;
}

.caption-classic span {
    color: #fff !important;
    font-size: 14px !important;
    margin-bottom: 0px !important;
}

.caption-classic a.btn-white {
    margin-top: 24px !important;
}

.caption-classic a.btn-link {
    color: #fff !important;
    display: block;
}

.caption-classic a.btn-link:hover {
    color: #e74c4c !important;
}

/* - Background Image - */
.background-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.background-image .background-image-center {
    background-position: center;
}

/* - Go top - */
.go-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9;
    width: 30px;
    height: 30px;
}

.go-top svg {
    cursor: pointer;
}

/* - Icon Blocks - */
.icon-block i {
    font-size: 30px;
    margin-bottom: 24px;
    display: block;
}

.icon-block h4 {
    margin-bottom: 14px;
}

.icon-block p {
    margin-bottom: 24px;
}

/* - Content Block - */
.content-block div {
    display: table;
    background-color: #fff;
    width: 70px;
    height: 70px;
    position: absolute;
    left: 0px;
    top: 7px;
    text-align: center;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    background-clip: padding-box !important;
    /* stops bg color from leaking outside the border: */
}

.content-block div i {
    font-size: 26px;
    color: #131313;
    display: table-cell;
    vertical-align: middle;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    background-clip: padding-box !important;
    /* stops bg color from leaking outside the border: */
}

.content-block h2 {
    margin-left: 68px;
    margin-top: 10px;
    font-weight: 900;
    margin-bottom: 10px;
    z-index: 9;
}

.content-block p {
    margin-left: 68px;
    z-index: 9;
}

.content-block span {
    position: absolute;
    font-size: 146px;
    top: -50px;
    opacity: .1;
    font-weight: 900;
    color: #8d8d8d;
}

/* - Banner - */
.banner span {
    padding-bottom: 10px;
}

.banner h2 {
    font-weight: 900;
    padding-bottom: 24px;
}

.banner p {
    padding-bottom: 24px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-size: 20px;
}

.banner img {
    margin-top: 20px;
    margin-bottom: 30px;
}

/* - Instagram Widget - */
ul.instagram-widget li img {
    width: 100%;
}

/* - Forms Cotrol - */
.form-control {
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    background-clip: padding-box !important;
    /* stops bg color from leaking outside the border: */
    box-shadow: none;
    border-color: rgba(19, 19, 19, 0.4);
}

.form-control:active,
.form-control:focus {
    outline: none !important;
    box-shadow: none;
    border: 1px solid rgba(19, 19, 19, 0.4) !important;
}

/* - Text Block - */
.text-block h4 {
    font-weight: 400;
    letter-spacing: 2px;
    margin-bottom: 24px;
}

.text-block p {
    max-width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    opacity: .7;
    margin-bottom: 24px;
}

.text-block img {
    margin-bottom: 24px;
}

.text-block .signature
span {
    display: block;
}

.text-block .signature
span small {
    font-size: 10px;
    opacity: .7;
    letter-spacing: 0;
    display: block;
}

.text-block img.negative-margin {
    margin-bottom: -200px;
    z-index: 99;
    position: relative;
    -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;
    transition: all 0.5s ease-in-out;
}

.motion-image-animation {
    -moz-transform: translate(0px, 20px);
    -o-transform: translate(0px, 20px);
    -ms-transform: translate(0px, 20px);
    -webkit-transform: translate(0px, 20px);
    transform: translate(0px, 20px);
}

.motion-image-animation-stop {
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

/* - Gallery - */
.gallery div img {
    margin: 24px 0;
    width: 100%;
}

/* - Team Members - */
.team-member {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    min-height: 630px;
    position: relative;
    z-index: 99999999;
}

.team-member span {
    display: block;
    margin-bottom: 10px;
}

.team-member h2 {
    margin-bottom: 24px;
    letter-spacing: 1px;
}

.team-member img {
    margin-bottom: 24px;
}

.team-member div {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-animation: fadeOutDown 0.2s;
    animation: fadeOutDown 0.2s;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.team-member div a {
    font-size: 22px;
    margin: 0 3px;
}

@media (max-width: 991px) {
    .team-member div {
        opacity: 1;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 991px) {
    .team-member:hover div {
        opacity: 1;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -webkit-animation: fadeInUp 0.2s;
        animation: fadeInUp 0.2s;
    }
}

/* - Clients - */
.background-image-absolute {
    margin-top: -240px;
}

/*  - Services - */
.services i {
    font-size: 40px;
    margin-bottom: 24px;
    color: #131313;
    position: relative;
    display: block;
}

.services h4 {
    font-weight: 600;
    margin-bottom: 24px;
}

.services .row div:after {
    content: '';
    width: 20px;
    height: 1px;
    background-color: #ddd;
    margin: 24px 0;
}

.counter-wrap {
    padding: 48px 0;
    position: relative;
    z-index: 999;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.counter-wrap i {
    font-size: 40px;
}

.counter-wrap h3 {
    font-weight: 800;
    font-size: 16px;
    letter-spacing: 2px;
}

.counter-wrap span {
    display: block;
    margin-bottom: 20px;
    margin-top: 24px;
    font-size: 28px !important;
}

.counter-wrap p {
    margin-top: 14px;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-animation: fadeInUp 0.2s;
    animation: fadeInUp 0.2s;
}

.counter-wrap:hover p {
    opacity: 1;
    -webkit-animation: fadeInUp 0.2s;
    animation: fadeInUp 0.2s;
}

.counter-dark {
    background-color: #40d47e !important;
}

.counter-semi-dark {
    background-color: #59d98f !important;
}

.counter-light {
    background-color: #69dd9a !important;
}

/* - Monitor Slider-  */
.monitor-slider-wrap {
    position: absolute !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: -1px;
    width: 100%;
    height: 100%;
    max-width: 755px;
    margin-left: auto;
    margin-right: auto;
    z-index: 99;
}

.monitor-slider {
    position: absolute;
    top: 33px;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-backface-visibility: hidden;
    z-index: 999;
}

/* - Loading bar services - */
.cd-headline.type .cd-words-wrapper {
    vertical-align: top;
    overflow: hidden;
}

.cd-headline.type .cd-words-wrapper::after {
    /* vertical bar */
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100%;
    width: 2px;
    display: block;
    background-color: #131313;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    font: inherit;
}

.cd-headline.type .cd-words-wrapper.waiting::after {
    -webkit-animation: cd-pulse 0.5s infinite;
    -moz-animation: cd-pulse 0.5s infinite;
    animation: cd-pulse 0.5s infinite;
}

.cd-headline.type .cd-words-wrapper.selected {
    background-color: #131313;
    color: #fff;
}

.cd-headline.type .cd-words-wrapper.selected::after {
    visibility: hidden;
}

.cd-headline.type .cd-words-wrapper.selected b {
    background-color: #131313;
    color: #fff;
}

.cd-headline.type b {
    visibility: hidden;
    font-style: normal;
}

.cd-headline.type b.is-visible {
    visibility: visible;
    font-style: normal;
}

.cd-headline.type i {
    position: absolute;
    visibility: hidden;
}

.cd-headline.type i.in {
    position: relative;
    visibility: visible;
}

@-webkit-keyframes cd-pulse {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        opacity: 1;
    }
    40% {
        -webkit-transform: translateY(-50%) scale(0.9);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-50%) scale(0);
        opacity: 0;
    }
}

@-moz-keyframes cd-pulse {
    0% {
        -moz-transform: translateY(-50%) scale(1);
        opacity: 1;
    }
    40% {
        -moz-transform: translateY(-50%) scale(0.9);
        opacity: 0;
    }
    100% {
        -moz-transform: translateY(-50%) scale(0);
        opacity: 0;
    }
}

@keyframes cd-pulse {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        -moz-transform: translateY(-50%) scale(1);
        -ms-transform: translateY(-50%) scale(1);
        -o-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
        opacity: 1;
    }
    40% {
        -webkit-transform: translateY(-50%) scale(0.9);
        -moz-transform: translateY(-50%) scale(0.9);
        -ms-transform: translateY(-50%) scale(0.9);
        -o-transform: translateY(-50%) scale(0.9);
        transform: translateY(-50%) scale(0.9);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-50%) scale(0);
        -moz-transform: translateY(-50%) scale(0);
        -ms-transform: translateY(-50%) scale(0);
        -o-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        opacity: 0;
    }
}

.cd-headline {
    margin-bottom: 24px;
}

.cd-headline span {
    line-height: 50px;
}

.cd-headline span b {
    display: inline-block;
    left: 0;
    position: absolute;
    margin-right: 5px;
}

.cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left;
}

.cd-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0;
}

.cd-words-wrapper b.is-visible {
    position: relative;
}

.no-js .cd-words-wrapper b {
    opacity: 0;
}

.no-js .cd-words-wrapper b.is-visible {
    opacity: 1;
}

/* - Loader - */
.loading {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2A2826;
    z-index: 99999999;
}

.loading h5 {
    font-size: 10px;
    color: #747474;
    text-transform: uppercase;
}

.loading b {
    padding: 0 !important;
    line-height: 26px;
    font-weight: 600 !important;
    font-style: normal;
}

.loading b .is-visible {
    font-style: normal;
}

.loading b .is-visible ::first-letter {
    text-transform: uppercase;
    font-size: 20px;
}

.loading img.loader-logo {
    margin-bottom: 24px;
    -webkit-animation: fadeInUp 0.5s;
    animation: fadeInUp 0.5s;
}

.loading img.loader {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    -webkit-animation: fadeInUp 0.5s;
    animation: fadeInUp 0.5s;
}

.cd-headline.clip span {
    display: inline-block;
    padding: 0px 0px 0px 10px;
    text-align: center;
}

.cd-headline.clip .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top;
}

.cd-headline.clip .cd-words-wrapper::after {
    /* line */
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    display: none;
}

.cd-headline.clip b {
    opacity: 0;
}

.cd-headline.clip b.is-visible {
    opacity: 1;
}

.hidden {
    visibility: hidden;
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
}

/* - Pagination - */
.pagination > li {
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    background-clip: padding-box !important;
    /* stops bg color from leaking outside the border: */
    margin-right: 0px !important;
    display: inline-block;
    margin-top: 0px;
}

.pagination > li > a {
    background-color: transparent;
    border: 0px;
    color: #131313;
    text-decoration: none;
    cursor: pointer;
    font-weight: 300;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    background-clip: padding-box !important;
    font-size: 16px;
}

.pagination > li > a:focus {
    background-color: transparent;
    color: #e74c4c;
}

.pagination > li > a:hover {
    background-color: transparent;
    color: #fa4248;
}

.pagination > li.pagination-btn a {
    background-color: transparent;
    color: #131313 !important;
}

/* - Video - */
video {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    top: 78px;
    left: 0;
    opacity: 8;
}

/* - Parallax - */
.parallax-wrap {
    width: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.parallax-wrap img {
    width: 100%;
}

/* HEADER */
/* ===================================== */
/* Header */
.main-navigation {
    position: absolute;
    width: 100%;
}

/* Logo */
.logo img {
    height: 69px;
    margin: 15px 0px;
    z-index: 99999;
    position: relative;
}

/* - Desktop Menu - */
nav {
    text-align: right;
}

nav ul {
    margin: 35px 0px;
    z-index: 99999;
    position: relative;
}

nav ul li {
    display: inline-block;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: 400;
}

nav ul li:first-child {
    padding-left: 0;
}

nav ul li:last-child {
    padding-right: 0;
}

nav ul li a {
    color: #fdfdfd;
    letter-spacing: 1.1px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "trump_gothic_eastbold";
}

nav ul li a.active-menu {
    color: #e74c4c !important;
}


@media (max-width: 991px) {
    nav ul {
        display: none;
    }
}

svg.t-icon.t-icon--arrow-right-border.arrow-angle-left {
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

/* - Dropdown - */
.dropdown-icon {
    margin-left: 3px;
}

/* .dropdown-toggle:hover svg {
	line {
		@include transition(.2s);
		stroke:$brand-primary;
	}
} */
ul.dropdown-menu {
    border: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-border-radius: 1px !important;
    border-radius: 1px !important;
    background-clip: padding-box !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    right: 0;
    left: auto;
    box-shadow: 1px 7px 11px rgba(113, 113, 113, 0.18);
}

ul.dropdown-menu li {
    padding-left: 0;
    margin-left: 0;
    display: block;
}

ul.dropdown-menu li:hover {
    background-color: none;
}

ul.dropdown-menu li a {
    font-size: 13px !important;
    font-weight: 500;
    opacity: .9;
    letter-spacing: 0px;
    font-family: "Larsseit" !important;
    text-transform: none;
}

ul.dropdown-menu li a:hover {
    background-color: transparent;
    color: #e74c4c;
}

.well-bg h4 {
    font-size: 20px;
    font-weight: 500;
}

tbody td a.remove-cart {
    display: inline-block !important;
    color: red !important;
}

/* - Mobile Menu - */
.mobile-menu-trigger {
    z-index: 999;
    position: relative;
}

.mobile-navigation {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    margin-left: 0 !important;
    background-color: #131313;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: none !important;
}

.mobile-navigation.visible {
    opacity: 1;
    z-index: 999999 !important;
    display: table !important;
}

.mobile-header #navicon {
    top: 26px;
}

.mobile-navigation ul li {
    margin-top: 24px;
    transform: translateY(16px);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.mobile-navigation ul li.list-animation {
    transform: translateY(0px);
}

.mobile-navigation ul li:nth-child(2) {
    -moz-transition-delay: 0.02s;
    -o-transition-delay: 0.02s;
    -webkit-transition-delay: 0.02s;
    transition-delay: 0.02s;

}

.mobile-navigation ul li:nth-child(3) {
    -moz-transition-delay: 0.04s;
    -o-transition-delay: 0.04s;
    -webkit-transition-delay: 0.04s;
    transition-delay: 0.04s;

}

.mobile-navigation ul li:nth-child(4) {
    -moz-transition-delay: 0.06s;
    -o-transition-delay: 0.06s;
    -webkit-transition-delay: 0.06s;
    transition-delay: 0.06s;

}

.mobile-navigation ul li:nth-child(5) {
    -moz-transition-delay: 0.08s;
    -o-transition-delay: 0.08s;
    -webkit-transition-delay: 0.08s;
    transition-delay: 0.08s;

}

.mobile-navigation ul li:nth-child(6) {
    -moz-transition-delay: 0.01s;
    -o-transition-delay: 0.01s;
    -webkit-transition-delay: 0.01s;
    transition-delay: 0.01s;

}

.mobile-navigation ul li a {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #fdfdfd;
}

.mobile-navigation ul li ul li a {
    color: #000;
}

.mobile-navigation ul li ul {
    z-index: 9;
    position: absolute;
    right: 0;
    top: 0;

}

.mobile-navigation ul li a.active-menu {
    color: #e74c4c;
    font-weight: 600;
}

.mobile-navigation ul li a:hover {
    color: #e74c4c !important;
}

.content a {
    font-size: 14px !important;
    padding-top: 24px;
    position: relative;
    display: block;
    color: darkgray !important;
}

.content a:hover {
    color: #e74c4c;
}

/* HEADER */
/* ===================================== */
#navicon .bar {
    width: 30px;
    height: 2px;
    background-color: #fdfdfd;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

#navicon .bar:nth-of-type(2) {
    margin-top: -10px;
}

#navicon .bar:nth-of-type(3) {
    margin-top: 14px;
}

#navicon.active .bar:nth-of-type(1) {
    -webkit-animation: dissappear 0.5s ease;
    -moz-animation: dissappear 0.5s ease;
    -o-animation: dissappear 0.5s ease;
    animation: dissappear 0.5s ease;
    -webkit-animation-fill-mode: forwards;
    -mox-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#navicon.active .bar:nth-of-type(2) {
    -webkit-animation: squishTop 0.5s ease;
    -moz-animation: squishTop 0.5s ease;
    -o-animation: squishTop 0.5s ease;
    animation: squishTop 0.5s ease;
    -webkit-animation-fill-mode: forwards;
    -mox-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#navicon.active .bar:nth-of-type(3) {
    -webkit-animation: squishBottom 0.5s ease;
    -moz-animation: squishBottom 0.5s ease;
    -o-animation: squishBottom 0.5s ease;
    animation: squishBottom 0.5s ease;
    -webkit-animation-fill-mode: forwards;
    -mox-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#navicon.inactive .bar:nth-of-type(1) {
    -webkit-animation: dissappearRev 0.5s ease;
    -moz-animation: dissappearRev 0.5s ease;
    -o-animation: dissappearRev 0.5s ease;
    animation: dissappearRev 0.5s ease;
    -webkit-animation-fill-mode: forwards;
    -mox-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#navicon.inactive .bar:nth-of-type(2) {
    -webkit-animation: squishTopRev 0.5s ease;
    -moz-animation: squishTopRev 0.5s ease;
    -o-animation: squishTopRev 0.5s ease;
    animation: squishTopRev 0.5s ease;
    -webkit-animation-fill-mode: forwards;
    -mox-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#navicon.inactive .bar:nth-of-type(3) {
    -webkit-animation: squishBottomRev 0.5s ease;
    -moz-animation: squishBottomRev 0.5s ease;
    -o-animation: squishBottomRev 0.5s ease;
    animation: squishBottomRev 0.5s ease;
    -webkit-animation-fill-mode: forwards;
    -mox-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-moz-keyframes squishBottom {
    0% {
        margin-top: 14px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        margin-top: -3px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
}

@-webkit-keyframes squishBottom {
    0% {
        margin-top: 14px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        margin-top: -3px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
}

@-o-keyframes squishBottom {
    0% {
        margin-top: 14px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        margin-top: -3px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
}

@keyframes squishBottom {
    0% {
        margin-top: 14px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        margin-top: -3px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
}

@-moz-keyframes squishTop {
    0% {
        margin-top: -10px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        margin-top: -3px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

@-webkit-keyframes squishTop {
    0% {
        margin-top: -10px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        margin-top: -3px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

@-o-keyframes squishTop {
    0% {
        margin-top: -10px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        margin-top: -3px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

@keyframes squishTop {
    0% {
        margin-top: -10px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        margin-top: -3px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

@-moz-keyframes dissappear {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    65% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes dissappear {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    65% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@-o-keyframes dissappear {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    65% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes dissappear {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    65% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes squishBottomRev {
    0% {
        margin-top: -3px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
    50% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        margin-top: 14px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes squishBottomRev {
    0% {
        margin-top: -3px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
    50% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        margin-top: 14px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-o-keyframes squishBottomRev {
    0% {
        margin-top: -3px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
    50% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        margin-top: 14px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes squishBottomRev {
    0% {
        margin-top: -3px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
    50% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        margin-top: 14px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-moz-keyframes squishTopRev {
    0% {
        margin-top: -3px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    50% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        margin-top: -10px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes squishTopRev {
    0% {
        margin-top: -3px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    50% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        margin-top: -10px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-o-keyframes squishTopRev {
    0% {
        margin-top: -3px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    50% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        margin-top: -10px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes squishTopRev {
    0% {
        margin-top: -3px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    50% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        margin-top: -3px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        margin-top: -10px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-moz-keyframes dissappearRev {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes dissappearRev {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes dissappearRev {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes dissappearRev {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#navicon {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    width: 35px;
    height: 30px;
    padding-top: 13px;
    z-index: 99999;
    cursor: pointer;
}

@media (min-width: 991px) {
    #navicon {
        display: none;
    }
}

/* GENERAL TYPOGRAPHY RULES */
/* ===================================== */
/* - Body - */
body {
    -webkit-font-smoothing: antialiased;
    font-family: "Larsseit" !important;
    font-weight: 400;
    font-size: 16px;
}

body.body-animated {
    -webkit-animation: fadeIn 0.7s;
    animation: fadeIn 0.7s;
}

/* - Content - */
p {
    line-height: 28px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    position: relative;
    z-index: 1;
    font-family: "Larsseit" !important;
}

h1.headings-caps, h2.headings-caps, h3.headings-caps, h4.headings-caps, h5.headings-caps, h6.headings-caps {
    text-transform: uppercase;
}

.transition-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
}

.transition-overlay.show-me {
    opacity: 1;
    visibility: visible;
}

.transition-overlay {
    transition-duration: 700ms;
    -webkit-transition-duration: 700ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

h1, .headline {
    font-size: 36px;
    line-height: 48px;
}

h1 small {
    font-size: 24px;
}

h2 {
    font-size: 24px;
    line-height: 24px;
}

h2 small {
    font-size: 18px;
}

h3 {
    font-size: 21px;
    line-height: 24px;
}

h3 small {
    font-size: 16px;
    font-weight: 300;
}

h4, h5, h6 {
    line-height: 24px;
}

h4 {
    font-size: 16px;
}

h4 small {
    font-size: 13px;
}

h5 {
    font-size: 13px;
}

h6 {
    font-size: 11px;
    text-transform: uppercase;
    margin: 0;
}

/* - Links - */
a {
    text-decoration: none;
    color: #131313;
    font-size: 13px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

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

a:active, a:focus {
    outline: none;
    text-decoration: none;
    color: #e74c4c;
}

/* - Spaced title - */
.title-space, .section-head span, .caption-bordered span, .caption-classic span, .banner span, .text-block .signature
span, .team-member span, .blog-post span, .masonry-item-overlay p, .portfolio-single-introduction span {
    letter-spacing: 7px;
    font-size: 13px;
    text-transform: uppercase;
    display: block;
    font-weight: 400;
}

h1 > small.subheading {
    letter-spacing: 4px;
    font-size: 8px;
    display: block;
}

/* - Form elements - */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-shadow: none;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    outline: none;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

input[type="submit"], input[type="button"] {
    -webkit-font-smoothing: antialiased;
    border: 0;
    padding: 6px 12px;
}

input[type="submit"]:focus, input[type="button"]:focus {
    outline: none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

button:focus,
button:active {
    outline: none !important;
    border: none !important;
}

/* - Buttons - */
.btn, .btn-white, .btn-black, #contact_form button[type="submit"] {
    font-size: 14px !important;
}

.btn-sm {
    border-radius: 0px;
}

/* - Pre and code - */
pre, code, var, kbd, samp, tt, dir, listing, plaintext, xmp, abbr, acronym, q {
    font-size: 14px;
    word-break: normal;
    border: 0;
}

/* - Font weight classes - */
.black, .caption-bordered h2, .caption-classic h2, .icon-block h4, .team-member h2, .cd-headline {
    font-weight: bolder;
}

.bold, .section-head h2, .section-head h3, .section-head h4, .counter-wrap span, .blog-post h4, .masonry-item-overlay h2, .portfolio-single-introduction h3 {
    font-weight: bold;
}

.regular {
    font-weight: normal;
}

.light {
    font-weight: 300;
}

.hairline {
    font-weight: 300;
}

/* - Font size classes - */
.big, .section-head h4, .section-head p, .caption-classic p, .icon-block h4, .team-member h2, .services h4, .blog-post h4, .portfolio-single-introduction p {
    font-size: 22px;
    line-height: 0.8;
}

.bigger, .section-head h3, .cd-headline, .masonry-item-overlay h2, .portfolio-single-introduction h3 {
    font-size: 42px;
    line-height: 0.8;
}

.super, .banner h2 {
    font-size: 60px;
    line-height: 0.8;
    margin-bottom: 0;
}

.super small, .banner h2 small {
    font-size: .35em;
}

.hyper, .section-head h2, .caption-bordered h2, .caption-classic h2 {
    font-size: 62px;
    line-height: 0.8;
    font-weight: 100;
    letter-spacing: 2px;
}

.hyper small, .section-head h2 small, .caption-bordered h2 small, .caption-classic h2 small {
    font-size: .35em;
}

.tiny {
    font-size: 12px;
}

/* - Text aligns classes - */
.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.text-justify {
    text-align: justify !important;
}

/* - Text transform classes - */
.text-caps {
    text-transform: uppercase !important;
}

.text-italic {
    font-style: italic;
}

.text-lowercase {
    text-transform: none !important;
}

/* Responsive typography */
@media (max-width: 767px) {
    h1, .headline {
        font-size: 24px;
        line-height: 36px;
    }

    h1 small {
        font-size: 16px;
    }

    h2 {
        font-size: 21px;
        line-height: 36px;
    }

    h2 small {
        font-size: 14px;
    }

    h3 {
        font-size: 18px;
        line-height: 36px;
    }

    h3 small {
        font-size: 14px;
    }

    .super, .banner h2 {
        font-size: 48px;
    }

    .super small, .banner h2 small {
        margin-top: 12px;
        display: block;
    }

    .hyper, .section-head h2, .caption-bordered h2, .caption-classic h2 {
        font-size: 70px;
        line-height: 1;
    }

    .small-screen-center {
        text-align: center !important;
    }

    .small-screen-margin-bottom {
        margin-bottom: 24px !important;
    }

    .small-screen-center.bordered-header:after {
        left: 50%;
        margin-left: -35px;
    }
}

@media (max-width: 480px) {
    .super, .banner h2 {
        font-size: 36px;
        line-height: 1em;
    }

    .hyper, .section-head h2, .caption-bordered h2, .caption-classic h2 {
        font-size: 48px;
        line-height: 1em;
    }

    .title-space, .section-head span, .caption-bordered span, .caption-classic span, .banner span, .text-block .signature
    span, .team-member span, .blog-post span, .masonry-item-overlay p, .portfolio-single-introduction span {
        letter-spacing: 0 !important;
    }
}

@media (max-width: 320px) {
    body {
        font-size: 14px;
    }

    h1, .headline {
        font-size: 21px;
        line-height: 24px;
    }

    h1 small {
        font-size: 14px;
    }

    h2 {
        font-size: 18px;
        line-height: 24px;
    }

    h2 small {
        font-size: 12px;
    }

    h3 {
        font-size: 16px;
        line-height: 24px;
    }

    h3 small {
        font-size: 11px;
    }

    .big, .section-head h4, .section-head p, .caption-classic p, .icon-block h4, .team-member h2, .services h4, .blog-post h4, .portfolio-single-introduction p {
        font-size: 18px;
        line-height: 1;
    }

    .bigger, .section-head h3, .cd-headline, .masonry-item-overlay h2, .portfolio-single-introduction h3 {
        font-size: 21px;
        line-height: 1;
    }

    .super, .banner h2 {
        font-size: 24px;
        line-height: 1;
    }

    .hyper, .section-head h2, .caption-bordered h2, .caption-classic h2 {
        font-size: 36px;
        line-height: 1;
    }
}

/* UTILITY CLASSES */
/* ===================================== */
/* - Margin elements - */
.no-margin {
    margin: 0 !important;
}

.margin-bottom {
    margin-bottom: 24px !important;
}

.margin-top {
    margin-top: 24px !important;
}

.margin-left {
    margin-left: 24px !important;
}

.margin-right {
    margin-right: 24px !important;
}

.margin-top-big {
    margin-top: 48px !important;
}

.margin-top-huge {
    margin-top: 96px !important;
}

.margin-top-small {
    margin-top: 10px;
}

/* - Padding elements - */
.no-padding {
    padding: 0 !important;
}

.padding-bottom {
    padding-bottom: 24px !important;
}

.padding-top {
    padding-top: 24px !important;
}

.padding-left {
    padding-left: 24px !important;
}

.padding-right {
    margin-right: 24px !important;
}

.padding-top-big {
    padding-top: 48px !important;
}

.padding-top-huge {
    padding-top: 250px !important;
}

.padding-bottom-fix {
    padding-bottom: 250px;
}

@media (max-width: 991px) {
    .small-screen-no-padding-top {
        padding-top: 0 !important;
    }
}

/* - Padded elements - */
.padded {
    margin-bottom: 24px;
    padding-bottom: 24px;
}

.padded-big {
    margin-bottom: 48px;
    padding-bottom: 48px;
}

.padded-huge {
    margin-bottom: 96px;
    padding-bottom: 48px;
}

.padded-top {
    margin-top: 24px;
    padding-top: 24px;
}

.padded-top-big {
    margin-top: 48px;
    padding-top: 48px;
}

.padded-top-huge {
    margin-top: 96px;
    padding-top: 48px;
}

/* - Block behaviors */
.block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}

/* - Clear - */
.clear {
    clear: both;
}

/* - Responsive Images */
img {
    max-width: 100%;
    height: auto;
}

/* - Disabled - */
.disabled {
    opacity: .5;
}

/* - Vertical Middle - */
.vertical-middle, .vertical-bottom {
    display: table;
}

.vertical-middle > *, .vertical-bottom > * {
    display: table-cell;
    float: none;
}

.vertical-middle > * {
    vertical-align: middle;
}

.vertical-bottom > * {
    vertical-align: bottom;
}

@media (min-width: 993px) {
    .vertical-middle-desktop, .vertical-bottom-desktop {
        display: table;
    }

    .vertical-middle-desktop > *, .vertical-bottom-desktop > * {
        display: table-cell;
        float: none;
    }

    .vertical-middle-desktop > * {
        vertical-align: middle;
    }

    .vertical-bottom-desktop > * {
        vertical-align: bottom;
    }
}

.click-disable, .section-head img {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* - Opacity Classes - */
.opacity-01 {
    opacity: .1;
}

.opacity-02 {
    opacity: .2;
}

.opacity-03 {
    opacity: .3;
}

.opacity-03 {
    opacity: .3;
}

.opacity-04 {
    opacity: .4;
}

.opacity-05 {
    opacity: .5;
}

.opacity-06 {
    opacity: .6;
}

.opacity-07 {
    opacity: .7;
}

.opacity-08 {
    opacity: .8;
}

.opacity-09 {
    opacity: .9;
}

.opacity-10 {
    opacity: 1;
}

/* - Width 100vw - */
.width-100 {
    width: 100vw !important;
}

/* - Responsive Utilities */
@media (max-width: 991px) {
    .small-screen-margin-top {
        margin-top: 24px !important;
    }

    .small-screen-no-margin-top {
        margin-top: 0 !important;
    }

    .small-image-center {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .small-text-center {
        text-align: center !important;
    }

    .small-screen-padding-0 {
        padding: 0 !important;
        padding-left: 20px !important;
    }

    .small-screen-margin-small {
        margin-top: 15px !important;
    }

    .small-screen-text-left {
        text-align: left !important;
    }

    .small-screen-text-center {
        text-align: center !important;
    }

    .padding-top-huge {
        padding-top: 24px !important;
    }
}

@media (max-width: 491px) {
    .small-screen-margin-top {
        margin-top: 24px !important;
    }

    .xs-screen-no-margin-top {
        margin-top: 0 !important;
    }

    .small-screen-hidden {
        display: none !important;
    }

    .xs-screen-text-center {
        text-align: center !important;
    }
}

/* - Animation Control - */
.pause_animation {
    -moz-animation-name: none;
    -webkit-animation-name: none;
    animation-name: none;
    visibility: hidden;
}

.rotated {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.rotated-back {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* - List Controls - */
.list-reset, ul.breadcrumb, ul.instagram-widget, nav ul, .mobile-navigation ul, .blog-post-single-content ul, ul.masonry-wrap, ul.grid-wrap, ul.fullscreen-wrap, ul.tags, ul.archive, ul.instagram_widget {
    padding-left: 0;
    list-style: none;
}

/* - Monitor Margin - */
.margin-top-100 {
    margin-top: -100px;
}

.btn, .btn-white, .btn-black, #contact_form button[type="submit"] {
    border: 0 !important;
}

.btn-default {
    background: #ecf0f1 !important;
    color: #171720 !important;
}

.btn-default:hover {
    background: #ecf0f1 !important;
    color: #171720 !important;
}

.btn-warning {
    background: #d35400 !important;
    color: #fff !important;
}

.btn-warning:hover {
    background: #d35400 !important;
    color: #fff !important;
}

.btn-danger {
    background: #e74c3c !important;
    color: #fff !important;
}

.btn-danger:hover {
    background: #e74c3c !important;
    color: #fff !important;
}

/*.btn-success {
    background: #e74c4c !important;
    color: #fff !important;
}

.btn-success:hover {
    background: #e74c4c !important;
    color: #fff !important;
}*/

.modal {
    text-align: center;
    padding: 0 !important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.btn-info {
    background: #3498db !important;
    color: #fff !important;
}

.btn-info:hover {
    background: #3498db !important;
    color: #fff !important;
}

.btn-primary {
    background: #2098D1 !important;
    color: #fff !important;
}

.btn-primary:hover {
    background: #2098D1 !important;
    color: #fff !important;
}

.btn-link {
    background: rgba(255, 255, 255, 0);
    color: #131313;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.btn-link:hover {
    color: #e74c4c !important;
}

.btn-link:after {
    content: '\2192';
    margin-left: 10px;
}

.btn-link.small {
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn, .btn-white, .btn-black, #contact_form button[type="submit"] {
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    background-clip: padding-box !important;
    /* stops bg color from leaking outside the border: */
    /* font-weight: 600;*/
}

.btn i, .btn-white i, .btn-black i, #contact_form button[type="submit"] i {
    font-size: 10px;
    position: relative;
    display: inline-block;
    padding-right: 5px;
}

/* Custom Buttons */
.btn-white {
    border: 2px solid #fff !important;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.btn-white:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active {
    color: #131313;
}

.btn-white:hover:before,
.btn-white:focus:before,
.btn-white:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.btn-white:hover {
    color: #131313 !important;
}

.btn-black, #contact_form button[type="submit"] {
    border: 2px solid #131313 !important;
    color: #131313;
    padding: 10px 20px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.btn-black:before, #contact_form button[type="submit"]:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #131313;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.btn-black:hover,
#contact_form button[type="submit"]:hover,
.btn-black:focus,
#contact_form button[type="submit"]:focus,
.btn-black:active, #contact_form button[type="submit"]:active {
    color: #fff;
}

.btn-black:hover:before,
#contact_form button[type="submit"]:hover:before,
.btn-black:focus:before,
#contact_form button[type="submit"]:focus:before,
.btn-black:active:before, #contact_form button[type="submit"]:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/* BLOG */
/* ===================================== */
.blog-post img {
    margin-bottom: 24px;
}

.blog-post span {
    letter-spacing: 4px;
    opacity: .8;
    margin-bottom: 5px;
    font-size: 13px;
}

.blog-post h4 {
    margin-bottom: 24px;
}

.blog-post a {
    margin-top: 24px;
}

/* - Single Post - */
.blog-post-single-details {
    opacity: .9;
}

.blog-post-single-details span {
    font-size: 16px;
}

.blog-post-single-details span a {
    font-size: 16px;
}

.blog-post-single-content {
    margin-top: 24px;
}

.blog-post-single-content p {
    text-align: justify;
    margin-bottom: 24px;
}

.blog-post-single-content img {
    margin-bottom: 24px;
}

.blog-post-single-content hr {
    opacity: .8;
}

.blog-post-single-content h1,
.blog-post-single-content h2,
.blog-post-single-content h3,
.blog-post-single-content h4,
.blog-post-single-content h5,
.blog-post-single-content h6 {
    font-weight: 900;
    margin-bottom: 24px;
}

.blog-post-single-content ul li {
    margin: 5px 0;
}

.blog-post-single-content ul li:before {
    content: '-';
}

.blog-post-single-content img {
    width: 100%;
}

/* CONTACT PAGE */
/* ===================================== */
/* - Contact Form - */
/* - Form - */
#contact_form .form-control {
    margin-bottom: 24px;
    padding: 15px;
    background-color: white;
    border: 1px solid rgba(19, 19, 19, 0.1) !important;
    font-size: 16px;
    color: #131313;
    -moz-box-sizing: border-box;
    height: 100%;
}

#contact_form .form-control:active,
#contact_form .form-control:focus {
    outline: none !important;
    box-shadow: none;
    border: 1px solid rgba(19, 19, 19, 0.5) !important;
}

#contact_form .form-control:focus::-webkit-input-placeholder {
    color: #ddd;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#contact_form .form-control:focus:-moz-placeholder {
    color: #ddd;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#contact_form .form-control:focus::-moz-placeholder {
    color: #ddd;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#contact_form .form-control:focus:-ms-input-placeholder {
    color: #ddd;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#contact_form textarea {
    min-height: 300px;
}

#contact_form button[type="submit"] {
    background-color: transparent;
}

/* FOOTER */
/* ===================================== */
footer {
    z-index: 1;
    background-color: #131319;
    transform: translateZ(0);
    transition: opacity .3s cubic-bezier(.165, .84, .44, 1);
    padding: 50px 0px 20px;
}

.footer-container {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.footer-gutters {
    padding-left: 60px;
    padding-right: 60px;
}

.footer-grid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.address-block {
    width: 100%;
    display: block;
    position: relative;
    /*border-right: 1px solid #a0a0a0;*/
    padding: 30px 20px;
}

.address-block.border-non {
    border: none;
}

.address-block h3 {
    margin: 0px 0px 15px 0px;
    font-size: 17px;
    color: #fff;
    font-weight: 100;
    letter-spacing: 1.5px;
}

.address-block p {
    margin: 0;
    line-height: 1.6;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.76);
    font-size: 13px;
}

.main-block-address {
    margin: 30px 0px 0px;
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.09);*/
}

.main-block-address p:last-child {
    margin-top: 20px;
}

.main-block-address.last-border {
    /*border-bottom: 1px solid #a0a0a0;*/
    padding-bottom: 0px;
    margin-top: 0;
    margin-bottom: 30px;
}

footer hr {
    position: relative;
    display: block;
    background-color: rgba(221, 221, 221, 0.2);
    width: 100%;
}

/* - Newsletter Form - */
form.newsletter-form {
    max-width: 500px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 48px;
}

form.newsletter-form input {
    max-width: 400px;
    height: 50px;
    float: left;
    border-right: 0px !important;
    font-size: 16px;
}

.footer-links-other {
    margin-bottom: 30px;
    padding: 0px 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.13);
    padding-top: 30px;
}

span.title-upper-follow {
    margin-right: 50px;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
}

ul.footert-links {
    margin: 0;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    -webkit-padding-start: 0;
}

ul.footert-links li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
}

ul.footert-links li a {
    opacity: .6;
    transform: translateZ(0);
    transition: .45s cubic-bezier(.165, .84, .44, 1);
}

ul.footert-links li a:hover {
    opacity: 1;
}

footer .btns-bottoms a:last-child {
    margin-right: 0;
}

footer .btns-bottoms a.theme-btn {
    font-size: 13px;
}

ul.footert-links li a svg {
    fill: #fff;
}

.t-icon--arrow-right-border {
    width: 4px;
    height: 7px;
    fill: #fff;
}

.t-icon--facebook {
    width: 15px;
    height: 15px;
}

.t-icon--twitter {
    width: 15px;
    height: 12px;
}

.t-icon--google-plus {
    width: 24px;
    height: 14px;
}

.t-icon--linkedin {
    width: 15px;
    height: 15px;
}

@media (max-width: 991px) {
    form.newsletter-form input {
        max-width: 80%;
        margin-bottom: 48px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 468px) {
    form.newsletter-form input {
        max-width: 157px;
    }
}

form.newsletter-form input::-webkit-input-placeholder {
    font-size: 12px;
    padding-top: 4px;
}

form.newsletter-form input:focus::-webkit-input-placeholder {
    color: #ddd;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

form.newsletter-form button {
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    background-clip: padding-box !important;
    /* stops bg color from leaking outside the border: */
    background-color: #131313;
    color: #fff;
    border: 0px;
    height: 50px;
    float: left;
    font-size: 12px;
    padding: 0 20px;
    font-weight: 900;
    display: block;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

form.newsletter-form button:hover {
    background-color: #e74c4c;
}

form.newsletter-form small {
    display: block;
    position: relative;
    font-style: italic;
    display: none;
}

/* - Social icons - */
ul.social-icons {
    list-style: none;
    padding-top: 0px;
    display: inline-block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0 !important;
    padding-bottom: 0px;
}

ul.social-icons li {
    cursor: pointer;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin: 0 10px;
    margin-top: 14px;
}

ul.social-icons li:last-child {
    margin-right: 0;
}

ul.social-icons li a {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
}

/* -  Copyright - */
.footer-message {
    font-size: 13px;
    margin-top: 14px;
    margin-bottom: 10px;
    display: block;
    opacity: .9;
    color: #131313;
}

.footer-message a {
    opacity: .9 !important;
    color: #fff !important;
}

.footer-message a:hover {
    color: #e74c4c !important;
}

.footer-message i {
    color: red;
}

/* PORTFOLIO HOVER EFFECT */
/* ===================================== */
.masonry-item-overlay {
    color: #fff;
}

.masonry-item-overlay .masonry-item-overlay-inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
    top: 50%;
}

.masonry-item-overlay h2,
.masonry-item-overlay p {
    opacity: 0;
}

.masonry-item img,
.grid-item img {
    width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.background-color-1 {
    background-color: #131313;
}

.background-color-2 {
    background-color: #e74c4c;
}

.background-color-3 {
    background-color: #d30202;
}

.background-color-4 {
    background-color: #2658fd;
}

/* - Masonry - */
ul.masonry-wrap li {
    margin: 15px 0px;
}

ul.masonry-wrap li img {
    width: 100%;
}

/* - Grid - */
ul.grid-wrap li {
    margin: 15px 0px;
}

ul.grid-wrap li img {
    width: 100%;
}

/* - Fullscreen - */
ul.fullscreen-wrap li {
    margin: 0px 0px;
}

ul.fullscreen-wrap li img {
    width: 100%;
}

/* - Single Page - */
.portfolio-single-introduction span {
    margin-bottom: 24px;
}

.portfolio-single-introduction h3 {
    margin-bottom: 24px;
}

.portfolio-single-introduction img {
    margin-bottom: 24px;
}

.portfolio-single-introduction p {
    opacity: .8;
    margin-bottom: 24px;
    max-width: 50%;
    line-height: 26px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {
    .portfolio-single-introduction p {
        max-width: 100%;
    }
}

.portfolio-single-introduction h4 {
    font-weight: 600;
}

.portfolio-single-introduction h4 small {
    display: block;
    font-size: 16px;
}

.portfolio-single-content img {
    width: 100%;
}

.portfolio-single-footer a {
    margin-top: 48px;
}

.os-animation {
    opacity: 0;
}

.os-animation.animated {
    opacity: 1;
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 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;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-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 {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-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);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, 100% {
        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 {
    0% {
        -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);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    0% {
        -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);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

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

@-webkit-keyframes rubberBand {
    0% {
        -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);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    0% {
        -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);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

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

@-webkit-keyframes shake {
    0%, 100% {
        -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 {
    0%, 100% {
        -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);
    }
}

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

@-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);
    }
    100% {
        -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);
    }
    100% {
        -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 {
    0% {
        -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);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    0% {
        -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);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    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);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    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);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

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

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-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);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-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);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

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

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-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);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-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);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

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

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-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);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-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);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

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

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-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);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-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);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

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

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-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, -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);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-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, -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);
    }
    100% {
        -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);
    }
    100% {
        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);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

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

@-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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

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

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

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

@-webkit-keyframes modal-fadeIn {
    0% {
        opacity: .9;
    }
    100% {
        opacity: 1;
    }
}

@keyframes modal-fadeIn {
    0% {
        opacity: .9;
    }
    100% {
        opacity: 1;
    }
}

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

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

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

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

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

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

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

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

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

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

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

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

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

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

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

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

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

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

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

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

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

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

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

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

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

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

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

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

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

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

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

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

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

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

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

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

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

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

@-webkit-keyframes flip {
    0% {
        -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;
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -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;
    }
    100% {
        -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 {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-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-transition-timing-function: ease-in;
        transition-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);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-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-transition-timing-function: ease-in;
        transition-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);
    }
    100% {
        -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 {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-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-transition-timing-function: ease-in;
        transition-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);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-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-transition-timing-function: ease-in;
        transition-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);
    }
    100% {
        -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 {
    0% {
        -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;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -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;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

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

@-webkit-keyframes flipOutY {
    0% {
        -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;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -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;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

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

@-webkit-keyframes lightSpeedIn {
    0% {
        -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;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -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;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

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

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

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -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;
    }
    100% {
        -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;
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }
    100% {
        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 {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

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

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

@keyframes zoomIn {
    0% {
        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 {
    0% {
        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 {
    0% {
        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 {
    0% {
        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 {
    0% {
        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 {
    0% {
        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 {
    0% {
        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 {
    0% {
        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 {
    0% {
        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 {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}

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

@-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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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 {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes modal-slideInUp {
    0% {
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes modal-slideInUp {
    0% {
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0);
        visibility: visible;
        opacity: 0;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* MAGNIFIC POPUP */
/* ===================================== */
.mfp-bg {
    background: #000;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    background-color: #e74c4c;
    color: #000;
}

.mfp-image-holder .mfp-close:before,
.mfp-iframe-holder .mfp-close:before {
    border-bottom-color: #e74c4c;
}

.mfp-image-holder .mfp-close:after,
.mfp-iframe-holder .mfp-close:after {
    border-top-color: #e74c4c;
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1142;
    overflow: hidden;
    position: fixed;
    background: #000;
    opacity: 0.9;
    filter: alpha(opacity=80);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1143;
    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;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1145;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.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-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter,
.mfp-arrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1144;
}

.mfp-preloader a {
    color: #cccccc;
}

.mfp-preloader a:hover {
    color: white;
}

.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;
    padding: 0;
    z-index: 1146;
    color: #fff !important;
}

button.mfp-close:focus {
    outline: 0 !important;
}

button.mfp-arrow :focus {
    outline: 0 !important;
}

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: 1;
    padding: 0 0 18px 10px;
    color: #e74c4c;
    font-style: normal;
    font-size: 28px;
    font-family: "Larsseit";
}

.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
}

/*
.mfp-close:active {
	top: 1px;
} */
.mfp-close-btn-in .mfp-close {
    color: #222;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    font-size: 16px;
    text-align: center;
    right: -32px;
    top: 32px;
    position: absolute;
    display: block;
    padding: 0;
    font-weight: 300;
    line-height: 1.1em;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px;
}

.mfp-arrow {
    position: absolute;
    opacity: 1;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 60px;
    height: 60px;
    -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,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    /* 	margin-top: 35px;
margin-left: 35px; */
    border: solid transparent;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.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%;
    background: black;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    background: #444444;
}

.mfp-figure {
    line-height: 0;
}

.mfp-figure figure {
    margin-bottom: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color: #222;
    word-break: break-all;
    padding-right: 36px;
}

.mfp-figure small {
    color: rgba(19, 19, 19, 0.85);
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.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-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        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-figure small {
        display: inline;
        margin-left: 5px;
    }
}

@media all and (max-width: 1300px) {

    .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
        right: 0;
        top: -5px;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.97;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

.widget {
    font-size: 16px;
    position: relative;
    margin: 0 0 30px 0;
}

.widget h4 {
    font-weight: 800;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}

.widget:after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #ddd;
    opacity: .4;
    margin-top: 30px;
    display: block;
    position: relative;
}

.media-object {
    float: left;
    margin-right: 18px;
}

.media-body h5 {
    margin-top: 8px;
    font-size: 17px;
}

.media-body h5:hover {
    color: #e74c4c;
}

.media-body p {
    opacity: .8;
    margin-top: 6px;
}

ul.tags li {
    display: inline-block;
}

ul.tags li:after {
    content: ',';
    margin-right: 5px;
}

ul.tags li:last-child::after {
    content: ' ';
}

ul.tags li a:hover {
    color: #e74c4c !important;
}

ul.archive li {
    display: block;
}

ul.archive li a:hover {
    color: #e74c4c !important;
}

form.search_form {
    max-width: 500px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 48px;
    clear: both;
}

form.search_form input {
    width: 100%;
    height: 50px;
    font-size: 16px;
    margin-right: 50px;
}

@media (max-width: 991px) {
    form.search_form input {
        max-width: 80%;
        margin-bottom: 48px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 468px) {
    form.search_form input {
        max-width: 190px;
    }
}

form.search_form input::-webkit-input-placeholder {
    font-size: 12px;
    padding-top: 4px;
}

form.search_form input:focus::-webkit-input-placeholder {
    color: #ddd;
}

form.search_form input:active,
form.search_form input:focus {
    outline: none !important;
    box-shadow: none;
    border: 1px solid rgba(19, 19, 19, 0.6) !important;
}

form.search_form button {
    background-color: #131313;
    border: 0px;
    height: 50px;
    float: left;
    font-size: 12px;
    color: #fff;
    padding: 0 20px;
    font-weight: 900;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

form.search_form button:hover {
    background-color: #e74c4c;
}

form.search_form small {
    display: block;
    position: relative;
    font-style: italic;
    display: none;
}

ul.instagram_widget li img {
    width: 100%;
}

/*home page animation css start*/

.o-list--inline, .o-list--none {
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-margin-before: 0
}

.t-btn, .t-link, .t-link--primary {
    color: inherit;
    cursor: pointer;
    text-decoration: none
}

.o-wrapper--valign, .u-vacuum {
    font-size: 0
}

.t-btn {
    font-size: 1rem;
}

.t-btn--burger {
    width: 44.5px;
    height: 36px;
    display: none;
    border-radius: 2px;
    border: 1px solid rgba(255, 255, 255, .2)
}

.t-btn--burger__bar {
    left: 3px;
    width: 15.5px;
    height: 1px
}

.t-btn--burger__bar:nth-of-type(1), .t-btn--burger__bar:nth-of-type(2), .t-btn--burger__bar:nth-of-type(3) {
    opacity: 1;
    transition: transform .3s .4s cubic-bezier(.165, .84, .44, 1), opacity 0s .4s cubic-bezier(.165, .84, .44, 1)
}

.t-btn--burger__bar:nth-of-type(2) {
    margin: 4px 0
}

.t-btn--burger__bar:nth-of-type(4), .t-btn--burger__bar:nth-of-type(5) {
    top: 17px;
    left: 13.5px;
    opacity: 0;
    transform-origin: 50% 50%;
    transform: rotate(0) translateZ(0);
    transition: transform .3s 0s cubic-bezier(.165, .84, .44, 1), opacity 0s .5s
}

.is-nav-active .t-btn--burger__bar:nth-of-type(1), .is-nav-active .t-btn--burger__bar:nth-of-type(2), .is-nav-active .t-btn--burger__bar:nth-of-type(3) {
    opacity: 0;
    transition: transform .3s cubic-bezier(.165, .84, .44, 1), opacity 0s .3s cubic-bezier(.165, .84, .44, 1)
}

.is-nav-active .t-btn--burger__bar:nth-of-type(1) {
    transform: translateY(5px) translateZ(0)
}

.is-nav-active .t-btn--burger__bar:nth-of-type(3) {
    transform: translateY(-5px) translateZ(0)
}

.is-nav-active .t-btn--burger__bar:nth-of-type(4) {
    opacity: 1;
    transform: rotate(-135deg) translateZ(0);
    transition: transform .3s .35s cubic-bezier(.165, .84, .44, 1), opacity 0s .3s
}

.is-nav-active .t-btn--burger__bar:nth-of-type(5) {
    opacity: 1;
    transform: rotate(-45deg) translateZ(0);
    transition: transform .3s .37s cubic-bezier(.165, .84, .44, 1), opacity 0s .3s
}

@keyframes scroll {
    0%, 100% {
        transform: translateY(5px) translateZ(0)
    }
    25% {
        transform: translateY(-5px) translateZ(0)
    }
}

.t-h1 {
    font-size: 100px;
    font-size: 6.25rem
}

.t-h2 {
    font-size: 53px;
    line-height: 72px;
    color: #fff;
    font-weight: 300;
    letter-spacing: 2px;
}

.t-h4 {
    font-size: 52px;
    font-size: 3.25rem
}

.c-wysiwyg h3, .c-wysiwyg h4, .t-h6 {
    font-family: "Larsseit";
    font-size: 24px;
    font-size: 1.5rem
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px #fff inset
}

input:-webkit-contacts-auto-fill-button,
input::-webkit-contacts-auto-fill-button,
input:focus::-webkit-contacts-auto-fill-button {
    display: none !important
}

input::-ms-clear {
    display: none !important;
    width: 0;
    height: 0
}

input:-ms-clear {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important
}

::-ms-clear {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important
}

.t-link--primary__ribbon {
    top: -2px;
    left: 0;
    width: 8px;
    height: 20px
}

.t-link--primary__ribbon-content {
    transform-origin: 0 0;
    transform: translateY(-10px) scaleY(0) translateZ(0);
    transition: transform .45s cubic-bezier(.165, .84, .44, 1)
}

.is-active .t-link--primary__ribbon-content, .t-link--primary:hover .t-link--primary__ribbon-content {
    transform: translateY(0) scaleY(1) translateZ(0)
}

.t-logo-simple {
    width: 103px;
    height: 22px
}

.c-wysiwyg h3, .c-wysiwyg h4, .t-text--serif {
    font-family: "Larsseit"
}

.t-text--condensed {
    font-family: "Larsseit"
}

.t-text--italic {
    font-family: "Larsseit"
}

.t-text--md {
    font-size: 15px;
    font-size: .9375rem
}

.t-text--lg {
    font-size: 16px;
    font-size: 1rem
}

.c-wysiwyg p, .t-text--xl {
    font-size: 18px;
    font-size: 1.125rem
}

.t-text--xxl {
    font-size: 25px;
    font-size: 1.5625rem
}

.t-text-ls--sm {
    letter-spacing: .06em
}

.c-wysiwyg h3, .c-wysiwyg h4, .t-text-lh--md {
    line-height: 1.6
}

.c-container {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    display: table-cell;
    vertical-align: middle;
    padding: 0px 50px;
}

.c-footer {
    z-index: 1;
    background-color: #0f1127;
    transform: translateZ(0);
    transition: opacity .3s cubic-bezier(.165, .84, .44, 1)
}

.is-loading .c-footer {
    opacity: 0
}

.is-first-loading .is-home .c-grid, .is-ready .is-home .c-grid {
    transform: translateZ(0);
    transition: opacity .45s 0s cubic-bezier(.165, .84, .44, 1)
}

.c-grid {
    transform: translateZ(0)
}

.is-first-loading .is-home .c-grid {
    opacity: 1
}

.is-ready .is-home .c-grid {
    opacity: 0
}

.c-grid__box:before {
    position: relative;
    content: '';
    display: inline-block;
    width: 100%;
    padding-bottom: 70.2vh;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.c-grid__snake:nth-of-type(1) {
    left: 1px;
    top: 1px;
    width: 15%;
    height: 2px;
    transform-origin: 100% 0;
    transform: scaleX(0) translateZ(0)
}

.c-grid__snake:nth-of-type(1) span {
    transform-origin: 0 0;
    transform: scaleX(1) translateZ(0)
}

.is-active .c-grid__snake:nth-of-type(1) {
    transform: scaleX(1) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1)
}

.is-active .c-grid__snake:nth-of-type(1) span {
    transform: scaleX(0) translateZ(0);
    transition: transform 1s .2s cubic-bezier(.23, 1, .32, 1)
}

.c-grid__snake:nth-of-type(2) {
    left: 1px;
    top: 1px;
    width: 2px;
    height: 10vh;
    transform-origin: 0 0;
    transform: scaleY(0) translateZ(0)
}

.c-grid__snake:nth-of-type(2) span {
    transform-origin: 0 100%;
    transform: scaleY(1) translateZ(0)
}

.is-active .c-grid__snake:nth-of-type(2) {
    transform: scaleY(1) translateZ(0);
    transition: transform 1s .55s cubic-bezier(.23, 1, .32, 1)
}

.is-active .c-grid__snake:nth-of-type(2) span {
    transform: scaleY(0) translateZ(0);
    transition: transform 1s 1s cubic-bezier(.23, 1, .32, 1)
}

.c-grid__snake:nth-of-type(3) {
    top: calc(50vh - 8px);
    left: 70%;
    width: 15%;
    height: 3px;
    transform-origin: 100% 0;
    transform: scaleX(0) translateZ(0)
}

.c-grid__snake:nth-of-type(3) span {
    transform-origin: 0 0;
    transform: scaleX(1) translateZ(0)
}

.is-active .c-grid__snake:nth-of-type(3) {
    transform: scaleX(1) translateZ(0);
    transition: transform 1s .6s cubic-bezier(.23, 1, .32, 1)
}

.is-active .c-grid__snake:nth-of-type(3) span {
    transform: scaleX(0) translateZ(0);
    transition: transform 1s .8s cubic-bezier(.23, 1, .32, 1)
}

.c-grid__snake:nth-of-type(4) {
    top: calc(50vh - 8px);
    left: calc(70% - 1.5px);
    width: 3px;
    height: 10vh;
    transform-origin: 0 0;
    transform: scaleY(0) translateZ(0)
}

.c-grid__snake:nth-of-type(4) span {
    transform-origin: 0 100%;
    transform: scaleY(1) translateZ(0)
}

.is-active .c-grid__snake:nth-of-type(4) {
    transform: scaleY(1) translateZ(0);
    transition: transform 1s 1.15s cubic-bezier(.23, 1, .32, 1)
}

.is-active .c-grid__snake:nth-of-type(4) span {
    transform: scaleY(0) translateZ(0);
    transition: transform 1s 1.5s cubic-bezier(.23, 1, .32, 1)
}

.c-grid__snake:nth-of-type(5) {
    top: calc(30vh + 8px);
    left: 43%;
    width: 7%;
    height: 2px;
    transform-origin: 0 0;
    transform: scaleX(0) translateZ(0)
}

.c-grid__snake:nth-of-type(5) span {
    transform-origin: 100% 0;
    transform: scaleX(1) translateZ(0)
}

.is-active .c-grid__snake:nth-of-type(5) {
    transform: scaleX(1) translateZ(0);
    transition: transform 1s 1s cubic-bezier(.23, 1, .32, 1)
}

.is-active .c-grid__snake:nth-of-type(5) span {
    transform: scaleX(0) translateZ(0);
    transition: transform .7s 1.2s cubic-bezier(.23, 1, .32, 1)
}

.c-grid__snake:nth-of-type(6) {
    top: calc(20vh + 8px);
    left: calc(50% + 1px);
    width: 2px;
    height: 10vh;
    transform-origin: 0 100%;
    transform: scaleY(0) translateZ(0)
}

.c-grid__snake:nth-of-type(6) span {
    transform-origin: 0 0;
    transform: scaleY(1) translateZ(0)
}

.is-active .c-grid__snake:nth-of-type(6) {
    transform: scaleY(1) translateZ(0);
    transition: transform 1s 1.55s cubic-bezier(.23, 1, .32, 1)
}

.is-active .c-grid__snake:nth-of-type(6) span {
    transform: scaleY(0) translateZ(0);
    transition: transform .7s 1.9s cubic-bezier(.23, 1, .32, 1)
}

.c-gutters {
    padding-left: 60px;
    padding-right: 60px
}

.c-header {
    z-index: 2
}

.is-first-loading .c-header {
    opacity: 0;
    transition: opacity 0s 0s cubic-bezier(.165, .84, .44, 1)
}

.is-ready .c-header {
    opacity: 1;
    transition: opacity .45s 0s cubic-bezier(.165, .84, .44, 1)
}

.c-header__container:after {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    opacity: .3;
    transform-origin: 0 0;
    transform: scaleX(1) translateZ(0);
    transition: transform .8s .4s cubic-bezier(.23, 1, .32, 1)
}

.is-home .c-header__container:after {
    transform: scaleX(0) translateZ(0)
}

.c-header__link {
    transition: color .45s cubic-bezier(.165, .84, .44, 1)
}

.c-home__slide {
    visibility: hidden;
    opacity: 0;
    transition: opacity .45s 0s, visibility 0s 1s
}

.c-home__slide.is-active {
    visibility: visible;
    opacity: 1;
    transition: opacity .45s 0s, visibility 0s 0s
}

.is-loading .c-home__slide {
    opacity: 0;
    transition: opacity .45s 0s cubic-bezier(.165, .84, .44, 1)
}

.c-home__intro {
    transition: opacity 0s 1s, visibility 0s 1s
}

.c-home__intro.is-active {
    visibility: visible;
    opacity: 1;
    transition: opacity .45s 0s cubic-bezier(.165, .84, .44, 1), visibility 0s 0s
}

.is-loading .c-home__intro {
    opacity: 0;
    transition: opacity .45s 0s cubic-bezier(.165, .84, .44, 1)
}

.c-home__ribbon-container {
    width: 370px;
    height: 290px
}

.c-home__main-title {
    top: 15px
}

.c-home__intro-ribbon-start {
    width: 70px;
    height: 90px;
    left: -115px;
    top: 0;
    transform: skewX(-34deg)
}

.c-home__intro-ribbon-start .c-ribbon__content {
    background: #e7a281;
    transform-origin: 0 100%;
    transform: translateY(25px) scaleY(0) translateZ(0)
}

.is-active .c-home__intro-ribbon-start .c-ribbon__content {
    transform: translateY(0) scaleY(1) translateZ(0);
    transition: .8s .2s cubic-bezier(.23, 1, .32, 1)
}

.is-leaving .c-home__intro-ribbon-start .c-ribbon__content {
    transform-origin: 0 0;
    transform: translateY(0) scaleY(0) translateZ(0);
    transition: transform .4s 0s cubic-bezier(.23, 1, .32, 1)
}

.c-home__intro-ribbon-end {
    width: 70px;
    height: 250px;
    top: 0
}

.c-home__intro-ribbon-end .c-ribbon__content {
    transform-origin: 0 0;
    transform: translateY(-25px) scaleY(0) translateZ(0)
}

.is-active .c-home__intro-ribbon-end .c-ribbon__content {
    transform: translateY(0) scaleY(1) translateZ(0);
    transition: .8s .45s cubic-bezier(.23, 1, .32, 1)
}

.is-leaving .c-home__intro-ribbon-end .c-ribbon__content {
    transform-origin: 0 100%;
    transform: translateY(0) scaleY(0) translateZ(0);
    transition: transform .5s .3s cubic-bezier(.23, 1, .32, 1)
}

.c-home__intro-line {
    opacity: 0;
    transition: transform .5s 0s cubic-bezier(.23, 1, .32, 1), opacity .45s 0s cubic-bezier(.165, .84, .44, 1)
}

.c-home__intro-line:nth-of-type(1) {
    transform: translateY(-15px) translateZ(0)
}

.c-home__intro-line:nth-of-type(2) {
    transform: translateY(15px) translateZ(0)
}

.is-active .c-home__intro-line {
    opacity: 1;
    transform: translateY(0) translateZ(0);
    transition: transform 1s .55s cubic-bezier(.23, 1, .32, 1), opacity .45s .55s cubic-bezier(.165, .84, .44, 1)
}

.is-leaving .c-home__intro-line {
    opacity: 0;
    transition: transform 1s .1s cubic-bezier(.23, 1, .32, 1), opacity .45s .1s cubic-bezier(.165, .84, .44, 1)
}

.is-leaving .c-home__intro-line:nth-of-type(1) {
    transform: translateY(-15px) translateZ(0)
}

.is-leaving .c-home__intro-line:nth-of-type(2) {
    transform: translateY(15px) translateZ(0)
}

.c-home__slide-number span span {
    display: inline-block;
    opacity: 0;
    transition: transform 0s 1s, opacity .45s 0s cubic-bezier(.165, .84, .44, 1)
}

.c-home__slide-number span span:nth-of-type(1) {
    transform: translateY(-25px) translateZ(0)
}

.c-home__slide-number span span:nth-of-type(2) {
    transform: translateY(50px) translateZ(0)
}

.c-home__slide-number span span:nth-of-type(3) {
    transform: translateY(-25px) translateZ(0)
}

.is-active .c-home__slide-number span span {
    opacity: 1;
    transform: translateY(0) translateZ(0);
    transition: transform .45s .5s cubic-bezier(.23, 1, .32, 1), opacity .45s .5s cubic-bezier(.165, .84, .44, 1)
}

.c-home__slide-label span span {
    display: block;
    opacity: 0
}

.c-home__slide-label span span:nth-of-type(1) {
    transform: translateY(-20px) translateZ(0)
}

.c-home__slide-label span span:nth-of-type(2) {
    transform: translateY(20px) translateZ(0)
}

.is-active .c-home__slide-label span span {
    opacity: 1;
    transform: translateY(0) translateZ(0);
    transition: transform .6s .5s cubic-bezier(.23, 1, .32, 1), opacity .45s .5s cubic-bezier(.165, .84, .44, 1)
}

.c-home__ribbon-line:nth-of-type(1) span {
    opacity: 0;
    transform: translateZ(0)
}

.is-active .c-home__ribbon-line:nth-of-type(1) span {
    opacity: 1;
    transition: opacity .45s cubic-bezier(.165, .84, .44, 1)
}

.c-home__ribbon-line:nth-of-type(2) span {
    opacity: 0;
    transform: translateZ(0)
}

.is-active .c-home__ribbon-line:nth-of-type(2) span {
    opacity: 1;
    transition: opacity .45s .2s cubic-bezier(.165, .84, .44, 1)
}

.c-home__ribbon-line:nth-of-type(3) span {
    opacity: 0;
    transform: translateZ(0)
}

.is-active .c-home__ribbon-line:nth-of-type(3) span {
    opacity: 1;
    transition: opacity .45s cubic-bezier(.165, .84, .44, 1)
}

.c-home__ribbon-line:nth-of-type(4) span {
    opacity: 0;
    transform: translateZ(0)
}

.is-active .c-home__ribbon-line:nth-of-type(4) span {
    opacity: 1;
    transition: opacity .45s .2s cubic-bezier(.165, .84, .44, 1)
}

.c-input-container input {
    transform: translateZ(0);
    transition: transform .5s cubic-bezier(.23, 1, .32, 1)
}

.c-input-container.is-active input, .c-input-container.is-success input {
    transform: translateX(30px) translateZ(0)
}

.c-lin-btn__line:nth-of-type(1) span {
    transform-origin: 100% 0;
    transform: scaleX(1) translateZ(0)
}

.c-line-btn:hover .c-lin-btn__line:nth-of-type(1) span, .c-square-overlay:hover .c-lin-btn__line:nth-of-type(1) span {
    transform: scaleX(0) translateZ(0);
    transition: transform .4s .2s cubic-bezier(.23, 1, .32, 1)
}

.c-lin-btn__line:nth-of-type(2) span {
    transform-origin: 0 100%;
    transform: scaleY(1) translateZ(0)
}

.c-line-btn:hover .c-lin-btn__line:nth-of-type(2) span, .c-square-overlay:hover .c-lin-btn__line:nth-of-type(2) span {
    transform: scaleY(0) translateZ(0);
    transition: transform .4s .4s cubic-bezier(.23, 1, .32, 1)
}

.c-lin-btn__line:nth-of-type(3) span {
    transform-origin: 0 0;
    transform: scaleX(1) translateZ(0)
}

.c-line-btn:hover .c-lin-btn__line:nth-of-type(3) span, .c-square-overlay:hover .c-lin-btn__line:nth-of-type(3) span {
    transform: scaleX(0) translateZ(0);
    transition: transform .4s .2s cubic-bezier(.23, 1, .32, 1)
}

.c-lin-btn__line:nth-of-type(4) span {
    transform-origin: 0 0;
    transform: scaleY(1) translateZ(0)
}

.c-line-btn:hover .c-lin-btn__line:nth-of-type(4) span, .c-square-overlay:hover .c-lin-btn__line:nth-of-type(4) span {
    transform: scaleY(0) translateZ(0);
    transition: transform .4s .4s cubic-bezier(.23, 1, .32, 1)
}

.c-lin-btn__line:nth-of-type(5) span {
    transform-origin: 100% 0;
    transform: scaleX(1) translateZ(0)
}

.c-line-btn:hover .c-lin-btn__line:nth-of-type(5) span, .c-square-overlay:hover .c-lin-btn__line:nth-of-type(5) span {
    transform: scaleX(0) translateZ(0);
    transition: transform .4s .7s cubic-bezier(.23, 1, .32, 1)
}

.c-lin-btn__line:nth-of-type(6) span {
    transform-origin: 0 0;
    transform: scaleX(1) translateZ(0)
}

.c-line-btn:hover .c-lin-btn__line:nth-of-type(6) span, .c-square-overlay:hover .c-lin-btn__line:nth-of-type(6) span {
    transform: scaleX(0) translateZ(0);
    transition: transform .4s .7s cubic-bezier(.23, 1, .32, 1)
}

.c-loader, .c-loader__bg {
    transform: translateZ(0)
}

.c-loader {
    opacity: 0
}

.is-first-loading .c-loader {
    opacity: 1;
    transition: opacity 0s 0s cubic-bezier(.165, .84, .44, 1)
}

.is-ready .c-loader {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1.2s 0s cubic-bezier(.165, .84, .44, 1), visibility 0s 1.2s cubic-bezier(.165, .84, .44, 1)
}

.c-loader__gradient {
    background: linear-gradient(45deg, rgba(27, 20, 38, .8) 25%, rgba(79, 79, 80, .2) 100%)
}

.c-loader__bg {
    background: #0a090e;
    opacity: 1
}

.is-first-loading .c-loader__bg {
    opacity: 0;
    transition: opacity 1s 3.1s cubic-bezier(.165, .84, .44, 1)
}

.c-loader__logo-line-1 {
    transform: translateX(34%) translateY(0) translateZ(0)
}

.is-first-loading .c-loader__logo-line-1 {
    transform: translateX(1%) translateY(0) translateZ(0);
    transition: transform .8s 3.2s cubic-bezier(.23, 1, .32, 1)
}

.is-ready .c-loader__logo-line-1 {
    opacity: 0;
    transform: translateX(1%) translateY(-25px) translateZ(0);
    transition: transform .55s 0s cubic-bezier(.23, 1, .32, 1), opacity .45s 0s cubic-bezier(.165, .84, .44, 1)
}

.c-loader__logo-line-2 {
    font-size: 1.875vw;
    letter-spacing: .2em;
    opacity: 0;
    transform: translateY(25px) translateZ(0)
}

.is-first-loading .c-loader__logo-line-2 {
    opacity: 1;
    transform: translateY(0) translateZ(0);
    transition: transform .8s 3.2s cubic-bezier(.23, 1, .32, 1), opacity .45s 3.2s cubic-bezier(.165, .84, .44, 1)
}

.is-ready .c-loader__logo-line-2 {
    opacity: 0;
    transform: translateY(25px) translateZ(0);
    transition: transform .55s 0s cubic-bezier(.23, 1, .32, 1), opacity .45s 0s cubic-bezier(.165, .84, .44, 1)
}

.c-loader__circle {
    width: 8vw;
    height: 8vw;
    min-width: 50px;
    min-height: 50px;
    z-index: 1;
    transform: scale(1) translateZ(0)
}

.c-loader__circle .c-loader__circle-base {
    fill: transparent;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 1;
    stroke-dasharray: 160;
    stroke-dashoffset: 160;
    opacity: 1
}

.is-first-loading .c-loader__circle .c-loader__circle-base {
    opacity: 1;
    stroke-dashoffset: 0;
    transition: 3s .5s cubic-bezier(.23, 1, .32, 1)
}

.c-loader__circle .c-loader__circle-base-opac {
    fill: transparent;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 1;
    opacity: .5
}

.c-loader__circle .c-loader__circle-mask {
    top: -3%;
    left: -3%;
    width: 106%;
    height: 106%;
    fill: transparent;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 1;
    stroke-dasharray: 160;
    stroke-dashoffset: 0;
    opacity: 0;
    transform: scale(1.1) translateZ(0)
}

.is-first-loading .c-loader__circle .c-loader__circle-mask {
    opacity: 1;
    stroke-width: 9;
    stroke-dashoffset: 0;
    transform: scale(1) translateZ(0);
    transition: .9s 2.4s cubic-bezier(.23, 1, .32, 1), opacity 0s 2.4s cubic-bezier(.23, 1, .32, 1)
}

.is-first-loading .c-loader__circle {
    transform: scale(.55) translateZ(0);
    transition: transform .8s 2.4s cubic-bezier(.23, 1, .32, 1)
}

.c-loader__logo-letters {
    width: 16.8vw;
    opacity: 0;
    transform: translateZ(0);
    left: -12px
}

.is-first-loading .c-loader__logo-letters {
    opacity: 1;
    transition: opacity .75s 2.6s cubic-bezier(.165, .84, .44, 1)
}

.is-ready .c-loader__logo-letters {
    opacity: 1;
    transition: opacity 0s 0s
}

.c-loader__ribbon-start {
    width: 25%;
    height: 30%;
    left: 32%;
    top: 61%;
    transform: skewX(-34deg)
}

.c-loader__ribbon-start .c-ribbon__content {
    background: #e7a281;
    transform-origin: 0 100%;
    transform: translateY(20px) scaleY(0) translateZ(0)
}

.is-first-loading .c-loader__ribbon-start .c-ribbon__content {
    transform: translateY(0) scaleY(1) translateZ(0);
    transition: .7s 2.2s cubic-bezier(.23, 1, .32, 1)
}

.c-loader__ribbon-end {
    width: 25%;
    height: 45%;
    left: 57%;
    top: 60%
}

.c-loader__ribbon-end .c-ribbon__content {
    transform-origin: 0 0;
    transform: translateY(-25px) scaleY(0) translateZ(0)
}

.is-first-loading .c-loader__ribbon-end .c-ribbon__content {
    transform: translateY(0) scaleY(1) translateZ(0);
    transition: .7s 2.3s cubic-bezier(.23, 1, .32, 1)
}

.c-map--3d__grid, .c-map--3d__media {
    transition: transform 1s cubic-bezier(.23, 1, .32, 1)
}

.c-map div {
    background-color: transparent !important
}

.c-map div div div div:nth-of-type(5) div, .c-map div div div div:nth-of-type(6) div {
    opacity: .7
}

.c-map--3d__grid {
    background: #000;
    opacity: .1
}

.c-map--3d__grid:nth-of-type(1) {
    left: 10%;
    top: 20%
}

.c-map--3d__grid:nth-of-type(2) {
    left: 10%;
    top: 80%
}

.c-map--3d__grid:nth-of-type(3) {
    left: 40%;
    top: 10%
}

.c-map--3d__grid:nth-of-type(4) {
    left: 80%;
    top: 10%
}

.c-map--3d__grid-x {
    height: 2px;
    width: 80%
}

.c-map--3d__grid-y {
    width: 2px;
    height: 90%
}

.c-mask {
    transition: transform .75s cubic-bezier(.23, 1, .32, 1)
}

.is-home .c-mask, .is-ready .c-mask {
    transition: transform 1s cubic-bezier(.23, 1, .32, 1)
}

.c-mask:nth-of-type(1), .c-mask:nth-of-type(3) {
    height: 9px;
    transform: scaleY(0) translateZ(0)
}

.c-mask:nth-of-type(1) {
    transform-origin: 0 0
}

.c-mask:nth-of-type(3) {
    transform-origin: 0 100%
}

.c-mask:nth-of-type(2), .c-mask:nth-of-type(4) {
    width: 9px;
    transform: scaleX(0) translateZ(0)
}

.c-mask:nth-of-type(2) {
    transform-origin: 100% 0
}

.c-mask:nth-of-type(4) {
    transform-origin: 0 0
}

.is-ready .c-mask:nth-of-type(1), .is-ready .c-mask:nth-of-type(3) {
    transform: scaleY(1) translateZ(0)
}

.is-ready .c-mask:nth-of-type(2), .is-ready .c-mask:nth-of-type(4) {
    transform: scaleX(1) translateZ(0)
}

.is-home .c-mask:nth-of-type(1), .is-home .c-mask:nth-of-type(3) {
    transform: scaleY(0) translateZ(0)
}

.is-home .c-mask:nth-of-type(2), .is-home .c-mask:nth-of-type(4) {
    transform: scaleX(0) translateZ(0)
}

.c-nav--mobile {
    z-index: 1;
    transform: translateX(100%) translateZ(0);
    transition: transform .8s cubic-bezier(.23, 1, .32, 1)
}

.is-nav-active .c-nav--mobile {
    transform: translateX(0) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1)
}

.c-nav--mobile__container {
    min-height: 500px
}

.c-nav--mobile__mask {
    transition: transform .8s cubic-bezier(.23, 1, .32, 1)
}

.c-nav--mobile__mask:nth-of-type(1) {
    transform: translateX(-100%) translateZ(0)
}

.is-nav-active .c-nav--mobile__mask {
    transition: transform 1s cubic-bezier(.23, 1, .32, 1);
    transform: translateX(0) translateZ(0)
}

.c-nav-mobile__ribbon {
    top: 50%;
    left: 75%;
    width: 110px;
    height: 280px;
    transform: skew(34deg) translateX(-50%) translateY(-50%) translateZ(0)
}

.c-nav-mobile__ribbon-content {
    background: rgba(255, 255, 255, .1);
    transform: scaleY(1) translateZ(0);
    transform-origin: 0 0;
    transition: transform 1s cubic-bezier(.23, 1, .32, 1)
}

.c-nav-mobile__login {
    padding: 25px 0 20px;
    border: 1px solid rgba(255, 255, 255, .1)
}

.c-nav-mobile__item {
    opacity: 0;
    transition: transform .7s 0s cubic-bezier(.23, 1, .32, 1), opacity .45s 0s cubic-bezier(.165, .84, .44, 1)
}

.c-nav-mobile__item:nth-of-type(1) {
    transform: translateX(-15px) translateZ(0)
}

.is-nav-active .c-nav-mobile__item {
    opacity: 1;
    transform: translateX(0) translateZ(0);
    transition: transform .7s .15s cubic-bezier(.23, 1, .32, 1), opacity .45s .15s cubic-bezier(.165, .84, .44, 1)
}

.c-page-intro__title {
    opacity: 0;
    transform: translateY(20px) translateZ(0)
}

.is-ready .c-page-intro__title {
    opacity: 1;
    transform: translateY(0) translateZ(0);
    transition: .8s .2s cubic-bezier(.23, 1, .32, 1)
}

.c-page-intro__content {
    opacity: 0;
    transform: translateY(2%) translateZ(0)
}

.is-ready .c-page-intro__content {
    opacity: 1;
    transform: translateY(0) translateZ(0);
    transition: .8s .25s cubic-bezier(.23, 1, .32, 1)
}

.c-page-intro__scroll {
    opacity: 0;
    transform: translateY(-10px) translateZ(0)
}

.is-ready .c-page-intro__scroll {
    opacity: 1;
    transition: .55s .35s cubic-bezier(.165, .84, .44, 1);
    transform: translateY(0) translateZ(0)
}

.c-page-intro__slide-container {
    transform: translateY(0) scale(1.1) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1)
}

.c-page:after {
    top: 100vh;
    left: 0;
    width: 100%;
    height: calc(100% - 100vh);
    background: #fff;
    opacity: 0;
    transform: translateZ(0);
    transition: opacity .45s cubic-bezier(.165, .84, .44, 1), visibility .45s cubic-bezier(.165, .84, .44, 1)
}

.is-loading .c-page:after {
    opacity: 1;
    visibility: visible
}

.is-home .c-page:after {
    opacity: 0;
    visibility: hidden
}

.c-popin {
    z-index: 10;
    transform: translateX(120%) translateZ(0);
    transition: transform 1.1s cubic-bezier(.23, 1, .32, 1)
}

.c-popin.is-active {
    transform: translateX(0) translateZ(0)
}

.c-popin__container {
    transform: translateX(-100%) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1)
}

.c-popin.is-active .c-popin__container {
    opacity: 1;
    transform: translateX(0) translateZ(0)
}

.c-ribbon {
    transform: skewX(34deg)
}

.c-ribbon__line {
    opacity: .8
}

.c-ribbon__line:nth-of-type(1) {
    height: 1px;
    width: 100%;
    transform-origin: 0 0;
    transform: scaleX(0) translateZ(0)
}

.c-ribbon__line:nth-of-type(1) span {
    opacity: 0;
    transform: translateZ(0)
}

.c-ribbon__line:nth-of-type(1) .c-ribbon__line-content {
    transform-origin: 100% 0;
    transform: scaleX(1) translateZ(0)
}

.is-ready .c-ribbon__line:nth-of-type(1) {
    transform: scaleX(1) translateZ(0);
    transition: transform .4s cubic-bezier(.23, 1, .32, 1), opacity .4s .2s cubic-bezier(.165, .84, .44, 1);
    opacity: .4
}

.is-ready .c-ribbon__line:nth-of-type(1) span {
    opacity: 1;
    transition: opacity .45s cubic-bezier(.165, .84, .44, 1)
}

.is-ready .c-ribbon__line:nth-of-type(1) .c-ribbon__line-content {
    transform: scaleX(0) translateZ(0);
    transition: transform .4s .2s cubic-bezier(.23, 1, .32, 1)
}

.c-ribbon__line:nth-of-type(2) {
    width: 1px;
    height: 100%;
    transform-origin: 0 0;
    transform: scaleY(0) translateZ(0)
}

.c-ribbon__line:nth-of-type(2) span {
    opacity: 0;
    transform: translateZ(0)
}

.c-ribbon__line:nth-of-type(2) .c-ribbon__line-content {
    transform-origin: 0 100%;
    transform: scaleY(1) translateZ(0)
}

.is-ready .c-ribbon__line:nth-of-type(2) {
    transform: scaleY(1) translateZ(0);
    transition: transform .4s .2s cubic-bezier(.23, 1, .32, 1), opacity .4s .2s cubic-bezier(.165, .84, .44, 1);
    opacity: .4
}

.is-ready .c-ribbon__line:nth-of-type(2) span {
    opacity: 1;
    transition: opacity .45s .2s cubic-bezier(.165, .84, .44, 1)
}

.is-ready .c-ribbon__line:nth-of-type(2) .c-ribbon__line-content {
    transform: scaleY(0) translateZ(0);
    transition: transform .4s .4s cubic-bezier(.23, 1, .32, 1)
}

.c-ribbon__line:nth-of-type(3) {
    height: 1px;
    width: 100%;
    transform-origin: 100% 0;
    transform: scaleX(0) translateZ(0)
}

.c-ribbon__line:nth-of-type(3) span {
    opacity: 0;
    transform: translateZ(0)
}

.c-ribbon__line:nth-of-type(3) .c-ribbon__line-content {
    transform-origin: 0 0;
    transform: scaleX(1) translateZ(0)
}

.is-ready .c-ribbon__line:nth-of-type(3) {
    transform: scaleX(1) translateZ(0);
    transition: transform .4s cubic-bezier(.23, 1, .32, 1), opacity .4s .2s cubic-bezier(.165, .84, .44, 1);
    opacity: .4
}

.is-ready .c-ribbon__line:nth-of-type(3) span {
    opacity: 1;
    transition: opacity .45s cubic-bezier(.165, .84, .44, 1)
}

.is-ready .c-ribbon__line:nth-of-type(3) .c-ribbon__line-content {
    transform: scaleX(0) translateZ(0);
    transition: transform .4s .2s cubic-bezier(.23, 1, .32, 1)
}

.c-ribbon__line:nth-of-type(4) {
    width: 1px;
    height: 100%;
    transform-origin: 0 100%;
    transform: scaleY(0) translateZ(0)
}

.c-ribbon__line:nth-of-type(4) span {
    opacity: 0;
    transform: translateZ(0)
}

.c-ribbon__line:nth-of-type(4) .c-ribbon__line-content {
    transform-origin: 0 0;
    transform: scaleY(1) translateZ(0)
}

.is-ready .c-ribbon__line:nth-of-type(4) {
    transform: scaleY(1) translateZ(0);
    transition: transform .4s .2s cubic-bezier(.23, 1, .32, 1), opacity .4s .2s cubic-bezier(.165, .84, .44, 1);
    opacity: .4
}

.is-ready .c-ribbon__line:nth-of-type(4) span {
    opacity: 1;
    transition: opacity .45s .2s cubic-bezier(.165, .84, .44, 1)
}

.is-ready .c-ribbon__line:nth-of-type(4) .c-ribbon__line-content {
    transform: scaleY(0) translateZ(0);
    transition: transform .4s .4s cubic-bezier(.23, 1, .32, 1)
}

.c-ribbon--giant {
    left: 20px;
    top: -50px;
    width: 85px;
    height: 160px;
    margin-left: -55px;
    background: #e16d3e;
}

.c-ribbon--ultra {
    left: 60px;
    top: -30px;
    width: 190px;
    height: 340px
}

.is-leaving .c-ribbon--ultra {
    opacity: 0;
    transition: opacity .45s cubic-bezier(.165, .84, .44, 1)
}

.c-title-offbeat div:nth-of-type(2) {
    margin-left: 15%
}

.c-title-offbeat div:nth-of-type(2) span:first-child {
    top: 50%;
    left: -20%;
    width: 15%;
    height: 3px;
    background: #e16d3e
}

.c-title-offbeat div:nth-of-type(1) {
    opacity: 0;
    transform: translateX(-40px) translateZ(0)
}

.c-title-offbeat div:nth-of-type(3) {
    opacity: 0;
    transform: translateX(-40px) translateZ(0)
}

.c-wysiwyg h3, .c-wysiwyg h4 {
    color: #2c2c2c;
    margin-bottom: 30px
}

.c-wysiwyg p {
    color: #7f7b79;
    margin-bottom: 50px
}

.o-list--inline .o-list__item {
    display: inline-block
}

.o-wrapper--valign {
    position: relative
}

.o-wrapper--panel, .u-absolute {
    position: absolute
}

.o-wrapper--panel {
    top: 0;
    left: 0
}

.o-wrapper--valign:after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle
}

.u-marg-b-vh1of6 {
    margin-bottom: 16.666666666666668vh
}

.u-marg-l-w1of10 {
    margin-left: 18%
}

.u-pad-t-vh2of10 {
    padding-top: 20vh
}

.u-w7of10 {
    width: 70%
}

.u-fit, .u-fit-h {
    height: 100%
}

.u-w9of10 {
    width: 90%
}

.u-fit, .u-fit-w {
    width: 100%
}

.u-align-center {
    text-align: center
}

.u-align-right {
    text-align: right
}

.u-align-left {
    text-align: left
}

.u-pos-y-center {
    top: 50%;
    transform: translateY(-50%)
}

.u-valign-bottom {
    vertical-align: bottom
}

.u-valign-middle {
    vertical-align: middle
}

.u-uppercase {
    text-transform: uppercase
}

.u-inline-block {
    display: inline-block;
}

.u-block {
    display: block
}

.u-overflow-h {
    overflow: hidden
}

.u-overflow-s {
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.u-hide {
    display: none
}

.u-viewport-fit-h {
    height: 100vh
}

.u-relative {
    position: relative
}

.u-fixed {
    position: fixed
}

.u-pos-l {
    left: 0
}

.u-pos-tl {
    top: 0;
    left: 0
}

.u-pos-tr {
    top: 0;
    right: 0
}

.u-pos-bl {
    bottom: 0;
    left: 0
}

.u-pos-br {
    bottom: 0;
    right: 0
}

.u-pos-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.u-object-fit-cover {
    object-fit: cover
}

.u-force-3d {
    transform: translateZ(0);
    -ms-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.u-color--brand-purple-light {
    color: #82838f
}

.u-color--gray-dark {
    color: #2c2c2c
}

.u-bg--white {
    background-color: #fff
}

.u-bg--brand-orange {
    background-color: #e16d3e
}

.u-bg--brand-purple {
    background-color: #0a0e44
}

.u-bg--gray-dark {
    background-color: #2c2c2c
}

.u-fill--black svg {
    fill: #000
}

.u-fill--white svg {
    fill: #fff
}

.u-fill--transparent svg {
    fill: transparent
}

.u-fill--pseudo-white svg {
    fill: rgba(255, 255, 255, .8)
}

.u-fill--pseudo-gray svg {
    fill: rgba(0, 0, 0, .4)
}

.u-fill--brand-orange svg {
    fill: #e16d3e
}

.u-fill--brand-blue svg {
    fill: #22264d
}

.u-fill--brand-purple svg {
    fill: #0a0e44
}

.u-fill--brand-purple-light svg {
    fill: #82838f
}

.u-fill--brand-brown svg {
    fill: #887e7a
}

.u-fill--gray svg {
    fill: #7f7b79
}

.u-fill--gray-light svg {
    fill: #f8f8f8
}

.u-fill--gray-medium svg {
    fill: #585452
}

.u-fill--gray-dark svg {
    fill: #2c2c2c
}

.u-fill--instragram svg {
    fill: #3f729b
}

.u-fill--twitter svg {
    fill: #6dcff6
}

.u-fill--facebook svg {
    fill: #3b5998
}

.u-fill--vimeo svg {
    fill: #00baef
}

.u-fill--pinterest svg {
    fill: #cc1c0a
}

.u-fill--linkedin svg {
    fill: #0078ba
}

.u-marg-b-xxs {
    margin-bottom: 5px
}

.u-marg-r-sm {
    margin-right: 20px
}

.u-marg-b-sm {
    margin-bottom: 20px
}

.u-marg-b-md {
    margin-bottom: 30px
}

.u-marg-l-md {
    margin-left: 30px
}

.u-marg-l-lg {
    margin-left: 50px
}

.u-marg-r-xl {
    margin-right: 80px
}

.u-pad-x-lg {
    padding-right: 50px
}

.u-pad-y-lg {
    padding-bottom: 50px
}

.u-pad-x-xl {
    padding-right: 80px;
    padding-left: 80px
}

@media screen and (min-width: 1400px) {

}

/*noinspection CssOverwrittenProperties,CssOverwrittenProperties*/
@media screen and (max-width: 1280px) {
    .t-h2 {
        font-size: 75px;
        font-size: 4.6875rem
    }

}

/*noinspection CssOverwrittenProperties,CssOverwrittenProperties,CssOverwrittenProperties,CssOverwrittenProperties,CssOverwrittenProperties,CssOverwrittenProperties*/
@media screen and (max-width: 1025px) {
    .t-h1 {
        font-size: 90px;
        font-size: 5.625rem
    }

    .t-h2 {
        font-size: 65px;
        font-size: 4.0625rem
    }

    .t-text--xxl {
        font-size: 22px;
        font-size: 1.375rem
    }

    .c-gutters {
        padding-left: 30px;
        padding-right: 30px
    }

    .c-home__intro-ribbon-start {
        left: -107px;
        width: 60px;
        height: 70px
    }

    .c-home__intro-ribbon-end {
        width: 70px;
        height: 220px;
        left: -10px
    }

    .c-loader__logo-letters {
        left: -10px
    }

}

/*noinspection CssOverwrittenProperties,CssOverwrittenProperties,CssOverwrittenProperties,CssOverwrittenProperties,CssOverwrittenProperties,CssOverwrittenProperties,CssOverwrittenProperties,CssOverwrittenProperties*/
@media screen and (max-width: 864px) {

    .t-btn--burger {
        display: inline-block
    }

    .t-h1 {
        font-size: 55px;
        font-size: 3.4375rem
    }

    .t-h4 {
        font-size: 37px;
        font-size: 2.3125rem
    }

    .c-wysiwyg h3, .c-wysiwyg h4, .t-h6 {
        font-size: 20px;
        font-size: 1.25rem
    }

    .t-link--primary__ribbon {
        height: 23px;
        width: 10px;
        top: 0
    }

    .t-logo-simple {
        width: 112px;
        height: 28px
    }

    .c-wysiwyg p, .t-text--xl {
        font-size: 16px;
        font-size: 1rem
    }

    .c-gutters {
        padding-left: 0;
        padding-right: 0
    }

    .c-home__intro-ribbon-start {
        left: -85px;
        width: 50px
    }

    .c-home__intro-ribbon-end {
        width: 50px;
        height: 150px
    }

    .c-loader__logo-letters {
        left: -5px
    }

    .c-ribbon--giant {
        width: 75px;
        height: 120px
    }

}

.c-home {
    display: table;
    height: 100%;
}

.full-width-bg {
    width: 100%;
    height: 80vh;
    position: relative;
    background: url("/client-assets/images/home-banner.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
}

/*home page animation css end*/

/*contact page*/

/*contact page*/
/*.bg-pattern{
    background: url('/client-assets/images/bg-pattern.gif');
}*/
/*.bg-map{*/
/*background: url('/client-assets/img/world-bg.png') no-repeat top center;*/
/*background-attachment: fixed;*/
/*background-size: cover;*/
/*}*/

.bgContact {
    background: url("/client-assets/images/canvas-map.jpg") no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    position: relative;
}

.bgContact:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 39%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 39%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 39%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 100%);
    top: 0;
    left: 0;
}

.bgContact:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100px;
    background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 1) 39%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1) 39%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 39%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 100%);
    bottom: 0;
    left: 0;
}

.offices h1 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    height: 131px;
    text-align: left;
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    border-bottom: #000000 solid 8px;
    padding-right: 100px;
}

.offices h1 span {
    display: block;
    /* position: absolute; */
    font-size: 140px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #000000;
    font-family: "trump_gothic_eastbold";
    margin-left: -8px
}

.offices h2 {
    margin: 20px 0 20px 0;
    font-size: 28px;
    letter-spacing: 1px;
    color: #e74c4c;
    font-weight: 400;
    line-height: 100%;
    font-family: "trump_gothic_eastbold" !important;
    text-transform: uppercase;
}

.offices .office-details a.map {
    display: block;
    font-size: 14px;
    letter-spacing: 2px;
    color: #000;
    font-family: "Larsseit";
    margin: 0px 0 20px 0px;
    padding: 0px 0px;
    font-weight: 600;
    position: relative;
    width: 100%;
    height: 20px;
}

.offices .office-details a.map:after {
    content: '> ' attr(data-text);
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 20px;
    overflow-y: hidden;
    text-transform: uppercase;
    color: #000;
}

.offices .office-details a.map:hover:after {
    content: '> ' attr(data-hover-text);
    font-weight: 500;
    color: transparent;
    overflow: hidden;

    text-decoration: underline;
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
    background-size: 400% 400%;
    -webkit-background-clip: text;
    -webkit-animation: Gradient 10s ease infinite;
    -moz-animation: Gradient 10s ease infinite;
    animation: Gradient 10s ease infinite;

}

@-webkit-keyframes Gradient {
    0% {

        background-position: 0% 50%
    }
    50% {

        background-position: 100% 50%
    }
    100% {

        background-position: 0% 50%
    }
}

@-moz-keyframes Gradient {
    0% {

        background-position: 0% 50%
    }
    50% {

        background-position: 100% 50%
    }
    100% {

        background-position: 0% 50%
    }
}

@keyframes Gradient {
    0% {

        background-position: 0% 50%
    }
    50% {

        background-position: 100% 50%
    }
    100% {

        background-position: 0% 50%
    }
}

.offices .office-details h4, .offices .office-details .info {
    display: block;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    color: #656565;
    max-width: 275px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 11px;
}

.pr-50 {
    padding-right: 50px;
}

.pr-0 {
    padding-right: 0 !important;
}

.mb-100 {
    margin-bottom: 100px;
}

/*form*/
.u-bg--brand-orange {
    background-color: #e16d3e;
}

.u-pos-bl {
    bottom: 0;
    left: 0;
}

.u-pad-r-md, .u-pad-x-md {
    padding-right: 30px;
}

.o-wrapper--panel, .u-absolute {
    position: absolute;
}

.c-line, .c-line--small {
    height: 1px;
}

.u-valign-bottom {
    vertical-align: bottom;
}

.u-bg--white {
    background-color: #fff;
}

.u-color--brand-blue {
    color: #22264d;
}

.u-relative {
    position: relative;
}

.u-inline-block {
    display: inline-block;
}

.u-pos-l {
    left: 0px;
}

.u-fit, .u-fit-w {
    width: 100%;
}

.u-absolute {
    position: absolute;
}

.c-form__line {
    top: 26px;
    background: rgb(221, 221, 228);
}

.t-text--serif {
    font-family: "Larsseit";
    font-weight: 500;
}

.t-h3 {
    margin-bottom: 0;
    font-size: 48px;
    line-height: 67px;
    color: #282828;
    font-weight: 500;
    letter-spacing: 0.2px;
}

.t-h6 {
    margin-top: 15px;
    margin-bottom: 0;
    font-family: "Larsseit";
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.2;
}

/*form*/
.contact-form-wrapper {
    margin-top: 100px;
}

.contact-form {
    margin-top: 100px;
}

.form-input {
    margin-bottom: 80px;
}

.form-input input, .form-input textarea {
    color: #22264d;
    width: 92%;
    border: 0;
    border-top: 1px solid #cdcdcc;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
    padding: 20px 30px 20px 0;
    box-shadow: none;
    font-family: 'Larsseit';
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.contact-form .form-group input {
    border: 1px solid #cdcdcc;
    padding: 20px 30px 20px 15px;
}

.form-input textarea {
    border: 1px solid #cdcdcc !important;
    resize: none;
    height: 220px;
    width: 95%;
    padding-left: 15px;
}

.form-input input:focus, .form-input textarea:focus {
    outline: none;

}

.form-input input:focus {
    padding-left: 20px;
    border-color: #cdcdcc !important;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.form-input .btn {
    height: 56px;
    background-color: rgb(34, 38, 77);
    padding: 18px 38px;
    border-radius: 0;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
}

.page-head {
    width: 100%;
    height: 500px;
}

.pos-abs-tit {
    position: absolute;
    bottom: 80px;
    left: 120px;
    /* width: 100%; */
    text-align: left;
}

.pos-rel-title-100 {
    position: relative;
    height: 100%;
}

header.mini {
    background: white;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    position: fixed;
    top: 0;
    z-index: 999999;
}

header.mini .logo-black {
    display: inline-block;
}

header.mini .logo-white {
    display: none;
}

header .logo-white {
    display: inline-block;
}

header .logo-black {
    display: none;
}

header.mini nav ul li a {
    color: #131313;
}

header.mini nav ul li svg line {
    stroke: rgb(19, 19, 19);
}

nav ul li a:hover, header.mini nav ul li a:hover {
    color: #e74c4c;
}

nav ul li a:hover svg line, header.mini nav ul li a:hover svg line {
    stroke: rgb(231, 76, 76);
}

/*contact page*/

/*about page by mehul - 13-1-17*/
.redLineVertical {
    background-color: red;
    width: 0;
    width: 1px;
    margin: 0 auto;
    min-height: 170px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-10 {
    margin-top: 10px;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-10 {
    margin-bottom: 10px;
}

.mt-100 {
    margin-top: 100px;
}

@media (min-width: 768px) {
    .flex-sm {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        width: 100%;
        height: 100%;
        min-height: inherit;
    }

    .flex-order-1 {
        order: 1;
    }

    .flex-order-2 {
        order: 2;
    }
}

.bg-grey {
    background: #f4f4f4;
}

.svg-bike {
    width: auto;
    max-width: 90%;
    max-height: 75%;
    position: relative;
    z-index: 2;
    margin: 0 auto;
}

.svg-background {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
}

.section-2 {
    background-color: #f9f2f2;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.left {
    text-align: center;
    position: relative;
    padding: 50px 0px;
}

svg:not(:root) {
    overflow: hidden;
}

.section-4, .section-6, .section-5 {
    width: 100%;
    /*min-height: 100vh;*/
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    position: relative;
    padding-left: 100px;
    padding-right: 100px;
    overflow: hidden;

}

.svg-background-fit-height {
    position: absolute;
    height: 90%;
    top: 5%;
    left: 0px;
    right: 0px;
}

.step {
    padding-top: 20px;
}

.step .step-header {
    padding-bottom: 0px;
}

.step .step-header h2 {
    /*padding: 0 56px 0 0;*/
}

.step .step-header .step-title h2 span {
    position: relative;
    z-index: 1;
    text-transform: capitalize;
}

.step .step-header .step-title h2 {
    margin: 0;
    font-family: "aramis-boldbold";
    font-size: 60px;
    line-height: 64px;
    color: #111;
    text-transform: uppercase;
}

.step .step-header .step-title h2.privacy-title {
    font-size: 35px;
    line-height: 20px;
}

.step .step-header .step-title h4 {
    margin-top: 70px;
    font-size: 2.5em;
    font-weight: 100;
    line-height: 1.5;
    /*padding-left:20px;*/
}

.step .step-header .step-title h2 svg {
    position: absolute;
    left: 0;
    top: -80px;
}

.step .step-header .step-title h2 svg * {
    fill: #dbdbdb;
}

.step .step-header .step-description .tag-line {
    font-weight: 100;
    margin-top: 18px;
}

.step-description h2 {
    font-size: 28px;
    margin-bottom: 20px;
}

.step-description figure {
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.2);
}

.consortium-acquittance {
    position: relative;
    margin-bottom: 6.25rem;
}

.consortium-acquittance__layer--1 {
    width: 4.6875rem;
    height: 12.0625rem;
    background-color: #da261d;
}

.image-mask {
    position: relative;
    display: block;
    max-width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #eee;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.consortium-acquittance__image {
    position: absolute;
    top: 1.25rem;
    right: .9375rem;
    width: 80%;
    height: 6rem;
}

.consortium-acquittance__box {
    position: relative;
    z-index: 1;
    max-width: calc(100% - 30px);
    width: 27.75rem;
    background-color: #fff;
    -webkit-box-shadow: 36px 36px 90px 0 rgba(0, 0, 0, .2);
    box-shadow: 36px 36px 90px 0 rgba(0, 0, 0, .2);
    padding: 2.5rem 1.25rem;
    margin: -6.25rem auto 0;
}

.consortium-acquittance__layer--2 {
    position: absolute;
    left: 6.25rem;
    bottom: 17%;
    z-index: -1;
    width: 37.5rem;
    height: .3125rem;
    background-color: #111;
}

@media only screen and (min-width: 48em) {

    .consortium-acquittance__layer--1 {
        width: 16.0625rem;
        height: 41.625rem;
    }

    .consortium-acquittance__image {
        top: 10%;
        left: 11.5rem;
        right: auto;
        width: 48.9375rem;
        height: 26.5625rem;
    }

    .consortium-acquittance__box {
        position: absolute;
        top: 15.625rem;
        left: 4.375rem;
        max-width: 100%;
        margin: 0;
        padding: 3.75rem;
    }

}

.consortium-acquittance__layer {
    display: block;
}

.p-abs {
    position: absolute;
}

.right-100 {
    right: 100px;
}

.left-100 {
    left: 100px;
}

.top-75 {
    top: 75px;
}

.z-index-1 {
    z-index: 1;
}

.bottom-m-150 {
    bottom: -150px;
}

.white-box {
    padding: 3.75rem;
    background: #fff;
    -webkit-box-shadow: 36px 36px 90px 0 rgba(0, 0, 0, .2);
    box-shadow: 36px 36px 90px 0 rgba(0, 0, 0, .2);
}

.list-blk {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.list-blk h4 {
    font-size: 1.4em;
    font-weight: 400;

}

.list-blk p {
    margin-top: 20px;
}

.list-blk ul {
    list-style: none;
    padding: 0;
    margin: 20px 0 0;
}

.list-blk ul li {
    line-height: 1.5;
    display: flex;
    margin-bottom: 10px;
    width: 100%;
}

.list-blk ul li span {
    display: inline-block;
    width: 96%;
    line-height: 32px;
    margin-bottom: 0px;
    font-size: 16px;
    color: #282828;
    font-weight: 300;
}

.list-blk ul li span.dash {
    margin-right: 10px;
    width: 10px;
    line-height: 21px;
}

.timeline {
    max-width: 100%;
    margin: 0 auto;
}

.timeline > section {
    width: 100%;
    display: flex;
}

.timeline.about section {
    overflow: hidden;
}

.timeline > section > div {
    width: 100%;
}

.timeline > section > div:nth-child(1) {
    max-width: 47%;
    text-align: right;
}

.timeline > section > div:nth-child(1) h3 {
    font-weight: 400;
}

.list-blk ul li span strong {
    font-weight: 500 !important;
}

.timeline > section > div:nth-child(2) {
    max-width: 6%;
    text-align: center;
    display: flex;
    flex-direction: column;
    position: relative;
}

.timeline > section > div:nth-child(2) > span {
    flex-grow: 1;
    width: 1px;
    margin: 0 auto;
    background-color: #e7e7e8;
    color: #131116;
}

.timeline > section > div:nth-child(2) > div {
    width: 8px;
    height: 8px;
    background-color: #131116;
    border-radius: 100px;
    margin: auto;
    position: absolute;
    top: 10px;
    right: 0;
    left: 0;
}

.timeline > section > div:nth-child(3) {
    max-width: 47%;
    margin-bottom: 50px;
}

.timeline > section > div:nth-child(3) ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.timeline > section > div:nth-child(3) ul li {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 10px;
    vertical-align: top;
    display: flex;

}

.timeline > section > div:nth-child(3) ul li span {
    display: inline-block;
    margin-bottom: 0px;
    line-height: 32px;
    font-size: 16px;
    color: #282828;
    font-weight: 300;
}

.timeline > section > div:nth-child(3) ul li span {
    width: 96%;
}

.timeline > section > div:nth-child(3) ul li span.dash {
    width: 10px;
    margin-right: 10px;
}

/*about page by mehul - 13-1-17*/
/*index style*/
.be-home-loc-left h1, .be-home-loc-left h1 a {
    font-size: 48px;
    line-height: 65px;
    color: #282828;
    font-weight: 500;
    letter-spacing: 0.2px;
}

.be-home-loc-left h1 a {
    color: #e74c4c;
}

.be-home-loc-left h1 a:hover {
    text-decoration: underline;
}

.be-home-loc-left p, .width-set-impliment p {
    line-height: 32px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #282828;
    font-weight: 300;
}

.be-home-loc-left p:last-child {
    margin-bottom: 0px;
}

.theme-btn {

    padding: 17px 38px;
    min-width: 180px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    outline: none;
    border: 0;
}

.theme-btn:before {
    top: 0;
    left: 0;
    right: 0;
    border: 1px solid #000;
    opacity: .1;
    transform: translateZ(0);
    position: absolute;
    content: '';
    bottom: 0;
}

.c-lin-btn__line {
    opacity: .5
}

.c-lin-btn__line:nth-of-type(1) {
    height: 1px;
    width: 20%;
    transform-origin: 0 0;
    transform: scaleX(0) translateZ(0)
}

.c-lin-btn__line:nth-of-type(1) span {
    transform-origin: 100% 0;
    transform: scaleX(1) translateZ(0)
}

.c-line-btn:hover .c-lin-btn__line:nth-of-type(1), .c-square-overlay:hover .c-lin-btn__line:nth-of-type(1) {
    transform: scaleX(1) translateZ(0);
    transition: transform .4s cubic-bezier(.23, 1, .32, 1)
}

.c-line-btn:hover .c-lin-btn__line:nth-of-type(1) span, .c-square-overlay:hover .c-lin-btn__line:nth-of-type(1) span {
    transform: scaleX(0) translateZ(0);
    transition: transform .4s .2s cubic-bezier(.23, 1, .32, 1)
}

.c-lin-btn__line:nth-of-type(2) {
    width: 1px;
    height: 100%;
    transform-origin: 0 0;
    transform: scaleY(0) translateZ(0)
}

.c-lin-btn__line:nth-of-type(2) span {
    transform-origin: 0 100%;
    transform: scaleY(1) translateZ(0)
}

.c-line-btn:hover .c-lin-btn__line:nth-of-type(2), .c-square-overlay:hover .c-lin-btn__line:nth-of-type(2) {
    transform: scaleY(1) translateZ(0);
    transition: transform .4s .2s cubic-bezier(.23, 1, .32, 1)
}

.c-line-btn:hover .c-lin-btn__line:nth-of-type(2) span, .c-square-overlay:hover .c-lin-btn__line:nth-of-type(2) span {
    transform: scaleY(0) translateZ(0);
    transition: transform .4s .4s cubic-bezier(.23, 1, .32, 1)
}

.c-lin-btn__line:nth-of-type(3) {
    height: 1px;
    width: 20%;
    transform-origin: 100% 0;
    transform: scaleX(0) translateZ(0)
}

.c-lin-btn__line:nth-of-type(3) span {
    transform-origin: 0 0;
    transform: scaleX(1) translateZ(0)
}

.c-line-btn:hover .c-lin-btn__line:nth-of-type(3), .c-square-overlay:hover .c-lin-btn__line:nth-of-type(3) {
    transform: scaleX(1) translateZ(0);
    transition: transform .4s cubic-bezier(.23, 1, .32, 1)
}

.c-line-btn:hover .c-lin-btn__line:nth-of-type(3) span, .c-square-overlay:hover .c-lin-btn__line:nth-of-type(3) span {
    transform: scaleX(0) translateZ(0);
    transition: transform .4s .2s cubic-bezier(.23, 1, .32, 1)
}

.c-lin-btn__line:nth-of-type(4) {
    width: 1px;
    height: 100%;
    transform-origin: 0 100%;
    transform: scaleY(0) translateZ(0)
}

.c-lin-btn__line:nth-of-type(4) span {
    transform-origin: 0 0;
    transform: scaleY(1) translateZ(0)
}

.c-line-btn:hover .c-lin-btn__line:nth-of-type(4), .c-square-overlay:hover .c-lin-btn__line:nth-of-type(4) {
    transform: scaleY(1) translateZ(0);
    transition: transform .4s .2s cubic-bezier(.23, 1, .32, 1)
}

.c-line-btn:hover .c-lin-btn__line:nth-of-type(4) span, .c-square-overlay:hover .c-lin-btn__line:nth-of-type(4) span {
    transform: scaleY(0) translateZ(0);
    transition: transform .4s .4s cubic-bezier(.23, 1, .32, 1)
}

.c-lin-btn__line:nth-of-type(5) {
    height: 1px;
    width: 100%;
    transform-origin: 0 0;
    transform: scaleX(0) translateZ(0)
}

.c-lin-btn__line:nth-of-type(5) span {
    transform-origin: 100% 0;
    transform: scaleX(1) translateZ(0)
}

.c-line-btn:hover .c-lin-btn__line:nth-of-type(5), .c-square-overlay:hover .c-lin-btn__line:nth-of-type(5) {
    opacity: 0;
    transform: scaleX(1) translateZ(0);
    transition: transform .6s .5s cubic-bezier(.23, 1, .32, 1), opacity .6s .6s cubic-bezier(.165, .84, .44, 1)
}

.c-line-btn:hover .c-lin-btn__line:nth-of-type(5) span, .c-square-overlay:hover .c-lin-btn__line:nth-of-type(5) span {
    transform: scaleX(0) translateZ(0);
    transition: transform .4s .7s cubic-bezier(.23, 1, .32, 1)
}

.c-lin-btn__line:nth-of-type(6) {
    height: 1px;
    width: 100%;
    transform-origin: 100% 0;
    transform: scaleX(0) translateZ(0)
}

.c-lin-btn__line:nth-of-type(6) span {
    transform-origin: 0 0;
    transform: scaleX(1) translateZ(0)
}

.c-line-btn:hover .c-lin-btn__line:nth-of-type(6), .c-square-overlay:hover .c-lin-btn__line:nth-of-type(6) {
    opacity: 0;
    transform: scaleX(1) translateZ(0);
    transition: transform .6s .5s cubic-bezier(.23, 1, .32, 1), opacity .6s .6s cubic-bezier(.165, .84, .44, 1)
}

.c-line-btn:hover .c-lin-btn__line:nth-of-type(6) span, .c-square-overlay:hover .c-lin-btn__line:nth-of-type(6) span {
    transform: scaleX(0) translateZ(0);
    transition: transform .4s .7s cubic-bezier(.23, 1, .32, 1)
}

.u-bg--brand-blue {
    background-color: #22264d;
}

.vertical-center-container {
    display: table !important
}

.hover-tiles-bw .tile {
    height: 460px;
    padding: 0 30px 10px;
    border-top: 1px solid #d2d2d2;
    border-left: 1px solid #fff;
    border-right: 1px solid #d2d2d2;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer
}

.hover-tiles-bw .tile p {
    line-height: 32px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .3px;
    margin-bottom: 0;
}

.hover-tiles-bw .tile a.tile-link {
    color: #282828;
    text-decoration: none
}

.hover-tiles-bw .tile a.tile-link:hover {
    color: #fff;
    text-decoration: none
}

.hover-tiles-bw .tile img {
    margin-bottom: 20px
}

.hover-tiles-bw .tile .show-on-hover {
    visibility: visible;
}

.hover-tiles-bw .tile:last-of-type {
    border-right: 1px solid #fff
}

.hover-tiles-bw .tile:hover {
    color: #fff;
    background-color: #282828;
    background-size: cover
}

.hover-tiles-bw .tile:hover .show-on-hover {
    visibility: visible;
    color: #fff;
}

.vertical-center-container .vertical-center-content {
    display: table-cell !important;
    vertical-align: top !important;
    padding-top: 50px;
}

.hover-tiles-bw .tile a.tile-link {
    color: #282828;
    text-decoration: none;
}

.section + .section {
    padding-top: 0;
}

.hover-tiles-bw .tile.bg-skirt-jp:hover {
    background-image: url(/client-assets/images/tile-skirt-jp.jpg);
    border-left: 1px solid #282828;
    border-top: 1px solid #282828
}

.hover-tiles-bw .tile.bg-label:hover {
    background-image: url(/client-assets/images/tile-label.jpg);
    border-left: 1px solid #282828;
    border-top: 1px solid #282828
}

.hover-tiles-bw .tile.bg-skirt-black:hover {
    background-image: url(/client-assets/images/tile-skirt-black.jpg);
    border-left: 1px solid #282828;
    border-top: 1px solid #282828
}

.hover-tiles-bw .tile.bg-box:hover {
    background-image: url(/client-assets/images/tile-box.jpg);
    border-left: 1px solid #282828;
    border-right: 1px solid #282828
}

.hover-tiles-bw .tile:hover a {
    color: #fff;
}

.hover-tiles-bw h4 {
    font-size: 20px;
    line-height: 32px;
    font-weight: 300;
    margin-bottom: 20px;
    letter-spacing: 0.6px;
}

.offset-col-right .bg-white-border-gray {
    border: 1px solid #e0e0e0;
    margin: 0;
    padding: 200px 85px;
    height: 620px;
}

.offset-col-right .bg-gray {
    background-color: #f8f9fb;
    margin-left: -30px;
    margin-top: -30px;
    padding: 160px 40px 90px 90px;
    height: 620px
}

.offset-col-right .bg-gray .bullet {
    margin-bottom: 40px
}

.offset-col-right .bg-gray .bullet:last-of-type, .offset-col-right .bg-gray .bullet h2 {
    margin-bottom: 0
}

.offset-col-left {
    margin-top: 160px;
    background-color: #f6f7f9
}

.offset-col-left .offset-img-up-left-container {
    padding-left: 40px;
    position: relative
}

.offset-col-left .offset-img-up-left-container .offset-img-up-left {
    position: absolute;
    top: -70px;
    left: -70px;
    max-width: 850px
}

.offset-col-left .offset-col-left-content {
    height: 617px;
    padding: 150px 100px 150px 160px
}

.offset-col-left .offset-col-left-content .offset-img-up-left {
    top: -90px;
    left: -90px;
    position: absolute
}

.offset-col-left .offset-col-left-content .offset-col-left-text {
    padding: 60px
}

.offset-col-right .be-home-loc-left h2, .offset-col-right .be-home-loc-right h2 {
    font-size: 30px;
    line-height: 50px;
    color: #282828;
    font-weight: 500;
    letter-spacing: 0.2px;
}

.offset-col-right .be-home-loc-right h2 {
    font-weight: 100;
}

.offset-col-right .bg-gray .bullet h2.text-red {
    margin-bottom: 0;
    color: #e74c4c;
}

.section .text {
    position: absolute;
    top: 0;
    left: 0;
    right: 580px;
    bottom: 0;
    width: 500px;
    z-index: 10;
}

.section .illustration {
    position: absolute;
    top: 0;
    left: 580px;
    right: 0;
    bottom: 0;
}

.section .text > .text-wrapper {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.illu-implementation {
    width: 482px;
    height: 336px;
}

.illu-implementation img.diamond-mobile {
    display: none;
}

.illu-implementation > img.diamond {
    position: absolute;
    top: 0;
    left: 0;
    width: 482px;
    height: 336px;
    z-index: 5;
}

.illu-implementation > img.light {
    position: absolute;
    top: -144px;
    left: -140px;
    width: 800px;
    height: 743px;
    z-index: 4;
    animation: pulse 5s infinite;
}

.illu-implementation > img.bling-1 {
    position: absolute;
    top: -68px;
    left: -61px;
    width: 643px;
    height: 591px;
    z-index: 3;
    animation: float-x-small 10s infinite linear;
}

.illu-implementation > img.bling-2 {
    position: absolute;
    top: -66px;
    left: -63px;
    width: 647px;
    height: 586px;
    z-index: 2;
    animation: float-x-big 10s infinite linear;
}

.illu-implementation img[class^="cut"] {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    z-index: 4;
    transition: all 1s ease-in-out;
}

.illu-implementation .cut-1 {
    width: 88px;
    height: 72px;
}

.illu-implementation .cut-2 {
    width: 70px;
    height: 58px;
}

.illu-implementation .cut-3 {
    width: 32px;
    height: 30px;
}

.illu-implementation .cut-4 {
    width: 49px;
    height: 58px;
}

.illu-implementation .cut-5 {
    width: 67px;
    height: 68px;
}

.illu-implementation .cut-6 {
    width: 96px;
    height: 64px;
}

.illu-implementation .cut-7 {
    width: 117px;
    height: 99px;
}

.illu-implementation .cut-8 {
    width: 42px;
    height: 48px;
}

.illu-implementation .cut-9 {
    width: 65px;
    height: 76px;
}

.illu-implementation .cut-10 {
    width: 54px;
    height: 59px;
}

.illu-implementation.positioned-cuts img[class^="cut"] {
    opacity: 1;
}

.illu-implementation.positioned-cuts .cut-1 {
    top: -70px;
    left: 50px;
}

.illu-implementation.positioned-cuts .cut-2 {
    top: -75px;
    left: 400px;
}

.illu-implementation.positioned-cuts .cut-3 {
    top: 120px;
    left: 540px;
}

.illu-implementation.positioned-cuts .cut-4 {
    top: 200px;
    left: 440px;
}

.illu-implementation.positioned-cuts .cut-5 {
    top: 320px;
    left: 450px;
}

.illu-implementation.positioned-cuts .cut-6 {
    top: 400px;
    left: 300px;
}

.illu-implementation.positioned-cuts .cut-7 {
    top: 330px;
    left: 100px;
}

.illu-implementation.positioned-cuts .cut-8 {
    top: 430px;
    left: 70px;
}

.illu-implementation.positioned-cuts .cut-9 {
    top: 240px;
    left: -120px;
}

.illu-implementation.positioned-cuts .cut-10 {
    top: 30px;
    left: -50px;
}

.height-100vh {
    height: 100vh;
}

.width-set-impliment {
    max-width: 1170px;
    margin: auto;
    position: relative;
    height: 100%;
}

.illu-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}

/*
 *
 * Keyframes
 * =========
 */

/*
 * Pulse animation

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(0.9); opacity: 0.6;}
    50% { -webkit-transform: scale(1.1); opacity: 0.9;}
    100% { -webkit-transform: scale(0.9); opacity: 0.6;}
}*/
@keyframes pulse {
    0% {
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        opacity: 0.6;
    }
    50% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        opacity: 0.9;
    }
    100% {
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        opacity: 0.6;
    }
}

/*
 * Float X Small animation

@-webkit-keyframes float-x-small {
    0% { -webkit-transform: translate(0,0);}
    25% { -webkit-transform: translate(-20px,10px);}
    75% { -webkit-transform: translate(20px,-10px);}
    100% { -webkit-transform: translate(0,0);}
} */
@keyframes float-x-small {
    0% {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
    25% {
        transform: translate(-20px, 10px);
        -webkit-transform: translate(-20px, 10px);
    }
    75% {
        transform: translate(20px, -10px);
        -webkit-transform: translate(20px, -10px);
    }
    100% {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
}

/*
 * Float X Big animation

@-webkit-keyframes float-x-big {
    0% { -webkit-transform: translate(0,0);}
    25% { -webkit-transform: translate(-30px,20px);}
    75% { -webkit-transform: translate(30px,-20px);}
    100% { -webkit-transform: translate(0,0);}
} */
@keyframes float-x-big {
    0% {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
    25% {
        transform: translate(-30px, 20px);
        -webkit-transform: translate(-30px, 20px);
    }
    75% {
        transform: translate(30px, -20px);
        -webkit-transform: translate(30px, -20px);
    }
    100% {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
}

@media screen and (max-width: 1024px) {
    .section .illustration {
        width: 100%;
        height: 40%;
        top: 20%;
        left: 0;
        right: 0;
        bottom: 50%;
    }

    .illu-implementation {
        width: 520px;
        height: 460px;
    }

    .illu-implementation img[class^="cut"], .illu-implementation .diamond {
        display: none;
    }

    .illu-implementation img.diamond-mobile {
        display: block;
        width: 520px;
        height: auto;
    }

    .illu-implementation > img.light {
        position: absolute;
        top: -144px;
        left: -140px;
        width: 800px;
        height: 743px;
        z-index: 4;
        animation: pulse 5s infinite;
    }

    .vertical-middle, .vertical-bottom {
        display: none;
    }

    .t-h2 {
        font-size: 61px;
    }

    .navbar-black-bg nav ul li {
        padding: 5px 8px !important;
    }

    .local-links-container .local-link a {
        padding: 22px !important;
    }

}

@media screen and (max-width: 921px) {
    .vertical-middle, .vertical-bottom {
        display: table;
    }

    /*header.mini .logo-white {*/
    /*display: inline-block;*/
    /*}*/
    /*header.mini #navicon .bar {*/
    /*background: #fff;*/
    /*}*/
    /*#navicon {*/
    /*position: fixed;*/
    /*top: 40px;*/
    /*}*/
    /*header.mini .logo-white {*/
    /*display: inline-block;*/
    /*position: fixed;*/
    /*}*/
    /*header .logo-white {*/
    /*display: inline-block;*/
    /*position: fixed;*/
    /*}*/
    /*header.mini .logo-black {*/
    /*display: none;*/
    /*}*/
}

@media screen and (max-width: 767px) {
    .section .illustration {
        width: 100%;
        max-width: 480px;
        height: auto;
        top: 20%;
        bottom: 50%;
    }

    .illu-implementation {
        width: 100%;
        height: 181px;
    }

    .illu-implementation img[class^="cut"], .illu-implementation .diamond {
        display: none;
    }

    .illu-implementation img.diamond-mobile {
        display: block;
        width: 100%;
        height: auto;
        left: 0px;
        top: -29px;
    }

    .illu-rough-diamond > img.light, .illu-implementation > img.light {
        top: -100%;
        left: -100%;
        width: 300%;
        height: auto;
        opacity: 0.5;
    }

    .illu-rough-diamond > img.bling-1, .illu-rough-diamond > img.bling-2, .illu-implementation > img.bling-1, .illu-implementation > img.bling-2 {
        top: -50%;
        left: -50%;
        width: 200%;
        height: auto;
    }

    .dropdown-font li.list-animation a {
        color: #000;
    }
}

.jcgmt-container .jcgmt-lbl {
    font-size: 10px;
    color: #333333;
    line-height: 22px;
    text-align: center;
    padding-bottom: 5px;
    width: 108px;
    margin: 0 auto;
}

.mobile-header {
    background: #000;
    position: fixed;
    z-index: 999999;
    top: 0;
    width: 100%;
    padding: 20px 0px;
}

.jcgmt-clockHolder {
    width: 65px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.jcgmt-sec,
.jcgmt-min,
.jcgmt-hour {
    display: block;
    position: absolute;
}

.jcgmt-rotatingWrapper {
    position: absolute;
    width: 65px;
    height: 65px;
}

.jcgmt-digital,
.jcgmt-date {
    font-weight: bold;
    font-size: 12px;
    color: #444444;
    text-align: center;
    margin-left: 8px;
}

h3.counName {
    font-size: 19px;
    line-height: 50px;
    color: #282828;
    font-weight: 400;
    letter-spacing: 0.2px;
    margin-top: 15px;
}

.content-block-text-image__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

.bg-image.bg-image-stairs {
    height: 600px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.bg-image-stairs h2 {
    color: #fff;
    font-size: 40px;
    line-height: 65px;
    font-weight: 500;
    letter-spacing: 0.2px;
}

.bg-image.bg-image-stairs .row {
    margin: 0 auto;
}

.btns-bottoms {
    margin-top: 25px;
}

.btns-bottoms a {
    margin: 0px 15px;
}

.btns-bottoms a.white-btn {
    background: rgba(255, 255, 255, 0.05);
}

.btns-bottoms a.white-btn:before {
    border: 1px solid #fff;
}

.btns-bottoms a.white-btn .u-color--brand-blue {
    color: #fff;
    font-weight: 300;
    letter-spacing: 2px;
}

.btns-bottoms a.white-btn .u-bg--brand-blue {
    background-color: #fff;
}

.width-set-impliment h2 {
    font-size: 48px;
    line-height: 65px;
    color: #282828;
    font-weight: 500;
    letter-spacing: 0.2px;
    margin-bottom: 30px;
}

video {
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background: url(/client-assets/images/video-banner.jpg) no-repeat;
    background-size: cover;
    transition: 1s opacity;
}

.stopfade {
    opacity: .5;
}

section.bg-image.bg-image-stairs:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

/*timeline css start*/

.timeline {
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    flex-direction: column;
    max-width: 700px;
    position: relative;
}

.timeline__content-title {
    font-weight: normal;
    font-size: 66px;
    margin: -10px 0 0 0;
    transition: .4s;
    padding: 0 10px;
    box-sizing: border-box;
    color: #fff;
}

.timeline__content-desc {
    margin: 0;
    font-size: 15px;
    box-sizing: border-box;
    color: #fff;
    font-weight: normal;
    line-height: 25px;
    padding-top: 20px;
    font-weight: 300;
    letter-spacing: 0.5px;
}

.timeline:before {
    position: absolute;
    left: 50%;
    width: 2px;
    height: 100%;
    margin-left: -1px;
    content: "";
    background: rgba(255, 255, 255, 0.07);
}

@media only screen and (max-width: 767px) {
    .timeline:before {
        left: 40px;
    }
}

.timeline-item {
    padding: 40px 0;
    opacity: .3;
    filter: blur(2px);
    transition: .5s;
    box-sizing: border-box;
    width: calc(50% - 40px);
    display: flex;
    position: relative;
    transform: translateY(-80px);
}

.timeline-item:before {
    content: attr(data-text);
    letter-spacing: 3px;
    width: 100%;
    position: absolute;
    color: rgba(255, 255, 255, 0.5);
    font-size: 13px;
    border-left: 2px solid rgba(255, 255, 255, 0.5);
    top: 70%;
    margin-top: -5px;
    padding-left: 15px;
    opacity: 0;
    right: calc(-100% - 56px);
}

.timeline-item:nth-child(even) {
    align-self: flex-end;
}

.timeline-item:nth-child(even):before {
    right: auto;
    text-align: right;
    left: calc(-100% - 56px);
    padding-left: 0;
    border-left: none;
    border-right: 2px solid rgba(255, 255, 255, 0.5);
    padding-right: 15px;
}

.timeline-item--active {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0px);
}

.timeline-item--active:before {
    top: 50%;
    transition: .3s all .2s;
    opacity: 1;
}

.timeline-item--active .timeline__content-title {
    margin: -50px 0 20px 0;
}

@media only screen and (max-width: 767px) {
    .timeline-item {
        align-self: baseline !important;
        width: 100%;
        padding: 0 30px 150px 80px;
    }

    .timeline-item:before {
        left: 10px !important;
        padding: 0 !important;
        top: 50px;
        text-align: center !important;
        width: 60px;
        border: none !important;
    }

    .timeline-item:last-child {
        padding-bottom: 40px;
    }
}

.timeline__img {
    max-width: 100%;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
}

.timeline-container {
    width: 100%;
    position: relative;
    padding: 80px 0;
    transition: .3s ease 0s;
    background-attachment: fixed;
    background-size: cover;
}

.timeline-container:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(99, 99, 99, 0.8);
    content: "";
}

.timeline-header {
    width: 100%;
    text-align: center;
    margin-bottom: 80px;
    position: relative;
}

.timeline-header__title {
    color: #fff;
    font-size: 46px;
    font-weight: normal;
    margin: 0;
}

.timeline-header__subtitle {
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    letter-spacing: 5px;
    margin: 10px 0 0 0;
    font-weight: normal;
}

/*timeline css end*/
.local-links-container .row {
    margin: auto;
    max-width: 1441px;
}

.local-links-container {
    margin: auto;
    margin-bottom: 90px;
}

.local-links-container .local-link {

    border-top: 3px solid #fff;
    background: #fff;
    text-align: center;
}

.local-links-container .local-link a {
    color: #282828;
    padding: 20px;
    display: block;
    width: 100%;
    font-size: 18px;
}

.local-links-container .local-link a:hover {
    color: #ff2c40;
    text-decoration: none;
}

.local-links-container .local-link.highlight {
    border-top: 3px solid #ff2c40;
}

.lock-local-nav {
    position: fixed;
    top: 100px;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #fff;
    margin: auto;
    margin-bottom: 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}

p {
    line-height: 32px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #282828;
    font-weight: 300;
}

section.section.section-4, section.section.section-5, section.section.section-6.bg-grey {
    padding-top: 70px;
}

.footer-bottom-sec {
    background-color: #fff;
    padding: 30px 0px;
}

.footer-bottom-sec span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    font-size: 13px;
    color: #131319;
}

.footer-bottom-sec span:last-child {
    margin: 0;
}

.legal-link img {
    width: 12px;
    vertical-align: middle;
    margin: 0 5px;
}

.legal-link a {
    font-weight: 500;
    color: #000;
}

.legal-link a:hover {
    color: #e74c4c;
}

/*inedx -style end*/

/*
eventcss by shreena*/

.img-event {
    position: relative;
    z-index: 100;
}

.content-event {
    background-color: #f4f4f4;
    position: absolute;
    right: 105px;
    box-sizing: border-box;
    top: 40px;
    padding: 20px;
}

.content-event-right {
    left: 65px;
    position: relative;
}

.event-name {
    font-size: 30px;
    top: -25px;
    margin-left: 160px;
    margin-top: -48px;
    line-height: 43px;
    width: 90%;
}

.event-name-right {
    margin-left: -50px;
}

.event-location {
    padding-top: 25px;
    padding-left: 250px;
    line-height: 28px;
    font-size: 14px;
    text-align: right;
}

.event-location-right {
    padding-right: 250px;
    padding-left: 14px;
    text-align: left;
}

.event-date {
    background-color: #fff;
    padding: 15px;
    text-align: center;
    position: absolute;
    z-index: 1000;
    top: 30px;
}

.event-date-right {
    right: 0;
}

.date-font {
    font-size: 37px;
}

.featured-story-with-images__link.gold {
    background: #cabb9f;
    color: #fff;
}

.featured-story-with-images__link {
    padding: 15px 30px;
    font-size: 16px;
    transition: all .3s ease-in;
}

.featured-story-with-images__link:hover {
    background: #000;
    color: #fff;
}

.appoinment-btn {
    /* position: absolute; */
    right: 0px;
    /* bottom: 30px; */
    margin-top: 25px;
    float: right;
    margin-right: -50px;
}

.appoinment-btn-right {
    right: 460px;
    margin-left: -50px;
}

.date-display-in {
    display: inline-block;
}

.dash {
    display: inline-block;
    padding: 5px;
    font-size: 20px;
    line-height: 20px !important;
}

.mb-170 {
    margin-bottom: 170px;
}

.rightcontent-d {
    display: none;
}

.rightcontent-old {
    display: block;
}

@media only screen and (max-width: 1200px) {
    .content-event {
        background-color: #f4f4f4;
        position: relative;
        right: 65px;
        box-sizing: border-box;
        top: 0;
        padding: 20px;
    }

    .event-date {
        background-color: #fff;
        padding: 5px;
        z-index: 1000;
        position: static;
        margin-bottom: 15px;
    }

    .event-name {
        text-align: left;
        font-size: 30px;
        top: 0;
        margin-top: 0;
        line-height: 48px;
        width: 100%;
        margin-left: 50px;
    }

    .event-name-right {
        margin-left: -50px;
        width: 90%;
    }

    .event-location {
        padding-top: 15px;
        padding-left: 70px;
        line-height: 28px;
        text-align: left;
    }

    .appoinment-btn {
        right: -30px;
        margin-top: 25px;
        float: left;
    }

    .text-r-ipad {
        text-align: right;
    }

    .appo-btn-float {
        float: right;
    }

    .event-location-right {
        padding-right: 160px;
        padding-left: 0 !important;
    }

    .appoinment-btn-right {
        margin-left: -110px;
    }

}

@media only screen and (max-width: 991px) {
    .content-event {
        background-color: #f4f4f4;
        position: relative;
        right: 65px;
        box-sizing: border-box;
        top: 0;
        padding: 20px;
    }

    .event-date {
        background-color: #fff;
        padding: 5px;
        z-index: 1000;
        position: static;
        margin-bottom: 15px;
    }

    .event-name {
        font-size: 30px;
        top: 0;
        margin-left: 0;
        margin-top: 0;
        line-height: 40px;
        width: 100%;
        padding-left: 20px;
    }

    .event-location {
        padding-top: 15px;
        padding-left: 0;
        line-height: 28px;
    }

    .appoinment-btn {
        right: -20px;
        margin-top: 25px;
        float: left;
    }

    .text-r-ipad {
        text-align: right;
    }

    .appo-btn-float {
        float: right;
    }

    .event-name-right {
        margin-left: 0px;
        padding-left: 0;
    }

    .appoinment-btn-right {
        margin-left: -90px;
    }
}

@media only screen and (max-width: 767px) {
    .img-event {
        position: relative;
        z-index: 100;
        padding: 0;
    }

    .content-event {
        background-color: #f4f4f4;
        position: relative;
        right: 0;
        box-sizing: border-box;
        top: 0;
        padding: 15px;
    }

    .text-r-ipad {
        text-align: left;
        margin-bottom: 0;
    }

    .appoinment-btn {
        right: 0;
        margin-top: 20px;
        float: left;
    }

    .rightcontent-d {
        display: block;
    }

    .rightcontent-old {
        display: none;
    }

    .event-name {
        font-size: 20px;
        top: 0;
        margin-left: 0;
        margin-top: 0;
        line-height: 30px;
        width: 100%;
        padding-left: 0;
    }

    .mb-170 {
        margin-bottom: 100px;
    }

    .pos-abs-tit {
        position: absolute;
        bottom: 80px;
        left: 160px;
        /* width: 100%; */
        text-align: left;
    }
}

.country-flag {
    position: absolute;
    right: 0;
    bottom: 0px;
    max-width: 60px;
}

.local-links-container .local-link:hover {
    border-top: 3px solid #ff2c40;
}

.local-links-container .local-link:hover a {
    color: #ff2c40;
}

.product-range-bg {
    background-position: left -85px top 0;
    width: 100%;
    background-color: white;
    position: relative;
    display: block;
    background-image: url(/client-assets/images/product-range.png);
    background-size: contain;
    background-repeat: no-repeat;
    clear: both;
    padding: 90px 0px;
    overflow-x: hidden;
    text-align: center;
}

.product-range-bg .be-home-loc-left h1, .other-rangeinProduct .be-home-loc-left h1, .per-peice-bg h1 {
    font-size: 30px;
    line-height: 47px;
}

.product-range-bg .be-home-loc-left h4, .other-rangeinProduct .be-home-loc-left h4 {
    font-size: 22px;
    line-height: 39px;
    margin-top: 20px;
}

.diamnd-certi {
    padding: 20px;
    background: #fff;
    box-shadow: -7px 6px 14px 0px rgba(185, 185, 185, 0.22);
}

/*end eventcss*/

/*service page by mehul*/
.customer-demand {

    width: 100%;
    background-color: white;
    position: relative;
    display: block;
    padding: 70px 0;
    overflow: hidden;
    text-align: center;
}

.customer-demand img {
    width: 100%;
}

.step-description a {
    font-size: 16px;
}

.be-home-loc-left a {
    font-size: 16px;
}

/*.per-peice-bg {*/
/*background-position: 30px center;*/
/*width: 100%;*/
/*background-color: #fafafa;*/
/*position: relative;*/
/*display: block;*/
/*background-image: url(/client-assets/images/per-piece.jpg);*/
/*background-size: inherit;*/
/*background-repeat: no-repeat;*/
/*clear: both;*/
/*padding: 150px 0px;*/
/*overflow-x: hidden;*/
/*text-align: center;*/
/*}*/

.per-peice-bg {
    background-position: -70px center;
    /* background-color: #fafafa; */
    /* position: relative; */
    /* display: block; */
    background-image: url(/client-assets/images/per-piece.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    clear: both;
    padding: 240px 0px;
    overflow-x: hidden;
    text-align: center;
}

.pricebg-font {
    font-size: 30px !important;
}

.pricebg-padding {
    padding-top: 70px;
}

.per-peice-bg h1 {
    margin-bottom: 15px;
}

.step .step-header .step-title.small h2 span {
    font-size: 30px;
    line-height: 47px;
    font-weight: 500;
}

.mb-10 {
    margin-bottom: 10px;
}

/*service page by mehul*/

table.dataTable {
    margin: 0 auto;
    clear: both;
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-collapse: separate !important;
    font-size: 11px !important;
}

#stockTable, .dataTable {
    font-size: 12px !important
}

#stockTable tr td, #stockTable tr th, .dataTable tr td, .dataTable tr th {
    padding: 2px;
    border-right: 1px solid #eeeff0 !important
}

.dataTable tr .uib-day {
    padding: 0px !important;
}

.dataTable tr td.uib-day button.btn {
    padding: 4px !important;
}

.dataTable input[type=checkbox],
.loginFormCheckbox input[type=checkbox] {
    -webkit-appearance: none;
    appearance: none;
    width: 13px;
    height: 13px;
    background: #fff;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    box-sizing: content-box \9;
    width: 16px \9;
    height: 16px \9;
    border-width: 0 \9;
    cursor: pointer;
}

.loginFormCheckbox input[type=checkbox] {
    width: 16px;
    height: 16px;
    border: 1px solid #7c7373;
}

.dataTable input[type=checkbox]:hover,
.loginFormCheckbox input[type=checkbox]:hover {
    border-color: #c6c6c6;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: none \9;
}

.loginFormCheckbox input[type=checkbox]:hover {
    border-color: #7c7373;
}

.loginFormCheckbox input[type=checkbox] {
    border-color: #7c7373;
}

.loginFormCheckbox .checkbox-inline span {
    vertical-align: top;
    line-height: 25px;
    margin-left: 3px;
}

.dataTable input[type=checkbox]:focus,
.loginFormCheckbox input[type=checkbox]:focus {
    outline: 0;
    border-color: #7c7373;
}

.dataTable input[type="checkbox"]:checked::after,
.loginFormCheckbox input[type=checkbox]:checked::after {
    content: url(/client-assets/images/checkmark.png);
    display: block;
    position: absolute;
    top: -6px;
    left: -5px;
}

.loginFormCheckbox input[type=checkbox]:checked::after {
    top: -3px;
}

#stockTable tr td:nth-child(2), #stockTable tr th:nth-child(2), #stockTable tr td:nth-child(3), #stockTable tr th:nth-child(3) {
    text-align: center
}

table.dataTable {
    margin: 0 auto;
    clear: both;
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-collapse: separate !important
}

table.dataTable thead th {
    padding: 6px 6px;
    border-bottom: 1px solid #ddd;
    background-color: #ddd;
    font-weight: bold;
    cursor: pointer;
    *cursor: hand
}

table.dataTable tfoot th {
    padding: 6px 6px;
    border-top: 1px solid #ddd;
    font-weight: bold
}

table.dataTable td {
    padding: 6px 6px;
    vertical-align: middle !important;
}

table.dataTable td.center, table.dataTable td.dataTables_empty {
    text-align: center
}

table.dataTable tr.odd {
    background-color: #f9f9f9
}

table.dataTable tr.even {
    background-color: #fff
}

#stockTable tr td {
    font-weight: 500;
}

.sorting {
    background: url(/client-assets/images/sort_both.png) no-repeat center right #ddd;
}

table.dataTable tr.odd td.sorting_1 {
    background-color: #bdbdbd
}

table.dataTable tr.odd td.sorting_2 {
    background-color: #dadcff
}

table.dataTable tr.odd td.sorting_3 {
    background-color: #e0e2ff
}

table.dataTable tr.even td.sorting_1 {
    background-color: #ddd
}

table.dataTable tr.even td.sorting_2 {
    background-color: #f2f3ff
}

table.dataTable tr.even td.sorting_3 {
    background-color: #f9f9ff
}

.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1
}

.dataTables_length {
    float: left
}

.dataTables_filter {
    float: right;
    text-align: right
}

.dataTables_info {
    clear: both;
    float: left
}

.dataTables_paginate {
    float: right;
    text-align: right
}

.dataTables_wrapper {
    position: relative;
    clear: both;
    padding: 0px 10px 20px 10px;
}

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

.navbar-black-bg {
    background: #000;
}

.navbar-black-bg nav ul {
    margin: 16px 0px;
}

.navbar-black-bg nav ul li {
    padding: 5px 10px;
}

.navbar-black-bg nav ul li a {
    font-size: 14px;
    font-family: "Larsseit" !important;
    letter-spacing: 0;
    text-transform: capitalize;
}

.navbar-black-bg .logo img {
    height: 30px;
}

#stockTable tr td a {
    font-size: 12px;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: rgba(255, 224, 224, 0.43);
}

.subnav-fixed-bar {
    padding: 0px 10px;
    background: #fff;
}

.subnav-fixed-bar .well-bg {
    background: #eeeff0 !important;
    border: 1px solid #e5e5e5;
    padding: 10px 0px;
    width: 100%;
}

a.btn-without-fix.theme-btn {
    font-size: 12px;
    min-width: auto;
    padding: 10px 10px;
    font-weight: 500;
}

.subnav-fixed-bar table.dataTable {
    display: none;
}

.fixed-div-head {
    position: fixed;
    left: 0;
    top: 60px;
    z-index: 9;
    width: 100%;
}

.fixed-div-head.subnav-fixed-bar table.dataTable {
    display: table;
}

.subnav-fixed-bar table {
    margin-bottom: 0;
}

table.diamond-filter-data {
    font-size: 15px;
    font-weight: 400;
}

table.diamond-filter-data td {
    text-align: center;
}

table.diamond-filter-data td b {
    font-weight: 600;
}

svg.t-icon.t-icon--arrow-right-border.arrow-angle-down {
    -webkit-transform: rotate(-270deg);
    -o-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    transform: rotate(-270deg);
    fill: #131313;
    margin-left: 5px;
}

td a:hover svg.t-icon.t-icon--arrow-right-border.arrow-angle-down {
    fill: #e74c4c;
}

.product-spec table {
    width: 100%;
    background-color: rgb(255, 242, 242);
}

#stockTable tr td .product-spec table td {
    border: 0 !important;
    text-align: left;
    font-size: 13px;
    padding: 4px;
    font-weight: 300;
    vertical-align: top !important;
}

#stockTable tr td .product-spec table td.product-result {
    font-weight: 500;
}

#stockTable tr td .product-spec table td a {
    text-decoration: underline !important;
    font-size: 13px;
    font-weight: 500;
}

p.badges-diamond-type-listing.ng-scope {
    margin: 0;
    text-align: center;
    font-size: 13px;
}

.product-spec {
    padding: 20px 0px;
    background: #fff2f2;
}

tr.dmndDtls.dmndsShwng:hover td {
    background: transparent;
}

#stockTable tr td .product-spec table td.divider-line {
    border-right: 1px solid rgba(0, 0, 0, 0.21) !important;
}

p.badges-diamond-type-listing {
    margin-bottom: 0;
    text-align: center;
    font-weight: 500;
    font-size: 13px;
}

tr.dmndDtls.dmndsShwng {
    display: none;
}

tr.dmndDtls.dmndsShwng.show-tble-dtl {
    display: table-row;
}

.bpf {
    border: 1px solid #e32119;
    color: #e32119;
    padding: 3px;
    cursor: pointer;
}

.pagination-container {
    /*margin-top: 1em;
    padding-top: 1em;*/
    border-top: 1px solid #d7dadb;
    text-align: center;
    /*padding-bottom: 1em;*/
}

.pagination {
    margin: 0px 0;
    border-radius: 0px;
}

.pagination-item {
    list-style-type: none;
    display: inline-block;
    border-right: 1px solid #d7dadb;
    transform: scale(1) rotate(19deg) translateX(0px) translateY(0px) skewX(-10deg) skewY(-20deg);
}

.pagination-item:hover,
.pagination-item.is-active {
    background-color: #fa4248;
    border-right: 1px solid #fff;
}

.pagination-item:hover .pagination-link,
.pagination-item.is-active .pagination-link {
    color: #fff;
}

.pagination-item.first-number {
    border-left: 1px solid #d7dadb;
}

.pagination-link {
    padding: 1.1em 1.6em;
    display: inline-block;
    text-decoration: none;
    color: #8b969c;
    transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(20deg) skewY(0deg);
}

.pagination-item--wide {
    list-style-type: none;
    display: inline-block;
}

.pagination-item--wide.first {
    margin: 0 1em 0 0;
}

.pagination-item--wide.last {
    margin: 0 0 0 1em;
}

.pagination-link--wide {
    text-decoration: none;
    color: #8b969c;
    padding: 1.1em 1.6em;
}

.pagination-link--wide:hover {
    color: #fa4248;
}

.pagination > li > a, .pagination > li > span {
    padding: 13px 18px;
    margin-left: 0px;
}

td.addDate {
    background-color: rgba(255, 224, 224, 0.43);
    padding: 10px !important;
    font-size: 15px;
    font-weight: 400 !important;
}

#stockTable tr.totle-value-count td {
    border: 0 !important;
    padding: 10px 2px;
    font-size: 13px !important;
    font-weight: 600;
    background: #eeeff0;
}

ul.nav.nav-tabs {
    border: none;
}

.d-inline-with-center {
    display: inline-block;
    vertical-align: middle;
}

table tbody tr td .label {
    padding: 2px 2px;
    font-size: 11px;
    font-weight: 400;
    border-radius: 2px;
    letter-spacing: 0.1px;
}

label.label-checkbox {
    margin: 0;
    width: 100%;
}

/*.filter-list-text ul li .label-checkbox span, .filter-list ul li {
    border-right-color: transparent;
}*/

.filter-list-text.border-all ul li .label-checkbox span {
    border-right-color: #e4e4e4;
}

.filter-list-text ul li:last-child .label-checkbox span, .filter-list ul li:last-child {
    border-right: 1px solid #d6d6d6;
}

.filter-list-text ul li:hover .label-checkbox span, .filter-list ul li:hover {
    border-right: 1px solid rgba(227, 33, 25, 0.5);
}

.mobile-menu {
    display: none;
}

.per-back-gray {
    background-color: #fafafa;
    padding: 60px 0px;
}

.filter-list-text ul li .label-checkbox span img {
    max-width: 20px;
}

.max-width-25 {
    max-width: 25px;
}

.clear-button svg {
    vertical-align: text-top;
    margin-right: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.clear-button:hover svg {
    fill: #e74c4c;
}

.notification-wrap .notification-list {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.notification-wrap .notification-list li {
    display: block;
    width: 100%;
    padding: 0px 15px;
}

.notification-wrap .notification-list li .notification {
    padding: 10px 0;
    border-bottom: 1px solid #d7dadb;
}

.notification-wrap .notification-list li:last-child .notification {
    border-bottom: 0;
    padding-bottom: 0;
}

.notification-wrap .notification-list .notification-title {
    font-size: 16px;
    margin-bottom: 5px;
    display: block;
}

.notification-wrap .notification-list .notification-title.unread {
    font-weight: 500;

}

.notification-wrap .notification-list .notification-desc {
    margin-bottom: 0;
    color: #6f6f6f;
}

.notification-wrap .notification-list .date {
    margin-bottom: 0;
}

.pl-5 {
    padding-left: 5px;
}

.datepicker-panel > ul > li:hover {
    background-color: rgba(255, 33, 25, 0.2);
}

.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
    color: #e32119;
}

.datepicker-panel > ul > li.highlighted {
    background-color: rgba(255, 33, 25, 0.2);
}

.datepicker-panel > ul > li.highlighted:hover {
    background-color: rgba(255, 33, 25, 0.2);
}

.datepicker-top-left, .datepicker-top-right {
    border-top-color: #e32119;
}

.datepicker-top-left::before, .datepicker-top-right::before {
    border-bottom-color: #e32119;
}

.stone-detail .table thead tr th {
    text-align: center;
    font-weight: 500;
}

.stone-detail .table tbody tr td {
    text-align: center;
}

.stone-gallery img {
    max-width: 100%;
    display: inline-block;
}

.stone-gallery video {
    position: relative;
    width: 100%;
    -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);
}

.stone-gallery .nav {
    margin-bottom: 50px;
    text-align: center;

}

.nav-tabs > li {
    display: inline-block;
    float: none;
}

.nav-tabs > li > a {
    border-radius: 0;
    margin-right: 10px;
    font-size: 16px;
    border: 1px solid #e4e4e4;
}

.nav-tabs > li > a:hover {
    border-color: #e32119;
    color: #e32119;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: 1px solid #e32119;
}

.zoomContainer {
    z-index: 999;
}

.stone-detail h2 {
    font-size: 20px;
    margin: 0px 0 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    position: relative;
}

.stone-detail h2:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
    left: 0;
    background: url(/client-assets/images/diamond-ico.png) no-repeat;
    background-size: 100%;
}

.stone-detail ul {
    float: left;
    margin: 0;
    list-style: none;
    border-right: 1px solid #d0d0d0;
    width: 50%;
    padding: 0;
}

.stone-detail ul.full-width {
    width: 100%;
}

.stone-detail ul.pr-15 {
    padding-right: 15px;
}

.stone-detail ul.pl-15 {
    padding-left: 15px;
}

.stone-detail ul:last-of-type {
    border-right: 0;
}

.stone-detail ul li {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}

.stone-detail ul li p {
    margin-bottom: 0;
}

.stone-detail ul li p.title {
    float: left;
}

.stone-detail ul li p.value {
    float: right;
    font-weight: 500;
}

.stone-detail p.full-width {
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.stone-detail p.full-width span {
    font-weight: 500;
    float: right;
}

.bg-gray {
    background: #e4e4e4;
}

.pad-tb-20 {
    padding: 20px 0 !important;
}

.border-bottom {
    border-bottom: 1px solid #ddd;
}

.query-form {
    padding: 0 30px;
}

.query-form h2 {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.query-form .form-input {
    margin-bottom: 20px;
}

.query-form input {
    width: 100%;
}

.certificate-auth {
    background: #131319;
    color: #fff;
    padding: 20px;
}

.certificate-auth h2 {
    margin-bottom: 20px;
    border: 0;
}

.certificate-auth p {
    color: #fff;
}

/*input style*/
.input-style {
    margin-bottom: 20px;
}

.input-style input, .input-style textarea, .input-style select {
    width: 100%;
    border: 1px solid #cdcdcc;
    box-shadow: none;
    color: #22264d;
    padding: 7px 10px;
    font-size: 14px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.input-style input[type="text"]:focus, .input-style input[type="email"]:focus, .input-style select:focus {
    border: 1px solid #8d8d8d !important;
    padding-left: 20px;

}

.input-style select {
    padding-right: 20px;
    background: url('/client-assets/images/carat.png') no-repeat;
    background-position: 96% center;
}

.input-style .select2.select2-container {
    width: 100% !important;

}

.input-style .select2-container--default .select2-selection--multiple {
    border: 1px solid #cdcdcc;

    border-radius: 0;
    padding: 6px 0px 5px 0;
}

/*input style*/

tr.dmndDtls.dmndsDisc {
    display: none;
}

tr.dmndDtls.dmndsDisc.show-disc {
    display: table-row;
}

.related-stone ul {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
}

.related-stone ul li {
    display: inline-block;
    margin: 0 5px 20px;
    width: 18.8%;
    text-align: center;
}

.related-stone ul li a {
    display: inline-block;
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
}

.related-stone ul li a img {
    margin-bottom: 10px;
}

.related-stone ul li a:hover {
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
}

h4.title {
    color: #e74c4c;
}

.subnav-fixed-bar {
    padding: 0px;
}

.a_color {
    color: blue;
}

.a_color:hover {
    color: blue;
}

.list-blk ul li span .color {
    display: inline;
    color: #e74c4c;
}

a.search-data {
    color: blue;
    padding-right: 10px;
}

.not_found_td {
    text-align: center;
}

tags-input .tags {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    padding: 1px;
    overflow: hidden;
    word-wrap: break-word;
    cursor: text;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 1px 0 white inset;
    height: 100%;
}

.text-blue {
    color: darkblue;
}

.culets-selection.col-sm-1 {
    margin-left: 5px;
    padding: 4px 8px;
    background: #f1eeee;
    width: auto;
}

span.right-side {
    float: right;
    color: red;
    cursor: pointer;
    margin-left: 5px;
}

span.left-side {
    float: left;
}

ul.uib-datepicker-popup.dropdown-menu {
    padding: 0;
}

.input-group-btn > button.btn.btn-default {
    height: auto;
    padding: 8px;
}

ul.uib-datepicker-popup.dropdown-menu th > button, ul.uib-datepicker-popup.dropdown-menu td > button {
    padding: 7px;
    height: auto;
}

#angleBtns {
    display: none;
}

label.label-checkbox b {
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    padding: 0px 10px;
}

span.btn.btn-default.form-control.ui-select-toggle {
    background: #fff !important;
    border: 1px solid #ddd !important;
}

.ui-select-toggle i.caret.pull-right {
    padding-right: 2px;
}

input.form-control.ui-select-search {
    border: 1px solid #ddd !important;
    margin-top: 0;
}

.column-list .form-group, .column-list .form-group.is-empty > input.form-control {
    margin-bottom: 0;
    border-color: rgba(19, 19, 19, 0.12);
}

.column-list .form-group > input.form-control.active {
    border: 1px solid #e32119;
}

.nowrap {
    white-space: nowrap;
}

select:after {
    position: absolute;
    top: 4px;
    right: 10px;
    color: #768093;
    font-size: 20px;
    content: "\e842";
}

select:after {
    position: absolute;
    visibility: visible;
    font-family: FontAwesome;
    content: "\f096";
    font-size: 18px;
}

.btn-addon.btn-sm i {
    width: 33px;
    height: 33px;
    margin: -6px -10px;
    margin-right: 10px;
    line-height: 30px;
    font-size: 14px;
}

.btn-addon i {
    position: relative;
    float: left;
    width: 34px;
    height: 34px;
    margin: -7px -12px;
    margin-right: 12px;
    line-height: 34px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 2px 0 0 2px;
}

button.btn.btn-default.btn-addon.btn-sm.mb5 {
    background: #fff;
    border: 1px solid #130f0f57 !important;
}

.mobile-navigation.vertical-middle.text-center {
    /*display: none !important;*/
}

.user-nav-links ul li a {
    padding: 15px 0;
    font-size: 16px;
    text-transform: capitalize;
    display: -webkit-inline-box;
}

.mobile-navigation ul li.list-animation ul li.list-animation {
    position: relative;
    z-index: 30;
}

/*404 page*/
.page-not-found {
    padding: 80px 0;
}

.page-not-found .not-found {

    margin-bottom: 30px;
}

.page-not-found .not-found span, .page-not-found .not-found img {
    display: inline-block;
    font-size: 210px;
    font-weight: 500;
}

.page-not-found h2 {
    font-size: 45px;
    margin-bottom: 50px;
}

.page-not-found h3 {
    font-size: 30px;
    margin-bottom: 50px;
}

.back-to-page {
    padding: 0;
    margin: 0;
    list-style: none;
}

.back-to-page li {
    display: inline-block;
}

.back-to-page li a {
    font-size: 20px;
    padding: 10px 20px;
}

/*404 page*/


/******NEW_FOOTER*********/
.new-footer {
    background-color: #000;
}

.new-footer .new-footer-wrapper {
    padding: 15px;
    text-align: center;
}

.new-footer .new-footer-wrapper img {
    margin-left: 10px;
}

.new-footer .new-footer-wrapper span {
    color: #FFF;
    display: inline-block;
    font-size: 14px;
}

/******NEW_FOOTER*********/

.contactus-marketing {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contactus-marketing span {
    margin-bottom: 0;
    font-size: 48px;
    line-height: 67px;
    color: #282828;
    padding: 0 15px;
    font-weight: 500;
    letter-spacing: 0.2px;
    text-align: center;
}

.contactus-marketing .marketing-left-border,
.contactus-marketing .marketing-right-border {
    background-color: #e16d3e;
    height: 1px;
    display: block;
    float: left;
    width: 25%;
}

/*-------------------------------- mehul 5-10-18 -----------------------*/
/*dashboard*/
.dashboard a {
    font-size: 16px;
}

.text-bedge ul, .block-bedge ul {
    margin: 0;
    padding: 0;
    list-style: none;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.text-bedge ul li {
    display: inline-block;
    width: 100%;

    border-bottom: 1px solid #ccc;

}

.text-bedge ul li a, .block-bedge ul li a {
    float: left;
    width: 100%;
    padding: 10px 10px;
}

.text-bedge ul li:last-child {
    border-bottom: 0;
}

.text-bedge ul li span {
    display: inline-block;
    vertical-align: -webkit-baseline-middle;

}

.text-bedge ul li .number-bedge {
    float: right;
    background: #000;
    color: #fff;
    padding: 5px 10px;
    font-size: 16px;
    border-radius: 100px;
}

.block-bedge ul li {
    display: inline-block;
    width: 30.7%;
    margin: 5px 1%;
    text-align: center;
    border: 1px solid #ccc;

    border-radius: 5px;
}

.block-bedge ul li a:hover {
    background: #000;
    color: #fff
}

.block-bedge ul li span {
    display: block;
}

.block-bedge ul li .number-bedge {
    display: inline-block;
    width: auto;
    clear: both;
    background: #000;
    color: #fff;
    padding: 5px 10px;
    font-size: 16px;
    border-radius: 100px;
    margin-top: 15px;
}

.block-bedge ul li a:hover .number-bedge {
    background: #e74c4c;
    color: #fff;
}

.dashboard .panel-heading {
    font-weight: 500;
}

.dashboard .panel-body {
    padding-top: 0;
    padding-bottom: 0;
}

.dashboard .panel-body .table > tbody > tr:first-child > td {
    border-top: 0;
}

.dashboard .panel-body .table > tbody > tr > td a.border-link {
    border-radius: 30px;
    border: 1px solid #000;
    padding: 2px 10px;
    text-transform: capitalize;
    float: right;
}

.dashboard .panel-body .table > tbody > tr > td a.border-link:hover {
    border-color: #e74c4c;
}

.dashboard .panel-body .table > tbody > tr > td span {
    display: block;
}

.dashboard .panel-body .table > tbody > tr > td b {
    font-weight: 500;
}

.icon-badge {
    float: left;
    width: 100%;

    margin-bottom: 20px;
}

.icon-badge a {
    float: left;
    width: 100%;
    position: relative;
    border-radius: 5px;
    border: 1px solid #ccc;
    min-height: 70px;
    overflow: hidden;
    padding: 10px 10px 10px 80px;
    font-size: 18px;
    background-color: #fff;
}

.icon-badge a:hover {
    background: #000;
    color: #fff
}

.icon-badge img {
    position: absolute;
    top: 0;
    left: -20px;
    width: 70px;
}

.icon-badge span {
    display: inline-block;
    padding-top: 12px;
}

.bg-light-gray {
    background: #EEEFF0;
}

.bg-light-yellow {
    background: #caf50a;
}

/*dashboard*/
/*-------------------------------- mehul 5-10-18 -----------------------*/
/*-------------------------------- mehul 1-1-19 ------------------------*/
.our-people-wrap {
    padding: 70px 0;
}

.our-people {
    padding: 20px 30px;
}

.our-people:nth-child(2) {

    border-left: 1px solid #ccc;
}

.our-people:nth-child(3) {
    border-top: 1px solid #ccc;
}

.our-people:nth-child(4) {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.our-people h3 {

    font-weight: 400;
    margin-bottom: 30px;
}

.our-people ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.our-people ul li {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 10px;
    vertical-align: top;
    display: flex;
}

.our-people ul li span {
    display: inline-block;
    margin-bottom: 0px;
    line-height: 32px;
    font-size: 16px;
    color: #282828;
    font-weight: 300;
}

.our-people ul li span.dash {
    margin-right: 10px;
}

.events-wrap .titles {
    background: #ccc;
    padding: 10px 15px;

}

.events-wrap .events {
    padding-top: 20px;
    padding-bottom: 20px;
}

.events-wrap .events:nth-child(even) {
    background: #fff;
}

.events-wrap .events:nth-child(odd) {
    background: #f4f4f4;
}

.events-wrap .events .show h3 {
    font-size: 19px;
    margin-bottom: 15px;
}

.events-wrap .events .show img {
    max-height: 100px;
    margin: 0 auto;
}

.events-wrap .events .show .dates strong {
    margin-right: 10px;
}

.events-wrap .events .location p {
    margin-bottom: 0px;
}

@media screen and (max-width: 767px) {
    .events-wrap .events .show {
        text-align: center;
    }

    .events-wrap .events .show h3 {
        font-size: 17px;
        margin-bottom: 15px;
        line-height: 25px;
    }

    .events-wrap .events .show .dates strong {
        display: inline-block;
        width: 100%;
        font-size: 18px;
        color: #e74c4c;
        margin-bottom: 7px;
        margin-right: 0;
    }

    .events-wrap .events .location {
        margin-top: 15px;
        text-align: center;
    }

    .events-wrap .events .location strong {
        margin-bottom: 7px;
    }

    .our-people:nth-child(2) {

        border-left: 0;
    }

    .our-people:nth-child(3) {
        border-top: 0;
    }

    .our-people:nth-child(4) {
        border-top: 0;
        border-left: 0;
    }

    .our-people {
        border: 0;
        border-bottom: 1px solid #ccc;
    }

    .our-people-wrap {
        padding: 20px 0;
    }

    .our-people:last-of-type {
        border-bottom: 0;
    }
}

/*-------------------------------- mehul 1-1-19 ------------------------*/

.download-section {
    position: relative;
    flex-flow: row wrap;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    margin: auto;
}

.download-section .phone-wrapper {
    flex: 1;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.download-section .middle-content {
    flex: 2;
    overflow: hidden;
    margin-top: 10em;
    text-align: center;
}

.download-section .middle-content .title {
    font-size: 35px;
    color: #282828;
    font-weight: 500;
    letter-spacing: 0.2px;
    margin-bottom: 30px;
}

.download-section .middle-content .line {
    width: 8.2em;
    height: 2px;
    background-color: #e74d4d;
    margin: 0 auto
}

.download-section .middle-content .subtitle {
    line-height: 1.47;
    color: #7b7b7b;
    margin: 30px 3.2em 0;
    font-size: 16px;
    font-weight: 300;
}

.download-section .android-wrapper {
    margin-left: -12.5em;
    left: 50%
}

.download-section .iphone-wrapper {
    /* margin-right: -12.5em; */
    /* right: 50%; */
}

.download-section .android-wrapper, .download-section .iphone-wrapper {
    width: 237px;
    position: absolute;
    overflow: hidden;
    height: 501px;
    bottom: -8.8em;
    /* border-top-left-radius: 32px; */
    /* border-top-right-radius: 32px; */
    margin: auto;
    left: 0;
    right: 0;
}

.download-section .android-wrapper div.on-visible, .download-section .iphone-wrapper div.on-visible {
    width: inherit
}

.download-section .android-wrapper div.on-visible .image, .download-section .iphone-wrapper div.on-visible .image {
    /* width: 100%; */
    background: none;
    object-fit: contain;
    /* padding: 4.85em 1.33em 0 1.15em; */
}

.download-section .download-links {
    margin: 2em;
    display: flex;
    justify-content: center
}

.download-section .download-links img {
    width: 13.5em;
    height: 4em;
    margin: 0 .5em;
    background: none
}

.download-section .phone-field input {
    background-color: #f7f7f7;
    height: 3em;
    outline: 0;
    font-size: 1.5em;
    line-height: 2.24;
    color: rgba(84, 84, 84, .8);
    width: 100%;
    border: 1px solid #efefef
}

.download-section .phone-field .country-code {
    display: inline-block;
    margin-right: .5em;
    width: 6em
}

.download-section .phone-field .country-code input {
    text-align: center
}

.download-section .phone-field .phone-number {
    display: inline-block;
    margin-right: .5em
}

.download-section .phone-field .phone-number input {
    text-indent: 1em
}

.download-section .phone-field .submit-button {
    display: inline-block;
    background-color: #4fc3f7;
    height: 4.2em;
    vertical-align: top;
    border-radius: 2px;
    cursor: pointer
}

.download-section .phone-field .submit-button span {
    font-weight: 600;
    line-height: 1.93;
    text-align: center;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    height: 3em;
    width: 6.4em
}

header.main-navigation.navbar-black-bg.after-login {
    background: #fff;
}

header.main-navigation.navbar-black-bg.after-login .logo-black {
    display: inline-block
}

header.main-navigation.navbar-black-bg.after-login .logo-white {
    display: none
}

header.navbar-black-bg.after-login {
    background: white;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    position: fixed;
    top: 0;
    z-index: 999999;
}


header.navbar-black-bg.after-login nav ul li {
    padding: 5px 7px;
}

header.navbar-black-bg.after-login nav ul li a {
    color: #131313;
}

header.navbar-black-bg.after-login nav ul li svg line {
    stroke: rgb(19, 19, 19);
}

nav ul li a:hover, header.navbar-black-bg.after-login nav ul li a:hover {
    color: #e74c4c;
}

nav ul li a:hover svg line, header.navbar-black-bg.after-login nav ul li a:hover svg line {
    stroke: rgb(231, 76, 76);
}

.new-footer.afterLogin .new-footer-wrapper {
    padding: 5px 15px;
    text-align: center;
}

.footer-container.footer-gutters .main-block-address .address-block p a {
    color: rgba(255, 255, 255, 0.76);
    text-decoration: underline;
}

.b-b {
    border-bottom: 1px solid #ddd !important;
}

.white-space-inherit {
    white-space: inherit !important;
}

td.text-center.save-search-action-btn button.btn {
    width: 7em;
}

.vs-hidden {
    visibility: hidden;
}

.hh-bid .bpfEnds.dsCountDown.ds-white {
    padding: 5px;
    font-size: 0.7em;
}

.hh-bid .ds-element-title {
    margin-bottom: 2px;
    font-size: 1em;
}

.hh-bid .ds-white .ds-element {
    margin-right: 6px;
    padding-right: 6px;
}

.pb5.pb0 {
    padding-bottom: 0 !important;
}

span.bpf.dis-allow {
    opacity: 0.5;
    cursor: not-allowed;
}

span.bpf.success {
    border: 1px solid #128000;
    color: #128000;
}

button.btn.btn-default.custom-date-btn i {
    font-size: 13px;
}

button.btn.btn-default.custom-date-btn {
    border: 1px solid #ddd !important;
    padding: 2px 2px 3px 6px !important;
}

input.dis-allow {
    opacity: 0.5;
    cursor: not-allowed !important;
}

.uib-day button.btn.btn-default.btn-sm {
    font-weight: 600;
}

.uib-day button.btn.btn-default.btn-sm[disabled] {
    font-weight: 400 !important;
}

.dropdown-menu {
    min-width: 180px;
}

.guestUserLogin .form-input input {
    border-top: 1px solid #cdcdcc;
    border-left: 1px solid #cdcdcc;
    border-bottom: 1px solid #cdcdcc;
    border-right: 1px solid #cdcdcc;
    padding: 20px 30px 20px 20px;
}



@media (max-width: 414px) {
    .download-section .android-wrapper, .download-section .iphone-wrapper {
        width: 77px;
        height: 271px;
        bottom: -8.8em;
    }
    .download-section .android-wrapper div.on-visible .image, .download-section .iphone-wrapper div.on-visible .image {
        background: 0 0;
        object-fit: contain;
        width: 100%;
        height: auto;
    }
    .download-section .middle-content {
        margin-top: 3em;
    }
    .download-section .middle-content .title {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .download-section .download-links {
        display: block;
        margin: 22px !important;
    }
    .download-section .download-links .visible.on-visible{
        width: 100%;
        margin-bottom: 10px;
    }
    .download-section .download-links img {
        height: auto;
        width: 100%;
    }
}