/*
Theme Name: Wave RS
Author: Wave Digital
Author URI: http://wave-digital.co.uk
Description: The Wave RS template redevelopment
Tags: black, white, green, purple
*/

@font-face {
    font-family: 'intro_bold_altregular';
    src: url('fonts/intro_bold_alt_regular.woff2') format('woff2'),
         url('fonts/intro_bold_alt_regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.footer-menu > li{
    display: inline-block;
    margin-right: 15px;
}
.home .hero .carousel .item{
    
}
.colo1{
    color: #0b74a8;
}
.colo2{
    color: #f58634;
}
.colo1, .colo2{
    text-transform: uppercase;
}

.home .hero .carousel .item:before{
    content: '';
    background-image: url('images/home/banner3.png');
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-size: cover;
opacity: 0.3;

}
/*
font-family: 'Source Sans Pro', sans-serif;
*/
.bg1{
    background-image: url(images/slider/banner3.jpg);
    background-size: cover;
}
.bg2{
    background-image: url(images/slider/banner2.jpg);
    background-size: cover;
}
.bg3{
    background-image: url(images/slider/banner1.jpg);
    background-size: cover;
    }
    .navbar-brand-centered img{
        max-width: 160px;
    }
    .scrolling .navbar-brand-centered img{
       max-width: 130px;
    }
html {
    font-size: 14px;
}

body {
    margin: 0;
    padding: 0;
    color: #103237;
    font-family: 'Source Sans Pro', sans-serif;
    overflow-x: hidden;
}

.medal {
    position: absolute;
    z-index: 99;
/*    right: 70px;*/
    top: 0;
}

.medal img {
    display: block;
    max-width: 75%;
}

a {
    color: #43137e;
    transition: all 300ms ease-in-out;
}

a:hover {
    color: #360f65;
    text-decoration: none;
}

button {
    transition: all 300ms ease-in-out;
}

h1, h2, h3, h4, h5 {
    font-weight: 700;
    font-family: 'intro_bold_altregular';
    letter-spacing: -0.05rem;
}

h1 {
    font-size: 2.971rem;
}

h2 {
    font-weight: 600;
}

h3 {

}

h4 {

}

h5 {

}

.lead {
    font-size: 1.571rem;
    line-height: 32px;
}

p {
    font-size: 1.286rem;
}

.wp_job_manager_send_application_button, input[name="wp_job_manager_resumes_apply_with_resume_create"] {
    border: 0px;
    padding: 1.2em 1.8em !important;
    transition: all 300ms ease-in-out;
}

.btn-primary, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .wp_job_manager_send_application_button, input[name="wp_job_manager_resumes_apply_with_resume_create"] {
    color: #fff;
    background: #f58634;
    border-color: #f58634;
    text-transform: uppercase;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 10px 20px;
    font-size: 1rem;
    font-weight: bold;
}

.btn-primary:hover, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .wp_job_manager_send_application_button:hover, input[name="wp_job_manager_resumes_apply_with_resume_create"]:hover, .wp_job_manager_send_application_button:focus, input[name="wp_job_manager_resumes_apply_with_resume_create"]:focus {
    background: #f58634;
    color: #ffffff;
    border-color: #f58634;
}

.btn-default, .btn-default:focus, .btn-default:active {
    color: #000;
    background: rgba(255,255,255,0);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.btn-default:hover {
    background: rgba(255,255,255,0.2);
}

.form-control {
    font-size: 1rem !important;
}

.form-control:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(67,19,126,.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(67,19,126,.6);
    border-color: #43137e;
}

/* ----------------------------
---------- GENERAL ------------
---------------------------- */

.alignment {
    display: table;
    margin: 0 auto;
    height: 100%;
    width: 75%;
    vertical-align: middle;
    position: relative;
    z-index: 99;
}

.alignment-copy {
    display: table-cell;
    vertical-align: middle;
}

.hero .lead {
    font-size: 1.143rem;
}

.hero .alignment {
    width: 100%;
}

.navbar-toggle {
    margin-top: 35px;
    margin-bottom: 35px;
    border: 0px;
}

.scrolling .navbar-toggle {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0px;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}

.navbar-toggle {
    margin-right: 30px;
}

.navbar-toggle:hover .icon-bar, .navbar-toggle:active .icon-bar, .navbar-toggle:focus .icon-bar, .navbar-toggle:active:focus .icon-bar {
    background-color: #ffffff;
}

.navbar-toggle .icon-bar {
    width: 30px;
    height: 4px;
}

.navbar-default {
    border-bottom: 0px;
    height: auto;
    line-height: 104px;
    transition: all 300ms ease-in-out;
    background: #fff;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    /* box-shadow: rgba(0,0,0,0.1) 0 2px 2px, rgba(0,0,0,0.1) 0 4px 4px, rgba(0,0,0,0.1) 0 8px 8px, rgba(0,0,0,0.1) 0 16px 16px, rgba(0,0,0,0.1) 0 32px 32px, rgba(0,0,0,0.1) 0 64px 64px;
    -moz-box-shadow: rgba(0,0,0,0.1) 0 2px 2px, rgba(0,0,0,0.1) 0 4px 4px, rgba(0,0,0,0.1) 0 8px 8px, rgba(0,0,0,0.1) 0 16px 16px, rgba(0,0,0,0.1) 0 32px 32px, rgba(0,0,0,0.1) 0 64px 64px; */
}

.navbar-default .phone-number {
    color: inherit;
    font-size: 1rem;
    font-weight: 600;
    position: absolute;
    margin-left: 30px;
}

.navbar-default .email-address {
    color: inherit;
    font-size: 1rem;
    font-weight: 600;
    position: absolute;
    right: 30px;
}

.navbar-default .email-address a {
   color: inherit;
    text-decoration: none;
}

.scrolling {
    height: auto;
    line-height: 77px;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 30px;
}

.navbar-brand {
    float: left;
    background: url(images/navbar-brand.svg) no-repeat center center;
    width: 116px;
    height: 104px;
    background-size: 116px 56px;
    margin-right: 30px
}

.scrolling .navbar-brand {
    float: left;
    background: url(images/navbar-brand.svg) no-repeat center center;
    width: 87px;
    height: 78px;
    background-size: 87px 42px;
    margin-right: 30px
}

.navbar-default .navbar-nav>li>a {
   color: inherit;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 700;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background: -moz-linear-gradient(top, rgba(56,16,106,0.9) 0%, rgba(67,19,126,0) 100%);
    background: -webkit-linear-gradient(top, rgba(56,16,106,0.9) 0%,rgba(67,19,126,0) 100%);
    background: linear-gradient(to bottom, rgba(56,16,106,0.9) 0%,rgba(67,19,126,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b338106a', endColorstr='#0043137e',GradientType=0 );
    color: #FFFFFF;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: #30d96b;
    color: #43137e;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: #0b74a8;
    color: #fff;
}

.nav>li>a {
    padding: 10px 25px;
}

.scrolling .nav>li>a {
    padding: 15px 25px;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 500px;
}

.dropdown-menu {
    /* background: #043140; */
    line-height: 50px;
    width: 100%;
    padding: 0;
    margin: 15px 0;
    border: 0px;
    display: block;
    position: relative;
    box-shadow: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -webkit-box-shadow: none;
    background: rgba(255,255,255,0.1);
}

.nav > li.dropdown.open {
    position: static;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #f58634;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent;
    color: #f58634;
}

.dropdown-menu>li>a {
    color: #FFF;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    /* color: #FFF; */
    /* background-color: rgba(255,255,255,0.1); */
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus {
    position: relative;
}

.navbar-default .navbar-nav>.open>a:after, .navbar-default .navbar-nav>.open>a:focus:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 0px 15px 15px 15px;
    border-style: solid;
    border-color: #f58634 transparent;
    display: block;
    width: 0;
}

.nav > li.dropdown.open .dropdown-menu {
    display: block;
    border-radius: 0px;
    width: 100%;
    text-align: center;
    left: 0;
    right: 0;
}

.dropdown-menu > li {
    display: inline-block;
    vertical-align: middle;
}

.dropdown-menu>li>a {
    /* color: #FFF; */
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.9286rem;
    padding: 0px 35px;
    line-height: 35px;
}

@media screen and (min-width:992px){
    /*#menu-item-43 {
        margin-left: -30px;
    }*/
    .navbar-brand-centered {
        position: absolute;
        left: 50%;
        display: block;
        width: 160px;
        text-align: center;
    }
    .navbar>.container .navbar-brand-centered,
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -100px;
    }
    #navbarCollapse .nav.navbar-nav{
        margin-left:-100px;
    }
    #menu-item-43 {
        margin-right: 200px;
    }

    .scrolling>.container .navbar-brand-centered,
    .scrolling>.container-fluid .navbar-brand-centered {
       margin-left: -100px;
    }
}

@media screen and (max-width: 767px) {
    .dropdown-menu > li > a{
        color: #000;
    }
   .navbar-toggle:hover .icon-bar, .navbar-toggle:active .icon-bar, .navbar-toggle:focus .icon-bar, .navbar-toggle:active:focus .icon-bar{
        background-color:#aaa !important;
    }
    .dropdown-menu > li {
        display: block;
    }
}

.slideup {
    margin-top: -57px;
    transition: all 300ms ease-in-out;
}

.affix-confirmation {
    left: 0;
    z-index: 99999;
    width: 100%;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    transition: all 300ms ease-in-out;
}

/* ----------------------------
------- END OF GENERAL --------
---------------------------- */
/* ----------------------------
---------- HOMEPAGE -----------
---------------------------- */

.s {
    position: absolute;
    width: 100%;
    height: 100%;
}

.squiggle {
    width: 174px;
    height: 112px;
    z-index: 99;
}

.squiggle-w {
    width: 174px;
    height: 112px;
    background: url(images/squiggle-w.png) no-repeat center center;
}

.megaphone {
    width: 688px;
    height: 655px;
    /*background: url(images/megaphone.png) no-repeat center center;*/
    opacity: 1;
}

.magnet {
    width: 611px;
    height: 454px;
    /*background: url(images/magnet.png) no-repeat center center;*/
    opacity: 1;
}

.laptop {
    width: 777px;
    height: 629px;
    background: url(images/laptop.png) no-repeat center center;
    opacity: 1;
}
.laptop1 {
    width: 777px;
    height: 629px;
    background: url(images/laptop1.png) no-repeat center center;
    opacity: 1;
}
.clearfix1{
    height:40px;
}

.tracking {
    width: 594px;
    height: 653px;
    background: no-repeat center center;
    opacity: 1;
}

.graphs {
    background: no-repeat center right;
    opacity: 1;
}

@media screen and (max-width: 1500px) {
    .megaphone {
        width: 100%;
        height: 544px;
        background: url(images/megaphone.png) no-repeat right center;
        background-size: 544px 519px;
        opacity: .3;
    }
}

@media screen and (max-width: 992px) {
    .squiggle {
        width: 87px;
        height: 56px;
        background: url(images/squiggle.png) no-repeat center center;
        background: 87px 56px;
    }

    .squiggle-w {
        width: 87px;
        height: 56px;
        background: url(images/squiggle-w.png) no-repeat center center;
        background: 87px 56px;
    }

    .megaphone {
        width: 100%;
        height: 328px;
        background: url(images/megaphone.png) no-repeat right center;
        background-size: 344px 328px;
        opacity: .3 !important;
        top: 0 !important;
    }

    .magnet {
        width: 305px;
        height: 227px;
        /*background: url(images/magnet.png) no-repeat center center;*/
        background-size: 305px 227px;
        opacity: .3 !important;
    }

    .laptop {
        width: 100%;
        height: 314px;
        background: url(images/laptop.png) no-repeat center center;
        background-size: 388px 314px;
        opacity: .3 !important;
    }

    .tracking {
        width: 297px;
        height: 327px;
        background: no-repeat center center;
        background-size: 297px 327px;
        opacity: .3 !important;
    }

    .graphs {

        background: no-repeat center right;
        background-size:contain;
        background-repeat: no-repeat;
        opacity: .3 !important;
    }
}

.home .hero {
    height: 424px;
    position: relative;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.home .hero .img-responsive {
    width: 37%;
}

.home .hero .carousel, .home .hero .carousel-inner, .home .hero .item {
    height: 100%;
}

.home .hero .item {
    z-index: 2;
}

.home .hero .item img {
    max-width: 630px;

}



.home .hero .item .img-bk-ground {
    top: 20%;
    right: 0%;
    display: block;
    opacity: 0.4;
    min-width: 350px;
}

.home .hero .item .img-bk-ipadpro {
    position: absolute;
    top: 20%;
    right: 50px;
}

.home .carousel-inner {
    overflow: visible;
}

.home .hero h1, .home .hero p {
    color: #FFF;
    opacity: 0;
    transition: all 600ms ease-out;
}

.home .hero .transition-timer-carousel-progress-bar {
    position: relative;
    bottom: 0px;
    z-index: 0;
    left: 0;
    width: 0%;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 3px;
    background: #35f478;
    opacity: 1;
}

.home .hero .carousel-indicators li {
    margin: 1px 3px;
}

.home .hero .carousel-indicators .active {
    margin: 0px 3px;
}

.home .stats {
    margin-top: 0px;
    background: #eeeff0;
    padding: 60px 0;
}

.home .stats h2 {
    font-size: 60px;
    color: #0b74a8;
}

.home .stats h4 {
    color: #0b74a8;
    font-size: 1.286rem;
    font-weight: 700;
}

.home .services {
    padding: 90px 0;
}

.home .services .service {
    margin-bottom: 30px;
}

.home .services .image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.home .services .image p {
    color: #FFF;
    font-size: 1.143rem;
    margin: 0;
}

.home .services .info h3 {
    font-size: 1.571rem;
    font-weight: 700;
}

.home .services .info p {
    font-size: 0.943rem;
}

.home .first-section .info, .home .second-section .info {
    background: #43137e;
    color: #FFF;
    position: relative;
}

.home .first-section .half:last-of-type .info, .home .second-section .quarter:last-of-type .info, .home .fourth-section .half .info {
    background: #0b74a8;
    color: #FFF;
    position: relative;
}

.home .services .half, .home .services .second-section {
    padding-left: 0;
    padding-right: 0;
}

.home .services .half, .home .services .quarter {
    margin-bottom: 30px;
}

.home .services .quarter .image {
    height: 270px;
}

.home .services .image {
    height: 255px;
}

.home .services .info, .home .services .quarter .info {
    height: auto;
    padding: 15px 0;
}

.home .services .third-section h4 {
    font-size: 1.143rem;
    color: #FFF;
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.home .services .third-section h4:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    width: 45px;
    background: #FFF;
}

.home .services .half .know-more, .home .services .quarter .know-more {
    opacity: 0;
}

.home .services .service1, .home .services .service2, .home .services .service3, .home .services .service4, .home .services .service5, .home .services .service6 {
    position: relative;
}

.home .services .service1 .overlay-border, .home .services .service2 .overlay-border, .home .services .service6 .overlay-border {
    border: 4px solid #FFF;
    position: absolute;
    top: 15px;
    left: 50%;
    width: 0%;
    height: calc(100% - 30px);
    z-index: 100;
    opacity: 0;
}

.home .services .service3 .overlay-border, .home .services .service4 .overlay-border {
    border: 4px solid #FFF;
    position: absolute;
    top: 50%;
    left: 30px;
    width: calc(100% - 60px);
    height: 0%;
    z-index: 100;
    opacity: 0;
}

.home .services .service1:hover .overlay-border, .home .services .service2:hover .overlay-border, .home .services .service6:hover .overlay-border {
    opacity: 1;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    top: 15px;
    left: 15px;
}

.home .services .service3:hover .overlay-border, .home .services .service4:hover .overlay-border {
    opacity: 1;
    width: calc(100% - 60px);
    height: calc(100% - 30px);
    top: 15px;
    left: 30px;
}

.home .testimonials {
    padding: 90px 0 45px 0;
    display: none;
}

.home .testimonials .carousel-inner {
    background-color: #f58634;
}

.home .testimonials .carousel-indicators {
    bottom: 43px;
    position: relative;
    left: 0;
    width: 100%;
    margin-left: 0px;
    height: 80px;
}

.home .testimonials .carousel-indicators li {
    height: 80px;
    width: 80px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-width: 0px;
    vertical-align: middle;
    margin: 1px 10px;
    transition: all 300ms ease-in-out;
}

.home .testimonials .carousel-indicators li img {
    width: 64px;
    height: 64px;
    border: 4px solid #FFF;
    vertical-align: middle;
    margin-top: 8px;
    transition: all 300ms ease-in-out;
}

.home .testimonials .carousel-indicators .active {
    height: 80px;
    width: 80px;
}

.home .testimonials .carousel-indicators li.active img {
    width: 80px;
    height: 80px;
    border: 4px solid #FFF;
    margin-top: 0;
}

.home .testimonials p {
    position: relative;
    quotes: "“" "”" "‘" "’";
    color: #fff;
}

.home .testimonials p:before {
    content: open-quote;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 7.143rem;
    color: #fff;
    left: -70px;
    top: 0;
    position: absolute;
}

.home .testimonials p:after {
    content: close-quote;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 7.143rem;
    color: #fff;
    right: -70px;
    bottom: 0;
    position: absolute;
}

.home .clients {
    padding: 0 0 90px 0;
}

.home .clients .single-client {
    height: 80px;
}

.home .clients .single-client:focus, .home .clients .single-client:active, .home .clients .single-client.active, .home .clients .single-client:active:focus {
    outline: 0 !important;
}

.home .clients img {
    vertical-align: middle;
}

/* ---- 404 page ---- */

.pageNotFound{
    min-height: calc(100vh - 300px);
    position: relative;
}

.pageNotFound .container{
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
}

/* ---- ABOUT ---- */



.page-template-about .scrolling {
    background-color: #fff;
}

.page-template-about .hero {
    height: 400px;
    position: relative;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0 !important;
}

.page-template-about .hero h1, .page-template-about .hero p {
    color: #FFF;
    opacity: 0;
    transition: all 600ms ease-out;
}

.page-template-about .intro {
    padding: 96px 0;
}

.page-template-about .intro .container {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    -webkit-column-gap: 15px; /* Chrome, Safari, Opera */
    -moz-column-gap: 15px; /* Firefox */
    column-gap: 15px;
}

.page-template-about .intro p {
    font-size: 1.143rem;
    color: #5c6670;
    line-height: 26px;
    padding: 0;
    margin: 0;
}

.page-template-about .our-values {
    background: #F2F2F2;
}

.page-template-about .our-values .image {
    padding-top: 65px;
}

.page-template-about .our-values .col-lg-5 {
    padding: 45px 0;
}

.page-template-about .our-values h3 {
    color: #43137e;
    font-size: 2.857rem;
    font-weight: 700;
}

.page-template-about .our-values p {
    font-size: 1.143rem;
    line-height: 26px;
    color: #43137e;
    padding-bottom: 48px;
}

.page-template-about .our-values ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.page-template-about .our-values li {
    padding-bottom: 40px;
    opacity: 0;
}

.page-template-about .our-values li img {
    float: left;
    margin-top: -10px;
    margin-right: 20px;
}

.page-template-about .our-values li:last-child {
    padding-bottom: 0px;
}

.page-template-about .our-values li h4 {
    font-size: 1.286rem;
    font-weight: 700;
    color: #43137e;
    margin: 0;
}

.page-template-about .our-values li p {
    font-size: 1.143rem;
    line-height: 26px;
    font-weight: 400;
    color: #43137e;
    padding-bottom: 0;
}

/* ---- OUR TEAM ---- */

.page-template-about .our-team {
    padding: 64px 0;
}

.page-template-about .our-team h3 {
    color: #043140;
    font-size: 1.571rem;
    font-weight: 700;
}

.page-template-about .our-team .col-md-8 p {
    font-size: 1.143rem;
    line-height: 26px;
    color: #5c6670;
}

.fit-cover {
    object-fit: cover;
}

.gallery-items {
    font-size: 0;
}

.gallery-item {
    display: block;
    vertical-align: top;
    -webkit-transition: height 500ms ease;
    -o-transition: height 500ms ease;
    transition: height 500ms ease;
}

.gallery-item .thumbnail {
    opacity: 0;
}

.gallery-item.active img {
    transition: all 300ms ease-in-out;
    filter: grayscale(70%);
}

.thumbnail {
    display: block;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 0px solid #ddd;
    border-radius: 0px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    object-fit: cover !important;
}

.gallery-item .thumbnail img {
    height: 340px;
}

.gallery-expander {
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden !important;
    max-height: 0;
    -webkit-transition: max-height 500ms ease;
    -o-transition: max-height 500ms ease;
    transition: max-height 500ms ease;
}

.gallery-contents {
    position: relative;
}

.gallery-item.active .gallery-contents:after {
    border-bottom-width: 15px;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}

.gallery-item {
    text-align: left;
    font-size: 1.786rem;
    margin: 20px 10px;
    padding: 0px 0px;
}

.gallery-item .thumbnail {
  position: relative;
  width: 100%;
  height: 350px;
  overflow: hidden;
  cursor: pointer;
  object-fit: cover !important;
}

.gallery-item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    opacity: 0;
    transition: all 300ms ease-in-out;
}

.gallery-item:hover .overlay, .gallery-item:hover .overlay h2, .gallery-item:hover .overlay p, .gallery-item.active .overlay, .gallery-item.active .overlay h2, .gallery-item.active .overlay p {
    opacity: 1;
    z-index: 2;
}

.gallery-item .overlay h2 {
    color: #5c6670;
    font-size: 1.429rem;
    margin-bottom: 5px;
    opacity: 0;
    transition: all 300ms ease-in-out;
    -webkit-transition-delay: 300ms; /* Safari */
    transition-delay: 300ms;
}

.gallery-item .overlay p {
    color: #5c6670;
    font-size: 1.143rem;
    opacity: 0;
    transition: all 300ms ease-in-out;
    -webkit-transition-delay: 500ms; /* Safari */
    transition-delay: 500ms;
}

.gallery-item .title {
    font-size: 2.143rem;
    margin-top: 20px;
    padding-bottom: 0px;
}

.gallery-item h1, .gallery-item h3 {
    margin-bottom: 0px;
    color: #043140;
    font-size: 1.571rem;
    font-weight: 700;
}

.gallery-item h5 {
    font-size: 1.286rem;
    color: #043140;
    font-weight: 400;
}

.gallery-item p {
    font-size: 1.143rem;
    line-height: 26px;
    color: #5c6670;
}

.gallery-contents:after {
    border-bottom-color: #262a2c;
}

.gallery-expander {
    background-color: #f6f7f8;
    background-repeat: repeat;
    background-position: top left;
    margin: 0 auto;
    max-width: 1170px;
}

.gallery-expander-contents {
  margin: 0 auto;
  width: 100%;
  padding: 0;
}

.gallery-expander-contents:after {
    clear: both;
    display: table;
    content: '';
}

.gallery-expander-contents > div.col {
    float: left;
    width: 480px;
}

.expanding-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
    mix-blend-mode: multiply;
}

.expander-content {
    padding: 30px 15px;
}

.expander-content h2 .btn {
    float: none;
    display: table;
    margin: 20px auto;
    padding: 10px 40px;
    font-size: 1.286rem;
    line-height: 1.3333333;
}

@media (min-width: 640px) and (max-width: 999px) {
    .gallery-expander-contents > div.col {
        width: 310px;
    }
}

@media (max-width: 639px) {
    .gallery-expander-contents > div.col {
      float: none;
      padding: 25px 20px 0;
      width: auto;
    }
}

.gallery-expander-contents > div.col + div.col {
    margin-left: 40px;
}

@media (min-width: 640px) and (max-width: 999px) {
    .gallery-expander-contents > div.col + div.col {
        margin-left: 20px;
    }
}

@media (max-width: 639px) {
    .gallery-expander-contents > div.col + div.col {
        margin-left: 0px;
    }
}

.gallery-expander-contents div.close {
    position: absolute;
    top: 10px;
    right: 20px;
    color: #043140 !important;
    opacity: 1;
    font-size: 1.143rem;
    font-weight: 400;
    text-shadow: 0 0px 0 #fff;
    padding: 0px 15px;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    z-index: 2;
}

.gallery-expander-contents div.close:hover {
    background-color: #edeeee;
    cursor: pointer;
}

.gallery-expander-contents div.close small {
    float: left;
    line-height: 40px;
    padding-right: 5px;
}

.gallery-expander-contents div.close span {
    font-size: 2.857rem;
}

.gallery-expander-contents .title {
    color: #00a05b;
}

.gallery-expander-contents div.contents {
    margin-top: 10px;
    padding: 10px 0;
    color: #FFF;
}

.gallery-expander-contents div.image > img {
    width: 100%;
    display: block;
}

.our-team .btn-info {
    background-color: #0077b5;
    border-color: #007bb5;
    font-size: 0.8571rem;
    line-height: 24px;
    padding: 7px 10px 4px 10px;
}

.our-team .btn-info:hover, .our-team .btn-info:active, .our-team .btn-info:focus, .our-team .btn-infoactive, .our-team .btn-info:active:focus {
    background-color: #00A0DC;
    border-color: #00A0DC;
}

.our-team .btn-info .fa {
    padding-right: 5px;
    float: left;
    margin-top: -2px;
}

.page-template-about .talk-to-us {
    padding: 48px 0;
    background-color: #F58634;
}

.page-template-about .talk-to-us h3 {
    color: #FFF;
    font-size: 1.571rem;
    font-weight: 700;
}

.page-template-about .talk-to-us .btn-default, #gform_submit_button_1, #gform_submit_button_2, #gform_submit_button_3 {
    border-color: #0b74a8;
    background-color: #0b74a8;
    border-width: 1px;
    color: #FFFFFF;
    font-size: 1.143rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 15px;
    transition: all 300ms ease-in-out;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.page-template-about .talk-to-us .btn-default {
    margin-left: 0px;
    display: block;
    margin-top: 30px;
}

#gform_submit_button_1, #gform_submit_button_2, #gform_submit_button_3 {
    margin-left: 0px;
}

.page-template-about .talk-to-us .btn-default:hover, .page-template-about .talk-to-us .btn-default:active, .page-template-about .talk-to-us .btn-default:focus, .page-template-about .talk-to-us .btn-default.active, .page-template-about .talk-to-us .btn-default:active:focus, #gform_submit_button_1:hover, #gform_submit_button_1:active, #gform_submit_button_1:focus, #gform_submit_button_1:active:focus, #gform_submit_button_2:hover, #gform_submit_button_2:active, #gform_submit_button_2:focus, #gform_submit_button_2:active:focus, #gform_submit_button_3:hover, #gform_submit_button_3:active, #gform_submit_button_3:focus, #gform_submit_button_3:active:focus {
    background-color: #360f65;
    color: #FFF;
}

#gform_2 .gform_body {
    width: calc(100% + 15px);
    float: left;
}

#gform_3 .gform_body {
    width: 100%;
    float: left;
}

#gform_2 .gform_footer, #gform_3 .gform_footer {
    float: left;
    clear: none;
    width: calc(100% + 15px);
    margin: 16px 0 0;
}

#gform_submit_button_2, #gform_submit_button_3 {
    width: calc(100% - 15px);
}

/* ---- SERVICES ---- */

.page-template-services .hero {
    height: 330px;
    position: relative;
    background-color: #0b74a8;
}

.page-template-services .hero h1, .page-template-services .hero p {
    color: #FFF;
    opacity: 0;
    transition: all 600ms ease-out;
}

.page-template-services .intro {
    padding: 50px 0;
}

.page-template-services .intro p {
    font-weight: 400;
    color: #5c6670;
    font-size: 1.429rem;
    line-height: 30px;
}

.page-template-services .services {

}

.page-template-services .services .btn-default {
    border-color: #0b74a8;
    background-color: transparent;
    color: #0b74a8;
    font-size: 1.143rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 20px;
    margin-top: 15px;
}

.page-template-services .services .btn-default:hover, .page-template-services .services .btn-default:active, .page-template-services .services .btn-default.active, .page-template-services .services .btn-default:focus, .page-template-services .services .btn-default:active:focus {
    background-color: #0b74a8;
    color: #FFF;
}

.page-template-services .services .service .service-copy, .page-template-services .services .service .service-image {
    padding: 72px 0;
}

.page-template-services .services .service .service-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-template-services .services .service h3 {
    color: #0b74a8;
    font-weight: 700;
    font-size: 1.571rem;
    line-height: 32px;
}

.page-template-services .services .service p {
    color: #5c6670;
    font-size: 1.143rem;
    line-height: 26px;
}

.page-template-services .services .service.odd {
    background: #eeeff0;
}

.page-template-services .talk-to-us {
    padding: 48px 0;
    background-color: #f58634;
}

.page-template-services .talk-to-us h3 {
    color: #fff;
    font-size: 1.571rem;
    font-weight: 700;
}

.page-template-services .talk-to-us .btn-default {
    border-color: #fff;
    border-width: 1px;
    color: #fff;
    font-size: 1.143rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 0px;
    display: block;
    margin-top: 30px;
}

.page-template-services .talk-to-us .btn-default:hover, .page-template-services .talk-to-us .btn-default:active, .page-template-services .talk-to-us .btn-default:focus, .page-template-services .talk-to-us .btn-default.active, .page-template-services .talk-to-us .btn-default:active:focus {
    background-color: #0b74a8;
    color: #FFF;
}

/* ---- CAREERS ---- */

.page-template-careers .navbar-default {
    background: none;
}

.page-template-careers .scrolling {
    background-color: #43137e;
}

.page-template-careers .hero {
    height: 330px;
    position: relative;
    background-color: #43137e;
    margin-top: 0px !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.page-template-careers .hero h1, .page-template-careers .hero p {
    color: #FFF;
    opacity: 0;
    transition: all 600ms ease-out;
}

.page-template-careers .intro {
    padding: 64px 0;
}

.page-template-careers .benefit-image {
    max-width: 30%;
    height: auto;
}

.page-template-careers .intro .lead {
    font-size: 1.571rem;
}

.page-template-careers .intro p {
    line-height: 1.8;
    font-size: 1rem;
}

.page-template-careers .intro h3 {
    font-size: 1.571rem;
    font-weight: 700;
    color: #43137e;
    padding-bottom: 16px;
}

.page-template-careers .intro li {
    color: #5c6670;
    font-size: 1.429rem;
    padding-bottom: 16px;
    font-weight: 400;
    margin: 0;
}

.page-template-careers .jobs {
    padding: 90px 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.page-template-careers .jobs .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.4;
}

.page-template-careers .jobs .container {
    position: relative;
    z-index: 2;
}

.page-template-careers .jobs h2 {
    color: #FFF;
    font-size: 3rem;
    padding-bottom: 1rem;
}

.page-template-careers .jobs .job_listings {
    border-top: 0px;
}

.page-template-careers .jobs .job-item {
    padding: 45px 15px;
    background: #FFF;
}

.page-template-careers .about-wave {
    padding: 90px 0;
}

.page-template-careers .about-wave h2 {
    font-size: 3rem;
    padding-bottom: 1rem;
    color: #43137e;
}

/* ---- MEDIA BUYING ---- */

.page-template-media-buying .hero {
    height: 330px;
    position: relative;
    background-color: #43137e;
}

.page-template-media-buying .hero h1, .page-template-media-buying .hero p {
    color: #FFF;
    opacity: 0;
    transition: all 600ms ease-out;
}

.page-template-media-buying .intro {
    padding: 64px 0;
}

.page-template-media-buying .intro p {
    color: #5c6670;
    font-size: 1.143rem;
    line-height: 32px;
}

.page-template-media-buying .intro h3 {
    font-size: 1.571rem;
    font-weight: 700;
    color: #43137e;
    padding-bottom: 16px;
}

.page-template-media-buying .intro li {
    color: #5c6670;
    font-size: 1.429rem;
    padding-bottom: 16px;
    font-weight: 400;
    margin: 0;
}

.page-template-media-buying .discounts-section {
    padding: 0;
}

.page-template-media-buying .discounts-section h3 {
    font-size: 1.857rem;
    line-height: 35px;
    color: #43137e;
    font-weight: 600;
}

.page-template-media-buying .discounts-section .logos img {
    margin-top: 80px;
    margin-bottom: 64px;
}

.page-template-media-buying .get-a-quote {
    background: #35f478;
    padding: 65px 0 45px 0;
}

.page-template-media-buying .get-a-quote .blocks {
    padding-top: 80px;
}

.page-template-media-buying .get-a-quote h4 {
    font-size: 1.686rem;
    line-height: 32px;
    color: #43137e;
    font-weight: 600;
    margin-top: 0;
}

.page-template-media-buying .get-a-quote h3 {
    font-size: 2.286rem;
    color: #43137e;
    font-weight: 600;
    margin-top: 32px;
}

.page-template-media-buying .get-a-quote p {
    font-size: 1.143rem;
    line-height: 32px;
    color: #43137e;
}

.page-template-media-buying .get-a-quote .call-quote {
    padding-left: 0;
    padding-right: 0;
    margin-top: 32px;
}

.page-template-media-buying .get-a-quote .call-quote p {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 1.286rem;
    background: #43137e;
    padding: 16px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    display: table;
}

.page-template-media-buying .get-a-quote .call-quote p a {
    color: #FFF;
}

.page-template-media-buying .stats {
    padding: 90px 0 0 0;
}

.page-template-media-buying .stats .single-stat {
    border: 4px solid #43137e;
    padding: 20px 0;
    margin-bottom: 30px;
}

.page-template-media-buying .stats .single-stat h2 span.count {
    font-size: 4.429rem;
    color: #43137e;
}

.page-template-media-buying .stats .single-stat h2 span {
    font-size: 2.857rem;
    color: #43137e;
}

.page-template-media-buying .client-logos {
    padding: 90px 0;
}

.page-template-media-buying .client-logos .single-client {
    height: 60px;
}

.page-template-media-buying .client-logos .single-client:focus, .page-template-media-buying .client-logos .single-client:active, .page-template-media-buying .client-logos .single-client.active, .page-template-media-buying .client-logos .single-client:active:focus {
    outline: 0 !important;
}

.page-template-media-buying .client-logos img {
    vertical-align: middle;
}


.page-template-media-buying .talk-to-us {
    padding: 48px 0;
    background: #35f478;
}

.page-template-media-buying .talk-to-us h3 {
    color: #43137e;
    font-size: 1.571rem;
    font-weight: 700;
}

.page-template-media-buying .talk-to-us .btn-default {
    border-color: #43137e;
    border-width: 2px;
    color: #43137e;
    font-size: 1.143rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 0px;
    display: block;
    margin-top: 30px;
}

.page-template-media-buying .talk-to-us .btn-default:hover, .page-template-media-buying .talk-to-us .btn-default:active, .page-template-media-buying .talk-to-us .btn-default:focus, .page-template-media-buying .talk-to-us .btn-default.active, .page-template-media-buying .talk-to-us .btn-default:active:focus {
    background-color: #43137e;
    color: #FFF;
}

/* ---- ANALYTICS & DATA ---- */

.page-template-analytics-data {

}

.page-template-analytics-data .hero {
    height: 360px;
    position: relative;
    background-color: #43137e;
}

.page-template-analytics-data .hero h1, .page-template-analytics-data .hero p {
    color: #FFF;
    opacity: 0;
    transition: all 600ms ease-out;
}

.page-template-analytics-data .intro {
    padding: 64px 0;
}

.page-template-analytics-data .intro p {
    color: #43137e;
    font-size: 1.143rem;
    line-height: 32px;
}

.page-template-analytics-data .intro h3 {
    font-size: 1.571rem;
    font-weight: 700;
    color: #43137e;
    padding-bottom: 16px;
}

.page-template-analytics-data .intro li {
    color: #5c6670;
    font-size: 1.429rem;
    padding-bottom: 16px;
    font-weight: 700;
    margin: 0;
}

.page-template-analytics-data .quarterly-updates {
    padding: 80px 0 155px 0;
    background: #dfe1e3;
}

.page-template-analytics-data .quarterly-updates h3 {
    font-size: 1.571rem;
    color: #43137e;
    font-weight: 600;
}

.page-template-analytics-data .quarterly-updates p, .page-template-analytics-data .quarterly-updates ul {
    color: #5c6670;
    font-size: 1.143rem;
}

.page-template-analytics-data .quarterly-updates ul {
    list-style: disc;
    margin: 0 20px;
}

.page-template-analytics-data .quarterly-updates li {
    padding: 7px 0;
}

.page-template-analytics-data .quarterly-updates .download-whitepaper {
    height: 230px;
    position: relative;
    top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.page-template-analytics-data .quarterly-updates .download-whitepaper .btn {
    border-color: #FFF;
    background-color: #FFF;
    color: #43137e;
    padding: 15px 30px;
    font-weight: 600;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 80px;
}

.page-template-analytics-data .quarterly-updates .download-whitepaper .btn:hover {
    border-color: #35f478;
    background-color: #35f478;
    color: #FFF;
}

.page-template-analytics-data .case-studies .block {
    padding-left: 0;
    padding-right: 0;
    background: #FFF;
    margin-top: -130px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-top: 72px;
    padding-bottom: 72px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.page-template-analytics-data .case-studies .block h3 {
    font-weight: 600;
    margin-top: 0;
}

.page-template-analytics-data .case-studies .block .lead {
    font-size: 1.429rem;
    color: #43137e;
    line-height: 40px;
}

.page-template-analytics-data .case-studies .block .lead strong {
    font-weight: 600;
}

.page-template-analytics-data .case-studies .block p {
    font-size: 1.143rem;
    color: #5c6670;
    line-height: 32px;
}

.case-studies-title {
    padding-top: 80px;
}

.page-template-analytics-data .get-a-quote .free-quote {
    padding: 56px 0;
}

.page-template-analytics-data .get-a-quote .call-quote {

}

.page-template-analytics-data .get-a-quote .call-quote p {
    color: #043140;
    font-weight: 700;
    font-size: 1.286rem;
    background: #b3c1c5;
    padding: 16px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    display: table;
}

.page-template-analytics-data .case-studies {
    padding: 80px 0;
}

.page-template-analytics-data .case-studies .case-study-holder {
    margin-top: 32px;
    padding-left: 0;
    padding-right: 0;
}

.page-template-analytics-data .case-studies h3 {
    font-size: 1.571rem;
    color: #43137e;
    font-weight: 600;
}

.page-template-analytics-data .case-studies p {
    font-size: 1.143rem;
    color: #5c6670;
    line-height: 30px;

}

.page-template-analytics-data .case-studies .case-study {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 30px;
}

.page-template-analytics-data .case-studies .case-study h3, .page-template-analytics-data .case-studies .case-study p {
    padding: 0 20px;
    float: left;
    width: 100%;
}

.page-template-analytics-data .case-studies .cover-image {
    float: left;
    width: 100%;
    position: relative;
    height: 160px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
}

.page-template-analytics-data .case-studies .case-study .btn-default {
    margin-bottom: 16px;
    margin-top: 16px;
    border-color: #43137e;
    border-width: 2px;
    padding: 15px 20px;
    color: #43137e;
    font-size: 1.143rem;
    text-transform: uppercase;
    font-weight: 700;
}

.page-template-analytics-data .case-studies .case-study .btn-default:hover, .page-template-analytics-data .case-studies .case-study .btn-default:active, .page-template-analytics-data .case-studies .case-study .btn-default:focus, .page-template-analytics-data .case-studies .case-study .btn-default.active, .page-template-analytics-data .case-studies .case-study .btn-default:active:focus {
    background-color: #43137e;
    color: #FFF;
}

.page-template-analytics-data .talk-to-us {
    padding: 48px 0;
    background: #35f478;
}

.page-template-analytics-data .talk-to-us h3 {
    color: #43137e;
    font-size: 1.571rem;
    font-weight: 700;
}

.page-template-analytics-data .talk-to-us .btn-default {
    border-color: #43137e;
    border-width: 2px;
    color: #43137e;
    font-size: 1.143rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 0px;
    display: block;
    margin-top: 30px;
}

.page-template-analytics-data .talk-to-us .btn-default:hover, .page-template-analytics-data .talk-to-us .btn-default:active, .page-template-analytics-data .talk-to-us .btn-default:focus, .page-template-analytics-data .talk-to-us .btn-default.active, .page-template-analytics-data .talk-to-us .btn-default:active:focus {
    background-color: #43137e;
    color: #FFF;
}

/* ---- RECRUITMENT WEBSITES ---- */

.page-template-recruitment-websites {

}

.page-template-recruitment-websites .hero {
    height: 330px;
    position: relative;
    background-color: #0b74a8;
}

.page-template-recruitment-websites .hero h1, .page-template-recruitment-websites .hero p {
    color: #FFF;
    opacity: 0;
    transition: all 600ms ease-out;
}

.page-template-recruitment-websites .intro {
    padding: 64px 0;
    position: relative;
}

.page-template-recruitment-websites .intro p {
    color: #5c6670;
    font-size: 1.143rem;
    line-height: 32px;
}

.page-template-recruitment-websites .intro h3 {
    font-size: 1.571rem;
    font-weight: 700;
    color: #43137e;
    padding-bottom: 16px;
}

.page-template-recruitment-websites .sites-examples {
    position: absolute;
    top: 64px;
    right: 0;
    display: none;
}

.page-template-recruitment-websites .our-process {
    padding: 80px 0;
    background: #eeeff0;
}

.page-template-recruitment-websites .our-process .col-md-3 {
    opacity: 0;
}

.page-template-recruitment-websites .our-process h3 {
    font-size: 2.571rem;
    color: #43137e;
    font-weight: 600;
}

.page-template-recruitment-websites .our-process img {
    border: 0px;
}

.page-template-recruitment-websites .our-process .process-list {
    padding: 64px 0;
}

.page-template-recruitment-websites .our-process .process-list .col-md-3 {
    margin-bottom: 30px;
}

.page-template-recruitment-websites .our-process span {
    color: #43137e;
    font-size: 1.429rem;
    border: 1px solid #a6acb1;
    padding: 4px 13px 5px 12px;
    border-radius: 50%;
    position: relative;
    z-index: 10;
}

.page-template-recruitment-websites .our-process span:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border: 1px solid #7a97a9;
    border-radius: 50%;
}

.page-template-recruitment-websites .our-process span:after {
    content: "";
    width: 105px;
    height: 1px;
    border-top: 0px dashed #636d77;
    position: absolute;
    top: 18px;
    left: 80px;
}

.page-template-recruitment-websites .our-process span.item-4:after {
    border-top: 0px dashed #636d77;
}

.page-template-recruitment-websites .our-process .count {
    margin-top: 30px;
}

.page-template-recruitment-websites .our-process h4 {
    color: #43137e;
    font-size: 1.429rem;
    margin-top: 25px;
}

.page-template-recruitment-websites .bespoke-websites {
    background: #eeeff0;
}

.page-template-recruitment-websites .bespoke-websites .col-md-7 {
    padding: 80px 0 0 0;
}

.page-template-recruitment-websites .bespoke-websites .block {
    padding-left: 0;
    padding-right: 0;
    background: #FFF;
    margin-top: 64px;
    margin-bottom: -300px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-top: 72px;
    padding-bottom: 72px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.page-template-recruitment-websites .bespoke-websites .block h3 {
    font-weight: 600;
    margin-top: 0;
}

.page-template-recruitment-websites .bespoke-websites .block .lead {
    font-size: 1.429rem;
    color: #43137e;
    line-height: 40px;
}

.page-template-recruitment-websites .bespoke-websites .block .lead strong {
    font-weight: 600;
}

.page-template-recruitment-websites .dresscode-websites {
    background: #f2f2f2;
    position: relative;
}

.page-template-recruitment-websites .dresscode-websites ul {
    list-style: disc;
    list-style-position: outside !important;
    margin-left: 25px !important;
    font-family: 'intro_bold_altregular';
}

.page-template-recruitment-websites .dresscode-websites img {
    margin-top: 30px;
}

.page-template-recruitment-websites .dresscode-websites h3, .page-template-recruitment-websites .bespoke-websites h3 {
    font-size: 2.571rem;
    color: #43137e;
    font-weight: 600;
}

.page-template-recruitment-websites .dresscode-websites p, .page-template-recruitment-websites .bespoke-websites p, .page-template-recruitment-websites .bespoke-websites .block p {
    font-size: 1.043rem;
    color: #43137e;
    line-height: 32px;
}

.page-template-recruitment-websites .bespoke-websites p {
    padding-bottom: 15px;
}

.page-template-recruitment-websites .bespoke-websites ul {
    list-style: disc !important;
    list-style-position: outside !important;
    margin-left: 25px !important;
    font-family: 'intro_bold_altregular';
    font-size: 1.8rem;
}

.page-template-recruitment-websites .bespoke-websites {
    position: relative;
}

.page-template-recruitment-websites .bespoke-websites .bespoke-image {
    position: absolute;
    top: 0;
    right: 0;
    height: 50rem;
    display: none;
}

.page-template-recruitment-websites .dresscode-websites .dresscode-blurb {
    padding: 80px 0;
}

.page-template-recruitment-websites .dresscode-websites .dresscode-blurb .btn {
    margin-bottom: 16px;
    margin-top: 16px;
    border-color: #43137e;
    border-width: 2px;
    padding: 15px 20px;
    color: #43137e;
    font-size: 1.143rem;
    text-transform: uppercase;
    font-weight: 700;
}

.page-template-recruitment-websites .dresscode-websites .dresscode-blurb .btn-default:hover, .page-template-recruitment-websites .dresscode-websites .dresscode-blurb .btn-default:active, .page-template-recruitment-websites .dresscode-websites .dresscode-blurb .btn-default:focus, .page-template-recruitment-websites .dresscode-websites .dresscode-blurb .btn-default.active, .page-template-recruitment-websites .dresscode-websites .dresscode-blurb .btn-default:active:focus {
    background-color: #43137e;
    color: #FFF;
}

.page-template-recruitment-websites .dresscode-websites .dresscode-blurb h3, .page-template-recruitment-websites .bespoke-websites .bespoke-blurb h3 {
    padding-bottom: 24px;
}

.page-template-recruitment-websites .dresscode-websites .dresscode-blurb ul, .page-template-recruitment-websites .bespoke-websites .bespoke-blurb ul {
    list-style-position: inside;
}

.page-template-recruitment-websites .dresscode-websites .dresscode-blurb li, .page-template-recruitment-websites .bespoke-websites .bespoke-blurb li {
    font-size: 1.429rem;
    font-weight: 400;
    color: #43137e;
    padding-bottom: 16px;
}

.page-template-recruitment-websites .dresscode-websites .dresscode-blurb li:last-child, .page-template-recruitment-websites .bespoke-websites .bespoke-blurb li:last-child {
    padding-bottom: 0;
}

.case-studies-title {
    padding-top: 80px;
}

.page-template-recruitment-websites .case-studies {
    padding: 150px 0 80px 0;
}

.page-template-recruitment-websites .case-studies .case-study-holder {
    margin-top: 32px;
    padding-left: 0;
    padding-right: 0;
}

.page-template-recruitment-websites .case-studies .case-studies-title {
    padding-top: 0px;
}

.page-template-recruitment-websites .case-studies h3 {
    font-size: 1.571rem;
    color: #43137e;
    font-weight: 600;
}

.page-template-recruitment-websites .case-studies p {
    font-size: 1.143rem;
    color: #5c6670;
    line-height: 30px;

}

.page-template-recruitment-websites .case-studies .case-study {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 30px;
}

.page-template-recruitment-websites .case-studies .case-study h3, .page-template-recruitment-websites .case-studies .case-study p {
    padding: 0 20px;
    float: left;
    width: 100%;
}

.page-template-recruitment-websites .case-studies .case-study h3 {
    padding-bottom: 80px;
}

.page-template-recruitment-websites .case-studies .cover-image {
    float: left;
    width: 100%;
    position: relative;
    height: 160px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
}

.page-template-recruitment-websites .case-studies .case-study .btn-default {
    margin-bottom: 16px;
    margin-top: 16px;
    border-color: #43137e;
    border-width: 2px;
    padding: 15px 20px;
    color: #43137e;
    font-size: 1.143rem;
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    bottom: 0;
}

.page-template-recruitment-websites .case-studies .case-study .btn-default:hover, .page-template-recruitment-websites .case-studies .case-study .btn-default:active, .page-template-recruitment-websites .case-studies .case-study .btn-default:focus, .page-template-recruitment-websites .case-studies .case-study .btn-default.active, .page-template-recruitment-websites .case-studies .case-study .btn-default:active:focus {
    background-color: #43137e;
    color: #FFF;
}

.page-template-recruitment-websites .talk-to-us {
    padding: 48px 0;
    background: #f58634;
}

.page-template-recruitment-websites .talk-to-us h3 {
    color: #fff;
    font-size: 1.571rem;
    font-weight: 700;
    
}

.page-template-recruitment-websites .talk-to-us .btn-default {
    border-color: #43137e;
    border-width: 2px;
    color: #43137e;
    font-size: 1.143rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 0px;
    display: block;
    margin-top: 30px;
}

.page-template-recruitment-websites .talk-to-us .btn-default:hover, .page-template-recruitment-websites .talk-to-us .btn-default:active, .page-template-recruitment-websites .talk-to-us .btn-default:focus, .page-template-recruitment-websites .talk-to-us .btn-default.active, .page-template-recruitment-websites .talk-to-us .btn-default:active:focus {
    background-color: #43137e;
    color: #FFF;
}

.page-template-recruitment-websites .dresscode-websites .fa, .page-template-recruitment-websites .bespoke-websites .fa {
    color: #43137e;
}

.page-template-recruitment-websites .bespoke-websites .fa-trademark:before {
    content: "wtr";
    background-image: url(images/wtr.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 25px;
    text-indent: -9999px;
    display: inline-block;
}

/* ---- CONTACT ---- */

.page-template-contact .footer:before, .home .footer:before, .page-template-careers .footer:before {
    border-top-color: #FFF;
}

.page-template-contact .hero {
    height: 330px;
    position: relative;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    overflow-x: hidden;
}

.page-template-contact .hero img {
   max-width: inherit !important;
}

.page-template-contact .hero h1, .page-template-contact .hero p {
    color: #FFF;
    opacity: 0;
    transition: all 600ms ease-out;
}

.page-template-contact .contact-section {
    padding: 60px 0;
}

.page-template-contact .contact-confirm {
    margin-right: 15px;
}

/* ---- WAVETRACKR ---- */

.page-template-wavetrackr .hero {
    height: 330px;
    position: relative;
    background-color: #43137e;
}

.page-template-wavetrackr .hero h1, .page-template-wavetrackr .hero p {
    color: #FFF;
    opacity: 0;
    transition: all 600ms ease-out;
}

.page-template-wavetrackr .intro {
    padding: 64px 0;
    position: relative;
}

.page-template-wavetrackr .intro .col-md-5 {
    padding-top: 60px;
}

.page-template-wavetrackr .intro strong {
    color: #43137e;
}

.page-template-wavetrackr .intro p {
    color: #5c6670;
    font-size: 1.143rem;
    line-height: 32px;
}

.page-template-wavetrackr .intro h3 {
    font-size: 1.571rem;
    font-weight: 700;
    color: #43137e;
    padding-bottom: 16px;
}

.page-template-wavetrackr .features {
    padding: 80px 0 40px 0;
    background: #eeeff0;
}

.page-template-wavetrackr .features img {
    margin-right: -35px;
}

.page-template-wavetrackr .features .single-feature {
    margin-bottom: 30px;
    opacity: 0;
}

.page-template-wavetrackr .features h3 {
    font-size: 1.571rem;
    color: #43137e;
    font-weight: 600;
    margin-top: 0;
}

.page-template-wavetrackr .video {
    padding: 90px 0;
}

.page-template-wavetrackr .client-logos {
    padding: 90px 0;
}

.page-template-wavetrackr .client-logos .single-client {
    height: 60px;
}

.page-template-wavetrackr .client-logos .single-client:focus, .page-template-wavetrackr .client-logos .single-client:active, .page-template-wavetrackr .client-logos .single-client.active, .page-template-wavetrackr .client-logos .single-client:active:focus {
    outline: 0 !important;
}

.page-template-wavetrackr .client-logos img {
    vertical-align: middle;
}

.page-template-wavetrackr .talk-to-us {
    padding: 48px 0;
    background: #35f478;
}

.page-template-wavetrackr .talk-to-us h3 {
    color: #43137e;
    font-size: 1.571rem;
    font-weight: 700;
}

.page-template-wavetrackr .talk-to-us .btn-default {
    border-color: #43137e;
    border-width: 2px;
    color: #43137e;
    font-size: 1.143rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 0px;
    display: block;
    margin-top: 30px;
}

.page-template-wavetrackr .talk-to-us .btn-default:hover, .page-template-wavetrackr .talk-to-us .btn-default:active, .page-template-wavetrackr .talk-to-us .btn-default:focus, .page-template-wavetrackr .talk-to-us .btn-default.active, .page-template-wavetrackr .talk-to-us .btn-default:active:focus {
    background-color: #43137e;
    color: #FFF;
}

/* ---- RECRUITMENT MARKETING ---- */

.page-template-recruitment-marketing .hero {
    height: 330px;
    position: relative;
    background-color: #43137e;
}

.page-template-recruitment-marketing .hero h1, .page-template-recruitment-marketing .hero p {
    color: #FFF;
    opacity: 0;
    transition: all 600ms ease-out;
}

.page-template-recruitment-marketing .hero p {
    text-shadow: 0 0 20px rgba(0,0,0,0.4);
}

.page-template-recruitment-marketing .intro {
    padding: 64px 0;
    position: relative;
}

.page-template-recruitment-marketing .intro p {
    color: #5c6670;
    font-size: 1.143rem;
    line-height: 32px;
}

.page-template-recruitment-marketing .intro h3 {
    font-size: 1.571rem;
    font-weight: 700;
    color: #43137e;
    padding-bottom: 16px;
}

.page-template-recruitment-marketing .intro li {
    font-size: 1.429rem;
    padding-bottom: 16px;
    color: #43137e;
}

.page-template-recruitment-marketing .features {
    padding: 80px 0 20px 0;
    background: #eeeff0;
}

.page-template-recruitment-marketing .features p {
    font-size: 1.143rem;
    line-height: 32px;
    color: #5c6670;
}

.page-template-recruitment-marketing .features img {
    border: 0px;
    position: relative;
    z-index: 1;
    margin-top: 96px;
}

.page-template-recruitment-marketing .awards .block {
    padding-left: 0;
    padding-right: 0;
    background: #FFF;
    margin-top: -72px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-top: 80px;
    padding-bottom: 72px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.page-template-recruitment-marketing .awards .block h3 {
    font-size: 1.571rem;
    color: #43137e;
    font-weight: 600;
}

.page-template-recruitment-marketing .awards .block p {
    font-size: 1.143rem;
    color: #5c6670;
    line-height: 32px;
}

.page-template-recruitment-marketing .awards .award-title {
    padding-top: 50px;
}

.page-template-recruitment-marketing .awards .award-title h2 {
    color: #43137e;
}

.page-template-recruitment-marketing .awards .awards-listing {
    padding: 56px 0 25px 0;
}

.page-template-recruitment-marketing .awards .awards-listing .award {
    position: relative;
}

.page-template-recruitment-marketing .awards .awards-listing .award p {
    color: #464646;
    font-size: 1.071rem;
    padding-top: 15px;
    position: relative;
    bottom: 0;
    width: 100%;
}

.page-template-recruitment-marketing .case-studies {
    padding: 56px 0 80px 0;
}

.page-template-recruitment-marketing .case-studies .case-studies-title {
    padding-top: 0px;
}

.page-template-recruitment-marketing .case-studies .case-study-holder {
    margin-top: 32px;
    padding-left: 0;
    padding-right: 0;
}

.page-template-recruitment-marketing .case-studies h3 {
    font-size: 1.571rem;
    color: #43137e;
    font-weight: 600;
}

.page-template-recruitment-marketing .case-studies p {
    font-size: 1.143rem;
    color: #5c6670;
    line-height: 30px;

}

.page-template-recruitment-marketing .case-studies .case-study {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 30px;
}

.page-template-recruitment-marketing .case-studies .case-study h3, .page-template-recruitment-marketing .case-studies .case-study p {
    padding: 0 20px;
    float: left;
    width: 100%;
}

.page-template-recruitment-marketing .case-studies .cover-image {
    float: left;
    width: 100%;
    position: relative;
    height: 160px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
}

.page-template-recruitment-marketing .case-studies .case-study .btn-default {
    margin-bottom: 16px;
    margin-top: 16px;
    border-color: #43137e;
    border-width: 2px;
    padding: 15px 20px;
    color: #43137e;
    font-size: 1.143rem;
    text-transform: uppercase;
    font-weight: 700;
}

.page-template-recruitment-marketing .case-studies .case-study .btn-default:hover, .page-template-recruitment-marketing .case-studies .case-study .btn-default:active, .page-template-recruitment-marketing .case-studies .case-study .btn-default:focus, .page-template-recruitment-marketing .case-studies .case-study .btn-default.active, .page-template-recruitment-marketing .case-studies .case-study .btn-default:active:focus {
    background-color: #43137e;
    color: #FFF;
}

.page-template-recruitment-marketing .talk-to-us {
    padding: 48px 0;
    background: #35f478;
}

.page-template-recruitment-marketing .talk-to-us h3 {
    color: #43137e;
    font-size: 1.571rem;
    font-weight: 700;
}

.page-template-recruitment-marketing .talk-to-us .btn-default {
    border-color: #43137e;
    border-width: 2px;
    color: #43137e;
    font-size: 1.143rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 0px;
    display: block;
    margin-top: 30px;
}

.page-template-recruitment-marketing .talk-to-us .btn-default:hover, .page-template-recruitment-marketing .talk-to-us .btn-default:active, .page-template-recruitment-marketing .talk-to-us .btn-default:focus, .page-template-recruitment-marketing .talk-to-us .btn-default.active, .page-template-recruitment-marketing .talk-to-us .btn-default:active:focus {
    background-color: #43137e;
    color: #FFF;
}

/* ---- BLOGS ---- */

.blog .blogs, .archive .blogs {
    padding: 150px 0 0 0;
}

.blog .blogs .single-blog, .archive .blogs .single-blog {
    margin-bottom: 96px;
}

.blog .blogs h3, .archive .blogs h3 {
    color: #43137e;
    font-size: 1.571rem;
    font-weight: 700;
}

.blog .blogs p, .archive .blogs p {
    font-size: 1.143rem;
    line-height: 32px;
    color: #5c6670;
}

.blog .blogs .btn-default, .archive .blogs .btn-default {
    border-color: #43137e;
    border-width: 1px;
    color: #43137e;
    font-size: 1.143rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 32px;
}

.blog .blogs .btn-default:hover, .blog .blogs .btn-default:active, .blog .blogs .btn-default:focus, .blog .blogs .btn-default.active, .blog .blogs .btn-default:active:focus, .archive .blogs .btn-default:hover, .archive .blogs .btn-default:active, .archive .blogs .btn-default:focus {
    background-color: #43137e;
    color: #FFF;
}

.blog .talk-to-us, .archive .talk-to-us {
    padding: 48px 0;
    background: #35f478;
}

.blog .talk-to-us h3, .archive .talk-to-us h3 {
    color: #43137e;
    font-size: 1.571rem;
    font-weight: 700;
}

.blog .talk-to-us .btn-default, .archive .talk-to-us .btn-default {
    border-color: #43137e;
    border-width: 2px;
    color: #43137e;
    font-size: 1.143rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 0px;
    display: block;
    margin-top: 30px;
}

.blog .talk-to-us .btn-default:hover, .blog .talk-to-us .btn-default:active, .blog .talk-to-us .btn-default:focus, .blog .talk-to-us .btn-default.active, .blog .talk-to-us .btn-default:active:focus, .archive .talk-to-us .btn-default:hover, .archive .talk-to-us .btn-default:active, .archive .talk-to-us .btn-default:focus {
    background-color: #43137e;
    color: #FFF;
}

/* Interest Form Expo */
.page-template-default .interest-form-expo .gform_footer input {
    border-color: #43137e;
    color: #FFF;
    font-size: 1.143rem;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    background-color: #43137e;
    padding: 5px 20px;
}
.page-template-default .interest-form-expo .gform_footer input:hover {
    background-color: #32026d;
}

body.page-id-2290 .span4 h2 {
	display: none;
}

/* ============================================================
  CUSTOM PAGINATION
============================================================ */

.pagination {
    margin-bottom: 45px;
    text-align: center;
}
ul.page-numbers {
    list-style: none;
    margin: 0;
    text-align: center;
}

.page-numbers:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

ul.page-numbers li {
    display: inline-block;
    float: none;
    margin: 0 4px 4px 0;
    text-align: center;
}

.page-numbers a, .page-numbers span {
    display: block;
    padding: 0 11px;
    height: 33px;
    line-height: 33px;
    font-size: 1rem;
    text-decoration: none;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid #57626c;
    color: #57626c;
}

.page-numbers a span { padding: 0 }

.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {
    color: #fff;
    background: #57626c;
    text-decoration: none;
}

.page-numbers:hover { text-decoration: none }

/* ---- SINGLE BLOG ---- */

.single-post .hero {
    margin-top: 280px !important;
}

.single .hero .hero-image {
    height: 400px;
}

.single .hero .author-sidebar {
    background-color: #f7f9f9;
    position: relative;
}

.single .hero .author-sidebar .fa-circle-facebook {
    color: #3b5998;
}

.single .hero .author-sidebar .fa-circle-twitter {
    color: #55acee;
}

.single .hero .author-sidebar .fa-circle-linkedin {
    color: #007bb6;
}

.single .hero .author-sidebar .fa-circle-googleplus {
    color: #db4e3f;
}

.single .hero .author-sidebar p {
    font-size: 1rem;
    color: #7d7d7d;
}

.single .hero .author-sidebar .author {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #f3f3f3;
    padding: 30px 0;
}

.single .hero .author-sidebar #searchform {
    padding: 5px 0;
}

.single .hero .author-sidebar .input-group-addon {
    border-right: 0px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.single .hero .author-sidebar .author h3 {
    font-size: 1.429rem;
}

.single .hero .author-sidebar .author h3, .single .hero .author-sidebar .author a {
    color: #7d7d7d;
}

.single .hero .author-sidebar .author img {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: auto !important;
}

.single .single-post {
    padding: 80px 0;
    position: relative;
}

.single .single-post h1 {
    color: #43137e;
    font-weight: 600;
    padding: 0 15px 0 15px;
}

.single .single-post .lead {
    font-size: 1.143rem;
    color: #43137e;
    padding: 0 15px 0 15px;
}

.single .single-post h2 {
    font-size: 2rem;
    color: #43137e;
    padding: 0 15px 0 15px;
}

.single .single-post h3 {
    font-size: 1.571rem;
    color: #43137e;
    padding: 0 15px 0 15px;
}

.single .single-post h4 {
    font-size: 1.286rem;
    color: #43137e;
    padding: 0 15px 0 15px;
}

.single .single-post p {
    font-size: 1.143rem;
    line-height: 32px;
    color: #57626c;
    padding: 0 15px 0 15px;
}

.single .single-post li {
    font-size: 1.143rem;
    line-height: 32px;
    color: #57626c;
}

.single .single-post ul {
    list-style: disc;
    padding: 0px 15px 0 15px;
}

.single .single-post ol {
    padding: 0 15px 0 15px;
}

.single-post .figure {
    padding: 72px 0;
    float: left;
    width: 100%;
}

.single-post img, .single-post .wp-caption {
    height: auto;
    width: 100% !important;
}

.single-post .avatar {
    height: 65px !important;
    width: 65px !important;
}

.single-post .related-posts {
    margin-top: 145px;
}

.single-post .related-post {
    margin-left: 36px;
}

.single-post .related-post h3 {
    padding: 8px 0 0 0 !important;
    float: left;
}

.single-post .cover-image {
    float: left;
    width: 100%;
    position: relative;
    height: 160px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.single .talk-to-us {
    padding: 48px 0;
    background: #f7f9f9;
}

.single .talk-to-us h3 {
    color: #43137e;
    font-size: 1.571rem;
    font-weight: 700;
}

.single .talk-to-us .btn-default {
    border-color: #43137e;
    border-width: 2px;
    color: #43137e;
    font-size: 1.143rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 0px;
    display: block;
    margin-top: 30px;
}

.single .talk-to-us .btn-default:hover, .single .talk-to-us .btn-default:active, .single .talk-to-us .btn-default:focus, .single .talk-to-us .btn-default.active, .single .talk-to-us .btn-default:active:focus {
    background-color: #43137e;
    color: #FFF;
}

.single .footer:before {
    border-top-color: #f7f9f9;
}

.single .single-post .medal img {
    width: 140px !important;
}

/* ---- NEWSLETTER SUBSCRIPTION ---- */
/* The Close Button */
.modal-intro .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.modal-intro .close:hover,
.modal-intro .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.modal-intro {
    background-color: #43137E;
    border-radius: 5px;
    color: #FFF;
    position: fixed;
    bottom: 15px;
    padding: 10px;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    z-index: 100;
    width: auto;
    margin: 0 15px;
    right: 0;
}

.modal-intro p {
    font-size: 15px;
    text-align: center;
}

.modal-divs-nopad {
    padding: 0;
}

.modal-intro.fade {
    bottom: -100px;
    transition: all 500ms cubic-bezier(0.28, -0.15, 0.065, 1.15);
    z-index: -1;
}
.modal-intro.fade.in {
    bottom: 15px;
    z-index: 100;
}
.modal-intro.fade.out {
    z-index: -1;
}

.modal-intro .gform_wrapper {
    margin: 0;
}
.modal-intro .gform_wrapper #gform_2 .gform_body {
    width: 100%;
}
.modal-intro #gform_2 .gform_body #field_2_1 {
    width: 100%;
    margin: 0;
    padding: 0;
}
.modal-intro .gform_wrapper #gform_2 .gform_footer {
    width: 100%;
    margin: 0;
}

.modal-intro .gform_wrapper #gform_2 .gform_footer input {
    width: 100%;
    margin: 0;
    border-color: #FFF;
    background-color: #FFF;
    border-width: 1px;
    color: #43137e;
    font-size: 1.143rem;
    text-transform: uppercase;
    font-weight: 700;
    padding: 5px;
    transition: all 300ms ease-in-out;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.modal-intro .gform_wrapper #gform_2 .gform_footer input:hover {
    background-color: #43137e;
    color: #FFF;
}

.talk-to-us #gform_submit_button_2 {
    min-width: 120px;
}

.modal-intro .gfield_required {
    display: none;
    color: #BD3333 !important;
    font-size: 12px;
}
.talk-to-us .gfield_required {
    display: none;
}

#thankyou-confirmation {
    text-align: center;
    color: #43137e;
    font-size: 28px;
    font-weight: bold;
    display: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    transition: all 300ms ease-in-out;
}

.modal-intro #thankyou-confirmation {
    font-size: 12px;
    color: #FFF;
}

.modal-intro .fa-load {
    display: none;
}

.blog .talk-to-us .container .col-md-8 #gform_confirmation_wrapper_2 {
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

/* ---- ARCHIVE & AUTHOR ---- */

.archive .hero {
    height: 424px;
    position: relative;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #43137e;
}

.archive .hero h1 {
    color: #FFF;
    font-size: 3rem;
    margin-top: 0;
    margin-bottom: 0;
}

.author .blogs {
    padding: 80px 0 0 0 !important;
}

/* ---- SINGLE CASE STUDY ---- */

.single-case-studies .hero {
    height: 330px;
}

.single-case-studies .hero h1, .single-case-studies .hero .lead {
    color: #FFF;
}

.single-case-studies .single-post h3 {
    font-size: 1.571rem;
    color: #43137e;
    padding: 0 0 0 0px;
}

.single-case-studies .single-post p {
    font-size: 1.143rem;
    line-height: 32px;
    color: #57626c;
    padding: 0 0 30px 0px;
}



/* ---- SEARCH RESULTS ---- */

.search .footer:before {
    border-top-color: #FFFFFF;
}

.search-results .hero .overlay {
    background-color: #43137e;
    opacity: .8;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.search-results .hero {
    height: 350px;
    position: relative;
    background: url(images/search-bg.jpg) no-repeat top center;
    background-size: cover;
}

.search-results .hero h1 {
    font-weight: 700 !important;
    color: #FFF;
}

.results {
    padding: 90px 0;
}

.results .container {
    background: #f8f8f8;
    padding-left: 0;
    padding-right: 0;
}

.results .result-header {
    background: rgb(84,53,124);
    background: -moz-linear-gradient(left, rgba(84,53,124,1) 0%, rgba(67,19,126,1) 100%);
    background: -webkit-linear-gradient(left, rgba(84,53,124,1) 0%,rgba(67,19,126,1) 100%);
    background: linear-gradient(to right, rgba(84,53,124,1) 0%,rgba(67,19,126,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54357c', endColorstr='#43137e',GradientType=1 );
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 2px solid #43137e;
}

.results .result-header .col-md-6 {
    position: relative;
}

.results .result-header .col-md-6 form {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.results .result-title {
    color: #FFF;
    font-weight: 400 !important;
    font-size: 2.143rem;
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'intro_bold_altregular';
    padding: 15px 0 5px 0;
}

.results .small-title {
    color: #FFF;
    padding: 0 0 15px 0;
    font-size: 1.429rem;
    margin-top: 0;
    margin-bottom: 0;
}

.results .result {
    padding: 30px 0;
    border-bottom: 1px solid #EEE;
    border-left: 1px solid #EEE;
    border-right: 1px solid #EEE;
}

.results .result .btn {
    background-color: #43137e;
    border-color: #43137e;
    color: #FFF;
    text-transform: uppercase;
    font-size: 1rem;
}

.results .result .btn:hover, .results .result .btn:active, .results .result .btn:focus, .results .result .btn:active:focus {
    background-color: #3b116e;
    border-color: #3b116e;
}

.results .result h4 {
    margin-top: 0;
    margin-bottom: 0;
}

.results .result p {
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 1.143rem;
}



.cd-intro-content h1,
.cd-intro-content h1 span,
.cd-intro-content p,
.cd-intro-content .cd-btn {
  opacity: 0;
  -webkit-animation-duration: 0.8s;
  -moz-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.no-cssanimations .cd-intro-content h1, .no-cssanimations
.cd-intro-content h1 span, .no-cssanimations
.cd-intro-content p, .no-cssanimations
.cd-intro-content .cd-btn {
  opacity: 1;
}

.cd-btn {
    display: inline-block;
    padding: 1.2em 1.4em;
    font-size: 1rem;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    background-color: #43137e;
    border-radius: .25em;
    margin-right: 1.5em;
    margin-top: 15px;
    transition: all 300ms ease-in-out;
}

.cd-btn:hover {
    background-color: #360f65;
}

.page-template-wavetrackr .hero .cd-btn:nth-of-type(2) {
    background-color: #360f65;
}

.page-template-wavetrackr .hero .cd-btn:nth-of-type(2):hover {
    background-color: #4e1693;
}

.cd-btn:focus {
    color: #FFF;
    text-decoration: none;
}

.cd-btn:nth-of-type(2) {
    margin-right: 0;
}

.cd-btn.main-action {
color: #FFF;
background: #f58634;
    transition: all 300ms ease-in-out;
}

.cd-btn.main-action:hover {
    color: #FFF;
    background: #f58634;
}

@media only screen and (min-width: 480px) {
    .cd-btn {
        padding: 1.2em 1.6em;
    }

    .modal-intro {
        width: 250px;
        margin: auto;
        right: 15px;
    }
}

@media only screen and (min-width: 768px) {
    .cd-btn {
        padding: 1.4em 1.8em;
    }
}

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

Mask

-------------------------------- */
.mask.cd-intro-content h1 {
    position: relative;
    padding-bottom: 0px;
    /* overwrite default style */
    opacity: 1;
    font-weight: 700;
    /* <h1> text is not visible - it is used only as a container for the ::after element */
    color: transparent;
    overflow: hidden;
}
.mask.cd-intro-content h1::after {
    /* this is the animated text */
    content: attr(data-content);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    color: #ffffff;
    -webkit-animation-name: cd-reveal-up;
    -moz-animation-name: cd-reveal-up;
    animation-name: cd-reveal-up;
    -webkit-animation-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}
.mask.cd-intro-content h1 span {
    position: relative;
    display: inline-block;
    opacity: 1;
}
.mask.cd-intro-content h1 span::before {
    /* this is the loading bar */
    content: '';
    position: absolute;
    top: calc(100% + 8px);
    left: -1em;
    height: 2px;
    width: calc(100% + 2em);
    background-color: #ffffff;
    -webkit-animation: cd-loading-mask 1s 0.3s both;
    -moz-animation: cd-loading-mask 1s 0.3s both;
    animation: cd-loading-mask 1s 0.3s both;
}
@media only screen and (min-width: 768px) {
    .mask.cd-intro-content h1 {
        padding-bottom: 20px;
    }
    .mask.cd-intro-content h1 span::before {
        top: calc(100% + 18px);
    }
}

.mask.cd-intro-content p {
  position: relative;
  margin: 0;
  padding: 0px 0 0;
  -webkit-animation-name: cd-reveal-down;
  -moz-animation-name: cd-reveal-down;
  animation-name: cd-reveal-down;
}
@media only screen and (min-width: 768px) {
    .mask.cd-intro-content p {
        padding-top: 0px;
    }
}

.mask.cd-intro-content h1::after,
.mask.cd-intro-content p {
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.mask.cd-intro-content .action-wrapper {
    overflow: hidden;
}
.mask.cd-intro-content .action-wrapper .cd-btn {
    opacity: 1;
    margin: 35px 0 0 1.5em;
}
.mask.cd-intro-content .action-wrapper .cd-btn:hover {
    color: #FFF;
}
.mask.cd-intro-content .action-wrapper .cd-btn:first-of-type {
    margin-left: 0;
}

@-webkit-keyframes cd-reveal-up {
    0% {
        opacity: 1;
        -webkit-transform: translateY(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes cd-reveal-up {
    0% {
        opacity: 1;
        -moz-transform: translateY(100%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}
@keyframes cd-reveal-up {
    0% {
        opacity: 1;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes cd-reveal-down {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes cd-reveal-down {
    0% {
        opacity: 1;
        -moz-transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}
@keyframes cd-reveal-down {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes cd-loading-mask {
    0%, 100% {
        -webkit-transform: scaleX(0);
    }
    40%, 60% {
        -webkit-transform: scaleX(1);
    }
}
@-moz-keyframes cd-loading-mask {
    0%, 100% {
        -moz-transform: scaleX(0);
    }
    40%, 60% {
        -moz-transform: scaleX(1);
    }
}
@keyframes cd-loading-mask {
    0%, 100% {
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0);
    }
    40%, 60% {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1);
    }
}

/* ---- FOOTER ---- */

.footer {
    background: #0b74a8;
    padding: 64px 0 0 0;
    position: relative;
}

.footer:before {
    top: 0;
    left: 15%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #f58634;
    border-width: 16px;
    margin-left: -16px;
}

.footer .col-md-3, .footer .col-md-7 {
    padding-left: 0;
    border-bottom: 1px solid #38106A;
    margin-bottom: 15px;
}
.page-template-recruitment-websites .dresscode-websites1{
    background-color: #fff !important;
}

.footer .col-md-2 {
    position: relative;
    height: auto !important;
}
.footer .equal{
    height: auto !important;
}

.footer p {
    color: #FFF;
}

.footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer li {
    padding-bottom: 16px;
    color: #FFF;
}

.footer li a {
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase;
}

.footer .col-md-7 li a {
    text-transform: none;
}

.generator {
    padding: 16px 0;
    background: #0b74a8;
}

.generator p {
    font-size: 0.8571rem;
    font-weight: 300;
    color: #FFF;
    text-align: center;
}

.generator .social-icons {
    text-align: center;
}

.generator .social-icons a {
    color: #FFF;
    display: inline-block;
    padding: 0 5px;
}

.generator .footer-tcp a {
    color: #FFF;
}
.generator .footer-tcp a:hover {
    color: #FFF;
    text-decoration: underline;
}

/* Popup container */
.popup_class_tcp {
    position: fixed;
    display: block;
    bottom: 5px;
    float: left;
    background-color: #32026D;
    visibility: hidden;
    z-index: -1;
    left: 0;
    margin: 0 20px;
    border-radius: 5px;
    width: calc(100% - 40px);
    padding: 10px 0;
}

.popup_class_tcp p {
    font-size: 16px;
    color: #FFF;
    margin: 5px;
}

.popup_class_tcp.fadeIn {
    visibility: visible;
    z-index: 20;
}

.popup_class_tcp.fadeOut {
    visibility: hidden;
    z-index: -1;
}
.popup_class_tcp .terms-cookies-privacy {
    color: #FFF;
}
.popup_class_tcp .terms-cookies-privacy:hover {
    color: #FFF;
    text-decoration: underline;
}

.popup_class_tcp .btn-default {
    background-color: #FFF;
    color: #43137e;
    font-weight: bold;
    font-size: 20px;
    padding: 2px;
}
.popup_class_tcp .btn-default:hover {
    background-color: #43137e;
    color: #FFF;
}

/* ---- TERMS CONDITIONS POLICY ---- */
.tcp-content {
    padding-top: 100px;
    padding-bottom: 50px;
}

.tcp-content h2 {
    text-align: center;
}

.tcp-content p {
    font-size: 15px;
}

.tcp-content ul {
    list-style: disc;
    margin: auto;
    padding-left: 25px;
    font-size: 15px;
}

/* --- lazyloading images --- */
/* fade image in after load */
.lazyload,
.lazyloading {
	opacity: 0;
}
.lazyloaded {
	opacity: 1;
	transition: opacity 300ms;
}


/* css animations */
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 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.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

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

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

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

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

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

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

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -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 {
  from, 50%, to {
    opacity: 1;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes wobble {
  from {
    -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);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -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);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

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

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

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

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

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

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

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

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

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

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

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

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

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

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

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

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

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

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

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

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .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(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

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

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

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

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

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .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(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

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

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

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

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

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

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

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

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

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

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

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

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

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

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

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

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

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

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

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

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

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

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

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

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

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

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

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

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

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .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);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

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

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

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

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

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

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

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

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

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

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

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

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

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

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

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

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

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

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

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

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

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

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

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

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

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

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

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

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

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

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

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

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

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

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

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

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

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

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

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

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

  to {
    -webkit-transform: 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 {
  from {
    opacity: 1;
  }

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

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

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

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

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

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

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

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

@keyframes rollOut {
  from {
    opacity: 1;
  }

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

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

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

  50% {
    opacity: 1;
  }
}

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

  50% {
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

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

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

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

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

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

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

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

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

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

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

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

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

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

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

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

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

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

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

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

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

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

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
  }
}

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

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

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .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.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .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.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

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

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

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

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.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(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

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

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

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.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(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .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.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .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.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* slick slider */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}



/* ---- AMENDS ---- */
/*.home .hero .active h1, .home .hero .active p {*/
    /*opacity: 1;*/
/*}*/
.home .services .third-section h4 {
    padding: 2px;
    margin-bottom: 70px;
    background-color: #43137e;
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    html, body {
        overflow: visible !important;
    }

    .squiggle {
        width: 87px;
        height: 56px;
        background: url(images/squiggle.png) no-repeat center center;
        background: 87px 56px;
    }

    .squiggle-w {
        width: 87px;
        height: 56px;
        background: url(images/squiggle-w.png) no-repeat center center;
        background: 87px 56px;
    }

    .megaphone {
        width: 100%;
        height: 655px;
        background: url(images/megaphone.png) no-repeat center center;
        background-size: 688px 655px;
        opacity: .3;
    }

    .magnet {
        width: 610px;
        height: 454px;
        /*background: url(images/magnet.png) no-repeat center center;*/
        background-size: 610px 454px;
        opacity: .3;
    }

    .laptop {
        width: 100%;
        height: 628px;
        background: url(images/laptop.png) no-repeat center center;
        background-size: 776px 628px;
        opacity: .3;
    }

    .tracking {
    width: 594px;
    height: 654px;
    background: no-repeat center center;
    background-size: contain;
    opacity: .6;
    position: absolute;
    right: 0;
    bottom: -120px;
    display: block;
    }

    .graphs {
        width: 704px;
        height: 556px;
        background:  no-repeat center center;
        background-size: 704px 556px;
        opacity: .3;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    h1 {
        font-size: 2.857rem;
    }
    .home .services .info {
        height: 255px;
    }

    .home .services .quarter .info {
        height: 270px;
    }

    .gallery-expander-contents {
        width: 100%;
    }

    .gallery-item .thumbnail {
        width: 340px;
        height: 340px;
        background-color: transparent;
    }

    .gallery-item {
        display: inline-block;
    }

    .expander-content h2 .btn {
        float: right;
        display: inherit;
        padding: 6px 22px;
        line-height: 1.42857143;
        font-size: 1rem;
    }

    .nav>li>a {
        padding: 42px 24px;
    }
    .scrolling .nav>li>a {
        padding: 28px 24px;
    }

    .footer .col-md-3, .footer .col-md-7 {
        border-bottom: 0px solid #074255;
    }

    .dropdown-menu {
        background: #f58634;
        line-height: 65px;
        width: 100%;
        padding: 0;
        margin: 0;
        border: 0px;
        display: none;
        position: absolute;
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }

    .dropdown-menu>li>a {
        color: #fff;
    }

    #gform_2 .gform_body, #gform_3 .gform_body {
        width: 85%;
        float: left;
    }

    #gform_2 .gform_footer {
        float: right;
        clear: none;
        width: 15%;
        margin: 34px 0 0;
    }

    #gform_3 .gform_footer {
        float: right;
        clear: none;
        width: 15%;
        margin: 8px 0 0;
    }

    #gform_submit_button_2, #gform_submit_button_3 {
        width: 100%;
    }

    .blog .blogs, .archive .blogs {
        padding: 280px 0 0 0;
    }

    .page-template-recruitment-websites .case-studies .case-study {
        margin-bottom: 0px;
    }

    .page-template-analytics-data .case-studies .case-study {
        margin-bottom: 0px;
    }

    .page-template-services .intro {
        padding: 112px 0;
    }

    .home .testimonials {
        padding: 90px 0 45px 0;
        display: block;
    }

    .dropdown-menu {
        min-width: 768px;
    }

    .page-template-media-buying .client-logos img {
        max-width: 175px;
    }
}

@media (min-width: 784px) {
    .home .hero .item img {
    top: 10%;
    display: block;
    position: absolute;
    right: 2%;
    }

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    html {
        font-size: 16px;
    }
    h1 {
        font-size: 3.125rem;
    }
    .hero .lead {
        font-size: 1.625rem;
    }
    .hero .alignment {
        width: 75%;
    }
    .navbar-collapse {
        text-align:center;
    }
    .navbar-nav {
        display:inline-block;
        float:none;
    }

    .page-template-careers .hero {
        height: 640px;
    }

    .page-template-recruitment-marketing .hero {
        height: 640px;
    }

    .page-template-media-buying .hero {
        height: 640px;
    }

    .page-template-contact .hero {
        height: auto;
    }

    .page-template-recruitment-websites .hero {
        height: 640px;
    }

    .page-template-analytics-data .hero {
        min-height: calc(100vh - 104px);
    }

    .page-template-wavetrackr .hero {
        height: 640px;
        margin-top: 0 !important;
    }

    .page-template-about .hero {
        height: 640px;
    }

    .page-template-services .hero {
        height: 640px;
    }

    .single-case-studies .hero {
        height: 640px;
    }

    .home .hero, .home .hero .carousel, .home .hero .carousel-inner, .home .hero .item {
        height: 640px;
    }

    .home .fourth-section .half .info:after {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-right-color: #43137e;
        border-width: 12px;
        margin-top: -12px;
        z-index: 1;
    }

    .home .first-section .half:first-of-type .info:after {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-right-color: #43137e;
        border-width: 12px;
        margin-top: -12px;
        z-index: 1;
    }

    .home .first-section .half:last-of-type .info:after {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-left-color: #0b74a8;
        border-width: 12px;
        margin-top: -12px;
        z-index: 1;
    }

    .home .second-section .quarter:first-of-type .info:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: #0b74a8;
        border-width: 12px;
        margin-left: -12px;
    }

    .home .second-section .quarter:last-of-type .info:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-top-color: #0b74a8;
        border-width: 12px;
        margin-left: -12px;
        z-index: 1;
    }

    .gallery-item .thumbnail {
        width: 293px;
        height: 293px;
        background-color: transparent;
    }

    .page-template-analytics-data .quarterly-updates .download-whitepaper {
        position: absolute;
        top: -150px;
        height: 430px;
    }

    .nav>li>a {
        padding: 42px 30px;
    }
    .scrolling .nav>li>a {
        padding: 28px 30px;
    }

    .page-template-recruitment-websites .our-process span:after {
        border-top: 1px dashed #636d77;
    }

    .page-template-recruitment-websites .dresscode-websites .img-responsive {
        max-width: 120%;
    }

    .single .hero .author-sidebar {
        height: 400px;
    }

    .single .hero .author-sidebar #searchform {
        padding: 15px 0 30px 0;
    }

    .navbar-default {
        height: 104px;
        color: #0B74A8;
    }

    .scrolling {
        height: 77px;
    }

    .page-template-recruitment-marketing .awards .awards-listing .award p {
        position: relative;
    }

    .page-template-recruitment-websites .sites-examples {
        position: absolute;
        top: 64px;
        right: -100px;
        display: block;
    }

    .page-template-recruitment-websites .case-studies {
        padding: 350px 0 80px 0;
    }

    .page-template-about .intro .container {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
        -webkit-column-gap: 127px; /* Chrome, Safari, Opera */
        -moz-column-gap: 127px; /* Firefox */
        column-gap: 127px;
    }

    .page-template-about .intro .container p {
        line-height: 1.7;
    }

    .page-template-recruitment-websites .dresscode-websites .dresscode-blurb li.item-1 {
        /* list-style-image: url(images/transparent.png); */
    }

    .page-template-recruitment-websites .dresscode-websites .dresscode-blurb li.item-2 {
        /* list-style-image: url(images/transparent.png); */
    }

    .page-template-recruitment-websites .dresscode-websites .dresscode-blurb li.item-3 {
        /* list-style-image: url(images/transparent.png); */
    }

    .page-template-recruitment-websites .dresscode-websites .dresscode-blurb li.item-4 {
        /* list-style-image: url(images/transparent.png); */
    }

    .page-template-recruitment-websites .dresscode-websites .dresscode-blurb li.item-5 {
        /* list-style-image: url(images/transparent.png); */
    }

    .page-template-recruitment-websites .dresscode-websites .dresscode-blurb li.item-6 {
        /* list-style-image: url(images/transparent.png); */
    }

    .single .single-post h1 {
        font-size: 2rem;
        color: #43137e;
        font-weight: 600;
        padding: 0 0 0 65px;
    }

    .single .single-post .lead {
        font-size: 1.143rem;
        color: #43137e;
        padding: 0 0 0 65px;
    }

    .single .single-post h2 {
        font-size: 1.75rem;
        color: #43137e;
        padding: 0 0 0 65px;
    }

    .single .single-post h3 {
        font-size: 1.571rem;
        color: #43137e;
        padding: 0 0 0 65px;
    }

    .single .single-post h4 {
        font-size: 1.125rem;
        color: #43137e;
        padding: 0 0 0 65px;
    }

    .single .single-post p {
        font-size: 1.143rem;
        line-height: 32px;
        color: #57626c;
        padding: 0 0 0 65px;
    }

	.single .single-post li {
        font-size: 1.143rem;
        line-height: 32px;
        color: #57626c;
    }

    .single .single-post .wp-caption-text {
        padding: 0;
        font-size: 0.75rem;
    }

    .single .single-post ul {
        list-style: disc;
        padding: 0px 0 0 82px;
    }

    .single .single-post ol {
        padding: 0 0 0 80px;
    }

    .page-template-recruitment-marketing .case-studies .case-study {
        margin-bottom: 0px;
    }

    .page-template-recruitment-marketing .talk-to-us .btn-default, .page-template-media-buying .talk-to-us .btn-default, .page-template-wavetrackr .talk-to-us .btn-default, .page-template-analytics-data .talk-to-us .btn-default, .page-template-recruitment-websites .talk-to-us .btn-default, .page-template-about .talk-to-us .btn-default {
        margin-left: 15px;
        display: inline-block;
        margin-top: 0;
    }

    .generator p {
        text-align: left;
    }

    .generator .social-icons {
        text-align: right;
    }

    .page-template-about .our-team {
        padding: 112px 0 64px 0;
    }

    .page-template-recruitment-websites .bespoke-websites .bespoke-image {
        display: block;
    }

    .page-template-recruitment-websites .bespoke-websites .col-md-7 {
        padding: 80px 0;
    }

    .page-template-media-buying .discounts-section {
        padding: 60px 0;
    }

    .page-template-media-buying .get-a-quote {
        padding: 96px 0 128px 0;
    }

    .page-template-media-buying .stats .single-stat {
        padding: 60px 0;
    }

    .single .single-post .medal img {
        width: auto !important;
    }

    .medal {
        right: 70px;
    }

    .dropdown-menu {
        min-width: 992px;
    }

    .page-template-media-buying .client-logos img {
        max-width: 185px;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    h1 {
        font-size: 5.75rem;
    }
    .home .hero, .home .hero .carousel, .home .hero .carousel-inner, .home .hero .item {
        height: 100%;
    }

    .gallery-expander-contents {
        width: 1170px;
    }

    .gallery-item .thumbnail {
        width: 265px;
        height: 265px;
        background-color: transparent;
    }

    .page-template-recruitment-websites .our-process span:after {
        content: "";
        width: 150px;
        height: 1px;
        border-top: 1px dashed #636d77;
        position: absolute;
        top: 18px;
        left: 80px;
    }

    .page-template-recruitment-websites .sites-examples {
        position: absolute;
        top: 64px;
        right: 0px;
        display: block;
    }

    .dropdown-menu {
        min-width: 1200px;
    }

    .page-template-media-buying .client-logos img {
        max-width: 228px;
    }
}

@viewport{
    width: device-width;
    zoom: 0;
}

@ms-viewport{
    width: device-width;
    zoom: 0;
}

@o-viewport{
    width: device-width;
    zoom: 0;
}

/* CUSTOM CSS - PERFORMANCE UPGRADES ~ Jan 2018  */

.container-fluid{
    margin-left:0;
    margin-right: 0;
    width: 100%;
}

.squiggle {
    background-size: contain !important;
}



.home .hero .img-responsive {
    width: 40%;
    opacity: .8;
    position: absolute;
    top: 10%;
    right: 0;
}

.row.hero .s{
    position: absolute;
    right: 3%;
    width: 40% !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.page-template-recruitment-marketing .features p {

    text-align: left;
}


@media (max-width: 1024px) {
    .alignment-copy {
    display: table-cell;
    vertical-align: middle;
    }

}

@media (max-width: 975px) {
    .squiggle{
        display: none !important;
    }
    .page-template-media-buying .get-a-quote .call-quote p {
        width: 100%;
        margin-bottom: 25px;
        text-align: center;
    }
}
@media (max-width: 769px) {
 .home .hero h1, .home .hero p {
    color: #FFF;
    opacity: 1;
    transition: all 600ms ease-out;
}
.home .hero .item .img-bk-ground{
    top: 10%;
    right: 10%;
}
.home .hero .item img {
    max-width: 40%;
}
.home .hero .img-responsive{
    width: 90%;
    opacity: .7;
}
.hero p.lead{
    font-size: 22px;
}
}
@media (min-width: 1200px) {
.home .hero, .home .hero .carousel, .home .hero .carousel-inner, .home .hero{
    height: calc(90vh - 104px);
}
}

@media (max-width: 600px) {
    .hero .alignment-copy{
        vertical-align: top;
        padding-top: 35px;
    }
    .home .hero .item .img-bk-ground{
        min-width: 250px;
    }
    .page-template .hero{
    height: calc(100vh - 104px);
    padding-bottom: 40px;
    }
    .home .page-template .hero{
    height: 330px;;
}
    .hero p.lead{
        font-size: 18px;
    }
    .hero h1{
        font-size: 20px;
    }
}
/* ashwani code */
.custom-ul{
    list-style: disc;
    list-style-position: outside;
list-style-position: outside !important;
margin-left: 25px !important;
font-family: 'intro_bold_altregular';
margin-bottom:20px;
}
.custom-ul li {
    color: #5c6670;
    font-size: 16px;
    line-height: 32px;
}
.about-b{
    background: rgb(66,107,127);
    background: -moz-linear-gradient(top, rgba(66,107,127,1) 0%, rgba(22,40,50,1) 50%, rgba(66,107,127,1) 100%);
    background: -webkit-linear-gradient(top, rgba(66,107,127,1) 0%,rgba(22,40,50,1) 50%,rgba(66,107,127,1) 100%);
    background: linear-gradient(to bottom, rgba(66,107,127,1) 0%,rgba(22,40,50,1) 50%,rgba(66,107,127,1) 100%);
}
.page-template-services .hero.custom-b{
    height:250px;
}