/*!
 * Vitality v1.3.5 (http://themes.startbootstrap.com/vitality-v1.3.5)
 * Copyright 2013-2015 Start Bootstrap Themes
 * To use this theme you must have a license purchased at WrapBootstrap (https://wrapbootstrap.com)
 */

html,
body {
    height: 100%;
    padding-right: 0;
}

.img-centered {
    margin: 0 auto;
}

.content-row {
    margin-top: 10px;
}

section {
    padding: 0px 0;
}

.bg-gray {
    background-color: #f5f5f5;
}

.bg-dark {
    color: white;
    background-color: #222222;
}

@media (max-width: 767px) {
    section {
        padding: 0px 0;
    }
    a {
        color: black;
    }
    header .scroll-down .btn {
        display: none
    }
}

.owl-theme .owl-controls .owl-page span {
    background: rgba(34, 34, 34, 0.5);
}


/*input.form-control {
  border-radius: 0 !important;
}
input.form-control:focus {
  border-color: #ef4035;
  box-shadow: none;
} */

.btn,
.input-group-btn {
    border-radius: 0 !important;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.btn-primary {
    color: #ffffff;
    background-color: #ef4035;
    border-color: #ef4035;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #ed2a1d;
    border-color: #ec2114;
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #ef4035;
    border-color: #ef4035;
}

.btn-primary .badge {
    color: #ef4035;
    background-color: #ffffff;
}

body {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 300;
}

a {
    color: #ef4035;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
}

p {
    font-size: 18px;
    line-height: 1.5;
}

p.lead {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 24px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
}

@media (min-width: 481px) {
    h1 {
        font-size: 52px;
    }
    h2 {
        font-size: 50px;
    }
}

hr {
    max-width: 100px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    height: 2px;
    margin: 15px auto;
}

hr.left {
    margin: 15px auto 15px 0;
}

hr.right {
    margin: 15px 0 15px auto;
}

hr.colored {
    border-color: #ef4035;
}

@media (min-width: 768px) {
    hr {
        max-width: 200px;
        margin: 20px auto;
    }
    hr.left {
        margin: 20px auto 20px 0;
    }
    hr.right {
        margin: 20px 0 20px auto;
    }
}

.text-primary {
    color: #ef4035;
}

.navbar-fixed-top {
    margin-bottom: 0;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
    color: #ef4035;
    background-color: white;
    border-radius: 0;
}

.navbar-default {
    background-color: #ef4035;
}

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

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: rgba(255, 255, 255, 0.5);
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: rgba(255, 255, 255, 0.5);
}

.navbar-inverse {
    background-color: rgba(0, 0, 0, 0.85);
}

.navbar-default,
.navbar-inverse {
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.navbar-default .navbar-brand,
.navbar-inverse .navbar-brand {
    padding: 0 15px;
    color: white;
    opacity: 1;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.navbar-default .navbar-brand:hover,
.navbar-inverse .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-inverse .navbar-brand:focus {
    opacity: 1;
}

.navbar-default .navbar-nav li a,
.navbar-inverse .navbar-nav li a {
    color: white;
}

.navbar-default .navbar-nav li a:hover,
.navbar-inverse .navbar-nav li a:hover {
    color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 768px) {
    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:hover,
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-inverse .navbar-nav>.active>a,
    .navbar-inverse .navbar-nav>.active>a:hover,
    .navbar-inverse .navbar-nav>.active>a:focus {
        border-radius: 5px;
    }
    .navbar-fixed-top.navbar-expanded {
        padding: 30px 0;
    }
    .navbar-fixed-top {
        padding: 15px 0;
        -webkit-transition: padding 0.5s;
        -moz-transition: padding 0.5s;
        transition: padding 0.5s;
    }
    .navbar-fixed-top .navbar-brand:hover {
        opacity: 0.5;
    }
    .navbar-default.navbar-expanded,
    .navbar-inverse.navbar-expanded {
        background: transparent;
        border: none;
    }
}

.navbar a:focus {
    outline: none;
}

.navbar .navbar-nav li a:focus {
    outline: none;
}

header {
    position: relative;
    display: block;
    height: auto;
    width: auto;
    background-color: #222222;
    background: no-repeat center center;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    padding: 100px 0;
}

header .intro-content {
    color: white;
    text-align: center;
    position: relative;
}

header .brand-name {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 35px;
    line-height: 10px;
    text-transform: uppercase;
    font-weight: 800;
    margin-top: 10px;
}

header .brand-name-subtext {
    font-size: 9px;
    line-height: 9px;
    font-weight: 300;
}

header img {
    max-width: 150px;
    max-height: 150px;
}

header .scroll-down {
    position: absolute;
    width: 100%;
    bottom: 20px;
    text-align: center;
}

header .scroll-down .btn {
    height: 50px;
    width: 50px;
    border: 2px solid white;
    border-radius: 100% !important;
    line-height: 50px;
    padding: 0;
    letter-spacing: normal;
    color: white;
    font-size: 30px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

header .scroll-down .btn:hover {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.5);
    outline: none;
}

@media (min-width: 768px) {
    header {
        height: 100%;
        width: 100%;
        padding: 0;
        background-attachment: scroll;
    }
    header .intro-content {
        color: white;
        text-align: center;
        width: 50%;
        margin: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    header .brand-name {
        font-size: 55px;
        line-height: 55px;
    }
    header .brand-name-subtext {
        font-size: 20px;
        line-height: 20px;
    }
    header img {
        max-width: 300px;
        max-height: 300px;
    }
}

@media (min-width: 1025px) {
    header {
        background-attachment: fixed;
    }
}

.areyou {
    font-family: 'Old Standard TT';
    font-weight: 100;
    font-size: 35px;
    font-style: italic;
    text-shadow: 9px 2px 14px rgba(150, 150, 150, 1);
}

.notgetting {
    font-family: 'lato', 'open sans', sans-serif;
    margin-top: 25px;
    color: #e9e9e9;
    font-size: 3.22vw;
    line-height: .9;
    letter-spacing: .075em;
    font-weight: 100;
    text-transform: uppercase;
}

@media screen and (max-width: 568px) {
    .notgetting {
        font-size: 10.22vw;
        text-shadow: 9px 2px 14px rgba(150, 150, 150, 1);
    }
}

.podcast {
    background: url('assets/img/podcast.jpg') no-repeat center center scroll;
}

.pod {
    /* margin-bottom: 100%;*/
}

.embed-responsive-pod {
    padding-bottom: 74.25%;
}

header.video .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #000;
    z-index: 998;
    opacity: 0;
}

header.video .intro-content {
    z-index: 999;
}

header.video .scroll-down {
    z-index: 999;
}

@media (min-width: 768px) {
    header.video .overlay {
        opacity: 0.5;
    }
}

aside.cta-quote {
    color: white;
    background-color: #222222;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    padding: 100px 0;
    text-align: center;
}

aside.cta-quote1 {
    color: white;
    background-color: #222222;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    padding: 30px 0;
    text-align: center;
}

aside.cta-quote span.quote {
    display: block;
    font-size: 30px;
    line-height: 32px;
    font-weight: 300;
}

@media (min-width: 768px) {
    aside.cta-quote {
        background-attachment: scroll;
        padding: 150px 0;
    }
    aside.cta-quote span.quote {
        font-size: 36px;
        line-height: 38px;
    }
}

@media (min-width: 992px) {
    aside.cta-quote {
        padding: 300px 0;
    }
    aside.cta-quote span.quote {
        font-size: 40px;
        line-height: 42px;
    }
}

@media (min-width: 1025px) {
    aside.cta-quote {
        background-attachment: fixed;
    }
    aside.cta-quote1 span.quote {
        display: block;
        font-size: 30px;
        line-height: 32px;
        font-weight: 300;
    }
}

@media (min-width: 768px) {
    aside.cta-quote1 {
        background-attachment: scroll;
        padding: 150px 0;
    }
    aside.cta-quote1 span.quote {
        font-size: 36px;
        line-height: 38px;
    }
}

@media (min-width: 992px) {
    aside.cta-quote1 {
        padding: 300px 0;
    }
    aside.cta-quote1 span.quote {
        font-size: 40px;
        line-height: 42px;
    }
}

@media (min-width: 1025px) {
    aside.cta-quote1 {
        background-attachment: fixed;
    }
}

.testimonials {
    text-align: center;
}

.testimonials .testimonials-carousel .item {
    padding: 0;
}

.testimonials .testimonials-carousel .item p.quote {
    margin-bottom: 30px;
}

.testimonials .testimonials-carousel .item .testimonial-info {
    margin-bottom: 30px;
}

.testimonials .testimonials-carousel .item .testimonial-info .testimonial-img {
    display: inline-block;
    height: 50px;
    width: 50px;
    margin-right: 10px;
}

.testimonials .testimonials-carousel .item .testimonial-info .testimonial-author {
    display: inline-block;
}

.testimonials .testimonials-carousel .item .testimonial-info .testimonial-author .name {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
}

.testimonials .testimonials-carousel .item .testimonial-info .testimonial-author hr.colored {
    margin: 3px auto;
    max-width: 50px;
}

.testimonials .testimonials-carousel .item .testimonial-info .testimonial-author p {
    margin: 0;
}

.testimonials .testimonials-carousel .item .testimonial-info .testimonial-author .stars {
    color: #f1c40f;
}

.testimonials .testimonials-carousel .owl-controls {
    margin-top: 0;
}

.testimonials .testimonials-carousel .owl-controls .owl-prev,
.testimonials .testimonials-carousel .owl-controls .owl-next {
    display: none;
    text-align: center;
    position: absolute;
    height: 60px;
    width: 40px;
    border-radius: 0 !important;
    line-height: 50px;
    font-size: 30px !important;
    margin: auto 0 !important;
    top: 0;
    bottom: 0;
    background-color: #ef4035 !important;
    color: white !important;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.testimonials .testimonials-carousel .owl-controls .owl-prev:hover,
.testimonials .testimonials-carousel .owl-controls .owl-next:hover {
    opacity: 1;
}

.testimonials .testimonials-carousel .owl-controls .owl-prev {
    left: 15px;
}

.testimonials .testimonials-carousel .owl-controls .owl-next {
    right: 15px;
}

@media (min-width: 768px) {
    .testimonials .testimonials-carousel .item {
        padding: 0 100px;
    }
    .testimonials .testimonials-carousel .owl-controls .owl-prev,
    .testimonials .testimonials-carousel .owl-controls .owl-next {
        display: block;
    }
}

.cta-form h3 {
    margin-top: 15px;
}

.cta-form1 h8 {
    margin-top: 3px;
}

.about-content {
    padding: 30px;
}

.about-carousel .item {
    padding: 15px;
}

.about-carousel .item .caption {
    padding: 15px;
    color: rgba(255, 255, 255, 0.7);
    width: 100%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.about-carousel .item .caption h3 {
    margin: 0;
}

.about-carousel .item .caption hr {
    margin: 5px auto;
    max-width: 50px;
}

.about-carousel .item .caption p {
    margin: 0;
}

.about-carousel .item .caption ul.social {
    margin-top: 5px;
}

.about-carousel .item .caption ul.social li a {
    color: rgba(255, 255, 255, 0.7);
}

.about-carousel .item .caption ul.social li a:hover,
.about-carousel .item .caption ul.social li a:focus {
    color: white;
}

.about-carousel .owl-controls {
    margin-top: 0;
}

.about-carousel .owl-controls .owl-prev,
.about-carousel .owl-controls .owl-next {
    text-align: center;
    position: absolute;
    height: 60px;
    width: 40px;
    border-radius: 0 !important;
    line-height: 50px;
    font-size: 30px !important;
    margin: 10px !important;
    top: 0;
    bottom: 10px;
    background-color: #ef4035 !important;
    color: white !important;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.about-carousel .owl-controls .owl-prev:hover,
.about-carousel .owl-controls .owl-next:hover {
    opacity: 1;
}

.about-carousel .owl-controls .owl-prev {
    left: 15px;
}

.about-carousel .owl-controls .owl-next {
    right: 15px;
}

.services .media {
    margin-bottom: 30px;
}

.services .media i.fa {
    height: 75px;
    width: 75px;
    line-height: 70px;
    text-align: center;
    border: 3px solid #222222;
    border-radius: 100%;
    font-size: 30px;
}

.services .media .media-body {
    padding-left: 15px;
}

.services .media .media-body h3 {
    margin-bottom: 15px;
}

.services .media .media-body ul {
    list-style: inside;
    padding: 0;
}

.services .media .media-body ul li {
    margin-bottom: 10px;
}

@media (min-width: 390px) {
    .services .media .media-body {
        min-width: 260px;
    }
}

@media (min-width: 992px) {
    .services .media .media-body {
        min-width: 193px;
    }
}

@media (min-width: 1199px) {
    .services .media .media-body {
        min-width: 260px;
    }
}

@media (min-width: 992px) {
    .services .media {
        margin-bottom: 0;
    }
}

.portfolio-carousel {
    margin-top: 450px;
}

.portfolio-carousel .item {
    background-color: #222222;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    padding: 50px 55px;
    text-align: center;
}

.portfolio-carousel .item .portfolio-image {
    margin-top: 50px;
}

.portfolio-carousel .item .project-details {
    padding: 0;
}

.portfolio-carousel .item .project-details img.client-logo {
    margin: 0 auto 25px;
}

.portfolio-carousel .item .project-details .project-name {
    display: block;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 5px;
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
}

.portfolio-carousel .item .project-details .project-description {
    display: block;
    font-size: 18px;
    line-height: 18px;
}

.portfolio-carousel .owl-controls {
    margin-top: 0;
}

.portfolio-carousel .owl-controls .owl-prev,
.portfolio-carousel .owl-controls .owl-next {
    text-align: center;
    position: absolute;
    height: 75px;
    width: 50px;
    border-radius: 0 !important;
    line-height: 70px;
    font-size: 30px !important;
    margin: auto 0 !important;
    top: 0;
    bottom: 0;
    background-color: #ef4035 !important;
    color: white !important;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.portfolio-carousel .owl-controls .owl-prev:hover,
.portfolio-carousel .owl-controls .owl-next:hover {
    opacity: 1;
}

.portfolio-carousel .owl-controls .owl-prev {
    left: 0;
}

.portfolio-carousel .owl-controls .owl-next {
    right: 0;
}

@media (min-width: 992px) {
    .portfolio-carousel .item {
        padding: 155px 55px 155px;
        text-align: left;
        min-height: 100%;
    }
    .portfolio-carousel .item .portfolio-image {
        margin-top: 0;
    }
    .portfolio-carousel .item .project-details {
        padding: 15% 0 0;
    }
    .portfolio-carousel .item .project-details img.client-logo {
        margin: 0 auto 25px 0;
    }
    .portfolio-carousel .item .project-details .project-name {
        display: block;
        font-size: 50px;
        line-height: 50px;
    }
    .portfolio-carousel .item .project-details .project-description {
        font-size: 20px;
        line-height: 20px;
    }
    .portfolio-carousel .item hr.colored {
        margin: 20px auto 20px 0;
    }
}

.portfolio-gallery .item {
    padding: 15px;
}

.portfolio-modal {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.portfolio-modal .modal-backdrop {
    display: none;
}

.portfolio-modal .modal-content {
    color: white;
    background: transparent;
    border-radius: 0;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    min-height: 100%;
    padding: 100px 0;
    text-align: center;
}

.portfolio-modal .modal-content h2 {
    margin: 0;
    font-size: 46px;
}

.portfolio-modal .modal-content img {
    margin: 30px auto;
}

.portfolio-modal .modal-content .item-details {
    margin: 30px 0;
}

.portfolio-modal .close-modal {
    position: absolute;
    width: 75px;
    height: 75px;
    background-color: transparent;
    top: 25px;
    right: 25px;
    cursor: pointer;
}

.portfolio-modal .close-modal:hover {
    opacity: 0.3;
}

.portfolio-modal .close-modal .lr {
    height: 75px;
    width: 1px;
    margin-left: 35px;
    background-color: white;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Safari and Chrome */
    z-index: 1051;
}

.portfolio-modal .close-modal .lr .rl {
    height: 75px;
    width: 1px;
    background-color: white;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -webkit-transform: rotate(90deg);
    /* Safari and Chrome */
    z-index: 1052;
}

.portfolio-filter {
    display: inline-block;
}

.portfolio-filter #filters {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}

.portfolio-filter #filters li {
    display: inline-block;
}

.portfolio-filter #filters li .filter {
    display: block;
    cursor: pointer;
    padding: 10px 15px;
    margin: 2px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1px;
    font-size: 12px;
    color: #222222;
    background: transparent;
    border: 1px solid #222222;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.portfolio-filter #filters li .filter.active {
    background-color: #ef4035;
    color: white;
    border-color: #ef4035;
}

#portfoliolist .portfolio {
    width: 31%;
    margin: 1%;
    display: none;
    float: left;
    overflow: hidden;
}

#portfoliolist .portfolio .portfolio-wrapper {
    overflow: hidden;
    position: relative !important;
    background: #222222;
    cursor: pointer;
}

#portfoliolist .portfolio .portfolio-wrapper img {
    max-width: 100%;
    position: relative;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

#portfoliolist .portfolio .portfolio-wrapper img:hover {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

#portfoliolist .portfolio .portfolio-wrapper .caption {
    position: absolute;
    width: 100%;
    height: 75px;
    bottom: -75px;
}

#portfoliolist .portfolio .portfolio-wrapper .caption .caption-bg {
    background: #ef4035;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#portfoliolist .portfolio .portfolio-wrapper .caption .caption-text {
    color: white;
    position: relative;
    z-index: 500;
    padding: 15px 8px;
}

#portfoliolist .portfolio .portfolio-wrapper .caption .caption-text a.text-title {
    color: white;
}

#portfoliolist .portfolio .portfolio-wrapper .caption .caption-text .text-category {
    display: block;
    font-size: 12px;
}


/*  #Mobile (Portrait) - Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
    #portfoliolist .portfolio {
        width: 48%;
        margin: 1%;
    }
}

.pricing {
    color: white;
    background-color: #222222;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.pricing .pricing-item.featured-last {
    background: rgba(255, 77, 77, 0.8);
}

.pricing .pricing-item.featured-last2 {
    background: rgba(255, 77, 77, 0.8);
}

.pricing .pricing-item.featured-last2 {
    width: 100%;
    left: 15px;
    margin: 0;
    padding: 45px 30px;
}

.pricing .pricing-item {
    text-align: center;
    background: white;
    color: #222222;
    padding: 30px;
    -webkit-box-shadow: 0px 0px 30px 5px rgba(34, 34, 34, 0.75);
    -moz-box-shadow: 0px 0px 30px 5px rgba(34, 34, 34, 0.75);
    box-shadow: 0px 0px 30px 5px rgba(34, 34, 34, 0.75);
    z-index: 1;
    margin-bottom: 30px;
}

.pricing .pricebox {
    text-align: center;
    background: white;
    color: #222222;
    padding: 30px;
    -webkit-box-shadow: 0px 0px 30px 5px rgba(34, 34, 34, 0.75);
    -moz-box-shadow: 0px 0px 30px 5px rgba(34, 34, 34, 0.75);
    box-shadow: 0px 0px 30px 5px rgba(34, 34, 34, 0.75);
    z-index: 1;
    margin-bottom: 30px;
}

.pricing .pricing-item h3 {
    margin: 0;
}

.pricing .pricing-item hr {
    max-width: 100px;
}

.pricing .pricing-item .price {
    margin-bottom: 20px;
}

.pricing .pricing-item .price .number {
    font-weight: 900;
    font-size: 50px;
}

.pricing .pricing-item .price .number sup {
    font-size: 30px;
}

.pricing .pricing-item .list-group-item {
    border-radius: 0;
}

@media (min-width: 992px) {
    .pricing {
        background-attachment: scroll;
    }
    .pricing .pricing-item {
        margin-bottom: 10px;
    }
    .pricing .pricing-item.featured-first {
        margin-right: -15px;
        margin-top: 15px;
    }
    .pricing .pricing-item.featured {
        position: absolute;
        width: 100%;
        left: 0;
        margin: 0;
        padding: 45px 30px;
    }
    .pricing .pricing-item.featured-last {
        margin-left: -15px;
        margin-top: 15px;
        background: rgba(255, 77, 77, 0.8);
    }
}

@media (min-width: 1025px) {
    .pricing {
        background-attachment: fixed;
    }
}

.floating-label-form-group {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #e1e1e1;
}

.floating-label-form-group input,
.floating-label-form-group textarea {
    z-index: 1;
    position: relative;
    padding-right: 0;
    padding-left: 0;
    border: none;
    border-radius: 0;
    font-size: 1.5em;
    background: none;
    box-shadow: none !important;
    resize: none;
}

.floating-label-form-group label {
    display: block;
    z-index: 0;
    position: relative;
    top: 2em;
    margin: 0;
    font-size: 0.85em;
    line-height: 1.764705882em;
    vertical-align: middle;
    vertical-align: baseline;
    opacity: 0;
    -webkit-transition: top 0.5s ease, opacity 0.5s ease;
    -moz-transition: top 0.5s ease, opacity 0.5s ease;
    -ms-transition: top 0.5s ease, opacity 0.5s ease;
    transition: top 0.5s ease, opacity 0.5s ease;
}

.floating-label-form-group {
    padding-left: 14px;
    border-left: 0px solid #e1e1e1;
}

.floating-label-form-group-with-value label {
    top: 0;
    opacity: 1;
}

.floating-label-form-group-with-focus label {
    color: #ef4035;
}

form .row:first-child .floating-label-form-group {
    border-top: 0px solid #e1e1e1;
}


/*footer.footer {
  color: rgba(255, 255, 255, 0.7);
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  padding: 50px 0 20px;
}
footer.footer a {
  color: rgba(255, 255, 255, 0.7);
}
footer.footer a:hover {
  color: white;
}
footer.footer p {
  font-size: 22px;
}
footer.footer .contact-details {
  margin: 75px 0;
}
footer.footer .contact-details1 {
  margin: 50px 0;
}
footer.footer .social {
  margin-bottom: 75px;
}
footer.footer .copyright p.small {
  font-size: 14px;
}
@media (min-width: 1025px) {
  footer.footer {
    background-attachment: fixed;
  }
} */

.btn-outline-light {
    color: white;
    border: 2px solid white;
    background: rgba(37, 37, 37, 0.68);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    padding-top: 10px;
    padding-bottom: 15px;
}

.btn-masterclass {
    padding-top: 3px;
    padding-bottom: 10px;
}

.btn-foto {
    padding-top: 25px;
    padding-bottom: 15px;
}

.btn-podcast {
    padding-bottom: 25px;
}

.btn-outline-light:hover,
.btn-outline-light:focus {
    color: #ef4035;
    background: white;
    outline: none;
}

.btn-outline-dark {
    color: #222222;
    border: 1px solid #222222;
    background: transparent;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    margin-bottom: 5px;
}

.btn-outline-dark:hover,
.btn-outline-dark:focus {
    color: white;
    background: #ef4035;
    border-color: #ef4035;
    outline: none;
}

.btn {
    border-radius: 0;
    padding: 12px 18px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1px;
}

.btn:focus,
.btn:active,
.btn.active {
    outline: none;
}

.btn-full-width {
    border: 0;
    border-radius: 0;
    background-color: #222222;
    color: white;
    padding: 50px 0;
    font-size: 26px;
    font-weight: 200;
    letter-spacing: normal;
    text-transform: none;
}

.btn-full-width:hover {
    background-color: #ef4035;
    color: white;
}

.btn-full-width:focus {
    color: white;
}

body.modern header .brand-name {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

body.modern .about-carousel .owl-controls .owl-prev,
body.modern .about-carousel .owl-controls .owl-next {
    line-height: 55px;
}

body.modern .portfolio-carousel .item .project-details .project-name {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

body.modern .testimonials .testimonials-carousel .item .testimonial-info .testimonial-author .name {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

body.modern .testimonials .testimonials-carousel .owl-controls .owl-prev,
body.modern .testimonials .testimonials-carousel .owl-controls .owl-next {
    line-height: 55px;
}

body.vintage {
    font-family: "Cardo", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
}

body.vintage h1,
body.vintage h2,
body.vintage h3,
body.vintage h4,
body.vintage h5,
body.vintage h6 {
    font-family: "Sanchez", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

body.vintage p.lead {
    font-family: "Sanchez", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

body.vintage header .brand-name {
    font-family: "Sanchez", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

body.vintage .about-carousel .owl-controls .owl-prev,
body.vintage .about-carousel .owl-controls .owl-next {
    line-height: 55px;
}

body.vintage .portfolio-carousel .item .project-details .project-name {
    font-family: "Sanchez", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

body.vintage .testimonials .testimonials-carousel .item .testimonial-info .testimonial-author .name {
    font-family: "Sanchez", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

body.vintage .testimonials .testimonials-carousel .owl-controls .owl-prev,
body.vintage .testimonials .testimonials-carousel .owl-controls .owl-next {
    line-height: 55px;
}

.tinder {
    color: #e14516;
}

.theader {
    color: #e14516;
    font-weight: 200;
}

.tinder1 {
    color: white;
}

.flo {
    color: #ef4035;
    /*padding-left: 15px;
    padding-right: 15px;*/
}

.impressum {
    color: white;
}


/*@media only screen and (max-width: 767px) {
.container-fluid1 {
display:none !important;
}
}*/

#img1 {
    display: block;
}

#img2 {
    display: none
}

@media all and (max-width: 499px) {
    #img1 {
        display: none;
    }
    #img2 {
        display: block;
    }
}

element.style {}

.fullscreen-bg .language-select-container .langKey {
    padding: 2px 0px;
}

user agent stylesheet div {
    display: block;
}

Inherited from div.language-select-container.ng-scope .fullscreen-bg .language-select-container {
    right: 20px;
    width: 60px;
    padding: 8px 5px;
    margin-left: 15px;
    font-size: 13px;
    text-transform: uppercase;
}

.fullscreen-bg #open-video,
.fullscreen-bg .language-select-container {
    position: absolute;
    top: 20px;
    cursor: pointer;
    height: 40px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.15);
    -webkit-transition: background 125ms ease-in-out;
    transition: background 125ms ease-in-out;
    border: 2px solid white;
    color: white;
    font-size: 1rem;
    line-height: 1rem;
    z-index: 1000;
}

.language-select-container {
    text-align: left;
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
    color: #8d8a8d;
    font-weight: 100;
    font-size: 12px;
    line-height: 1.3em;
}

.eng {
    padding-top: 10px;
    padding-left: 10px;
}

.deu {
    padding-top: 10px;
    padding-left: 10px;
}

.freedom {
    padding: 6vw 0;
    color: #1e1e1e;
}

@media (max-width: 1920px) center {
    width: 80%;
}


}
.center {
    width: 75%;
    margin: auto;
    max-width: 1980px;
}
.middle-wrap {
    white-space: nowrap;
    text-align: center;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.membership {
    color: #686868;
    position: relative;
    overflow: hidden;
}
.middle {
    vertical-align: middle;
    display: inline-block;
    white-space: normal;
    color: #e9e9e9;
}

/*.middle-dark {
    vertical-align: middle;
    display: inline-block;
    white-space: normal;
    color: #0a0a0a;
}*/
.membership .middle-wrap {
    z-index: 2;
}
.middle-wrap {
    white-space: nowrap;
    text-align: center;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.ulab {
    background: url() no-repeat 50% 50%;
    overflow: hidden;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.clip {
    clip: rect(auto, auto, auto, auto)
}
.logo-ulab {
    padding-top: 15px;
}
.paraxify {
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}
IMG.logo-ulab {
    display: block;
    margin-left: auto;
    margin-right: auto
}

/*TWO BOXES*/
.must-read .read {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 620px;
    overflow: hidden;
    color: #fff;
    float: left;
}
.must-read .read .sizer {
    padding-top: 56.25%;
}
.must-read .read .middle {
    max-width: 490px;
}
.must-read .read h2 {
    font-size: 38px;
    font-family: 'lato', 'open sans', sans-serif;
    font-style: bold;
    line-height: 1;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.boxwhite {
    color: white;
}
.must-read .read p.title {
    font-size: 35px;
    font-family: 'Didot';
    font-style: italic;
    line-height: 1.714;
}
.must-read .read p.other {
    font-size: 18px;
    line-height: 1.5;
    margin: 20px 50px 40px;
    background-color: rgba(0, 0, 0, 0.71);
}
.must-read .read a.button {
    margin-top: 25px;
}
.must-read .read .bsz {
    -webkit-transition: -webkit-transform 3s ease;
    transition: -webkit-transform 3s ease;
    transition: transform 3s ease;
    -webkit-transition: -webkit-transform 3s ease, -webkit-transform 3s ease;
    transition: transform 3s ease, -webkit-transform 3s ease;
}
.has-no-touch .must-read .read:hover .bsz {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}
.blog-post .read,
.blog-post .link {
    float: right;
}
.has-no-touch .has-bg-video .bsz {
    display: none;
}
.bsz {
    background: url() no-repeat 50% 50%;
    overflow: hidden;
    background-size: cover;
    width: 100%;
}
.bsz img {
    display: none;
    position: relative;
}
.bsz,
.video1,
.video1 video,
.video1:after,
.overlay,
.overlay .wrapper,
.must-read .middle-wrap,
.about-overview .middle-wrap,
a.play svg,
.ssm-pop-up,
.blog-page .middle-wrap,
.cities .city .bsz:after,
.membership .clip,
.membership .middle-wrap,
.lines,
.thank,
.footer .map-position,
.footer .map-nav,
a.gum,
.overlay,
.testimonials .animation-layer,
.studio .banner .bsz:after,
.studio>.image .middle-wrap,
.on-top,
.bootcamp .video1-center iframe,
.studio .release .instant {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.has-no-touch .product-page.hover:not(.show-about) .video1 {
    opacity: 1;
}
.video1 {
    overflow: hidden;
}
.video1:after {
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
}
.video1 video {
    -o-object-fit: cover;
    object-fit: cover;
}
.has-no-touch .bootcamp .itinerary:hover .middle-wrap {
    opacity: 0;
}
.middle-wrap {
    white-space: nowrap;
    text-align: center;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.middle-wrap-table {
    display: table;
}
.middle-wrap.middle-wrap-table {
    height: auto;
    min-height: 100vh;
}
.middle-cell {
    display: table-cell;
    vertical-align: middle;
}
.middle-wrap:after,
.slide-text:after,
.banner:after,
.thank:after,
.overlay .wrapper:after,
.blog-page .readtime:after,
.scroller:after {
    content: "";
    vertical-align: middle;
    display: inline-block;
    width: 1px;
    height: 100%;
}
.video-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}
.video-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (min-aspect-ratio: 16/9) {
    .video-bg__video {
        height: 300%;
        top: -100%;
    }
}
@media (max-aspect-ratio: 16/9) {
    .video-bg__video {
        width: 300%;
        left: -100%;
    }
}
@media (max-width: 767px) {
    .video-bg-bg {
        background: url('/assets/mp4/yt-sc.png') center center / cover no-repeat;
    }
    
    .video-bg__video {
        display: none;
    }
}

/*stats */
.stats {
    background-color: #181818;
    color: #a1a1a1;
    text-align: center;
    padding: 5px 20px;
}
.stats,
.stats .wrapper {
    position: relative;
    white-space: nowrap;
}
.stats .swipe-gesture {
    display: none;
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 14px;
}
.stats .swipe-gesture img {
    height: 36px;
    display: none;
}
.stats .stat {
    display: inline-block;
    width: 19%;
    padding: 5px 5px 35px;
    position: relative;
    white-space: normal;
}
.stats .stat p {
    max-width: 300px;
    margin: auto;
}
.stats .stat p.tagline {
    font-size: 18px;
    line-height: 1.5;
}
.stats .stat p.desc {
    font-size: 14px;
    margin-top: 10px;
}
.stats .stat p.number {
    color: #fff;
    font-size: 36px;
    color: #d1d1d1;
    line-height: 1.6667;
}
.stats .line {
    position: absolute;
    top: 0;
    height: 100%;
    left: 20%;
    width: 1px;
    background-color: #4f4f4f;
}
.stats .line2 {
    left: 40%;
}
.stats .line3 {
    left: 60%;
}
.stats .line4 {
    left: 80%;
}
@media (max-width: 1024px) .stats {
    padding: 40px 0 70px;
    overflow: hidden;
}
@media (max-width: 1600px) .stats {
    padding: 50px 0;
}
a.play {
    display: inline-block;
    margin-top: 30px;
}
a.play:first-child {
    margin-top: 0;
}
a.play svg {
    overflow: visible;
}
a.play svg circle {
    r: 50%;
    cx: 50%;
    cy: 50%;
    stroke-width: 2px;
}
a.play .stroke {
    stroke-dasharray: 377;
    stroke-dashoffset: 377;
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease;
}
.has-no-touch a.play:hover .stroke {
    stroke-dashoffset: 0;
}
a.play .circle {
    position: relative;
    padding: 4px;
    display: inline-block;
}
a.play .circle span {
    display: block;
    position: relative;
    margin: 0;
}
a.play .circle img {
    height: 70px;
    width: 70px;
    width: auto;
}
.has-no-touch a.play:hover .circle {
    border-color: transparent;
}
a.play .caption {
    font-style: italic;
    letter-spacing: .05em;
    font-size: 15px;
    color: #fff !important;
    margin-top: 5px;
    display: inline-block;
}
a.play.prompt .stroke {
    -webkit-animation: playStroke 3s ease;
    animation: playStroke 3s ease;
}
@-webkit-keyframes playStroke {
    0% {
        stroke-dashoffset: 377;
    }
    
    50% {
        stroke-dashoffset: 0;
    }
    
    100% {
        stroke-dashoffset: 377;
    }
}
@keyframes playStroke {
    0% {
        stroke-dashoffset: 377;
    }
    
    50% {
        stroke-dashoffset: 0;
    }
    
    100% {
        stroke-dashoffset: 377;
    }
}
@-webkit-keyframes playHover {
    0% {
        background-color: transparent;
        border-color: #fff;
    }
    
    50% {
        background-color: rgba(0, 0, 0, 0.3);
        border-color: transparent;
    }
    
    100% {
        background-color: transparent;
        border-color: #fff;
    }
}
@keyframes playHover {
    0% {
        background-color: transparent;
        border-color: #fff;
    }
    
    50% {
        background-color: rgba(0, 0, 0, 0.3);
        border-color: transparent;
    }
    
    100% {
        background-color: transparent;
        border-color: #fff;
    }
}

/*CTA - EBOOK FREE*/
.home-subscribe {
    max-width: 100%;
    margin: auto;
    padding: 20px 40px;
    text-align: center;
    color: #1e1e1e;
    /*background-color: #e3e3e3; */
    
    background-image: url(../img/mailbox.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}
.home-subscribe p.question {
    font-weight: 300;
    font-size: 30px;
}
.home-subscribe h2 {
    font-weight: 700;
    font-size: 30px;
}
.home-subscribe p.text {
    font-weight: 300;
    font-style: italic;
    font-size: 21px;
    margin-top: 20px;
    line-height: 1.5;
}
.home-subscribe form {
    width: 80%;
    margin: 60px auto 0;
    white-space: nowrap;
    text-align: center;
}
.subscribe-form {
    position: relative;
    white-space: nowrap;
}
.subscribe-form button {
    vertical-align: middle;
}
.subscribe-form .form-group {
    display: inline-block;
    white-space: normal;
    width: 80%;
    vertical-align: middle;
    position: relative;
}
.subscribe-form .form-group:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #181818;
    opacity: 0;
}
.blinkCursor .form-group:before {
    -webkit-animation: blink .7s infinite 3s;
    animation: blink .7s infinite 3s;
}
.subscribe-form .typed-cursor {
    opacity: 1;
    -webkit-animation: blink .7s infinite;
    animation: blink .7s infinite;
    color: #181818;
}
@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    
    50% {
        opacity: 0;
    }
    
    100% {
        opacity: 1;
    }
}
@keyframes blink {
    0% {
        opacity: 1;
    }
    
    50% {
        opacity: 0;
    }
    
    100% {
        opacity: 1;
    }
}
.subscribe-form input[type="text"],
.subscribe-text-animator {
    font-size: 40px;
    font-weight: 300;
    padding: 10px 30px;
    width: 100%;
    color: #181818;
    letter-spacing: .075em;
    text-align: left;
}
.subscribe-form .subscribe-text-animator {
    color: #b2d0e1;
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 0;
}
.subscribe-form ::-webkit-input-placeholder {
    color: #b2d0e1;
}
.subscribe-form :-moz-placeholder {
    color: #b2d0e1;
}
.subscribe-form ::-moz-placeholder {
    color: #b2d0e1;
}
.subscribe-form :-ms-input-placeholder {
    color: #b2d0e1;
}
.subscribe-form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
.home-subscribe .help-block {
    position: absolute;
    top: 50%;
    right: 100%;
    margin-right: 20px;
    color: red;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: nowrap;
}
.home-subscribe .has-error input[type="text"] {
    border-color: red;
}
form.fade {
    opacity: .1;
    pointer-events: none;
}
.thank {
    color: #b2d0e1;
    background-color: #fafafa;
    white-space: nowrap;
    display: none;
    padding: 0 30px;
    text-align: inherit;
    overflow: hidden;
    font-size: 20px;
}
.thank span {
    vertical-align: middle;
    white-space: normal;
    display: inline-block;
    max-width: 100%;
}
a.button.blue,
button.blue {
    color: #b2d0e1;
    border-color: #b2d0e1;
}
.has-no-touch a.button.blue:hover,
.has-no-touch button.blue:hover {
    background-color: #b2d0e1;
    color: #fff;
}
a.button.notify-me,
button.notify-me {
    color: #fff;
    background-color: #7fdada;
    border-color: #7fdada;
}
.has-no-touch a.button.notify-me:hover,
.has-no-touch button.notify-me:hover {
    background-color: #fff;
    color: #7fdada;
}
a.button.pale-blue,
button.pale-blue {
    color: #fff;
    background-color: #94daff;
    border-color: #94daff;
}
.has-no-touch a.button.pale-blue:hover,
.has-no-touch button.pale-blue:hover {
    background-color: transparent;
    color: #94daff;
}

/*input[type=text],input[type=password],textarea {
    text-align: left;
    background: transparent;
}

input,textarea,select {
    border: 0;
    outline: 0;
    line-height: normal;
    -webkit-appearance: none;
    border-radius: 0;
} */
textarea {
    resize: none;
}
.c {
    margin: auto;
}
.p-0 {
    padding: 0 !important;
}
.p-t-0 {
    padding-top: 0 !important;
}
.m-0 {
    margin: 0 !important;
}
.m-t-0 {
    margin-top: 0 !important;
}
.clear {
    clear: both;
}
.wid100 {
    width: 100%;
}

/*form {
    display: block;
    transition: opacity .5s ease;
}*/
.instant .center {
    padding-top: 120px;
}
.instant .subscribe {
    max-width: 800px;
    width: 50%;
}
.instant .subscribe p.desc {
    color: #1e1e1e;
    font-weight: 300;
    font-size: 45px;
    line-height: 1.5;
    max-width: 450px;
    margin-bottom: 30px;
    font-family: 'open sans';
}
.instant .subscribe-form .help-block {
    position: absolute;
    top: 100%;
    left: 30px;
    margin-top: 15px;
    color: red;
    white-space: nowrap;
}
.instant .subscribe-form .has-error input[type="text"] {
    border-color: red;
}
.instant,
.footer {
    background: #fafafa;
}
input[type=text],
input[type=password],
textarea {
    text-align: left;
    rgba(255,
    255,
    255,
    0.95);
}

}
input,
textarea,
select {
    border: 0;
    outline: 0;
    line-height: normal;
    -webkit-appearance: none;
    border-radius: 0;
}
textarea {
    resize: none;
}
.threeicons {
    color: #d1d1d1;
    width: 100%;
}
.instant .center {
    padding-top: 90px;
}
.instant .subscribe p.desc {
    font-size: 40px;
    margin-bottom: 20px;
    font-family: 'open sans';
}
.home-subscribe {
    padding: 100px 30px;
}
.home-subscribe form {
    margin: 40px auto 0;
}
.subscribe-form input[type="text"],
.subscribe-text-animator {
    font-size: 28px;
    padding: 5px 25px;
}

/* In Case of Accidental HORIZONTAL BAR
* {
    outline: 1px solid red;
}  */
.whatis {
    font-family: "Raleway",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    font-weight: 900;
    font-size: 24px;
    text-transform: uppercase;
    text-align: left;
}
@media screen and (max-width: 568px) {
    .whatis {
        font-size: 21px;
    }
}
.header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9997;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.navbar {
    padding: 30px 40px;
    text-align: right;
    position: relative;
    z-index: 2;
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: opacity .5s ease-in-out,
    background-color .4s,
    padding .4s,
    -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out,
    opacity .5s ease-in-out,
    background-color .4s,
    padding .4s;
    -webkit-transition: -webkit-transform .5s ease-in-out,
    opacity .5s ease-in-out,
    background-color .4s,
    padding .4s,
    -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out,
    opacity .5s ease-in-out,
    background-color .4s,
    padding .4s,
    -webkit-transform .5s ease-in-out;
}
.navbar.come-in {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.navbar a {
    display: inline-block;
    margin-left: 100px;
    vertical-align: middle;
    color: #fff;
    letter-spacing: .05em;
    font-size: 16px;
}
.navbar a.branding {
    position: absolute;
    top: 35px;
    left: 35px;
    margin: 0;
}
.navbar a.branding-icon {
    position: absolute;
    top: 16px;
    left: 25px;
    margin: 0;
    opacity: 0;
}
.navbar a.branding img {
    height: 35px;
}
.navbar a.start {
    border: 2px solid #fff;
    width: 160px;
    text-align: center;
    padding: 10px 0 12px;
    line-height: 1;
}
.has-no-touch .navbar a.start:hover {
    background-color: #fff;
    color: #000;
}
.black-nav .navbar a.branding {
    background: url(../images/logo-black.png) no-repeat;
    background-size: contain;
}
.black-nav .navbar a.branding img {
    visibility: hidden;
}
.black-nav .navbar a {
    color: #000;
}
.black-nav .navbar a.start {
    border-color: #000;
}
.black-nav .menu-tr span {
    background-color: #000;
}
.open-menu .menu-tr span,
.scrolled .menu-tr span {
    background-color: #fff;
}
.menu-tr {
    width: 30px;
    height: 23px;
    position: relative;
    opacity: 1 !important;
}
.menu-tr span {
    position: absolute;
    height: 2px;
    left: 50%;
    width: 50%;
    background: #fff;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.menu-tr span:nth-child(odd) {
    left: 0;
}
.menu-tr span.one,
.menu-tr span.two {
    top: 0;
}
.menu-tr span.three,
.menu-tr span.four {
    top: 10px;
}
.menu-tr span.five,
.menu-tr span.six {
    top: 20px;
}
html.open-menu .menu-tr span.one,
html.open-menu .menu-tr span.six {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
html.open-menu .menu-tr span.two,
html.open-menu .menu-tr span.five {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
html.open-menu .menu-tr span.one {
    left: 2px;
    top: 6px;
}
html.open-menu .menu-tr span.two {
    left: 50%;
    top: 6px;
    margin-left: -3px;
}
html.open-menu .menu-tr span.three {
    left: -50%;
    opacity: 0;
}
html.open-menu .menu-tr span.four {
    left: 100%;
    opacity: 0;
}
html.open-menu .menu-tr span.five {
    left: 2px;
    top: 16px;
}
html.open-menu .menu-tr span.six {
    left: 50%;
    top: 16px;
    margin-left: -3px;
}
.menu,
.menu .bsz:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.menu {
    overflow: hidden;
    z-index: 9996;
    visibility: hidden;
    display: none;
    -webkit-transition: visibility .1s .9s;
    transition: visibility .1s .9s;
}
.menu .menu-wrapper {
    background-color: #181818;
    min-height: 100vh;
    position: relative;
    -webkit-transition: -webkit-transform .9s cubic-bezier(.67,
    0,
    .175,
    1);
    transition: -webkit-transform .9s cubic-bezier(.67,
    0,
    .175,
    1);
    transition: transform .9s cubic-bezier(.67,
    0,
    .175,
    1);
    -webkit-transition: -webkit-transform .9s cubic-bezier(.67,
    0,
    .175,
    1),
    -webkit-transform .9s cubic-bezier(.67,
    0,
    .175,
    1);
    transition: transform .9s cubic-bezier(.67,
    0,
    .175,
    1),
    -webkit-transform .9s cubic-bezier(.67,
    0,
    .175,
    1);
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.menu .bsz {
    background-position: 50% 0;
}
.menu .bsz:after {
    content: "";
    height: 100%;
    background-color: #000;
    opacity: .8;
}
.menu .logo {
    position: absolute;
    left: 10vw;
    bottom: 100px;
    height: 39px;
    z-index: 3;
}
.menu .logo img {
    height: 100%;
}
.menu-position {
    position: relative;
    padding: 10vw;
    padding-bottom: 150px;
    z-index: 3;
    font-size: 22px;
}
.menu a {
    color: darkgray;
}
.menu a:hover {
    color:firebrick;
}
.menu-position .column {
    display: inline-block;
    width: 40%;
    color: #fff;
}
.menu .col1 {
    max-width: 500px;
}
.menu .col2 {
    max-width: 830px;
}
.menu .col3 {
    width: 5%;
}
.menu h3 {
    font-size: 33px;
    font-weight: 300;
    color: #719ab4;
    line-height: 1.547;
    margin-bottom: 40px;
}
.menu ul {
    color: #9a9a9a;
    line-height: 1.9;
}
.menu .col1 ul {
    font-size: 33px;
}
.menu .col2 ul {
    font-size: 24px;
    line-height: 2.1;
}
.menu .col3 ul {
    font-size: 18px;
    line-height: 2.3;
}
.menu ul a {
    font-family: 'lato',
    'open sans',
    sans-serif;
    font-weight: 300;
}
html.scrolled .navbar {
    background-color: rgba(0,
    0,
    0,
    0.9);
    padding: 15px 30px;
}
html.scrolled .navbar>a.branding-icon {
    opacity: 1;
}
html.scrolled .navbar>a.start {
    border-color: #fff;
    opacity: 1;
    color: #fff;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
}
html.scrolled .navbar>a.branding,
html.open-menu .navbar>a,
html.open-menu .navbar>a.start,
html.open-menu .navbar>a.branding-icon {
    opacity: 0;
}
html.scrolled .navbar>a.blog {
    display: none;
}
html.scrolled .navbar>a.menu-tr {
    margin-left: 30px !important;
}
html.open-menu .menu {
    visibility: visible;
    -webkit-transition-delay: 0;
    transition-delay: 0;
}
html.open-menu .menu .menu-wrapper {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}
html.open-menu .navbar {
    background-color: transparent;
}
.homepage .carousel {
    position: relative;
    height: 100vh;
    overflow: hidden;
}
.homepage .slides {
    z-index: 1;
    background-color: #181818;
}
.slides .slide {
    display: none;
}
.slides .slide:first-child {
    display: block;
}
.carousel-pager {
    z-index: 2;
}
.carousel-pager {
    position: absolute;
    z-index: 2;
    bottom: 50px;
    left: 0;
    width: 100%;
    text-align: center;
}
.carousel-pager:before {
    content: "";
    margin: 0 10px;
    width: 100px;
    height: 1px;
    background-color: #fff;
    display: inline-block;
    vertical-align: middle;
}
.carousel-pager a {
    display: inline-block;
    margin: 0 10px;
    border-radius: 50%;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background-color: transparent;
    border: 1px solid #fff;
    vertical-align: middle;
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease;
}
.carousel-pager a.cycle-pager-active {
    background-color: #fff;
}
.carousel .video:after {
    background-color: transparent;
}
.homepage .carousel .middle-wrap {
    background-color: rgba(0,
    0,
    0,
    0.5);
}
.carousel h2 {
    font-family: 'Didot';
    font-style: italic;
    font-size: 2.8vw;
    line-height: 1.18;
    color: #fff;
    letter-spacing: .05em;
    overflow: hidden;
}
.carousel p {
    font-family: 'aileron';
    margin-top: 25px;
    color: #e9e9e9;
    font-size: 3.82vw;
    line-height: .9;
    letter-spacing: .075em;
    font-weight: 100;
    text-transform: uppercase;
    overflow: hidden;
}
.carousel .slide span {
    opacity: 0;
    display: block;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: opacity .5s,
    -webkit-transform .5s;
    transition: opacity .5s,
    -webkit-transform .5s;
    transition: transform .5s,
    opacity .5s;
    -webkit-transition: -webkit-transform .5s,
    opacity .5s,
    -webkit-transform .5s;
    transition: transform .5s,
    opacity .5s,
    -webkit-transform .5s;
}
.carousel .active span {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
}
.carousel .active p span {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}
@media(max-width:1600px) {
    a.button,
    button {
        padding: 8px 28px 10px 30px;
    }
    .navbar a {
        margin-left: 75px;
    }
    .navbar a.branding img {
        height: 35px;
    }
    .navbar a.branding-icon {
        top: 13px;
        left: 22px;
    }
    .navbar a.branding-icon img {
        height: 36px;
        padding-bottom: 10px;
    }
    html.scrolled .navbar {
        padding: 10px 22px;
    }
    .menu .logo {
        bottom: 50px;
        height: 32px;
    }
    .menu-position {
        padding: 100px 10vw 150px;
    }
    .menu h3 {
        margin-bottom: 30px;
    }
    .menu h3,
    .menu .col1 ul {
        font-size: 24px;
    }
    .menu .col2 ul {
        font-size: 20px;
    }
    .menu .col3 ul {
        font-size: 16px;
    }
    .carousel-pager:before {
        width: 75px;
    }
    .carousel-pager {
        bottom: 40px;
    }
}
.event-overview {}
.event-overview .read {
    width: 33.3333%;
}
.event-overview .read .sizer {
    padding-top: 82.03%;
}
.event-overview .read p.date {
    font-size: 30px;
    letter-spacing: .05em;
    line-height: 1.5;
    margin-top: 5px;
}
.middle-wrap {
    white-space: nowrap;
    text-align: center;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.middle-wrap-table {
    display: table;
}
.middle-wrap.middle-wrap-table {
    height: auto;
    min-height: 100vh;
}
.middle-cell {
    display: table-cell;
    vertical-align: middle;
}
.middle-wrap:after,
.slide-text:after,
.banner:after,
.thank:after,
.overlay .wrapper:after,
.blog-page .readtime:after,
.scroller:after {
    content: "";
    vertical-align: middle;
    display: inline-block;
    width: 1px;
    height: 100%;
}
.subnow {
    font-size: 25px;
    font-family: 'open sans';
}
@media(max-width:1600px) {
    a.button,
    button {
        padding: 8px 28px 10px 30px;
    }
    .navbar a {
        margin-left: 75px;
    }
    .navbar a.branding img {
        height: 35px;
    }
    .navbar a.branding-icon {
        top: 13px;
        left: 22px;
    }
    .navbar a.branding-icon img {
        height: 36px;
    }
    html.scrolled .navbar {
        padding: 10px 22px;
    }
    .menu .logo {
        bottom: 50px;
        height: 32px;
    }
    .menu-position {
        padding: 100px 10vw 150px;
    }
    .menu h3 {
        margin-bottom: 30px;
    }
    .menu h3,
    .menu .col1 ul {
        font-size: 24px;
    }
    .menu .col2 ul {
        font-size: 20px;
    }
    .menu .col3 ul {
        font-size: 16px;
    }
    .carousel-pager:before {
        width: 75px;
    }
    .carousel-pager {
        bottom: 40px;
    }
    .stats {
        padding: 50px 0;
    }
    .stats .stat {
        padding: 20px 50px 30px;
    }
    .stats .stat p.tagline {
        font-size: 16px;
    }
    .stats .stat p.desc {
        font-size: 13px;
    }
    .stats .stat p.number {
        font-size: 30px;
    }
    .must-read .read .sizer {
        padding-top: 61%;
    }
    .must-read .read h2 {
        font-size: 36px;
    }
    .must-read .read p.title {
        font-size: 26px;
    }
    .must-read .read p.other {
        font-size: 16px;
        margin: 10px 50px;
    }
    .freedom h2 {
        font-size: 36px;
        margin-bottom: 30px;
    }
    .freedom .col1 p {
        font-size: 16px;
    }
    .freedom .col2 p:first-child {
        font-size: 24px;
        letter-spacing: .025em;
    }
    .freedom .col2 p.by {
        font-size: 16px;
    }
    .freedom .button,
    .freedom .col2 p.by {
        margin-top: 40px;
    }
    .testimonials {
        padding: 50px 0;
    }
    .testimonials .intro span {
        font-size: 23px;
    }
    .testimonials .wrapper {
        margin: 0 -60px;
    }
    .testimonials .list.loading {
        min-height: 400px;
    }
    .testimonials .testi {
        padding: 50px 60px;
    }
    .testimonials .testi .image {
        width: 150px;
        margin-right: 50px;
    }
    .testimonials .testi .bsz {
        width: 150px;
        height: 150px;
    }
    .testimonials .testi p.quote {
        font-size: 26px;
    }
    .testimonials .testi p.from {
        font-size: 16px;
        margin-top: 40px;
    }
    .testimonials a.play {
        margin-top: 25px;
    }
    a.play .circle img {
        height: 60px;
        width: 60px;
    }
    .cities .sizer {
        padding-top: 40%;
    }
    .cities .center {
        padding: 0 75px;
        width: auto;
    }
    .cities .city .wrapper {
        padding: 75px 0;
    }
    .cities .pulled {
        font-size: 24px;
    }
    .cities .code {
        font-size: 7vw;
    }
    .cities .loc {
        font-size: 20px;
    }
    .cities .text {
        font-size: 15px;
        margin-top: 35px;
    }
    .cities .icon img {
        width: 125px;
    }
    .cities .temp {
        font-size: 38px;
        margin-top: 35px;
    }
    .cities .time {
        font-size: 24px;
    }
    .cities .list .center {
        display: block;
    }
    .cities .list {
        bottom: 40px;
    }
    .cities .list .center {
        padding-right: 0;
    }
    .cities .list a {
        font-size: 15px;
        padding: 7px 25px 9px 26px;
    }
    .blog-overview {
        padding-top: 90px;
    }
    .blog-overview h2.title .bold {
        font-size: 48px;
        line-height: 60px;
        margin-right: 20px;
    }
    .blog-overview h2.title .italic {
        font-size: 60px;
        line-height: 60px;
    }
    .blog-overview .recent {
        font-size: 20px;
    }
    .blog-overview .center {
        width: auto;
        padding: 0 35px;
    }
    .blog-overview .categories a .number {
        font-size: 16px;
        margin-bottom: -10px;
    }
    .shuffle-list {
        margin-top: 40px;
    }
    .blog-post {
        padding: 35px;
    }
    .blog-post .author {
        margin-top: 15px;
    }
    .blog-post p.text {
        font-size: 20px;
    }
    .home-subscribe {
        padding: 100px 30px;
    }
    .home-subscribe p.question {
        font-size: 24px;
    }
    .home-subscribe h2 {
        font-size: 24px;
    }
    .home-subscribe p.text {
        font-size: 18px;
    }
    .subscribe-form input[type="text"],
    .subscribe-text-animator {
        font-size: 30px;
    }
    .thank {
        font-size: 17px;
    }
    .logos {
        padding: 75px 0;
    }
    .logos .logo img {
        max-width: 75%;
    }
    .membership .sizer {
        padding-top: 50%;
    }
    .membership .logo-copy {
        width: 190px;
    }
    .membership .black-icon {
        margin-top: 40px;
    }
    .membership .black-icon img {
        max-width: 70%;
    }
    .membership p.text {
        font-size: 17px;
        margin-top: 40px;
    }
    .membership p.status {
        font-size: 14px;
        margin-top: 50px;
    }
    .membership .button {
        margin-top: 50px;
    }
    .event-overview {
        margin-top: 120px;
    }
    .event-overview .read .sizer {
        padding-top: 90%;
    }
    .event-overview .read p.date {
        font-size: 22px;
    }
    .event-overview .read h2 {
        font-size: 30px;
    }
    .instant .center {
        padding-top: 90px;
    }
    .instant .subscribe p.desc {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .footer .center {
        padding: 90px 0;
    }
    .footer .subscribe p.desc {
        font-size: 23px;
    }
    .footer .offices h2 {
        font-size: 30px;
    }
    .footer .offices .list {
        margin-top: 30px;
    }
    .footer .office {
        font-size: 18px;
    }
    .footer .office .email {
        font-size: 14px;
    }
    .footer .offices .socials {
        font-size: 14px;
    }
    .footer .offices .socials h2 {
        margin-bottom: 30px;
    }
    .footer .map-location .sizer {
        padding-top: 35%;
    }
    .map-nav .loc {
        margin: 0 30px;
    }
    .map-nav .short {
        font-size: 36px;
    }
    .map-nav .location {
        font-size: 17px;
    }
    .map-nav .format {
        font-size: 19px;
        margin-top: 20px;
    }
    .footer .copyright {
        padding: 40px 60px;
    }
    .footer .copyright img {
        width: 160px;
    }
    .footer .copyright .links {
        margin-left: 150px;
    }
    .blog-page .featured .sizer {
        padding-top: 40%;
    }
    .blog-page .middle {
        max-width: 850px;
    }
    .blog-page .middle .type {
        font-size: 24px;
    }
    .blog-page .middle .text {
        font-size: 32px;
    }
    .blog-page p.by {
        font-size: 18px;
    }
    .blog-page .readtime {
        font-size: 18px;
        height: 48px;
        width: 48px;
    }
    .blog-page .readtime-text {
        font-size: 15px;
    }
    .blog-page .negative {
        margin: 0;
    }
    .blog-page .blog-overview {
        padding: 50px 0;
    }
    .blog-page .blog-overview .categories {
        margin-top: 30px;
        font-size: 16px;
    }
    .blog-page .blog-overview .shuffle-list {
        margin-top: 20px;
    }
    .blog-page .started .sizer {
        padding-top: 35%;
    }
    .blog-page .started .subscribe-form {
        max-width: 500px;
        margin: 40px auto 0;
    }
    .blog-page .started .video-link a {
        font-size: 12px;
    }
    .blog-page .signup {
        margin-top: 90px;
        margin-bottom: 90px;
    }
    .blog-page .signup .sizer {
        padding-top: 30%;
    }
    .blog-page .signup .middle {
        max-width: 850px;
    }
    .blog-page .signup p {
        font-size: 24px;
    }
    .blog-page .banner .middle {
        max-width: 700px;
    }
    .blog-page .banner .middle .text {
        font-size: 36px;
    }
    .blog-page .banner .watch-video {
        padding-top: 10px;
    }
    .blog-page .read-wrap .readtime {
        width: 60px;
        height: 60px;
        font-size: 26px;
    }
    .blog-page .post h1 {
        font-size: 32px;
    }
    .post figure,
    .post p,
    .post blockquote {
        margin-top: 25px;
    }
    .blog-page .post p {
        font-size: 17px;
    }
    .blog-page .post blockquote {
        font-size: 24px;
    }
    .blog-page .post blockquote:before {
        font-size: 58px;
    }
    .post blockquote .quote-by {
        font-size: 17px;
    }
    .blog-page .post strong,
    .blog-page .post b {
        font-size: 24px;
    }
    .blog-page .post em {
        font-size: 14px;
        margin-top: -10px;
    }
    .blog-page .share {
        margin-top: 40px;
    }
    .blog-page .share .author {
        padding-top: 15px;
    }
    .blog-page .share .author:before {
        width: 20px;
    }
    .blog-page .share li {
        font-size: 14px;
    }
    .blog-page .share li a {
        padding: 6px 0;
    }
    .comments-tr.on-header {
        top: 15px;
    }
    .blog-page .instant .center {
        max-width: none;
    }
    .blog-page .instant .subscribe-form {
        padding-left: 50px;
    }
    .related-posts {
        margin-bottom: 60px;
    }
    .related-posts .negative {
        margin: 0 -35px;
    }
    .related-posts h2 {
        font-size: 23px;
    }
    .related-posts .blog-post {
        width: 33.33%;
    }
    .comment-box .title {
        font-size: 21px;
    }
    .comment-form label,
    .comment-form input[type="text"],
    .comment-form textarea {
        font-size: 18px;
    }
    .comment-form input[type="text"],
    .comment-form textarea {
        padding-bottom: 10px;
    }
    .comment-form textarea {
        height: 200px;
    }
    .comment-form input[type="text"]:focus+label,
    .comment-form textarea:focus+label,
    .comment-form .has-input label,
    .comment-form .thank {
        font-size: 15px;
    }
    .comments-list .count {
        font-size: 19px;
    }
    .comments-list .down {
        font-size: 36px;
    }
    .comment .from .name {
        font-size: 21px;
    }
    .comment .from .time {
        font-size: 13px;
    }
    .comment .circle {
        width: 75px;
        height: 75px;
        line-height: 73px;
        font-size: 26px;
    }
    .comment .p {
        font-size: 15px;
        margin-top: 20px;
    }
    .reply .comment {
        padding-left: 50px;
    }
    .reply .comment .p {
        margin-top: 25px;
    }
    .reply .comment .circle {
        width: 50px;
        height: 50px;
        font-size: 20px;
        line-height: 48px;
        padding-left: 4px;
        margin-right: 25px;
    }
    .comments-pullout {
        padding: 30px 40px;
    }
    .close-pullout {
        padding-left: 60px;
    }
    .close-pullout .post-comment {
        font-size: 22px;
    }
    .close-pullout .close {
        font-size: 42px;
    }
    .comments-tr.on-header .icon-wrap {
        margin-right: 25px;
    }
    .grey-box .left p,
    h1.page-title {
        font-size: 78px;
        margin-top: 5px;
    }
    .career-page .middle {
        max-width: 1000px;
    }
    .career-page p {
        font-size: 26px;
        margin-top: 10px;
    }
    .grey-box {
        padding: 165px 50px 150px;
    }
    .grey-box.banner h4 {
        font-size: 17px;
        letter-spacing: .05em;
    }
    .grey-box h4:before {
        width: 100px;
        margin-right: 20px;
    }
    .grey-box.lr .left {
        width: 60%;
    }
    .grey-box.lr .right {
        width: 40%;
        padding-left: 60px;
    }
    .grey-box h5 {
        font-size: 26px;
        margin-top: 20px;
    }
    .grey-box .right p {
        font-size: 17px;
    }
    h2.with-line {
        padding-bottom: 50px;
    }
    h2.with-line span {
        font-size: 34px;
    }
    .studio .who {
        padding: 80px 0;
    }
    .studio .who .left p {
        padding-left: 60px;
        padding-right: 60px;
    }
    p.i {
        font-size: 23px;
        line-height: 1.3;
    }
    p.n {
        font-size: 15px;
    }
    .studio .who p.n {
        margin-top: 40px;
    }
    .studio .where .left p {
        padding-left: 60px;
        font-size: 36px;
    }
    .studio .office {
        font-size: 21px;
    }
    .studio>.image {
        margin-top: 100px;
    }
    .studio>.image .sizer {
        padding-top: 42%;
    }
    .studio>.image p {
        font-size: 64px;
        line-height: 1;
    }
    .studio .what {
        padding: 100px 0;
    }
    .studio .what .left p {
        margin-right: 50px;
    }
    .studio .what .right p {
        margin-left: 50px;
    }
    .studio .why img {
        opacity: .4;
    }
    .studio .why .lr {
        bottom: 70px;
    }
    .studio .release .text {
        font-size: 21px;
        padding-left: 30px;
    }
    .studio .release .icon-download {
        -webkit-transform: scale(.65);
        -ms-transform: scale(.65);
        transform: scale(.65);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
    }
    .instructors {
        margin-top: 80px;
    }
    .instructor {
        margin-bottom: 90px;
    }
    .instructor h3 {
        font-size: 36px;
    }
    .instructor .middle p {
        font-size: 20px;
    }
    .instructor.odd .text,
    .instructor.even .text {
        padding: 0 80px;
    }
    .instructor .quote-symbol {
        font-size: 60px;
        line-height: 60px;
    }
    .instructor p.n {
        margin-top: 35px;
    }
    .team h3.name {
        font-size: 22px;
        margin-top: 20px;
    }
    .team .job-title {
        font-size: 16px;
        margin-top: 5px;
    }
    .people .team p.i {
        padding-left: 40px;
        font-size: 17px;
    }
    .people .team p.i:before {
        font-size: 42px;
        left: -5px;
        top: -3px;
    }
    .people .team p.en {
        margin-top: 20px;
        font-size: 15px;
    }
    .people .careers {
        padding: 50px 0;
        margin-bottom: 50px;
    }
    .people .careers p {
        font-size: 23px;
    }
    .people .careers .button {
        margin-left: 10px;
    }
    .bootcamp .get-access {
        width: 300px;
        font-size: 17px;
        line-height: 50px;
        padding-bottom: 3px;
    }
    .get-access span.arrow {
        width: 25px;
        margin-left: 20px;
    }
    .bootcamp .vtype {
        padding: 135px 0 80px;
    }
    .bootcamp .video-center {
        width: 50%;
        max-width: 1024px;
        margin-bottom: 60px;
    }
    .bootcamp .type2 .center,
    .bootcamp .testimonials .center {
        width: auto;
        padding: 0 60px;
    }
    .bootcamp .video-left {
        width: 50%;
        max-width: 1024px;
        margin-right: 60px;
    }
    .bootcamp .text-right .caption {
        font-size: 30px;
        padding-top: 30px;
    }
    .bootcamp .text-right h1 {
        font-size: 40px;
        margin-bottom: 50px;
    }
    .bootcamp .type3 p.i {
        font-size: 38px;
    }
    .bootcamp .type3 h1 {
        font-size: 56px;
        margin-bottom: 50px;
    }
    .bootcamp .type3 .middle {
        max-width: 1200px;
        margin-top: 80px;
    }
    .bootcamp .type3 .sizer {
        padding-top: 45%;
    }
    .bootcamp .download {
        padding: 40px 40px 0;
    }
    .bootcamp .download .border {
        padding: 30px;
    }
    .bootcamp .download span,
    .bootcamp .download a {
        margin: 0 15px;
    }
    .bootcamp .download .video-icon,
    .bootcamp .download .pdf-icon {
        -webkit-transform: scale(.85);
        -ms-transform: scale(.85);
        transform: scale(.85);
    }
    .bootcamp .download .text {
        font-size: 16px;
    }
    .itinerary .sizer {
        padding-top: 110%;
    }
    .itinerary .middle {
        padding-top: 100px;
    }
    .itinerary .prefix {
        font-size: 28px;
    }
    .itinerary h3 {
        font-size: 22px;
        margin-top: 20px;
    }
    .itinerary p.text {
        font-size: 17px;
        margin-top: 25px;
    }
    .itinerary .location {
        margin-top: 35px;
        font-size: 19px;
    }
    .itinerary .location .coord {
        font-size: 17px;
    }
    .itinerary .location .sep {
        margin: 0 5px;
    }
    .bootcamp .itinerary .download {
        padding: 25px 20px;
    }
    .bootcamp .itinerary .download a {
        margin: 0 3px;
    }
    .bootcamp .itinerary .download a.pdf-icon {
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75);
    }
    .bootcamp .itinerary .download a.play {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
    }
    .bootcamp h2 {
        font-size: 32px;
        padding-bottom: 10px;
    }
    .who-learn {
        margin: 70px 0;
    }
    .who-learn .who {
        padding-right: 60px;
    }
    .who-learn .learn {
        padding-left: 60px;
    }
    .who-learn li {
        font-size: 16px;
        margin-top: 20px;
    }
    .who-learn .get-access {
        margin-top: 60px;
    }
    .about-author {
        padding: 100px 0 70px;
    }
    .about-author p.i {
        font-size: 18px;
        margin-top: 15px;
    }
    .about-author .from {
        font-size: 17px;
        margin-top: 45px;
    }
    .upcoming .text {
        margin-top: 10px;
    }
    .upcoming .text h2 {
        font-size: 40px;
    }
    .upcoming .text .location {
        font-size: 34px;
    }
    .upcoming .itin {
        padding: 40px 40px 0 0;
    }
    .upcoming .itin p.day {
        font-size: 20px;
    }
    .upcoming .itin p.desc {
        font-size: 15px;
    }
    .event-drilldown .text {
        bottom: 50px;
        right: 50px;
        font-size: 15px;
    }
    .event-drilldown .text h1 {
        font-size: 30px;
    }
    .event-drilldown .text p.date {
        font-size: 17px;
    }
    .event-drilldown .text p.n {
        margin-top: 20px;
    }
    .event-drilldown a.back {
        bottom: 30px;
    }
    .ssm-page .text-banner {
        padding: 165px 0 120px;
    }
    .ssm-page .text-banner p.big {
        font-size: 48px;
    }
    .ssm-page .text-banner p.small {
        font-size: 22px;
    }
    .ssm-page h2.with-line {
        padding-bottom: 35px;
    }
    .ssm-page h2.with-line:before {
        margin-top: 20px;
        margin-right: 20px;
        width: 75px;
    }
    .ssm-page .instructor p.n {
        margin-top: 30px;
    }
    .ssm-page blockquote {
        padding: 80px 60px;
        font-size: 27px;
        margin-bottom: 100px;
    }
    .ssm-page a.button.pale-blue {
        margin-top: 40px;
    }
    .ssm-page .points {
        margin-top: 90px;
        width: auto;
        margin-left: 0;
    }
    .ssm-page .number span {
        font-size: 36px;
        margin-right: 15px;
    }
    .ssm-page .points p.big {
        font-size: 26px;
    }
    .ssm-page .points ol {
        margin-top: 55px;
    }
    .ssm-page .points li {
        font-size: 17px;
        margin-top: 30px;
        padding-left: 35px;
    }
    .ssm-page .points li:before {
        font-size: 21px;
    }
    .ssm-form {
        right: 0;
        width: 400px;
    }
    .ssm-form .white-bg {
        padding: 40px;
    }
    .ssm-form .status {
        font-size: 19px;
        padding: 30px 25px;
    }
    .roles .count {
        font-size: 46px;
        padding: 75px 0 80px;
    }
    .roles .count h2 {
        font-size: 52px;
    }
    .roles .color {
        margin-right: 25px;
    }
    .roles .empty {
        margin-top: 60px;
        font-size: 26px;
        padding-bottom: 30px;
    }
    .role {
        padding: 80px 0;
    }
    .has-no-touch .role:hover .desc span {
        border-bottom: 1px solid #000;
    }
    .role .location {
        font-size: 30px;
    }
    .role .fa {
        margin-right: 30px;
    }
    .role h3 {
        font-size: 40px;
    }
    .job h1 {
        font-size: 60px;
        padding: 80px 0 50px;
    }
    .job .spec {
        padding: 40px 0 30px;
    }
    .job .spec>div {
        font-size: 23px;
        margin-left: 80px;
    }
    .job .spec i {
        margin-right: 20px;
    }
    .job .text {
        font-size: 18px;
        padding-bottom: 60px;
    }
    .job .text p {
        margin-top: 20px;
    }
    .job .text em {
        font-size: 22px;
    }
    .job .text strong {
        font-size: 25px;
    }
    .job .text p>strong:first-child {
        padding-top: 30px;
    }
    .job .button {
        font-size: 19px;
        margin-left: 50px;
    }
    .job .share h4 {
        font-size: 23px;
        padding-bottom: 20px;
    }
    .job .share a {
        font-size: 16px;
    }
    .jobs .people {
        padding-bottom: 0;
    }
    .jobs .people h2 {
        font-size: 36px;
        padding: 35px 0;
    }
}
@media(max-width:1400px) {
    .must-read .read .sizer {
        padding-top: 75%;
    }
    .event-overview .read .sizer {
        padding-top: 100%;
    }
    .comments-tr.on-header {
        left: auto;
        right: 380px;
    }
    .career-page p {
        font-size: 24px;
    }
}
@media(max-width:1200px) {
    .event-overview .read .sizer {
        padding-top: 115%;
    }
    .grey-box.banner h4 {
        letter-spacing: 0;
    }
    .itinerary .sizer {
        padding-top: 135%;
    }
    .instructor.odd .text,
    .instructor.even .text {
        padding: 0 60px;
    }
    .upcoming .text h2 {
        font-size: 36px;
    }
    .upcoming .text .location {
        font-size: 30px;
    }
}
@media(max-width:1024px) {
    a.button,
    button {
        padding: 6px 25px 8px 26px;
        font-size: 14px;
    }
    .center {
        width: auto;
        padding: 0 60px;
    }
    .navbar a {
        margin-left: 60px;
        font-size: 15px;
    }
    .navbar a.start {
        width: 140px;
        padding: 8px 0 10px;
    }
    .navbar a.blog {
        display: none;
    }
    .navbar a.branding img {
        height: 26px;
    }
    .navbar a.branding-icon {
        top: 11px;
        left: 20px;
    }
    .navbar a.branding-icon img {
        height: 32px;
    }
    html.scrolled .navbar {
        padding: 7px 20px;
    }
    .menu .logo {
        bottom: 50px;
        height: 25px;
    }
    .menu-position {
        padding: 75px 100px 150px;
    }
    .menu h3 {
        margin-bottom: 30px;
    }
    .menu h3,
    .menu .col1 ul {
        font-size: 20px;
    }
    .menu .col2 ul {
        font-size: 16px;
    }
    .menu .col3 ul {
        font-size: 14px;
    }
    .carousel {
        height: 600px;
    }
    .carousel-pager {
        bottom: 30px;
    }
    .carousel-pager:before {
        width: 50px;
    }
    .carousel h2 {
        font-size: 36px;
    }
    .carousel p {
        font-size: 45px;
    }
    .bouncing-down {
        bottom: 20px;
    }
    .stats {
        padding: 40px 0 70px;
        overflow: hidden;
    }
    .stats .swipe-gesture {
        display: block;
    }
    .has-touch .stats .wrapper {
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
    .stats .stat {
        padding: 20px 40px 30px;
        width: 33.33%;
    }
    .stats .line {
        left: 33.33%;
    }
    .stats .line2 {
        left: 66.66%;
    }
    .stats .line3 {
        left: 100%;
    }
    .stats .line4 {
        left: 133.33%;
    }
    .stats .stat p.tagline {
        font-size: 16px;
    }
    .stats .stat p.desc {
        font-size: 13px;
    }
    .stats .stat p.number {
        font-size: 30px;
    }
    .must-read .read .sizer {
        padding-top: 70%;
    }
    .must-read .read .middle {
        max-width: none;
        padding: 0 30px;
    }
    .must-read .read h2 {
        font-size: 28px;
    }
    .must-read .read p.title {
        font-size: 22px;
    }
    .must-read .read p.other {
        font-size: 16px;
        margin: 10px;
        max-width: 500px;
    }
    .freedom {
        padding: 70px 0;
    }
    .freedom h2 {
        font-size: 28px;
        margin-bottom: 25px;
    }
    .freedom .col1 {
        padding-right: 40px;
    }
    .freedom .col1 p {
        font-size: 15px;
    }
    .freedom .col2 {
        padding: 0 0 0 40px;
    }
    .freedom .col2 p:first-child {
        font-size: 20px;
    }
    .freedom .col2 p.by {
        font-size: 15px;
    }
    .freedom .button,
    .freedom .col2 p.by {
        margin-top: 33px;
    }
    .testimonials .intro span {
        font-size: 20px;
    }
    .testimonials .wrapper {
        margin: 0 -45px;
    }
    .testimonials .list.loading {
        min-height: 300px;
    }
    .testimonials .testi {
        padding: 40px 45px;
    }
    .testimonials .testi .image {
        width: 120px;
        margin-right: 40px;
    }
    .testimonials .testi .bsz {
        width: 120px;
        height: 120px;
    }
    .testimonials .testi p.quote {
        font-size: 23px;
    }
    .testimonials .testi p.from {
        font-size: 15px;
        margin-top: 35px;
    }
    .cities .sizer {
        padding-top: 50%;
    }
    .cities .center {
        padding: 0 75px;
        width: auto;
    }
    .cities .city .wrapper {
        padding: 60px 0;
    }
    .cities .pulled {
        font-size: 21px;
    }
    .cities .code {
        font-size: 60px;
    }
    .cities .loc {
        font-size: 18px;
    }
    .cities .text {
        margin-top: 30px;
    }
    .cities .icon img {
        width: 125px;
    }
    .cities .temp {
        font-size: 30px;
        margin-top: 30px;
    }
    .cities .time {
        font-size: 20px;
    }
    .cities .list .center {
        display: block;
    }
    .cities .list {
        bottom: 30px;
    }
    .cities .list .center {
        padding-left: 50px;
    }
    .cities .list a {
        font-size: 14px;
    }
    .blog-overview {
        padding-top: 60px;
    }
    .blog-overview h2.title .bold {
        font-size: 36px;
        line-height: 48px;
        margin-right: 20px;
    }
    .blog-overview h2.title .italic {
        font-size: 44px;
        line-height: 48px;
    }
    .blog-overview .recent {
        font-size: 18px;
    }
    .blog-overview .categories {
        margin-top: 45px;
    }
    .blog-overview .categories a,
    .blog-overview .categories a .number {
        font-size: 15px;
        font-weight: 400;
    }
    .shuffle-list {
        margin-top: 20px;
    }
    .blog-post {
        padding: 25px;
    }
    .blog-post .author,
    .blog-post .count {
        font-size: 13px;
    }
    .blog-post p.text {
        font-size: 19px;
        margin: 18px 0;
    }
    .home-subscribe {
        padding: 100px 30px;
    }
    .home-subscribe form {
        margin: 40px auto 0;
    }
    .subscribe-form input[type="text"],
    .subscribe-text-animator {
        font-size: 28px;
        padding: 5px 25px;
    }
    .thank {
        font-size: 16px;
    }
    .logos {
        padding: 44px 0;
    }
    .logos .center {
        padding: 0 30px;
    }
    .logos .logo img {
        max-width: 75%;
    }
    .membership .sizer {
        padding-top: 65%;
    }
    .membership .logo-copy {
        width: 190px;
    }
    .membership .black-icon {
        margin-top: 30px;
        max-width: 70%;
    }
    .membership .black-icon img {
        max-width: 70%;
    }
    .membership p.text {
        font-size: 16px;
        margin-top: 35px;
    }
    .membership p.status {
        margin-top: 45px;
    }
    .membership .button {
        margin-top: 45px;
    }
    .membership .bsz {
        position: absolute !important;
        -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        transform: translateY(0) !important;
    }
    .event-overview {
        margin-top: 90px;
    }
    .event-overview .read .sizer {
        padding-top: 120%;
    }
    .event-overview .read p.date {
        font-size: 20px;
    }
    .event-overview .read h2 {
        font-size: 25px;
    }
    .event-overview .read a.button {
        margin-top: 20px;
    }
    .instant .center {
        padding: 50px;
    }
    .instant .subscribe p.desc {
        font-size: 22px;
        line-height: 1.4;
    }
    .footer .center {
        padding: 60px;
    }
    .footer>.center {
        padding-top: 15px;
    }
    .footer .subscribe-form {
        margin-left: 0;
    }
    .footer .subscribe p.desc {
        font-size: 21px;
    }
    .footer .offices {
        margin-top: 15px;
    }
    .footer .offices h2 {
        font-size: 26px;
    }
    .footer .offices .list {
        margin-top: 30px;
    }
    .footer .office {
        font-size: 16px;
        width: 25%;
    }
    .footer .office .email {
        font-size: 14px;
    }
    .footer .offices .socials {
        float: none;
        line-height: 2;
        margin-top: 50px;
    }
    .footer .offices .socials h2 {
        margin-bottom: 30px;
        position: static;
    }
    .footer .map-location .sizer {
        padding-top: 60%;
    }
    .footer .map-location .middle-wrap {
        text-align: left;
    }
    .footer .map-location .middle {
        width: 50%;
    }
    .footer .map-location .center {
        padding: 0;
        padding-left: 30px;
        padding-bottom: 40px;
    }
    .map-nav .loc {
        margin: 40px 40px 0;
    }
    .map-nav .short {
        font-size: 36px;
    }
    .map-nav .location {
        font-size: 17px;
    }
    .map-nav .format {
        font-size: 19px;
        margin-top: 20px;
    }
    .footer .copyright {
        padding: 40px 60px;
    }
    .footer .copyright img {
        width: 160px;
    }
    .footer .copyright .links {
        margin-left: 150px;
    }
    .overlay .close {
        right: 30px;
    }
    .blog-page .featured .sizer {
        padding-top: 45%;
    }
    .blog-page .middle {
        max-width: 700px;
    }
    .blog-page .middle .type {
        font-size: 22px;
    }
    .blog-page .middle .text {
        font-size: 26px;
    }
    .blog-page p.by {
        font-size: 16px;
    }
    .blog-page .readtime {
        font-size: 16px;
        height: 44px;
        width: 44px;
        margin-top: 30px;
    }
    .blog-page .blog-overview {
        padding: 40px 0;
    }
    .blog-page .blog-overview .categories {
        margin-top: 25px;
    }
    .blog-page .blog-overview .shuffle-list {
        margin-top: 15px;
    }
    .blog-page .started .sizer {
        padding-top: 42%;
    }
    .blog-page .signup {
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .blog-page .signup .sizer {
        padding-top: 40%;
    }
    .blog-page .signup .middle {
        max-width: 550px;
    }
    .blog-page .signup p {
        font-size: 21px;
        display: block;
        width: auto;
    }
    .blog-page .signup .subscribe {
        display: block;
        width: auto;
        margin-top: 40px;
    }
    .blog-page .subscribe-form .form-group {
        width: 70%;
    }
    .blog-page .banner .sizer {
        height: 600px;
    }
    .blog-page .banner .middle {
        max-width: 630px;
    }
    .blog-page .banner .middle .text {
        font-size: 32px;
    }
    .blog-page .banner .readtime {
        margin-top: 20px;
    }
    .blog-page .banner .watch-video {
        padding-top: 0;
    }
    .blog-page .banner .down {
        bottom: 15px;
    }
    .blog-page .post-wrapper {
        margin-top: 30px;
        padding: 30px 50px;
        max-width: 800px;
    }
    .blog-page .share .author {
        width: 44%;
    }
    .blog-page .share .socials {
        width: 56%;
        position: static;
        display: inline-block;
    }
    .blog-page .share li {
        display: inline-block;
        width: 33.33%;
    }
    .blog-page .comments-tr {
        position: static;
        float: right;
        white-space: nowrap;
        width: auto;
        font-family: 'Georgia';
        letter-spacing: .025em;
    }
    .blog-page .comments-tr>div {
        display: inline-block;
        vertical-align: middle;
    }
    .blog-page .comments-tr .icon-wrap {
        width: 25px;
        height: 22px;
        margin-right: 20px;
    }
    .blog-page .comments-tr .icon {
        -webkit-transform: scale(.2);
        -ms-transform: scale(.2);
        transform: scale(.2);
    }
    .blog-page .comments-tr .total {
        font-size: 17px;
    }
    .blog-page .comments-tr .label {
        font-size: 17px;
    }
    .comments-tr.on-header {
        top: 10px;
    }
    .related-posts {
        margin-top: 10px;
    }
    .comments-list .count {
        font-size: 17px;
    }
    .comment .from .name {
        font-size: 20px;
    }
    .comment .circle {
        font-size: 24px;
    }
    .comment .p {
        font-size: 17px;
    }
    .reply .comment .p {
        font-size: 15px;
    }
    .reply .comment .circle {
        font-size: 18px;
    }
    .grey-box.banner h4 {
        font-size: 16px;
    }
    .grey-box h4:before {
        width: 70px;
    }
    .grey-box .left p,
    h1.page-title {
        font-size: 58px;
    }
    .career-page .middle {
        padding: 0 60px;
        width: 100%;
    }
    .career-page p {
        font-size: 22px;
        margin-top: 5px;
    }
    .grey-box h5 {
        font-size: 21px;
        margin-top: 0;
    }
    .grey-box .right p {
        font-size: 14px;
    }
    h2.with-line {
        padding-bottom: 30px;
    }
    h2.with-line span {
        font-size: 30px;
    }
    h2.with-line:before,
    .studio span.line {
        width: 100px;
        margin-right: 25px;
    }
    .studio .where h2.with-line .line {
        margin-left: -130px;
    }
    p.i {
        font-size: 20px;
    }
    .studio .who {
        padding: 70px 0;
    }
    .who.lr .left {
        float: none;
        width: auto;
    }
    .who.lr .right {
        margin-left: 40px;
        margin-bottom: 20px;
    }
    .studio .where .left p {
        font-size: 28px;
    }
    .studio .office {
        font-size: 19px;
    }
    .studio>.image {
        margin-top: 80px;
    }
    .studio>.image p {
        font-size: 48px;
    }
    .studio .what {
        padding: 80px 60px;
    }
    .studio .why img {
        opacity: .1;
    }
    .studio .why h2.with-line {
        margin-left: -125px;
    }
    .studio .release .download {
        padding-top: 50px;
    }
    .studio .release .text {
        font-size: 18px;
    }
    .studio .release .icon-pdf {
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75);
        margin-bottom: 15px;
    }
    .studio .release .icon-download {
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5);
        margin-top: 20px;
    }
    .instructors {
        margin-top: 65px;
    }
    .instructor {
        margin-bottom: 80px;
    }
    .instructor h3 {
        font-size: 30px;
    }
    .instructor .middle p {
        font-size: 18px;
    }
    .instructor.odd .image {
        margin: 0 30px 20px 0;
    }
    .instructor.even .image {
        margin: 0 0 20px 30px;
    }
    .instructor.odd .text,
    .instructor.even .text {
        float: none;
        width: auto;
        max-width: none;
    }
    .instructor .quote-symbol {
        font-size: 50px;
        line-height: 48px;
    }
    .instructor p.n {
        margin-top: 28px;
    }
    .team .member {
        margin-bottom: 50px;
    }
    .team h3.name {
        font-size: 21px;
        line-height: 1.2;
    }
    .team .job-title {
        font-size: 16px;
    }
    .people .team p.i {
        padding-left: 30px;
        font-size: 15px;
    }
    .people .team p.i:before {
        font-size: 42px;
        left: -5px;
        top: -3px;
    }
    .people .team p.en {
        font-size: 14px;
    }
    .people .careers {
        margin-right: 150px;
    }
    .people .careers p {
        font-size: 21px;
    }
    .people .careers .button {
        margin-left: 10px;
    }
    .bootcamp .get-access {
        width: 265px;
        font-size: 15px;
        line-height: 46px;
    }
    .get-access span.arrow {
        margin-left: 15px;
    }
    .bootcamp .vtype {
        padding: 125px 0 70px;
    }
    .bootcamp .video-center {
        width: 60%;
        margin-bottom: 50px;
    }
    .bootcamp .type2 .center {
        padding: 0 40px;
    }
    .bootcamp .video-left {
        margin-right: 40px;
    }
    .bootcamp .text-right .caption {
        font-size: 23px;
        padding-top: 10px;
    }
    .bootcamp .text-right h1 {
        font-size: 30px;
        margin-bottom: 35px;
    }
    .bootcamp .type3 .sizer {
        display: none;
    }
    .bootcamp .type3 .on-top {
        position: static;
    }
    .bootcamp .type3 .middle-wrap {
        padding: 100px 0 40px;
    }
    .bootcamp .type3 p.i {
        font-size: 32px;
    }
    .bootcamp .type3 h1 {
        font-size: 45px;
        margin-bottom: 40px;
    }
    .bootcamp .type3 .middle {
        margin-top: 0;
    }
    .bootcamp .download {
        padding: 30px 30px 0;
    }
    .bootcamp .download .border {
        padding: 20px;
    }
    .bootcamp .download span,
    .bootcamp .download a {
        margin: 0 10px;
    }
    .bootcamp .download .video-icon,
    .bootcamp .download .pdf-icon {
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7);
    }
    .bootcamp .download .text {
        font-size: 15px;
    }
    .itinerary .sizer {
        padding-top: 140%;
    }
    .itinerary .middle {
        padding-top: 75px;
    }
    .itinerary .prefix {
        font-size: 25px;
    }
    .itinerary h3 {
        font-size: 20px;
        margin-top: 15px;
    }
    .itinerary p.text {
        font-size: 15px;
        margin-top: 20px;
    }
    .itinerary .location {
        margin-top: 25px;
        font-size: 17px;
    }
    .itinerary .location .coord {
        font-size: 15px;
    }
    .bootcamp .itinerary .download {
        padding: 20px 15px;
    }
    .bootcamp h2 {
        font-size: 26px;
    }
    .who-learn {
        margin: 60px 0;
    }
    .who-learn .who {
        padding-right: 45px;
    }
    .who-learn .learn {
        padding-left: 45px;
    }
    .who-learn li {
        font-size: 15px;
    }
    .about-author {
        padding: 80px 0 70px;
    }
    .about-author p.i {
        font-size: 17px;
    }
    .about-author .from {
        font-size: 16px;
        margin-top: 35px;
    }
    .upcoming .text h2 {
        font-size: 30px;
    }
    .upcoming .text .location {
        font-size: 24px;
    }
    .upcoming .itin {
        padding: 30px 30px 10px 0;
    }
    .instructor.even .middle {
        margin-left: 35%;
    }
    .event-drilldown .text {
        bottom: 50px;
        right: 50px;
        font-size: 15px;
    }
    .event-drilldown .text h1 {
        font-size: 30px;
    }
    .event-drilldown .text p.date {
        font-size: 17px;
    }
    .event-drilldown .text p.n {
        margin-top: 20px;
    }
    .ssm-page .text-banner {
        padding: 130px 0 100px;
    }
    .ssm-page .text-banner p.big {
        font-size: 32px;
    }
    .ssm-page .text-banner p.small,
    .ssm-page .points p.big {
        font-size: 18px;
    }
    .ssm-video {
        padding: 80px 0 0;
        overflow: hidden;
    }
    .ssm-video .video-left {
        width: 75%;
        margin: auto;
        max-width: none;
    }
    .ssm-video.stype2 .video-left {
        display: none;
    }
    .ssm-video.stype2 {
        padding-top: 0;
    }
    .ssm-form {
        position: relative;
        margin: auto;
        margin-top: 80px;
    }
    .ssm-form:before {
        position: absolute;
        top: 60%;
        height: 300%;
        left: -1000%;
        width: 2000%;
        background-color: #1d1d1d;
        content: "";
    }
    .ssm-form .white-bg {
        position: relative;
    }
    .ssm-form .logo {
        margin-bottom: 30px;
    }
    .ssm-form .logo img {
        max-width: 60%;
    }
    .ssm-form .instant {
        margin-top: 30px;
    }
    .ssm-page h2.with-line:before {
        display: none;
    }
    .ssm-page h2.with-line {
        padding-bottom: 30px;
    }
    .ssm-page .instructor p.n {
        margin-top: 20px;
    }
    .ssm-page blockquote {
        padding: 60px 30px;
        font-size: 22px;
    }
    .ssm-form button.notify-me,
    .ssm-page a.button.pale-blue {
        padding-top: 15px;
        padding-bottom: 17px;
    }
    .ssm-page .points .description {
        padding-left: 60px;
    }
    a.play .circle img {
        height: 50px;
        width: 50px;
    }
    .roles .count {
        font-size: 32px;
        padding: 60px 0;
    }
    .roles .count .label {
        padding-bottom: 10px;
    }
    .roles .count h2 {
        font-size: 40px;
    }
    .roles .color {
        margin-right: 20px;
    }
    .roles .empty {
        margin-top: 40px;
        font-size: 22px;
    }
    .role {
        padding: 60px 0;
    }
    .role .location {
        font-size: 24px;
    }
    .role .fa {
        margin-right: 20px;
    }
    .role h3 {
        font-size: 32px;
    }
    .job h1 {
        font-size: 44px;
        padding: 60px 0 50px;
    }
    .job .spec>div {
        font-size: 21px;
        margin-left: 60px;
    }
    .job .text {
        font-size: 16px;
        padding-bottom: 50px;
    }
    .job .text em {
        font-size: 20px;
    }
    .job .text strong {
        font-size: 23px;
    }
    .job .text p>strong:first-child {
        padding-top: 25px;
    }
    .job .button {
        font-size: 18px;
    }
    .job .share h4 {
        font-size: 21px;
    }
    .job .share {
        width: 120px;
    }
    .job .share a {
        font-size: 15px;
    }
    .jobs .people h2 {
        font-size: 30px;
        padding: 30px 0 20px;
    }
}
@media(max-width:800px) {
    .footer>.center {
        padding-top: 10px !important;
    }
    .must-read .read {
        width: 100%;
    }
    .must-read .read .sizer {
        padding-top: 56.25%;
    }
    .cities .sizer {
        padding-top: 65%;
    }
    .testimonials .testi {
        width: 100%;
    }
    .membership p.text {
        font-size: 15px;
    }
    .membership p.status {
        margin-top: 35px;
    }
    .event-overview {
        margin-top: 75px;
    }
    .footer .subscribe {
        width: 70%;
    }
    .footer .office {
        width: 50%;
        margin-bottom: 40px;
    }
    .footer .offices .socials {
        margin-top: 10px;
    }
    .footer .map-location .middle {
        width: 75%;
    }
    .footer .copyright .links {
        margin-left: 0;
    }
    .footer .copyright .socials {
        display: none;
    }
    .blog-page .featured .sizer {
        padding-top: 65%;
    }
    .blog-page .featured .middle {
        padding-top: 90px;
    }
    .blog-page .middle .type {
        font-size: 19px;
    }
    .blog-page .middle .text {
        font-size: 23px;
    }
    .blog-page p.by,
    .blog-page .readtime {
        font-size: 15px;
    }
    .blog-page .blog-overview {
        padding: 40px 0;
    }
    .blog-page .started .sizer {
        padding-top: 52%;
    }
    .blog-page .started .subscribe-form {
        max-width: 400px;
    }
    .subscribe-form input[type="text"],
    .subscribe-text-animator {
        font-size: 24px;
    }
    .blog-page .signup {
        margin-top: 50px;
    }
    .blog-page .signup .sizer {
        padding-top: 45%;
    }
    .blog-page .signup p {
        font-size: 22px;
    }
    .blog-page .banner .middle .text {
        font-size: 27px;
    }
    .blog-page .post h1 {
        font-size: 28px;
    }
    .blog-page .post p {
        font-size: 16px;
    }
    .blog-page .post blockquote {
        font-size: 21px;
        padding-left: 200px;
        padding-bottom: 10px;
    }
    .blog-page .post blockquote:before {
        font-size: 50px;
    }
    .blog-page .post strong,
    .blog-page .post b {
        font-size: 21px;
    }
    .blog-page .instant .subscribe-form {
        padding-left: 0;
    }
    .blog-page .instant .subscribe p.desc {
        font-size: 22px;
    }
    .related-posts {
        margin-top: 10px;
    }
    .blog-page .person {
        padding-right: 50px;
    }
    .blog-page .comment-type {
        padding-left: 50px;
    }
    .grey-box.banner h4 {
        font-size: 15px;
    }
    .grey-box h4:before {
        width: 50px;
        margin-right: 15px;
    }
    .grey-box .left p,
    h1.page-title {
        font-size: 48px;
    }
    .career-page p {
        font-size: 20px;
    }
    .grey-box {
        padding: 150px 50px 100px;
    }
    .grey-box.lr .left,
    .grey-box.lr .right {
        width: 100%;
        max-width: none;
    }
    .grey-box.lr .right {
        text-align: left;
        padding-left: 0;
        margin-top: 40px;
    }
    .instant .subscribe,
    .studio .release .download {
        width: 75%;
    }
    .instant .subscribe p.desc {
        font-size: 21px;
    }
    .instant .subscribe-form {
        margin-left: 0;
    }
    h2.with-line span {
        font-size: 26px;
    }
    h2.with-line:before,
    .studio span.line {
        width: 80px;
        margin-right: 15px;
    }
    .studio .where h2.with-line .line {
        margin-left: -130px;
    }
    p.i {
        font-size: 19px;
    }
    p.n {
        font-size: 14px;
    }
    .studio .who p.n {
        margin-top: 30px;
    }
    .studio .who {
        padding: 60px 0;
    }
    .studio .where .left p {
        font-size: 20px;
    }
    .studio .office {
        font-size: 16px;
    }
    .studio>.image {
        margin-top: 60px;
    }
    .studio>.image p {
        font-size: 36px;
    }
    .studio .what {
        padding: 60px;
    }
    .studio .what .left p {
        margin-right: 30px;
    }
    .studio .what .right p {
        margin-left: 30px;
    }
    .studio .why h2.with-line {
        margin-left: -95px;
    }
    .studio .why .lr {
        bottom: 40px;
    }
    .studio .why .right p {
        padding-right: 50px;
    }
    .studio .release .download {
        padding-left: 0;
        padding-bottom: 20px;
    }
    .studio .release .instant {
        position: static;
    }
    .studio .release>.center {
        text-align: center;
    }
    .instructors {
        margin-top: 50px;
    }
    .instructor h3 {
        font-size: 24px;
    }
    .instructor .middle p {
        font-size: 16px;
    }
    .instructor.odd .text,
    .instructor.even .text {
        padding: 0 50px;
    }
    .instructor p.n {
        margin-top: 25px;
    }
    .instructor.even .middle {
        margin-left: 35%;
    }
    .team h2.with-line {
        margin-left: 25px;
    }
    .team {
        margin: 0 -25px;
    }
    .team .member {
        padding: 0 25px;
    }
    .team h3.name {
        font-size: 19px;
    }
    .team .job-title {
        font-size: 15px;
    }
    .people .team p.i {
        padding-left: 24px;
        font-size: 14px;
        letter-spacing: .025em;
    }
    .people .team p.i:before {
        font-size: 32px;
    }
    .people .careers {
        margin-right: 180px;
        padding: 40px 0;
        margin-bottom: 30px;
    }
    .people .careers p {
        font-size: 19px;
    }
    .people .careers .button {
        margin-left: 40px;
    }
    .bootcamp .video-center {
        width: 75%;
    }
    .bootcamp .video-left {
        margin-right: 30px;
    }
    .bootcamp .text-right .caption {
        font-size: 17px;
        padding-top: 5px;
    }
    .bootcamp .text-right h1 {
        font-size: 22px;
        margin-bottom: 25px;
    }
    .bootcamp .type3 p.i {
        font-size: 26px;
    }
    .bootcamp .type3 h1 {
        font-size: 38px;
    }
    .testimonials {
        padding: 40px 0;
    }
    .itinerary {
        width: 50%;
    }
    .itinerary .sizer {
        padding-top: 125%;
    }
    .bootcamp .itinerary .download {
        padding: 15px;
    }
    .bootcamp h2 {
        font-size: 24px;
    }
    .who-learn .who {
        padding-right: 35px;
    }
    .who-learn .learn {
        padding-left: 35px;
    }
    .about-author .left {
        max-width: 760px;
        width: auto;
    }
    .upcoming .text h2 {
        font-size: 28px;
        line-height: 1.15;
    }
    .upcoming .text h2 .b {
        line-height: normal;
    }
    .upcoming .text .location {
        font-size: 22px;
    }
    .event-drilldown a.back {
        font-size: 36px;
        left: auto;
        right: 60px;
    }
    .event-drilldown .text {
        bottom: 85px;
    }
    .ssm-page .points {
        margin-top: 60px;
    }
    .ssm-page .points .description,
    .ssm-page .points .testimonials {
        width: auto;
        display: block;
    }
    .ssm-page .points .description {
        padding-bottom: 70px;
    }
    .ssm-page .points .description p.i {
        margin-top: 35px;
        font-size: 19px;
    }
    .ssm-page .number {
        margin-top: 20px;
    }
    .ssm-page .points li {
        font-size: 16px;
    }
    .ssm-page .points .testimonials .wrapper {
        margin: 0;
    }
    .ssm-page .points .testimonials .list {
        width: 100%;
    }
    .ssm-page .points .testimonials .animation-layer {
        width: 100%;
        height: 100%;
        white-space: nowrap;
    }
    .ssm-page .points .testimonials .animation-layer .testi,
    .ssm-page .points .testimonials .list .testi:first-child {
        display: inline-block;
    }
    .ssm-page .points .testi {
        padding: 10px 10px 20px !important;
    }
    .ssm-page blockquote {
        margin-bottom: 80px;
    }
    .footer .copyright .logo {
        margin: 0;
    }
    .roles .count {
        font-size: 28px;
    }
    .roles .count h2 {
        font-size: 36px;
    }
    .roles .color {
        margin-right: 15px;
    }
    .roles .empty {
        font-size: 20px;
        padding-bottom: 0;
    }
    .role .location {
        font-size: 21px;
    }
    .role h3 {
        font-size: 26px;
    }
    .job h1 {
        font-size: 40px;
        padding: 50px 0 45px;
    }
    .job .share {
        display: none;
    }
    .job .buttons {
        padding-bottom: 50px;
    }
    .job .team .member {
        width: 50%;
    }
    .jobs .people h2 {
        padding-bottom: 10px;
    }
}
@media(max-width:740px) and (orientation:landscape) {
    .carousel,
    .blog-page .banner .sizer {
        height: 360px;
    }
    .bouncing-down {
        display: none;
    }
}
@media(min-height:1100px) {
    .plan-view .middle-wrap {
        height: 100%;
    }
}
@media(max-width:1920px) {
    .timeline .overview {
        z-index: 2;
    }
    .timeline .overview .position {
        padding: 130px 0 50px 100px;
    }
    .timeline .overview p {
        font-size: 18px;
        width: 110%;
    }
    .timeline .overview .button {
        left: 100px;
    }
    .timeline .year {
        font-size: 23px;
    }
    .timeline h2 {
        font-size: 42px;
    }
    .timeline .desc {
        margin-bottom: 115px;
    }
    .timeline .special .border,
    .timeline .stage3 {
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75);
    }
    .timeline .line.left:after {
        margin-left: -127px;
    }
    .timeline .line.right:after {
        margin-left: 127px;
    }
    .timeline .line-for.i1 {
        margin-left: 62px;
        margin-bottom: 110px;
    }
    .timeline .stage3.i1 {
        margin-left: 120px;
        margin-bottom: 226px;
    }
    .timeline .line-for.i2 {
        margin-left: 113px;
        margin-bottom: 55px;
    }
    .timeline .stage3.i2 {
        margin-left: 463px;
        margin-bottom: 40px;
    }
    .timeline .line-for.i3 {
        margin-left: 115px;
        -webkit-transform: rotate(-74deg);
        -ms-transform: rotate(-74deg);
        transform: rotate(-74deg);
    }
    .timeline .stage3.i3 {
        margin-left: 320px;
        margin-top: 0;
    }
    .timeline p.n {
        font-size: 16px;
    }
}
@media(max-width:1600px) {
    .timeline .overview {
        width: 36%;
    }
    .timeline .overview .position {
        padding: 100px 0 40px 100px;
    }
    .timeline .overview p {
        font-size: 15px;
        width: 200%;
    }
    .timeline .overview .button {
        padding-top: 10px;
    }
    .timeline .special .border,
    .timeline .stage3 {
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6);
    }
    .timeline .desc {
        margin-bottom: 140px;
        max-width: 420px;
    }
    .click-through .visible .desc {
        top: 110px;
        bottom: 40px;
    }
    .text-carousel div {
        font-size: 13px;
    }
    .timeline .year {
        font-size: 20px;
    }
    .timeline h2 {
        font-size: 32px;
    }
    .timeline .desc {
        margin-bottom: 80px;
    }
    .timeline .line.left:after {
        margin-left: -102px;
    }
    .timeline .line.right:after {
        margin-left: 102px;
    }
    .timeline .line-for.i1 {
        margin-left: 62px;
        margin-bottom: 80px;
    }
    .click-through .line-for.i1 {
        width: 180px;
    }
    .timeline .stage3.i1 {
        margin-left: 85px;
        margin-bottom: 116px;
    }
    .timeline .line-for.i2 {
        margin-left: 95px;
        margin-bottom: 35px;
    }
    .click-through .line-for.i2 {
        width: 307px;
    }
    .timeline .stage3.i2 {
        margin-left: 320px;
        margin-bottom: -30px;
    }
    .timeline .line-for.i3 {
        margin-left: 98px;
        -webkit-transform: rotate(-74deg);
        -ms-transform: rotate(-74deg);
        transform: rotate(-74deg);
        margin-top: 25px;
    }
    .click-through .line-for.i3 {
        height: 247px;
    }
    .timeline .stage3.i3 {
        margin-left: 260px;
        margin-top: -40px;
    }
    .timeline p.n {
        font-size: 15px;
    }
    .timeline-shortcut {
        padding: 30px 40px;
    }
    .plan-view .middle-wrap {
        padding: 100px 50px;
    }
    .plan-view .plan {
        width: 33.33%;
        padding: 40px;
    }
    .plan-view .year {
        font-size: 24px;
        letter-spacing: .15em;
    }
    .plan-view h3 {
        font-size: 26px;
    }
    .plan-view .text {
        line-height: 1.5;
    }
    .plan-view .text.h0 {
        padding: 20px 0 22px;
    }
    .plan-view .close {
        top: -10px;
        bottom: auto;
        margin-right: -13px;
        font-size: 72px;
    }
}
@media(max-height:800px) {
    .timeline .special .border,
    .timeline .stage3 {
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5);
    }
    .timeline .line.left:after {
        margin-left: -85px;
    }
    .timeline .line.right:after {
        margin-left: 83px;
    }
    .timeline .line-for.i1 {
        margin-left: 35px;
        margin-bottom: 75px;
    }
    .timeline .stage3.i1 {
        margin-left: 20px;
        margin-bottom: 60px;
    }
    .click-through .line-for.i1 {
        width: 135px;
    }
    .timeline .line-for.i2 {
        margin-left: 72px;
        margin-bottom: 40px;
    }
    .timeline .stage3.i2 {
        margin-left: 274px;
        margin-bottom: -14px;
    }
    .timeline .line-for.i3 {
        margin-left: 80px;
        -webkit-transform: rotate(-73deg);
        -ms-transform: rotate(-73deg);
        transform: rotate(-73deg);
    }
    .timeline .stage3.i3 {
        margin-left: 183px;
        margin-top: -70px;
    }
    .click-through .line-for.i3 {
        height: 200px;
    }
    .timeline p.n,
    .timeline-shortcut a {
        font-size: 14px;
    }
    .timeline-shortcut {
        padding: 20px 40px;
    }
    .timeline .desc {
        margin-bottom: 55px;
    }
    .timeline h2 {
        font-size: 28px;
    }
}
@media(max-width:1024px) {
    .timeline .year {
        font-size: 18px;
    }
    .timeline h2 {
        font-size: 24px;
    }
    .timeline a.close {
        font-size: 40px;
        line-height: 1;
        top: -5px;
    }
    .timeline .overview {
        width: 100%;
    }
    .timeline-shortcut a {
        margin: 0 30px;
        letter-spacing: .1em;
        font-size: 13px;
    }
    .timeline .overview {
        width: 100%;
    }
    .timeline .overview .position {
        padding-right: 100px;
    }
    .timeline .overview p {
        width: 100%;
    }
    .timeline .overview .button {
        left: 100px;
        margin-top: 30px;
        height: 46px;
        width: 124px;
        line-height: 2;
        padding-top: 6px;
    }
    .timeline .button rect {
        height: 42px;
        width: 120px;
    }
    .timeline .line-for.i2 {
        margin-left: 72px;
        margin-bottom: 40px;
    }
    .timeline .stage3.i2 {
        margin-left: 200px;
        margin-bottom: -50px;
    }
    .click-through .line-for.i2 {
        width: 225px;
    }
    .timeline .line-for.i3 {
        margin-left: 80px;
        -webkit-transform: rotate(-73deg);
        -ms-transform: rotate(-73deg);
        transform: rotate(-73deg);
    }
    .timeline .stage3.i3 {
        margin-left: 152px;
        margin-top: -70px;
    }
    .click-through .line-for.i3 {
        height: 170px;
    }
    .timeline .position {
        height: 62%;
    }
    .timeline a.angle-left {
        left: 20%;
    }
    .timeline a.angle-right {
        right: 20%;
    }
    .timeline .dot {
        display: none !important;
    }
    .plan-view .middle-wrap {
        padding: 90px 40px 50px;
    }
    .plan-view .middle .scroller {
        padding-bottom: 20px;
    }
    .plan-view .plan {
        width: 33.33%;
        padding: 35px;
    }
    .plan-view .year {
        font-size: 20px;
    }
    .plan-view h3 {
        font-size: 22px;
        padding-right: 0;
    }
    .plan-view .text.h0 {
        padding: 15px 0 17px;
    }
    .plan-view .close {
        margin-right: -20px;
        font-size: 60px;
    }
}
@media(max-width:800px) and (orientation:portrait) {
    .timeline .overview .position {
        padding-left: 50px;
        padding-right: 50px;
    }
    .timeline .overview .button {
        left: 50px;
    }
    .timeline h2 {
        font-size: 23px;
    }
    .timeline .line-for.i1 {
        margin-left: 35px;
        margin-bottom: 75px;
    }
    .timeline .stage3.i1 {
        margin-left: 20px;
        margin-bottom: 60px;
    }
    .click-through .line-for.i1 {
        width: 135px;
    }
    .timeline .line-for.i2 {
        margin-left: 87px;
        margin-bottom: -50px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .timeline .stage3.i2 {
        margin-left: 50px;
        margin-bottom: -350px;
    }
    .click-through .line-for.i2 {
        width: 85px;
    }
    .timeline .line-for.i3 {
        margin-left: -70px;
        margin-top: 70px;
        -webkit-transform: rotate(57deg);
        -ms-transform: rotate(57deg);
        transform: rotate(57deg);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
    }
    .timeline .stage3.i3 {
        margin-left: -400px;
        margin-top: 10px;
    }
    .click-through .line-for.i3 {
        height: 94px;
    }
    .click-through .visible .desc {
        top: 100px;
        bottom: 150px;
        width: 50%;
    }
    .show-timeline .header .blog,
    .show-timeline .header .start {
        display: none !important;
    }
    .plan-view .plan {
        width: 50%;
    }
}
@media(max-width:800px) {
    .timeline .click-overlay {
        background-color: rgba(0, 0, 0, .8);
        z-index: 99999;
        opacity: 0;
        display: none;
        -webkit-transition: opacity .5s linear;
        transition: opacity .5s linear;
    }
    .timeline .click-overlay .desc {
        position: static;
        width: auto;
        color: #fff;
        padding: 25px 25px 15px;
        margin-bottom: 0;
        height: auto;
        max-width: none;
        opacity: 1;
    }
    .timeline .click-overlay p.n {
        display: block;
        color: #fff;
        line-height: 1.5;
        font-size: 12px;
        padding: 35px 25px 25px;
    }
    .timeline .click-overlay .ellipse {
        position: relative;
        margin: 0 !important;
        width: 20%;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        display: inline-block;
        z-index: 2;
    }
    .timeline .click-overlay .line {
        bottom: 50%;
    }
    .timeline .click-overlay .line.left:after {
        margin-left: 0;
    }
    .timeline .click-overlay .line.right:after {
        margin-left: 0;
    }
    .timeline .click-overlay .ellipse-position {
        white-space: nowrap;
        text-align: center;
        position: relative;
    }
    .timeline .click-overlay .stage3 {
        width: 120px;
        height: 120px;
        margin-left: 100px !important;
    }
    .timeline .click-overlay .stage3:first-child {
        margin-left: 0 !important;
    }
    .timeline .click-overlay .ellipse .border {
        padding: 0;
    }
    .timeline .click-overlay .ellipse svg {
        display: none;
    }
    .timeline .click-overlay .stage3,
    .timeline .click-overlay .border {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    .timeline .click-overlay a.close {
        top: 0;
        opacity: 1;
        visibility: visible;
    }
    .timeline .click-overlay {
        overflow: auto;
    }
}
@media(max-width:740px) {
    .timeline .overview .position {
        padding: 80px 40px 30px;
    }
    .timeline .overview p {
        font-size: 14px;
        height: 100%;
        overflow: auto;
    }
    .timeline .overview .button {
        left: 40px;
        margin-top: 25px;
    }
    .timeline .position {
        height: 65%;
    }
    .text-carousel {
        display: none;
    }
    .timeline .year {
        font-size: 15px;
    }
    .timeline h2 {
        font-size: 20px;
    }
    .timeline .desc {
        margin-bottom: 25px;
    }
    .timeline .ellipse {
        width: 200px;
        height: 200px;
    }
    .timeline .ellipse .border {
        padding: 15px;
    }
    .timeline .special .border,
    .timeline .stage3 {
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5);
    }
    .timeline .line.left:after {
        margin-left: -50px;
    }
    .timeline .line.right:after {
        margin-left: 50px;
    }
    .timeline-shortcut {
        padding: 15px 30px;
    }
    .navbar a.view {
        margin-right: 30px;
        font-size: 14px;
    }
}
@media(max-width:600px) {
    .timeline .line.left:after {
        margin-left: -55px;
    }
    .timeline .line.right:after {
        margin-left: 54px;
    }
    .timeline .desc {
        margin-bottom: 30px;
    }
    .timeline .click-overlay .stage3 {
        width: 100px;
        height: 100px;
        margin-left: 70px !important;
    }
}
@media(max-width:450px) {
    .navbar a.view.timelineview {
        display: none;
    }
    .plan-view .plan {
        width: 100%;
        padding: 0;
    }
    .plan-view .text {
        font-size: 13px;
    }
    .plan-view .year {
        font-size: 16px;
    }
    .plan-view .close {
        margin-right: 0;
        font-size: 50px;
        top: -40px;
    }
    .plan-view h3 {
        font-size: 19px;
        padding: 5px 0 10px;
    }
    .plan-view .b0 {
        height: auto !important;
    }
    .timeline .click-overlay .stage3 {
        margin-left: 15px !important;
    }
}
@media(max-width:320px) {
    .timeline .click-overlay .stage3 {
        margin-left: 5px !important;
    }
}
@media(min-width:2200px) {
    .cities .list .center {
        text-align: justify;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media(max-width:2200px) {
    .cities .sizer {
        padding-top: 40%;
    }
    .event-overview .read .sizer {
        padding-top: 90%;
    }
    .must-read .read p.other {
        margin: 15px 50px;
    }
    .testimonials .testi {
        padding: 75px 70px;
    }
    .testimonials .testi .image {
        width: 175px;
        margin-right: 65px;
    }
    .testimonials .testi .bsz {
        width: 175px;
        height: 175px;
    }
    .testimonials .testi p.quote {
        font-size: 38px;
    }
    .testimonials .testi p.from {
        font-size: 17px;
        margin-top: 45px;
    }
    .blog-page .middle .type {
        font-size: 32px;
    }
    .blog-page .middle .text {
        font-size: 48px;
    }
    .blog-page .started .sizer {
        padding-top: 32%;
    }
}
@media(min-width:1900px) {
    .field-blogcomment-name,
    .field-blogcomment-email {
        display: inline-block;
        width: 47%;
    }
    .field-blogcomment-email {
        margin-left: 6%;
    }
    .close-pullout .post-comment {
        padding-left: 60px;
    }
    .comments-overlay {
        padding-top: 85px;
    }
}
@media(max-width:1920px) {
    .center {
        width: 95%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .cities .sizer {
        padding-top: 45%;
    }
    .must-read .read h2 {
        font-size: 43px;
    }
    .must-read .read p.title {
        font-size: 30px;
    }
    .must-read .read p.other {
        font-size: 17px;
    }
    .event-overview .read h2 {
        font-size: 30px;
    }
    .event-overview .read p.date {
        font-size: 26px;
    }
    .blog-page .share>div {
        width: 340px;
    }
    .comments-tr .icon-wrap {
        width: 32px;
        height: 28px;
    }
    .comments-tr .icon {
        -webkit-transform: scale(.25);
        -ms-transform: scale(.25);
        transform: scale(.25);
    }
    .comments-tr .total,
    .ssm-page .points .description p.i {
        font-size: 24px;
    }
    .comments-tr .label {
        font-size: 17px;
    }
    .ssm-page .text-banner {
        padding-top: 200px;
    }
    .ssm-page .text-banner p.big {
        font-size: 60px;
    }
    .ssm-page .text-banner p.small,
    .ssm-page .points p.big {
        font-size: 30px;
    }
    .ssm-form {
        right: 50px;
    }
    .ssm-page blockquote {
        padding: 100px;
        font-size: 30px;
        margin-bottom: 120px;
    }
    .ssm-page .points li {
        font-size: 21px;
    }
    h2.with-line span {
        font-size: 58px;
        line-height: 1;
    }
    p.i {
        font-size: 30px;
    }
}
@media (max-width: 1024px) .must-read .read .middle {
    max-width: none;
    padding: 0 30px;
}
.must-read .read .middle {
    max-width: 490px;
}
.middle {
    vertical-align: middle;
    display: inline-block;
    white-space: normal;
}
@media(max-width:1024px) {
    .timeline .year {
        font-size: 18px;
    }
    .timeline h2 {
        font-size: 24px;
    }
    .timeline a.close {
        font-size: 40px;
        line-height: 1;
        top: -5px;
    }
    .timeline .overview {
        width: 100%;
    }
    .timeline-shortcut a {
        margin: 0 30px;
        letter-spacing: .1em;
        font-size: 13px;
    }
    .timeline .overview {
        width: 100%;
    }
    .timeline .overview .position {
        padding-right: 100px;
    }
    .timeline .overview p {
        width: 100%;
    }
    .timeline .overview .button {
        left: 100px;
        margin-top: 30px;
        height: 46px;
        width: 124px;
        line-height: 2;
        padding-top: 6px;
    }
    .timeline .button rect {
        height: 42px;
        width: 120px;
    }
    .timeline .line-for.i2 {
        margin-left: 72px;
        margin-bottom: 40px;
    }
    .timeline .stage3.i2 {
        margin-left: 200px;
        margin-bottom: -50px;
    }
    .click-through .line-for.i2 {
        width: 225px;
    }
    .timeline .line-for.i3 {
        margin-left: 80px;
        -webkit-transform: rotate(-73deg);
        -ms-transform: rotate(-73deg);
        transform: rotate(-73deg);
    }
    .timeline .stage3.i3 {
        margin-left: 152px;
        margin-top: -70px;
    }
    .click-through .line-for.i3 {
        height: 170px;
    }
    .timeline .position {
        height: 62%;
    }
    .timeline a.angle-left {
        left: 20%;
    }
    .timeline a.angle-right {
        right: 20%;
    }
    .timeline .dot {
        display: none !important;
    }
    .plan-view .middle-wrap {
        padding: 90px 40px 50px;
    }
    .plan-view .middle .scroller {
        padding-bottom: 20px;
    }
    .plan-view .plan {
        width: 33.33%;
        padding: 35px;
    }
    .plan-view .year {
        font-size: 20px;
    }
    .plan-view h3 {
        font-size: 22px;
        padding-right: 0;
    }
    .plan-view .text.h0 {
        padding: 15px 0 17px;
    }
    .plan-view .close {
        margin-right: -20px;
        font-size: 60px;
    }
}
@media(max-width:800px) and (orientation:portrait) {
    .timeline .overview .position {
        padding-left: 50px;
        padding-right: 50px;
    }
    .timeline .overview .button {
        left: 50px;
    }
    .timeline h2 {
        font-size: 23px;
    }
    .timeline .line-for.i1 {
        margin-left: 35px;
        margin-bottom: 75px;
    }
    .timeline .stage3.i1 {
        margin-left: 20px;
        margin-bottom: 60px;
    }
    .click-through .line-for.i1 {
        width: 135px;
    }
    .timeline .line-for.i2 {
        margin-left: 87px;
        margin-bottom: -50px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .timeline .stage3.i2 {
        margin-left: 50px;
        margin-bottom: -350px;
    }
    .click-through .line-for.i2 {
        width: 85px;
    }
    .timeline .line-for.i3 {
        margin-left: -70px;
        margin-top: 70px;
        -webkit-transform: rotate(57deg);
        -ms-transform: rotate(57deg);
        transform: rotate(57deg);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
    }
    .timeline .stage3.i3 {
        margin-left: -400px;
        margin-top: 10px;
    }
    .click-through .line-for.i3 {
        height: 94px;
    }
    .click-through .visible .desc {
        top: 100px;
        bottom: 150px;
        width: 50%;
    }
    .show-timeline .header .blog,
    .show-timeline .header .start {
        display: none !important;
    }
    .plan-view .plan {
        width: 50%;
    }
}
@media(max-width:800px) {
    .timeline .click-overlay {
        background-color: rgba(0, 0, 0, .8);
        z-index: 99999;
        opacity: 0;
        display: none;
        -webkit-transition: opacity .5s linear;
        transition: opacity .5s linear;
    }
    .timeline .click-overlay .desc {
        position: static;
        width: auto;
        color: #fff;
        padding: 25px 25px 15px;
        margin-bottom: 0;
        height: auto;
        max-width: none;
        opacity: 1;
    }
    .timeline .click-overlay p.n {
        display: block;
        color: #fff;
        line-height: 1.5;
        font-size: 12px;
        padding: 35px 25px 25px;
    }
    .timeline .click-overlay .ellipse {
        position: relative;
        margin: 0 !important;
        width: 20%;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        display: inline-block;
        z-index: 2;
    }
    .timeline .click-overlay .line {
        bottom: 50%;
    }
    .timeline .click-overlay .line.left:after {
        margin-left: 0;
    }
    .timeline .click-overlay .line.right:after {
        margin-left: 0;
    }
    .timeline .click-overlay .ellipse-position {
        white-space: nowrap;
        text-align: center;
        position: relative;
    }
    .timeline .click-overlay .stage3 {
        width: 120px;
        height: 120px;
        margin-left: 100px !important;
    }
    .timeline .click-overlay .stage3:first-child {
        margin-left: 0 !important;
    }
    .timeline .click-overlay .ellipse .border {
        padding: 0;
    }
    .timeline .click-overlay .ellipse svg {
        display: none;
    }
    .timeline .click-overlay .stage3,
    .timeline .click-overlay .border {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    .timeline .click-overlay a.close {
        top: 0;
        opacity: 1;
        visibility: visible;
    }
    .timeline .click-overlay {
        overflow: auto;
    }
}
@media(max-width:740px) {
    .timeline .overview .position {
        padding: 80px 40px 30px;
    }
    .timeline .overview p {
        font-size: 14px;
        height: 100%;
        overflow: auto;
    }
    .timeline .overview .button {
        left: 40px;
        margin-top: 25px;
    }
    .timeline .position {
        height: 65%;
    }
    .text-carousel {
        display: none;
    }
    .timeline .year {
        font-size: 15px;
    }
    .timeline h2 {
        font-size: 20px;
    }
    .timeline .desc {
        margin-bottom: 25px;
    }
    .timeline .ellipse {
        width: 200px;
        height: 200px;
    }
    .timeline .ellipse .border {
        padding: 15px;
    }
    .timeline .special .border,
    .timeline .stage3 {
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5);
    }
    .timeline .line.left:after {
        margin-left: -50px;
    }
    .timeline .line.right:after {
        margin-left: 50px;
    }
    .timeline-shortcut {
        padding: 15px 30px;
    }
    .navbar a.view {
        margin-right: 30px;
        font-size: 14px;
    }
}
@media(max-width:600px) {
    .timeline .line.left:after {
        margin-left: -55px;
    }
    .timeline .line.right:after {
        margin-left: 54px;
    }
    .timeline .desc {
        margin-bottom: 30px;
    }
    .timeline .click-overlay .stage3 {
        width: 100px;
        height: 100px;
        margin-left: 70px !important;
    }
}
@media(max-width:450px) {
    .navbar a.view.timelineview {
        display: none;
    }
    .plan-view .plan {
        width: 100%;
        padding: 0;
    }
    .plan-view .text {
        font-size: 13px;
    }
    .plan-view .year {
        font-size: 16px;
    }
    .plan-view .close {
        margin-right: 0;
        font-size: 50px;
        top: -40px;
    }
    .plan-view h3 {
        font-size: 19px;
        padding: 5px 0 10px;
    }
    .plan-view .b0 {
        height: auto !important;
    }
    .timeline .click-overlay .stage3 {
        margin-left: 15px !important;
    }
}
@media(max-width:320px) {
    .timeline .click-overlay .stage3 {
        margin-left: 5px !important;
    }
}
@media(min-width:2200px) {
    .cities .list .center {
        text-align: justify;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media(max-width:2200px) {
    .cities .sizer {
        padding-top: 40%;
    }
    .event-overview .read .sizer {
        padding-top: 90%;
    }
    .must-read .read p.other {
        margin: 15px 50px;
    }
    .testimonials .testi {
        padding: 75px 70px;
    }
    .testimonials .testi .image {
        width: 175px;
        margin-right: 65px;
    }
    .testimonials .testi .bsz {
        width: 175px;
        height: 175px;
    }
    .testimonials .testi p.quote {
        font-size: 38px;
    }
    .testimonials .testi p.from {
        font-size: 17px;
        margin-top: 45px;
    }
    .blog-page .middle .type {
        font-size: 32px;
    }
    .blog-page .middle .text {
        font-size: 48px;
    }
    .blog-page .started .sizer {
        padding-top: 32%;
    }
}
@media(min-width:1900px) {
    .field-blogcomment-name,
    .field-blogcomment-email {
        display: inline-block;
        width: 47%;
    }
    .field-blogcomment-email {
        margin-left: 6%;
    }
    .close-pullout .post-comment {
        padding-left: 60px;
    }
    .comments-overlay {
        padding-top: 85px;
    }
}
@media(max-width:1920px) {
    .center {
        width: 80%;
    }
    .cities .sizer {
        padding-top: 45%;
    }
    .must-read .read h2 {
        font-size: 43px;
    }
    .must-read .read p.title {
        font-size: 30px;
    }
    .must-read .read p.other {
        font-size: 17px;
    }
    .event-overview .read h2 {
        font-size: 30px;
    }
    .event-overview .read p.date {
        font-size: 26px;
    }
    .blog-page .share>div {
        width: 340px;
    }
    .comments-tr .icon-wrap {
        width: 32px;
        height: 28px;
    }
    .comments-tr .icon {
        -webkit-transform: scale(.25);
        -ms-transform: scale(.25);
        transform: scale(.25);
    }
    .comments-tr .total,
    .ssm-page .points .description p.i {
        font-size: 24px;
    }
    .comments-tr .label {
        font-size: 17px;
    }
    .ssm-page .text-banner {
        padding-top: 200px;
    }
    .ssm-page .text-banner p.big {
        font-size: 60px;
    }
    .ssm-page .text-banner p.small,
    .ssm-page .points p.big {
        font-size: 30px;
    }
    .ssm-form {
        right: 50px;
    }
    .ssm-page blockquote {
        padding: 100px;
        font-size: 30px;
        margin-bottom: 120px;
    }
    .ssm-page .points li {
        font-size: 21px;
    }
    h2.with-line span {
        font-size: 58px;
        line-height: 1;
    }
    p.i {
        font-size: 30px;
    }
}
@media(max-width:1600px) {
    a.button,
    button {
        padding: 8px 28px 10px 30px;
    }
    .navbar a {
        margin-left: 75px;
    }
    .navbar a.branding img {
        height: 35px;
    }
    .navbar a.branding-icon {
        top: 13px;
        left: 22px;
    }
    .navbar a.branding-icon img {
        height: 36px;
    }
    html.scrolled .navbar {
        padding: 10px 22px;
    }
    .menu .logo {
        bottom: 50px;
        height: 32px;
    }
    .menu-position {
        padding: 100px 10vw 150px;
    }
    .menu h3 {
        margin-bottom: 30px;
    }
    .menu h3,
    .menu .col1 ul {
        font-size: 24px;
    }
    .menu .col2 ul {
        font-size: 20px;
    }
    .menu .col3 ul {
        font-size: 16px;
    }
    .carousel-pager:before {
        width: 75px;
    }
    .carousel-pager {
        bottom: 40px;
    }
    .stats {
        padding: 50px 0;
    }
    .stats .stat {
        padding: 20px 50px 30px;
    }
    .stats .stat p.tagline {
        font-size: 16px;
    }
    .stats .stat p.desc {
        font-size: 13px;
    }
    .stats .stat p.number {
        font-size: 30px;
    }
    .must-read .read .sizer {
        padding-top: 61%;
    }
    .must-read .read h2 {
        font-size: 36px;
    }
    .must-read .read p.title {
        font-size: 26px;
    }
    .must-read .read p.other {
        font-size: 16px;
        margin: 10px 50px;
    }
    .freedom h2 {
        font-size: 36px;
        margin-bottom: 30px;
    }
    .freedom .col1 p {
        font-size: 16px;
    }
    .freedom .col2 p:first-child {
        font-size: 24px;
        letter-spacing: .025em;
    }
    .freedom .col2 p.by {
        font-size: 16px;
    }
    .freedom .button,
    .freedom .col2 p.by {
        margin-top: 40px;
    }
    .testimonials {
        padding: 50px 0;
    }
    .testimonials .intro span {
        font-size: 23px;
    }
    .testimonials .wrapper {
        margin: 0 -60px;
    }
    .testimonials .list.loading {
        min-height: 400px;
    }
    .testimonials .testi {
        padding: 50px 60px;
    }
    .testimonials .testi .image {
        width: 150px;
        margin-right: 50px;
    }
    .testimonials .testi .bsz {
        width: 150px;
        height: 150px;
    }
    .testimonials .testi p.quote {
        font-size: 26px;
    }
    .testimonials .testi p.from {
        font-size: 16px;
        margin-top: 40px;
    }
    .testimonials a.play {
        margin-top: 25px;
    }
    a.play .circle img {
        height: 60px;
        width: 60px;
    }
    .cities .sizer {
        padding-top: 40%;
    }
    .cities .center {
        padding: 0 75px;
        width: auto;
    }
    .cities .city .wrapper {
        padding: 75px 0;
    }
    .cities .pulled {
        font-size: 24px;
    }
    .cities .code {
        font-size: 7vw;
    }
    .cities .loc {
        font-size: 20px;
    }
    .cities .text {
        font-size: 15px;
        margin-top: 35px;
    }
    .cities .icon img {
        width: 125px;
    }
    .cities .temp {
        font-size: 38px;
        margin-top: 35px;
    }
    .cities .time {
        font-size: 24px;
    }
    .cities .list .center {
        display: block;
    }
    .cities .list {
        bottom: 40px;
    }
    .cities .list .center {
        padding-right: 0;
    }
    .cities .list a {
        font-size: 15px;
        padding: 7px 25px 9px 26px;
    }
    .blog-overview {
        padding-top: 90px;
    }
    .blog-overview h2.title .bold {
        font-size: 48px;
        line-height: 60px;
        margin-right: 20px;
    }
    .blog-overview h2.title .italic {
        font-size: 60px;
        line-height: 60px;
    }
    .blog-overview .recent {
        font-size: 20px;
    }
    .blog-overview .center {
        width: auto;
        padding: 0 35px;
    }
    .blog-overview .categories a .number {
        font-size: 16px;
        margin-bottom: -10px;
    }
    .shuffle-list {
        margin-top: 40px;
    }
    .blog-post {
        padding: 35px;
    }
    .blog-post .author {
        margin-top: 15px;
    }
    .blog-post p.text {
        font-size: 20px;
    }
    .home-subscribe {
        padding: 100px 30px;
    }
    .home-subscribe p.question {
        font-size: 24px;
    }
    .home-subscribe h2 {
        font-size: 24px;
    }
    .home-subscribe p.text {
        font-size: 18px;
    }
    .subscribe-form input[type="text"],
    .subscribe-text-animator {
        font-size: 30px;
    }
    .thank {
        font-size: 17px;
    }
    .logos {
        padding: 75px 0;
    }
    .logos .logo img {
        max-width: 75%;
    }
    .membership .sizer {
        padding-top: 50%;
    }
    .membership .logo-copy {
        width: 190px;
    }
    .membership .black-icon {
        margin-top: 40px;
    }
    .membership .black-icon img {
        max-width: 70%;
    }
    .membership p.text {
        font-size: 17px;
        margin-top: 40px;
    }
    .membership p.status {
        font-size: 14px;
        margin-top: 50px;
    }
    .membership .button {
        margin-top: 50px;
    }
    .event-overview {
        margin-top: 120px;
    }
    .event-overview .read .sizer {
        padding-top: 90%;
    }
    .event-overview .read p.date {
        font-size: 22px;
    }
    .event-overview .read h2 {
        font-size: 30px;
    }
    .instant .center {
        padding-top: 90px;
    }
    .instant .subscribe p.desc {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .footer .center {
        padding: 90px 0;
    }
    .footer .subscribe p.desc {
        font-size: 23px;
    }
    .footer .offices h2 {
        font-size: 30px;
    }
    .footer .offices .list {
        margin-top: 30px;
    }
    .footer .office {
        font-size: 18px;
    }
    .footer .office .email {
        font-size: 14px;
    }
    .footer .offices .socials {
        font-size: 14px;
    }
    .footer .offices .socials h2 {
        margin-bottom: 30px;
    }
    .footer .map-location .sizer {
        padding-top: 35%;
    }
    .map-nav .loc {
        margin: 0 30px;
    }
    .map-nav .short {
        font-size: 36px;
    }
    .map-nav .location {
        font-size: 17px;
    }
    .map-nav .format {
        font-size: 19px;
        margin-top: 20px;
    }
    .footer .copyright {
        padding: 40px 60px;
    }
    .footer .copyright img {
        width: 160px;
    }
    .footer .copyright .links {
        margin-left: 150px;
    }
    .blog-page .featured .sizer {
        padding-top: 40%;
    }
    .blog-page .middle {
        max-width: 850px;
    }
    .blog-page .middle .type {
        font-size: 24px;
    }
    .blog-page .middle .text {
        font-size: 32px;
    }
    .blog-page p.by {
        font-size: 18px;
    }
    .blog-page .readtime {
        font-size: 18px;
        height: 48px;
        width: 48px;
    }
    .blog-page .readtime-text {
        font-size: 15px;
    }
    .blog-page .negative {
        margin: 0;
    }
    .blog-page .blog-overview {
        padding: 50px 0;
    }
    .blog-page .blog-overview .categories {
        margin-top: 30px;
        font-size: 16px;
    }
    .blog-page .blog-overview .shuffle-list {
        margin-top: 20px;
    }
    .blog-page .started .sizer {
        padding-top: 35%;
    }
    .blog-page .started .subscribe-form {
        max-width: 500px;
        margin: 40px auto 0;
    }
    .blog-page .started .video-link a {
        font-size: 12px;
    }
    .blog-page .signup {
        margin-top: 90px;
        margin-bottom: 90px;
    }
    .blog-page .signup .sizer {
        padding-top: 30%;
    }
    .blog-page .signup .middle {
        max-width: 850px;
    }
    .blog-page .signup p {
        font-size: 24px;
    }
    .blog-page .banner .middle {
        max-width: 700px;
    }
    .blog-page .banner .middle .text {
        font-size: 36px;
    }
    .blog-page .banner .watch-video {
        padding-top: 10px;
    }
    .blog-page .read-wrap .readtime {
        width: 60px;
        height: 60px;
        font-size: 26px;
    }
    .blog-page .post h1 {
        font-size: 32px;
    }
    .post figure,
    .post p,
    .post blockquote {
        margin-top: 25px;
    }
    .blog-page .post p {
        font-size: 17px;
    }
    .blog-page .post blockquote {
        font-size: 24px;
    }
    .blog-page .post blockquote:before {
        font-size: 58px;
    }
    .post blockquote .quote-by {
        font-size: 17px;
    }
    .blog-page .post strong,
    .blog-page .post b {
        font-size: 24px;
    }
    .blog-page .post em {
        font-size: 14px;
        margin-top: -10px;
    }
    .blog-page .share {
        margin-top: 40px;
    }
    .blog-page .share .author {
        padding-top: 15px;
    }
    .blog-page .share .author:before {
        width: 20px;
    }
    .blog-page .share li {
        font-size: 14px;
    }
    .blog-page .share li a {
        padding: 6px 0;
    }
    .comments-tr.on-header {
        top: 15px;
    }
    .blog-page .instant .center {
        max-width: none;
    }
    .blog-page .instant .subscribe-form {
        padding-left: 50px;
    }
    .related-posts {
        margin-bottom: 60px;
    }
    .related-posts .negative {
        margin: 0 -35px;
    }
    .related-posts h2 {
        font-size: 23px;
    }
    .related-posts .blog-post {
        width: 33.33%;
    }
    .comment-box .title {
        font-size: 21px;
    }
    .comment-form label,
    .comment-form input[type="text"],
    .comment-form textarea {
        font-size: 18px;
    }
    .comment-form input[type="text"],
    .comment-form textarea {
        padding-bottom: 10px;
    }
    .comment-form textarea {
        height: 200px;
    }
    .comment-form input[type="text"]:focus+label,
    .comment-form textarea:focus+label,
    .comment-form .has-input label,
    .comment-form .thank {
        font-size: 15px;
    }
    .comments-list .count {
        font-size: 19px;
    }
    .comments-list .down {
        font-size: 36px;
    }
    .comment .from .name {
        font-size: 21px;
    }
    .comment .from .time {
        font-size: 13px;
    }
    .comment .circle {
        width: 75px;
        height: 75px;
        line-height: 73px;
        font-size: 26px;
    }
    .comment .p {
        font-size: 15px;
        margin-top: 20px;
    }
    .reply .comment {
        padding-left: 50px;
    }
    .reply .comment .p {
        margin-top: 25px;
    }
    .reply .comment .circle {
        width: 50px;
        height: 50px;
        font-size: 20px;
        line-height: 48px;
        padding-left: 4px;
        margin-right: 25px;
    }
    .comments-pullout {
        padding: 30px 40px;
    }
    .close-pullout {
        padding-left: 60px;
    }
    .close-pullout .post-comment {
        font-size: 22px;
    }
    .close-pullout .close {
        font-size: 42px;
    }
    .comments-tr.on-header .icon-wrap {
        margin-right: 25px;
    }
    .grey-box .left p,
    h1.page-title {
        font-size: 78px;
        margin-top: 5px;
    }
    .career-page .middle {
        max-width: 1000px;
    }
    .career-page p {
        font-size: 26px;
        margin-top: 10px;
    }
    .grey-box {
        padding: 165px 50px 150px;
    }
    .grey-box.banner h4 {
        font-size: 17px;
        letter-spacing: .05em;
    }
    .grey-box h4:before {
        width: 100px;
        margin-right: 20px;
    }
    .grey-box.lr .left {
        width: 60%;
    }
    .grey-box.lr .right {
        width: 40%;
        padding-left: 60px;
    }
    .grey-box h5 {
        font-size: 26px;
        margin-top: 20px;
    }
    .grey-box .right p {
        font-size: 17px;
    }
    h2.with-line {
        padding-bottom: 50px;
    }
    h2.with-line span {
        font-size: 34px;
    }
    .studio .who {
        padding: 80px 0;
    }
    .studio .who .left p {
        padding-left: 60px;
        padding-right: 60px;
    }
    p.i {
        font-size: 23px;
        line-height: 1.3;
    }
    p.n {
        font-size: 15px;
    }
    .studio .who p.n {
        margin-top: 40px;
    }
    .studio .where .left p {
        padding-left: 60px;
        font-size: 36px;
    }
    .studio .office {
        font-size: 21px;
    }
    .studio>.image {
        margin-top: 100px;
    }
    .studio>.image .sizer {
        padding-top: 42%;
    }
    .studio>.image p {
        font-size: 64px;
        line-height: 1;
    }
    .studio .what {
        padding: 100px 0;
    }
    .studio .what .left p {
        margin-right: 50px;
    }
    .studio .what .right p {
        margin-left: 50px;
    }
    .studio .why img {
        opacity: .4;
    }
    .studio .why .lr {
        bottom: 70px;
    }
    .studio .release .text {
        font-size: 21px;
        padding-left: 30px;
    }
    .studio .release .icon-download {
        -webkit-transform: scale(.65);
        -ms-transform: scale(.65);
        transform: scale(.65);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
    }
    .instructors {
        margin-top: 80px;
    }
    .instructor {
        margin-bottom: 90px;
    }
    .instructor h3 {
        font-size: 36px;
    }
    .instructor .middle p {
        font-size: 20px;
    }
    .instructor.odd .text,
    .instructor.even .text {
        padding: 0 80px;
    }
    .instructor .quote-symbol {
        font-size: 60px;
        line-height: 60px;
    }
    .instructor p.n {
        margin-top: 35px;
    }
    .team h3.name {
        font-size: 22px;
        margin-top: 20px;
    }
    .team .job-title {
        font-size: 16px;
        margin-top: 5px;
    }
    .people .team p.i {
        padding-left: 40px;
        font-size: 17px;
    }
    .people .team p.i:before {
        font-size: 42px;
        left: -5px;
        top: -3px;
    }
    .people .team p.en {
        margin-top: 20px;
        font-size: 15px;
    }
    .people .careers {
        padding: 50px 0;
        margin-bottom: 50px;
    }
    .people .careers p {
        font-size: 23px;
    }
    .people .careers .button {
        margin-left: 10px;
    }
    .bootcamp .get-access {
        width: 300px;
        font-size: 17px;
        line-height: 50px;
        padding-bottom: 3px;
    }
    .get-access span.arrow {
        width: 25px;
        margin-left: 20px;
    }
    .bootcamp .vtype {
        padding: 135px 0 80px;
    }
    .bootcamp .video-center {
        width: 50%;
        max-width: 1024px;
        margin-bottom: 60px;
    }
    .bootcamp .type2 .center,
    .bootcamp .testimonials .center {
        width: auto;
        padding: 0 60px;
    }
    .bootcamp .video-left {
        width: 50%;
        max-width: 1024px;
        margin-right: 60px;
    }
    .bootcamp .text-right .caption {
        font-size: 30px;
        padding-top: 30px;
    }
    .bootcamp .text-right h1 {
        font-size: 40px;
        margin-bottom: 50px;
    }
    .bootcamp .type3 p.i {
        font-size: 38px;
    }
    .bootcamp .type3 h1 {
        font-size: 56px;
        margin-bottom: 50px;
    }
    .bootcamp .type3 .middle {
        max-width: 1200px;
        margin-top: 80px;
    }
    .bootcamp .type3 .sizer {
        padding-top: 45%;
    }
    .bootcamp .download {
        padding: 40px 40px 0;
    }
    .bootcamp .download .border {
        padding: 30px;
    }
    .bootcamp .download span,
    .bootcamp .download a {
        margin: 0 15px;
    }
    .bootcamp .download .video-icon,
    .bootcamp .download .pdf-icon {
        -webkit-transform: scale(.85);
        -ms-transform: scale(.85);
        transform: scale(.85);
    }
    .bootcamp .download .text {
        font-size: 16px;
    }
    .itinerary .sizer {
        padding-top: 110%;
    }
    .itinerary .middle {
        padding-top: 100px;
    }
    .itinerary .prefix {
        font-size: 28px;
    }
    .itinerary h3 {
        font-size: 22px;
        margin-top: 20px;
    }
    .itinerary p.text {
        font-size: 17px;
        margin-top: 25px;
    }
    .itinerary .location {
        margin-top: 35px;
        font-size: 19px;
    }
    .itinerary .location .coord {
        font-size: 17px;
    }
    .itinerary .location .sep {
        margin: 0 5px;
    }
    .bootcamp .itinerary .download {
        padding: 25px 20px;
    }
    .bootcamp .itinerary .download a {
        margin: 0 3px;
    }
    .bootcamp .itinerary .download a.pdf-icon {
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75);
    }
    .bootcamp .itinerary .download a.play {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
    }
    .bootcamp h2 {
        font-size: 32px;
        padding-bottom: 10px;
    }
    .who-learn {
        margin: 70px 0;
    }
    .who-learn .who {
        padding-right: 60px;
    }
    .who-learn .learn {
        padding-left: 60px;
    }
    .who-learn li {
        font-size: 16px;
        margin-top: 20px;
    }
    .who-learn .get-access {
        margin-top: 60px;
    }
    .about-author {
        padding: 100px 0 70px;
    }
    .about-author p.i {
        font-size: 18px;
        margin-top: 15px;
    }
    .about-author .from {
        font-size: 17px;
        margin-top: 45px;
    }
    .upcoming .text {
        margin-top: 10px;
    }
    .upcoming .text h2 {
        font-size: 40px;
    }
    .upcoming .text .location {
        font-size: 34px;
    }
    .upcoming .itin {
        padding: 40px 40px 0 0;
    }
    .upcoming .itin p.day {
        font-size: 20px;
    }
    .upcoming .itin p.desc {
        font-size: 15px;
    }
    .event-drilldown .text {
        bottom: 50px;
        right: 50px;
        font-size: 15px;
    }
    .event-drilldown .text h1 {
        font-size: 30px;
    }
    .event-drilldown .text p.date {
        font-size: 17px;
    }
    .event-drilldown .text p.n {
        margin-top: 20px;
    }
    .event-drilldown a.back {
        bottom: 30px;
    }
    .ssm-page .text-banner {
        padding: 165px 0 120px;
    }
    .ssm-page .text-banner p.big {
        font-size: 48px;
    }
    .ssm-page .text-banner p.small {
        font-size: 22px;
    }
    .ssm-page h2.with-line {
        padding-bottom: 35px;
    }
    .ssm-page h2.with-line:before {
        margin-top: 20px;
        margin-right: 20px;
        width: 75px;
    }
    .ssm-page .instructor p.n {
        margin-top: 30px;
    }
    .ssm-page blockquote {
        padding: 80px 60px;
        font-size: 27px;
        margin-bottom: 100px;
    }
    .ssm-page a.button.pale-blue {
        margin-top: 40px;
    }
    .ssm-page .points {
        margin-top: 90px;
        width: auto;
        margin-left: 0;
    }
    .ssm-page .number span {
        font-size: 36px;
        margin-right: 15px;
    }
    .ssm-page .points p.big {
        font-size: 26px;
    }
    .ssm-page .points ol {
        margin-top: 55px;
    }
    .ssm-page .points li {
        font-size: 17px;
        margin-top: 30px;
        padding-left: 35px;
    }
    .ssm-page .points li:before {
        font-size: 21px;
    }
    .ssm-form {
        right: 0;
        width: 400px;
    }
    .ssm-form .white-bg {
        padding: 40px;
    }
    .ssm-form .status {
        font-size: 19px;
        padding: 30px 25px;
    }
    .roles .count {
        font-size: 46px;
        padding: 75px 0 80px;
    }
    .roles .count h2 {
        font-size: 52px;
    }
    .roles .color {
        margin-right: 25px;
    }
    .roles .empty {
        margin-top: 60px;
        font-size: 26px;
        padding-bottom: 30px;
    }
    .role {
        padding: 80px 0;
    }
    .has-no-touch .role:hover .desc span {
        border-bottom: 1px solid #000;
    }
    .role .location {
        font-size: 30px;
    }
    .role .fa {
        margin-right: 30px;
    }
    .role h3 {
        font-size: 40px;
    }
    .job h1 {
        font-size: 60px;
        padding: 80px 0 50px;
    }
    .job .spec {
        padding: 40px 0 30px;
    }
    .job .spec>div {
        font-size: 23px;
        margin-left: 80px;
    }
    .job .spec i {
        margin-right: 20px;
    }
    .job .text {
        font-size: 18px;
        padding-bottom: 60px;
    }
    .job .text p {
        margin-top: 20px;
    }
    .job .text em {
        font-size: 22px;
    }
    .job .text strong {
        font-size: 25px;
    }
    .job .text p>strong:first-child {
        padding-top: 30px;
    }
    .job .button {
        font-size: 19px;
        margin-left: 50px;
    }
    .job .share h4 {
        font-size: 23px;
        padding-bottom: 20px;
    }
    .job .share a {
        font-size: 16px;
    }
    .jobs .people {
        padding-bottom: 0;
    }
    .jobs .people h2 {
        font-size: 36px;
        padding: 35px 0;
    }
}
@media(max-width:1400px) {
    .must-read .read .sizer {
        padding-top: 75%;
    }
    .event-overview .read .sizer {
        padding-top: 100%;
    }
    .comments-tr.on-header {
        left: auto;
        right: 380px;
    }
    .career-page p {
        font-size: 24px;
    }
}
@media(max-width:1200px) {
    .event-overview .read .sizer {
        padding-top: 115%;
    }
    .grey-box.banner h4 {
        letter-spacing: 0;
    }
    .itinerary .sizer {
        padding-top: 135%;
    }
    .instructor.odd .text,
    .instructor.even .text {
        padding: 0 60px;
    }
    .upcoming .text h2 {
        font-size: 36px;
    }
    .upcoming .text .location {
        font-size: 30px;
    }
}
@media(max-width:1024px) {
    a.button,
    button {
        padding: 6px 25px 8px 26px;
        font-size: 14px;
    }
    .center {
        width: auto;
        padding: 0 60px;
    }
    .navbar a {
        margin-left: 60px;
        font-size: 15px;
    }
    .navbar a.start {
        width: 140px;
        padding: 8px 0 10px;
    }
    .navbar a.blog {
        display: none;
    }
    .navbar a.branding img {
        height: 26px;
    }
    .navbar a.branding-icon {
        top: 11px;
        left: 20px;
    }
    .navbar a.branding-icon img {
        height: 32px;
    }
    html.scrolled .navbar {
        padding: 7px 20px;
    }
    .menu .logo {
        bottom: 50px;
        height: 25px;
    }
    .menu-position {
        padding: 75px 100px 150px;
    }
    .menu h3 {
        margin-bottom: 30px;
    }
    .menu h3,
    .menu .col1 ul {
        font-size: 20px;
    }
    .menu .col2 ul {
        font-size: 16px;
    }
    .menu .col3 ul {
        font-size: 14px;
    }
    .carousel {
        height: 600px;
    }
    .carousel-pager {
        bottom: 30px;
    }
    .carousel-pager:before {
        width: 50px;
    }
    .carousel h2 {
        font-size: 36px;
    }
    .carousel p {
        font-size: 45px;
    }
    .bouncing-down {
        bottom: 20px;
    }
    .stats {
        padding: 40px 0 70px;
        overflow: hidden;
    }
    .stats .swipe-gesture {
        display: block;
    }
    .has-touch .stats .wrapper {
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
    .stats .stat {
        padding: 20px 40px 30px;
        width: 33.33%;
    }
    .stats .line {
        left: 33.33%;
    }
    .stats .line2 {
        left: 66.66%;
    }
    .stats .line3 {
        left: 100%;
    }
    .stats .line4 {
        left: 133.33%;
    }
    .stats .stat p.tagline {
        font-size: 16px;
    }
    .stats .stat p.desc {
        font-size: 13px;
    }
    .stats .stat p.number {
        font-size: 30px;
    }
    .must-read .read .sizer {
        padding-top: 70%;
    }
    .must-read .read .middle {
        max-width: none;
        padding: 0 30px;
    }
    .must-read .read h2 {
        font-size: 28px;
    }
    .must-read .read p.title {
        font-size: 22px;
    }
    .must-read .read p.other {
        font-size: 16px;
        margin: 10px;
        max-width: 500px;
    }
    .freedom {
        padding: 70px 0;
    }
    .freedom h2 {
        font-size: 28px;
        margin-bottom: 25px;
    }
    .freedom .col1 {
        padding-right: 40px;
    }
    .freedom .col1 p {
        font-size: 15px;
    }
    .freedom .col2 {
        padding: 0 0 0 40px;
    }
    .freedom .col2 p:first-child {
        font-size: 20px;
    }
    .freedom .col2 p.by {
        font-size: 15px;
    }
    .freedom .button,
    .freedom .col2 p.by {
        margin-top: 33px;
    }
    .testimonials .intro span {
        font-size: 20px;
    }
    .testimonials .wrapper {
        margin: 0 -45px;
    }
    .testimonials .list.loading {
        min-height: 300px;
    }
    .testimonials .testi {
        padding: 40px 45px;
    }
    .testimonials .testi .image {
        width: 120px;
        margin-right: 40px;
    }
    .testimonials .testi .bsz {
        width: 120px;
        height: 120px;
    }
    .testimonials .testi p.quote {
        font-size: 23px;
    }
    .testimonials .testi p.from {
        font-size: 15px;
        margin-top: 35px;
    }
    .cities .sizer {
        padding-top: 50%;
    }
    .cities .center {
        padding: 0 75px;
        width: auto;
    }
    .cities .city .wrapper {
        padding: 60px 0;
    }
    .cities .pulled {
        font-size: 21px;
    }
    .cities .code {
        font-size: 60px;
    }
    .cities .loc {
        font-size: 18px;
    }
    .cities .text {
        margin-top: 30px;
    }
    .cities .icon img {
        width: 125px;
    }
    .cities .temp {
        font-size: 30px;
        margin-top: 30px;
    }
    .cities .time {
        font-size: 20px;
    }
    .cities .list .center {
        display: block;
    }
    .cities .list {
        bottom: 30px;
    }
    .cities .list .center {
        padding-left: 50px;
    }
    .cities .list a {
        font-size: 14px;
    }
    .blog-overview {
        padding-top: 60px;
    }
    .blog-overview h2.title .bold {
        font-size: 36px;
        line-height: 48px;
        margin-right: 20px;
    }
    .blog-overview h2.title .italic {
        font-size: 44px;
        line-height: 48px;
    }
    .blog-overview .recent {
        font-size: 18px;
    }
    .blog-overview .categories {
        margin-top: 45px;
    }
    .blog-overview .categories a,
    .blog-overview .categories a .number {
        font-size: 15px;
        font-weight: 400;
    }
    .shuffle-list {
        margin-top: 20px;
    }
    .blog-post {
        padding: 25px;
    }
    .blog-post .author,
    .blog-post .count {
        font-size: 13px;
    }
    .blog-post p.text {
        font-size: 19px;
        margin: 18px 0;
    }
    .home-subscribe {
        padding: 100px 30px;
    }
    .home-subscribe form {
        margin: 40px auto 0;
    }
    .subscribe-form input[type="text"],
    .subscribe-text-animator {
        font-size: 28px;
        padding: 5px 25px;
    }
    .thank {
        font-size: 16px;
    }
    .logos {
        padding: 44px 0;
    }
    .logos .center {
        padding: 0 30px;
    }
    .logos .logo img {
        max-width: 75%;
    }
    .membership .sizer {
        padding-top: 65%;
    }
    .membership .logo-copy {
        width: 190px;
    }
    .membership .black-icon {
        margin-top: 30px;
        max-width: 70%;
    }
    .membership .black-icon img {
        max-width: 70%;
    }
    .membership p.text {
        font-size: 16px;
        margin-top: 35px;
    }
    .membership p.status {
        margin-top: 45px;
    }
    .membership .button {
        margin-top: 45px;
    }
    .membership .bsz {
        position: absolute !important;
        -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        transform: translateY(0) !important;
    }
    .event-overview {
        margin-top: 90px;
    }
    .event-overview .read .sizer {
        padding-top: 120%;
    }
    .event-overview .read p.date {
        font-size: 20px;
    }
    .event-overview .read h2 {
        font-size: 25px;
    }
    .event-overview .read a.button {
        margin-top: 20px;
    }
    .instant .center {
        padding: 50px;
    }
    .instant .subscribe p.desc {
        font-size: 22px;
        line-height: 1.4;
    }
    .footer .center {
        padding: 60px;
    }
    .footer>.center {
        padding-top: 15px;
    }
    .footer .subscribe-form {
        margin-left: 0;
    }
    .footer .subscribe p.desc {
        font-size: 21px;
    }
    .footer .offices {
        margin-top: 15px;
    }
    .footer .offices h2 {
        font-size: 26px;
    }
    .footer .offices .list {
        margin-top: 30px;
    }
    .footer .office {
        font-size: 16px;
        width: 25%;
    }
    .footer .office .email {
        font-size: 14px;
    }
    .footer .offices .socials {
        float: none;
        line-height: 2;
        margin-top: 50px;
    }
    .footer .offices .socials h2 {
        margin-bottom: 30px;
        position: static;
    }
    .footer .map-location .sizer {
        padding-top: 60%;
    }
    .footer .map-location .middle-wrap {
        text-align: left;
    }
    .footer .map-location .middle {
        width: 50%;
    }
    .footer .map-location .center {
        padding: 0;
        padding-left: 30px;
        padding-bottom: 40px;
    }
    .map-nav .loc {
        margin: 40px 40px 0;
    }
    .map-nav .short {
        font-size: 36px;
    }
    .map-nav .location {
        font-size: 17px;
    }
    .map-nav .format {
        font-size: 19px;
        margin-top: 20px;
    }
    .footer .copyright {
        padding: 40px 60px;
    }
    .footer .copyright img {
        width: 160px;
    }
    .footer .copyright .links {
        margin-left: 150px;
    }
    .overlay .close {
        right: 30px;
    }
    .blog-page .featured .sizer {
        padding-top: 45%;
    }
    .blog-page .middle {
        max-width: 700px;
    }
    .blog-page .middle .type {
        font-size: 22px;
    }
    .blog-page .middle .text {
        font-size: 26px;
    }
    .blog-page p.by {
        font-size: 16px;
    }
    .blog-page .readtime {
        font-size: 16px;
        height: 44px;
        width: 44px;
        margin-top: 30px;
    }
    .blog-page .blog-overview {
        padding: 40px 0;
    }
    .blog-page .blog-overview .categories {
        margin-top: 25px;
    }
    .blog-page .blog-overview .shuffle-list {
        margin-top: 15px;
    }
    .blog-page .started .sizer {
        padding-top: 42%;
    }
    .blog-page .signup {
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .blog-page .signup .sizer {
        padding-top: 40%;
    }
    .blog-page .signup .middle {
        max-width: 550px;
    }
    .blog-page .signup p {
        font-size: 21px;
        display: block;
        width: auto;
    }
    .blog-page .signup .subscribe {
        display: block;
        width: auto;
        margin-top: 40px;
    }
    .blog-page .subscribe-form .form-group {
        width: 70%;
    }
    .blog-page .banner .sizer {
        height: 600px;
    }
    .blog-page .banner .middle {
        max-width: 630px;
    }
    .blog-page .banner .middle .text {
        font-size: 32px;
    }
    .blog-page .banner .readtime {
        margin-top: 20px;
    }
    .blog-page .banner .watch-video {
        padding-top: 0;
    }
    .blog-page .banner .down {
        bottom: 15px;
    }
    .blog-page .post-wrapper {
        margin-top: 30px;
        padding: 30px 50px;
        max-width: 800px;
    }
    .blog-page .share .author {
        width: 44%;
    }
    .blog-page .share .socials {
        width: 56%;
        position: static;
        display: inline-block;
    }
    .blog-page .share li {
        display: inline-block;
        width: 33.33%;
    }
    .blog-page .comments-tr {
        position: static;
        float: right;
        white-space: nowrap;
        width: auto;
        font-family: 'Georgia';
        letter-spacing: .025em;
    }
    .blog-page .comments-tr>div {
        display: inline-block;
        vertical-align: middle;
    }
    .blog-page .comments-tr .icon-wrap {
        width: 25px;
        height: 22px;
        margin-right: 20px;
    }
    .blog-page .comments-tr .icon {
        -webkit-transform: scale(.2);
        -ms-transform: scale(.2);
        transform: scale(.2);
    }
    .blog-page .comments-tr .total {
        font-size: 17px;
    }
    .blog-page .comments-tr .label {
        font-size: 17px;
    }
    .comments-tr.on-header {
        top: 10px;
    }
    .related-posts {
        margin-top: 10px;
    }
    .comments-list .count {
        font-size: 17px;
    }
    .comment .from .name {
        font-size: 20px;
    }
    .comment .circle {
        font-size: 24px;
    }
    .comment .p {
        font-size: 17px;
    }
    .reply .comment .p {
        font-size: 15px;
    }
    .reply .comment .circle {
        font-size: 18px;
    }
    .grey-box.banner h4 {
        font-size: 16px;
    }
    .grey-box h4:before {
        width: 70px;
    }
    .grey-box .left p,
    h1.page-title {
        font-size: 58px;
    }
    .career-page .middle {
        padding: 0 60px;
        width: 100%;
    }
    .career-page p {
        font-size: 22px;
        margin-top: 5px;
    }
    .grey-box h5 {
        font-size: 21px;
        margin-top: 0;
    }
    .grey-box .right p {
        font-size: 14px;
    }
    h2.with-line {
        padding-bottom: 30px;
    }
    h2.with-line span {
        font-size: 30px;
    }
    h2.with-line:before,
    .studio span.line {
        width: 100px;
        margin-right: 25px;
    }
    .studio .where h2.with-line .line {
        margin-left: -130px;
    }
    p.i {
        font-size: 20px;
    }
    .studio .who {
        padding: 70px 0;
    }
    .who.lr .left {
        float: none;
        width: auto;
    }
    .who.lr .right {
        margin-left: 40px;
        margin-bottom: 20px;
    }
    .studio .where .left p {
        font-size: 28px;
    }
    .studio .office {
        font-size: 19px;
    }
    .studio>.image {
        margin-top: 80px;
    }
    .studio>.image p {
        font-size: 48px;
    }
    .studio .what {
        padding: 80px 60px;
    }
    .studio .why img {
        opacity: .1;
    }
    .studio .why h2.with-line {
        margin-left: -125px;
    }
    .studio .release .download {
        padding-top: 50px;
    }
    .studio .release .text {
        font-size: 18px;
    }
    .studio .release .icon-pdf {
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75);
        margin-bottom: 15px;
    }
    .studio .release .icon-download {
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5);
        margin-top: 20px;
    }
    .instructors {
        margin-top: 65px;
    }
    .instructor {
        margin-bottom: 80px;
    }
    .instructor h3 {
        font-size: 30px;
    }
    .instructor .middle p {
        font-size: 18px;
    }
    .instructor.odd .image {
        margin: 0 30px 20px 0;
    }
    .instructor.even .image {
        margin: 0 0 20px 30px;
    }
    .instructor.odd .text,
    .instructor.even .text {
        float: none;
        width: auto;
        max-width: none;
    }
    .instructor .quote-symbol {
        font-size: 50px;
        line-height: 48px;
    }
    .instructor p.n {
        margin-top: 28px;
    }
    .team .member {
        margin-bottom: 50px;
    }
    .team h3.name {
        font-size: 21px;
        line-height: 1.2;
    }
    .team .job-title {
        font-size: 16px;
    }
    .people .team p.i {
        padding-left: 30px;
        font-size: 15px;
    }
    .people .team p.i:before {
        font-size: 42px;
        left: -5px;
        top: -3px;
    }
    .people .team p.en {
        font-size: 14px;
    }
    .people .careers {
        margin-right: 150px;
    }
    .people .careers p {
        font-size: 21px;
    }
    .people .careers .button {
        margin-left: 10px;
    }
    .bootcamp .get-access {
        width: 265px;
        font-size: 15px;
        line-height: 46px;
    }
    .get-access span.arrow {
        margin-left: 15px;
    }
    .bootcamp .vtype {
        padding: 125px 0 70px;
    }
    .bootcamp .video-center {
        width: 60%;
        margin-bottom: 50px;
    }
    .bootcamp .type2 .center {
        padding: 0 40px;
    }
    .bootcamp .video-left {
        margin-right: 40px;
    }
    .bootcamp .text-right .caption {
        font-size: 23px;
        padding-top: 10px;
    }
    .bootcamp .text-right h1 {
        font-size: 30px;
        margin-bottom: 35px;
    }
    .bootcamp .type3 .sizer {
        display: none;
    }
    .bootcamp .type3 .on-top {
        position: static;
    }
    .bootcamp .type3 .middle-wrap {
        padding: 100px 0 40px;
    }
    .bootcamp .type3 p.i {
        font-size: 32px;
    }
    .bootcamp .type3 h1 {
        font-size: 45px;
        margin-bottom: 40px;
    }
    .bootcamp .type3 .middle {
        margin-top: 0;
    }
    .bootcamp .download {
        padding: 30px 30px 0;
    }
    .bootcamp .download .border {
        padding: 20px;
    }
    .bootcamp .download span,
    .bootcamp .download a {
        margin: 0 10px;
    }
    .bootcamp .download .video-icon,
    .bootcamp .download .pdf-icon {
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7);
    }
    .bootcamp .download .text {
        font-size: 15px;
    }
    .itinerary .sizer {
        padding-top: 140%;
    }
    .itinerary .middle {
        padding-top: 75px;
    }
    .itinerary .prefix {
        font-size: 25px;
    }
    .itinerary h3 {
        font-size: 20px;
        margin-top: 15px;
    }
    .itinerary p.text {
        font-size: 15px;
        margin-top: 20px;
    }
    .itinerary .location {
        margin-top: 25px;
        font-size: 17px;
    }
    .itinerary .location .coord {
        font-size: 15px;
    }
    .bootcamp .itinerary .download {
        padding: 20px 15px;
    }
    .bootcamp h2 {
        font-size: 26px;
    }
    .who-learn {
        margin: 60px 0;
    }
    .who-learn .who {
        padding-right: 45px;
    }
    .who-learn .learn {
        padding-left: 45px;
    }
    .who-learn li {
        font-size: 15px;
    }
    .about-author {
        padding: 80px 0 70px;
    }
    .about-author p.i {
        font-size: 17px;
    }
    .about-author .from {
        font-size: 16px;
        margin-top: 35px;
    }
    .upcoming .text h2 {
        font-size: 30px;
    }
    .upcoming .text .location {
        font-size: 24px;
    }
    .upcoming .itin {
        padding: 30px 30px 10px 0;
    }
    .instructor.even .middle {
        margin-left: 35%;
    }
    .event-drilldown .text {
        bottom: 50px;
        right: 50px;
        font-size: 15px;
    }
    .event-drilldown .text h1 {
        font-size: 30px;
    }
    .event-drilldown .text p.date {
        font-size: 17px;
    }
    .event-drilldown .text p.n {
        margin-top: 20px;
    }
    .ssm-page .text-banner {
        padding: 130px 0 100px;
    }
    .ssm-page .text-banner p.big {
        font-size: 32px;
    }
    .ssm-page .text-banner p.small,
    .ssm-page .points p.big {
        font-size: 18px;
    }
    .ssm-video {
        padding: 80px 0 0;
        overflow: hidden;
    }
    .ssm-video .video-left {
        width: 75%;
        margin: auto;
        max-width: none;
    }
    .ssm-video.stype2 .video-left {
        display: none;
    }
    .ssm-video.stype2 {
        padding-top: 0;
    }
    .ssm-form {
        position: relative;
        margin: auto;
        margin-top: 80px;
    }
    .ssm-form:before {
        position: absolute;
        top: 60%;
        height: 300%;
        left: -1000%;
        width: 2000%;
        background-color: #1d1d1d;
        content: "";
    }
    .ssm-form .white-bg {
        position: relative;
    }
    .ssm-form .logo {
        margin-bottom: 30px;
    }
    .ssm-form .logo img {
        max-width: 60%;
    }
    .ssm-form .instant {
        margin-top: 30px;
    }
    .ssm-page h2.with-line:before {
        display: none;
    }
    .ssm-page h2.with-line {
        padding-bottom: 30px;
    }
    .ssm-page .instructor p.n {
        margin-top: 20px;
    }
    .ssm-page blockquote {
        padding: 60px 30px;
        font-size: 22px;
    }
    .ssm-form button.notify-me,
    .ssm-page a.button.pale-blue {
        padding-top: 15px;
        padding-bottom: 17px;
    }
    .ssm-page .points .description {
        padding-left: 60px;
    }
    a.play .circle img {
        height: 50px;
        width: 50px;
    }
    .roles .count {
        font-size: 32px;
        padding: 60px 0;
    }
    .roles .count .label {
        padding-bottom: 10px;
    }
    .roles .count h2 {
        font-size: 40px;
    }
    .roles .color {
        margin-right: 20px;
    }
    .roles .empty {
        margin-top: 40px;
        font-size: 22px;
    }
    .role {
        padding: 60px 0;
    }
    .role .location {
        font-size: 24px;
    }
    .role .fa {
        margin-right: 20px;
    }
    .role h3 {
        font-size: 32px;
    }
    .job h1 {
        font-size: 44px;
        padding: 60px 0 50px;
    }
    .job .spec>div {
        font-size: 21px;
        margin-left: 60px;
    }
    .job .text {
        font-size: 16px;
        padding-bottom: 50px;
    }
    .job .text em {
        font-size: 20px;
    }
    .job .text strong {
        font-size: 23px;
    }
    .job .text p>strong:first-child {
        padding-top: 25px;
    }
    .job .button {
        font-size: 18px;
    }
    .job .share h4 {
        font-size: 21px;
    }
    .job .share {
        width: 120px;
    }
    .job .share a {
        font-size: 15px;
    }
    .jobs .people h2 {
        font-size: 30px;
        padding: 30px 0 20px;
    }
}
@media(max-width:800px) {
    .footer>.center {
        padding-top: 10px !important;
    }
    .must-read .read {
        width: 100%;
    }
    .must-read .read .sizer {
        padding-top: 56.25%;
    }
    .cities .sizer {
        padding-top: 65%;
    }
    .testimonials .testi {
        width: 100%;
    }
    .membership p.text {
        font-size: 15px;
    }
    .membership p.status {
        margin-top: 35px;
    }
    .event-overview {
        margin-top: 75px;
    }
    .footer .subscribe {
        width: 70%;
    }
    .footer .office {
        width: 50%;
        margin-bottom: 40px;
    }
    .footer .offices .socials {
        margin-top: 10px;
    }
    .footer .map-location .middle {
        width: 75%;
    }
    .footer .copyright .links {
        margin-left: 0;
    }
    .footer .copyright .socials {
        display: none;
    }
    .blog-page .featured .sizer {
        padding-top: 65%;
    }
    .blog-page .featured .middle {
        padding-top: 90px;
    }
    .blog-page .middle .type {
        font-size: 19px;
    }
    .blog-page .middle .text {
        font-size: 23px;
    }
    .blog-page p.by,
    .blog-page .readtime {
        font-size: 15px;
    }
    .blog-page .blog-overview {
        padding: 40px 0;
    }
    .blog-page .started .sizer {
        padding-top: 52%;
    }
    .blog-page .started .subscribe-form {
        max-width: 400px;
    }
    .subscribe-form input[type="text"],
    .subscribe-text-animator {
        font-size: 24px;
    }
    .blog-page .signup {
        margin-top: 50px;
    }
    .blog-page .signup .sizer {
        padding-top: 45%;
    }
    .blog-page .signup p {
        font-size: 22px;
    }
    .blog-page .banner .middle .text {
        font-size: 27px;
    }
    .blog-page .post h1 {
        font-size: 28px;
    }
    .blog-page .post p {
        font-size: 16px;
    }
    .blog-page .post blockquote {
        font-size: 21px;
        padding-left: 200px;
        padding-bottom: 10px;
    }
    .blog-page .post blockquote:before {
        font-size: 50px;
    }
    .blog-page .post strong,
    .blog-page .post b {
        font-size: 21px;
    }
    .blog-page .instant .subscribe-form {
        padding-left: 0;
    }
    .blog-page .instant .subscribe p.desc {
        font-size: 22px;
    }
    .related-posts {
        margin-top: 10px;
    }
    .blog-page .person {
        padding-right: 50px;
    }
    .blog-page .comment-type {
        padding-left: 50px;
    }
    .grey-box.banner h4 {
        font-size: 15px;
    }
    .grey-box h4:before {
        width: 50px;
        margin-right: 15px;
    }
    .grey-box .left p,
    h1.page-title {
        font-size: 48px;
    }
    .career-page p {
        font-size: 20px;
    }
    .grey-box {
        padding: 150px 50px 100px;
    }
    .grey-box.lr .left,
    .grey-box.lr .right {
        width: 100%;
        max-width: none;
    }
    .grey-box.lr .right {
        text-align: left;
        padding-left: 0;
        margin-top: 40px;
    }
    .instant .subscribe,
    .studio .release .download {
        width: 75%;
    }
    .instant .subscribe p.desc {
        font-size: 21px;
    }
    .instant .subscribe-form {
        margin-left: 0;
    }
    h2.with-line span {
        font-size: 26px;
    }
    h2.with-line:before,
    .studio span.line {
        width: 80px;
        margin-right: 15px;
    }
    .studio .where h2.with-line .line {
        margin-left: -130px;
    }
    p.i {
        font-size: 19px;
    }
    p.n {
        font-size: 14px;
    }
    .studio .who p.n {
        margin-top: 30px;
    }
    .studio .who {
        padding: 60px 0;
    }
    .studio .where .left p {
        font-size: 20px;
    }
    .studio .office {
        font-size: 16px;
    }
    .studio>.image {
        margin-top: 60px;
    }
    .studio>.image p {
        font-size: 36px;
    }
    .studio .what {
        padding: 60px;
    }
    .studio .what .left p {
        margin-right: 30px;
    }
    .studio .what .right p {
        margin-left: 30px;
    }
    .studio .why h2.with-line {
        margin-left: -95px;
    }
    .studio .why .lr {
        bottom: 40px;
    }
    .studio .why .right p {
        padding-right: 50px;
    }
    .studio .release .download {
        padding-left: 0;
        padding-bottom: 20px;
    }
    .studio .release .instant {
        position: static;
    }
    .studio .release>.center {
        text-align: center;
    }
    .instructors {
        margin-top: 50px;
    }
    .instructor h3 {
        font-size: 24px;
    }
    .instructor .middle p {
        font-size: 16px;
    }
    .instructor.odd .text,
    .instructor.even .text {
        padding: 0 50px;
    }
    .instructor p.n {
        margin-top: 25px;
    }
    .instructor.even .middle {
        margin-left: 35%;
    }
    .team h2.with-line {
        margin-left: 25px;
    }
    .team {
        margin: 0 -25px;
    }
    .team .member {
        padding: 0 25px;
    }
    .team h3.name {
        font-size: 19px;
    }
    .team .job-title {
        font-size: 15px;
    }
    .people .team p.i {
        padding-left: 24px;
        font-size: 14px;
        letter-spacing: .025em;
    }
    .people .team p.i:before {
        font-size: 32px;
    }
    .people .careers {
        margin-right: 180px;
        padding: 40px 0;
        margin-bottom: 30px;
    }
    .people .careers p {
        font-size: 19px;
    }
    .people .careers .button {
        margin-left: 40px;
    }
    .bootcamp .video-center {
        width: 75%;
    }
    .bootcamp .video-left {
        margin-right: 30px;
    }
    .bootcamp .text-right .caption {
        font-size: 17px;
        padding-top: 5px;
    }
    .bootcamp .text-right h1 {
        font-size: 22px;
        margin-bottom: 25px;
    }
    .bootcamp .type3 p.i {
        font-size: 26px;
    }
    .bootcamp .type3 h1 {
        font-size: 38px;
    }
    .testimonials {
        padding: 40px 0;
    }
    .itinerary {
        width: 50%;
    }
    .itinerary .sizer {
        padding-top: 125%;
    }
    .bootcamp .itinerary .download {
        padding: 15px;
    }
    .bootcamp h2 {
        font-size: 24px;
    }
    .who-learn .who {
        padding-right: 35px;
    }
    .who-learn .learn {
        padding-left: 35px;
    }
    .about-author .left {
        max-width: 760px;
        width: auto;
    }
    .upcoming .text h2 {
        font-size: 28px;
        line-height: 1.15;
    }
    .upcoming .text h2 .b {
        line-height: normal;
    }
    .upcoming .text .location {
        font-size: 22px;
    }
    .event-drilldown a.back {
        font-size: 36px;
        left: auto;
        right: 60px;
    }
    .event-drilldown .text {
        bottom: 85px;
    }
    .ssm-page .points {
        margin-top: 60px;
    }
    .ssm-page .points .description,
    .ssm-page .points .testimonials {
        width: auto;
        display: block;
    }
    .ssm-page .points .description {
        padding-bottom: 70px;
    }
    .ssm-page .points .description p.i {
        margin-top: 35px;
        font-size: 19px;
    }
    .ssm-page .number {
        margin-top: 20px;
    }
    .ssm-page .points li {
        font-size: 16px;
    }
    .ssm-page .points .testimonials .wrapper {
        margin: 0;
    }
    .ssm-page .points .testimonials .list {
        width: 100%;
    }
    .ssm-page .points .testimonials .animation-layer {
        width: 100%;
        height: 100%;
        white-space: nowrap;
    }
    .ssm-page .points .testimonials .animation-layer .testi,
    .ssm-page .points .testimonials .list .testi:first-child {
        display: inline-block;
    }
    .ssm-page .points .testi {
        padding: 10px 10px 20px !important;
    }
    .ssm-page blockquote {
        margin-bottom: 80px;
    }
    .footer .copyright .logo {
        margin: 0;
    }
    .roles .count {
        font-size: 28px;
    }
    .roles .count h2 {
        font-size: 36px;
    }
    .roles .color {
        margin-right: 15px;
    }
    .roles .empty {
        font-size: 20px;
        padding-bottom: 0;
    }
    .role .location {
        font-size: 21px;
    }
    .role h3 {
        font-size: 26px;
    }
    .job h1 {
        font-size: 40px;
        padding: 50px 0 45px;
    }
    .job .share {
        display: none;
    }
    .job .buttons {
        padding-bottom: 50px;
    }
    .job .team .member {
        width: 50%;
    }
    .jobs .people h2 {
        padding-bottom: 10px;
    }
}
@media(max-width:740px) and (orientation:landscape) {
    .carousel,
    .blog-page .banner .sizer {
        height: 360px;
    }
    .bouncing-down {
        display: none;
    }
}
@media(max-width:740px) {
    .center {
        width: auto;
        padding: 0 0px;
    }
    .navbar {
        padding: 30px;
    }
    .navbar a {
        margin-left: 0;
    }
    .navbar a.branding {
        top: 30px;
        left: 30px;
    }
    .navbar a.start,
    .navbar a.blog {
        display: none;
    }
    .navbar .menu-tr {
        display: inline-block;
    }
    html.scrolled .navbar {
        padding: 15px;
    }
    .menu .logo {
        bottom: 30px;
        left: 50px;
    }
    .menu-position {
        padding: 50px 50px 100px;
    }
    .menu-position .col1 {
        width: 30%;
    }
    .menu-position .col2 {
        width: 50%;
    }
    .menu h3 {
        margin-bottom: 30px;
    }
    .menu h3,
    .menu .col1 ul {
        font-size: 18px;
    }
    .menu .col2 ul {
        font-size: 15px;
    }
    .carousel-pager:before {
        display: none;
    }
    .carousel .middle {
        padding: 0 30px;
    }
    .carousel h2 {
        font-size: 30px;
    }
    .carousel p {
        font-size: 38px;
    }
    .bouncing-down {
        bottom: 10px;
    }
    .stats .stat {
        width: 50%;
    }
    .stats .line {
        left: 50%;
    }
    .stats .line2 {
        left: 100%;
    }
    .stats .line3 {
        left: 150%;
    }
    .stats .line4 {
        left: 200%;
    }
    .cities .sizer {
        padding-top: 71%;
    }
    .cities .center {
        padding: 0 40px;
        width: auto;
    }
    .cities .city .wrapper {
        padding: 50px 0;
    }
    .cities .pulled {
        max-width: 70%;
    }
    .cities .weather {
        max-width: 30%;
    }
    .cities .code {
        font-size: 60px;
    }
    .cities .loc {
        font-size: 18px;
    }
    .cities .text {
        margin-top: 30px;
    }
    .cities .icon img {
        width: 100px;
    }
    .cities .temp {
        font-size: 25px;
    }
    .cities .time {
        font-size: 18px;
    }
    .cities .list .center {
        display: block;
        padding-left: 40px;
    }
    .cities .list a {
        font-size: 14px;
        padding: 5px 0;
        border: 0;
        border-bottom: 1px solid transparent;
        margin-right: 30px;
    }
    .blog-overview {
        padding-top: 40px;
    }
    .blog-overview h2.title .bold {
        font-size: 30px;
        line-height: 39px;
    }
    .blog-overview h2.title .italic {
        font-size: 36px;
        line-height: 39px;
    }
    .blog-overview .recent {
        font-size: 18px;
    }
    .blog-overview .categories {
        margin-top: 35px;
    }
    .blog-overview .categories a,
    .blog-overview .categories a .number {
        font-size: 15px;
        font-weight: 400;
    }
    .shuffle-list {
        margin-top: 20px;
    }
    .blog-post {
        padding: 25px;
    }
    .blog-post.post5,
    .blog-post.post6,
    .blog-post.post7,
    .blog-post.post8 {
        display: none;
    }
    .blog-post .author,
    .blog-post .count {
        font-size: 13px;
    }
    .blog-post p.text {
        font-size: 19px;
        margin: 18px 0;
    }
    .home-subscribe {
        padding: 80px 30px;
    }
    .logos {
        padding: 40px 0;
    }
    .logos .center {
        padding: 0 25px;
    }
    .logos .logo img {
        max-width: 75%;
    }
    .membership .sizer {
        padding-top: 80%;
    }
    .membership .logo-copy {
        max-width: 65%;
    }
    .membership .middle {
        padding: 40px;
    }
    .event-overview {
        margin-top: 90px;
    }
    .event-overview .read .sizer {
        padding-top: 60%;
    }
    .instant .center {
        padding-top: 40px;
    }
    .footer .center {
        padding: 40px;
    }
    .footer .subscribe p.desc {
        font-size: 20px;
    }
    .footer .offices {
        margin-top: 25px;
    }
    .footer .offices h2 {
        font-size: 24px;
    }
    .footer .office {
        font-size: 15px;
    }
    .footer .map-location {
        display: none;
    }
    .footer .copyright {
        padding: 40px;
        font-family: sans-serif;
    }
    .footer .copyright .logo {
        margin-top: 0;
    }
    .footer .copyright .logo p {
        font-size: 12px;
    }
    .blog-page .featured .sizer {
        padding-top: 55%;
    }
    .blog-page .featured .middle {
        padding-top: 70px;
    }
    .blog-page .middle .type {
        font-size: 18px;
    }
    .blog-page .middle .text {
        font-size: 22px;
    }
    .blog-page p.by,
    .blog-page .readtime {
        font-size: 14px;
    }
    .blog-page .readtime-text {
        font-size: 12px;
    }
    .blog-page .started .sizer {
        padding-top: 52%;
    }
    .blog-page .started .subscribe-form {
        max-width: 500px;
    }
    .blog-page .subscribe-form .form-group {
        width: 60%;
    }
    /*   .subscribe-form input[type="text"],.subscribe-text-animator {
        font-size: 20px;
    } */
    .blog-page .started .middle {
        padding-bottom: 50px;
    }
    .blog-page .signup p {
        font-size: 20px;
    }
    .blog-page .banner .middle .text {
        font-size: 23px;
    }
    .blog-page .post h1 {
        font-size: 26px;
    }
    .blog-page .post p {
        font-size: 15px;
    }
    .blog-page .post blockquote {
        font-size: 19px;
        padding-left: 150px;
    }
    .blog-page .post strong,
    .blog-page .post b {
        font-size: 19px;
    }
    .blog-page .instant .subscribe-form {
        width: 100%;
    }
    .related-posts h2,
    .blog-page .instant .subscribe p.desc {
        font-size: 20px;
    }
    .related-posts .negative {
        margin: 0 -25px;
    }
    .related-posts .blog-post {
        width: 50%;
    }
    .blog-page .comments-tr .icon-wrap {
        margin-right: 10px;
    }
    .blog-page .comments-tr .total {
        font-size: 15px;
        margin-right: 6px;
    }
    .blog-page .comments-tr .label {
        font-size: 15px;
    }
    .show-comments .comments-overlay {
        padding-top: 52px;
    }
    /*  .comment-form label,.comment-form input[type="text"],.comment-form textarea {
        font-size: 16px;
    }

    .comment-form textarea {
        height: 170px;
    }

    .comment-form input[type="text"]:focus+label,.comment-form textarea:focus+label,.comment-form .has-input label,.comment-form .thank {
        font-size: 14px;
    }*/
    .comment .from .name {
        font-size: 18px;
    }
    .comment .from .time {
        font-size: 12px;
    }
    .comment .p {
        font-size: 15px;
    }
    .reply .comment .p {
        font-size: 14px;
    }
    .reply .comment .circle {
        font-size: 15px;
    }
    .grey-box {
        padding: 120px 40px 90px;
    }
    .grey-box .left p,
    h1.page-title {
        font-size: 42px;
    }
    .grey-box h4:before,
    h4.with-line:before {
        width: 80px;
        margin-right: 20px;
    }
    .career-page .middle {
        padding: 0 40px;
    }
    .career-page p,
    .instant .subscribe p.desc {
        font-size: 17px;
    }
    .grey-box h5 {
        font-size: 19px;
    }
    .grey-box.lr .right {
        margin-top: 30px;
    }
    .testimonials .testi p.quote {
        font-size: 20px;
    }
    .testimonials .testi p.from {
        font-size: 14px;
        margin-top: 25px;
    }
    .testimonials-page .testimonials {
        padding-top: 20px;
    }
    h2.with-line {
        padding-bottom: 30px;
    }
    h2.with-line:before,
    .studio span.line {
        width: 70px;
        margin-right: 15px;
    }
    h2.with-line span {
        font-size: 24px;
    }
    p.i {
        font-size: 17px;
    }
    .studio .who p.n {
        margin-top: 30px;
    }
    .studio .who {
        padding: 50px 0;
    }
    .studio .who .left p {
        padding-left: 40px;
        padding-right: 40px;
    }
    .studio .where .left p {
        font-size: 18px;
        padding-left: 40px;
    }
    .studio .office {
        font-size: 14px;
    }
    .studio>.image {
        margin-top: 50px;
    }
    .studio>.image p {
        font-size: 30px;
    }
    .studio .what {
        padding: 50px 40px;
    }
    .studio .what .left p {
        margin-right: 20px;
    }
    .studio .what .right p {
        margin-left: 20px;
    }
    .studio .why {
        position: relative;
        overflow: hidden;
    }
    .studio .why img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: auto;
        opacity: .05;
    }
    .studio .why .lr {
        padding: 50px 40px;
        position: static;
    }
    .studio .why .lr .right {
        width: 100%;
    }
    .studio .why h2.with-line {
        margin-left: 0;
    }
    .studio .why .right p {
        padding-right: 0;
    }
    .instructors {
        margin-top: 45px;
    }
    .instructor {
        margin-bottom: 70px;
    }
    .instructor h3 {
        font-size: 21px;
    }
    .instructor .middle p {
        font-size: 14px;
    }
    .instructor.odd .image {
        margin-right: 30px;
    }
    .instructor.even .image {
        margin-left: 30px;
    }
    .instructor.odd .text,
    .instructor.even .text {
        padding: 0 40px;
    }
    .instructor p.n {
        margin-top: 22px;
    }
    .team h2.with-line {
        margin-left: 25px;
    }
    .team {
        margin: 0 -20px;
    }
    .team .member {
        padding: 0 20px;
    }
    .team h3.name {
        font-size: 18px;
    }
    .team .job-title {
        font-size: 14px;
    }
    .people .team p.i:before {
        font-size: 30px;
    }
    .people .careers {
        padding: 30px 0;
        margin-bottom: 20px;
    }
    .people .careers p {
        font-size: 17px;
    }
    .bootcamp .get-access {
        width: 250px;
        font-size: 14px;
        line-height: 40px;
    }
    .bootcamp .vtype {
        padding: 90px 0 40px;
    }
    .bootcamp .video-center,
    .bootcamp .type2 .center {
        width: auto;
        padding: 0 40px;
        margin-bottom: 40px;
    }
    .bootcamp .video-left {
        margin-right: 0;
        float: none;
        width: auto;
    }
    .bootcamp .text-right .caption {
        font-size: 20px;
        padding-top: 20px;
    }
    .bootcamp .text-right h1 {
        font-size: 24px;
        margin-bottom: 35px;
    }
    .bootcamp .type3 .sizer {
        display: none;
    }
    .bootcamp .type3 .on-top {
        position: static;
    }
    .bootcamp .type3 .middle-wrap {
        padding: 45px 0 20px;
    }
    .bootcamp .type3 p.i {
        font-size: 23px;
    }
    .bootcamp .type3 h1 {
        font-size: 32px;
        margin-bottom: 30px;
    }
    .testimonials {
        padding: 30px 0;
    }
    .bootcamp .download .border {
        padding: 15px;
    }
    .bootcamp .download span,
    .bootcamp .download a {
        margin: 0 10px;
    }
    .bootcamp .download .video-icon,
    .bootcamp .download .pdf-icon {
        -webkit-transform: scale(.65);
        -ms-transform: scale(.65);
        transform: scale(.65);
    }
    .bootcamp .download .text {
        font-size: 14px;
    }
    .itinerary .prefix {
        font-size: 25px;
    }
    .itinerary h3 {
        font-size: 18px;
        margin-top: 10px;
    }
    .itinerary .location {
        margin-top: 20px;
        font-size: 16px;
    }
    .itinerary .location .coord {
        font-size: 14px;
    }
    .bootcamp .itinerary .download {
        padding: 20px 15px;
    }
    .bootcamp .itinerary .download a {
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6);
        margin: 0;
    }
    .bootcamp h2 {
        font-size: 20px;
        padding-bottom: 5px;
    }
    .who-learn {
        margin: 50px 0;
    }
    .who-learn .who {
        padding-right: 35px;
    }
    .who-learn .learn {
        padding-left: 35px;
    }
    .who-learn li {
        font-size: 14px;
    }
    .about-author {
        padding: 70px 0;
    }
    .about-author p.i {
        font-size: 16px;
    }
    .about-author .from {
        font-size: 14px;
        margin-top: 30px;
    }
    .upcoming .text h2 {
        font-size: 24px;
    }
    .upcoming .text .location {
        font-size: 19px;
        margin-top: 5px;
    }
    .upcoming .text p.n {
        margin-top: 30px;
    }
    .upcoming .itin p.day {
        font-size: 17px;
    }
    .upcoming .itin p.desc {
        font-size: 13px;
        line-height: 1.5;
    }
    .event-drilldown a.arrow {
        left: 20px;
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75);
    }
    .event-drilldown a.arrow.right {
        right: 20px;
    }
    .event-drilldown .text {
        bottom: 0;
        right: 0;
        font-size: 14px;
        width: 100%;
        padding: 25px 30px;
        text-align: left;
    }
    .event-drilldown a.back {
        display: none;
    }
    .event-drilldown .text h1 {
        font-size: 24px;
    }
    .event-drilldown .text p.date {
        font-size: 15px;
    }
    .event-drilldown .text p.n {
        margin-top: 10px;
    }
    .ssm-page .text-banner {
        padding: 110px 0 90px;
    }
    .ssm-page .text-banner p.big {
        font-size: 29px;
    }
    .ssm-page blockquote {
        font-size: 19px;
    }
    .ssm-form button.notify-me,
    .ssm-page a.button.pale-blue {
        margin-top: 30px;
    }
    .ssm-page .points ol {
        margin-top: 40px;
    }
    .ssm-page .points li {
        font-size: 15px;
    }
    .ssm-page .number span {
        font-size: 30px;
        margin-right: 10px;
    }
    .ssm-video.stype2 .bsz {
        display: none;
    }
    .roles .count {
        font-size: 26px;
        padding: 40px 0;
    }
    .roles .count .label {
        padding-bottom: 5px;
    }
    .roles .count h2 {
        font-size: 32px;
    }
    .roles .color {
        margin-right: 10px;
    }
    .roles .empty {
        margin-top: 40px;
        font-size: 18px;
    }
    .list-of-roles {
        padding-bottom: 10px;
    }
    .role {
        padding: 40px 0;
    }
    .role .location {
        font-size: 19px;
    }
    .role .fa {
        margin-right: 15px;
    }
    .role h3 {
        font-size: 24px;
    }
    .job h1 {
        font-size: 32px;
        padding: 40px 0;
    }
    .job .spec {
        padding: 40px 0 10px;
    }
    .job .spec>div {
        font-size: 16px;
        margin-left: 50px;
    }
    .job .text {
        font-size: 15px;
        padding-bottom: 40px;
    }
    .job .text em {
        font-size: 17px;
    }
    .job .text strong {
        font-size: 20px;
    }
    .job .text p>strong:first-child {
        padding-top: 20px;
    }
    .job .buttons {
        padding-bottom: 35px;
    }
    .job .button {
        font-size: 15px;
    }
    .job .share h4 {
        font-size: 18px;
    }
    .jobs .people h2 {
        font-size: 24px;
    }
}
@media(max-width:500px) {
    .show-comments .comments-pullout {
        min-width: 100%;
        padding: 30px;
    }
    .close-pullout {
        padding-left: 50px;
    }
    .close-pullout .close {
        font-size: 36px;
    }
    .close-pullout .post-comment {
        font-size: 20px;
    }
    .reply .comment {
        padding-left: 30px;
    }
    .comments-tr.on-header {
        display: none;
    }
    .career-page .bsz {
        background-position: 75% 50%;
    }
    .career-page .middle {
        padding: 0 30px;
    }
    .career-page p {
        line-height: 1.25;
    }
    .grey-box h4:before,
    h4.with-line:before {
        width: 50px;
        margin-right: 15px;
    }
    .instant .subscribe,
    .studio .release .download {
        width: 100%;
    }
    .testimonials-page .grey-box .left p {
        font-size: 35px;
    }
    .grey-box {
        padding-left: 30px;
        padding-right: 30px;
    }
    .ssm-page .text-banner {
        padding: 110px 0 80px;
    }
    .ssm-page .text-banner p.big {
        font-size: 27px;
    }
    .ssm-video {
        padding-top: 50px 0 20px;
    }
    .ssm-video .video-left {
        width: 100%;
    }
    .ssm-form {
        max-width: 400px;
        width: auto;
        margin-top: 60px;
    }
    .ssm-form .logo {
        margin-bottom: 25px;
    }
    .ssm-form .logo img {
        max-width: 75%;
    }
    .ssm-form .status {
        padding: 25px 20px;
        font-size: 17px;
    }
    .ssm-form .white-bg {
        padding: 30px 20px;
    }
    .ssm-form button.notify-me {
        font-size: 14px;
        letter-spacing: 0;
    }
    .ssm-page .points {
        margin-top: 45px;
    }
    .ssm-page .points .description {
        padding: 0 40px 50px;
    }
    .ssm-page blockquote,
    .instructor {
        margin-bottom: 60px;
    }
}
@media(max-width:420px) {
    .carousel-pager a {
        width: 8px;
        height: 8px;
        margin: 0 6px;
    }
    .stats .stat {
        width: 100%;
    }
    .stats .line {
        left: 100%;
    }
    .stats .line2 {
        left: 200%;
    }
    .stats .line3 {
        left: 300%;
    }
    .stats .line4 {
        left: 400%;
    }
    .menu-position .column {
        float: left;
    }
    .menu-position .col2,
    .menu-position .col3 {
        width: 50%;
        margin-left: 10%;
    }
    .menu-position .col3 {
        margin-top: 30px;
    }
    .menu-position:after {
        clear: both;
        display: block;
        height: 1px;
        content: "";
    }
    .menu h3 {
        margin-bottom: 15px;
    }
    .must-read .read .sizer {
        padding-top: 100%;
    }
    .freedom {
        padding: 50px 0;
    }
    .freedom .col {
        display: block;
        width: auto;
        padding: 0 !important;
    }
    .freedom .col2 {
        margin-top: 60px;
    }
    .testimonials .intro span {
        display: block;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .testimonials .testi .image {
        width: 100%;
        float: none;
        text-align: left;
        padding-bottom: 20px;
    }
    .testimonials .testi .image .bsz {
        display: inline-block;
        margin-right: 50px;
        vertical-align: middle;
    }
    .testimonials .testi .image a.play {
        text-align: center;
        vertical-align: middle;
        margin-top: 0;
    }
    .cities .text {
        display: none;
    }
    .cities .sizer {
        padding-top: 120%;
    }
    .cities .center {
        padding: 0 50px 0 30px;
        width: auto;
    }
    .cities .pulled {
        max-width: 70%;
    }
    .cities .weather {
        max-width: 30%;
    }
    .cities .icon img {
        width: 80px;
    }
    .cities .list .center {
        padding-left: 27px;
    }
    .cities .list a {
        font-size: 13px;
        margin-right: 20px;
    }
    .blog-post {
        padding: 20px 5px;
    }
    .blog-post.post4 {
        display: none;
    }
    .home-subscribe form {
        width: 100%;
    }
    .subscribe-form .form-group {
        width: 70%;
    }
    .home-subscribe p.question {
        font-size: 22px;
    }
    .home-subscribe h2 {
        font-size: 22px;
    }
    .home-subscribe p.text {
        font-size: 16px;
    }
    .subscribe-form input[type="text"],
    .subscribe-text-animator {
        font-size: 24px;
        padding: 5px 20px;
    }
    .logos .list {
        white-space: normal;
        text-align: left;
    }
    .logos .logo {
        width: 50%;
        text-align: center;
    }
    .membership .sizer {
        padding-top: 170%;
    }
    .event-overview {
        margin-top: 60px;
    }
    .footer .subscribe {
        width: 100%;
    }
    .footer .center,
    .instant .center {
        padding: 40px 30px;
    }
    .footer .copyright {
        padding: 30px;
    }
    .footer .office {
        width: 100%;
    }
    .footer .copyright .links {
        display: none;
    }
    .blog-overview .categories {
        margin: 0 -30px;
    }
    .blog-page .featured .sizer {
        padding-top: 130%;
    }
    .blog-page .featured .carousel-pager {
        bottom: 20px;
    }
    .blog-page .blog-overview {
        padding: 30px 0;
    }
    .blog-page .started .sizer {
        padding-top: 105%;
    }
    .blog-page .signup .sizer {
        padding-top: 95%;
    }
    .blog-page .started .subscribe-form {
        max-width: 500px;
    }
    .blog-page .subscribe-form .form-group {
        width: 60%;
    }
    /*   .subscribe-form input[type="text"],.subscribe-text-animator,.blog-page .signup p {
        font-size: 18px;
    }*/
    .blog-page button {
        padding: 6px 15px 8px 16px;
    }
    .blog-page .banner .middle .text {
        font-size: 21px;
    }
    .blog-page .post-wrapper {
        margin-top: 5px;
        padding: 30px;
    }
    .blog-page .post h1 {
        font-size: 24px;
    }
    .blog-page .post blockquote {
        font-size: 18px;
        padding-left: 50px;
    }
    .post blockquote .quote-by {
        font-size: 15px;
    }
    .instant .subscribe p.desc,
    .blog-page .share .author {
        width: 100%;
    }
    .blog-page .share .socials {
        width: 100%;
        margin-top: 35px;
    }
    .blog-page .share ul {
        margin-top: 10px;
    }
    .blog-page .share li a {
        padding: 5px 0;
    }
    .blog-page .instant .center {
        padding: 10px 30px 50px;
    }
    .related-posts h2,
    .blog-page .instant .subscribe p.desc {
        font-size: 20px;
    }
    .related-posts .negative {
        margin: 0 -5px;
    }
    .related-posts .blog-post {
        width: 100%;
    }
    .blog-page .comment-type {
        padding-left: 0;
        width: 100%;
    }
    .blog-page .comment-box h3,
    .comment-box .note {
        display: none;
    }
    .comment-form textarea {
        height: 180px;
    }
    .studio .release .text {
        font-size: 15px;
    }
    h2.with-line {
        padding-bottom: 25px;
    }
    .who.lr .right {
        margin: 0 0 40px;
        float: none;
        width: auto;
    }
    p.i {
        font-size: 18px;
    }
    .studio .where h2.with-line:before,
    .studio .where h2.with-line .line {
        margin-left: 0;
    }
    .studio .lr .left,
    .studio .lr .right,
    .studio .who h2.with-line,
    .studio .what .left p {
        width: auto;
        float: none;
    }
    .studio .where .right {
        margin-top: 40px;
    }
    .studio .where h2,
    .studio .office,
    .studio .who h2.with-line:before {
        margin-left: 40px;
    }
    .studio>.image .sizer {
        padding-top: 90%;
    }
    .studio>.image {
        margin-top: 40px;
    }
    .studio>.image p {
        font-size: 24px;
    }
    .studio .what .right {
        margin-top: 30px;
    }
    .studio .what h2.with-line {
        text-align: left;
    }
    .studio .what .left p {
        margin-right: 0;
    }
    .studio .what .right p,
    .studio .why .right p {
        margin-left: 0;
    }
    .grey-box.banner h4 {
        font-size: 14px;
    }
    .grey-box .left p,
    h1.page-title {
        font-size: 39px;
    }
    .grey-box h5 {
        font-size: 18px;
    }
    .grey-box .right p {
        margin-top: 5px;
    }
    .instructors h2.with-line {
        width: auto;
        margin-left: 30px;
        text-align: left;
    }
    .instructor.odd .image,
    .instructor.even .image {
        width: auto;
        float: none;
        margin: 0 0 30px;
    }
    .instructor.odd .text,
    .instructor.even .text {
        padding: 0 35px;
    }
    .team .member {
        width: 100%;
    }
    .people .careers {
        padding-top: 15px;
        margin-right: 0;
    }
    .people .careers .button {
        position: static;
        margin: 45px 0 0;
    }
    .bootcamp .vtype {
        padding: 90px 0 40px;
    }
    .bootcamp .video-center,
    .bootcamp .type2 .center {
        width: auto;
        padding: 0 30px;
        margin-bottom: 30px;
    }
    .bootcamp .play-icon {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
    }
    .bootcamp .video-left {
        margin-right: 0;
        float: none;
        width: auto;
    }
    .bootcamp .text-right .caption {
        font-size: 20px;
        padding-top: 20px;
    }
    .bootcamp .text-right h1 {
        font-size: 24px;
        margin-bottom: 35px;
    }
    .bootcamp .type3 .sizer {
        display: none;
    }
    .bootcamp .type3 .on-top {
        position: static;
    }
    .bootcamp .type3 .middle-wrap {
        padding: 60px 0 30px;
    }
    .bootcamp .type3 .middle {
        padding: 50px 30px;
    }
    .bootcamp .type3 p.i {
        font-size: 20px;
        padding-bottom: 10px;
    }
    .bootcamp .type3 h1 {
        font-size: 26px;
        margin-bottom: 35px;
    }
    .bootcamp .testimonials .center {
        padding: 0 40px;
    }
    .testimonials {
        padding: 10px 0;
    }
    .bootcamp .download span {
        margin: 0;
    }
    .bootcamp .download span.text {
        margin-left: 15px;
    }
    .itinerary {
        width: 100%;
    }
    .itinerary .middle {
        padding-top: 60px;
    }
    .bootcamp h2 {
        font-size: 20px;
        padding-bottom: 5px;
    }
    .who-learn {
        margin: 40px 0;
    }
    .who-learn .who,
    .who-learn .learn {
        padding: 0 0 0 20px;
        width: 100% !important;
    }
    .who-learn .learn {
        margin-top: 50px;
    }
    .who-learn .get-access {
        margin-top: 40px;
    }
    .about-author {
        padding: 50px 0;
    }
    .upcoming .itin {
        width: 100%;
        padding-right: 0;
        padding-bottom: 0;
    }
    h2.with-line:before,
    .studio span.line {
        width: 50px;
    }
    .instructors {
        margin-top: 35px;
    }
    .roles .count {
        font-size: 21px;
    }
    .roles .count h2 {
        font-size: 27px;
    }
    .roles .empty {
        font-size: 16px;
    }
    .role .location {
        font-size: 19px;
    }
    .role h3 {
        font-size: 21px;
        padding-bottom: 20px;
    }
    .role .location {
        margin-bottom: 15px;
    }
    .role .location,
    .role .desc {
        width: auto;
        display: block;
    }
    .job h1 {
        font-size: 28px;
    }
    .job .spec>div {
        font-size: 16px;
        display: block;
        width: auto;
        margin: 15px 0 0;
    }
    .job .spec>div:first-child,
    .job .button:first-child {
        margin-top: 0;
    }
    .job .button {
        margin-top: 15px;
        margin-left: 0;
    }
    .job .team .member {
        width: 100%;
    }
    .jobs .people h2 {
        font-size: 21px;
    }
}
@media(max-width:350px) {
    .center {
        padding: 0 0px;
    }
    .navbar {
        padding: 25px 20px;
    }
    .navbar a.branding {
        top: 25px;
        left: 20px;
    }
    .menu-position {
        padding: 50px 30px 90px;
    }
    .menu-position .col2,
    .menu-position .col3 {
        width: 55%;
        margin-left: 15%;
    }
    .carousel,
    .blog-page .banner .sizer {
        height: 540px;
    }
    .carousel h2 {
        font-size: 26px;
    }
    .carousel p {
        font-size: 28px;
    }
    .carousel a.play {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
    .cities .sizer,
    .event-overview .read .sizer {
        padding-top: 140%;
    }
    .cities .list a {
        margin-right: 15px;
    }
    .blog-overview .center {
        padding: 0 25px;
    }
    .blog-overview h2.title .bold {
        letter-spacing: .2em;
        margin-right: 15px;
    }
    .blog-overview h2.title .italic {
        letter-spacing: .1em;
    }
    .blog-overview .categories a {
        margin: 0 15px;
    }
    .blinkCursor .form-group:before {
        display: none;
    }
    /*  .subscribe-form input[type="text"],.subscribe-text-animator {
        padding: 5px 10px 5px 0;
    }*/
    .blog-page .featured .sizer {
        padding-top: 150%;
    }
    .blog-page .post {
        margin-top: 0;
    }
    .blog-page .comment-box .center {
        padding: 0 0 35px;
    }
    .reply .from {
        padding-left: 0;
    }
    .reply .comment .p {
        padding-left: 20px;
    }
    .bootcamp .vtype {
        padding-top: 80px;
    }
    .bootcamp .testimonials .center,
    .instructor.odd .text,
    .instructor.even .text {
        padding: 0 30px;
    }
    .roles .count {
        font-size: 19px;
    }
    .roles .count h2 {
        font-size: 24px;
    }
    .role h3 {
        font-size: 20px;
    }
}
@media (max-width: 350px) {
    areyou {
        font-size: 26px;
    }
    notgetting {
        font-size: 9.22vw;
    }
}
@media (max-width: 740px) {
    areyou {
        font-size: 30px;
    }
    notgetting {
        font-size: 9.22vw;
    }
}
@media (max-width: 1024px) {
    areyou {
        font-size: 36px;
    }
}
.navbar {
    border-radius: 0px !important;
}
.instant,
.footer {
    background: #fafafa;
}
.footer .center {
    padding: 130px 0;
}
.footer .disabled {
    display: none;
}
.footer .offices h2 {
    color: #1e1e1e;
    font-size: 36px;
    letter-spacing: .025em;
    line-height: 1.25;
}
.footer .offices .list {
    margin-top: 50px;
}
.footer .office {
    display: inline-block;
    width: 20%;
    color: #444;
    font-size: 24px;
    line-height: 1.6;
    font-weight: 300;
}
.footer .office h3 {
    font-weight: 400;
    padding-bottom: 5px;
}
.footer .office .email {
    font-size: 19px;
    margin-top: 5px;
}
.footer .offices .socials {
    float: right;
    width: auto;
    color: #444;
    font-size: 16px;
    line-height: 2.25;
    position: relative;
}
.footer .offices .socials ul {
    margin-top: -2px;
}
.footer .map-location {
    position: relative;
    overflow: hidden;
}
.footer .map-location .sizer {
    padding-top: 30%;
}
.footer .map-location .middle {
    text-align: left;
    width: 100%;
}
.footer .map-position {
    height: 150%;
    top: 50%;
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}
.footer .map-canvas {
    width: 150%;
    height: 100%;
}
.map-nav {
    overflow: hidden;
    background-color: rgba(0,
    0,
    0,
    0.45);
}
.map-nav .loc {
    display: inline-block;
    margin: 0 45px;
    color: #616161;
    -webkit-transition: color .5s ease;
    transition: color .5s ease;
}
.map-nav .loc.sel,
.has-no-touch .map-nav .loc:hover {
    color: #fff;
}
.map-nav .short {
    font-size: 2.5vw;
    font-family: 'aileron';
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.map-nav .location {
    font-weight: 700;
    font-size: 20px;
    margin-top: 10px;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.map-nav .format {
    font-size: 23px;
    margin-top: 25px;
    letter-spacing: .1em;
}
.footer .copyright {
    background-color: #1e1e1e;
    color: #717171;
    padding: 80px;
    text-align: right;
    margin-top: -5px;
}
.footer .copyright>div {
    display: inline-block;
}
.footer .copyright .logo {
    float: left;
    text-align: left;
    text-transform: uppercase;
    margin: 30px 0 0;
    letter-spacing: .1em;
    opacity: .6;
}
.footer .copyright img {
    width: 200px;
}
.footer .copyright .logo p {
    margin-top: 5px;
}
.footer .copyright ul {
    line-height: 2.4;
    font-size: 15px;
    text-align: left;
    letter-spacing: .05em;
}
.footer .copyright .links {
    margin-left: 200px;
}
.footer .socials a {
    font-family: 'open sans';
    color: dimgray;
}
.footer .links a {
    font-family: 'open sans';
    color: dimgray;
}
.footer a:hover {
    color: darkred;
}
.overlay,
.overlay .wrapper {
    right: 0;
    left: auto;
}
.overlay {
    background-color: rgba(0,
    0,
    0,
    0.9);
    width: 0;
    overflow: hidden;
    visibility: hidden;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: visibility .1s .9s,
    width .9s cubic-bezier(.67,
    0,
    .175,
    1);
    transition: visibility .1s .9s,
    width .9s cubic-bezier(.67,
    0,
    .175,
    1);
    z-index: 9999;
}
.overlay .wrapper {
    width: 100vw;
}
ul {
    list-style-type: none;
}
.quoteright {
    font-family: didot;
    font-style: italic;
    margin-left: 50px;
    margin-right: 20px;
    font-size: 20px;
    line-height: 29.4px;
    padding-top: 45px;
}
@media screen and (max-width: 767px) {
    .quoteright {
        margin-left: 5px;
    }
}
.zumpferl {
    font-size: 50px;
}
.quoteleft {
    font-size: 19px;
    letter-spacing: 0.8px;
    line-height: 27.2px;
    margin-right: 25px;
}
@media screen and (max-width: 568px) {
    .quoteleft {
        margin-right: 0px;
    }
    .quoteright {
        margin-right: 0px;
    }
}
h3.quoteleft {
    text-align: left;
}

}
.mmedia {
    width: 75px;
}
.VIP {
    -webkit-box-shadow: -5px -5px 154px -19px rgba(0,
    0,
    0,
    0.75);
    -moz-box-shadow: -5px -5px 154px -19px rgba(0,
    0,
    0,
    0.75);
    box-shadow: -5px -5px 154px -19px rgba(0,
    0,
    0,
    0.75);
}
.read-frame {}
#contact {
    background-color: white;
}
.fb-messengermessageus {
    color="white";
    size="large":
}
#signup-ebookDIV_17 {
    color: rgb(68,
    68,
    68);
    height: 100%;
    min-height: 100%;
    text-align: left;
    width: 1440px;
    column-rule-color: rgb(68,
    68,
    68);
    perspective-origin: 720px 1520px;
    transform-origin: 720px 1520px;
    border: 0px none rgb(68,
    68,
    68);
    font: normal normal normal normal 16px / normal "Gotham Book",
    Arial,
    sans-serif;
    /* margin: 0px 0px -370px;*/
    margin-left: 0;
    margin-bottom: -75px;
    outline: rgb(68,
    68,
    68) none 0px;
    float: right;
}

/*#signup-ebookDIV_17*/
#signup-ebookDIV_18 {
    bottom: 0px;
    clear: both;
    color: rgb(68,
    68,
    68);
    height: 300px;
    left: 0px;
    position: relative;
    right: 0px;
    text-align: left;
    top: 0px;
    width: 1440px;
    column-rule-color: rgb(68,
    68,
    68);
    perspective-origin: 720px 355px;
    transform-origin: 720px 355px;
    border: 0px none rgb(68,
    68,
    68);
    font: normal normal normal normal 16px / normal "Gotham Book",
    Arial,
    sans-serif;
    margin: 0px 0px 90px;
    margin-bottom: 20px;
    outline: rgb(68,
    68,
    68) none 0px;
}

/*#signup-ebookDIV_18*/
#signup-ebookDIV_19 {
    background-position: 50% 0%;
    bottom: 0px;
    color: rgb(68,
    68,
    68);
    height: 300px;
    left: 0px;
    position: relative;
    right: 0px;
    text-align: left;
    top: 0px;
    width: 1440px;
    column-rule-color: rgb(68,
    68,
    68);
    perspective-origin: 720px 355px;
    transform-origin: 720px 355px;
    background: rgba(0,
    0,
    0,
    0) url("../assets/img/mailbox.jpg") no-repeat scroll 50% 0% / cover padding-box border-box;
    border: 0px none rgb(68,
    68,
    68);
    font: normal normal normal normal 16px / normal "Gotham Book",
    Arial,
    sans-serif;
    outline: rgb(68,
    68,
    68) none 0px;
}

/*#signup-ebookDIV_19*/
#signup-ebookDIV_1 {
    bottom: 0px;
    box-sizing: border-box;
    clear: both;
    color: rgb(255,
    255,
    255);
    height: 251px;
    left: 0px;
    position: absolute;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 1440px;
    z-index: 9;
    column-rule-color: rgb(255,
    255,
    255);
    perspective-origin: 720px 125.5px;
    transform-origin: 720px 125.5px;
    background: rgba(51,
    51,
    51,
    0.901961) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 0px none rgb(255,
    255,
    255);
    font: normal normal normal normal 16px / normal "Gotham Book",
    Arial,
    sans-serif;
    outline: rgb(255,
    255,
    255) none 0px;
    padding: 45px 0px;
}

/*#signup-ebookDIV_1*/
#signup-ebookDIV_2 {
    bottom: 0px;
    color: rgb(255,
    255,
    255);
    height: 161px;
    left: 0px;
    max-width: 1140px;
    position: relative;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 1140px;
    z-index: 9;
    column-rule-color: rgb(255,
    255,
    255);
    perspective-origin: 580px 80.5px;
    transform-origin: 580px 80.5px;
    border: 0px none rgb(255,
    255,
    255);
    font: normal normal normal normal 16px / normal "Gotham Book",
    Arial,
    sans-serif;
    margin: 0px 140px;
    outline: rgb(255,
    255,
    255) none 0px;
    padding: 0px 10px;
}

/*#signup-ebookDIV_2*/
#signup-ebookDIV_2:after {
    clear: both;
    color: rgb(255,
    255,
    255);
    content: '"."';
    display: block;
    text-align: center;
    visibility: hidden;
    column-rule-color: rgb(255,
    255,
    255);
    border: 0px none rgb(255,
    255,
    255);
    font: normal normal normal normal 0px / 0px "Gotham Book",
    Arial,
    sans-serif;
    outline: rgb(255,
    255,
    255) none 0px;
    overflow: hidden;
}

/*#signup-ebookDIV_2:after*/
#signup-ebookDIV_2:before {
    color: rgb(255,
    255,
    255);
    content: '"."';
    display: block;
    text-align: center;
    visibility: hidden;
    column-rule-color: rgb(255,
    255,
    255);
    border: 0px none rgb(255,
    255,
    255);
    font: normal normal normal normal 0px / 0px "Gotham Book",
    Arial,
    sans-serif;
    outline: rgb(255,
    255,
    255) none 0px;
    overflow: hidden;
}

/*#signup-ebookDIV_2:before*/
#signup-ebookDIV_3 {
    box-sizing: border-box;
    clear: both;
    color: rgb(255,
    255,
    255);
    height: 161px;
    text-align: center;
    width: 1140px;
    column-rule-color: rgb(255,
    255,
    255);
    perspective-origin: 570px 80.5px;
    transform-origin: 570px 80.5px;
    border: 0px none rgb(255,
    255,
    255);
    font: normal normal normal normal 16px / normal "Gotham Book",
    Arial,
    sans-serif;
    outline: rgb(255,
    255,
    255) none 0px;
    padding: 0px 0px 0px 120px;
}

/*#signup-ebookDIV_3*/
#signup-ebookDIV_3:after {
    clear: both;
    color: rgb(255,
    255,
    255);
    content: '"."';
    display: block;
    text-align: center;
    visibility: hidden;
    column-rule-color: rgb(255,
    255,
    255);
    border: 0px none rgb(255,
    255,
    255);
    font: normal normal normal normal 0px / 0px "Gotham Book",
    Arial,
    sans-serif;
    outline: rgb(255,
    255,
    255) none 0px;
    overflow: hidden;
}

/*#signup-ebookDIV_3:after*/
#signup-ebookDIV_3:before {
    color: rgb(255,
    255,
    255);
    content: '"."';
    display: block;
    text-align: center;
    visibility: hidden;
    column-rule-color: rgb(255,
    255,
    255);
    border: 0px none rgb(255,
    255,
    255);
    font: normal normal normal normal 0px / 0px "Gotham Book",
    Arial,
    sans-serif;
    outline: rgb(255,
    255,
    255) none 0px;
    overflow: hidden;
}

/*#signup-ebookDIV_3:before*/
#signup-ebookIMG_4 {
    bottom: -52.5156px;
    box-shadow: rgba(0,
    0,
    0,
    0.4) 0px 5px 30px 0px;
    color: rgb(255,
    255,
    255);
    display: block;
    height: 271.516px;
    left: 70px;
    max-width: 210px;
    position: absolute;
    right: 880px;
    text-align: center;
    top: -58px;
    width: 210px;
    column-rule-color: rgb(255,
    255,
    255);
    perspective-origin: 105px 135.75px;
    transform: matrix(0.992546,
    -0.121869,
    0.121869,
    0.992546,
    0,
    0);
    transform-origin: 105px 135.75px;
    border: 0px none rgb(255,
    255,
    255);
    font: normal normal normal normal 16px / normal "Gotham Book",
    Arial,
    sans-serif;
    outline: rgb(255,
    255,
    255) none 0px;
}

/*#signup-ebookIMG_4*/
#signup-ebookDIV_5 {
    color: rgb(255,
    255,
    255);
    height: 161px;
    text-align: center;
    width: 1020px;
    column-rule-color: rgb(255,
    255,
    255);
    perspective-origin: 510px 80.5px;
    transform-origin: 510px 80.5px;
    border: 0px none rgb(255,
    255,
    255);
    font: normal normal normal normal 16px / normal "Gotham Book",
    Arial,
    sans-serif;
    outline: rgb(255,
    255,
    255) none 0px;
}

/*#signup-ebookDIV_5*/
#signup-ebookH3_6 {
    color: rgb(255,
    255,
    255);
    height: 64px;
    text-align: center;
    width: 1020px;
    column-rule-color: rgb(255,
    255,
    255);
    perspective-origin: 510px 37px;
    transform-origin: 510px 37px;
    border: 0px none rgb(255,
    255,
    255);
    font: normal normal normal normal 24px / 32px "Gotham Medium",
    Arial,
    sans-serif;
    margin: 0px;
    outline: rgb(255,
    255,
    255) none 0px;
    padding: 0px 0px 10px;
}

/*#signup-ebookH3_6*/
#signup-ebookBR_7 {
    color: rgb(255,
    255,
    255);
    text-align: center;
    column-rule-color: rgb(255,
    255,
    255);
    border: 0px none rgb(255,
    255,
    255);
    font: normal normal normal normal 24px / 32px "Gotham Medium",
    Arial,
    sans-serif;
    outline: rgb(255,
    255,
    255) none 0px;
}

/*#signup-ebookBR_7*/
#signup-ebookSPAN_8 {
    color: rgb(255,
    255,
    255);
    text-align: center;
    column-rule-color: rgb(255,
    255,
    255);
    border: 0px none rgb(255,
    255,
    255);
    font: normal normal normal normal 20px / normal "Gotham Book",
    Arial,
    sans-serif;
    outline: rgb(255,
    255,
    255) none 0px;
}

/*#signup-ebookSPAN_8*/
#signup-ebookDIV_9 {
    color: rgba(255,
    255,
    255,
    0.701961);
    height: 42px;
    text-align: center;
    width: 1020px;
    column-rule-color: rgba(255,
    255,
    255,
    0.701961);
    perspective-origin: 510px 21px;
    transform-origin: 510px 21px;
    border: 0px none rgba(255,
    255,
    255,
    0.701961);
    font: normal normal normal normal 16px / normal "Gotham Book",
    Arial,
    sans-serif;
    outline: rgba(255,
    255,
    255,
    0.701961) none 0px;
}

/*#signup-ebookDIV_9*/
#signup-ebookP_10 {
    color: rgba(255,
    255,
    255,
    0.701961);
    height: 22px;
    text-align: center;
    width: 1020px;
    column-rule-color: rgba(255,
    255,
    255,
    0.701961);
    perspective-origin: 510px 21px;
    transform-origin: 510px 21px;
    border: 0px none rgba(255,
    255,
    255,
    0.701961);
    font: normal normal normal normal 15px / 22px "Gotham Medium",
    Arial,
    sans-serif;
    margin: 0px;
    outline: rgba(255,
    255,
    255,
    0.701961) none 0px;
    padding: 0px 0px 20px;
}

/*#signup-ebookP_10*/
#signup-ebookFORM_11 {
    color: rgb(255,
    255,
    255);
    height: 45px;
    text-align: center;
    width: 1020px;
    column-rule-color: rgb(255,
    255,
    255);
    perspective-origin: 510px 22.5px;
    transform-origin: 510px 22.5px;
    border: 0px none rgb(255,
    255,
    255);
    font: normal normal normal normal 16px / normal "Gotham Book",
    Arial,
    sans-serif;
    margin: 0px;
    outline: rgb(255,
    255,
    255) none 0px;
}

/*#signup-ebookFORM_11*/
#signup-ebookINPUT_12,
#signup-ebookINPUT_13,
{
    color: rgb(68,
    68,
    68);
    display: none;
    height: auto;
    text-align: center;
    width: 200px;
    column-rule-color: rgb(68,
    68,
    68);
    perspective-origin: 50% 50%;
    transform-origin: 50% 50%;
    border: 0px none rgb(68,
    68,
    68);
    border-radius: 2px 2px 2px 2px;
    font: normal normal normal normal 16px / normal "Gotham Book",
    Arial,
    sans-serif;
    outline: rgb(68,
    68,
    68) none 0px;
    padding: 12px;
}

/*#signup-ebookINPUT_12, #signup-ebookINPUT_13*/
#signup-ebookINPUT_14,
#signup-ebookINPUT_15,
#MERGE02 {
    color: rgb(241,
    241,
    241);
    height: 43px;
    text-align: center;
    width: 200px;
    column-rule-color: rgb(68,
    68,
    68);
    perspective-origin: 100px 21.5px;
    transform-origin: 100px 21.5px;
    border: 0px none rgb(68,
    68,
    68);
    border-radius: 2px 2px 2px 2px;
    font: normal normal normal normal 16px / normal "Gotham Book",
    Arial,
    sans-serif;
    outline: rgb(68,
    68,
    68) none 0px;
    padding: 12px;
}

/*#signup-ebookINPUT_14, #signup-ebookINPUT_15*/
#signup-ebookBUTTON_16 {
    color: rgb(255,
    255,
    255);
    height: 45px;
    min-height: 0px;
    text-transform: uppercase;
    width: 200px;
    column-rule-color: rgb(255,
    255,
    255);
    perspective-origin: 100px 22.5px;
    transform-origin: 100px 22.5px;
    background: rgb(247,
    86,
    86) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 1px solid rgba(0,
    0,
    0,
    0.0980392);
    border-radius: 2px 2px 2px 2px;
    font: normal normal normal normal 16px / normal "Gotham Medium",
    Arial,
    sans-serif;
    outline: rgb(255,
    255,
    255) none 0px;
    padding: 12px 0px;
    transition: all 0.2s linear 0s;
}

/*#signup-ebookBUTTON_16*/
.row {
    margin-right: 0px;
    margin-left: -0px;
}
@media screen {
    .free-ebook-hero-container {
        clear: both;
        position: relative;
        z-index: 9;
        bottom: 0px;
        background: rgba(51,
        51,
        51,
        0.901961);
        padding: 45px 0px;
        width: 100%;
        text-align: center;
        color: rgb(255,
        255,
        255);
    }
}
@media screen {
    .ebook-wrap {
        padding: 0px 0px 0px 120px;
    }
}
@media screen and (max-width: 767px) {
    .ebook-wrap {
        padding: 0px 0px 0px 0px;
    }
}
@media screen {
    .ebook-cover-image {
        position: absolute;
        left: 70px;
        top: -19px;
        box-shadow: rgba(0,
        0,
        0,
        0.4) 0px 5px 30px;
        max-width: 210px;
        transform: rotate(-7deg);
    }
}
@media screen {
    .ebook-desc {
        color: rgba(255,
        255,
        255,
        0.701961);
    }
}
@media screen {
    .ebook-title {
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-stretch: normal;
        font-size: 17px;
        font-family: "Gotham Bold",
        Arial,
        sans-serif;
        padding-bottom: 0px;
    }
    .sub-title {
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-stretch: normal;
        font-size: 30px;
        font-family: "Gotham Bold",
        Arial,
        sans-serif;
        padding-bottom: 0px;
    }
}
@media screen {
    input,
    textarea,
    button.button,
    body.single-product form.cart button.single_add_to_cart_button {
        padding: 12px;
        width: 200px;
        text-align: left;
        box-sizing: border-box;
        background: rgb(255,
        255,
        255);
        border: 1px solid rgba(0,
        0,
        0,
        0.0980392);
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-stretch: normal;
        font-size: 16px;
        line-height: normal;
        font-family: "Gotham Book",
        Arial,
        sans-serif;
        color: rgb(68,
        68,
        68);
        border-radius: 2px;
        -webkit-appearance: none;
        -webkit-font-smoothing: antialiased;
    }
}
@media screen {
    form.ebook-form input {
        border: none;
        text-align: center;
    }
}
@media screen and (max-width: 767px) {
    form.ebook-form input {
        margin-bottom: 5px;
    }
}
@media screen {
    .button,
    button.button,
    body.single-product form.cart button.single_add_to_cart_button,
    .keep-reading-box a,
    #commentform input#submit {
        border-radius: 2px;
        padding: 12px 0px;
        width: 100%;
        display: inline-block;
        box-sizing: border-box;
        background: rgb(245,
        83,
        83);
        color: rgb(255,
        255,
        255);
        font-family: "Gotham Medium",
        Arial,
        sans-serif;
        text-align: center;
        text-transform: uppercase;
        transition: all 0.2s linear 0s;
    }
}
@media screen {
    form.ebook-form button.button,
    form.ebook-form body.single-product form.cart button.single_add_to_cart_button,
    body.single-product form.cart form.ebook-form button.single_add_to_cart_button,
    form.ebook-form input.button,
    form.ebook-form #commentform input#submit,
    #commentform form.ebook-form input#submit {
        width: 200px;
    }
}
@media only screen and (max-width: 1118px) {
    .ebook-cover-image {
        display: none !important;
    }
}
.socialparent {
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 15px;
    vertical-align: middle;
}
.socialbar {
    vertical-align: middle;
    display: block;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    max-width: 20%;
    float: left;
    filter: grayscale(100%);
}
.socialbar-yt {
    vertical-align: middle;
    display: block;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    margin-top: -12px;
    margin-bottom: 20px;
    max-width: 14%;
    float: left;
    filter: grayscale(100%);
}
@media only screen and (max-width: 767px) {
    .socialbar-yt {
        margin-top: 0px;
    }
}
.socialdiv {
    padding-top: 10px;
    padding-left: 40px;
}
.contact-left {
    padding-top: 50px;
    padding-left: 70px;
    padding-right: 25px;
    margin-right: 30px;
    padding-bottom: 30px;
    width: 570px;
    float: left;
}
@media screen and (max-width: 568px) {
    .contact-left {
        display: none !important;
    }
}
.contact-right {
    padding-top: 80px;
    padding-left: 30px;
    padding-bottom: 20px;
    float: left;
    font-size: 18px;
    /*  width:50%;*/
}
@media screen and (max-width: 568px) {
    .contact-right {
        padding-top: 15px;
        text-align: center;
        padding-left: 0px;
    }
}
@media screen and (max-width: 568px) {
    .fbm {
        max-width: 90%;
    }
}
#contactform {
    background-color: darkred;
}
.clear {
    clear:both;
}
.downbelow {}
.footer {}
.contact-text {
    font: normal normal normal normal 65px / normal "Montserrat Bold",
    Arial Black,
    sans-serif;
    font-size: 65px;
    font-family: 'montserrat bold',
    arial black,
    sans-serif;
    font-weight: 800;
}
.contact-fb {
    font: normal normal normal normal 30px / normal "Montserrat Bold",
    Arial Black,
    sans-serif;
    font-size: 30px;
    font-family: 'montserrat bold',
    arial black,
    sans-serif;
    font-weight: 800;
}

/*@media screen and (min-width: 767px) {

.socialbar { display: none !important; }
.socialbar-yt { display: none !important; }   
    
}



@media screen and (max-width: 767px) {

.socialbar-container { display: none !important; }
 
    
}


body {
	margin:0;
	padding:0;
	background:#fff;
	font-family:'Montserrat',sans-serif;
	font-size:12px;
}
ul {
	margin:0;
	padding:0;
	text-decoration:none;
	list-style:none;
}
li {
	padding:0;
	margin:0;
}
nav {
	text-align:center;
	width:100%;
	position:relative;
	height:auto;
	overflow:hidden;
	background:none;
}
nav ul {
	text-align:center;
}
nav ul li {
	display:inline-block;
}
nav ul li a {
	color:#333;
	display:inline-block;
	padding:1em 3em;
	text-decoration:none;
	border-bottom:2px solid #fff;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
	font-size:16px;
}
nav ul li a:hover {
	color: #34B484;
}
/*styling open close button*/
.button-menu {
    display:inline;
    position:absolute;
    right:50px;
    top:6px;
    z-index:999;
    font-size:30px;
}
.button-menu a {
    text-decoration:none;
}
.btn-open:after {
    color:#333;
    content:"\f0c9";
    font-family:"FontAwesome";
    transition-property:all .2s linear 0s;
    -moz-transition:all .2s linear 0s;
    -webkit-transition:all .2s linear 0s;
    -o-transition:all .2s linear 0s;
}
.btn-open:hover:after {
    color:#34B484;
}
.btn-close:after {
    color:#fff;
    content:"\f00d";
    font-family:"FontAwesome";
    transition-property:all .2s linear 0s;
    -moz-transition:all .2s linear 0s;
    -webkit-transition:all .2s linear 0s;
    -o-transition:all .2s linear 0s;
}
.btn-close:hover:after {
    color: #34B484;
}

/*overlay*/
.overlay {
    display:none;
    position:fixed;
    top:0;
    height:100%;
    width:100%;
    background:#333;
    overflow:auto;
    z-index:99;
}
.wrap {
    color:#e9e9e9;
    text-align:center;
    max-width:90%;
    margin:0 auto;
}
.wrap ul.wrap-nav {
    border-bottom:1px solid #575757;
    text-transform:capitalize;
    padding:150px 0px 100px;
}
.wrap ul.wrap-nav li {
    font-size:20px;
    display:inline-block;
    vertical-align:top;
    width:24%;
    position:relative;
}
.wrap ul.wrap-nav li a {
    color:#34B484;
    display:block;
    padding:8px 0;
    text-decoration:none;
    transition-property:all .2s linear 0s;
    -moz-transition:all .2s linear 0s;
    -webkit-transition:all .2s linear 0s;
    -o-transition:all .2s linear 0s;
}
.wrap ul.wrap-nav li a:hover {
    color:#f0f0f0;
}
.wrap ul.wrap-nav ul {
    padding:20px 0;
}
.wrap ul.wrap-nav ul li {
    display:block;
    font-size:13px;
    width:100%;
    color:#e9e9e9;
}
.wrap ul.wrap-nav ul li a {
    color:#f0f0f0;
}
.wrap ul.wrap-nav ul li a:hover {
    color:#34B484;
}
.social {
    font-size:25px;
    padding:0px;
}
.social p {
    margin:0;
    padding:0px 0 5px 0;
    line-height:30px;
    font-size:13px;
}
.social p a {
    color:#fd584f;
    text-decoration:none;
    margin:0;
    padding:0;
}
.social-icon {
    width:80px;
    height:50px;
    background:#e9e9e9;
    color:#333;
    display:inline-block;
    margin:0 20px;
    transition-property:all .2s linear 0s;
    -moz-transition:all .2s linear 0s;
    -webkit-transition:all .2s linear 0s;
    -o-transition:all .2s linear 0s;
    text-align: center;
}
.social-icon:hover {
    background:#fd584f;
    color:#f0f0f0;
}
.social-icon i {
    margin-top:12px;
}
@media screen and (max-width:48em) {
    .wrap ul.wrap-nav>li {
        width:100%;
        padding:20px 0;
        border-bottom:1px solid #575757;
    }
    .wrap ul.wrap-nav {
        padding:30px 0px 0px;
    }
    nav ul {
        opacity:0;
        visibility:hidden;
    }
    .social {
        color:#c1c1c1;
        font-size:25px;
        padding:15px 0;
    }
    .social-icon {
        width:100%;
        height:50px;
        background:#fff;
        color:#333;
        display:block;
        margin:5px 0;
    }
}
.content {
    width:100%;
    margin-top:200px;
    font-size:20px;
    color#333;
    text-align: center;
}
.happyswiping {
    text-align: right;
    margin-top: 75px;
    color: floralwhite;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 65px;
    line-height: 64px;
}

/*.testimonials {
    background: #919fb5;
    background: -webkit-linear-gradient(left,#919fb5 0,#bbdae5 100%);
    background: -webkit-gradient(linear,left top,right top,from(#919fb5),to(#bbdae5));
    background: -webkit-linear-gradient(left,#919fb5 0,#bbdae5 100%);
    background: linear-gradient(to right,#919fb5 0,#bbdae5 100%);
    color: #fff;
    padding: 80px 0 40px;
    overflow: hidden;
}*/

/* ===================================================================
 *  04. Preloader
 *
 * ------------------------------------------------------------------- */
@import "compass/css3";
preloader {
    display: block;
    width: 39px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    right: 50%;
    bottom: 50%;
}
preloader bar {
    width: 8px;
    vertical-align: top;
    height: 8px;
    background: #0db078;
    display: inline-block;
    margin-right: 5px;
    top: 0px;
    position: relative;
    border-radius: 50%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    transform-origin: center;
}
preloader bar:first-child {
    left: 12px;
    top: 21px;
}
preloader bar+bar+bar {
    left: -12px;
    top: 21px;
}
preloader.animate bar {
    transition: left .3s,
    border-radius .3s .4s,
    height .3s .7s,
    top .3s .7s,
    opacity .3s 1s;
}
preloader.start bar {
    height: 30px;
    opacity: .1;
    border-radius: 0;
    top: 0;
    left: 0;
}
preloader.complete bar {
    transition: all .7s ease-in-out;
}
preloader.start bar.active {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
}