/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Browser Resets
:: Universal Classes
:: Main Structure
:: Sub Structure
:: Universal Facebook Styles
:: Plugins CSS

*/

/*    --------------------------------------------------
    :: Browser Resets
    -------------------------------------------------- */
body {
    font-family: "Lato", Arial, Helvetica, Sans-Serif;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Google Fonts - for example 
                                                - will render proper sizes in all browsers with this fix 
                                                (no matter what color - Firefox traditionally renders bolder for white color text) */
}    

h1, h2, h3, h4, h5, h6 { 
    color:#646464; 
    font-family: "Lato", Arial, Helvetica, Sans-Serif;
    font-weight:700; }
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; text-decoration: underline; }
    h1 { 
        font-size: 38px;
        line-height:36px;
        margin-bottom: 12px; }
    h2 { 
        font-size: 32px;
        line-height:32px;
        font-weight: 400;
        margin-bottom: 9px; }
    h3 { 
        font-size: 24px;
        line-height:30px;
        margin-bottom: 9px; }
    h4 { 
        font-size: 21px;
        line-height:28px;
        margin-bottom: 3px; }
    h5 { 
        font-size: 18px;
        line-height:26px;
        margin-bottom: 3px;  }
    h6 { font-size: 16px; line-height:24px; }
    
.formsTitle {display: none;}

input[type="radio"] {
    margin: 0 5px 10px 0;
}

/* Elements */

a { 
    color:#f48a35;
    font-weight: 400;
    line-height:inherit;
    text-decoration: underline; }

a:hover { color:#7a7974; }


em, i {font-style: italic; line-height: inherit; }

hr { 
    border: none;
    background: #e6e6e6;
    clear: both;
    display:block;
    height: 1px;
    margin:50px 0; }
    
.separator-flourish {max-width: 100%; margin: auto; display: block;}

li {}

p { margin: 0 0 30px;}
p, li, div, td {font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 300; color: #646464; font-size: 16px; line-height: 1.75;}

strong, b {line-height: inherit; }

ul, ol { list-style: disc;} 

:focus {outline: 0;}

.jobsModule.moduleDetail h3 {
    display: none;
}

/* Forms */
/* Specified in foundation.css */
.formtextRequired, .formtext {font-weight: 700;}
.formtextRequired:after {content: "*";}
form input[type=submit] {border: none; padding: 8px 15px !important; font-size: 18px;} /* More form submit btn styles with .hero.button */
    form input[type=submit]:hover {cursor: pointer;}
form input[type=text], form textarea {width: 100%;}

.hs-form fieldset.form-columns-1 input[type="checkbox"]{margin-right:5px;}
.hs-form fieldset.form-columns-1 input[type="radio"]{margin-right:5px;}
ul.inputs-list{list-style-type:none;}
.hs-form-field label{font-weight:bold;}
.hs-form-field li label{font-weight:normal;}

/* Tables */
    
table { width:100%; }

caption, th, td {font-weight: normal;}
    
@media only screen and (max-width: 100%) and (min-width: 768px) {
    table tbody tr td {padding:2% 0;}
    table tr td input {padding:2% 0;}
/* remember to define focus styles! */


/* Print styles - Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */
.print-only { display: none !important; }
@media print {
        * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
        -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
        p a, p a:visited { color: #444 !important; text-decoration: underline; }
        p a[href]:after { content: " (" attr(href) ")"; }
        abbr[title]:after { content: " (" attr(title) ")"; }
        .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
        pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
        thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
        tr, img { page-break-inside: avoid; }
        @page { margin: 0.5cm; }
        p, h2, h3 { orphans: 3; widows: 3; }
        h2, h3{ page-break-after: avoid; }
        .hide-on-print { display: none !important; }
        .print-only { display: block !important; }
    }
}


/*    --------------------------------------------------
    :: Universal Classes
    -------------------------------------------------- */
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}


.imgleft {float: left; margin: 0 15px 15px 0;}
.imgright {float: right; margin: 0 0 15px 15px;}


.clear {clear: both; display: block;}    
    
.row.full-width {
    width: 100%; 
    max-width: none;
}

.simpleAntiSpam div {max-width: 100% !important;}
.simpleAntiSpam span {padding:0!important;}
#FreedomReCaptchaV2_0 div {margin: auto;}

@media only screen and (max-width: 550px) {
    .simpleAntiSpam span {float:left!important;padding:0 40px!important;margin-left: 10%;}
    
}

img.client-logo {max-width: 80%;max-height: 250px;}

/*    -------------------------------------------------- 
    :: Main Structure
    ----------------------------------------------------- 
        :: Header
        :: Navigation
        :: Footer
*/

/* 
:: Header */

#header { 
    background: url(graphics/images/bg_opaque_black.png) repeat;
    height:70px;
    position:fixed;
    width:100%;
    z-index:900; }
#header a {text-decoration: none;}

.header-left .logo {
    display: inline-block;
    margin:20px 0 0 0;
    width: 182px;
    max-width: 100%;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-property: transform;
    -webkit-transition-property: transform;
    transform: translateZ(0);
    -webkit-transform: translateZ(0); }

    .header-left .logo:hover, .header-left .logo:focus, .header-left .logo:active {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
}

.intranet-fix {position: relative;width: 100%;height: 100px;}
    
.header-right { height:70px; text-align:right;}

.icon-search {text-align: center; margin-top: 20px;}
.icon-search img {max-width: 100%; width: 25px;}
.icon-search, .icon-list { 
        color: #e99041;
        display: block;
        transition:all 0.5s ease-in-out;
        -moz-transition:all 0.5s ease-in-out;
        -ms-transition:all 0.5s ease-in-out;
        -webkit-transition:all 0.5s ease-in-out; }
        .icon-search:hover, .icon-list:hover { border-color:#fff; color: #fff; }
    .icon-list {
        border:1px solid #7b7970;
        color:#fff;
        float:right;
        font-size:20px;
        margin:16px 0;
        padding:7px 10px;
        vertical-align:middle; }
        .text-12 { 
            font-size:13px;
            font-family:'Open Sans', helvetica, arial, sans-serif;
            font-weight:700;
            line-height:20px;
            text-transform:uppercase;
            vertical-align:top; }
    
 
 
/* Navigation */
.navigation, .ysites_nav_flourish { 
    display:inline;
    font-family: 'Lato', arial, helvetica, sans-serif;
    font-size: 16px;
    font-weight:700;
    line-height:0;
    list-style:none;
    height:70px;
    margin:0;
    padding:0;
    position:relative;
    text-align:center;
    z-index:100; } 
    
    .navigation a, .ysites_nav_flourish a { 
        color:#fff;
        display: block;
        height:69px;
        padding: 0 18px;
        line-height: 3.6;
        text-decoration: none;
        -webkit-transition: color 1s ease;
        transition: color 1s ease;
        font-size: 15px;
        }
        
        /*.navigation a.first { padding-left:0; }
        .navigation a.last { border-right:0; padding-right:0; }*/
        
        .navigation a:before, .ysites_nav_flourish a:before {
          background: none;
          content: "";
          display: block;
          height: 5px;
          margin-left: -25%;
          transition: all 1s ease 0s;
          -moz-transition: all 1s ease 0s;
          -ms-transition: all 1s ease 0s;
          -webkit-transition: all 1s ease 0s;
          width: 150%;
        }
        .navigation a:hover:before, .ysites_nav_flourish a:hover:before {
            background: #bde228;
        }
        .navigation a:hover, .ysites_nav_flourish a:hover {color: #bde228;}
        
    .navigation li, .ysites_nav_flourish li { 
        display: inline-block; 
        margin: 0;
        padding: 0;
        position:relative;
        line-height: 26px;
        transition:all 0.5s ease-in-out;
        -moz-transition:all 0.5s ease-in-out;
        -ms-transition:all 0.5s ease-in-out;
        -webkit-transition:all 0.5s ease-in-out; }
        
        .navigation li ul, .ysites_nav_flourish li ul { 
            background:#53534f;
            font-size:14px;
            line-height:28px;
            padding:0 0 10px 0;
            position:absolute;
            top:30px; left:-10px;
            text-align:left;
            visibility:hidden;
            width:180px;
            z-index:1000; }
            
            .navigation li ul ul, .ysites_nav_flourish li ul ul { 
                top:0px;
                left:180px;
                padding:0 10px 10px 0; }
                .navigation li li, .ysites_nav_flourish li li { margin:0; width:100%; }
                .navigation li ul a, .ysites_nav_flourish li ul a {
                    border-right:0;
                    display:block;
                    line-height:28px;
                    margin:0!important;
                    padding:2% 5%!important;
                    text-align:left;
                    text-transform: none!important;
                    width:90%; }
                .navigation li ul a:hover, .ysites_nav_flourish li ul a:hover { color:#f48a35; }
                .navigation li:hover ul, .mainnav li ul, .ysites_nav_flourish li:hover ul {visibility:visible;}
.ysite-call-bar{
    background-color:rgba(179, 221, 2, 0.9);
    padding-bottom:3px;
}
.ysite-call-bar a{
    color:#3e3e3e;
    font-weight:bold;
}
.ysite-call-bar a:hover{
    color:#000;
    font-weight:bold;
}

#navigation-small .navigation, .slicknav_menu  { display:none; overflow:hidden;  visibility:hidden; }




/* 
:: Footer */
#footer { 
    background:#2b2b2b;
    color:#c5c5c5;
    font-size:12px;
    padding:60px 0 40px;
    width:100%;
    position: relative;
    z-index: 300;}
    

    .sitemap { font-size:15px; font-family: 'Lato', arial, sans-serif; margin:10px 0; }
        #footer h4 { 
            color: #b1cf3e;
            font-size: 20px;
            margin-bottom: 10px; }
        .sitemap ul { 
            display:block;
            float:left;
            list-style:none; }    
        .sitemap li {
            color:#96958f;
            display: block;
            line-height:18px;
            margin: 0;
            padding: 0;
            transition:all 0.5s ease-in-out;
            -moz-transition:all 0.5s ease-in-out;
            -ms-transition:all 0.5s ease-in-out;
            -webkit-transition:all 0.5s ease-in-out; }
            #footer .sitemap ul:hover a { color:#757571; }
        .sitemap a { 
            color:#c5c5c5;
            display: block;
            font-size: 15px;
            font-weight: 400;
            padding: 12px 0;
            text-decoration: none;
            transition:all 0.5s ease-in-out;
            -moz-transition:all 0.5s ease-in-out;
            -ms-transition:all 0.5s ease-in-out;
            -webkit-transition:all 0.5s ease-in-out; }
        .sitemap a:hover { color:#b1cf3e!important; text-decoration:none; }
        .sitemap4 a {
            color:#b1cf3e;
            font-weight:700; }
            .sitemap4 a:hover { color:#96958f; }
            
        .social { margin: 10px 0 0 0;}  
            .social a {
                color:#96958f;
                display:inline-block;
                font-size:26px; 
                margin-right:10px;
                transition:all 0.5s ease-in-out;
                -moz-transition:all 0.5s ease-in-out;
                -ms-transition:all 0.5s ease-in-out;
                -webkit-transition:all 0.5s ease-in-out; }
                .social a:hover { color:#b1cf3e!important; }
            #footer .social:hover a { color:#757571; }
            
    #footer p {line-height: 2; color: #c5c5c5; font-size: 15px;}

    #footer hr {
        background: #585858!important;
    }
    #footer a { 
        color:#c5c5c5;
        font-weight: 400;
    }
    
    #footer .enews input {display: block; float: left; height: 37px; border: none; -webkit-box-shadow:inset 0 0 10px 0 rgba(0,0,0,.2); box-shadow:inset 0 0 10px 0 rgba(0,0,0,.2); width: auto;}
    #footer .enews .enewsBoxEdit {
        border-bottom: 1px solid #000;
        border-left: 1px solid #000;
        border-top: 1px solid #000;
        font-size: 15px;
        font-style: italic;
    }
    
    #footer .copyright {
        text-align: center;
        font-size: 13px;
        font-weight: 300;
        color: #969695;
    }
    #footer .copyright hr {margin: 25px 0 40px;}


/* Testimonials */
.callout.section.testimonials {padding: 30px 0;}
#testimonials .quote-left {border-right: 1px solid #809e02; text-align: right; padding-top: 10px; padding-bottom: 10px;}
#testimonials .quote-right {padding-top: 20px;}
#testimonials .quote-image {display: inline-block; border-radius: 40px; -webkit-border-radius: 40px; width: 80px; height: auto; border: #fff 1px solid; box-shadow: 0 2px 2px 0 #6c8900; -webkit-box-shadow: 0 2px 2px 0 #6c8900;}
#testimonials .quote-title {display: block; line-height: 1;  color: #fff; font-size: 18px; font-weight: 700; font-style: italic; text-shadow: 0 1px 2px #7c9900; margin-bottom: 3px;} 
#testimonials .quote-company {display: block; line-height: 1; font-size: 12px; color: #2d2d2b; font-weight: 400;}
#testimonials .quote-text {color: #2d2d2b; font-size: 18px; text-shadow: 0 1px 0 #DEFF2F; font-weight: 400; padding-left: 10px;}

/*    -------------------------------------- 
    :: Sub Structure Content
-------------------------------------- 
        :: Content - All Pages
        :: Sections
        :: Grey Bar / Gray Bar (Friendly for all spellings of the word for your search for your convenience - yay)
        :: Homepage
        :: Case Studies / Portfolio
        :: Orange Callout Bar Section
        :: Site Search Page
*/

/*
    :: Content - All Pages */
    
    .content.section {
    position: relative;
    z-index: 400;
    background: #fff;

}

h3.sub-title, .team-thrive-header h3 {
    color: #383838;
    font-size: 18px;
    font-weight: 400;
    font-style:italic;
    line-height:24px;
    text-align: center;
}



}

/*
    :: Sections */
    
.yservices h2{
    margin-bottom:10px!important;
}

.yservices p{
    margin: 0px 0px 10px!important;
}

.yservices hr{
    margin:20px 0px;!important;
}

.large-centered h1{
    text-align:center;
}    
    
.about-hero{
    height:439px;
    position: relative;
    padding: 0 20px;
    z-index: 0;
}
    
.hero.section {
    height: 450px;
    position: relative;
    padding: 0 20px;
    z-index: 0;
}

.hero-image {
    position: fixed;
    top: -100px;
    right: 0;
    left: auto !important;
    min-height: 600px ;
    min-width: 100%;
    max-width: none !important;
    z-index: 0;
}

.hero-content { 
    color: #383838;
    margin-top:90px;
    min-height:360px;
    overflow:hidden;
    position:relative;
    text-align:center;
    z-index: 50;}
.hero-content h1 {
        color: #383838;
        font-weight: 700;
    }

    
.about-hero-content { 
    color: #383838;
    margin-top:90px;
    min-height:360px;
    overflow:hidden;
    position:relative;
    text-align:center;
    z-index: 50;}
.about-hero-content h1 {
        color: #383838;
        font-weight: 700;
    }

.contact-hero-content { 
    color: #383838;
    margin-top:90px;
    min-height:260px;
    overflow:hidden;
    position:relative;
    text-align:center;
    z-index: 50;}
        .contact-hero-content h1 {
        color: #383838;
        font-weight: 700;
    }

.form-padding-hero {
    margin-top: 100px;
    min-height: 260px;
    overflow: hidden;
    position: relative;
    z-index: 50;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
}
    

.section {
    background: #fff;
    padding: 75px 0px; /* Don't delete this padding - Andy added it back 10.26.2015 - almost every page on the site uses it */
    position: relative;
    z-index: 1;
}

        /* Link Animations & Hover Effects */
            .section.odd a, .section.even a, .search-results.section a {
                position: relative;
                display: inline-block;
                margin: 5px 5px;
                outline: none;
                color: #f48a35;
                text-decoration: none;
                padding: 0 5px;
                margin-left: -5px;
                text-transform: uppercase;
                font-size: 15px;
                font-weight: 700;
            }
            
            .section.odd a::before , .section.even a::before, .search-results.section a::before {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 1px;
                background: #f48a35;
                content: '';
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
            }
            
            /*.section.odd a::after, .section.even a::after {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 1px;
                height: 1px;
                background: #f48a35;
                content: '';
                -webkit-transition: height 0.3s;
                -moz-transition: height 0.3s;
                transition: height 0.3s;
            }
        */
            
            .section.odd a:hover::before, .section.even a:hover::before, .search-results.section a:hover::before {
                /*bottom: 100%;*/
                opacity: .2;
                height: 100%;
            }
            
            .section.odd a:hover::after, .section.even a:hover::after, .search-results.section a:hover::after {
                height: 100%;
            } 
        
            .search-results.section a {text-transform: none; margin: 0; padding: 0; line-height: 1.3; font-size: inherit;}


    .section h2 {margin-bottom: 50px;}
    .section .img.columns img {float: right; max-width: none; width: 135%;}
    .section .text {margin-top: 70px;}
    .section .arrow {width: 14px; height: auto; margin-left: 5px;}
    
    @media all and (max-width: 767px) {
        #header {position: relative;}
        .header-menu {background: #222;}
        .section .img.columns img {float: none; max-width: 100%;} 
    }

.section.odd {
    background: #f6f3f0;
}

.section.even {
    overflow: hidden; 
    background: #fff;
}
    .section.even h2 {position: relative; z-index: 1; width: 200%;}
    .section h2.show-for-small {text-align: center; width: 100%;}
    .section.even .img.columns img {float: left;}
    .section.even .text {margin-top: 50px;}
    
    .page .section.auto {min-height: auto!important;}
    .additional h2{margin-bottom: 30px;}
    .additional h5{font-size:20px;}
    .additional {margin-top:140px;}
    
/*
    :: Grey Bar / Gray Bar */


a.hero.button.main.alex-fix {text-decoration: none;}
p.alex-fixer {font-weight: bold;}

.grey-bar.section {
    clear: both;
    text-align: center;
    padding: 25px 0;
    border-top: 20px solid #b0d02c;
    background: #4b4b4b; /* Old browsers */
    background: -moz-linear-gradient(top, #4b4b4b 82%, #383838 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #4b4b4b 82%,#383838 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4b4b4b 82%,#383838 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#383838',GradientType=0 ); /* IE6-9 */
}

.grey-bar.section p {color: #ababab;}
.grey-bar.section h1:after {content: "Don\'t use H1 tags in this section. FIX IT! ;-)";}
.grey-bar.section h2, .grey-bar.section h3, .grey-bar.section h4, .grey-bar.section h5, .grey-bar.section h6 {
    color: #fff;
}
.grey-bar.section h3 {font-size: 18px; font-style: italic; font-weight: 400;}
.grey-bar.section h3 span {font-size: 22px; color: #b0d02c; font-weight: 400; margin-left: 3px;}
.grey-bar-icons {
    display: block;
    margin: auto;
    width: 120px;
    height: auto;
}

.grey-bar .large-4.icons {
    margin-bottom: -25px;
    margin-top: -25px;
    padding-bottom: 25px;
    padding-top: 25px;
}
.grey-bar .large-4.middle {
    border-right: 1px solid #5c5c5c; 
    border-left: 1px solid #5c5c5c;
}


/*  :: Intern Page */
.heroimg{
    background: url(graphics/images/interns/hero_office_blur.jpg) no-repeat center bottom scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.main-content.internpage .separator-flourish {
    display: none;
}
.main-content.internpage hr {margin:10px 0;}
.internjobs {text-align:center; padding-bottom:20px; padding-top: 20px;}
.main-content.internpage ul {
    margin-left: 0px;
    list-style: none;
}
.internjobs .large-4.columns {margin-bottom: 50px;}
.pastinterns .large-6.columns {margin-bottom:50px;}
.pastinterns p {margin:0;}

.row.interntitle {
    text-align: center;
}

.row.pastinterns img {
    margin: 10px auto;
    display:block;
    width:80%;
    max-width:220px;
}

.titlebg {
    margin:120px auto 50px;
    display:block;
    text-align:center;
}
.titlebg img{
    margin:0 auto;
    padding: 10px;
    display:block;
    background-color: #ffffff;
    opacity: .5;
}
.icon{
    max-width:140px;
}

.internpage .content.section.webpage {
}

.alexbox {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#686868+0,3a3a3a+100 */
    background: #686868; /* Old browsers */
    background: -moz-linear-gradient(top,  #686868 0%, #3a3a3a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#686868), color-stop(100%,#3a3a3a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #686868 0%,#3a3a3a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #686868 0%,#3a3a3a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #686868 0%,#3a3a3a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #686868 0%,#3a3a3a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#3a3a3a',GradientType=0 ); /* IE6-9 */
    padding: 50px;
    color:white;
    margin-bottom:80px;
}

.large-8.columns.large-centered.special-grant img.separator-flourish {display:none;}
.large-8.columns.large-centered.special-grant h2 {margin-bottom: 0;padding-bottom: 0;}
.large-8.columns.large-centered.special-grant h3,
.large-8.columns.large-centered.special-grant h4 {margin-top: 40px;}

img.ymca3-img.grant-img {margin-left: 0!important;}

.alexbox p {color:white;}
.alexbox h3 {
    color: white;
    padding-top: 32px;
}

.callouthire a.contact.button {
    margin: 0!important;
}

.callouthire {
    margin-bottom: 80px;
    width: 100%;
    text-align: center;
}

.jobsModule.moduleDetail {
    padding-top: 25px;
}

a.internbutton.main {
    padding: 5px;
    font-size: 20px;
    display: inline-block;
    margin-top: 15px;
    width: 75%;
    line-height: 1.4;
}

.faqModule.moduleLister ul {
    padding: 30px 0px;
}

.faqModule.moduleLister hr {
    margin: 40px 0px;
}

.listerItem {position: relative;}

.listerItem a, a.top {
    display: block;
    position: absolute;
    top: -100px;
    z-index: -1;
}

.top a {
    position: relative;
    top: 0;
    z-index: 2;
}

@media only screen and (max-width: 767px){
    .titlebg {
        margin: 50px auto 50px;
        display: block;
        text-align: center;
    }
    .internpage .content.section.webpage {
        padding: 40px;
    }
    .alexbox {
        padding: 45px;
    }
    .internjobs {padding:0;}
    .internjobs .large-4.columns {
        background-color: grey;
        padding: 20px 60px;
        margin-bottom: 10px;
    }
    .internjobs .large-4.columns h3,
    .internjobs .large-4.columns li {
        color:white;
    }
    .alexbox {
        margin: 50px 10px;
    
        padding: 20px;
    }
}

/* Lifetime Value Calculator */
.calc {
    width: 100%;
    max-width: 300px;
    margin: 0px auto 50px;
    text-align: center;
    background: #f0f0f0; 
    padding: 20px; 
    min-height: 400px; 
    border-radius: 5px; -webkit-border-radius: 5px;
}
.calc input[type="text"]{
    font-size:20px;
    text-align:center;
}
.calc label:last-of-type{
    font-weight: bold;
    display: block;
}
.calc input#lifeVal, .calc input#revenue {
    background: #fbc597; /* rgba(244, 138, 53, .5) */;
    padding: 12px 10px; 
    font-size: 24px !important; 
    font-weight: bold; 
    color: #C05B0B;
}

.calc input#months, .calc input#value {background:#f0f0f0; border: 1px solid #f0f0f0;}
.calc input#months {margin-bottom:0;}

.calc span.math {font-size:24px; font-weight:700; color:#ccc;}
.calc span.math.large{font-size:40px;}




/* 
    :: Homepage */
/*  :: Hero Image Section */
.homepage.hero.section, .Homepage .hero.section {
    height: 700px;
    position: relative;
    padding: 0 20px;
    z-index: 0;
}
.hero.section a {text-decoration: none; text-transform: none; font-size: 17px;}

.homepage .hero-image, .Homepage .hero-image {
    min-height: 900px;
}
.homepage .hero-content, .Homepage .hero-content { 
    margin-top: 70px;
    min-height: 630px;
}

    .hero-content h3 { 
        color: #383838;
        font-size:18px;
        font-weight:400;
        }
    .about-hero-content h3 { 
        color: #383838;
        font-size:18px;
        font-weight:400;
        }
    .contact-hero-content h3 { 
        color: #383838;
        font-size:18px;
        font-weight:400;
        }
    .feature-full {
        position:absolute;
        top:0;
        left:0;
        z-index:0; }
    .feature-left {
        margin: auto;
        position:absolute;
        right:0;
        bottom:-50px;
        left:0;
        z-index:100;}
        .feature-left-margin { margin-right:650px; }
    .feature-center { 
        margin: auto;
        position:absolute;
        right:0;
        bottom:-30px;
        left:0;
        z-index:0;}
    .feature-right {
        margin: auto;
        position:absolute;
        right:0;
        bottom:-50px;
        z-index:100;}
        .feature-right-margin { margin-left:700px; }
    .hero-info { 
        position:relative;
        top:70px;
        z-index:100; }
        
        .hero.button, form input[type=submit], .contact.button {
            border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -webkit-border-radius: 4px;
            
            margin: 15px 10px 0 0;
            padding: 18px 30px; 
            text-align: center;
            display: inline-block;
            line-height: 1.4;
            font-weight: 700;
            
            transition:all 0.5s ease-in-out;
            -moz-transition:all 0.5s ease-in-out;
            -ms-transition:all 0.5s ease-in-out;
            -webkit-transition:all 0.5s ease-in-out;
            
            -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.2);
            box-shadow: 0 0 15px 0 rgba(0,0,0,.2);
            
        }
        
            .hero.button.main, .hero.button.only, form input[type=submit], .contact.button {
                background: #f78b26; /* Old browsers */
                background: -moz-linear-gradient(top,  #faac49 0%, #f78b26 5%, #e26c03 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faac49), color-stop(5%,#f78b26), color-stop(100%,#e26c03)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top,  #faac49 0%,#f78b26 5%,#e26c03 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top,  #faac49 0%,#f78b26 5%,#e26c03 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top,  #faac49 0%,#f78b26 5%,#e26c03 100%); /* IE10+ */
                background: linear-gradient(to bottom,  #faac49 0%,#f78b26 5%,#e26c03 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f78b26', endColorstr='#e26c03',GradientType=0 ); /* IE6-9 */

                color: #fff;
                
                text-shadow: 0 2px 0 #b03c05;
                }
                .hero.button.main:hover, .hero.button.only:hover, form input[type=submit]:hover, .contact.button:hover { text-shadow: none; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.6); box-shadow: 0 0 15px 0 rgba(0,0,0,.6);}
                
            .hero.button.alt {
                color: #fff;
                background-color: rgba(0, 0, 0, 0.2);
                border: 1px solid #fff;
                text-shadow: 0 2px 0 rgba(84, 40, 0, .6);
                padding: 17px 29px; /* 1px less on each side because of 1px border */ 
                }
                .hero.button.alt:hover {
                    background-color: rgba(0, 0, 0, 0.4);
                    border: 1px solid #fff;
                    color:#fff;
                    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.6);
                    box-shadow: 0 0 15px 0 rgba(0,0,0,.6);
                }
                
                /*  :: Hero ySite Buttons*/
                
                .hero.button.yaltblue {
                color: #fff;
                background-color: #00a1e8;
                background: -moz-linear-gradient(top,  #00a1ef 0%, #00a1e8 5%, #006ec4 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a1ef), color-stop(5%,#00a1e8), color-stop(100%,#006ec4)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top,  #00a1ef 0%,#00a1e8 5%,#006ec4 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top,  #00a1ef 0%,#00a1e8 5%,#006ec4 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top,  #00a1ef 0%,#00a1e8 5%,#006ec4 100%); /* IE10+ */
                background: linear-gradient(to bottom,  #00a1ef 0%,#00a1e8 5%,#006ec4 100%); /* W3C */

                text-shadow: 0 2px 0 rgba(84, 40, 0, .6);
                padding: 17px 29px; /* 1px less on each side because of 1px border */ 
                }
                .hero.button.yaltblue:hover {
                background: -moz-linear-gradient(top,  #0070a4 0%, #0070a4 5%, #0070a4 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0070a4), color-stop(5%,#0070a4), color-stop(100%,#0070a4)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top,  #0070a4 0%,#0070a4 5%,#0070a4 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top,  #0070a4 0%,#0070a4 5%,#0070a4 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top,  #0070a4 0%,#0070a4 5%,#0070a4 100%); /* IE10+ */
                background: linear-gradient(to bottom,  #0070a4 0%,#0070a4 5%,#0070a4 100%); /* W3C */

                color:#fff;
                }
                
                .hero.button.yaltpurple {
                color: #fff;
                background-color: #a7168f;
                background: -moz-linear-gradient(top,  #ad138f 0%, #a7168f 5%, #662693 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ad138f), color-stop(5%,#a7168f), color-stop(100%,#662693)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top,  #ad138f 0%,#a7168f 5%,#662693 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top,  #ad138f 0%,#a7168f 5%,#662693 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top,  #ad138f 0%,#a7168f 5%,#662693 100%); /* IE10+ */
                background: linear-gradient(to bottom,  #ad138f 0%,#a7168f 5%,#662693 100%); /* W3C */

                text-shadow: 0 2px 0 rgba(84, 40, 0, .6);
                padding: 17px 29px; /* 1px less on each side because of 1px border */ 
                }
                .hero.button.yaltpurple:hover {
                background: -moz-linear-gradient(top,  #662693 0%, #662693 5%, #662693 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#662693), color-stop(5%,#662693), color-stop(100%,#662693)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top,  #662693 0%,#662693 5%,#662693 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top,  #662693 0%,#662693 5%,#662693 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top,  #662693 0%,#662693 5%,#662693 100%); /* IE10+ */
                background: linear-gradient(to bottom,  #662693 0%,#662693 5%,#662693 100%); /* W3C */

                color:#fff;
                }
                .hero.button.yaltaqua {
                color: #fff;
                background-color: #00b1a6;
                background: -moz-linear-gradient(top,  #00b4ae 0%, #00b1a6 5%, #008f78 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b4ae), color-stop(5%,#00b1a6), color-stop(100%,#008f78)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top,  #00b4ae 0%,#00b1a6 5%,#008f78 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top,  #00b4ae 0%,#00b1a6 5%,#008f78 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top,  #00b4ae 0%,#00b1a6 5%,#008f78 100%); /* IE10+ */
                background: linear-gradient(to bottom,  #00b4ae 0%,#00b1a6 5%,#008f78 100%); /* W3C */

                text-shadow: 0 2px 0 rgba(84, 40, 0, .6);
                padding: 17px 29px; /* 1px less on each side because of 1px border */ 
                }
                .hero.button.yaltaqua:hover {
                background: -moz-linear-gradient(top,  #008f78 0%, #008f78 5%, #008f78 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008f78), color-stop(5%,#008f78), color-stop(100%,#008f78)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top,  #008f78 0%,#008f78 5%,#008f78 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top,  #008f78 0%,#008f78 5%,#008f78 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top,  #008f78 0%,#008f78 5%,#008f78 100%); /* IE10+ */
                background: linear-gradient(to bottom,  #008f78 0%,#008f78 5%,#008f78 100%); /* W3C */

                color:#fff;
                }
                .hero.button.yaltred {
                color: #fff;
                background-color: #f02515;
                background: -moz-linear-gradient(top,  #fd4335 0%, #f02515 5%, #b0292c 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd4335), color-stop(5%,#f02515), color-stop(100%,#b0292c)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top,  #fd4335 0%,#f02515 5%,#b0292c 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top,  #fd4335 0%,#f02515 5%,#b0292c 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top,  #fd4335 0%,#f02515 5%,#b0292c 100%); /* IE10+ */
                background: linear-gradient(to bottom,  #fd4335 0%,#f02515 5%,#b0292c 100%); /* W3C */

                text-shadow: 0 2px 0 rgba(84, 40, 0, .6);
                padding: 17px 29px; /* 1px less on each side because of 1px border */ 
                }
                .hero.button.yaltred:hover {
                background: -moz-linear-gradient(top,  #b0292c 0%, #b0292c 5%, #b0292c 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0292c), color-stop(5%,#b0292c), color-stop(100%,#b0292c)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top,  #b0292c 0%,#b0292c 5%,#b0292c 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top,  #b0292c 0%,#b0292c 5%,#b0292c 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top,  #b0292c 0%,#b0292c 5%,#b0292c 100%); /* IE10+ */
                background: linear-gradient(to bottom,  #b0292c 0%,#b0292c 5%,#b0292c 100%); /* W3C */

                color:#fff;
                }
                
 
 .partners h2 {text-align: center; font-weight: 700;}
 .partners .large-block-grid-5 li {text-align: center;} 
 .partners ul.customers li {
    height: 140px;}
 .partners .appearaligned {margin-top: 13px;}  
 .partners .appearalignedsmaller {margin-top: 10px;}  
    
            
/* Staff Page */
.staff-item{
    text-align:center;
    height: 375px;
}

.staff-social-media {display: block; min-height: 30px; padding-top: 10px;}
.staff-social-icon {padding: 0 2px;}
.staff-social-icon img {width: 16px; height: auto; filter: grayscale(100%); opacity: .75; transition: all .4s ease;}
.staff-social-icon:hover img {filter: grayscale(0); opacity: 1;}

.we-are-sub{
    margin-top:30px;
}

.team-thrive-cta{
    background:url('graphics/images/hero_tmablur2.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    height:300px;
    position:relative;
    text-align:center;
}
.team-thrive-cta p{
    color:#fff;
    line-height:24px;
    margin-bottom:10px;
}
.team-thrive-cta h3{
    color:#fff;
    margin-top:15px;
}

.we-are-sub h3 {
    margin-bottom:0px;
}

.we-are-sub p {
    line-height:20px!important;
}

.contact-social-cta{
    background:url('graphics/images/hero_social.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    height:300px;
    position:relative;
    text-align:center;
}
.contact-social-cta p{
    color:#fff;
    line-height:24px;
    margin-bottom:10px;
}
.contact-social-cta h3{
    color:#fff;
    margin-top:15px;
}

#contact_fb{
    margin-right:5px;
    display:inline-block;
    width:110px;
    height:110px;
    background: url("graphics/images/icon_facebook2up.png");
}

#contact_fb:hover{
    background-position:0 -110px;
}

#contact_fb span{
    position:absolute;
    top:-999em;
}

#contact_tw{
    margin-left:5px;
    display:inline-block;
    width:110px;
    height:110px;
    background: url("graphics/images/icon_twitter2up.png");
}

#contact_tw:hover{
    background-position:0 -110px;
}

#contact_tw span{
    position:absolute;
    top:-999em;
}

.contact-map{
    background:url('graphics/images/hero_map2.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    height:480px;
    position:relative;
    text-align:center;
}
.contact-map p{
    color:#646464;
    line-height:24px;
    margin-bottom:5px;
}
.contact-map h3{
    color:#646464;
    margin-top:10px;
    margin-bottom:4px;
}

.contact-map-google{
    margin-top:20px;
}

.team-thrive-logo-section{
    background-color:#363636;
    height:250px;
    position:relative;
    height: auto;
}

@media only screen and (max-width: 767px) {
.logo-section-logo {
    display:none;    
}
.about-hero-content {margin-top:0;}
}
@media only screen and (max-width: 410px) {
.about-hero {padding: 0px 1px;height: 500px;}
.about-hero-content {overflow: visible;}
.hero-info {position: relative;top: 50px;}
}


.team-thrive-logo-section p{
    color:#fff;
}
.team-thrive-logo-section h3{
    color:#a8c838;
}

.contact.button {display: block; text-decoration: none; font-size: 18px; margin-bottom: 15px;}

/* 
    :: Case Studies / Portfolio */
    
    /* Lister Page */
    .case-studies.section {background: #fff;}
    .case-studies.section h1 {font-weight: 700; font-size: 38px; margin-top: 50px; margin-bottom: 20px; color: #383838;}
    .case-study-thumb h2 {margin-bottom: 20px; padding: 0; line-height: 1; transition: all .7s ease; -webkit-transition: all .7s ease;}
    .case-study-thumb h2:hover {        
        -webkit-box-shadow: 0 0 18px 0 rgba(0,0,0,.6);
        box-shadow: 0 0 18px 0 rgba(0,0,0,.6);
    }
    .case-study-thumb h2 a {display: block; line-height: 0; transition: all 1s ease; -webkit-transition: all 1s ease;}
    .case-study-thumb h2 a:hover {
        opacity: .35; 
    }
    .case-study-url{
        font-size:26px!important;
        text-align:center!important;
    }
    
.case-study.page h1, .case-study.page h2 {font-weight: 700;}

.case-study.header.section {text-align: center; padding: 125px 0 100px; min-height: initial;}
.case-study.header hr {width: 70%; margin: 25px auto;}
.case-study.header p {font-size: 20px; font-weight: 300; color: #9c9c9c;}

.case-study .section.parallax {z-index: 1; height: 400px; overflow: hidden; min-height: initial; position: relative;}
.case-study .section.parallax .parallax-text {color: #fff; text-align: center; width: 100%; text-shadow: 0 0 5px #000; text-transform: uppercase; font-size: 30px;}
.case-study .background-image {position: absolute; z-index: -1; min-width: 100%; min-width: 100%; min-height: 100%;}

.overview.section {z-index: 5; border-bottom: 100px solid #f6f3f0;}
.overview.section h2 {color: #fff;}
.overview.section p {color: #fff;}
.overview.section .large-8.columns.image {position: absolute; right: 0; top: -40px; overflow: hidden; height: 700px; width: 100%;}
.overview.section .large-8.columns.image img {
  display: block;
  max-width: none;
  position: absolute;
  right: 0;
  top: 0;
}

.page .section {min-height: 650px;}
.page .section.odd .image {
  left: -15px;
  position: absolute;
  top: 0;
  width: 750px;
}
.page .section.even .image {
  right: -15px;
  position: absolute;
  top: 0;
  width: 750px;
}

.typography.section {background: #f6f3f0;}
.typography.section h3 {font-size: 24px; font-weight: 300; color: #888;}
.typography.section h4 {font-size: 50px; font-weight: 400; margin-bottom: 40px; line-height: 1;}
.typography.section p.columns {padding-left: 0; overflow: hidden;} 

.color-palette.section h2.color {font-size: 28px; font-weight: 700; margin: 50px 0 30px;}
.color-palette.section h4.color {font-size: 18px; font-weight: 400; margin: 40px 0 5px;}
.color-palette.section h6 {font-size: 15px; font-weight: 400;}
.color-palette.section p.hex {text-transform: uppercase; font-size: 14px; font-weight: 300; margin: 0;}
.color-palette.section .color-hex.columns {padding-left: 0; float: left;}
.color-box {height: 128px;}
.tone.color-box {float: right; width: 32px;}

.case-study .last.section {min-height: initial; padding-bottom: 0;}
.case-study .last.section h2 {margin-bottom: 25px; text-align: center;}
.case-study .last.section p {text-align: center;}
.case-study .last.section .image {line-height: 0;}
.case-study .last.section .image img {width: 1500px; height: auto; float: right;}

.case-study .visit-site.section {min-height: initial; padding: 125px 0;}
.case-study .visit-site.section h5 {text-align: center; font-weight: 400; font-size: 18px;}

.ymca-list li {padding-bottom: 5px !important;}


/*
    ::Orange Callout Bar Section */   

.callout.section {
    min-height: initial !important;
    padding: 100px 0;
}
.callout.section h2 {
    color: #fff;
    text-align: center;
    margin-bottom: 5px;
    font-weight: 700;
} 
.callout.section h4 {
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
}
    .callout.section .cta-2-col h2, .callout.section .cta-2-col h4 {text-align: left;}
.callout.section .button {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -webkit-border-radius: 8px;
    
    margin: 45px auto 0;
    width: 270px;
    padding: 25px 30px; 
    text-align: center;
    display: block;
    line-height: 1.4;
    font-size: 18px;
    text-decoration: none;
    font-weight: 600;
    
    transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
}
    .callout.section .button:hover {
        -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.4);
        box-shadow: 0 0 15px 0 rgba(0,0,0,.4);
    }
    .callout.section .cta-2-col .button {margin-top: 0;}
    
.callout.section .orange.button {
    border: 1px solid #ffac5f;
    color: #fff;
    background: #d8700f; /* Old browsers */
    background: -moz-linear-gradient(top,  #d8700f 0%, #bc5b00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8700f), color-stop(100%,#bc5b00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d8700f 0%,#bc5b00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d8700f 0%,#bc5b00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d8700f 0%,#bc5b00 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #d8700f 0%,#bc5b00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8700f', endColorstr='#bc5b00',GradientType=0 ); /* IE6-9 */
}
.callout.section .green.button {
    border: 1px solid #cee768;
    color: #fff;
    background: #91b106; /* Old browsers */
    background: -moz-linear-gradient(top,  #91b106 0%, #769201 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91b106), color-stop(100%,#769201)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #91b106 0%,#769201 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #91b106 0%,#769201 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #91b106 0%,#769201 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #91b106 0%,#769201 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91b106', endColorstr='#769201',GradientType=0 ); /* IE6-9 */
}


.orange.callout.section {
    background: #f78b26; /* Old browsers */
    background: -moz-linear-gradient(top,  #f78b26 0%, #eb7405 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f78b26), color-stop(100%,#eb7405)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f78b26 0%,#eb7405 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f78b26 0%,#eb7405 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f78b26 0%,#eb7405 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f78b26 0%,#eb7405 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f78b26', endColorstr='#eb7405',GradientType=0 ); /* IE6-9 */
}

.green.callout.section {
    background: #b5e002; /* Old browsers */
    background: -moz-linear-gradient(top,  #b5e002 0%, #8faf06 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5e002), color-stop(100%,#8faf06)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b5e002 0%,#8faf06 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b5e002 0%,#8faf06 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b5e002 0%,#8faf06 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b5e002 0%,#8faf06 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5e002', endColorstr='#8faf06',GradientType=0 ); /* IE6-9 */
}

/*Blog feed Style */
.callout.blog-feed.section h2{margin-bottom:20px; text-align:left; color:#646464;}
.callout.blog-feed.section .rss-title{display:none;}
.callout.blog-feed.section .rss-items{list-style-type:none; font-size:18px;}
.callout.blog-feed.section .contact.button {margin:20px auto 20px;}
.callout.blog-feed.section h3{font-weight:400; margin-bottom:0;}
.callout.blog-feed.section .rss-box a{font-size:20px; color:#7a7974;}
.callout.blog-feed.section .rss-box a:hover {color:#f48a35;}


/* 
    ::Site Search Page */
    
.search.section {
    padding-top:120px;
    
    background: #b0d02c; /* Old browsers */
    background: -moz-linear-gradient(top,  #b0d02c 0%, #9bc100 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0d02c), color-stop(100%,#9bc100)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b0d02c 0%,#9bc100 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b0d02c 0%,#9bc100 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b0d02c 0%,#9bc100 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b0d02c 0%,#9bc100 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0d02c', endColorstr='#9bc100',GradientType=0 ); /* IE6-9 */
}

.search.section input.searchBoxInput.ajaxSearch {text-transform: uppercase; width: 100%; padding-left: 2%; padding-right: 2%; display: block; font-size: 40px;}

#search-results h2 {text-align: center;}
#search-results ul {list-style: none;}
#search-results ul li:before {
  content: "\2022"; /* Creates a BULLET point character in CSS... http://www.evotech.net/articles/testjsentities.html */
  font-size: 10px;
  margin-top: 5px;
  left: -20px;
  position: absolute;
}

#search-results ul li {
    position: relative;
    margin-left: 50px;
}

#search-results .search-word { color: #b0d02c;}

/* Sub pages / Inner pages  */
.main-content.default-60 {padding-top: 120px;}
.main-content.default-full {padding-top: 120px;}
.main-content.ysite-default {padding-top: 160px;}
.main-content.ysite-full {padding-top: 160px;}

.main-content ul {margin-left: 50px; margin-bottom:30px;}
.main-content ol {margin-left: 50px; margin-bottom:30px; list-style-type:numbers;}

.default-60 .extend-120 {display: block; width: 120%; max-width: none; margin-left: -10%;}

.content.section {padding-top: 25px;}

.content ul {margin-left: 30px;}

.ysite-default .content {padding-top: 45px;}


/* Y - Introduction */

.yintroduction .separator-flourish {display:none;}
.yintroduction .content.section {background-color:white;}
.yintroduction.section {height: auto; padding-top: 50px;padding-bottom: 0;}
.row.team-thrive-logo-section.full-width.yintroduction .content.section.webpage {padding: 40px 0px 20px;}
.yintroduction.team-thrive-logo-section p {
    color: black!important;
}


/* LANDING PAGE PROPERTIES */
.landing{
    margin-top:20px;
}
.landing-number{
    padding: 10px 15px;
    background: transparent linear-gradient(to bottom, #FAAC49 0%, #F78B26 5%, #E26C03 100%) repeat scroll 0% 0%;
    color: #ffffff;
    border-radius: 4px;
    text-shadow: 0px 2px 0px #B03C05;
    font-weight:bold;
}
.landing-header{
    margin-bottom:30px !important;
}
.white{
    color:#ffffff!important;
}
.hs-form{
    color:#ffffff!important;
}
.hs-form input[type="text"]{
    min-width: 0;
}
.landing-hero-section{
    height:auto!important;
    color:#ffffff;
}
.landing-info{
    margin-top: 40px !important;
    text-align:left!important;
    color:#ffffff!important;
}
.landing-content{
    overflow:visible!important;
}

.team-thrive-logo-section.yintroduction {background:white;}

.hero-info.yintroinfo h1 {color:black;}
.hero-info.yintroinfo h3 {color:black;}

@media only screen and (max-width: 795px){
   
}

@media only screen and (max-width: 767px) {
    .hero-info.yintroinfo {top: 120px;}
}


/* Custom Media Queries */

@media only screen and (max-width: 1175px) {
    .page .section.odd .image, .page .section.even .image {width: 66.6667%;}
}
@media only screen and (max-width: 1100px) {
    .page .overview.section .large-8.columns.image img {right: -250px;}
}
@media only screen and (max-width: 895px) {
    .page .overview.section p {width: 160%;}
    .page .overview.section .large-8.columns.image {position: relative; top: auto; right: auto; margin-bottom: -120px; overflow: hidden; height: auto;}
    .page .overview.section .large-8.columns.image img {position: relative; width: 160%; right: 110px; top: auto;}
}

@media only screen and (min-width: 768px) {
    .partners li {margin-bottom: 0; padding-bottom: 0;}
}
@media only screen and (max-width: 767px) {
    .page .overview.section p {width: 100%;}
    .section h2, .section h1 {text-align: center;}
    .section.even h2 {width: 100%;}
    .page .section.odd .image, .page .section.even .image {width: 100%; position: relative;}
    
    .feature-right, .feature-left {display: none;}
    
    .break-on-mobile {display: inline-block;}
    .search.section {padding: 75px 0 25px;}
    .search.section input.searchBoxInput.ajaxSearch {font-size:26px;}
    
    .hero-image {position: absolute;}
    
    .default-60 .extend-120 {max-width: 100%;}
    #testimonials .quote-right {padding-top: 0;}
    
    .case-study .background-image {top: 0;}
    
    .staff-social-icon img {width: 30px;}
    
    .additional {margin-top:0px;}
    
    .yinfobuttons.ibdesk {display:none;}
    .yinfobuttons.iblap {display:block;}
    form td {
        display: block;
    }
}

@media only screen and (max-width: 450px) {
    .case-study-thumb.small-6.columns {width: 100%;}
    
}
   









    
/*    --------------------------------------------------
    :: Plugins CSS
    -------------------------------------------------- 
        :: Animate.css
*/

/* 
:: Animate.css */
@charset "UTF-8";


.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;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-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-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-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-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-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 {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

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

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

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

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

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

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

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

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

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

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

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

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

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

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

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

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

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

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

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

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

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

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

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

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

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

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

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

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

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

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

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

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

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

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

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

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    -ms-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);
    -ms-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);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

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

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

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

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

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

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

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -ms-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);
    -ms-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);
    -ms-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);
    -ms-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);
    -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

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

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

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

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

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

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

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

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    -ms-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

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

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

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

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

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

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

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

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

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

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

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

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

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

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

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

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

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

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

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

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

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

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

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

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

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

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

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

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

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

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

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

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

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

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

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

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

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

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

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

  100% {
    opacity: 1;
  }
}

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

  100% {
    opacity: 1;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

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

  100% {
    opacity: 0;
  }
}

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

  100% {
    opacity: 0;
  }
}

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

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

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

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

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

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

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

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

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

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

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

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

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

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

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

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

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

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

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

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

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

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

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

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

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

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

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

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

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

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

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

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

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

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

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

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

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

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

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

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

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

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

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -ms-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);
    -ms-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);
    -ms-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);
    -ms-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;
  }

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

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

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

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

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

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

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

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

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

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-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);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}

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

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

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

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

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

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

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

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

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-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);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}

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

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

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

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

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }

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

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-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-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

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

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

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

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }

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

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

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

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

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

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

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

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

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

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

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

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

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

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

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

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

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

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

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

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

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0, 0, 1, 45deg);
    -ms-transform: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0;
  }
}

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

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

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

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

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

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

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

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

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

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

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

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

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

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

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

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

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

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

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

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

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -ms-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);
    -ms-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -ms-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);
    -ms-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    -ms-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

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

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

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

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

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

@keyframes rollOut {
  0% {
    opacity: 1;
  }

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

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

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

  50% {
    opacity: 1;
  }
}

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

  50% {
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInDown {
  0% {
    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 {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -ms-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);
    -ms-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 {
  0% {
    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 {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -ms-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);
    -ms-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 {
  0% {
    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 {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -ms-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);
    -ms-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 {
  0% {
    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 {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -ms-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);
    -ms-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 {
  0% {
    opacity: 1;
  }

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

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

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

  100% {
    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);
  }

  100% {
    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);
    -ms-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);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-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);
  }

  100% {
    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);
    -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-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);
  }

  100% {
    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);
    -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-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);
  }

  100% {
    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);
    -ms-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);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-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;
}












/*  -------------------------------------------------------------------------------
    responsive jquery mobile menu css */
    
/*

Responsive Mobile Menu v1.0
Plugin URI: responsivemobilemenu.com

Author: Sergio Vitov
Author URI: http://xmacros.com

License: CC BY 3.0 http://creativecommons.org/licenses/by/3.0/

*/

.rmm {
    display:block;
    position:relative;
    width:100%;
    padding:0px;
    margin:0 auto !important;
    text-align: center;
    line-height:19px !important;
}
.rmm * {
    -webkit-tap-highlight-color:transparent !important;
}

.rmm .rmm-main-list, .rmm .rmm-main-list li {
    margin:0px;
    padding:0px;
}


/* sublevel menu - in construction */
.rmm ul li ul, .rmm ul li ul li, .rmm ul li ul li a {
    display:none !important;
    height:0px !important;
    width:0px !important;
}
/* */



.rmm-toggled {
    display:none;
    width:100%;
    position:relative;
    overflow:hidden;
    margin:0 auto !important;
}
.rmm-button:hover {
    cursor:pointer;
}
.rmm .rmm-toggled ul {
    display:none;
    margin:0px !important;
    padding:0px !important;
}
.rmm .rmm-toggled ul li {
    display:block;
    margin:0 auto !important;
}

/*  LANDING PAGE SECTION STYLE */
.header-number{
    background-color: ;
    margin-top: 5px;
    text-align: right;
}

.header-number a{
    background-color: #B1CF3E;
    padding: 10px;
    color: #ffffff;
}
.actions{
    margin:0px;
    padding:0px;
}




/* THRIVE STYLE */


.rmm.graphite .rmm-toggled {
    width:95%;
    min-height:70px;
}
.rmm.graphite .rmm-toggled-controls {
    display:block;
    height:70px;
    color:white;
    text-align:left;
    position:relative;
}
.rmm.graphite .rmm-toggled-title {
    position:relative;
    top:20px;
    left:15px;
    font-size:16px;
    color: #fff;
    font-weight: 400;
    text-shadow:1px 1px 1px black;
}
.rmm.graphite .rmm-button {
    display: block;
    padding: 3px 2px;
    position: absolute;
    right: 15px;
    top: 23px;
    transition: all 1s;
}


/* Menu Hamburger to X animation on open 
.rmm.graphite .rmm-button span.first {
    display:block;
    margin-top:10px;
    height:2px;
    background:white;
    width:24px;
    transform: rotate(40deg);
    transition: all 1s;
} 
.rmm.graphite .rmm-button span.last {
    display:block;
    margin-top:-8px;
    height:2px;
    background:white;
    width:24px;
    transform: rotate(-40deg);
}
.rmm.graphite .rmm-button span.middle {
    display:block;
    margin-top:4px;
    height:2px;
    background:white;
    width:24px;
    opacity:0;
    transition: all 1s;
}

*/

.rmm.graphite /*for X animation: .rmm-closed*/ .rmm-button span {
    opacity: 1;
    display:block;
    margin-top:4px;
    height:2px;
    background:white;
    width:24px;
    transition: all 1s;
    transform: rotate(0);
}

.rmm.graphite .rmm-toggled ul li a {
    display:block;
    width:100%;
    background: url("graphics/images/bg_opaque_black.png") repeat; 
    text-align:center;
    padding:10px 0px 10px 0px;
    border-top:1px solid #484848;
    text-shadow:1px 1px 1px #333333;
    color: #fff;
}
.rmm.graphite .rmm-toggled ul li a:active {
    background:#222;
    border-top:1px solid #b0d02c;
}

/* Freedom Modules Page CSS from the page Dan created */
.toolbarIcon {float: left; margin:0 10px 10px 0;}
.moduleListing{height:45px;}
.toolbar-div.large-4.columns {width: 31%; margin: 1%; float: left;}

/* "Grow your" ticker on ySite Homepage */
#vertical-ticker{
    height:300px;
    overflow:hidden;
}

    #vertical-ticker li{
        padding:0px 20px;
        display:block;
        color:#696969;
        text-align:center;
        font-size:25px;
        font-weight:bold;
        height:44px;
    }
    #vertical-ticker2{
        margin-top:-44px;
    }
    #vertical-ticker2 li{
        padding:0px 20px;
        display:block;
        color:#fcfcfc;
        text-align:center;
        font-size:25px;
        font-weight:bold;
        height:44px;
    }
    .ticker-wrapper{
        position:relative;
        margin: 0 auto;
        width:100%;
        height:132px;
        overflow:hidden;
        
    }
    .ticker-bg{
        background: url("clientuploads/YMCA/ticker-bg.png") repeat-x left top;
        height:132px;
        position:absolute;
        z-index:101;
        top:0;
        left:0;
        width:100%;
    }
    .ticker-highlight{
        height:44px; 
        position:absolute; 
        top:0; 
        margin-top:44px; 
        margin-left:20px;
        width:93%;
        background: #222222;
        overflow:hidden;
        border-width: 2px; 
        border-style: solid; 
        -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#727272), to(rgba(0, 0, 0, 0))) 1 100%; 
        -webkit-border-image: -webkit-linear-gradient(bottom, #727272, rgba(0, 0, 0, 0)) 1 100%; 
        -moz-border-image: -moz-linear-gradient(bottom, #727272, rgba(0, 0, 0, 0)) 1 100%; 
        -o-border-image: -o-linear-gradient(bottom, #727272, rgba(0, 0, 0, 0)) 1 100%; 
        border-image: linear-gradient(to top, #727272, rgba(0, 0, 0, 0)) 1 100%;
    }
    p.left-bracket{
        font-size:90px;
        position:absolute;
        top:0;
        color:#16bebf !important;
        margin-top:-20px;
        margin-left:-7px;
        font-weight:bold;
    }
    p.right-bracket{
        font-size:90px;
        position:absolute;
        top:0;
        right:0;
        color:#16bebf !important;
        margin-top:-20px;
        margin-right:-7px;
        font-weight:bold;
    }
    
    @media all and (max-width: 767px) {
    .ticker-wrapper{margin-top: -13px; margin-bottom: 38px;}
    }
    
    @media all and (max-width: 364px) {
        #vertical-ticker2 li{font-size:22px;}
        #vertical-ticker li{font-size:22px;}
        .ticker-highlight{width:88%;}
        .landing-number {padding: 10px 10px;}
    }
    
    
.toolbarModuleList {float: left; margin-right: 20px; margin-top: 50px; width: 16%;}
.moduleName {display: none;}
.sortWrapper > p {border-bottom: 1px solid #ddd;}
.toolbarModuleList.blue {border: 4px solid #0065aa;}
.toolbarModuleList.silver {border: 4px solid #9f9f9f;}
.toolbarModuleList.orange {border: 4px solid #deac32;}
.toolbarModuleList.teal {border: 4px solid #5cae9f;}
.toolbarModuleList.brown {border: 4px solid #a9815b;}
.toolbarTitle {border-bottom: 4px solid #aaa; font-size: 20px; font-weight: bold;}

/* Removes random added height from Google Remarketing Tags - if tags are on the site */
iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}