@import url(https://fonts.googleapis.com/css?family=Montserrat:400,300,500,600|Roboto+Slab:300,400|Merriweather:300,400);

/*   
 * Add @imports above this section.                             
*/

/* ==========================================================================
   HS COS Boilerplate v1.5.3                                
   ========================================================================== */

/* This responsive framework is required for all styles. */
/* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}
/**
 * Font Awesome
 *
 * Font Awesome gives you scalable vector icons that can instantly
 * be customized — size, color, drop shadow, and anything that can
 * be done with the power of CSS.
 *
 */

/*!
 *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('//static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.eot?v=4.1.0');src:url('//static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('//static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('//static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('//static.hsappstatic.net/content_shared_assets/static-1.3779/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-square:before,.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}






/**
 * Animate.css
 *
 * A bunch of cool, fun, and cross-browser animations for you
 * to use in your projects. Great for emphasis, home pages,
 * sliders, and general just-add-water-awesomeness.
 *
 */

@charset "UTF-8";/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

/* Should not take effect at mobile */
@media (min-width: 480px) {
    .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;-ms-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);-ms-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);-ms-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);-ms-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);-ms-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);-ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);-ms-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);-ms-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);-ms-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);-ms-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-ms-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);-ms-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);-ms-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);-ms-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);-ms-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);-ms-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0,0,1,45deg);transform:rotate(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0,0,1,45deg);-ms-transform:rotate(0,0,1,45deg);transform:rotate(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);-ms-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);-ms-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);-ms-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);-ms-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);-ms-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);-ms-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);-ms-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);-ms-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
}
/* Images */
img {
    max-width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

img.alignRight{
    margin: 0 0 5px 15px;
}

img.alignLeft{
    margin: 0 15px 5px 0;
}

/* Reduces min-height on bootstrap structure */
.row-fluid [class*="span"] { min-height: 1px; }

/* Blog Social Sharing */
.hs-blog-social-share .hs-blog-social-share-list {
  margin: 0;
  list-style: none !important;
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
  height: 30px;
  list-style: none !important;
}
@media (max-width: 479px){
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) {
    float: none !important; /* Stack social icons into two rows on phones */
  }
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like > span{
    vertical-align: top !important; /* Aligns Facebook icon with other social media icons */
}

/* Captcha */
#recaptcha_response_field {
    width: auto !important;
    display: inline-block !important;
}

/* Videos */
video {
    max-width: 100%;
    height: auto;
}

/* Date Picker */
#calroot {
    width: 202px !important;
    line-height: normal;
}
#calroot,
#calroot *,
#calroot *:before,
#calroot *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
 
#calroot select {
    min-height: 0 !important;
    padding: 1px 2px !important;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif !important;
    font-size: 10px !important;
    line-height: 18px !important;
    font-weight: normal !important;
}
 
#caldays {
    margin-bottom: 4px;
}

/* Embed Container (iFrame, Object, Embed) */
.hs-responsive-embed {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}
.hs-responsive-embed iframe, 
.hs-responsive-embed object, 
.hs-responsive-embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 56.25%;
}
.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-bottom: 116.01%;
}
.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0;
}
.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto;
}
iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}
@media (max-width: 568px) {
    iframe {
        max-width: 100%;
    }
}

/* Forms */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]
select {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* System Template Forms */
#email-prefs-form .email-edit {
    width: 100% !important;
    max-width: 507px !important;
}
#hs-pwd-widget-password {
    height: auto !important;
}

/* Menus */
.hs-menu-wrapper ul {
    padding: 0;
}

/* Horizontal Menu
   ========================================================================== */

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
    content: " ";
    display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
    content: " ";
    display: table;
    clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}
.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
    margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
    position: static;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
    content: " ";
    display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
    float: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: inline-block;
}

/* Vertical Menu
   ========================================================================== */ 

.hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}
.hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    width: auto;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}


@media (max-width: 767px) {
    .hs-menu-wrapper, .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        list-style: none;
        margin: 0;
        display: block;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
        display: block;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
        float: none;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
        display: block;
    }

    /* Stacking Horizontal Nav for Mobile */
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul {
        padding: 0;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
        white-space: normal;
    }

    /* Stacking Vertical Nav for Mobile */
    .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper  {
        position: static;
        opacity: 1;
        visibility: visible;
    }
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts .hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}

/* Space Module */
.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */
.hs-author-social-links {
    display: inline-block;
}
.hs-author-social-links a.hs-author-social-link {
    width: 24px;
    height: 24px;
    border-width: 0px;
    border: 0px;
    line-height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px;
}
.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

/* Fix for CTA border box issue */
.hs-cta-wrapper a {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Wrapper */
.hs_cos_wrapper_type_image_slider {
    display: block;
    overflow: hidden
}

/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus  {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(http://cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(http://cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }



/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
  .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}

.hs_cos_flex-slider .caption {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0 5% 0 5%;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.hs_cos_flex-slider .superimpose .caption {
    color: white;
    font-size: 3em;
    line-height: 1.1em;
    position: absolute;
    padding: 0px 5% 0px 5%;
    width: 90%;
    top: 40%;
    text-align: center;
    background-color: transparent;
}

@media all and (max-width: 400px) {
    .hs_cos_flex-slider .superimpose .caption {
        background-color: black;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: white;
        width: 90%;
        padding: 0px 5% 0px 5%;
        top: 40%;
        text-align: center;
    }
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
    color: white;
}

/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
    max-height: 150px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

table pre {
    white-space: pre-wrap;
}

/* adding minimal spacing for blog comments */
.comment {
    margin: 10px 0 10px 0;
}

/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
    word-wrap: break-word;
}

@media all and (max-width: 400px) {
/* beat recaptcha into being responsive, !importants and specificity are necessary */
#captcha_wrapper,
#recaptcha_area,
#recaptcha_area table#recaptcha_table,
#recaptcha_area table#recaptcha_table .recaptcha_r1_c1
{ width: auto !important; overflow: hidden; }
#recaptcha_area table#recaptcha_table .recaptcha_r4_c4
{ width: 67px !important; }
#recaptcha_area table#recaptcha_table #recaptcha_image
{ width:280px !important; }
}

/* These includes are optional, but helpful. */
/* HTML 5 Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;} 

/* ==========================================================================


   Index:         

  1. BASE STYLES   
    - Variables
    - Macros
    - Base
    - Typography

  2. COS STRUCTURE
    - Structure
    - Header
    - Contentdot-
    - Footer

  3. MAIN NAVIGATION
    - Custom Menu Primary
    - Mobile Menu

  4. TEMPLATE MODULE CLASSES
    - Common Template Classes
    - Site Pages
    - Landing Pages
    - System Pages

  5. COS COMPONENTS
    - Blog
    - Forms
    - Buttons

  6. MISCELLANEOUS

  7. MOBILE MEDIA QUERIES

   ========================================================================== */


/* 
* === MAJOR SECTION HEADING ===
*/

/*
* - Minor Section Heading -
*/


/* ==========================================================================


   1. BASE STYLES                                             


   ========================================================================== */





/* ==========================================================================
   Variables                                               
   ========================================================================== */

/* Colors */
/*
    color: #707e93; trying to decide which
    color: #707377; is better for body color
*/
          /*  Used on 'body' in 'Base'  */
          /* Used for p tag */
          /* Default link color for a tag */
          /* Default link color for hover */
          /* Used for class back-to-top */


/* Typography */
         /* Base font */
        /* Alternative base font */
       /* Font for text heavy pages */
                                             /* Default font size used on body */
                                              /* Default line height used on body */

/* Well Colors */






/* Containers */


.container-fluid .row-fluid .container {
    float: none;
    margin: 0 auto;
    max-width: 1180px;
    padding: 0 30px;
}

.container-xl {
    margin: 0 auto;
    max-width: 1440px;
    padding: 0 30px;
}

/* Material Design Icons */

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

/* 
This is overriding the standard Bootstrap min-height: 1px 
Why min-height: 1px? Comment from Boostrap CSS as to why they use min-height: 1px 
Answer: To prevent columns from collapsing when empty
*/

.row-fluid [class*=span] {
    min-height: 0;
}

/* 
* === START inLink RESET ===
*/

blockquote, body, dd, dl, figure, form, h1, h2, h3, h4, h5, h6, nav, ol, p, pre, ul {
    margin: 0;
    padding: 0;
}

ol, ul {
    list-style: none;
}

/* 
* === END inLink RESET ===
*/


/* ==========================================================================
   Macros                                                  
   ========================================================================== */


/** 
  * Create jinja macros for CSS3 properties that need browser prefixes.
  *
  * Apply the style as shown below on it's own CSS property line.  
  * Ignore the jinja comment tags. 
  *
  * 
  */
  
/* Transition */
 

/**
 ** FROM HS Vast style **
**/

/* Animation Delay */


/* Box Shadow */


/* Background Size */


/* Border Radius */


/* User Select */


/* Opacity*/



/** 
  * Example of how to apply the above macro (ignore the jinja comment tags):
  *
  * a {
  *   color: red;
  *   font-size: 12px;
  *    
  * }
  */




/* ==========================================================================
   Base                                                    
   ========================================================================== */


/** 
 * Box Sizing
 * 
 * Applies a natural box layout model to all elements so that width and padding 
 * are essentially combined, making responsive styles easier to manage.
 */

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}


html, body {
  min-height: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

body {
    background: #fff;
    color: #707377;
    font-size: 16px;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;  
}

a {
    text-decoration: none;
    color: #0088cc;
}

a:hover, 
a:focus { 
    color: #292e31;
}

hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin: 15px auto;
}

/* Highlighted Text */
::-moz-selection {
  color: #fff;
  background: #3cbbdf;
  text-shadow: none;
}

::selection {
  color: #fff;
  background: #3cbbdf;
  text-shadow: none;
}

/* Corrects width issues in table elements created via the wysiwyg editor */
table tr td img {
    max-width: initial;
}


/* ==========================================================================
   Typography
   ========================================================================== */


/* Basic text */

p { color: #57606d; }
small {}
strong { font-weight: 500; }
em { font-style: italic; }
cite {}
code {}

   
pre {
    border: 1px solid #d5dadf;
    border-radius: 4px;
    margin: 20px 0;
    padding: 15px;
    white-space: pre-wrap; 
}

sup, sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: #1e2122;
    font-weight: 500;
    line-height: 1.25;
}

/* Does this need styling?
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}
*/

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

/* Lists */
.fa-ul {
    margin-left: 15px;
}
.fa-ul li:before {
    /*content: "\f046";*/
    /*content: "\f00c";*/
    content: "\f178";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin: 0 10px 0 0;  
}


.dot-ul li {
    position: relative;
    margin: 0 0 10px 10px;    
    padding: 0 0 0 18px;
}

.dot-ul li:before {
    content: "●";
    color: rgb(0, 157, 220);
    position: absolute;
    left: 0px;
    top: -1px;
}


/* Quotes */
/* q:before, q:after, blockquote:before, blockquote:after */

blockquote small {}
blockquote small:before {}

q:before {
    content: "\275D";
    font-size: 16px;
    margin: 2px;
}
q:after {
    content: "\275E";
    font-size: 16px;
    margin: 2px;
}



/* note: base font-size 16px */

.font-smallest { font-size: 12px; }
.font-smaller { font-size: 14px; }
.font-bigger { font-size: 18px; }
.font-biggest { font-size: 20px; }

/* ==========================================================================


   2. COS STRUCTURE                                            


   ========================================================================== */





/* ==========================================================================
   Structure                                               
   ========================================================================== */


/* The outer wrappers of your website */
/* HS Default 
.header-container-wrapper, 
.body-container-wrapper, 
.footer-container-wrapper {}
*/

/* The inner wrappers of your website */
/* HS Default 
.header-container, 
.body-container, 
.footer-container {}
*/



/* ==========================================================================
   Header
   ========================================================================== */

/* Highlight current page link */

.why .global-nav .why-current,
.inbound .global-nav .inbound-current,
.gdd .global-nav .gdd-current,
.price .global-nav .price-current,
.about .global-nav .about-current,
.resource .global-nav .resource-current,
.blog .global-nav .blog-current {
    opacity: .65;
}

/* Styling for navigation on white bg */

.on-white .global-nav .colorize { color: #1e2122; }
.on-white .global-nav .colorize:hover { opacity: .65; }
.on-white .global-nav .nav-section-mobile .overlay { background: rgba(255,255,255,0.92); }

/* We are hiring -- temp */
.global-nav .hiring {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(0,216,235)),to(rgb(0,141,205)));
  background: -webkit-linear-gradient(top, rgb(0,216,235) 0%,rgb(0,141,205) 100%);
  background: linear-gradient(to bottom, rgb(0,216,235) 0%,rgb(0,141,205) 100%);
	border-radius: 4px;
	color: #fff;
	font-size: 10px;
	margin: 0 0 0 10px;
	padding: 4px 8px;
	text-transform: uppercase;
}

/* Default styling for navigation */

.global-nav {
    position: absolute;
    left: 0;
    top: 20px;
    right: 0;
    z-index: 500;
}

.global-nav a {
  text-decoration: none;
}

.global-nav .nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
        display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;    
}

.global-nav .colorize { 
    color: #fff;
    -webkit-transition: opacity .2s ease;
        transition: opacity .2s ease;
}

.global-nav .colorize:hover {
  opacity: .65;
}

.global-nav .price-current {
    margin: 0 60px 0 0;
}

.global-nav .nav-cta {
    border: 1px solid currentColor;
    border-radius: 3px;
    padding: 10px 20px;
}

.global-nav .nav-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}

.global-nav .nav-section-logo,
.global-nav .nav-section-primary,
.global-nav .nav-section-mobile,
.global-nav .nav-section-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
    height: 50px;
}

/* Styling Logo Section */

.global-nav .nav-section-logo {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.global-nav .nav-section-logo svg * {
  fill: currentColor;
}

.global-nav .nav-section-logo svg {
    height: 40px;
}

/* Styling Primary Section */

.global-nav .nav-section-primary ul {
    display: -webkit-box;
    display: -ms-flexbox;
        display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    font-size: 15px;
    padding: 0 8px;
 }

.global-nav .nav-section-primary ul li {
    padding: 0 20px;    
}

/* Styling Mobile Section */
.global-nav .nav-section-mobile {
    display: none;
}

.global-nav .nav-section-mobile .mobilemenu-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  height: 24px;
  width: 30px;
  z-index: 500;
}

.global-nav .nav-section-mobile .mobilemenu-wrapper.active {
    position: fixed;
    top: 30px;
    right: 5px;
    -webkit-transform: scale(.7);    
    -ms-transform: scale(.7);    
    transform: scale(.7);  
}

.global-nav .nav-section-mobile .mobilemenu-wrapper.active .bars:nth-child(1) {
    -webkit-transform: translateY(-2px) rotate(45deg);    
    -ms-transform: translateY(-2px) rotate(45deg);    
    transform: translateY(-2px) rotate(45deg);
}

.global-nav .nav-section-mobile .mobilemenu-wrapper.active .bars:nth-child(2) {
  -webkit-transform: translate3d(-700%,0,0);
        transform: translate3d(-700%,0,0);
  opacity: 0;
}

.global-nav .nav-section-mobile .mobilemenu-wrapper.active .bars:nth-child(3) {
    -webkit-transform: translateY(2px) rotate(-45deg);    
    -ms-transform: translateY(2px) rotate(-45deg);    
    transform: translateY(2px) rotate(-45deg); 
}

.global-nav .nav-section-mobile .mobilemenu-wrapper .bars {
  background-color: currentColor;
  display: block;
  border-radius: 3px;
  height: 2px;
  width: 100%;
  -webkit-transition: all 0.35s cubic-bezier(0, 0.43, 0.47, 1.36);
  transition: all 0.35s cubic-bezier(0, 0.43, 0.47, 1.36);
}

.global-nav .nav-section-mobile .overlay {
    background: rgba(0,0,0,0.8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: fixed;
    top: 0;
    right: 0;
    width: 320px;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    overflow-y: auto;    
    -webkit-transition: visibility .25s linear, height .4s ease-in;    
    transition: visibility .25s linear, height .4s ease-in;
}

.global-nav .nav-section-mobile .overlay.open {
  visibility: visible;
  height: 100%;
}

.global-nav .nav-section-mobile .overlay.open li {
  -webkit-animation: roll-in-top 0.35s ease forwards;
          animation: roll-in-top 0.35s ease forwards;
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
}

.global-nav .nav-section-mobile .overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.global-nav .nav-section-mobile .overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
}

.global-nav .nav-section-mobile .overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: 0.50s;
          animation-delay: 0.50s;
}

.global-nav .nav-section-mobile .overlay.open li:nth-of-type(5) {
  -webkit-animation-delay: 0.55s;
          animation-delay: 0.55s;  
}

.global-nav .nav-section-mobile .overlay.open li:nth-of-type(6) {
  -webkit-animation-delay: 0.60s;
          animation-delay: 0.60s;  
}

.global-nav .nav-section-mobile .overlay.open li:nth-of-type(7) {
  -webkit-animation-delay: 0.65s;
          animation-delay: 0.65s;  
}

.global-nav .nav-section-mobile .overlay.open li:nth-of-type(8) {
  -webkit-animation-delay: 0.70s;
          animation-delay: 0.70s;  
}

.global-nav .nav-section-mobile .overlay div {
    font-size: 20px;
    margin: 30px 0 0;
    text-align: left;
    position: relative;
    z-index: 100; 
}

.global-nav .nav-section-mobile .overlay ul {
  display: inline-block;
  margin: 40px 0 0;
  height: 100%;
}

.global-nav .nav-section-mobile .overlay ul li {
    display: block;
    line-height: 40px;
    opacity: 0;
}

.global-nav .nav-section-mobile .overlay ul li a {
  display: block;
  overflow: hidden;
}

/* Styling Search Section */
.global-nav .nav-section-search div {
  background: #fff;
  height: 20px;
  width: 20px;
  border-radius: 100%;
}

/* 
* === LOGO-NAV (only logo) ===
*/

.logo-nav {
	text-align: center;
}

.logo-nav a {
    margin: 22px 0 16px;
    display: inline-block;
}

.logo-nav svg {
	width: 100px;
	height: 40px;
}


/* ==========================================================================
   Content                                                 
   ========================================================================== */


.body-container-wrapper {}
.body-container {}

/* Not used now - but this can be used to push image over header */
.hero-image-over { margin: 60px 0 -280px; }

/* Unique Pages
   ========================================================================== */

/* 
* === HOMEPAGE ===
*/

.home .hero-header {
    background: -webkit-linear-gradient(bottom right,#42ceef,#3397ca 10%,#2667a1 20%,#264f8f 27%,#22387c 35%,#1f2351 47%,#1f1639 61%,#09000e 93%,#000);
    background: linear-gradient(to top left,#42ceef,#3397ca 10%,#2667a1 20%,#264f8f 27%,#22387c 35%,#1f2351 47%,#1f1639 61%,#09000e 93%,#000);
    text-shadow: 0 1px 3px rgba(0,0,0,.4);
    height: 100vh;    
    min-height: 748px;    
    padding: 120px 0 200px;
}

.home .hero-header div:first-child {
    height: 100%;
}

/* Header content */
.home .hero-header .hero-header-wrapper {
    color: #fff;
    margin: 40px auto 60px;
    max-width: 700px;    
    text-align: center;
    position: relative;
    z-index: 100;
}

.home .hero-header .hero-header-wrapper .hero-title {
    color: #fff;
    line-height: 1.15;
    margin: 0 0 35px;
    text-transform: uppercase;
}

.home .hero-header .hero-header-wrapper .hero-title .first-sentence {
    font-size: 11px;
    letter-spacing: 2.25px;
    line-height: 25px;
}

.home .hero-header .hero-header-wrapper .hero-title .second-sentence {
    font-size: 60px;
    letter-spacing: -1.05px;
    text-shadow: 0 3px 3px rgba(0, 0, 0, .5);
}

.home .hero-header .hero-header-wrapper .hero-intro-text {
    color: rgba(121, 183, 219, 0.7);
    font-size: 20px;
    line-height: 1.17;
}

.home .hero-header .hero-header-wrapper .hero-intro-text p {
    color: rgba(121, 183, 219, 0.7);
}

.home .hero-header .hero-header-wrapper .hero-intro-text a {
    color: inherit;
    border-bottom: 1px solid;    
}

.home .hero-header .hero-header-wrapper .hero-intro-text a:hover {
    color: #fff;
    border-bottom: 1px solid #fff;
    -webkit-transition: color .1s ease;
    transition: color .1s ease;    
}

.home .hero-header .cta-wrapper:before,
.home .hero-header .cta-wrapper:after {
    content: "";
    width: 260px;
    height: 260px;
    border-radius: 50%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.home .hero-header .cta-wrapper:before {
    box-shadow: 0 0 0 0.4px rgba(255, 255, 255, 0.1);    
    -webkit-transform: scale(1.377);
        transform: scale(1.377);
}

.home .hero-header .cta-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 50%;
    box-shadow: 0 0 0 0.4px rgba(255, 255, 255, 0.1);
    margin: 0 auto;
    width: 260px;
    height: 260px;
    position: relative;
}

.home .hero-header .cta-wrapper:after {
    box-shadow: 0 0 0 0.4px rgba(255, 255, 255, 0.03);    
    -webkit-transform: scale(1.977);
        transform: scale(1.977);
}

.home .hero-header .cta-wrapper .cta:before {
    content: "";
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1);
    width: 162px;
    height: 162px;
    border-radius: 50%;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity .97s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity .97s cubic-bezier(0.165, 0.84, 0.44, 1);     
}

.home .hero-header .cta-wrapper .cta {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: -webkit-gradient(linear, right top, left top, from(rgba(131, 164, 212, 0.17)), to(rgba(182, 251, 255, 0.23)));
    background: linear-gradient(to left, rgba(131, 164, 212, 0.17), rgba(182, 251, 255, 0.23));       
    box-shadow: 0 0 0 2.7px rgba(255, 255, 255, 0.4);
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;    
    margin: 0;
    width: 162px;
    height: 162px;    
    border-radius: 50%;
    padding: 15px;
    position: relative;
    text-align: center;
    text-shadow: 0 3px 9px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    z-index: 100;
}

.home .hero-header .cta-wrapper .cta:hover:before {
    opacity: 1;
}

.home .hero-header .cta-wrapper .cta:after {
    content: "";
    box-shadow: 0 0 0 0.77px rgba(255, 255, 255, 0.1);    
    -webkit-transform: scale(1.227);
        transform: scale(1.227);      
    width: 162px;
    height: 162px;
    border-radius: 50%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;    
}

/* Positioning */
.home .hero-header .positioning {
    line-height: 1.17;    
    margin: 80px auto;
    max-width: 700px;
    text-align: center;
    position: relative;
    z-index: 50;
}

.home .hero-header .positioning p {
    color: rgba(121, 183, 219, 0.7);
}

/* Star animation effect */
.home .hero-header .starfield, 
.home .hero-header .stars {
    margin: 0 auto; 
    height: 100vh;
    width: 100%;    
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.home .hero-header .stars {
    background-image: -webkit-radial-gradient(1.5px 1.5px at 20px 30px, #eee, rgba(0,0,0,0)), 
    -webkit-radial-gradient(1.5px 1.5px at 40px 70px, #fff, rgba(0,0,0,0)), 
    -webkit-radial-gradient(1.3px 1.3px at 50px 160px, #ddd, rgba(0,0,0,0)), 
    -webkit-radial-gradient(1.3px 1.3px at 90px 40px, #fff, rgba(0,0,0,0)), 
    -webkit-radial-gradient(1.7px 1.7px at 130px 80px, #fff, rgba(0,0,0,0)), 
    -webkit-radial-gradient(1.7px 1.7px at 160px 120px, #ddd, rgba(0,0,0,0));
    background-image: radial-gradient(1.5px 1.5px at 20px 30px, #eee, rgba(0,0,0,0)), 
    radial-gradient(1.5px 1.5px at 40px 70px, #fff, rgba(0,0,0,0)), 
    radial-gradient(1.3px 1.3px at 50px 160px, #ddd, rgba(0,0,0,0)), 
    radial-gradient(1.3px 1.3px at 90px 40px, #fff, rgba(0,0,0,0)), 
    radial-gradient(1.7px 1.7px at 130px 80px, #fff, rgba(0,0,0,0)), 
    radial-gradient(1.7px 1.7px at 160px 120px, #ddd, rgba(0,0,0,0));
    background-repeat: repeat;
    background-size: 220px 220px;
    -webkit-animation: star-zoom 21s infinite;
    animation: star-zoom 21s infinite;
    opacity: 0;
}

.home .hero-header .stars:nth-child(1) {
  background-position: 50% 50%;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.home .hero-header .stars:nth-child(2) {
  background-position: 20% 60%;
  -webkit-animation-delay: 6.3s;
          animation-delay: 6.3s;
}

.home .hero-header .stars:nth-child(3) {
  background-position: -20% -30%;
  -webkit-animation-delay: 12.7s;
          animation-delay: 12.7s;
}

.home .hero-header .stars:nth-child(4) {
  background-position: 40% -80%;
  -webkit-animation-delay: 18s;
          animation-delay: 18s;
}

.home .hero-header .stars:nth-child(5) {
  background-position: -20% 30%;
  -webkit-animation-delay: 21s;
          animation-delay: 21s;
}


/* 
* === INBOUND PAGE ===
*/

.inbound .hero-header {
    height: calc(90vh - 90px);
    margin: 90px 0 0;
}

.inbound .hero-header .hero-header-wrapper {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.inbound .hero-header .hero-header-wrapper h1 {
    color: #f1f3f7;
    font-size: 80px;
    letter-spacing: -7px;
    line-height: 1;
    margin: 0 0 -75px;
    text-transform: uppercase;
    position: relative;
    z-index: -1;    
}
.inbound .hero-header .hero-header-wrapper .hero-title {
    font-size: 50px;
    margin: 0 0 30px;
    text-shadow: 0 10px 20px rgba(0, 0, 0, 0.30);    
}

.inbound .hero-header .hero-header-wrapper .hero-intro-text {
    max-width: 500px;
    margin: 0 auto;    
}

/* 
* - Section - what-is-inbound
*/

.inbound .what-is-inbound {
    position: relative;
}

.inbound .what-is-inbound .filler {
    background: -webkit-linear-gradient(258deg,#dff0ff,#fafafa 36%, #fff);    
    background: linear-gradient(192deg,#dff0ff,#fafafa 36%, #fff);
    height: 100%;
    width: 100%;
    -webkit-transform: skewY(-12deg);    
    -ms-transform: skewY(-12deg);    
    transform: skewY(-12deg);    
    position: absolute;
    z-index: -1;
}

.inbound .what-is-inbound .section-wrapper {
    padding: 180px 0 0;
}

.inbound .what-is-inbound .section-wrapper .section-header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 44%;
        flex: 0 0 44%;    
}

.inbound .what-is-inbound .section-wrapper .section-header .section-title {
    font-size: 60px;
    letter-spacing: -1px;
}

.inbound .what-is-inbound .section-wrapper .section-header .section-copy p:first-of-type {
    font-size: 24px;
    margin: 0 0 20px;
}

.inbound .what-is-inbound .section-wrapper .section-header .section-copy p {
    margin: 0 0 15px;
}

.inbound .what-is-inbound .section-wrapper #inbound-phone:before {
    content: "";
    background: #eee;
    border: 1px inset rgba(228, 234, 241, .7);
    border-radius: 4px;
    margin: 0 auto;
    width: 64px;
    height: 8px;
    position: absolute;
    top: 32px;
    left: 0;
    right: 0;
}

.inbound .what-is-inbound .section-wrapper #inbound-phone {
    border-radius: 38px;
    background: #fff;
    box-shadow: inset -2px 2px 16px rgba(173, 186, 204, 0.45), 32px -32px 38px rgba(0, 21, 64, 0.1);
    width: 320px;
    height: 654px;
    padding: 66px 8px;    
    position: relative;
    -webkit-transform: scale(1.25) skewX(-2deg);    
    -ms-transform: scale(1.25) skewX(-2deg);    
    transform: scale(1.25) skewX(-2deg);
    -webkit-transform-origin: 50% 90%;    
    -ms-transform-origin: 50% 90%;    
    transform-origin: 50% 90%;    
}

.inbound .what-is-inbound .section-wrapper #inbound-phone:after {
    content: "";    
    border: 1px inset #a6c1eb;
    border-radius: 50%;
    margin: 0 auto;
    height: 40px;
    width: 40px;
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 0;
}

.inbound .what-is-inbound .section-wrapper #inbound-phone .screen {
    border: 1px solid #f1f2f3;
    border-radius: 6px;
    width: 100%;
    height: 100%;
    position: relative;
}

/* Start Slider */

.what-is-inbound #inbound-phone .content-slider input[type="radio"] {
  height: 0;
  opacity: 0;
  width: 0;
}

.what-is-inbound #inbound-phone .content-slider input[type="radio"]:checked ~ .slide {
          -webkit-transform: translate3d(100%, 0, 0);
                  transform: translate3d(100%, 0, 0);
}

.what-is-inbound #inbound-phone .content-slider input[type="radio"]:checked + .slide {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.what-is-inbound #inbound-phone .content-slider input[type="radio"]:checked + .slide + .nav {
  z-index: 50;
}

.what-is-inbound #inbound-phone .content-slider input[type="radio"]:checked:nth-of-type(1) + .slide + .nav + .dots .dot:nth-child(1),
.what-is-inbound #inbound-phone .content-slider input[type="radio"]:checked:nth-of-type(2) + .slide + .nav + .dots .dot:nth-child(2),
.what-is-inbound #inbound-phone .content-slider input[type="radio"]:checked:nth-of-type(3) + .slide + .nav + .dots .dot:nth-child(3),
.what-is-inbound #inbound-phone .content-slider input[type="radio"]:checked:nth-of-type(4) + .slide + .nav + .dots .dot:nth-child(4) {
  background: #eee;
}

.what-is-inbound #inbound-phone .content-slider {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.what-is-inbound #inbound-phone .content-slider .source {
    font-weight: 300 !important;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-size: 12px; 
}

.what-is-inbound #inbound-phone .content-slider blockquote,
.what-is-inbound #inbound-phone .content-slider p {
    background: -webkit-linear-gradient(59deg,#3368bd,#e40d97);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
    font-size: 17px;
    font-family: 'Merriweather', Georgia, Times, Times New Roman, serif;
    color: #232323;    
}

.what-is-inbound #inbound-phone .content-slider blockquote {
    text-transform: uppercase;
    margin: 0 0 20px;
}

.what-is-inbound #inbound-phone .content-slider p:first-of-type {
    font-weight: 500;
    margin: 0 0 5px;
}

.what-is-inbound #inbound-phone .content-slider p {
    font-weight: 300;
}

.what-is-inbound #inbound-phone .content-slider .slide {
    background: -webkit-gradient(linear,left top, left bottom,from(rgba(188, 236, 255, 0.08)),color-stop(6%, rgba(209, 253, 255, 0.06)), color-stop(18%, rgba(216, 255, 254, 0.02)), to(rgba(255, 255, 255, 0)));    
    background: -webkit-linear-gradient(top,rgba(188, 236, 255, 0.08),rgba(209, 253, 255, 0.06) 6%, rgba(216, 255, 254, 0.02) 18%, rgba(255, 255, 255, 0));    
    background: linear-gradient(to bottom,rgba(188, 236, 255, 0.08),rgba(209, 253, 255, 0.06) 6%, rgba(216, 255, 254, 0.02) 18%, rgba(255, 255, 255, 0));
    height: 100%;
    width: 100%;
    padding: 80px 10px 10px;  
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    -webkit-transform: translate3d(-200%, 0, 0)  scale(.85);
    transform: translate3d(-200%, 0, 0)  scale(.85);
    -webkit-transition: opacity .6s,-webkit-transform .9s;
    transition: opacity .6s,-webkit-transform .9s;
    transition: opacity .6s,transform .9s,-webkit-transform .9s;
    -webkit-transition-timing-function: cubic-bezier(.35,0,.23,1);
            transition-timing-function: cubic-bezier(.35,0,.23,1);
}

.what-is-inbound #inbound-phone .content-slider .nav {
  padding: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}

.what-is-inbound #inbound-phone .content-slider .next:before,
.what-is-inbound #inbound-phone .content-slider .prev:after {
  content: '';
  display: block;
  border: 2px solid #eee; 
  border-radius: 1px; 
  height: 20px;
  width: 20px;
}

.what-is-inbound #inbound-phone .content-slider .prev {
  cursor: pointer;
  float: left;
}

.what-is-inbound #inbound-phone .content-slider .prev:after {
  border-color: #eee transparent transparent #eee;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.what-is-inbound #inbound-phone .content-slider .next {
  cursor: pointer;
  float: right;
}

.what-is-inbound #inbound-phone .content-slider .next:before {
  border-color: #eee #eee transparent transparent;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.what-is-inbound #inbound-phone .content-slider .dots {
  padding: 20px;
  text-align: center;
  width: 100%;  
  position: absolute;
  bottom: 0;
  z-index: 50;
}

.what-is-inbound #inbound-phone .content-slider .dots .dot {
  border: 1px solid #eee;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  width: 10px;
}


/* End Slider*/


.inbound .what-is-inbound .section-wrapper #inbound-phone .nav-info:before,
.inbound .what-is-inbound .section-wrapper #inbound-phone .nav-info:after {
    content: "";
    position: absolute;
    border: 1px solid #F18A62;      
    border-radius: 50%;
    z-index: 25;
}

.inbound .what-is-inbound .section-wrapper #inbound-phone .nav-info:before {
    border-color: transparent #F18A62 #F18A62 transparent;    
    width: 95px;
    height: 138px;
    top: 40px;
    left: 75px;
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
}

.inbound .what-is-inbound .section-wrapper #inbound-phone .nav-info {
    font-size: 12px;
    width: 200px;
    position: absolute;
    top: -124px;
    left: 182px;
}

.inbound .what-is-inbound .section-wrapper #inbound-phone .nav-info:after {
    width: 10px;
    height: 10px;
    top: 162px;
    left: 107px;
}


/* 
* - Section - our-model
*/

.inbound .our-model .section-wrapper .section-header {
    max-width: 560px;
    margin: 0 auto 20px;
}


.inbound .our-model .section-wrapper .section-header .section-copy p:first-of-type {
    font-size: 24px;
    margin: 0 0 20px;
}

.inbound .our-model .section-wrapper .section-header .section-copy p {
    margin: 0 0 15px;
}

.inbound .our-model .section-wrapper .section-graphic {
    max-width: 480px;
    margin: 60px auto 0;
}

.inbound .our-model .section-wrapper .section-graphic .shape-one,
.inbound .our-model .section-wrapper .section-graphic .shape-two,
.inbound .our-model .section-wrapper .section-graphic .shape-three {
    height: 80px;
    width: 80px;
    position: relative;
    z-index: 100;
}

.inbound .our-model .section-wrapper .section-graphic .shape-one  .circle-one,
.inbound .our-model .section-wrapper .section-graphic .shape-two  .circle-one,
.inbound .our-model .section-wrapper .section-graphic .shape-three .circle-one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    background: #fff;
    box-shadow: 0 3px 10px -1px rgba(0, 0, 0, 0.47);
    border-radius: 52% 34% / 46% 40%;
    height: 80px;
    width: 80px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 75;
} 

.inbound .our-model .section-wrapper .section-graphic .shape-one  .circle-two {
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(254,167,0)),to(rgb(250,102,30)));
    background: -webkit-linear-gradient(top, rgb(254,167,0) 0%,rgb(250,102,30) 100%);
    background: -o-linear-gradient(top, rgb(254,167,0) 0%,rgb(250,102,30) 100%);
    background: linear-gradient(to bottom, rgb(254,167,0) 0%,rgb(250,102,30) 100%);    
}

.inbound .our-model .section-wrapper .section-graphic .shape-two  .circle-two {
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(0,216,235)),to(rgb(0,141,205)));
    background: -webkit-linear-gradient(top, rgb(0,216,235) 0%,rgb(0,141,205) 100%);
    background: -o-linear-gradient(top, rgb(0,216,235) 0%,rgb(0,141,205) 100%);
    background: linear-gradient(to bottom, rgb(0,216,235) 0%,rgb(0,141,205) 100%);    
}

.inbound .our-model .section-wrapper .section-graphic .shape-three  .circle-two {
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(252,95,166)),to(rgb(252,42,25)));
    background: -webkit-linear-gradient(top, rgb(252,95,166) 0%,rgb(252,42,25) 100%);
    background: -o-linear-gradient(top, rgb(252,95,166) 0%,rgb(252,42,25) 100%);
    background: linear-gradient(to bottom, rgb(252,95,166) 0%,rgb(252,42,25) 100%);    
}

.inbound .our-model .section-wrapper .section-graphic .shape-one  .circle-two,
.inbound .our-model .section-wrapper .section-graphic .shape-two  .circle-two,
.inbound .our-model .section-wrapper .section-graphic .shape-three .circle-two {
    border-radius: 66%/ 30% 30% 100% 100%;
    width: 80px;
    height: 80px;
    -webkit-transform: scale(1.377) rotate(7deg);
    -ms-transform: scale(1.377) rotate(7deg);
    transform: scale(1.377) rotate(7deg);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;
} 

.inbound .our-model .section-wrapper .section-graphic .shape-one  .circle-three,
.inbound .our-model .section-wrapper .section-graphic .shape-two  .circle-three,
.inbound .our-model .section-wrapper .section-graphic .shape-three .circle-three {
    border-radius: 66%/ 30% 30% 100% 100%;
    background: #f1f3f7;
    width: 80px;
    height: 80px;
    -webkit-transform: scale(1.397) rotate(-64deg);    
    -ms-transform: scale(1.397) rotate(-64deg);    
    transform: scale(1.397) rotate(-64deg);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 25;
}

/* 
* - Section - our-method
*/

.inbound .our-method {
    background: -webkit-radial-gradient(circle farthest-corner at right bottom,rgba(107, 7, 117, 0.96), rgba(78, 37, 80, 0.96) 28%, rgba(71, 15, 71, 0.96) 53%,rgba(19, 51, 110, 0.97) 74%, rgba(0, 16, 44, 0.97));
    background: radial-gradient(circle farthest-corner at right bottom,rgba(107, 7, 117, 0.96), rgba(78, 37, 80, 0.96) 28%, rgba(71, 15, 71, 0.96) 53%,rgba(19, 51, 110, 0.97) 74%, rgba(0, 16, 44, 0.97));
    padding: 80px 0 180px;
}

.inbound .our-method .section-wrapper .section-header {
    max-width: 600px;
    margin: 0 auto 30px;
    text-align: center;
    position: relative;
}


.inbound .our-method .section-wrapper .section-header .section-title,
.inbound .our-method .section-wrapper .section-header .section-copy p {
    color: #fff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.inbound .our-method .section-wrapper .section-header .section-title {
    font-size: 50px;
    font-weight: 400;
    margin: 0 0 60px;
    letter-spacing: -1px;
}

.inbound .our-method .section-wrapper .section-header .byline {
    color: rgba(241, 243, 247, 0.14);
    font-size: 40px;
    margin: 0 0 -20px; 
    line-height: 1;
}

.inbound .our-method .section-wrapper .section-header .section-copy p:first-of-type {
    margin: 0 0 60px;
}


/* Timeline */

.inbound .our-method .section-wrapper .timeline {
    margin: 0 auto;
	max-width: 760px;
	opacity: .3;
    padding: 0 0 10px;	
}

.inbound .our-method .section-wrapper .timeline .kickoff:before,
.inbound .our-method .section-wrapper .timeline .implementation:before {
    font-size: 12px;
    color: #fff;
    margin: 0 auto 24px;
}

.inbound .our-method .section-wrapper .timeline .kickoff:before {
    content: "Foundation"; 
}
.inbound .our-method .section-wrapper .timeline .implementation:before {
    content: "90 dagar";
}

.inbound .our-method .section-wrapper .timeline .kickoff {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;  
}

.inbound .our-method .section-wrapper .timeline .implementation {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    margin: 0 0 0 40px;    
}

.inbound .our-method .section-wrapper .timeline .kickoff,
.inbound .our-method .section-wrapper .timeline .implementation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    background: #fff;
    height: 3px;
}

.inbound .our-method .section-wrapper .timeline .kickoff:after,
.inbound .our-method .section-wrapper .timeline .implementation:after {
    content: "";
    border: 3px solid #fff;
    border-width: 0 3px 3px 0;
    display: block;
    width: 18px;
    height: 18px;    
    margin: 0 1px 0 0;    
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(-45deg);
}

.inbound .our-method .section-wrapper .timeline .repeat {
    background: url("https://cdn2.hubspot.net/hubfs/2255688/Website/img/2017/inbound/icons/rotate-left-circular-arrow.svg");
    background-size: 100% 100%;
    height: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;    
}


/* Align labels */

.inbound .our-method .section-wrapper .state {
  display: none;
}

.inbound .our-method .section-wrapper .tab-switcher {
    background: -webkit-repeating-linear-gradient( left, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.07) 3px, transparent 3px, transparent 70px );
    background: -o-repeating-linear-gradient( left, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.07) 3px, transparent 3px, transparent 70px );
    background: repeating-linear-gradient( 90deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.07) 3px, transparent 3px, transparent 70px );
    height: 160px;
    margin: 0 auto 30px;
    max-width: 760px;    
}

.inbound .our-method .section-wrapper .tab-switcher li:nth-child(1) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    margin: -40px 0 0;    
}
.inbound .our-method .section-wrapper .tab-switcher li:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14%;
    flex: 0 0 14%;
    margin: 20px 0 0;    
}

.inbound .our-method .section-wrapper .tab-switcher li:nth-child(3) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 52%;
    flex: 0 0 52%;
    margin: 60px 0 0;    
}

.inbound .our-method .section-wrapper .tab-switcher li:nth-child(4) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    margin: 100px 0 0;    
}

.inbound .our-method .section-wrapper .tab-switcher li label {
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(25,215,251)),to(rgb(30,99,238)));
    background: -webkit-linear-gradient(top, rgb(25,215,251) 0%,rgb(30,99,238) 100%);
    background: -o-linear-gradient(top, rgb(25,215,251) 0%,rgb(30,99,238) 100%);
    background: linear-gradient(to bottom, rgb(25,215,251) 0%,rgb(30,99,238) 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    border-radius: 75px;
    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.3);
    color: #fff;
    cursor: pointer;
    font-size: 16px; 
    height: 50px;
    padding: 0 12px;
    -webkit-transform: scale(.8577);
    transform: scale(.8577);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

/* Effect for labels */

.inbound .our-method .section-wrapper .state:nth-of-type(1):checked ~ .tab-switcher li:nth-child(1) .active,
.inbound .our-method .section-wrapper .state:nth-of-type(2):checked ~ .tab-switcher li:nth-child(2) .active,
.inbound .our-method .section-wrapper .state:nth-of-type(3):checked ~ .tab-switcher li:nth-child(3) .active,
.inbound .our-method .section-wrapper .state:nth-of-type(4):checked ~ .tab-switcher li:nth-child(4) .active {
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(254,167,0)),to(rgb(250,102,30)));
    background: -webkit-linear-gradient(top, rgb(254,167,0) 0%,rgb(250,102,30) 100%);
    background: -o-linear-gradient(top, rgb(254,167,0) 0%,rgb(250,102,30) 100%);
    background: linear-gradient(to bottom, rgb(254,167,0) 0%,rgb(250,102,30) 100%);
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.27);
    cursor: default;
    text-shadow: 0 1px 3px #194564;
    -webkit-transform: scale(1);
    transform: scale(1);    
}

/* This shows the content */

.inbound .our-method .section-wrapper #tab-1:checked ~ .tab-wrapper > div:nth-child(1),
.inbound .our-method .section-wrapper #tab-2:checked ~ .tab-wrapper > div:nth-child(2),
.inbound .our-method .section-wrapper #tab-3:checked ~ .tab-wrapper > div:nth-child(3),
.inbound .our-method .section-wrapper #tab-4:checked ~ .tab-wrapper > div:nth-child(4) {
    display: block;
}

.inbound .our-method .section-wrapper .tab-wrapper {
    background: rgba(0, 0, 0, 0.6);
    box-shadow: 0 9px 54px 9px rgba(0, 0, 0, 0.21);
    border-radius: 4px;    
    height: 540px;
    padding: 36px 0;
}

.inbound .our-method .section-wrapper .tab-wrapper .tab-content {
    display: none;
    max-width: 660px;
    margin: auto;
    -webkit-animation: content-out .8s cubic-bezier(0.38, 0.03, 0.06, 0.29);    
    animation: content-out .8s cubic-bezier(0.38, 0.03, 0.06, 0.29);
    height: 100%;
    overflow-y: auto;      
}

/* Header */

.inbound .our-method .section-wrapper .tab-wrapper .tab-content .header {
    height: 80px;
}

.inbound .our-method .section-wrapper .tab-wrapper .tab-content .header .step:before {
    background: rgba(241, 243, 247, 0.27);
    content: "";
    display: block;
    margin: 0 5px 0;     
    width: 24px;
    height: 1px;
}

.inbound .our-method .section-wrapper .tab-wrapper .tab-content .header .step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
}

.inbound .our-method .section-wrapper .tab-wrapper .tab-content .header .separator {
    color: rgba(241, 243, 247, 0.27);
    margin: 0 3px;
}

.inbound .our-method .section-wrapper .tab-wrapper .tab-content .header .total {
    color: rgba(241, 243, 247, 0.27);
}

.inbound .our-method .section-wrapper .tab-wrapper .tab-content .header h3 {
    color: rgba(241, 243, 247, 0.27);    
    font-size: 60px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 1;    
}

/* Content */

.inbound .our-method .section-wrapper .tab-wrapper .tab-content .content,
.inbound .our-method .section-wrapper .tab-wrapper .tab-content .included {
    border-left: 1px solid rgba(255,255,255,.07);
    padding: 8px 8px 6px;
}

.inbound .our-method .section-wrapper .tab-wrapper .tab-content .content {
    margin: 10px 0 0 5px;
}

.inbound .our-method .section-wrapper .tab-wrapper .tab-content .included {
    margin: 30px 0 0 5px;
}

.inbound .our-method .section-wrapper .tab-wrapper .tab-content .content h4 {
    color: #fff;    
    font-size: 24px;
    margin: 0 0 15px;
}

.inbound .our-method .section-wrapper .tab-wrapper .tab-content .content p {
    color: #fff;
}

/* Included */

.inbound .our-method .section-wrapper .tab-wrapper .tab-content .included p:first-of-type {
    color: #fff;
    margin: 0 0 5px;
}

.inbound .our-method .section-wrapper .tab-wrapper .tab-content .included ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;    
    -webkit-box-direction: normal;    
    -ms-flex-flow: column wrap;    
    flex-flow: column wrap;
    height: 100px;
    font-size: 14px;
}

.inbound .our-method .section-wrapper .tab-wrapper .tab-content .included ul li:before {
    background: rgba(241, 243, 247, 0.27);
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 0;
}

.inbound .our-method .section-wrapper .tab-wrapper .tab-content .included ul li {
    color: rgba(241, 243, 247, 0.27);
    line-height: 1;
    height: 20px;
    padding: 0 0 0 10px;
    position: relative;
}

/* 
* === GROWTH DRIVEN PAGE ===
*/

.gdd .hero-header {
    height: calc(90vh - 90px);
    margin: 90px 0 0;    
}

.gdd .hero-header .hero-header-wrapper {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;    
}

.gdd .hero-header .hero-header-wrapper h1 {
    color: #f1f3f7;
    font-size: 80px;
    letter-spacing: -7px;
    line-height: 1;
    margin: 0 0 -75px;
    text-transform: uppercase;
    position: relative;
    z-index: -1;    
}

.gdd .hero-header .hero-header-wrapper .hero-title {
    font-size: 50px;
    margin: 0 0 30px;
    text-shadow: 0 10px 20px rgba(0, 0, 0, 0.30);
}

.gdd .hero-header .hero-header-wrapper .hero-intro-text {
    max-width: 500px;
    margin: 0 auto;
}

/*
* - What is GDD
*/

.gdd .what-is-gdd {
    position: relative;
}

.gdd .what-is-gdd .section-wrapper {
    background: -webkit-radial-gradient(60% 50%,circle,#55648F,#2E394D, #121c2b);
    background: radial-gradient(circle at 60% 50%,#55648F,#2E394D, #121c2b);
    box-shadow: 0 48px 72px -24px rgba(50, 50, 93, 0.3), 24px 24px 48px -12px rgba(21, 24, 27, .15), -24px 24px 48px -12px rgba(21, 24, 27, .15);
    border-radius: 4px;    
    padding: 30px 0;
    position: relative;
    overflow: hidden;
}

.gdd .what-is-gdd .section-wrapper .running-head {
    color: rgba(172, 182, 200, .3);    
    font-size: 360px;
    font-weight: 300;    
    line-height: .8;
    position: absolute;
    top: -130px; 
    z-index: 1;    
}

.gdd .what-is-gdd .section-wrapper .section-header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;
    padding: 60px 15px;
    text-shadow: 0 1px 2px rgba(0,0,0,.5);    
    position: relative;
    z-index: 50;
}

.gdd .what-is-gdd .section-wrapper .section-header * {
    color: #fff;
}

.gdd .what-is-gdd .section-wrapper .section-header span {
    color: #D69810;    
}

.gdd .what-is-gdd .section-wrapper .section-header .section-title {
    font-size: 60px;
    letter-spacing: -1px;    
}

.gdd .what-is-gdd .section-wrapper .section-header .section-copy p:first-of-type {
    font-size: 24px;
    margin: 0 0 20px;
}

.gdd .what-is-gdd .section-wrapper .section-header .section-copy p {
    margin: 0 0 15px;
}

.gdd .what-is-gdd .section-wrapper figure {
    background: repeating-radial-gradient(circle at center, rgba(0, 0, 0, .03), rgba(0, 0, 0, 0.06) 1px, rgba(51, 177, 232, 0) 1px, rgba(255, 255, 255, 0) 10px), -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(29, 161, 219, 0.01)), to(rgba(213, 218, 223, .01)));
    background: -webkit-repeating-radial-gradient(center, circle, rgba(0, 0, 0, .03), rgba(0, 0, 0, 0.06) 1px, rgba(51, 177, 232, 0) 1px, rgba(255, 255, 255, 0) 10px), -webkit-linear-gradient(left, rgba(29, 161, 219, 0.01) 50%, rgba(213, 218, 223, .01));
    background: repeating-radial-gradient(circle at center, rgba(0, 0, 0, .03), rgba(0, 0, 0, 0.06) 1px, rgba(51, 177, 232, 0) 1px, rgba(255, 255, 255, 0) 10px), linear-gradient(to right, rgba(29, 161, 219, 0.01) 50%, rgba(213, 218, 223, .01));
    border-radius: 50%;
    box-shadow: 0px 12px 36px 3px rgba(21,24,28,.3);
    width: 300px;
    height: 300px;
    margin: 0 30px;
    z-index: 25;
}

/* Sphere animation */

.gdd .what-is-gdd .section-wrapper figure .sphere-wrapper {
    margin: 60px auto;
    position: relative;
    -webkit-perspective: 400;
          perspective: 400;    
}

.gdd .what-is-gdd .section-wrapper figure .sphere-wrapper .sphere {
  width: 120px;
  height: 120px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  margin: auto;
  -webkit-transform: rotateX(60deg) rotateZ(-30deg);
          transform: rotateX(60deg) rotateZ(-30deg);
  -webkit-animation: rotate-sphere 20s infinite linear;
          animation: rotate-sphere 20s infinite linear;
}

.gdd .what-is-gdd .section-wrapper figure .sphere-wrapper .sphere .circle {
  border-radius: 100%;
  box-sizing: border-box;
  box-shadow: 0 0 3px #fff, inset 0 0 3px #fff;    
  width: 120px;
  height: 120px;
  position: absolute;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.gdd .what-is-gdd .section-wrapper figure .sphere-wrapper .sphere .circle:before, 
.gdd .what-is-gdd .section-wrapper figure .sphere-wrapper .sphere .circle:after {
    display: -webkit-box; /* flexbox for perfect alignment of content */
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
    -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
    background: radial-gradient(circle at 2px 6px, #dfe4e5, rgba(255,255,255,0.3));
    border-radius: 4px;    
    box-sizing: border-box;
    box-shadow: 0 0 50px 1px #fff;
    content:'\2665';
    color: #454545;
    margin: auto;
    width: 32px;
    height: 32px;    
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.gdd .what-is-gdd .section-wrapper figure .sphere-wrapper .sphere .circle:before {
  -webkit-transform: translateZ(-90px);
          transform: translateZ(-90px);
}

.gdd .what-is-gdd .section-wrapper figure .sphere-wrapper .sphere .circle:after {
  -webkit-transform: translateZ(90px);
          transform: translateZ(90px);
}

.gdd .what-is-gdd .section-wrapper figure .sphere-wrapper .sphere .circle:nth-child(1) {
  -webkit-transform: rotateZ(72deg) rotateX(63.435deg);
          transform: rotateZ(72deg) rotateX(63.435deg);
}

.gdd .what-is-gdd .section-wrapper figure .sphere-wrapper .sphere .circle:nth-child(2) {
  -webkit-transform: rotateZ(144deg) rotateX(63.435deg);
          transform: rotateZ(144deg) rotateX(63.435deg);
}

.gdd .what-is-gdd .section-wrapper figure .sphere-wrapper .sphere .circle:nth-child(3) {
  -webkit-transform: rotateZ(216deg) rotateX(63.435deg);
          transform: rotateZ(216deg) rotateX(63.435deg);
}

.gdd .what-is-gdd .section-wrapper figure .sphere-wrapper .sphere .circle:nth-child(4) {
  -webkit-transform: rotateZ(288deg) rotateX(63.435deg);
          transform: rotateZ(288deg) rotateX(63.435deg);
}

.gdd .what-is-gdd .section-wrapper figure .sphere-wrapper .sphere .circle:nth-child(5) {
  -webkit-transform: rotateZ(360deg) rotateX(63.435deg);
          transform: rotateZ(360deg) rotateX(63.435deg);
}

/*
* - GDD Features
*/

.gdd .features:before,
.gdd .features:after {
    background: #ccc;
    content: "";
    margin: 0 auto;
    display: block;    
    width: 48px;
    height: 1px;
}

.gdd .features {
    padding: 80px 0 0;
    text-align: center;
    position: relative;
}

.gdd .features .section-header {
    margin: 0 auto 20px;
    max-width: 600px;    
    padding: 40px 0 0;
}

.gdd .features .section-header .section-title {
    margin: 0 0 20px;
    text-transform: uppercase;
}

.gdd .features .section-header .section-title span:first-child {
    font-size: 20px;
    font-weight: lighter;    
    line-height: 1.45;    
}

.gdd .features .section-copy {
    margin: 0 auto 20px;
    max-width: 600px;
    padding: 0 0 40px;
}

/* 
* === PRICE PAGE ===
*/

.price .hero-header {
    height: calc(90vh - 90px);
    padding: 90px 0;
    position: relative;
}

.price .hero-header .bg-stripes {
    background: -webkit-gradient(linear,left top, left bottom,from(#045baf),color-stop(12%, #0b72b5),color-stop(42%, #bfdefb),color-stop(52%, #cee8ff),color-stop(72%, #f7f8f9));
    background: -webkit-linear-gradient(#045baf,#0b72b5 12%,#bfdefb 42%,#cee8ff 52%,#f7f8f9 72%);
    background: linear-gradient(#045baf,#0b72b5 12%,#bfdefb 42%,#cee8ff 52%,#f7f8f9 72%);
    height: 820px;
    width: 100%;
    position: absolute;
    top: -200px;
    z-index: -1;
    -webkit-transform: skewY(-7deg);
    -ms-transform: skewY(-7deg);
    transform: skewY(-7deg);
}

.price .hero-header .bg-stripes span {
    -webkit-box-flex: 1;    
    -ms-flex: 1 0 30%;    
    flex: 1 0 30%;    
}

.price .hero-header .bg-stripes .stripe:nth-child(1) {
    background: -webkit-linear-gradient(353.7deg,rgba(187, 230, 252, 0.4),rgba(127, 210, 251, 0.2) 40%,rgba(243, 251, 255, 0));
    background: linear-gradient(107grad,rgba(187, 230, 252, 0.4),rgba(127, 210, 251, 0.2) 40%,rgba(243, 251, 255, 0));
}

.price .hero-header .bg-stripes .stripe:nth-child(2) {
    background: -webkit-linear-gradient(353.7deg,rgba(12, 136, 225, 0),rgba(22, 145, 233, 0.20) 60%,rgba(8, 101, 168, 0.4));
    background: linear-gradient(107grad,rgba(12, 136, 225, 0),rgba(22, 145, 233, 0.20) 60%,rgba(8, 101, 168, 0.4));
    -webkit-box-flex: 1;    
    -ms-flex: 1 0 60%;    
    flex: 1 0 60%;
}

.price .hero-header .bg-stripes .stripe:nth-child(3) {
    background: -webkit-linear-gradient(353.7deg,rgba(15, 133, 218, .05), rgba(15, 133, 218, 0.1) 42%, rgba(10, 122, 202, 0.2));
    background: linear-gradient(107grad,rgba(15, 133, 218, .05), rgba(15, 133, 218, 0.1) 42%, rgba(10, 122, 202, 0.2));
}

.price .hero-header .bg-stripes .stripe:nth-child(4) {
    background: -webkit-linear-gradient(353.7deg,rgba(10, 122, 202, 0.4) 42%,rgba(15, 133, 218, 0.5));
    background: linear-gradient(107grad,rgba(10, 122, 202, 0.4) 42%,rgba(15, 133, 218, 0.5));
    -webkit-box-flex: 1;    
    -ms-flex: 1 0 70%;    
    flex: 1 0 70%;    
}

.price .hero-header .bg-stripes .stripe:nth-child(5) {
    background: -webkit-linear-gradient(353.7deg,#f1faff 22%,#b5e4ff 46%, rgba(23, 144, 222, 0.8));
    background: linear-gradient(107grad,#f1faff 22%,#b5e4ff 46%, rgba(23, 144, 222, 0.8));
    -webkit-box-flex: 1;    
    -ms-flex: 1 0 100%;    
    flex: 1 0 100%;    
}

.price .hero-header .bg-stripes .stripe .moving-stripe {
    background: -webkit-linear-gradient(353.7deg,rgba(187, 230, 252, 0.2),rgba(127, 210, 251, 0.1) 40%,rgba(243, 251, 255, 0));
    background: linear-gradient(107grad,rgba(187, 230, 252, 0.2),rgba(127, 210, 251, 0.1) 40%,rgba(243, 251, 255, 0));
    display: block;
    position: relative;
    z-index: 25;
    height: 100%;
    width: 100%;  
    -webkit-animation: move-stripe 27s ease 4s infinite;    
            animation: move-stripe 27s ease 4s infinite;  
}


.price .hero-header .hero-header-wrapper {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 50;
}

.price .hero-header .hero-header-wrapper h1 {
    color: #fff;
    font-size: 60px;
    letter-spacing: -3px;
    line-height: 1;
    text-transform: uppercase;
    position: relative;
    z-index: -1;    
}
.price .hero-header .hero-header-wrapper .hero-title {
    color: #0d2e58;    
    font-size: 50px;
    margin: 0 0 30px;
    text-shadow: 0 10px 20px rgba(0, 0, 0, 0.30);    
}

.price .hero-header .hero-header-wrapper .hero-intro-text {
    color: rgba(3, 47, 65, .8);
    max-width: 500px;
    margin: 0 auto;    
}

/*
* - Packages
*/

.price #price-packages {
    padding: 0 0 150px;
    position: relative;
    overflow: hidden;
}

/* Figures */
.price #price-packages .circle-top {
    border-width: 1px;
    border-style: solid;
    border-color: #f1f3f7 #f1f3f7 transparent;
    border-radius: 50%;
    height: 660px;
    width: 660px;    
    position: absolute;
    top: 60px;
    left: -115px;
    z-index: -1;
    -webkit-transform: rotate(60deg);    
    -ms-transform: rotate(60deg);    
    transform: rotate(60deg);    
}

.price #price-packages .circle-top:after {
    content: "";
    display: block;
    background: #f1f3f7;    
    border: 165px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #f1f3f7;      
    height: 460px;
    width: 460px;
}

.price #price-packages .circle-bottom {
    border: 4px dashed #f1f3f7;
    border-radius: 50%;
    height: 660px;
    width: 660px;
    position: absolute;
    bottom: 0;
    right: -330px;
    z-index: -1;
}

.price #price-packages .circle-bottom:after {
    content: "";
    display: block;
    border: 40px solid #f1f3f7;
    border-radius: 50%;
    height: 220px;
    width: 220px;
}

.price #price-packages .section-header {
    margin: 0 auto 100px;
    max-width: 500px;
    text-align: center;
}

/* Boxes */

.price #price-packages .state {
  display: none;
}

.price #price-packages .tab-switcher {
    height: 360px;
    margin: 0 auto 30px;
    max-width: 940px;
    position: relative;
    z-index: 25;
}

.price #price-packages .tab-switcher .package {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    background: #fff;
    border-radius: 4px;
    height: 100%;
    position: relative;
}

/* Specifics for boxes*/

.price #price-packages .tab-switcher .package.grow {
    box-shadow: 0 8px 32px -4px rgba(0,0,0,.3);    
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    z-index: 100;    
}

/* Wave wrapper  + package name */

.price #price-packages .tab-switcher .package .wave-wrapper {
    border-radius: 6px;
    width: 100%;
    height: 62%;
    position: relative;
    overflow: hidden;    
}

.price #price-packages .tab-switcher .package .wave-wrapper:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -10%;
    left: 0;    
    z-index: 25;

}

.price #price-packages .tab-switcher .package.build .wave-wrapper:after {
    background: -webkit-linear-gradient(top, #3ff0d0, rgba(221, 238, 255, 0) 70%, rgba(255, 255, 255, 0.5));
    background: linear-gradient(to bottom, #3ff0d0, rgba(221, 238, 255, 0) 70%, rgba(255, 255, 255, 0.5));    
}

.price #price-packages .tab-switcher .package.grow .wave-wrapper:after {
    background: -webkit-linear-gradient(top, #60eaf6, rgba(221, 238, 255, 0) 70%, rgba(255, 255, 255, 0.5));
    background: linear-gradient(to bottom, #60eaf6, rgba(221, 238, 255, 0) 70%, rgba(255, 255, 255, 0.5));    
}

.price #price-packages .tab-switcher .package.hyper .wave-wrapper:after {
    background: -webkit-linear-gradient(top, #FF6FAB, rgba(221, 238, 255, 0) 70%, rgba(255, 255, 255, 0.5));
    background: linear-gradient(to bottom, #FF6FAB, rgba(221, 238, 255, 0) 70%, rgba(255, 255, 255, 0.5));    
}

.price #price-packages .tab-switcher .package .wave-wrapper .package-name {
    color: rgba(255,255,255,.5);
    font-size: 60px;
    line-height: 1;
    width: 100%;
    text-transform: lowercase;    
    position: absolute;    
    top: 12%;
    z-index: 50;
}

.price #price-packages .tab-switcher .package.build .wave-wrapper .package-name {
    left: -2%;    
}

.price #price-packages .tab-switcher .package.grow .wave-wrapper .package-name {
    top: 0;
    text-align: center;
}

.price #price-packages .tab-switcher .package.hyper .wave-wrapper .package-name {
    right: -1%;
    text-align: right;
}

/* Waves */

.price #price-packages .tab-switcher .package.build .wave-wrapper .wave {
    background: #1dd109;  
}

.price #price-packages .tab-switcher .package.grow .wave-wrapper .wave {
    background: #0c6e93;  
}

.price #price-packages .tab-switcher .package.hyper .wave-wrapper .wave {
    background: #FFB100; 
}

.price #price-packages .tab-switcher .package .wave-wrapper .wave {
    border: 1px solid #1e2c51;    
    border-radius: 42%;
    width: 400px;
    height: 400px;
    margin: -200px 0 0 -200px;
    opacity: .4;
    position: absolute;
    top: -15%;
    left: 50%;
}

.price #price-packages .tab-switcher .package .wave-wrapper .wave.one {
    -webkit-animation: drift 75s infinite linear;
    animation: drift 75s infinite linear;       
}

.price #price-packages .tab-switcher .package .wave-wrapper .wave.two {
    -webkit-animation: drift 77s infinite linear;  
     animation: drift 77s infinite linear;
}

.price #price-packages .tab-switcher .package .wave-wrapper .wave.three {
      -webkit-animation: drift 30s infinite linear;  
      animation: drift 80s infinite linear;
}

/* Package details */

.price #price-packages .tab-switcher .package .package-details {
    line-height: 1;
    margin: 0 auto;    
    width: 100%;
    position: relative;
    text-align: center;
}

.price #price-packages .tab-switcher .package .package-details .points-big {
    color: #f1f3f7;    
    font-size: 120px;
    opacity: .5;
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
}

.price #price-packages .tab-switcher .package .package-details .points-small {
    color: rgba(0,0,0,.8);    
    font-size: 40px;
    margin: 0 0 3px;
    text-shadow: 0 10px 20px rgba(0, 0, 0, 0.30);    
    position: relative;
    z-index: 25;
}
.price #price-packages .tab-switcher .package .package-details .points-sum {
    margin: 0 0 7px;
}

.price #price-packages .tab-switcher .package .package-details .price {
    line-height: 1.15;
}

.price #price-packages .tab-switcher .package .package-details .points-sum,
.price #price-packages .tab-switcher .package .package-details .price {
    color: rgba(0,0,0,.8);
    font-size: 10px;
    position: relative;
    z-index: 25;    
}

/* Button */

.price #price-packages .tab-switcher .package label {
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(25,215,251)),to(rgb(30,99,238)));
    background: -webkit-linear-gradient(top, rgb(25,215,251) 0%,rgb(30,99,238) 100%);
    background: -o-linear-gradient(top, rgb(25,215,251) 0%,rgb(30,99,238) 100%);
    background: linear-gradient(to bottom, rgb(25,215,251) 0%,rgb(30,99,238) 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    border-radius: 75px;
    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.3);
    color: #fff;
    cursor: pointer;
    height: 60px;
    width: 60px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -28px;
    -webkit-transform: scale(.8577);
    transform: scale(.8577);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

/* Effect for button */

.price #price-packages .state:nth-of-type(1) ~ .tab-switcher li:nth-child(1) .active.material-icons:after,
.price #price-packages .state:nth-of-type(2) ~ .tab-switcher li:nth-child(2) .active.material-icons:after,
.price #price-packages .state:nth-of-type(3) ~ .tab-switcher li:nth-child(3) .active.material-icons:after {
    font-family: "Material Icons";
    content: "add";
  -webkit-font-feature-settings: 'liga' 1;
  -moz-font-feature-settings: 'liga' 1;
  font-feature-settings: 'liga' 1;    
}

.price #price-packages .state:nth-of-type(1):checked ~ .tab-switcher li:nth-child(1) .active,
.price #price-packages .state:nth-of-type(2):checked ~ .tab-switcher li:nth-child(2) .active,
.price #price-packages .state:nth-of-type(3):checked ~ .tab-switcher li:nth-child(3) .active {
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(254,167,0)),to(rgb(250,102,30)));
    background: -webkit-linear-gradient(top, rgb(254,167,0) 0%,rgb(250,102,30) 100%);
    background: -o-linear-gradient(top, rgb(254,167,0) 0%,rgb(250,102,30) 100%);
    background: linear-gradient(to bottom, rgb(254,167,0) 0%,rgb(250,102,30) 100%);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.27);
    cursor: default;
    text-shadow: 0 1px 3px #194564;
    -webkit-transform: scale(1);
    transform: scale(1);    
}

.price #price-packages .state:nth-of-type(1):checked ~ .tab-switcher li:nth-child(1) .active.material-icons:after,
.price #price-packages .state:nth-of-type(2):checked ~ .tab-switcher li:nth-child(2) .active.material-icons:after,
.price #price-packages .state:nth-of-type(3):checked ~ .tab-switcher li:nth-child(3) .active.material-icons:after {
    content: "check";
}


/* Content wrapper */

.price #price-packages .content-wrapper {
    background: -webkit-gradient(linear, left top, left bottom, from(#394364), to(#1E253B));
    background: -webkit-linear-gradient(#394364, #1E253B);
    background: linear-gradient(#394364, #1E253B); 
    border-radius: 16px;
    box-shadow: 0 48px 72px -24px rgba(50, 50, 93, 0.3), 24px 24px 48px -12px rgba(21, 24, 27, .15), -24px 24px 48px -12px rgba(21, 24, 27, .15);
    height: 824px;    
    margin: -320px 0 0;
    padding: 320px 0 60px;
    position: relative;
    z-index: 0;
}

/* This shows the content - checked state effects */

.price #price-packages #tab-1:checked ~ .content-wrapper > div:nth-child(1),
.price #price-packages #tab-2:checked ~ .content-wrapper > div:nth-child(2),
.price #price-packages #tab-3:checked ~ .content-wrapper > div:nth-child(3) {
    opacity: 1;
    visibility: visible;    
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);     
}

.price #price-packages #tab-1:checked ~ .content-wrapper > div:nth-child(1) .dashboard .pie-chart:before {
    border-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, .3) rgba(255, 255, 255, .3) transparent;    
}

.price #price-packages #tab-2:checked ~ .content-wrapper > div:nth-child(2) .dashboard .pie-chart:before {
    border-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1) rgba(255, 255, 255, .3) transparent;    
}

.price #price-packages #tab-3:checked ~ .content-wrapper > div:nth-child(3) .dashboard .pie-chart:before {
    border-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 1) rgba(255, 255, 255, 1) transparent;    
}

.price #price-packages #tab-1:checked ~ .content-wrapper > div:nth-child(1) .activities ul li,
.price #price-packages #tab-2:checked ~ .content-wrapper > div:nth-child(2) .activities ul li,
.price #price-packages #tab-3:checked ~ .content-wrapper > div:nth-child(3) .activities ul li {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

}

/* Unchecked state */

.price #price-packages .content-wrapper .tab-content {
    max-width: 760px;
    margin: auto;
    overflow: hidden;
    overflow-y: auto;
    opacity: 0;
    padding: 50px 10px 0;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    visibility: hidden;    
    -webkit-transition: opacity .4s,visibility .3s,-webkit-transform .7s;    
    transition: opacity .4s,visibility .3s,-webkit-transform .7s;    
    -o-transition: opacity .4s,transform .7s, visibility .3s;    
    transition: opacity .4s,transform .7s, visibility .3s;    
    transition: opacity .4s,transform .7s, visibility .3s,-webkit-transform .7s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0.0, 0.6, 1);
    transition-timing-function: cubic-bezier(0.4, 0.0, 0.6, 1); 
}

.price #price-packages .content-wrapper .tab-content .dashboard .pie-chart:before {
    -webkit-transition: border-color 3s ease;
    transition: border-color 3s ease;    
}

.price #price-packages .content-wrapper .tab-content .activities ul li {
    -webkit-transform: translate3d(0,-12px, 0) scale(1.05);    
    transform: translate3d(0,-12px, 0) scale(1.05);
    -webkit-transition: opacity .5s,-webkit-transform .8s;    
    transition: opacity .5s,-webkit-transform .8s;    
    -o-transition: opacity .5s,transform .8s;    
    transition: opacity .5s,transform .8s;    
    transition: opacity .5s,transform .8s,-webkit-transform .8s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;     
    opacity: 0;

}

.price #price-packages .content-wrapper .tab-content .activities ul li:nth-of-type(2) {
    -webkit-transition-delay: .40s;
    transition-delay: .40s;    
}

.price #price-packages .content-wrapper .tab-content .activities ul li:nth-of-type(3) {
    -webkit-transition-delay: .45s;
    transition-delay: .45s;    
}

.price #price-packages .content-wrapper .tab-content .activities ul li:nth-of-type(4) {
    -webkit-transition-delay: .45s;
    transition-delay: .45s;    
}

.price #price-packages .content-wrapper .tab-content .activities ul li:nth-of-type(5) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;    
}

.price #price-packages .content-wrapper .tab-content .activities ul li:nth-of-type(6) {
    -webkit-transition-delay: .55s;
    transition-delay: .55s;    
}

.price #price-packages .content-wrapper .tab-content .activities ul li:nth-of-type(7) {
    -webkit-transition-delay: .60s;
    transition-delay: .60s;    
}

.price #price-packages .content-wrapper .tab-content .activities ul li:nth-of-type(8) {
    -webkit-transition-delay: .65s;
    transition-delay: .65s;    
}

.price #price-packages .content-wrapper .tab-content .activities ul li:nth-of-type(9) {
    -webkit-transition-delay: .70s;
    transition-delay: .70s;    
}

.price #price-packages .content-wrapper .tab-content .activities ul li:nth-of-type(10) {
    -webkit-transition-delay: .75s;
    transition-delay: .75s;    
}

.price #price-packages .content-wrapper .tab-content .activities ul li:nth-of-type(11),
.price #price-packages .content-wrapper .tab-content .activities ul li:nth-of-type(12) {
    -webkit-transition-delay: .80s;
    transition-delay: .80s;    
}

.price #price-packages .content-wrapper .tab-content .activities ul li:nth-of-type(13),
.price #price-packages .content-wrapper .tab-content .activities ul li:nth-of-type(14) {
    -webkit-transition-delay: .85s;
    transition-delay: .85s;    
}

/* Information */

.price #price-packages .content-wrapper .tab-content .information {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    height: 125px;
}

.price #price-packages .content-wrapper .tab-content .information .name {
    color: #fff;
    line-height: 1;    
    margin: 0 0 5px;    
}

.price #price-packages .content-wrapper .tab-content .information .copy {
    color: rgba(255, 255, 255, .5);
}

/* Dashboard */

.price #price-packages .content-wrapper .tab-content .dashboard {
    border-radius: 4px;
    height: 140px;
    width: 222px;    
    padding: 16px 8px;
    position: relative;
}

.price #price-packages .content-wrapper .tab-content .dashboard .pie-chart {
    background: repeating-radial-gradient(circle at center, rgba(0, 0, 0, .03), rgba(0, 0, 0, 0.06) 1px, rgba(51, 177, 232, 0) 1px, rgba(255, 255, 255, 0) 10px), 
    -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(29, 161, 219, 0.01)), to(rgba(213, 218, 223, .01)));
    background: -webkit-repeating-radial-gradient(center, circle, rgba(0, 0, 0, .03), rgba(0, 0, 0, 0.06) 1px, rgba(51, 177, 232, 0) 1px, rgba(255, 255, 255, 0) 10px), 
    -webkit-linear-gradient(left, rgba(29, 161, 219, 0.01) 50%, rgba(213, 218, 223, .01));
    background: repeating-radial-gradient(circle at center, rgba(0, 0, 0, .03), rgba(0, 0, 0, 0.06) 1px, rgba(51, 177, 232, 0) 1px, rgba(255, 255, 255, 0) 10px), 
    linear-gradient(to right, rgba(29, 161, 219, 0.01) 50%, rgba(213, 218, 223, .01));
    border-radius: 50%;
    margin: 0 0 0 auto;    
    height: 100px;
    width: 100px;
    position: relative;
}

.price #price-packages .content-wrapper .tab-content .dashboard .pie-chart:before {
    content: "";
    display: block;
    border-width: 29px;
    border-style: solid;
    border-radius: 50%;
    height: 100%;
    width: 100%;
    -webkit-transform: rotate(45deg);    
    -ms-transform: rotate(45deg);    
    transform: rotate(45deg);
}

/* Dashboard - Points & Effect */

.price #price-packages .content-wrapper .tab-content .dashboard .points:before,
.price #price-packages .content-wrapper .tab-content .dashboard .effect:before,
.price #price-packages .content-wrapper .tab-content .dashboard .points:after,
.price #price-packages .content-wrapper .tab-content .dashboard .effect:after {
    content: "";
    display: block;
    box-shadow: -1px 3px 9px rgba(0, 0, 0, 0.3);    
    position: absolute;
    z-index: 25;    
}

.price #price-packages .content-wrapper .tab-content .dashboard .points:before,
.price #price-packages .content-wrapper .tab-content .dashboard .effect:before {
    width: 154px;
    height: 1px;    
}

.price #price-packages .content-wrapper .tab-content .dashboard .points:after,
.price #price-packages .content-wrapper .tab-content .dashboard .effect:after {
    border-radius: 50%;
    width: 8px;
    height: 8px;    
}

.price #price-packages .content-wrapper .tab-content .dashboard .points:before {
    background: -webkit-gradient(linear, right top, left top, from(#ff8000),color-stop(46%, #d76905),to(#ee1e3d));    
    background: -webkit-linear-gradient(right, #ff8000,#d76905 46%,#ee1e3d);
    background: linear-gradient(to left, #ff8000,#d76905 46%,#ee1e3d);
    bottom: -2px;
}

.price #price-packages .content-wrapper .tab-content .dashboard .points:after {
    background: #ff8000;
    bottom: -5.5px;
    right: -55px;
}

.price #price-packages .content-wrapper .tab-content .dashboard .effect:before {
    background: -webkit-gradient(linear, right top, left top, from(#34b233),color-stop(46%, #0ccb05),to(#70d0ee));
    background: -webkit-linear-gradient(right, #34b233,#0ccb05 46%,#70d0ee);
    background: linear-gradient(to left, #34b233,#0ccb05 46%,#70d0ee);    
    top: 23px   
}

.price #price-packages .content-wrapper .tab-content .dashboard .effect:after {
    background: #34b233;
    bottom: 15px;
    right: -55px;

}

.price #price-packages .content-wrapper .tab-content .dashboard .points,
.price #price-packages .content-wrapper .tab-content .dashboard .effect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;    
    -webkit-box-direction: normal;    
    -ms-flex-flow: row wrap;    
    flex-flow: row wrap;    
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;    
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    width: 105px;    
    position: absolute;
}

.price #price-packages .content-wrapper .tab-content .dashboard .points {
    top: 40px;
}

.price #price-packages .content-wrapper .tab-content .dashboard .effect {
    top: 80px;
}

/* Divider */

.price #price-packages .content-wrapper .tab-content .divider {
    border-top: 1px solid rgba(255,255,255,.05);    
    margin: 5px 0 15px;
    padding: 10px 0 0;    
}

.price #price-packages .content-wrapper .tab-content .divider .value-prop,
.price #price-packages .content-wrapper .tab-content .divider .example {
    color: rgba(255,255,255,.5);    
    font-size: 12px;
    line-height: 1.2;
}

/* Activities */

.price #price-packages .content-wrapper .tab-content .activities {
    height: 200px;
}

.price #price-packages .content-wrapper .tab-content .activities ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.price #price-packages .content-wrapper .tab-content .activities ul li {
    background: -webkit-gradient(linear, right top, left top, color-stop(4%, rgba(44, 204, 254, 0.1)),to(rgba(112, 208, 238, 0.5)));
    background: -webkit-linear-gradient(right, rgba(44, 204, 254, 0.1) 4%,rgba(112, 208, 238, 0.5));
    background: linear-gradient(to left, rgba(44, 204, 254, 0.1) 4%,rgba(112, 208, 238, 0.5));
    border-radius: 3px;    
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
        flex: 0 0 30%;
    font-size: 12px;
    line-height: 1;
    height: 30px;
    margin: 0 2px 6px;
    padding: 0 4px;
    position: relative;
}

/* Included */

.price #packages-included {
    border-bottom: 1px solid #f1f3f7;
    margin: 100px 0 0;
    padding: 0 0 80px;
}

.price #packages-included h2 {
    margin: 0 0 30px;
    text-align: center;
}

.price #packages-included .item-wrapper .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    margin: 30px 0;
    padding: 0 0 0 30px;
}

.price #packages-included .item-wrapper .item h4:before {
    content: "";
    background: -webkit-gradient(linear, right top, left top, color-stop(4%, rgba(44, 204, 254, 0.1)),to(rgba(112, 208, 238, 0.5)));
    background: -webkit-linear-gradient(right, rgba(44, 204, 254, 0.1) 4%,rgba(112, 208, 238, 0.5));
    background: linear-gradient(to left, rgba(44, 204, 254, 0.1) 4%,rgba(112, 208, 238, 0.5));
    border-radius: 50%;
    height: 20px;
    width: 20px;
    position: absolute;
    left: -25px
    
}

.price #packages-included .item-wrapper .item h4 {
    margin: 0 0 7px;
    position: relative;
}

/* CTA */

.price #price-packages .content-wrapper .cta-wrapper {
    text-align: center;
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;   
}

.price #price-packages .content-wrapper .cta-wrapper .button {
    background: -webkit-gradient(linear, left bottom, right top, from(#8F52B1), color-stop(#A86FF7), to(#D578E6));
    background: -webkit-linear-gradient(left bottom, #8F52B1, #A86FF7, #D578E6);
    background: linear-gradient(to right top, #8F52B1, #A86FF7, #D578E6);
    color: #fff;    
}

/*
* - FAQ
*/

.price #price-faq .section-header {
    max-width: 700px;
    margin: 0 auto 50px;
    text-align: center;
}

.price #price-faq .faq-wrapper .faq-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 44%;
    flex: 0 0 44%;    
    margin: 30px 0;
}

.price #price-faq .faq-wrapper .faq-item .title {
    margin: 0 0 20px;    
}

.price #price-faq .faq-wrapper .faq-item .copy {
    border-left: 1px solid #f1f3f7;
    padding: 4px 0 2px 8px;
}

.price #price-faq .faq-wrapper .faq-item .copy p {
    margin: 0 0 15px;    
}

/*
* - Perspective
*/

.price #perspective {
    background: #f7f8f9;
    border-bottom: 1px solid #f1f3f7;
    overflow: hidden;
    padding: 100px 0 0;
    position: relative;   
}


.price #perspective .section-header {
    max-width: 700px;
    margin: 0 auto 50px;
    text-align: center;
}

.price #perspective .section-header .section-title {
    font-family: 'Merriweather', Georgia, Times, Times New Roman, serif;
    font-weight: 300;
}

.price #perspective .copy {
    padding: 0 0 120px;
}

.price #perspective .copy p {
    color: #232323;    
    font-family: 'Merriweather', Georgia, Times, Times New Roman, serif;
    font-weight: 300;
    margin: 0 0 15px;
}

.price #perspective .copy .left,
.price #perspective .copy .right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;    
}

.price #perspective .pricing-benjamin {
    max-width: 480px;
    margin: 0 0 0 auto;
    position: absolute;
    bottom: -50px;
    right: -20px;    
}

.price #perspective .pricing-benjamin figcaption {
    color: rgba(0,0,0,.8);
    font-size: 12px;
    position: absolute;
    top: 215px;
}

.price #perspective .pricing-benjamin figcaption span {
    color: rgba(0,0,0,.8);
    font-size: 12px;
    font-weight: 300;
}

.price #perspective .pricing-benjamin figcaption:before {
    content: "";
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, from(#34b233),color-stop(46%, #0ccb05),to(#70d0ee));    
    background: -webkit-linear-gradient(top, #34b233,#0ccb05 46%,#70d0ee);    
    background: linear-gradient(to bottom, #34b233,#0ccb05 46%,#70d0ee);
    box-shadow: -1px 3px 9px rgba(0, 0, 0, 0.3);    
    height: 42px;
    width: 2px;
    position: absolute;
    top: -2px;
    left: -10px;    
}


/* 
* === ABOUT PAGE ===
*/

.about .hero-header {
    background: -webkit-linear-gradient(342deg, rgb(112, 208, 238), rgb(42, 132, 210) 90%);
    background: linear-gradient(108deg, rgb(112, 208, 238), rgb(42, 132, 210) 90%);   
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.1);
    height: auto;
    min-height: 100vh;
    padding: 120px 0 100px;
    overflow: hidden;
}

.about .hero-header .hero-header-wrapper {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.about .hero-header .hero-header-wrapper h1 {
    color: rgba(255, 255, 255, .3);    
    font-size: 80px;
    letter-spacing: -7px;
    line-height: 1;
    margin: 0 0 -25px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}

.about .hero-header .hero-header-wrapper .hero-title {
    color: #fff;    
    font-size: 50px;
    margin: 0 0 30px;
    text-shadow: 0 10px 20px rgba(0, 0, 0, 0.30);
    position: relative;
    z-index: 2;
}

.about .hero-header .content-wrapper {
    background: -webkit-linear-gradient(342deg, rgba(112, 208, 238, 0.03), rgba(42, 132, 210,0.1) 90%);
    background: linear-gradient(108deg, rgba(112, 208, 238, 0.03), rgba(42, 132, 210,0.1) 90%);
    box-shadow: 0 -42px 36px 8px rgba(0,0,0,.1);
    border: 1px solid transparent;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 120px auto 0;
    height: 620px;
    width: 620px;
    padding: 60px 100px;
    text-align: center;
    white-space: pre-wrap;
}

.about .hero-header .content-wrapper p {
    color: #fff;
    font-size: 18px;
    margin: 0 0 10px;
    text-shadow: 0 1px 2px rgba(0,0,0,.5);    
}

/* 
* - Section - how-we
*/

.about .how-we {
    padding: 60px 0 75px;
}

.about .how-we p {
    margin: 0 0 16px;
}

.about .how-we .section-header {
    border-bottom: 1px solid rgba(0,0,0,.07);
    max-width: 500px;
    margin: 0 auto 20px;
    text-align: center;
    text-transform: uppercase;
    padding: 30px 0 42px;
}

.about .how-we .section-wrapper .section-header .section-title span:first-child {
    font-size: 20px;
    font-weight: 300;
}

.about .how-we .content-wrapper {
    padding: 30px 0 0;
}
.about .how-we .copy { 
    -webkit-box-flex: 0;
    -ms-flex: 0 0 54%;
        flex: 0 0 54%;
}

.about .how-we .section-graphic { 
    -webkit-box-flex: 0;
    -ms-flex: 0 0 36%;
        flex: 0 0 36%;  
    margin: 30px auto;
    max-width: 400px;
}

/* 
* - Section - we-solve
*/

.about .we-solve {
    background: -webkit-gradient(linear, left top, right top, color-stop(15%, #fff), to(#f8fafb));
    background: linear-gradient(to right, #fff 15%, #f8fafb);    
    border-top: 1px solid #efeff1;
    border-bottom: 1px solid #efeff1;   
}

.about .we-solve p {
    margin: 0 0 16px;
}

.about .we-solve .section-header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    text-align: center;
    padding: 30px 0;
}

.about .we-solve .content-wrapper {
    border-left: 1px solid #efeff1;
    padding: 55px 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
        flex: 0 0 60%;
}

.about .we-solve .content-wrapper .copy {
    max-width: 550px;
}

/* 
* - Section What We Do
*/

.about .what-we-do {
    background: -webkit-linear-gradient(top left, #0b2434, #0c60a3 50%, #64B5F6);
    background: linear-gradient(to bottom right, #0b2434, #0c60a3 50%, #64B5F6);
    padding: 50px 0 180px;
}


.about .what-we-do .section-wrapper {
  text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
}

.about .what-we-do .section-wrapper .section-header {
    max-width: 500px;
    margin: 0 auto 20px;
    text-align: center;
    padding: 30px 0;
}

.about .what-we-do .section-wrapper .section-header .section-title,
.about .what-we-do .section-wrapper .section-header .section-description {
    color: #fff;
}

.about .what-we-do .section-wrapper .state {
  display: none;
}

/* Align labels */

.about .what-we-do .section-wrapper .tab-switcher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-around;
  max-width: 900px;
  width: 100%;
  margin: 30px auto -50px;
}

.about .what-we-do .section-wrapper .tab-switcher li label {
    background: #5cbde9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    color: #fff;
    cursor: pointer;
    font-size: 16px; 
    text-align: center;
    margin: 0 0 -14px;
    width: 128px;
    height: 128px;
    padding: 8px;
    -webkit-transform: scale(.8577);
    transform: scale(.8577);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

/* Effect for labels */

.about .what-we-do .section-wrapper .state:nth-of-type(1):checked ~ .tab-switcher li:nth-child(1) .active,
.about .what-we-do .section-wrapper .state:nth-of-type(2):checked ~ .tab-switcher li:nth-child(2) .active,
.about .what-we-do .section-wrapper .state:nth-of-type(3):checked ~ .tab-switcher li:nth-child(3) .active,
.about .what-we-do .section-wrapper .state:nth-of-type(4):checked ~ .tab-switcher li:nth-child(4) .active,
.about .what-we-do .section-wrapper .state:nth-of-type(5):checked ~ .tab-switcher li:nth-child(5) .active,
.about .what-we-do .section-wrapper .state:nth-of-type(6):checked ~ .tab-switcher li:nth-child(6) .active {
    background: -webkit-linear-gradient(top left, #ff6767 20%, #e3b168 80%);
    background: linear-gradient(to bottom right, #ff6767 20%, #e3b168 80%);
    box-shadow: 0.5px 2px 7px rgba(0,0,0,.3);
    cursor: default;
    text-shadow: 0 1px 3px #194564;
    -webkit-transform: scale(1);
    transform: scale(1);    
}

/* This shows the content */

.about .what-we-do .section-wrapper #tab-1:checked ~ .tab-wrapper div:nth-child(1),
.about .what-we-do .section-wrapper #tab-2:checked ~ .tab-wrapper div:nth-child(2),
.about .what-we-do .section-wrapper #tab-3:checked ~ .tab-wrapper div:nth-child(3),
.about .what-we-do .section-wrapper #tab-4:checked ~ .tab-wrapper div:nth-child(4),
.about .what-we-do .section-wrapper #tab-5:checked ~ .tab-wrapper div:nth-child(5),
.about .what-we-do .section-wrapper #tab-6:checked ~ .tab-wrapper div:nth-child(6) {
  display: block;
}

.about .what-we-do .section-wrapper .tab-wrapper {
    background: -webkit-linear-gradient(top left, rgba(145, 195, 239, 0.05), rgba(143, 195, 239, 0.3));
    background: linear-gradient(to bottom right, rgba(145, 195, 239, 0.05), rgba(143, 195, 239, 0.3));
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    padding: 120px 0 40px;
}

.about .what-we-do .section-wrapper .tab-wrapper .tab-content {
  display: none;
  height: 240px;
  max-width: 500px;
  margin: auto;
  padding: 0 15px;
  -webkit-animation: content-in 0.7s ease-in-out;
  animation: content-in 0.7s ease-in-out;
}

.about .what-we-do .section-wrapper .tab-wrapper .tab-content h3 {
    color: #fff;
    font-size: 16px;
    margin: 0 0 5px;
}

.about .what-we-do .section-wrapper .tab-wrapper .tab-content p {
    color: #BBDEFB;
}

/* 
* - Section - know-us
*/
.about .know-us {
    padding: 0 0 160px;
}

.about .know-us .section-wrapper {
    position: relative;
}

.about .know-us .section-wrapper .circle {
    border: 8px dashed #f1f3f7;
    border-radius: 50%;
    width: 1200px;
    height: 1200px;
    position: absolute;
    z-index: -1;
    top: -100px;
    right: -660px;
    bottom: 0;
}

.about .know-us .cta-block {
    padding: 40px 0;
}

.about .know-us .cta-block h2 {
    font-size: 20px;
    margin: 0 0 10px;
}

.about .know-us .cta-block > div {
    border-bottom: 1px solid #f1f3f7;
}

.about .know-us .cta-block .content {
     -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    margin: 30px 0;
}

.about .know-us .cta-block .content p {
    font-size: 18px;
}

.about .know-us .cta-block .cta-wrapper {
     -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    margin: 30px 0;
}

.about .know-us .cta-block .cta-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.about .know-us .content-block {
    position: relative;
}

/* Left side */
.about .know-us .know-more {
    -webkit-box-flex: 0;    
    -ms-flex: 0 0 36%;    
    flex: 0 0 36%;
    padding: 60px 0;
}

.about .know-us .know-more h2 {
    font-size: 20px;
    margin: 0 0 10px;    
}

.about .know-us .know-more > p {
    border-bottom: 1px solid rgba(0,0,0,.07);
    font-size: 18px;
    padding: 0 0 40px;
}

.about .know-us .know-more .list {
    padding: 40px 0 15px;
}

.about .know-us .know-more .list .item-wrapper {
    background: rgba(208, 238, 255, .1);
    box-shadow: 0 9px 27px -3px rgba(98,100,112,0.25);
    border-radius: 4px;
    display: block;
    margin: 0 0 20px;
    position: relative;
    width: 100%;    
}

.about .know-us .know-more .list .item-wrapper:hover {
    background: #fff;
}

.about .know-us .know-more .list .item-wrapper a {
    color: rgba(0,0,0,0.5);
    display: block;
    padding: 20px 30px 20px 70px;    
    position: relative;
    width: 100%;
}

.about .know-us .know-more .list .item-wrapper a:hover {
    color: #292e31;    
}

.about .know-us .know-more .list .item-wrapper a:before {
    content: "";
    display: block;
    position: absolute;
    width: 38px;
    height: 38px;
    top: 50%;
    margin-top: -20px;
    left: 4%;
}

.about .know-us .know-more .list .item-wrapper .why:before {
    background: url("https://cdn2.hubspot.net/hubfs/2255688/Website/About/Know-More/icon-why-inLink.svg");
    background-size: 100% 100%;
} 

.about .know-us .know-more .list .item-wrapper .story:before {
    background: url("https://cdn2.hubspot.net/hubfs/2255688/Website/About/Know-More/icon-our-core.svg");
    background-size: 100% 100%;
} 

.about .know-us .know-more .list .item-wrapper .core:before {
    background: url("https://cdn2.hubspot.net/hubfs/2255688/Website/About/Know-More/icon-our-story.svg");
    background-size: 100% 100%;
}

.about .know-us .know-more .list .item-wrapper a:after {
    content: "\f061";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
    display: block;
    position: absolute;
    width: 6px;
    height: 9px;
    top: 50%;
    margin-top: -5px;
    right: 20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;   
}

.about .know-us .know-more .list .item-wrapper a h3 {
    font-size: 16px;
}

.about .know-us .know-more .list .item-wrapper a p {
    color: rgba(0,0,0,.8);
    font-size: 14px;
}

/* Right side */
/* HubSpot Certification Logos */

.about .know-us .certifications {
    -webkit-box-flex: 0;    
    -ms-flex: 0 0 55%;    
    flex: 0 0 55%;
    position: relative;
}

.about .know-us .certifications .copy {
    margin: 0 0 15px auto;
    max-width: 400px;
    text-align: right;    
}

.about .know-us .certifications .copy h3 {
    font-size: 16px;
    margin: 0 0 10px;    
}

.about .know-us .certifications .copy p {
    font-size: 14px;
}

.about .know-us .certifications .inbound,
.about .know-us .certifications .hs-partner {
    color: #f1f3f7;
    text-align: right;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
}

.about .know-us .certifications .inbound {
    font-size: 16px;
    bottom: -90px;
}

.about .know-us .certifications .hs-partner {
    font-size: 28px;
    bottom: -120px;
}

.about .know-us .certifications .dotted {
    background: -webkit-repeating-radial-gradient(center, circle, rgba(0,0,0,.2), rgba(0,0,0,.2) 3px, transparent 3px, transparent 100%);
    background: repeating-radial-gradient(circle at center, rgba(0,0,0,.2), rgba(0,0,0,.2) 3px, transparent 3px, transparent 100%);
    background-size: 60px 60px;
    height: 200px;
    width: 100%;
    position: absolute;
    bottom: -170px;
    left: -90px;    
}

/* Badges */

.about .know-us .certifications .badges {
    background: -webkit-radial-gradient(70% 65%,circle,#17aef0,#36719e, #0d102e);
    background: -o-radial-gradient(70% 65%,circle,#17aef0,#36719e, #0d102e);
    background: radial-gradient(circle at 70% 65%,#17aef0,#36719e, #0d102e);
    border-radius: 4px;
    box-shadow: 0 55px 70px -20px rgba(50,50,93,.55), 0 20px 30px -10px rgba(0,0,0,.14);
    height: 400px;
    position: relative;
    overflow: hidden;        
}

.about .know-us .certifications .badges .tagline,
.about .know-us .certifications .badges .running-head {
    color: rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
    text-align: right;
    position: absolute;
    z-index: 1;
}

.about .know-us .certifications .badges .tagline {
    font-size: 14px;
    top: 7px;
    right: 10px;    
}

.about .know-us .certifications .badges .running-head {
    font-size: 28px;
    top: 15px;
    right: 5px;    
}

.about .know-us .certifications .badges .cert-inbound,
.about .know-us .certifications .badges .cert-marketing-software,
.about .know-us .certifications .badges .cert-email-marketing,
.about .know-us .certifications .badges .cert-content-marketing {
    color: #f2545b;
}

.about .know-us .certifications .badges .cert-agency-partner,
.about .know-us .certifications .badges .cert-client-success {
    color: #ff8f59;
}

.about .know-us .certifications .badges .cert-inbound-sales {
    color: #6a78d1;
}

.about .know-us .certifications .badges .cert-growth-driven-design-agency {
    color: #00a4bd; 
}

.about .know-us .certifications .badges .cert-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
        display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 10px 40px 0 rgba(23, 28, 33, 0.13), 0 31px 13px 0 rgba(23, 28, 33, 0.05);    
    height: 90px;
    width: 90px;
    position: relative;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shapes-floating;
    animation-name: shapes-floating;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);
    animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);
    -webkit-animation-duration: 4.7s;
    animation-duration: 4.7s;
    position: relative;
    z-index: 50;
}

.about .know-us .certifications .badges .cert-wrapper:nth-of-type(1) {
    margin: 35px 42px 0 37px;
    height: 120px;
    width: 120px;    
}

.about .know-us .certifications .badges .cert-wrapper:nth-of-type(2) {
    -webkit-animation-delay: -1.8s;
    animation-delay: -1.8s;
    margin: 77px 0 0 0;
}

.about .know-us .certifications .badges .cert-wrapper:nth-of-type(3) {
    -webkit-animation-delay: -2.2s;
    animation-delay: -2.2s;
    margin: 33px 0 0 33px;
    height: 76px;
    width: 76px;    
}

.about .know-us .certifications .badges .cert-wrapper:nth-of-type(4) {
    -webkit-animation-delay: -3.4s;
    animation-delay: -3.4s;
    margin: 87px 27px 0 51px;
    height: 120px;
    width: 120px;    
}

.about .know-us .certifications .badges .cert-wrapper:nth-of-type(5) {
    -webkit-animation-delay: -2.4s;
    animation-delay: -2.4s;
    margin: 0 37px 0 33px;
    height: 100px;
    width: 100px;    
}

.about .know-us .certifications .badges .cert-wrapper:nth-of-type(6) {
    -webkit-animation-delay: -1.9s;
    animation-delay: -1.9s;
    margin: 0 23px 0 7px;   
    height: 120px;
    width: 120px;    
}

.about .know-us .certifications .badges .cert-wrapper:nth-of-type(7) {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s;
    margin: 0 11px 21px 7px
}

.about .know-us .certifications .badges .cert-wrapper:nth-of-type(8) {
    -webkit-animation-delay: -1.9s;
    animation-delay: -1.9s;
    margin: 27px 33px 0 0;   
}

.about .know-us .certifications .badges .cert-wrapper .cert-logo {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border: 2px solid currentColor;
    border-radius: 50%;
    height: 45px;
    line-height: 45px;
    width: 45px;
}

.about .know-us .certifications .badges .cert-wrapper .cert-logo svg * {
    fill: currentColor;
}

.about .know-us .certifications .badges .cert-wrapper .cert-name-tooltip {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
        display: inline-flex;
    background: #373737;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
    padding: 2px 4px;
    position: absolute;
    top: -30px;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    white-space: nowrap;    
    -webkit-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out  
}

.about .know-us .certifications .badges .cert-wrapper .cert-name-tooltip:after {
    content: "";
    border: 5px solid;
    border-color: #373737 transparent transparent transparent;
    margin: 0 0 0 -5px;
    position: absolute;
    top: 100%;
    left: 50%;    
}

.about .know-us .certifications .badges .cert-wrapper:hover .cert-name-tooltip {
    visibility: visible;
    opacity: 1;
}


/* 
* - Section - company
*/

.about .company .section-wrapper .section-header {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 320px;
    flex: 0 1 320px;
}

.about .company .section-wrapper .section-header .button {
    background: #68d4f8;
    color: #fff;
    padding: 8px 16px;  
    margin: 10px 0 0;
}

.about .company .section-wrapper .map {
    background: url("https://cdn2.hubspot.net/hubfs/2255688/Website/About/inLink-pinned-map.png"); 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;    
}

/* 
* === WHY PAGE ===
*/

.why .hero-header {
    height: calc(90vh - 90px);
    margin: 90px 0 0; 
    text-align: center;
}

.why .hero-header .hero-header-wrapper .hero-title {
    font-size: 60px;
    max-width: 700px;
    margin: 0 auto 30px;
}

.why .hero-header .hero-header-wrapper .hero-intro-text {
    border-bottom: 1px solid rgba(0,0,0,.07); 
    max-width: 580px;
    margin: 0 auto;
    padding: 0 0 42px;    
}

/*
* — Section How we help - Who we work with 
*/

.how-we-help {
    padding: 0 0 20px;
}

.how-we-help .content-wrapper .animation {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 38%;
        flex: 0 0 38%
}

.how-we-help .content-wrapper .copy {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 54%;
        flex: 0 0 54%
}

.how-we-help .section-wrapper .section-header {
    border-bottom: 1px solid rgba(0,0,0,.07);
    margin: 0 auto;
    max-width: 500px;
    padding: 0 0 42px;
    text-align: center;
}

.how-we-help .section-wrapper {
    position: relative;
    z-index: 100;
}

.how-we-help .copy {
    margin: 40px 0 0;
}

.how-we-help .copy p {
    margin: 0 0 15px;
}

.how-we-help .copy li {
    background-size: 32px 32px !important;
    background-repeat: no-repeat !important;
    margin: 0 0 40px;
    padding: 0 0 0 40px;    
}

.how-we-help .copy .result {
    background: url("https://cdn2.hubspot.net/hubfs/2255688/Website/Why/How-We-Help/result.svg");
}

.how-we-help .copy .digital {
    background: url("https://cdn2.hubspot.net/hubfs/2255688/Website/Why/How-We-Help/digital.svg");
}

.how-we-help .copy .big-deal {
    background: url("https://cdn2.hubspot.net/hubfs/2255688/Website/Why/How-We-Help/big-deal.svg");
}

.how-we-help ul li h3 {
    margin: 0 0 10px;
    padding: 3px 0 0;
}

.who-we-work {
    padding: 20px 0;
    position: relative;
}

.who-we-work .content-wrapper {
    max-width: 700px;
    margin: 0 auto 60px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 15px 35px rgba(23,55,87,.1), 0 5px 15px rgba(0,0,0,.07);
    padding: 40px 80px;
    position: relative;
}

.who-we-work .content-wrapper:before {
    content: "";
    background: url("https://cdn2.hubspot.net/hubfs/2255688/Website/Why/How-We-Help/work-with.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 12px;
    top: 10px;
}

.who-we-work .content-wrapper .section-title {
    font-size: 24px;
    margin: 0 0 10px;
}

.who-we-work .filler {
    background-color: #f8fafd;
    height: 280px;
    width: 100%;
    position: absolute;
    top: 30%;
    -webkit-transform: skewy(12deg);
    -ms-transform: skewy(12deg);
            transform: skewy(12deg);    
}

.who-we-work .content-wrapper .section-copy p {
    margin: 15px 0;
}

.who-we-work .content-wrapper .cta-wrapper {
    margin: 30px 0 0;
    text-align: center;
}

/*
* —  Section Why USP 
*/

.why-usp {
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 100%),
    -webkit-linear-gradient(bottom right,#49c3c9,#249bd6 50%,#0c5b9c);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 100%),
    linear-gradient(to top left,#49c3c9,#249bd6 50%,#0c5b9c);
    background-blend-mode: soft-light;
    text-shadow: 0 1px 2px rgba(0,0,0,.2);
    padding: 60px 0;
}

.why-usp .section-header,
.why-usp .content-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46%;
    flex: 0 0 46%
}


.why-usp .why-inlink {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 20px;
    text-transform: uppercase;
}

.why-usp h2 {
    font-size: 24px;
}

.why-usp h2,
.why-usp h3 {
    color: #fff;
}

.why-usp p {
    color: #badffc;
}

.why-usp .section-copy p {
    margin: 0 0 16px;
}

.why-usp .content-wrapper .next-steps {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 20px;
    text-align: center;     
    text-transform: uppercase;    
}

.why-usp .content-wrapper ul .item-wrapper {
    box-shadow: inset 0 0 0 1px rgba(0,109,162,.3);
    border-radius: 4px;
    display: block;
    margin: 0 0 20px;
    position: relative;
    width: 100%;
}

.why-usp .content-wrapper ul .item-wrapper a {
    display: block;
    padding: 25px 40px 25px 84px;    
    position: relative;
    width: 100%;
}

.why-usp .content-wrapper ul .item-wrapper a:before {
    content: "";
    display: block;
    position: absolute;
    width: 42px;
    height: 42px;
    top: 50%;
    margin-top: -24px;
    left: 4%;
}

.why-usp .content-wrapper ul .item-wrapper .strategy:before {
    background: url("https://cdn2.hubspot.net/hubfs/2255688/Website/Why/Why-USP/icon-strategy.svg");
    background-size: 100% 100%;
} 

.why-usp .content-wrapper ul .item-wrapper .design:before {
    background: url("https://cdn2.hubspot.net/hubfs/2255688/Website/Why/Why-USP/icon-design.svg");
    background-size: 100% 100%;
} 

.why-usp .content-wrapper ul .item-wrapper .contact:before {
    background: url("https://cdn2.hubspot.net/hubfs/2255688/Website/Why/Why-USP/icon-next-step.svg");
    background-size: 100% 100%;
}

.why-usp .content-wrapper ul .item-wrapper a:after {
    content: "\f061";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
    display: block;
    position: absolute;
    width: 6px;
    height: 9px;
    top: 50%;
    margin-top: -5px;
    right: 20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;   
}

.why-usp .content-wrapper ul .item-wrapper a h3 {
    font-size: 16px;
}

/* 
* === OUR STORY PAGE ===
*/

.story .next-row-wrapper .content-wrapper .content p,
.story .the-story p {
    margin: 0 0 22px;
}

.story .hero-header {
    border-bottom: 1px solid #e9eaec;
}

.story .hero-header .hero-header-wrapper .content-wrapper,
.story .hero-header .hero-header-wrapper .photo,
.story .hero-next-row .next-row-wrapper .content-wrapper,
.story .hero-next-row .next-row-wrapper .photo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    min-height: 472px;    
}

.story .hero-header .hero-header-wrapper .content-wrapper .content,
.story .hero-next-row .next-row-wrapper .content-wrapper .content {
    margin: 0 auto;
    max-width: 460px;
    padding: 50px 15px 10px;
}

/*
* —  Start Specific for Header Row
*/

.story .hero-header .hero-header-wrapper .content-wrapper {
    background-image: -webkit-linear-gradient(343deg,#70d0ee,#2a84d2 90%);
    background-image: linear-gradient(107deg,#70d0ee,#2a84d2 90%);
    text-shadow: 0 1px 2px rgba(0,0,0,.14);    
}

.story .hero-header .hero-header-wrapper .content-wrapper .content .hero-title {
    color: #fff;
}

.story .hero-header .hero-header-wrapper .photo {
    background-image: url("https://cdn2.hubspot.net/hubfs/2255688/Website/Story/benjamin-flying.jpg");
    background-repeat: no-repeat;
    background-position: 45%;
    background-size: cover;
}

/*
* —  Start Specific for Next Row
*/

.story .hero-next-row .next-row-wrapper .photo {
    background-image: url("https://cdn2.hubspot.net/hubfs/2255688/Website/Story/benjamin-color-run.jpg");
    background-repeat: no-repeat;
    background-position: 45%;
    background-size: cover;
}

/*
* — Section The Story
*/

.story .the-story {
    max-width: 660px;
    margin: 0 auto;
    padding: 100px 15px;    
}

.story .the-story .section-title {
    text-align: center;
}

/*
* —  Bottom before footer bg
*/

.story .story-bg {
    background: url("https://cdn2.hubspot.net/hubfs/2255688/Website/Story/inLink-story-en-miljon-foretag.png") center bottom no-repeat;
    padding: 220px 0 0;
    background-size: 50%;
}

/* 
* === CORE PAGE ===
*/

.core .core-bg {
    background: #00B8D4;
    padding: 120px 7px 150px;
}

.core .core-bg .core-content {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);    
    margin: 0 auto;
    max-width: 720px;
    padding: 50px 30px;
}

.core .core-bg .core-content .core-header {
    border-bottom: 1px solid rgba(0,0,0,.07);
    max-width: 500px;
    margin: 0 auto 20px;
    text-align: center;
    padding: 30px 0 42px;
}

.core .core-bg .core-content .core-copy {
    padding: 30px 0 0;
}

.core .core-bg .core-content .core-copy .title {
    margin: 0 0 10px;
}

.core .core-bg .core-content .core-copy h3 {
    margin: 0 0 10px;
    padding: 10px 0 0;
}

.core .core-bg .core-content .core-copy h4 {
    font-size: 16px;
    text-transform: uppercase;
}

.core .core-bg .core-content .core-copy p,
.core .core-bg .core-content .core-copy ul {
    font-size: 18px;
    margin: 0 0 32px;
}

/* 
* === RESOURCE PAGE ===
*/

.resource .hero-header {
    background: -webkit-linear-gradient(315deg, #00c4cc 25%, #016BC0 75%);
    background: linear-gradient(135deg, #00c4cc 25%, #016BC0 75%);
    padding: 120px 0 60px;
    text-shadow: 0 1px 2px rgba(0,0,0,.5);    
}

.resource .hero-header .hero-header-wrapper {
    margin: 0 auto;
    max-width: 500px;
    text-align: center
}

.resource .hero-header .hero-header-wrapper .hero-title,
.resource .hero-header .hero-header-wrapper .hero-intro-text {
    color: #fff;
    margin: 0 0 20px;
}

/* Consistency styling for section headers */

.resource .section-wrapper h3 {
    margin: 0 0 10px;
}

.resource .section-wrapper .section-header {
    max-width: 500px;
    margin: 0 auto;
    padding: 0 0 45px;
    text-align: center;    
}


/*
* —  Section E-books
*/

.resource .e-books {
    padding: 80px 0 240px;
}

.resource .e-books .section-wrapper .content-wrapper .list .item-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
        flex: 0 0 40%;
    padding: 30px 3px;
   
}

.resource .e-books .section-wrapper .content-wrapper .list .item-wrapper a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    border: 1px solid #dbdfe0;    
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    text-transform: uppercase;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease;   
}

.resource .e-books .section-wrapper .content-wrapper .list .item-wrapper a:hover {
    box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
    border-color: #0088cc;
}

.resource .e-books .section-wrapper .content-wrapper .list .item-wrapper .cover {
    box-shadow: 0 10px 12px -8px rgba(0, 0, 0, 0.63), 0 1px 4px rgba(0,0,0,.6), 0 0 40px rgba(0,0,0,.4) inset;
    border-radius: 5px;    
    width: 142px;
    height: 152px;
    -webkit-transform: scale(1.177);
        transform: scale(1.177);    
}

.resource .e-books .section-wrapper .content-wrapper .list .item-wrapper .cover img {
    border-radius: 4px;
    height: 100%;
}

.resource .e-books .section-wrapper .content-wrapper .list .item-wrapper .copy {
    width: 100%;
    padding: 2px 4px 2px 16px;
}

.resource .e-books .section-wrapper .content-wrapper .list .item-wrapper .copy h3 {
    font-size: 14px;
    margin: 0;
}

/*
* —  Section Guides
*/

.resource .guides {
    background: #f5f7f9;
    padding: 50px 0;
    position: relative;
}

.resource .guides:before {
    content: "";
    position: absolute;
    z-index: -1;
    background: #f5f7f9;
    box-shadow: 0 -1px 9px 1px rgba(0, 0, 0, 0.37);  
    width: 100%;
    height: 100%;
    top: -110px;
    transform: skewY(-2deg);
}

.resource .guides:after {
    content: "";
    position: absolute;
    z-index: -2;
    background: #f5f7f9;
    box-shadow: 0 1px 9px 1px rgba(0, 0, 0, 0.37);
    width: 100%;
    height: 100%;
    bottom: -110px;
    transform: skewY(2deg);   
}

.resource .guides .section-wrapper .section-header {
    margin: 0 auto 10px;
    padding: 0;
}

.resource .guides .section-wrapper .section-header .section-title {
    font-size: 24px;
}

.resource .guides .section-wrapper .content-wrapper {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}

.resource .guides .section-wrapper .content-wrapper .section-description {
  margin: 0 0 15px;  
}

/*
* —  Section Articles
*/

.resource .articles {
    border-bottom: 1px solid #e9eaec;       
    padding: 100px 0 0;
    position: relative;
}


.resource .articles .section-wrapper .section-header {
    padding: 160px 0 60px;    
}

.resource .articles .section-wrapper .top-row {
    background: -webkit-linear-gradient(left,#fff 0%, #fff 50%, #2b94c5 50%, #70bcdf 100%);
    background: linear-gradient(to right,#fff 0%, #fff 50%, #2b94c5 50%, #70bcdf 100%);
    border-top: 1px solid #e9eaec;
    /* Remember to check MQ if making changes here */
}

.resource .articles .section-wrapper .next-row {
    background: -webkit-linear-gradient(right,#fff 0%,#fff 50%,#ec621c 50%,#fb8c00 100%);
    background: linear-gradient(to left,#fff 0%,#fff 50%,#ec621c 50%,#fb8c00 100%);
    /* Remember to change MQ if making changes here */
}

.resource .articles .section-wrapper .content-wrapper .design h3,
.resource .articles .section-wrapper .content-wrapper .inbound h3 {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.5);    
}

.resource .articles .section-wrapper .content-wrapper .design > p:first-of-type,
.resource .articles .section-wrapper .content-wrapper .inbound > p:first-of-type {
    border-bottom: 1px solid rgba(235, 232, 232, 0.3);
    padding-bottom: 30px;
    color: rgba(255,255,255,0.87);
    text-shadow: 0 1px 2px rgba(0,0,0,.5);    
}

.resource .articles .section-wrapper .content-wrapper .popular > p:first-of-type,
.resource .articles .section-wrapper .content-wrapper .strategy > p:first-of-type {
    border-bottom: 1px solid rgba(0,0,0,.07);    
    padding-bottom: 30px;
}

.resource .articles .section-wrapper .content-wrapper .popular,
.resource .articles .section-wrapper .content-wrapper .design,
.resource .articles .section-wrapper .content-wrapper .inbound,
.resource .articles .section-wrapper .content-wrapper .strategy {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46%;
        flex: 0 0 46%; 
    padding: 50px 45px 55px;
}

.resource .articles .section-wrapper .content-wrapper .popular .list,
.resource .articles .section-wrapper .content-wrapper .design .list,
.resource .articles .section-wrapper .content-wrapper .inbound .list,
.resource .articles .section-wrapper .content-wrapper .strategy .list {
    padding: 40px 0 15px;
}


.resource .articles .section-wrapper .content-wrapper .popular .list .item-wrapper,
.resource .articles .section-wrapper .content-wrapper .design .list .item-wrapper,
.resource .articles .section-wrapper .content-wrapper .inbound .list .item-wrapper,
.resource .articles .section-wrapper .content-wrapper .strategy .list .item-wrapper {
    border-radius: 5px;
    box-shadow: inset 0 0 40px 1px rgba(0,0,0,.02);    
    display: block;
    margin: 0 0 20px;
    position: relative;
    width: 100%;    
}

.resource .articles .section-wrapper .content-wrapper .design .list .item-wrapper,
.resource .articles .section-wrapper .content-wrapper .inbound .list .item-wrapper {
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.resource .articles .section-wrapper .content-wrapper .popular .list .item-wrapper,
.resource .articles .section-wrapper .content-wrapper .strategy .list .item-wrapper {
    background: rgba(148, 158, 164, 0.1);
    border: 1px solid rgba(148, 158, 164, 0.04);
}

.resource .articles .section-wrapper .content-wrapper .popular .list .item-wrapper:hover,
.resource .articles .section-wrapper .content-wrapper .design .list .item-wrapper:hover,
.resource .articles .section-wrapper .content-wrapper .inbound .list .item-wrapper:hover,
.resource .articles .section-wrapper .content-wrapper .strategy .list .item-wrapper:hover {
    box-shadow: 0 13px 35px rgba(98,100,112,0.25); /* shift from inset to outset on hover*/
}

.resource .articles .section-wrapper .content-wrapper .list .item-wrapper a {
    display: block;
    padding: 12px 16px;
}

.resource .articles .section-wrapper .content-wrapper .design .list .item-wrapper a,
.resource .articles .section-wrapper .content-wrapper .inbound .list .item-wrapper a {
    color: rgba(255,255,255,0.87);
    text-shadow: 0 1px 2px rgba(0,0,0,.5);  
}

.resource .articles .section-wrapper .content-wrapper .popular .list .item-wrapper a,
.resource .articles .section-wrapper .content-wrapper .strategy .list .item-wrapper a {
    color: rgba(0,0,0,0.5);
}

.resource .articles .section-wrapper .content-wrapper .design .list .item-wrapper a:hover,
.resource .articles .section-wrapper .content-wrapper .inbound .list .item-wrapper a:hover {
    color: rgba(255,255,255,0.97);
}

.resource .articles .section-wrapper .content-wrapper .popular .list .item-wrapper a:hover,
.resource .articles .section-wrapper .content-wrapper .strategy .list .item-wrapper a:hover{
    color: currentColor;
}

/*
* —  Section Reading list
*/

.resource .reading-list .section-wrapper .content-wrapper .list .item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #e7e7e7;    
    max-width: 760px;
    margin: 0 auto;
    padding: 25px 10px;
}

.resource .reading-list .section-wrapper .content-wrapper .list .item-wrapper:last-child {
    border-bottom: 1px solid #e7e7e7; 
}

.resource .reading-list .section-wrapper .content-wrapper .list .item-wrapper .cover {
    width: 160px;
    height: 160px;
}

.resource .reading-list .section-wrapper .content-wrapper .list .item-wrapper .cover img {
    height: 100%;
}

.resource .reading-list .section-wrapper .content-wrapper .list .item-wrapper .copy {
    padding: 0 0 0 15px;
    width: 100%;
}

.resource .reading-list .section-wrapper .content-wrapper .list .item-wrapper .copy h3 {
    font-size: 16px;
    margin: 0;
}

.resource .reading-list .section-wrapper .content-wrapper .list .item-wrapper .copy span {
    font-size: 12px;
}

.resource .reading-list .section-wrapper .content-wrapper .list .item-wrapper .copy p {
    margin: 10px 0 0;
}


/* 
* === CONTACT PAGE ===
*/

.contact .contact-content {
    background: url("https://cdn2.hubspot.net/hubfs/2255688/Website/Contact/contact-bg.png") center bottom no-repeat;    
    padding: 180px 0 300px;
    background-size: 100%;
}

.contact .contact-content .hero-header-wrapper {
    max-width: 550px;
    margin: 0 auto 85px;
    text-align: center;
}

.contact .contact-content .hero-header-wrapper .hero-title {
    margin: 0 0 10px;
}

/*
* —  Contact ways - first part 
*/

.contact .contact-content .contact-ways {
    background: #2f3234;
    border-radius: 5px;
    color: #fff;
    max-width: 940px;
    margin: 0 auto;
}

.contact .contact-content .contact-ways .left,
.contact .contact-content .contact-ways .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
/**
 * lower flex basis than usual because IE don't calculate correctly
 * and we need the layout to stay side by side on larger screens
 */
    -webkit-box-flex: 1;
    -ms-flex: 1 0 40%;
        flex: 1 0 40%; 
    border-radius: 5px;    
    padding: 60px 40px;
    text-align: center;
}

.contact .contact-content .contact-ways .right {
    background: -webkit-linear-gradient(342deg,#70d0ee,#2a84d2 90%);
    background: linear-gradient(108deg,#70d0ee,#2a84d2 90%);
    -webkit-transform: scale(1.077);
        transform: scale(1.077); 
}

.contact .contact-content .contact-ways .content h2,
.contact .contact-content .contact-ways .content p {
    color: #fff;
    margin: 0 0 30px;
    text-shadow: 0 1px 2px rgba(0,0,0,.14);
}

.contact .contact-content .contact-ways .left .content .form-wrapper {
    margin: 0 auto;
    max-width: 280px;
}

.contact .contact-content .contact-ways .right .content a {
    margin: 30px 0 0;
}

/*
* —  Other ways - second part 
*/

.contact .contact-content .other-ways {
    padding: 160px 0 60px;
    text-align: center;    
}

.contact .contact-content .other-ways h2 {
    font-size: 20px;
    margin: 0 auto 30px;
    max-width: 320px;
}

.contact .contact-content .other-ways .list {
    padding: 40px 0 0;
}

.contact .contact-content .other-ways .list .item-wrapper {
    margin: 0 0 90px;
    max-width: 300px;
}

.contact .contact-content .other-ways .list .item-wrapper a {
    border: 1px solid #dbdfe0;
    border-radius: 5px;       
    display: block;
    padding: 50px 30px 30px;
    position: relative;    
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease;
}

.contact .contact-content .other-ways .list .item-wrapper a:hover {
    border-color: #0088cc;
}

.contact .contact-content .other-ways .list .item-wrapper a:before {
    content: '';
    background: #fff;
    background-size: 100% 100%;     
    width: 102px;
    height: 52px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -51px;
    top: -30px;
}

.contact .contact-content .other-ways .list .item-wrapper a.call:before {
    background-image: url("https://cdn2.hubspot.net/hubfs/2255688/Website/Contact/phone-call.svg");   
}

.contact .contact-content .other-ways .list .item-wrapper a.support:before {
    background-image: url("https://cdn2.hubspot.net/hubfs/2255688/Website/Contact/mail.svg");
}

.contact .contact-content .other-ways .list .item-wrapper h3 {
    font-size: 16px;
    margin: 0 0 4px;
}

.contact .contact-content .other-ways .list .item-wrapper p {
    font-size: 15px;
}

.contact .contact-content .other-ways .list .item-wrapper p:nth-child(-n+2){
        margin: 0 0 8px
}

/*
* —  Find us - third part 
*/

.contact .contact-content .find-us {
    border-top: 1px dotted #bdc6cf;
    max-width: 420px;
    margin: 0 auto;
}

.contact .contact-content .find-us h2 {
    font-size: 20px;
    text-align: center;
    padding: 50px 0 0;
}

.contact .contact-content .find-us h3 {
    font-size: 16px;
    text-align: center;
    padding: 50px 0 30px;
}

.contact .contact-content .find-us .get-direction-box {
    margin: 30px auto 0;
    width: 302px;
}

.contact .contact-content .find-us .get-direction-box .input-wrapper,
.contact .contact-content .find-us .get-direction-box .submit-wrapper {
    position: relative;
    padding: 12px 0 12px 40px;    
}

.contact .contact-content .find-us .get-direction-box .input-wrapper:before,
.contact .contact-content .find-us .get-direction-box .submit-wrapper:before {
    content: "\f10c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;    
    text-decoration: inherit;
    text-align: center;        
    opacity: .62;
    position: absolute;
    left: 4%;
    top: 32%;
    margin-top: -2px;
    width: 20px;
    height: 20px;

}

.contact .contact-content .find-us .get-direction-box .input-wrapper:before {
    content: "\f10c";
}

.contact .contact-content .find-us .get-direction-box .submit-wrapper:before {
    content: "\f041";
}

.contact .contact-content .find-us .get-direction-box .input-wrapper .starting-point {
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.12);
    border-radius: 0;
    box-shadow: none;    
    outline: 0;
    padding: 4px 0;
}
.contact .contact-content .find-us .get-direction-box .input-wrapper .starting-point:focus {
    border-bottom: 1px solid #0088cc;
}

.contact .contact-content .find-us .get-direction-box .submit-wrapper .direction-button {
    padding: 10px 12px;
    margin: 0;
} 

.contact .contact-content .find-us .company-info {
    margin: 30px auto 0;
    width: 302px;    
}
.contact .contact-content .find-us .company-location {
    box-shadow: rgba(178, 181, 182, 0.27) 0px 0px 0px 1px inset;
    border-radius: 5px;
    padding: 25px 0 25px 100px;
    position: relative;
}

.contact .contact-content .find-us .company-location:before {
    content: "";
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    top: 50%;
    margin-top: -34px;
    left: 4%;    
    background: url("https://cdn2.hubspot.net/hubfs/2255688/Website/Contact/icon_stockholm.svg");
    background-size: 100% 100%;
}

.contact .contact-content .find-us .company-location .company-name {
    color: #292e31;
    margin-bottom: 6px;
    font-size: 15px;    
}

.contact .contact-content .find-us .company-location .address-line1,
.contact .contact-content .find-us .company-location .address-line2,
.contact .contact-content .find-us .company-location .vat {
    font-size: 14px;
}

/* 
* === OUR TERMS & COOKIES ===
*/

.terms h2,
.terms h3,
.cookies h2,
.cookies h3 {
    margin: 0 0 20px;
}

.terms p,
.cookies p {
    margin: 0 0 32px;
}

.terms .our-terms .section-header,
.cookies .we-use-cookies .section-header {
    max-width: 600px;
    margin: 0 auto 30px;
    float: none;
    padding: 30px 0 0;
    text-align: center;
}

.terms .our-terms .section-header h1,
.cookies .we-use-cookies .section-header h1 {
    margin: 0 0 20px;
}

.terms .our-terms .content-wrapper,
.cookies .we-use-cookies .content-wrapper {
    border-top: 1px solid #d5dadf;
    padding: 60px 0;
}

/*
* —  Terms specific 
*/

.terms .our-terms {
    background: #2a6c92;
}

.terms .our-terms h1,
.terms .our-terms h2,
.terms .our-terms h3 {
    color: #fff;
}

.terms .our-terms p {
    color: rgba(255,255,255,0.6);
}

/* 
* === MISC ===
*/

/*
* —  Communications Preference Center
*/
.com-center .left {
    padding: 12px;
}

.com-center .right {
    border-radius: 4px;
    box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
    margin: 40px auto 0;
    padding: 12px;
    text-align: center;
}

/*
* —  404 Page
*/

.error-404 .section {
    padding: 150px 0;
}

.error-404 .section h1 {
    margin: 0 0 15px;
}

.error-404 .section p,
.error-404 .section ul {
    font-size: 18px;
}

.error-404 .section p {
    margin: 0 0 32px;
}

.error-404 .section ul li {
    font-size: 90%;    
}


/* Modular & Reusable Components
   ========================================================================== */

/* Delays */
.delayp1 { animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-delay: .1s;
    -o-animation-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s; }
.delayp2 { animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-delay: .2s;
    -o-animation-delay: .2s;
    transition-delay: .2s;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s; }
.delayp3 { animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-delay: .3s;
    -o-animation-delay: .3s;
    transition-delay: .3s;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s; }
.delayp4 { animation-delay: .4s;
    -moz-animation-delay: .4s;
    -webkit-animation-delay: .4s;
    -o-animation-delay: .4s;
    transition-delay: .4s;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -o-transition-delay: .4s; }
.delayp5 { animation-delay: .5s;
    -moz-animation-delay: .5s;
    -webkit-animation-delay: .5s;
    -o-animation-delay: .5s;
    transition-delay: .5s;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s; }
.delayp6 { animation-delay: .6s;
    -moz-animation-delay: .6s;
    -webkit-animation-delay: .6s;
    -o-animation-delay: .6s;
    transition-delay: .6s;
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    -o-transition-delay: .6s; }
.delayp7 { animation-delay: .7s;
    -moz-animation-delay: .7s;
    -webkit-animation-delay: .7s;
    -o-animation-delay: .7s;
    transition-delay: .7s;
    -webkit-transition-delay: .7s;
    -moz-transition-delay: .7s;
    -o-transition-delay: .7s; }
.delayp8 { animation-delay: .8s;
    -moz-animation-delay: .8s;
    -webkit-animation-delay: .8s;
    -o-animation-delay: .8s;
    transition-delay: .8s;
    -webkit-transition-delay: .8s;
    -moz-transition-delay: .8s;
    -o-transition-delay: .8s; }
.delayp9 { animation-delay: .9s;
    -moz-animation-delay: .9s;
    -webkit-animation-delay: .9s;
    -o-animation-delay: .9s;
    transition-delay: .9s;
    -webkit-transition-delay: .9s;
    -moz-transition-delay: .9s;
    -o-transition-delay: .9s; }
.delay1s { animation-delay: 1s;
    -moz-animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -o-animation-delay: 1s;
    transition-delay: 1s;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s; }
.delay2s { animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-delay: .2s;
    -o-animation-delay: .2s;
    transition-delay: .2s;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s; }


/* Standard padddings 15px, 30px, 45px */

/* Paddings */

.section-tbp {
    padding: 120px 0 150px;
}


/* Keep to these margins for consistency */
.margintop20 {margin-top: 20px;}
.margintop40 {margin-top: 40px;}
.margintop80 {margin-top: 80px;}
.margintop120 {margin-top: 120px;}

.marginbottom0  {margin-bottom: 0px;}
.marginbottom20 {margin-bottom: 20px;}
.marginbottom40 {margin-bottom: 40px;}
.marginbottom60 {margin-bottom: 60px;}
.marginbottom80 {margin-bottom: 80px;}

/* Add to show content from break point medium */
.show-medium {
    display: none;
}

/* Add to show content from break point small */
.show-small {
    display: none;
}

/* Add to show content from break point mobile */

.show-mobile {
    display: none;
}

/* Regular Flexbox reusable for Hubl, Raw HTML and Custom Modules */

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}

.row-wrap {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.direction-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.align-start {
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;
}

.align-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -ms-grid-row-align: baseline;
    align-items: baseline;
}
      
.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.align-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.justify-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

/* 
* === Arrows === 
*/

.arrow-vertical,
.arrow-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}

.arrow-vertical:after,
.arrow-horizontal:after {
    content: "";
    border: 4px solid #FF8008;
    display: block;
    width: 26px;
    height: 26px;
    border-width: 0 4px 4px 0;    
}

/* Vertical */

.arrow-vertical {
    background: -webkit-gradient(linear,left bottom, left top,from(#FF8008), to(#FFC837));
    background: -webkit-linear-gradient(bottom,#FF8008, #FFC837);
    background: -o-linear-gradient(bottom,#FF8008, #FFC837);
    background: linear-gradient(to top,#FF8008, #FFC837);    
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
            flex-direction: column;
    width: 4px;
    height: 60px;            
}

.arrow-vertical:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);    
}

/* Horizontal */

.arrow-horizontal {
    background: -webkit-gradient(linear,right top, left top,from(#FF8008), to(#FFC837));    
    background: -webkit-linear-gradient(right,#FF8008, #FFC837);    
    background: -o-linear-gradient(right,#FF8008, #FFC837);    
    background: linear-gradient(to left,#FF8008, #FFC837);    
    width: 60px;
    height: 4px;
}

.arrow-horizontal:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);    
}

/* Shadow styling */

/* For Divs */
.div-frame {
    border-radius: 3px;
    box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
}

/* For forms */
.form-frame {
    border: 1px solid #d5dadf;
    border-radius: 3px;
    box-shadow: 0 13px 35px rgba(98,100,112,0.25);
}

/* For images */
.image-frame {
    border-radius: 4px;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.07), 0 7px 17px 0 rgba(0,0,0,.1);
}

/* Borders */
.border-all {
    border: 1px solid #d5dadf;
    border-radius: 4px; 
}

.border-t { border-top: 1px solid #d5dadf; }

.border-tb {
    border-top: 1px solid #d5dadf;
    border-bottom: 1px solid #d5dadf;
}

.border-b { border-bottom: 1px solid #d5dadf; }

/* Top border styling */
.top-border-blue,
.top-border-green,
.top-border-yellow {
    border-top-style: solid;
    border-top-width: 4px;
}

.top-border-blue { border-top-color: #3594BA; }
.top-border-green { border-top-color: #359D89; }
.top-border-yellow { border-top-color: #FCAD5E; }

/* Vertical border styling */
.lvline { border-left: 7px solid #3594BA; }
.rvline { border-right: 7px solid #3594BA; }


/** 
 * CSS illustrations
 * 
 * Look at module illustrations for HTML markup 
 * 
 */
 
/* Styling for device illustrations -- might delete this module then this will be removed */
.illustrations {
    width: 800px;
    	-webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
    	-webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
}

.illustrations div {
    border-radius: 38px;
    background: #fff;
    box-shadow: inset 0 4px 7px 1px #fff, inset 0 -5px 20px rgba(173,186,204,.25), 0 2px 6px rgba(0,21,64,.14), 0 10px 20px rgba(0,21,64,.05);
}
.illustrations img {
    border: 2px solid#d9dbdd;
    border-radius: 6px;
}

/* For use on single element, else use illustrations to apply to all divs in a section */
.device-illustration {
    border-radius: 38px;
    background: #fff;
    box-shadow: inset 0 4px 7px 1px #fff, inset 0 -5px 20px rgba(173,186,204,.25), 0 2px 6px rgba(0,21,64,.14), 0 10px 20px rgba(0,21,64,.05);
}

.tablet-landscape {
    width: 512px;
    height: 352px;
    margin: 0 90px 0 0;
}

/* Phone small styling */
.phone-small {
    width: 226px;
    height: 470px;
    margin: 50px 30px 0 0;
}

.phone-small-call-icon {
    background: -webkit-linear-gradient(top, #87fc70 0%,#0bd318 100%);
    background: linear-gradient(to bottom, #87fc70 0%,#0bd318 100%);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    padding: 16px;
}

.phone-small-top {
    background-color: #313131;
    border-radius: 50%;
    margin: 20px auto 20px;
    height: 6px;
    width: 6px;
}

.phone-small-bottom {
    border: 1px inset #a6c1eb;
    border-radius: 50%;
    margin: 10px auto 20px;
    height: 30px;
    width: 30px;
}

.tablet-portrait {
    width: 450px;
    height: 675px;
    margin-top: 50px;
}

/* Class for animations - might remove to another place later */
.pulsate {
    -webkit-animation: pulsate 2.1s ease-out;
        animation: pulsate 2.1s ease-out;
    -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
}

.pulse {
    -webkit-animation: pulse 1.7s ease-out;
        animation: pulse 1.7s ease-out;
    -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
}

/* Consistency styling */

.hero-title {
    line-height: 1.0769;
}

.hero-intro-text {
    font-size: 18px;
}

.copy-kicker {
    font-size: 24px;
    margin: 0 0 20px;
}

.feature-points .section-header,
.more-info .section-header,
.stats .section-header {
    max-width: 660px;
    margin: 0 auto 20px;
    text-align: center;
}

.copy-left .section-header,
.copy-right .section-header,
.next-step .section-header { 
    -webkit-box-flex: 0;
    -ms-flex: 0 0 54%;
        flex: 0 0 54%;
    margin: 0 0 20px;
}

.copy-left .section-graphic,
.copy-right .section-graphic {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 38%;
        flex: 0 0 38%;
    margin: 0 0 20px;
}

.section-title {
    font-size: 32px;
    margin: 0 0 10px;
    line-height: 1.1;
}

.section-description {
    font-size: 18px;
}

.section-copy {
    font-size: 18px;
}

.small-copy {
    line-height: 1.4;
    font-weight: 300;
}

/* Module specific styling */

/* Module Segue WORK IN PROGRESS */
.segue .section-header {
    position: relative;
}

.segue .section-header .title-wrapper {    
    box-shadow: 0 1px 40px rgba(0, 0, 0, 0.08);
    margin: 0 0 35px auto;
    max-width: 500px;
    padding: 65px;

}


.segue .section-header .description-wrapper {
    border: 2px solid #e7e7e7;
    margin: -60px 15px 15px 30%;    
    max-width: 260px;
    height: 120px;
    padding: 25px;
    position: relative;
    z-index: -1;    

}

/* Module feature points */
.feature-points * { color: #fff; }
.feature-points {
    background: 
    -webkit-linear-gradient(left top, rgba(41, 8, 48, 0.972549), 
    rgba(82, 65, 143, 0.972549) 50%, 
    rgba(114, 183, 227, 0.972549));
    background: 
    linear-gradient(to right bottom, rgba(41, 8, 48, 0.972549), 
    rgba(82, 65, 143, 0.972549) 50%, 
    rgba(114, 183, 227, 0.972549));
}

.feature-points .content-wrapper { padding: 10px 0 0; }
.feature-points .content-wrapper .item-wrapper { 
    padding: 12px 10px 6px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 80px;
            flex: 1 0 80px;
}

.feature-points .content-wrapper .item-wrapper .icon {
    height: 40px;
    width: 40px;
    margin: 0 0 10px;
}

.feature-points .content-wrapper .item-wrapper h4 {
    font-size: 14px;
    font-weight: lighter;
    text-align: center;
}

/* 
* === Module Cards - before footer ===
*/

.cards-wrapper {
    padding: 50px 0;
}

.card-resource,
.card-article {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46%;
        flex: 0 0 46%;
    border-radius: 3px;
    box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);        
    padding: 15px 15px 30px;
    margin: 20px 0;
}

.card-info {
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.card-info:after {
    content: "";
    display: block;
    width: 30px;
    margin: 6px 0 10px
}

.card-title {
    -ms-flex: 1 0 0px;
    flex: 1 0 0;    
    font-size: 18px;
    margin: 0 0 40px;
    text-transform: uppercase;
}

/* Card resource specific */

.cards-wrapper .card-resource {
    background-image: -webkit-linear-gradient(297deg, rgb(125, 200, 221) 0%, rgb(71, 151, 185) 100%);
    background-image: linear-gradient(153deg, rgb(125, 200, 221) 0%, rgb(71, 151, 185) 100%);
    color: #fff;
}

.cards-wrapper .card-resource .card-info:after {
    border-bottom: 3px #fff solid;
}

.cards-wrapper .card-resource .card-title {
    color: #fff;
}

/* Card article specific */

.cards-wrapper .card-article .card-info:after {
    border-bottom: 3px #bdc6cf solid;
}

.cards-wrapper .card-article .post {
    display: block;
}

.cards-wrapper .card-article .post:last-child {
    margin: 20px 0 0;
}

/* 
* === Module Next Step Contact Consultation ===
*/

.next-step-consultation {
    border-bottom: 1px solid #f1f3f7;
    padding: 200px 0;
}

.next-step-consultation .section-header {
    -webkit-box-flex: 0;    
    -ms-flex: 0 0 40%;    
    flex: 0 0 40%;
}

.next-step-consultation .section-header .section-title {
    font-size: 60px;
    letter-spacing: -1.2px;    
    line-height: 1.2;
    margin: 0 0 40px;
}

.next-step-consultation .form {
    -webkit-box-flex: 0;    
    -ms-flex: 0 0 48%;    
    flex: 0 0 48%;
    padding: 20px 0;
}

.next-step-consultation .form .hs-form-field {
    margin: 0 0 30px;
    width: 100%;    
}
.next-step-consultation .form .hs_goals_challenges_text .input textarea {
    min-height: 60px !important;
}

.next-step-consultation .form .hs-form-field .input .hs-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;    
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    border: none;
    border-bottom: 1px solid #f1f3f7;
    border-radius: 0;    
    box-shadow: none;
    color: #293031;      
	font-size: 18px;
	font-weight: 400;
	min-height: 30px;
	line-height: 1;
	letter-spacing: 0;
    margin: 0;
    padding: 0;
    outline: 0;	
    text-transform: none;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;    
}

.next-step-consultation .form .hs-form-field .input .hs-input:hover,
.next-step-consultation .form .hs-form-field .input .hs-input:focus {
    border-bottom-color: #1e2122;;    
    box-shadow: 0 2px 0 #1e2122;  
}

.next-step-consultation .form .input .hs-input.invalid {
        border-bottom: 1px solid #ec8080;
}

.next-step-consultation .form .hs-form-required {
    display: none;
}

.next-step-consultation .form .hs-form .hs-error-msgs {
    bottom: -12px;
    z-index: 1;
}

.next-step-consultation .form .hs-button {
    background: -webkit-gradient(linear,left bottom, left top,from(#FF8008), to(#FFC837));
    background: -webkit-linear-gradient(bottom,#FF8008, #FFC837);
    background: linear-gradient(to top,#FF8008, #FFC837);
    margin: 30px 0 0;
}

/* 
* === Module Next Step Contact Ways ===
*/

.next-step-ways {
    border-top: 1px solid #d5dadf;
    border-bottom: 1px solid #d5dadf;    
}

.next-step-ways .section-header {
    max-width: 550px;
    margin: 0 auto 85px;
    text-align: center;
}

.next-step-ways .contact-ways {
    background: #2f3234;
    border-radius: 5px;
    color: #fff;
    max-width: 940px;
    margin: 0 auto;
}

.next-step-ways .contact-ways .left,
.next-step-ways .contact-ways .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
/**
 * lower flex basis than usual because IE don't calculate correctly
 * and we need the layout to stay side by side on larger screens
 */
    -webkit-box-flex: 1;
    -ms-flex: 1 0 40%;
        flex: 1 0 40%; 
    border-radius: 5px;    
    padding: 60px 40px;
    text-align: center;
}

.next-step-ways .contact-ways .right {
    background: -webkit-linear-gradient(342deg,#70d0ee,#2a84d2 90%);
    background: linear-gradient(108deg,#70d0ee,#2a84d2 90%);
    -webkit-transform: scale(1.077);
        transform: scale(1.077); 
}

.next-step-ways .contact-ways .content h3,
.next-step-ways .contact-ways .content p {
    color: #fff;
    margin: 0 0 30px;
    text-shadow: 0 1px 2px rgba(0,0,0,.14);
}


.next-step-ways .contact-ways .left .content .form-wrapper {
    margin: 0 auto;
    max-width: 280px;
}

.next-step-ways .contact-ways .right .content a {
    margin: 30px 0 0;
}

/* 
* === Module Next Step Phone ===
*/

.next-step-phone {
    background: -webkit-linear-gradient(top, #1ad6fd 0%,#1d62f0 100%);
    background: linear-gradient(to bottom, #1ad6fd 0%,#1d62f0 100%);   
}

.next-step-phone .phone-small {
    margin: 0 auto;    
}

.next-step-phone h2,
.next-step-phone p { 
    color: #fff;
}

.next-step-phone p {
    font-size: 14px;
    font-weight: lighter;
}

.next-step-phone a:hover {
    color: rgba(255,255,255,0.6)
}

.next-step-phone .section-header {
    background: #323232;
    border: 2px solid#d9dbdd;
    border-radius: 6px;
    width: 210px;
    height: 380px;
    margin: 0 auto;
    padding: 30px 10px;
}

.next-step-phone .section-description {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
}

.next-step .section-graphic {
    max-width: 200px;
}

/* Social Media Custom Icons */
.inlink-social-icon ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.inlink-social-icon ul li {
    margin: 8px;
}

.inlink-social-icon .fa {
    color: rgba(0,0,0,0.5);
    font-size: 20px;
}

.inlink-social-icon .fa:hover {
    color: rgba(0,0,0,0.8);
}


/* ==========================================================================
   Footer
   ========================================================================== */

.global-footer {
    background: #f7f9fd;
    border-top: 2px solid rgba(207,215,223,.25);
    padding: 60px 0;
}

.global-footer .colorize {
    color: #737c87;
    -webkit-transition: color .1s ease;
        transition: color .1s ease;
}

.global-footer .colorize:hover {
    color: #292e31;
}


.global-footer .nav-wrapper {
        display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

.global-footer .nav-wrapper .nav-section-links {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
        flex: 0 0 20%;
    font-size: 14px;
    margin: 0 0 15px;
}

.global-footer .nav-wrapper .nav-section-links h4 {
    color: #464a50;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.global-footer .nav-wrapper .nav-section-links .phone:before {
    background: #ccc;
    content: "";
    display: block;
    width: 48px;
    height: 1px;
}

.global-footer .nav-wrapper .nav-section-links .phone {
    margin: 16px 0 0;
}

.global-footer .nav-wrapper .nav-section-links .phone .tagline {
    font-size: 12px;     
    margin: 7px 0 10px;
}

.global-footer .nav-wrapper .nav-section-links .phone a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}

.global-footer .nav-wrapper .nav-section-links .phone a figure {
    background: #007AFF;
    border-radius: 50%;
    box-shadow: 0 2px 6px 0 rgba(23, 28, 33, .27);    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;    
    width: 40px;
    height: 40px;
    margin: 0 5px 0 0;
    padding: 12px;    
}

.global-footer .nav-wrapper .nav-section-links .phone a:hover figure {
    background: -webkit-gradient(linear, left top, left bottom, from(#87fc70),to(#0bd318));
    background: linear-gradient(to bottom, #87fc70 0%,#0bd318 100%);
}

.global-footer .nav-section-logo {
    text-align: center;
    padding: 30px 0;
}

.global-footer .nav-section-logo svg {
    width: 100px;
    height: 40px;
}

.global-footer .nav-section-logo .tagline {
    font-size: 14px;
    margin: 7px 0 0;
    letter-spacing: 1.2px;
}

.global-footer .nav-section-logo .agency-badge {
	display: block;
	margin: 10px auto 0;
	max-width: 200px;
}

.global-footer .nav-section-copyright {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;    
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: rgba(0,0,0,0.5);
    font-size: 14px;
    padding: 0 5px;
}

.global-footer .nav-section-copyright small {
    margin: 0 0 10px;
    text-align: center;
}

.global-footer .nav-section-copyright .fa-heart:hover {
    color: #FF0000;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-animation: pulse 1.1s linear infinite;
    animation: pulse 1.1s linear infinite;
}

/* 
* === COPYRIGHT FOOTER ===
*/

.copyright-footer {
    font-size: 14px;
    text-align: center;
    padding: 30px 0;
}


/* Back to Top */
.container-fluid .row-fluid .back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: auto;
    font-size: 20px;
    padding: 1px 8px 4px;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #34495e;
    background: rgba(52,73,94,0.6);
    cursor: pointer;
}
.back-to-top a {
    color: #02172c;
}


.back-to-top {
        display: none !important;
}

/* ==========================================================================


   3. MAIN NAVIGATION                                            


   ========================================================================== */

 /* Set ul background color */
 /* Set li background Color */
 /* Set link Color */
 /* Set link Hover Color */

/* ==========================================================================
   Custom Menu Primary
   ========================================================================== */


@media (max-width: 992px){


  /* Variables
     ========================================================================== */

     /* Set Mobile Menu Background Color */
        /* Set Link Color */
   /* Set Link Hover Color */
  
}


/* ==========================================================================


   4. TEMPLATE MODULE SELECTORS                                         


   ========================================================================== */


/* Common Template Selectors                                             
   ========================================================================== */


/* Landing Pages                                           
   ========================================================================== */

/* Standard Typography */
body.landing-page h2,
body.landing-page h3,
body.landing-page h4 { 
    font-weight: lighter;
}

body.landing-page p {
    font-size: 18px;
    line-height: 1.7;
    margin: 0 0 30px;
}

/* Content download disclaimer text */

.maah .hs-form .hs_submit:after,
.lig .hs-form .hs_submit:after {
    content: "Genom att fylla i formuläret kommer du få resurser från inLink som motiverar din tillväxt. Du kan avregistrera dig när du vill.";
    color: inherit;
    display: block;
    font-size: 12px;
    font-weight: 300;
    padding: 0 15px;
    text-align: center;
}

/* Styling for specific landning pages */

/* 
* === Affinity ===
*/

.affinity {
    background: -webkit-gradient(linear,left top, right top,color-stop(2%, #ffa02b),color-stop(22%, #ea671a),color-stop(44%, #de371f), color-stop(88%, #9b113b));
    background: -webkit-linear-gradient(left,#ffa02b 2%,#ea671a 22%,#de371f 44%, #9b113b 88%);
    background: -o-linear-gradient(left,#ffa02b 2%,#ea671a 22%,#de371f 44%, #9b113b 88%);
    background: linear-gradient(to right,#ffa02b 2%,#ea671a 22%,#de371f 44%, #9b113b 88%);
}

.affinity section {
    height: 100vh;        
}

.affinity .logo-nav .colorize {
    color: #fff;
}

.affinity .logo-nav svg * {
    fill: currentColor;
}

.affinity .left,
.affinity .right {
    -webkit-box-flex: 0;    
    -ms-flex: 0 0 46%;    
    flex: 0 0 46%;
}

.affinity .left .title {
    color: #fff;
    font-size: 60px;
    font-weight: 500;
    margin: 0 0 10px;
    line-height: 1.1;    
}

.affinity .left .copy p {
    color: #fff;
    font-size: 18px;
    margin: 0 0 6px;
}

.affinity .right {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 9px 36px 6px rgba(0,0,0,.5);
    min-height: 420px;
    max-width: 380px;
    padding: 40px;
    text-align: center;   
}

.affinity .right .title {
    font-size: 32px;
}

.affinity .right .subscribe-copy {
    font-size: 14px;
}

.affinity .right .hs-form {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff;
    border-radius: 75px;
    border: 1px solid #dcdcdc;
    margin: 20px 0;
    padding: 3px 3px 3px 6px;
    width: 100%;
}

.affinity .right .hs-form  .hs-form-field {
    margin: 0;
    width: 80%;
}

.affinity .right .hs-form .hs-input {
    box-shadow: none;
    border: none;
    border-radius: 0;
    line-height: 1;
    height: 20px;
    margin: 0;
    padding: 0;    
}

.affinity .right  .hs-form .hs-form-required {
    display: none;
}

.affinity .right .hs-form .hs-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    background: #00c853;
    border-radius: 50%;
    margin: 0;
    height: 40px;
    width: 40px;
    padding: 10px;
}

.affinity .copyright-footer {
    color: rgba(255,255,255,.7);
}

/* 
* === Desire ===
*/

.desire .logo-nav {
    text-align: left;
}

.desire .logo-nav .colorize { 
    color: #4D4D4D; 
}

.desire .logo-nav svg * {
    fill: currentColor;
}

.desire {
    background: -webkit-gradient(linear,left top, right top,color-stop(48, #fff), color-stop(48%, #FF8008), to(#FFC837));
    background: linear-gradient(to right,#fff 48%, #FF8008 48%, #FFC837);
}

/* Left side */

.desire .left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 42%;
    flex: 0 0 42%;
}

.desire .left .header-wrapper:before {
    background: -webkit-gradient(linear,left top, right top,from(#FF8008), to(#FFC837));
    background: linear-gradient(to right,#FF8008, #FFC837);    
    content: "";
    margin: 40px 0;
    display: block;
    width: 32px;
    height: 4px;
}

.desire .left .header-wrapper .title {
    font-size: 72px;
    font-weight: 400;       
    line-height: .95;
    letter-spacing: -4px;
    margin: 0 0 32px;
}

.desire .left .content-wrapper .content h2 {
    margin: 0 0 10px;
}

.desire .left .content-wrapper .content p {
    font-size: 18px;
}

.desire .left .content-wrapper .content p,
.desire .left .content-wrapper .content ul, 
.desire .left .content-wrapper .content ol {
    margin: 0 0 30px;
}

.desire .left .content-wrapper .content .dot-ul li:before {
    color: #ff8008;
}

.desire .certifications {
    border-top: #ebf0fa solid 1px;
    padding: 16px 0;
    text-align: center;
}

.desire .certifications .title {
    font-size: 14px;
    margin: 0 0 15px;
    text-transform: uppercase;
}

.desire .certifications .hubspot-badge {
    max-width: 200px;
    margin: 0 auto;    
}

/* Right side */

.desire .right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    position: relative;
}

/* Form stying */

.desire .right .form {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 4px 12px 3px rgba(16, 16, 40, 0.11), 0 1px 6px 1px rgba(0, 0, 0, 0.17);
    max-width: 500px;
    margin: 0 auto;
    padding: 40px 15px 45px;
    position: fixed;
    width: 100%;
}

.desire .right .form .hs-form-field {
    margin: 0 0 30px;
    height: 50px;
    width: 100%;    
}

.desire .right .form .hs-form-field .input .hs-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;    
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    border: none;
    border-bottom: 1px solid #f1f3f7;
    border-radius: 0;    
    box-shadow: none;
    color: #293031;      
	font-size: 18px;
	font-weight: 400;
	height: 30px;
	min-height: 1px;
	line-height: 1;
	letter-spacing: 0;
    margin: 0;
    padding: 0;
    outline: 0;	
    text-transform: none;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;    
}

.desire .right .form .hs-form-field .input .hs-input:hover {
    border-bottom-color: #1e2122;;    
    box-shadow: 0 1px 0 #1e2122;  
}

.desire .right .form .hs-form-field .input .hs-input:focus {
    box-shadow: 0 1px 0 #1e2122;  
}

.desire .right .form .input .hs-input.invalid {
        border-bottom: 1px solid #ec8080;
}

.desire .right .form .hs-form-required {
    display: none;
}

.desire .right .form .hs-form .hs-error-msgs {
    bottom: -12px;
    z-index: 1;
}

.desire .right .form .hs-button {
    background: -webkit-gradient(linear,left top, right top,from(#232526), to(#414345));
    background: linear-gradient(to right,#232526, #414345);
    margin: 30px 0 0;
}

/* Align footer */

.desire .copyright-footer {
    color: rgba(255,255,255,.7);
    text-align: right;
}

/* 
* === MAAH ===
*/

.maah section {
    padding: 30px 0 70px;
}

.maah .header-wrapper .title {
    margin: 0 auto 32px;
    max-width: 500px;
    text-align: center;
}

.maah .cover {
    border-radius: 4px;
    box-shadow: 0px 9px 27px rgba(0, 0, 0, 0.4);    
    margin: 0 auto -40px;
    max-width: 300px;
    width: 90%;
    position: relative;
    z-index: -1;    
}

.maah .cover img {
    border-radius: 4px;
}

.maah .content-wrapper {
    background: -webkit-linear-gradient(left,#fff 50%, #166e97 50%, #83d6fc 100%);
    background: linear-gradient(to right,#fff 50%, #166e97 50%, #83d6fc 100%);
    border-radius: 4px;
    box-shadow: 0 7px 17px rgba(0,0,0,.3);
}

.maah .content-wrapper .content {
    background: #fff;
}

.maah .content-wrapper .content h2,
.maah .content-wrapper .content h3 {
    margin: 0 0 10px;
}

.maah .content-wrapper .content p {
    color: rgba(0,0,0,.8);        
    font-size: 18px;
    margin: 0 0 16px;
}

.maah .content-wrapper .content ul,
.maah .content-wrapper .content ol {
    margin: 0 0 22px;
}

.maah .content-wrapper .content,
.maah .content-wrapper .form {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;
    padding: 50px 25px 55px;    
}

.maah .content-wrapper .form {
    color: #fff;
}

.maah .content-wrapper .form .form-copy {
    color: inherit;
    margin: 0 auto 30px;
    max-width: 320px;
    text-align: center;
}

.maah .content-wrapper .form .hs-form {
    max-width: 400px;
    margin: 0 auto;
}

.maah .content-wrapper .form .hs-form .hs-button {
    width: 100%;
}

/* 
* === COGNITION ===
*/

body.cognition .body-container-wrapper { padding-top: 0; }
body.cognition .widget-type-logo {
    max-width: 100px;
    margin: 20px 0;
}

body.cognition .form-container { margin-top: -60px }
body.cognition .footer-container { background: #fbfbfc; }

/* 
* === DOGMA ===
*/

body.dogma .body-container-wrapper { padding-top: 0 }
body.dogma .banner-bg {}
body.dogma .bg-banner-wrap {}


body.dogma .widget-type-logo img {
    max-width: 100px;
    margin: 20px 0;
    z-index: 30;
}

body.dogma .banner-image,
body.dogma .banner-textbox {
    position: relative;
}

body.dogma .banner-textbox h1,
body.dogma .banner-textbox h2,
body.dogma .banner-textbox h3,
body.dogma .banner-textbox h4,
body.dogma .banner-textbox p,
body.dogma .banner-textbox ul {
    color: #fff !important;
}

body.dogma .form-container { margin-top: -80px }

body.dogma .form-container .widget-type-form {
    max-width: 600px;
    float: none !important;
    margin: 0 auto !important;
}

body.dogma .hs-button.primary { 
    background: #50C17E;
    width: 100%;
    margin: 15px auto;
}

body.dogma .hs-richtext { padding: 0 15px 15px; }
body.dogma .hs_submit { padding: 0 5px }
body.dogma .footer-container { background: #fbfbfc; }


/* 
* === LIG - LinkedIn ===
*/

.lig .logo-nav .colorize { 
    color: #fff; 
}

.lig .logo-nav svg * {
    fill: currentColor;
}

.lig {
    background: url("https://cdn2.hubspot.net/hubfs/2255688/Website/img/2017/lp/lig/bg-dark-desk.jpg") center / cover no-repeat;
}

.lig section {
    color: #fff;
    height: 100%;
    min-height: 100vh;
}

.lig section .section-wrapper {
    background: rgba(21, 24, 27, .7);
    box-shadow: 0 7px 28px rgba(0, 0, 0, 0.77);
    border-radius: 4px;    
    max-width: 500px;
    margin: 0 auto 0 0;
    padding: 30px;
}

.lig section .section-wrapper .header-wrapper,
.lig section .section-wrapper .content,
.lig section .section-wrapper .content p {
    margin: 0 0 30px;
}

.lig section .section-wrapper .header-wrapper {
    max-width: 400px;
}

.lig section .section-wrapper .header-wrapper h1 {
    font-weight: 500;
    color: #fff;
}

.lig section .section-wrapper .content h2 {
    color: #ffb100;
}

.lig section .section-wrapper .content p {
    color: #fff;
    font-size: 18px;
}

.lig section .section-wrapper .hs-form .hs-button {
    width: 100%;
}

.lig section .section-wrapper .lig-cta {
    background: -webkit-gradient(linear, left bottom, left top, from(#42b1bc), color-stop(#08aecc), color-stop(#208bc4), to(#505be8));
    background: -webkit-linear-gradient(bottom, #42b1bc, #08aecc, #208bc4, #505be8);
    background: linear-gradient(to top, #42b1bc, #08aecc, #208bc4, #505be8);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;    
    height: 80px;
}

.lig .copyright-footer {
    color: #fff;
}

/* 
* === RECIPROCITY - TYP ===
*/

.reciprocity {
    background: #f7f9fd;
}

.reciprocity .content-wrapper h1,
.reciprocity .content-wrapper h2,
.reciprocity .content-wrapper h3 {
    margin: 0 0 16px;
}

.reciprocity .content-wrapper p {
    color: rgba(0,0,0,.8);       
    font-size: 18px;
    margin: 0 0 16px;
}

.reciprocity .content-wrapper {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.07), 0 5px 12px rgba(0, 0, 0, 0.37);
    margin: 30px 0 0;
    padding: 40px 15px 60px
}

.reciprocity .content-wrapper .left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 52%;
        flex: 0 0 52%;
    margin: 0 0 60px;
}

.reciprocity .content-wrapper .right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
        flex: 0 0 35%; 
}

.reciprocity .content-wrapper .right .resources {
    border: 1px solid #dbdfe0;
    border-radius: 5px;
    box-shadow: 0 3px 9px rgba(0,0,0,.17);    
    margin: 0 0 60px;
    padding: 30px 15px;
}

.reciprocity .content-wrapper .right .resources .cta-wrapper {
    margin: 30px 0 0;
}

.reciprocity .content-wrapper .right .feed {
    border: 1px solid #dbdfe0;
    border-radius: 5px;
    box-shadow: 0 3px 9px rgba(0,0,0,.17);    
    padding: 30px 15px;    
}

.reciprocity .content-wrapper .right .feed .hs-rss-title {
    display: block;
}

/* ==========================================================================


   5. COS COMPONENTS                                        


   ========================================================================== */
   
/* 
* === HARMONIZED BLOG STYLING ===
*/

/* Styling */

.blog blockquote:before {
    content: "\275D";
    border-radius: 50%;        
    box-shadow: 0 4px 8px -2px rgba(0,0,0,0.17);
    display: block;    
    font-size: 62px;
    margin: -30px auto 30px;
    width: 60px;
    height: 60px;
}

/*
.blog blockquote {
    background: -webkit-linear-gradient(59deg,#3368bd,#e40d97);
    background: linear-gradient(31deg,#3368bd,#e40d97);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif !important;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.46;    
    margin: 20px auto 40px;
    max-width: 600px;
    text-align: center;
}
*/
.blog blockquote {
    font-family: 'Montserrat', Helvetica, Arial, sans-serif !important;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.46;    
    margin: 20px auto 40px;
    max-width: 600px;
    text-align: center;
}

.hs-blog-post .blog-post .post-body blockquote p {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
}


.blog blockquote:after {
    background: #ccc;
    content: "";
    display: block;    
    margin: 35px auto 0;
    width: 32px;
    height: 1px;
}


/*    
.blog blockquote p {
    background: -webkit-linear-gradient(59deg,#3368bd,#e40d97);
    background: linear-gradient(31deg,#3368bd,#e40d97);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif !important;
}
*/
.blog figure {
    text-align: center;
}

.blog figure figcaption {
    font-style: italic;
    color: #999;
    margin: -15px 0 30px;
    padding: 6px 12px;
    font-size: 14px;
}

.blog .copy-stand-out {
  background: #d7efee;
    margin: 40px 0;
    padding: 15px;
}

.blog .copy-stand-out p {
    font-size: 17px !important;
}

/* Typography */

.hs-blog-listing .post-item .post-body p,
.hs-blog-listing .post-item .post-body ul,
.hs-blog-listing .post-item .post-body ol,
.hs-blog-post .blog-post .post-body p,
.hs-blog-post .blog-post .post-body ul, 
.hs-blog-post .blog-post .post-body ol {
    color: #232323;
    font-family: 'Merriweather', Georgia, Times, Times New Roman, serif;
    font-weight: 300;
}

/* Hide topic count */

.blog .filter-link-count {
    display: none;
}

/* Author profile */


.blog .about-author {
    max-width: 700px;
    margin: 60px auto 120px;
}

.blog .about-author .tagline {
    color: rgba(0,0,0,.6);  
    font-size: 12px;
    margin: 0 0 30px;
    text-transform: uppercase;      
    white-space: nowrap;
}

.blog .about-author .tagline:after {
    content: "";
    display: block;
    background: rgba(0, 0, 0, 0.05);
    margin: 0 0 0 30px;    
    width: 100%;
    height: 1px;
}

.blog .author-avatar {
    -webkit-box-flex: 0;    
    -ms-flex: 0 0 20%;    
    flex: 0 0 20%;
}

.blog .author-avatar img {
    border-radius: 50%;
    box-shadow: 0 7px 21px rgba(22, 44, 99, 0.21);
    width: 128px;
}

.blog .author-details {
    -webkit-box-flex: 0;    
    -ms-flex: 0 0 72%;    
    flex: 0 0 72%;
}

.blog .author-details  .name {
    font-size: 16px;
    margin: 0 0 10px;
}

.blog .author-details  .name a {    
    color: rgba(0, 0, 0, .8);
}

.blog .author-details .bio {
    color: rgba(0,0,0,.8);
    font-size: 14px;
    line-height: 1.8;
}

.blog .author-details .social {
    margin: 10px 0 0;
}

.blog .author-details .social ul li {
    margin: 0 10px 0 0;
}

.blog .author-details .social ul li:empty {
    display: none   !important;
}


.blog .author-details .social ul li .fa {
    color: rgba(0,0,0,0.4);
    font-size: 18px;
}

.blog .author-details .social ul li .fa:hover {
    color: rgba(0,0,0,0.8);
}

/* Post header */

.blog .post-item .post-header {
    position: relative;
}

/* Blog form e-mail subscribe */

/* Listing page specific */
.hs-blog-listing .newsletter-signup {
    margin: 0 0 40px;
}

/* Post page specific */
.hs-blog-post .newsletter-signup {
    margin: 70px 0 0;
}

.blog .newsletter-signup .signup-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0,0,0,.03);    
    max-width: 760px;
    margin: 0 auto;
    padding: 12px 8px;
}

.blog  .newsletter-signup .signup-wrapper .content {
    -ms-flex: 0 0 58%;
        flex: 0 0 58%;    
}

.blog .newsletter-signup .signup-wrapper .content .signup-copy {
    color: rgba(0,0,0,.8);      
    font-size: 14px;
}

.blog  .newsletter-signup .signup-wrapper .hs_cos_wrapper_type_form {
    -ms-flex: 0 0 38%;
        flex: 0 0 38%;
}

.blog  .newsletter-signup .signup-wrapper .hs_cos_wrapper_type_form .response {
    font-size: 14px;    
    box-shadow: 0px 3px 9px rgba(0, 22, 66, 0.3);
    border-radius: 6px;
    padding: 8px 4px;
}

.blog .newsletter-signup .signup-wrapper .hs-form {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;        
    background: #fff;    
    border-radius: 75px;
    border: 1px solid rgba(5, 30, 48, 0.05);
    margin: 10px 0;
    padding: 3px 3px 3px 6px;
    width: 100%;    
}

.blog .newsletter-signup .signup-wrapper .hs-form .hs-form-field {
    margin: 0;
    width: 80%;
}

.blog .newsletter-signup .hs-form .hs-input {
    box-shadow: none;
    border: none;
    border-radius: 0;
    line-height: 1;
    height: 20px;
    margin: 0;
    padding: 0;    
}

.blog .newsletter-signup .signup-wrapper .hs-form .hs-input.invalid {
    border-bottom: 1px solid #ec8080;
}

.blog .newsletter-signup .signup-wrapper .hs-form .hs-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    background: #00c853;        
    border-radius: 50%;    
    margin: 0;
    height: 40px;
    width: 40px;
    padding: 10px;    
}

.blog .newsletter-signup .signup-wrapper .hs-form .hs-form-required {
    display: none;
}

/* Featured image */

.hs-blog-listing .post-item .post-header .featured-image img,
.hs-blog-post .blog-post .post-header .featured-image img {
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0, 21, 64, 0.21), 0 7px 14px rgba(0, 21, 64, 0.07);
}

/* Meta Links - Author + Topic + Date */

.blog .meta-wrapper {
    margin: 20px 0;
    line-height: 1.4;
}

.blog .avatar-image {
    height: 40px;
    width: 40px;
    border-radius: 50%;
}

.blog .meta-item-wrapper { 
    font-size: 12px;
    padding: 0 0 0 10px;
}

.blog .author,
.blog .topic,
.blog .author-link,
.blog .topic-link {
    color: rgba(0,0,0,.85);
}

.blog .author-link:hover,
.blog .topic-link:hover {
    text-decoration: underline;    
}

.blog .post-meta {
    color: rgba(0,0,0,.6);
    margin: 3px 0 0;    
}

.blog .separator {
    padding: 0 5px;
}


/* 
* === BLOG LISTING SPECIFIC ===
*/

/* Blog hero header */
.hs-blog-listing .blog-header {
    background: -webkit-linear-gradient(top, #c644fc 0%,#5856d6 100%);
    background: linear-gradient(to bottom, #c644fc 0%,#5856d6 100%);
    padding: 120px 0 0;
}
.hs-blog-listing .blog-header .blog-header-wrapper {
    max-width: 300px;
    margin: 0 auto;
    padding: 0 0 60px;
    text-align: center;
}

.hs-blog-listing .blog-header .blog-header-wrapper .blog-title {
    color: #fff;
}

.hs-blog-listing .blog-header .blog-header-wrapper .blog-intro-text {
    color: rgba(255,255,255,0.6);
}

/* Blog Navbar - RSS & Topics */

.hs-blog-listing .blog-header .blog-nav {
    background: #fff;
    padding: 10px;
}

/* RSS */

.hs-blog-listing .blog-header .rss {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #eee;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.07);
    height: 30px;
    width: 30px;    
}

.hs-blog-listing .blog-header .rss .rss-icon {
    color: rgba(0,0,0,0.5);
    padding: 0 6px
}

.hs-blog-listing .blog-header .rss .rss-icon:hover {
    color: #292e31;
}

/* Wrapper for listing pages */
.hs-blog-listing .blog-listing-wrapper {
    padding-bottom: 120px;
}

/* Article */
.hs-blog-listing .post-item {
    max-width: 660px;
    min-height: 60px;
    margin: 0 auto 80px;
    padding: 0 0 12px;    
}

/* Padding for content after feature image */
.hs-blog-listing .post-item .post-header .title,
.hs-blog-listing .post-item .post-header .meta-wrapper,
.hs-blog-listing .post-item .post-body,
.hs-blog-listing .read-more-wrapper {
    padding: 0 5px 10px;
}

/* Post header */

.hs-blog-listing .post-item .post-header .featured-image img {
    width: 100%;
    height: 260px;
}

.hs-blog-listing .post-item .post-header .title {
    font-size: 32px;
    margin: 10px 0 0;
}

.hs-blog-listing .post-item .post-header .title .colorize,
.hs-blog-listing .post-item .post-header .title .colorize:hover {
    color: inherit;
}

/* Post body */

.hs-blog-listing .post-item .post-body p {
    margin: 0 0 10px;
}

.hs-blog-listing .post-item .post-body ul, 
.hs-blog-listing .post-item .post-body ol {
    margin: 0 0 15px 25px;
}

.hs-blog-listing .post-item .post-body ul {
    list-style-type: disc;
}

.hs-blog-listing .post-item .post-body ol {
    list-style-type: decimal;
}

.hs-blog-listing .post-item .post-body ul li,
.hs-blog-listing .post-item .post-body ol li {
    font-size: 95%;    
    margin: 0 0 5px;
}

/* Read more button */

.hs-blog-listing .read-more-wrapper .read-more-link {
    background: #fff;
    border: 1px solid #0088cc;
    border-radius: 2px;
    font-size: 12px;
    letter-spacing: .23px;    
    padding: 10px 14px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    transition: all 0.3s  
}

.hs-blog-listing .read-more-wrapper .read-more-link:hover {
    background: #1da1db;
    border: 1px solid #1da1db;
    color: #fff;
}

/* Pagination */
/* pagination link clases
.pagination a.previous-posts-link {}
.pagination a.all-posts-link {}
.pagination a.next-posts-link {}
*/

.hs-blog-listing .pagination {
    font-size: 14px;
    padding: 40px 0;
}

.hs-blog-listing .pagination a {
    border: 1px solid #eee;
    border-radius: 4px;
    color: #ff9835;
    text-transform: uppercase;
    padding: 12px 16px;
}

.hs-blog-listing .pagination a:hover  {
    box-shadow: 0 13px 35px rgba(98,100,112,0.25);
}

.hs-blog-listing .pagination ul li {
    margin: 40px;
}

.hs-blog-listing .pagination ul li:empty {
    display: none   !important;
}

.hs-blog-listing .pagination ul li .fa {
    margin-left: 5px;
    margin-right: 5px;
}

/* Show all listing */

.hs-blog-listing  .post-listing-simple {
    margin: 15px 15px 10px;
    text-align: center;
}

/* Button with click open on blog listing - this should be redone to a modal popup with HTML & CSS only */
.dropdown {
    position: relative;
    display: inline-block;
}

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

.dropbtn {
    background: none;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;    
    color: rgba(0,0,0,0.5);
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;    
    font-size: 12px;
    padding: 8px 12px
}

.dropbtn:hover, .dropbtn:focus {
    border: rgba(0, 136, 204, 0.5) solid 1px;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    outline: 0;
}

.dropbtn:after {
    content: "\f107";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    margin-left: 6px;
}

.dropdown-content {    
    display: none;
    position: absolute;
    background-color: #fbfbfc;
    min-width: 240px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    overflow: auto;
    right: 0;
    z-index: 50;
}

.dropdown-content .hs_cos_wrapper_type_post_filter h3 {
    display: none; /*fix to hide H3 tag that populates with post_filter, mostly for screen readers*/
}
.dropdown-content a {
    display: block;
    color: #555;
    font-size: 14px;
    text-decoration: none;
    text-align: right;
    padding: 12px 16px;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.show {display:block;}

/* 
* === BLOG POST SPECIFIC ===
*/

.hs-blog-post .blog-post {
    padding: 0 0 150px;
    position: relative;
}

/* Blog post header */

.hs-blog-post .blog-post .post-header {
    padding: 20px 0 0;
}

.hs-blog-post .blog-post .post-header .title {
    font-size: 48px;
    line-height: 1.10;
    letter-spacing: -.25px;    
    margin: 20px 15px 20px 0;
}

.hs-blog-post .blog-post .post-header .featured-image {
    max-width: 960px;
    margin: 0 auto;
}

.hs-blog-post .blog-post .post-header .featured-image img {
    width: 100%;
    height: 400px;
}

.hs-blog-post .blog-post .post-header .social-wrapper {
    margin: 0 0 20px;
}

.hs-blog-post .blog-post .post-header .social-wrapper .label {
    font-size: 12px;
    margin: 0 0 5px;
    padding: 0 5px 0 0;
    text-transform: uppercase;
}

/* Addthis Share button class */
.at-resp-share-element .at-share-btn {
    outline: 0;
}

/* Custom sharing widget */

.social-share-inline .share-text {
    font-size: 12px;
    margin: 0 10px 0 0;
    text-transform: uppercase;
}

.social-share-inline .share-btn {
    background: -webkit-gradient(linear,right top, left bottom,color-stop(25%, rgba(246,246,246,.7)),to(rgba(93, 108, 132, 0.4)));
    background: linear-gradient(to left bottom,rgba(246,246,246,.7) 25%,rgba(93, 108, 132, 0.4) 100%);
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
            box-shadow: 0 1px 1px rgba(0,0,0,.1);    
    color: rgba(0,0,0,0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin: 0 3px;
    width: 32px;
    height: 32px;
    -webkit-transition: color .1s ease;
        transition: color .1s ease;    
}

.social-share-inline .twitter:hover {
    color: #1DA1F2;
}

.social-share-inline .facebook:hover {
    color: #3b5998;
}

.social-share-inline .linkedin:hover {
    color: #007bb6;
}

/* Post body */
.hs-blog-post .post-body {
    position: relative;
}

.hs-blog-post .post-body a:not(.cta_button) {
    border-bottom: 1px solid #A6DCF3;
    -webkit-box-shadow: inset 0 -2px 0 #A6DCF3;
            box-shadow: inset 0 -2px 0 #A6DCF3;
    color: inherit;
    -webkit-transition: background .15s cubic-bezier(0.33,0.66,0.66,1);
    transition: background .15s cubic-bezier(0.33,0.66,0.66,1);
}

.hs-blog-post .post-body a:not(.cta_button):hover,
.hs-blog-post .post-bod a:not(.cta_button):focus,
.hs-blog-post .post-bod a:not(.cta_button):active {
    background: #A6DCF3;
}


/* Wrapper for blog post body */
.hs-blog-post .blog-post-wrapper {
    max-width: 700px;
    margin: 40px auto;
}

.hs-blog-post .blog-post .post-body h2,
.hs-blog-post .blog-post .post-body h3,
.hs-blog-post .blog-post .post-body h4 {
    font-weight: 600;
    letter-spacing: -.5px;
    line-height: 1.15;

}

.hs-blog-post .blog-post .post-body h2 {
    font-size: 32px;
    margin: 56px 0 10px;
}

.hs-blog-post .blog-post .post-body h3 {
    font-size: 24px;
    margin: 36px 0 10px;
}

.hs-blog-post .blog-post .post-body h4 {
    font-size: 24px;
    margin: 36px 0 10px;
}

.hs-blog-post .blog-post .post-body p {
    font-size: 19px;
    line-height: 1.58;
    letter-spacing: -0.07px;    
    margin: 0 0 28px;
}

.hs-blog-post .blog-post .post-body img {
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.07), 0 7px 17px 0 rgba(0,0,0,.1);
    border-radius: 4px;
    margin-top: 36px;
    margin-bottom: 36px;
}

/* Video */

.hs-blog-post .blog-post .post-body .hs-responsive-embed {
    border-radius: 4px;
    box-shadow: 0 47px 70px -20px rgba(50,50,93,.55), 0 17px 30px -10px rgba(0,0,0,.14);
    margin: 40px 0 55px;    
}

.hs-blog-post .blog-post .post-body .hs-responsive-embed .hs-responsive-embed-iframe {
    border-radius: 4px;
}

.hs-blog-post .blog-post .post-body ul,
.hs-blog-post .blog-post .post-body ol {
    font-size: 17px;
    margin: 0 0 30px 45px;
}

.hs-blog-post .blog-post .post-body ul {
    list-style-type: disc;
}

.hs-blog-post .blog-post .post-body ol {
    list-style-type: decimal;
}

.hs-blog-post .blog-post .post-body ul li,
.hs-blog-post .blog-post .post-body ol li {
    margin: 0 0 10px;
}

/* CTA section */

.hs-blog-post .cta-section {
    height: 500px;
    width: 100%;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.hs-blog-post .cta-section h2 {
    margin: 0 0 30px;
}

.hs-blog-post .hs-cta-wrapper {
	border-radius: 4px;
	box-shadow: 0 9px 29px rgba(21, 24, 27, 0.3);
	display: block;
    max-width: 540px;
    height: 260px;
    margin: 0 auto;
	text-align: center;
    position: relative;
    z-index: 50;
}

/* HS CTA wrapping SPAN tag */

.hs-blog-post .hs-cta-wrapper .hs-cta-node:before,
.hs-blog-post .hs-cta-wrapper .hs-cta-node:after {
    color: #fff;
    display: block;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin: 0 0 30px;    
    max-width: 80%;
    text-shadow: 2px 5px 10px rgba(0,0,0,0.1);    
    white-space: pre-wrap; 
}

.hs-blog-post .hs-cta-wrapper .hs-cta-node {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;    
    -webkit-box-direction: normal;    
    -ms-flex-direction: column;    
    flex-direction: column;    
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    border-radius: 4px;        
    height: 100%;
}

/* 
*- Subscribe to Blog CTA 
*/

.hs-blog-post .hs-cta-wrapper #hs-cta-359196a8-47e8-4d81-9a18-a03774f368cb:before {
  content: "Håll dig uppdaterad med vårt nyhetsbrev \A Praktiskt & endast det nödvändigaste för att hjälpa dig marknadsföra bättre & sälja mer.";
}

.hs-blog-post .hs-cta-wrapper #hs-cta-359196a8-47e8-4d81-9a18-a03774f368cb {
    background: -webkit-gradient(linear,left top, right bottom,color-stop(2%, rgba(255, 160, 43, .87)),color-stop(22%, rgba(234, 103, 26, .87)),color-stop(44%, rgba(222, 55, 31, .87)), color-stop(88%, rgba(155, 17, 59, .87)));    
    background: -webkit-linear-gradient(left top,rgba(255, 160, 43, .87) 2%,rgba(234, 103, 26, .87) 22%,rgba(222, 55, 31, .87) 44%, rgba(155, 17, 59, .87) 88%);    
    background: linear-gradient(to right bottom,rgba(255, 160, 43, .87) 2%,rgba(234, 103, 26, .87) 22%,rgba(222, 55, 31, .87) 44%, rgba(155, 17, 59, .87) 88%); 
}

/* 
*- Inbound website Campaign CTA 
*/

.hs-blog-post .hs-cta-wrapper #hs-cta-ce34c119-08a8-4ab2-9392-1898c1c7694c:before {
  content: "Gratis guide: \A 10 steg till en grundläggande inbound marketing webbplats";
}

.hs-blog-post .hs-cta-wrapper #hs-cta-ce34c119-08a8-4ab2-9392-1898c1c7694c {
    background: -webkit-gradient(linear, right top, left bottom, from(rgba(251, 70, 13, 0.87)), color-stop(36%, rgba(226, 80, 0, 0.87)), to(rgba(255, 237, 19, 0.87)));
    background: -webkit-linear-gradient(right top, rgba(251, 70, 13, 0.87), rgba(226, 80, 0, 0.87) 36%, rgba(255, 237, 19, 0.87));
    background: linear-gradient(to left bottom, rgba(251, 70, 13, 0.87), rgba(226, 80, 0, 0.87) 36%, rgba(255, 237, 19, 0.87));
}

/* 
* - Inbound Campaign CTA 
*/

.hs-blog-post .hs-cta-wrapper #hs-cta-702ab786-b41e-4300-94bb-b9e04b1606f9:before {
  content: "Gratis e-bok: \A Digital marknadsföring för IT & Telekomföretag";
}

.hs-blog-post .hs-cta-wrapper #hs-cta-702ab786-b41e-4300-94bb-b9e04b1606f9 {
    background: -webkit-radial-gradient( circle farthest-corner at right bottom, rgba(107, 7, 117, 0.76), rgba(78, 37, 80, 0.76) 28%, rgba(71, 15, 71, 0.76) 53%, rgba(19, 51, 110, 0.77) 74%, rgba(0, 16, 44, 0.77));
    background: radial-gradient( circle farthest-corner at right bottom, rgba(107, 7, 117, 0.76), rgba(78, 37, 80, 0.76) 28%, rgba(71, 15, 71, 0.76) 53%, rgba(19, 51, 110, 0.77) 74%, rgba(0, 16, 44, 0.77));    
}

/* 
*- Increase SEO traffic Campaign 
*/

.hs-blog-post .hs-cta-wrapper #hs-cta-6b369387-4b07-41e8-a81a-a0858840cc9e:before {
  content: "Gratis e-bok: \A SEO: Hur du får fler besökare till din webbplats på 21 dagar";
}

.hs-blog-post .hs-cta-wrapper #hs-cta-6b369387-4b07-41e8-a81a-a0858840cc9e {
    background-image: -webkit-linear-gradient(323deg, rgba(5, 237, 131, .87) 7%, rgba(2, 149, 236, .87));
    background-image: linear-gradient(127deg, rgba(5, 237, 131, .87) 7%, rgba(2, 149, 236, .87));
}

/* 
*- Buyer Persona Campaign CTA 
*/

.hs-blog-post .hs-cta-wrapper #hs-cta-3a6af21a-9be8-44ac-bb70-a9fb3a763903:before {
  content: "Gratis mall: \A Hur du skapar buyer personas & content för köpprocessen";
}

.hs-blog-post .hs-cta-wrapper #hs-cta-3a6af21a-9be8-44ac-bb70-a9fb3a763903 {
    background: -webkit-gradient(linear, right top, left bottom, color-stop(40%, rgba(16, 213, 225, 0.87)), color-stop(60%, rgba(55, 179, 208, 0.87)), color-stop(86%, rgba(146, 136, 245, 0.87)), to(rgba(189, 94, 185, 0.87)));
    background: -webkit-linear-gradient(right top, rgba(16, 213, 225, 0.87) 40%, rgba(55, 179, 208, 0.87) 60%, rgba(146, 136, 245, 0.87) 86%, rgba(189, 94, 185, 0.87));
    background: linear-gradient(to left bottom, rgba(16, 213, 225, 0.87) 40%, rgba(55, 179, 208, 0.87) 60%, rgba(146, 136, 245, 0.87) 86%, rgba(189, 94, 185, 0.87));
}


/* 
*- Book consultation CTA 
*/

.hs-blog-post .hs-cta-wrapper #hs-cta-0ad08ea0-5e2f-4448-9f23-9e68fe382bc2:before {
    content: "Vi kan digital marknadsföring, låt oss hjälpa dig. \A Börja med ett kostnadsfritt strategimöte och lär dig mer om hur du kan förbättra din varumärkeskännedom, få fler leads och öka försäljningen.";
}

.hs-blog-post .hs-cta-wrapper #hs-cta-0ad08ea0-5e2f-4448-9f23-9e68fe382bc2 {
    background: -webkit-linear-gradient(137deg, rgba(2, 80, 197, .77) 46%, rgba(212, 63, 141, .87));
    background: linear-gradient(-47deg, rgba(2, 80, 197, .77) 46%, rgba(212, 63, 141, .87));
}

/* Button inside hs-cta-node wrapper */

.hs-blog-post .hs-cta-wrapper .blog-cta {
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    padding: 12px 16px;
}

.hs-blog-post .hs-cta-wrapper .blog-cta:hover {
    background: rgba(255,255,255,.25);
    border: 1px solid rgba(255,255,255,0); 
}

.hs-blog-post .hs-cta-wrapper img {
    border-radius: 4px;
}

/* Temp, remove after CTA styling for all blog CTA's are done */
.hs-blog-post .cta-wrapper .cta_button img {
    height: 100%;
}

/* 
*- Start Shapes for blog CTA 
*/

.cta-section .shape-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;  
  -ms-flex-pack: center;  
  justify-content: center;
  margin: -262px 0 0;
}

.cta-section .shape-wrapper .shapes-left, .shapes-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 46%;
  flex: 0 0 46%;
  height: 100%;
}

.cta-section .shape-wrapper .row-top, .row-middle, .row-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 24px;
  width: 100%;
}

/* Left side */
.cta-section .shape-wrapper .shapes-left .row-top {
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-transform: translateY(-14px);
  -ms-transform: translateY(-14px);
  transform: translateY(-14px);
}
.cta-section .shape-wrapper .shapes-left .row-middle {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transform: translateX(-14px);
  -ms-transform: translateX(-14px);
  transform: translateX(-14px);
}
.cta-section .shape-wrapper .shapes-left .row-bottom {
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-transform: translateY(7px);
  -ms-transform: translateY(7px);
  transform: translateY(7px);
}

.cta-section .shape-wrapper .shapes-left .row-top .shape:first-child,
.cta-section .shape-wrapper .shapes-left .row-middle .shape:nth-child(even),
.cta-section .shape-wrapper .shapes-left .row-bottom .shape:first-child {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fa709a),
    to(#fee140)
  );
  background: -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
  background: linear-gradient(to right, #fa709a 0%, #fee140 100%);
}

.cta-section .shape-wrapper .shapes-left .row-top .shape:last-child,
.cta-section .shape-wrapper .shapes-left .row-middle .shape:first-child,
.cta-section .shape-wrapper .shapes-left .row-bottom .shape:nth-child(even) {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#43e97b),
    to(#38f9d7)
  );
  background: -webkit-linear-gradient(left, #43e97b 0%, #38f9d7 100%);
  background: linear-gradient(to right, #43e97b 0%, #38f9d7 100%);
}

.cta-section .shape-wrapper .shapes-left .row-top .shape:nth-child(even),
.cta-section .shape-wrapper .shapes-left .row-middle .shape:last-child,
.cta-section .shape-wrapper .shapes-left .row-bottom .shape:last-child {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#4facfe),
    to(#00f2fe)
  );
  background: -webkit-linear-gradient(left, #4facfe 0%, #00f2fe 100%);
  background: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
}

.cta-section .shape-wrapper .shapes-left .shape:first-child {
  margin: 28px 0 0 21px;
}

.cta-section .shape-wrapper .shapes-left .shape:nth-child(even) {
  margin: 7px 21px 0 0;
}

.cta-section .shape-wrapper .shapes-left .shape:last-child {
  margin: 21px 14px 0 0;
}

.cta-section .shape-wrapper .shapes-left .shape {
  box-shadow: -9px 9px 27px -9px rgba(23, 27, 31, 0.3);
}

/* Right side */
.cta-section .shape-wrapper .shapes-right .row-top {
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-transform: translateY(-21px);
  -ms-transform: translateY(-21px);
  transform: translateY(-21px);
}

.cta-section .shape-wrapper .shapes-right .row-middle {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transform: translateX(27px);
  -ms-transform: translateX(27px);
  transform: translateX(27px);
}

.cta-section .shape-wrapper .shapes-right .row-bottom {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transform: translateY(21px);
  -ms-transform: translateY(21px);
  transform: translateY(21px);
}

.cta-section .shape-wrapper .shapes-right .row-top .shape:first-child,
.cta-section .shape-wrapper .shapes-right .row-middle .shape:nth-child(even),
.cta-section .shape-wrapper .shapes-right .row-bottom .shape:first-child {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fa709a),
    to(#fee140)
  );
  background: -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
  background: linear-gradient(to right, #fa709a 0%, #fee140 100%);
}

.cta-section .shape-wrapper .shapes-right .row-top .shape:last-child,
.shapes-right .row-middle .shape:first-child,
.shapes-right .row-bottom .shape:nth-child(even) {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#43e97b),
    to(#38f9d7)
  );
  background: -webkit-linear-gradient(left, #43e97b 0%, #38f9d7 100%);
  background: linear-gradient(to right, #43e97b 0%, #38f9d7 100%);
}

.cta-section .shape-wrapper .shapes-right .row-top .shape:nth-child(even),
.cta-section .shape-wrapper .shapes-right .row-middle .shape:last-child,
.cta-section .shape-wrapper .shapes-right .row-bottom .shape:last-child {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#4facfe),
    to(#00f2fe)
  );
  background: -webkit-linear-gradient(left, #4facfe 0%, #00f2fe 100%);
  background: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
}

.cta-section .shape-wrapper .shapes-right .shape:first-child {
    margin: 0 0 7px 21px;
}

.cta-section .shape-wrapper .shapes-right .shape:nth-child(even) {
    margin: 28px 0 7px 14px;
}

.cta-section .shape-wrapper .shapes-right .shape:last-child {
    margin: 0 21px 0 14px;
}

.cta-section .shape-wrapper .shapes-right .shape {
  box-shadow: 9px 9px 27px -9px rgba(23, 27, 31, 0.3);
}

/* Shapes */
.cta-section .shape-wrapper .shape {
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: shapes-floating;
  animation-name: shapes-floating;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);    
  animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);
  -webkit-animation-duration: 4.7s;
  animation-duration: 4.7s;
}

.cta-section .shape-wrapper .shape:first-child {
  -webkit-animation-delay: -1.9s;
  animation-delay: -1.9s;
}

.cta-section .shape-wrapper .shape:nth-child(even) {
  -webkit-animation-delay: -1.2s;
  animation-delay: -1.2s;
}

.cta-section .shape-wrapper .shape:last-child {
  -webkit-animation-delay: -.7s;
  animation-delay: -.7s;
}

.cta-section .shape-wrapper .shape-small {
    border-radius: 70%/ 42% 42% 98% 98%;
    width: 42px;
    height: 37px;
}
.cta-section .shape-wrapper .shape-medium {
  border-radius: 68%/ 36% 36% 98% 98%;
  width: 62px;
  height: 57px;
}

.cta-section .shape-wrapper .shape-large {
  border-radius: 66%/ 30% 30% 100% 100%;
  width: 82px;
  height: 77px;
}

/* 
*- End Shapes for blog CTA 
*/

/* Related posts - after CTA */

.hs-blog-post .blog-post .related-posts {
    margin: 30px auto 35px;
    max-width: 900px;
    padding: 30px 0 0;
}

.hs-blog-post .blog-post .related-posts .header-title {    
    background: #fff;     
    margin: -15px auto 30px;
    text-align: center;
}

.hs-blog-post .blog-post .related-posts .related-post-wrapper {
    padding: 15px 0 0;
}

.hs-blog-post .blog-post .related-posts .related-post-wrapper .related-post-item {
    border-radius: 4px;
    box-shadow: 0 35px 70px -17px rgba(88, 89, 103, 0.57), 0px 20px 30px -7px rgba(0,0,0,.17);
    margin: 0 auto 30px;
    width: 220px;
    height: 140px;
    -webkit-transition: all .3s ease-in;
        transition: all .15s ease-in;  
}

.hs-blog-post .blog-post .related-posts .related-post-wrapper .related-post-item:hover {
    -webkit-transform: scale(1.03) translate(1%, -1%);
        transform: scale(1.03) translate(1%, -1%);
}

.hs-blog-post .blog-post .related-posts .related-post-wrapper .related-post-item .related-link {
    background: rgba(0,0,0,.6);
    border-radius: 4px;
    box-shadow: inset 0 -4px 0 #A6DCF3;    
    width: 100%;
    height: 100%;
}

.hs-blog-post .blog-post .related-posts .related-post-wrapper .related-post-item .related-title {
    color: #fff;
    font-size: 14px;
    padding: 7px 7px 11px;
}

/* Blog comments */

.hs-blog-post .blog-comments {
    background: #fafafa;    
    padding: 80px 10px;
}

.hs-blog-post .blog-comments .header {
    max-width: 380px;
    margin: 0 auto;
    text-align: center;
}

.hs-blog-post .blog-comments .header .title {
    margin: 0 0 10px;
}

.hs-blog-post .blog-comments .header .copy {
    font-size: 14px;
}

.hs-blog-post .blog-comments .post-footer {
    max-width: 600px;
    margin: 0 auto;
}

/* Comments listing */

.hs-blog-post .blog-comments .post-footer #comments-listing {
    border-bottom: 1px solid #f1f3f7;
    margin: 40px 0;
}

.hs-blog-post .blog-comments .post-footer #comments-listing .comment {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 3px;
    box-shadow: 0 1px 4px rgba(0,0,0,.03);   
    margin: 15px 0 35px;    
    padding: 10px 20px 15px;
    position: relative;
}

.hs-blog-post .blog-comments .post-footer #comments-listing .comment.depth-1:before,
.hs-blog-post .blog-comments .post-footer #comments-listing .comment.depth-2:before,
.hs-blog-post .blog-comments .post-footer #comments-listing .comment.depth-3:before {
    content: "";
    background: #fff;
    border: 1px solid;
    border-color: inherit;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-radius: 1px;
    width: 20px;
    height: 20px;    
    position: absolute;
    top: -9.97px;
    left: 30px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);     
}

.hs-blog-post .blog-comments .post-footer #comments-listing .comment.depth-1 {
    margin: 15px 0 35px 10px;
}

.hs-blog-post .blog-comments .post-footer #comments-listing .comment.depth-2 {
    margin: 15px 0 35px 20px;
}

.hs-blog-post .blog-comments .post-footer #comments-listing .comment.depth-3 {
    margin: 15px 0 35px 30px;
}

.hs-blog-post .blog-comments .post-footer #comments-listing .comment .comment-from h4 {
    font-size: 14px;
}

.hs-blog-post .blog-comments .post-footer #comments-listing .comment-date {
    color: rgba(0,0,0,.44);
    font-size: 12px;    
}

.hs-blog-post .blog-comments .post-footer #comments-listing .comment-reply-to:before {
    content: "\f0e5";
    font-family: FontAwesome;
    font-style: normal;
    font-size: 24px;
    font-weight: normal;
    text-decoration: none;
}

.hs-blog-post .blog-comments .post-footer #comments-listing .comment-reply-to {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    background: none;
    color: inherit;
    cursor: pointer;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-size: 0;
    margin: 0 0 0 auto;
    opacity: .7;
    outline: 0;    
    padding: 0;
}

.hs-blog-post .blog-comments .post-footer #comments-listing .comment-reply-to:after {
    content: 'Svara';
    display: block;    
    font-family: inherit;
    font-size: 12px;
    margin: 0 0 0 7px;
}

.hs-blog-post .blog-comments .post-footer #comments-listing .comment-reply-to:hover {
    text-decoration: none;
    opacity: 1;
}

.hs-blog-post .blog-comments .post-footer #comments-listing .comment .comment-body {
    font-size: 16px;
    padding: 10px 0;
}

.hs-blog-post .blog-comments .post-footer #comments-listing .comment .comment-body p {
    color: #464f60;
    margin: 0 0 15px;
}

/* Comment form */
.hs-blog-post .blog-comments .post-footer .hs-form {
    max-width: 600px;
    margin: 0 auto 30px;
    padding: 20px 10px;    
}

.hs-blog-post .blog-comments .post-footer .hs-form .hs-form-field > label {
    display: none;
}

.hs-blog-post .blog-comments .post-footer .hs-form input[type="text"],
.hs-blog-post .blog-comments .post-footer .hs-form input[type="email"] {
    background: none;    
    border: none;
    border-radius: inherit;
    border-bottom: 1px solid rgba(0, 0, 0, .07);    
    box-shadow: none;    
}

.hs-blog-post .blog-comments .post-footer .hs-form input[type="text"]:focus,
.hs-blog-post .blog-comments .post-footer .hs-form input[type="email"]:focus {
    background: #fff;
    border-bottom: 1px solid #1e2122;
    box-shadow: 0 1px 4px rgba(0,0,0,.03);    
}

.hs-blog-post .blog-comments .post-footer .hs-form textarea {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 3px;
    box-shadow: 0 1px 4px rgba(0,0,0,.03);
    min-height: 100px;
    resize: vertical;
}

.hs-blog-post .blog-comments .post-footer .hs-form .hs_subscribe,
.hs-blog-post .blog-comments .post-footer .hs-form .hs_blog_comment_subscribe_checkbox {
    font-weight: 400;    
    margin: 0 0 2px 8px;
    text-transform: initial;
}

.hs-blog-post .blog-comments .post-footer .hs-form .inputs-list .hs-form-booleancheckbox label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1;
}

.hs-blog-post .blog-comments .post-footer .hs-form .inputs-list .hs-form-booleancheckbox label input {
    margin: 0 7px 0 0;
}

.hs-blog-post .blog-comments .post-footer .hs-form .hs_submit {
    text-align: center;
}

.hs-blog-post .blog-comments .post-footer .hs-form .hs-input.invalid {
    border-bottom: 1px solid #ec8080;
}

/* =========================================
   Special classes for Guide, 
   but many are borrowed from Blog                                        
   ========================================= */

.chapter-pagination {
    padding: 0 0 0 22px;
    font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
}

.chapter-pagination {
    list-style-type: none;
}
.chapter-pagination li {
    border-bottom: 1px solid #fcb231;
    color: #404040;
    margin: 0 0 10px;
}

.chapter-pagination li a {
    color: #404040;
    display: block;
    padding: 10px 20px;
}

.chapter-pagination li:hover  {
    background: #fcb231;
    box-shadow: 0 13px 35px rgba(98,100,112,0.25);
    color: #3f3f3f;
}

.chapter-button-hide {
    display: none;
}

.prev-chapter,
.next-chapter {
    position: relative;
    height:40px;
    line-height: 40px;
    color:#fff;
    text-decoration: none;
    margin: 10px 8px;
    padding: 0 16px;
    width: 260px;
    font-family: 'Roboto Slab', Helvetica, Arial, sans-serif; 
}

.prev-chapter:before,
.next-chapter:after {
    content: "";
    position: absolute;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

.prev-chapter {
    background: #fec86b;
}

.prev-chapter:before {
    left: -20px;
    top: 0;
    border-right: 20px solid #fec86b;
}

.prev-chapter:hover  {
    color: #3f3f3f;
    box-shadow: 0 13px 35px rgba(98,100,112,0.25);
}

.next-chapter {
    background: #fcb231;
}

.next-chapter:after {
    right: -20px;
    top: 0;
    border-left: 20px solid #fcb231;
}

.next-chapter:hover {
    color: #3f3f3f;
    box-shadow: 0 13px 35px rgba(98,100,112,0.25);
}

.guide-intro-wrap {
    max-width: 760px;
    margin: 0 auto 30px;
    float: none;
}

.guide-body p {
    font-size: 18px;
    line-height: 1.7;
    margin: 0 0 30px;
}

.guide-body h2,
.guide-body h3,
.guide-body h4 {
    margin: 0 0 20px;
    padding: 40px 0 0;
}

.guide-pagination-wrap {
    max-width: 760px;
    margin: 0 auto !important;
    float: none !important;
}

.guide-pagination-wrap-inner {
    max-width: 460px;
    margin: 0 auto;
}

.guide-post-title {
    margin: 5px 0px;    
}

.guide-post-title h1:after {
    content : "";
    display: block;
    border-bottom: 1px solid #d5dadf;
    width: 150px;
}

.guide .blog-author-published:after {
    display: none;
}

.guide .blog-post {
    margin: 30px 0 30px;
}

/** 
 * Blog Commments 
 *
 * Custom styles are listed below, as the COS does not provide default styles.
 */

#comments-listing {
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
  margin-top: 30px;
}
.comment {
  margin: 10px 0;
  border-top: 1px solid #ccc;
  padding: 15px 0;
}
.comment-date { font-size: 13px; text-align: right; }
.comment-from { font-weight: bold; }
.comment-body { padding: 10px 0; }


/* ==========================================================================
   Forms
   ========================================================================== */

/* All Global Forms
   ========================================================================== */

/* Form Field */
body .hs-form-field { 
    color: inherit;
    letter-spacing: 0.46px;
    line-height: 1.25;
    margin: 0 0 12px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
}

body .hs-form .hs-form-required {
    margin: 0 0 0 2px;
}

body .hs-form .hs-input.invalid {
  -webkit-animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-perspective: 1000px;
          perspective: 1000px;
    border: 1px solid #ec8080;
}

body .hs-form .hs-error-msgs {    
    color: #ec8080; 
    font-size: 11px;
    font-style: italic;    
    line-height: 1;
    text-transform: initial;
    position: absolute;
    bottom: -12px;
    right: 5px;
}

/* Descriptions */
body .hs-field-desc {}

/* Labels */
body .hs-form-field > label {}

/* One Line Inputs */
body input[type="text"],
body input[type="password"], 
body input[type="datetime"], 
body input[type="datetime-local"], 
body input[type="date"], 
body input[type="month"], 
body input[type="time"], 
body input[type="week"], 
body input[type="number"], 
body input[type="email"], 
body input[type="url"], 
body input[type="search"], 
body input[type="tel"], 
body input[type="color"],
body input[type="file"],
body textarea,
body select {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075); 
    color: rgba(0,0,0,.8);    
    display: block;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400; 
    line-height: 1.42857143;    
    height: 34px;
    padding: 5px;
    width: 100%;
    -webkit-transition: box-shadow 200s cubic-bezier(0.4, 0.0, 0.2, 1);
    transition: box-shadow 200s cubic-bezier(0.4, 0.0, 0.2, 1)
}

body input[type="text"]:focus,
body input[type="password"]:focus, 
body input[type="datetime"]:focus, 
body input[type="datetime-local"]:focus, 
body input[type="date"]:focus, 
body input[type="month"]:focus, 
body input[type="time"]:focus, 
body input[type="week"]:focus, 
body input[type="number"]:focus, 
body input[type="email"]:focus, 
body input[type="url"]:focus, 
body input[type="search"]:focus, 
body input[type="tel"]:focus, 
body input[type="color"]:focus,
body input[type="file"]:focus,
body textarea:focus,
body select:focus {
    outline: 0;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08);
    
    /*
    border-color: #292e31;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
    -o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
    -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
    */
}

/* Separate Styles for Multiple Line Inputs */
body textarea {
    min-height: 64px;
    resize: none;
    overflow: auto;
}
body textarea:focus {}

/* Separate Styles for Drop Downs */

body select {}

body select:focus {}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list {}
body form.hs-form .hs-form-field ul.inputs-list li input {}

/*
body input[type="radio"] {}
body input[type="checkbox"] {}
*/

/* Required */
body input:focus:required:invalid, 
body textarea:focus:required:invalid, 
body select:focus:required:invalid {}

body input:focus:required:invalid:focus, 
body textarea:focus:required:invalid:focus, 
body select:focus:required:invalid:focus {}

/* Placeholder Text */
::-webkit-input-placeholder { /* Webkit Browsers */
    color:  rgba(41, 46, 51, 0.35);
    opacity: 1;
}

:-moz-placeholder { /* Firefox 18- */
    color:  rgba(41, 46, 51, 0.35);
    opacity: 1;
}

::-moz-placeholder { /* Firefox 19+ */
    color:  rgba(41, 46, 51, 0.35);
    opacity: 1;
}

:-ms-input-placeholder { /* IE10 */
    color:  rgba(41, 46, 51, 0.35);
    opacity: 1;
}


/* Form Module
   ========================================================================== */

/* Custom adjustment. Hiding h3 and using separator to add own H4 REMOVE ? */
.hs_cos_wrapper_type_form .form-title h3 {
    display: none !important;
}

/* Form Field */
.hs_cos_wrapper_type_form .hs-form-field {}

/* Descriptions */
.hs_cos_wrapper_type_form .hs-field-desc {}

/* Labels */
.hs_cos_wrapper_type_form label {}
.hs_cos_wrapper_type_form .hs-form-field > label {}

/* One Line Inputs */
.hs_cos_wrapper_type_form input[type="text"],
.hs_cos_wrapper_type_form input[type="password"], 
.hs_cos_wrapper_type_form input[type="datetime"], 
.hs_cos_wrapper_type_form input[type="datetime-local"], 
.hs_cos_wrapper_type_form input[type="date"], 
.hs_cos_wrapper_type_form input[type="month"], 
.hs_cos_wrapper_type_form input[type="time"], 
.hs_cos_wrapper_type_form input[type="week"], 
.hs_cos_wrapper_type_form input[type="number"], 
.hs_cos_wrapper_type_form input[type="email"], 
.hs_cos_wrapper_type_form input[type="url"], 
.hs_cos_wrapper_type_form input[type="search"], 
.hs_cos_wrapper_type_form input[type="tel"], 
.hs_cos_wrapper_type_form input[type="color"],
.hs_cos_wrapper_type_form input[type="file"],
.hs_cos_wrapper_type_form textarea,
.hs_cos_wrapper_type_form select {}

.hs_cos_wrapper_type_form input[type="text"]:focus,
.hs_cos_wrapper_type_form input[type="password"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime-local"]:focus, 
.hs_cos_wrapper_type_form input[type="date"]:focus, 
.hs_cos_wrapper_type_form input[type="month"]:focus, 
.hs_cos_wrapper_type_form input[type="time"]:focus, 
.hs_cos_wrapper_type_form input[type="week"]:focus, 
.hs_cos_wrapper_type_form input[type="number"]:focus, 
.hs_cos_wrapper_type_form input[type="email"]:focus, 
.hs_cos_wrapper_type_form input[type="url"]:focus, 
.hs_cos_wrapper_type_form input[type="search"]:focus, 
.hs_cos_wrapper_type_form input[type="tel"]:focus, 
.hs_cos_wrapper_type_form input[type="color"]:focus,
.hs_cos_wrapper_type_form input[type="file"]:focus,
.hs_cos_wrapper_type_form textarea:focus,
.hs_cos_wrapper_type_form select:focus {}

/* Separate Styles for Multiple Line Inputs */
.hs_cos_wrapper_type_form textarea {}
.hs_cos_wrapper_type_form textarea:focus {}

/* Separate Styles for Drop Downs */
.hs_cos_wrapper_type_form select {}
.hs_cos_wrapper_type_form select:focus {}

/* Multiple Selection Inputs */
.hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs_cos_wrapper_type_form input[type="radio"] {}
.hs_cos_wrapper_type_form input[type="checkbox"] {}


/* Blog Comment Form
   ========================================================================== */

/* Label */
.hs-form .hs-form-field > label {}
.hs-form label {}

/* Inputs */
.hs-form input[type="text"] {}
.hs-form input[type="text"]:focus {}

.hs-form textarea {}
.hs-form textarea:focus {}

.hs-form input[type="checkbox"] {}

/* Error */
body .hs-common-error-message {}


/* Blog Subscription Form
   ========================================================================== */


/* Custom */
.card-blogg-sub-form .hs-form {
    background: #fff;
    border: 1px solid #d5dadf;
    border-radius: 3px;
    box-shadow: 0 13px 35px rgba(98,100,112,0.25);
    max-width: 420px;
    margin: 0 auto;
    padding: 15px;
}

.card-blogg-sub-form .hs-form-required {
    display: none;
}

.card-blogg-sub-form .hs-error-msgs {
    display: none !important;
}

/* Title */
.widget-type-blog_subscribe h3 {
    display: none;
}

/* Label */
#hs_form_target_blog_subscription .hs-form-field > label {}
#hs_form_target_blog_subscription label {}

/* Inputs */
#hs_form_target_blog_subscription input[type="email"] {}
#hs_form_target_blog_subscription input[type="email"]:focus {}

#hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] {
width: auto;
margin-right: 10px;
}


/* Google Search Form
   ========================================================================== */

/* Label */
.widget-type-google_search label {}

/* Input */
.widget-type-google_search input[type="text"] {}
.widget-type-google_search input[type="focus"] {}


/* Multi Column Form
   ========================================================================== */

body .hs-form fieldset.form-columns-1 {}
body .hs-form fieldset.form-columns-1 .hs-form-field {}

body .hs-form fieldset.form-columns-2 {}
body .hs-form fieldset.form-columns-2 .hs-form-field {}

body .hs-form fieldset.form-columns-3 {}
body .hs-form fieldset.form-columns-3 .hs-form-field {}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list li input {}
body input[type="radio"] {}

/*
body input[type="checkbox"] {}
*/
body form.hs-form fieldset { max-width: none; }
body form.hs-form fieldset .hs-form-field { padding: 0 6px; }
body form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; }
body form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; }
body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; }
body form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; }

@media (max-width: 400px) {
  body form.hs-form fieldset .hs-form-field { padding: 0; }
  body form.hs-form fieldset.form-columns-3 .hs-form-field,
  body form.hs-form .form-columns-2 .hs-form-field .hs-input, 
  body form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; }
  body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; }
}




/* ==========================================================================
   Buttons                                              
   ========================================================================== */


/* All Global Buttons (Excluding CTAs)
   ========================================================================== */

body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
    cursor: pointer;
    -webkit-appearance: none;
    color: #fff;
    background: #1da1db;
    border: none;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin: 15px 0;
    padding: 20px 24px;
    letter-spacing: 0.46px;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    text-transform: uppercase;
}

body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {
    box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

body .hs-button.primary:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus {
    outline: none;
}

/* Form Module Button
   ========================================================================== */
/*
.hs_cos_wrapper_type_form .hs-button.primary.large {}
.hs_cos_wrapper_type_form .hs-button.primary.large:hover {}
.hs_cos_wrapper_type_form .hs-button.primary.large:focus {}
*/

/* Blog Comment Button
   ========================================================================== */
#add-comment-button.hs-button.primary {}
#add-comment-button.hs-button.primary:hover {}
#add-comment-button.hs-button.primary:focus {}


/* Blog Subscription Button
   ========================================================================== */
#hs_form_target_blog_subscription .hs-button.primary.large {}
#hs_form_target_blog_subscription .hs-button.primary.large:hover {}
#hs_form_target_blog_subscription .hs-button.primary.large:focus {}


/* Google Search Button
   ========================================================================== */
.widget-type-google_search .hs-button.primary {}
.widget-type-google_search .hs-button.primary:hover {}
.widget-type-google_search .hs-button.primary:focus {}


/* CTA Buttons
   ========================================================================== */

/** 
 * Override global CTA styles by wrapping the CTA module in a module group 
 * that has an ID, and use that ID to prefix your CTA selector. Example shown below.
 *
 * All overriding properties require !important tags. 
*/
#module-group-ID .cta_button {}
#module-group-ID .cta_button:hover {}
#module-group-ID .cta_button:focus {}

/* HubSpot CTA Buttons*/
.button-cta .cta_button {
    border-radius: 5px !important;
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08) !important;    
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;    
    font-family: 'Montserrat', Helvetica, Arial, sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    letter-spacing: 0.46px !important;
    padding: 18px 24px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-shadow: none !important;    
    -webkit-transition: all .15s ease !important;
    transition: all .15s ease !important;
}

.button-cta .cta_button:hover {
    box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08) !important;
    -webkit-transform: translateY(-1px) !important;
    transform: translateY(-1px) !important;
}

/* Default button styling */
.button {
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);    
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;      
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.46px;
    padding: 18px 24px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: none;    
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
}

.button:hover {
    box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

/* Button Blue */
.button-blue {
    color: #fff;
    border: 2px solid #1da1db;
    background: #1da1db;
}

.button-blue:hover {
    background: #1b96cc;
    border: 2px solid #1da1db;
    color: #fff;
}

/* Button transparent */
.button-trans {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
}

.button-trans:hover {
    background: #1da1db;
    border: 2px solid #1da1db;
    color: #fff;
}

/* Link styling */

.link-right-arrow:after {
    content: "\f061";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    left: 6px;
    position: relative;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}

.link-right-arrow:hover:after {
    left: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/* ==========================================================================


   6. MISCELLANEOUS                                      


   ========================================================================== */


/** 
 * Styles that do not fit into available sections above can go here.
 * For example, one would place 3rd party plugin overriding styles here.
 *
 * This section is NOT for 'Custom' styles.  All custom styles must go in the
 * proper sections above.
 *
 * For instance, custom header and footer styles must go in the HEADER and 
 * FOOTER sections.  Custom styles for anything in-between the header and footer 
 * (such as, styles that are unique to the HOMEPAGE only), must go in the 
 * CONTENT section.
*/

/* Circle animation */
.how-we-help .content-wrapper .animation .circle-wrapper {
  position: relative;
  width: 240px;
  height: 240px;
}

.how-we-help .content-wrapper .animation .circle-wrapper .circle-zero:before {
  content: "";
  background: rgba(0, 0, 0, 0.07);
  position: absolute;
  width: 168px;
  height: 2px;
  left: -59%;
  top: 47%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: -2;
}

.how-we-help .content-wrapper .animation .circle-wrapper .circle-zero {
  background: #3dbdf9;
  border-radius: 50%;
  box-shadow: 0px 3px 7px .7px rgba(0, 0, 0, .5);
  box-sizing: content-box; 
  height: 78px;
  width: 78px;
  position: absolute;
  top: 35%;
  left: 35%;
}

.how-we-help .content-wrapper .animation .circle-wrapper .circle-zero:after {
  content: "";
  background: rgba(21, 167, 235, .7);
  position: absolute;
  width: 18px;
  height: 1.5px;
  left: -92%;
  top: 51%;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-animation: circle-move 10s ease infinite;
          animation: circle-move 10s ease infinite;
}

.how-we-help .content-wrapper .animation .circle-wrapper .circle-one:before {
  content: "";
  background: rgba(21, 167, 235, .7);
  border-radius: 50%;
  position: absolute;
  width: 4px;
  height: 4px;
  right: -56%;
  top: 45%;
  -webkit-animation: circle-move 10s ease infinite;
          animation: circle-move 10s ease infinite;
}

.how-we-help .content-wrapper .animation .circle-wrapper .circle-one {
  border: 15px solid;
  border-color: rgba(21, 167, 235, .7) rgba(21, 167, 235, .7) transparent transparent;
  border-radius: 50%;
  box-sizing: content-box;
  height: 98px;
  width: 98px;
  position: absolute;
  top: 25%;
  left: 25%;
  z-index: -1;
  -webkit-animation: circle-move 10s ease infinite;
          animation: circle-move 10s ease infinite;
}

.how-we-help .content-wrapper .animation .circle-wrapper .circle-one:after {
  content: "";
  background: rgba(21, 167, 235, .7);
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
  left: -56%;
  top: 48%;
  -webkit-animation: circle-move 10s ease infinite;
          animation: circle-move 10s ease infinite;
}

.how-we-help .content-wrapper .animation .circle-wrapper .circle-two {
    background: rgba(0,0,0,.017);
    border: 25px solid;
    border-color: rgba(209, 25, 230, .3) transparent transparent;
    border-radius: 50%;
    box-shadow: 15px 0 25px -20px rgba(0, 0, 0, 0.65);
    box-sizing: content-box;
    height: 90px;
    width: 90px;
    position: absolute;
    top: 22%;
    left: 22%;
    z-index: -2;
    -webkit-animation: circle-move 14s ease infinite;
        animation: circle-move 14s ease infinite;
}

.how-we-help .content-wrapper .animation .circle-wrapper .circle-three {
    background: rgba(0,0,0,.012);
    border: 2px solid;
    border-color: #CE93D8 transparent;
    border-radius: 50%;
    box-sizing: content-box;
    height: 168px;
    width: 168px;
    position: absolute;
    z-index: -3;
    top: 15%;
    left: 15%;
    -webkit-animation: circle-move 15s ease infinite;
        animation: circle-move 15s ease infinite;
}

.how-we-help .content-wrapper .animation .circle-wrapper .circle-shadow {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  -webkit-filter: blur(2px);
          filter: blur(2px);
  height: 20px;
  width: 160px;
  position: absolute;
  top: 100%;
  left: 18%;
}

/* ==========================================================================


   7. MEDIA QUERIES                              


   ========================================================================== */
 
/* Media Q break points
   ========================================================================== */

@media (max-width: 1200px) {
    /* Media Q large */
    
    /* Functions */
    
    /* Start header */
    
    .global-nav .nav-section-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    
    .global-nav .nav-section-primary {
    display: none;
    }
    
    .global-nav .price-current {
        margin: 0 0 15px;    
    }
    
    .global-nav .nav-cta {
        margin: 15px 0 0;
    }  
    
    /* End header */
    
    /*  Pages */
    
    /* Inbound */
    
    .inbound .what-is-inbound .section-wrapper #inbound-phone {
    -webkit-transform: scale(1) skewX(-2deg);
        -ms-transform: scale(1) skewX(-2deg);
        transform: scale(1) skewX(-2deg);
    margin: 0 60px 0 0;    
    }
}

@media (max-width: 992px) {
    /* Media Q medium */
    
    /* Functions */
    .container-fluid .row-fluid .container,
    .container-xl {
        max-width: 940px;
        padding: 0 15px;
    }
    
    .show-medium {
        display: inherit;    
    }
    
    .hide-medium {
        display: none;
    }
}

@media (max-width: 800px) {
    /* Media Q small */
    
    /* Functions */
    
    .container-fluid .row-fluid .container {
        max-width: 748px;
    }
    
    .section-tbp {
        padding: 60px 0 75px;
    }
    
    .show-small {
        display: inherit;    
    }
    
    .shift-small {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
        order: 2;
    }

    .hide-medium {
        display: none;
    }
    
    .hide-small {
        display: none;
    }
    
    /* Blog */
    
    .hs-blog-listing .post-item .post-header .featured-image img,
    .hs-blog-post .blog-post .post-header .featured-image img {
        height: auto;
        max-height: 240px;
    }

    .guide-body p {
        font-size: 16px;
        line-height: 1.5;    
    }
        
    /* Modules */
    
    .copy-left .section-header,
    .copy-right .section-header,
    .next-step .section-header,
    .copy-left .section-graphic,
    .copy-right .section-graphic { 
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        text-align: center;
    }
    
    .next-step-consultation .section-header,
    .next-step-consultation .form {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    
    /* Pricing */

    .price #perspective .pricing-benjamin figcaption {
        left: 75px;
    }
    
    /* About */
    
    .about .how-we .copy,
    .about .how-we .section-graphic {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    
    .about .what-we-do .section-wrapper .tab-switcher li label {
        font-size: 14px;
        margin: 0;
        width: 110px;
        height: 110px
    }
    
    /* Resources */
    
    .resource .e-books .section-wrapper .content-wrapper .list .item-wrapper {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 46%;
            flex: 0 0 46%;
    }

    .resource .articles .section-wrapper .content-wrapper .popular, 
    .resource .articles .section-wrapper .content-wrapper .design, 
    .resource .articles .section-wrapper .content-wrapper .inbound, 
    .resource .articles .section-wrapper .content-wrapper .strategy {
        padding: 50px 0 55px;
    }
    
    /* Landing pages */
    
    .desire {
        background: linear-gradient(167deg,#fff 72%, #FF8008 72%, #FFC837);
    }

    .desire .logo-nav {
        text-align: center;
    }

    .desire .left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 84%;
            flex: 0 0 84%;
        margin: 0 auto;
    }

    .desire .right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 72%;
            flex: 0 0 72%;
        margin: 60px auto 30px;
    }
    
    .desire .right .form {
        position: relative;
    }
    
    .desire .copyright-footer {
        text-align: center;
    }
    
    /* Start Footer */

    .global-footer .nav-section-copyright {
        -ms-flex-pack: distribute;
        justify-content: space-around;    
    }
    
    /* End Footer */
}


@media (max-width: 600px) {
    /* Media Q mobile */ 
    
    /* Function & Styles */
    
    .container-fluid .row-fluid .container,
    .container-xl {
        padding: 0 7px;
    }
    
    .section-title {
        font-size: 24px;    
    }
    
    .show-mobile {
        display: inherit;    
    }
    
    .hide-mobile {
        display: none;
    }
    
    /* Modules */
    
    .next-step-consultation .section-header .section-title {
        font-size: 40px;
    }
    
    /* Blog */
    
    .blog  .newsletter-signup .signup-wrapper .content,
    .blog  .newsletter-signup .signup-wrapper .hs_cos_wrapper_type_form {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    
    .hs-blog-listing .post-item .post-header .title {
        font-size: 24px;
    }
    
    .hs-blog-post .blog-post .post-header .title {
        font-size: 32px;
    }
    
    .hs-blog-post .blog-post .post-body h2 {
        font-size: 24px;
    }

    .hs-blog-post .blog-post .post-body h3 {
        font-size: 20px;
    }

    .hs-blog-post .blog-post .post-body h4 {
        font-size: 20px;
    }

    .hs-blog-listing .post-item .post-header .featured-image img,
    .hs-blog-post .blog-post .post-header .featured-image img {
        max-height: 180px;
    }
    
    .hs-blog-post .blog-post .post-body p,
    body.landing-page p {
        font-size: 18px;
    }
    
    /* Modules */
    
    .next-step-consultation {
        padding: 180px 0;
    }
    
    /* Cards before footer */
    .card-resource,
    .card-article {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    
    
    /* Next step CTA & forms */
    
    .next-step-ways .contact-ways .left,
    .next-step-ways .contact-ways .right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;    
    }
    
    /* Pages */
    
    /* Homepage */
    
    .home .hero-header {
        height: 100%;
    }
    
    .home .hero-header .hero-header-wrapper {
        margin: 0 auto;
    }
    
    .home .hero-header .hero-header-wrapper .hero-title .first-sentence {
        letter-spacing: .75px;
    }

    /* Inbound */
    
    .inbound .hero-header .hero-header-wrapper h1 {
        font-size: 60px;
    }
    
    .inbound .what-is-inbound .section-wrapper .section-header .section-title {
        font-size: 50px;
    }
    
    .inbound .what-is-inbound .section-wrapper .section-header {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    }   
    
    .inbound .what-is-inbound .section-wrapper #inbound-phone {
        -webkit-transform: scale(.65) skewX(-2deg);
        -ms-transform: scale(.65) skewX(-2deg);
        transform: scale(.65) skewX(-2deg);
        -webkit-transform-origin: 50% 30%;
        -ms-transform-origin: 50% 30%;
        transform-origin: 50% 30%;
        margin: 0 auto; 
    }
    
    .inbound .our-method .section-wrapper .timeline .implementation {
        margin: 0 5px 0 10px;
    }
    
    .inbound .our-method .section-wrapper .tab-switcher li:nth-child(1),
    .inbound .our-method .section-wrapper .tab-switcher li:nth-child(2),
    .inbound .our-method .section-wrapper .tab-switcher li:nth-child(3),
    .inbound .our-method .section-wrapper .tab-switcher li:nth-child(4) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
    }
    
    .inbound .our-method .section-wrapper .tab-switcher li label {
        font-size: 13px;
        padding: 0 7px;
    }
    
    .inbound .our-method .section-wrapper .tab-wrapper .tab-content .included ul {
        height: 180px;
    }
    
    /* Growth driven page */
    
    .gdd .hero-header .hero-header-wrapper h1 {
        font-size: 60px;
    }
    
    .gdd .hero-header .hero-header-wrapper .hero-title {
        font-size: 32px;
    }
    
    .gdd .what-is-gdd .section-wrapper .section-header {
        -webkit-box-flex: 0;        
        -ms-flex: 0 0 100%;        
        flex: 0 0 100%;
    }
    
    .gdd .what-is-gdd .section-wrapper figure {
        margin: 0;
    }
    
    /* Price */
    
    .price .hero-header {
        height: 100%;
    }
    
    .price #price-packages .content-wrapper .tab-content .information,
    .price #price-faq .faq-wrapper .faq-item,
    .price #perspective .copy .left, 
    .price #perspective .copy .right,
    .price #packages-included .item-wrapper .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    }
    
    .price #price-packages .tab-switcher .package .package-details .points-big {
        font-size: 80px;
    }
    
    .price #price-packages .content-wrapper {
        height: 980px;
    }
    
    .price #price-packages .content-wrapper .tab-content {
        top: 30%;
    }
    
    .price #price-packages .content-wrapper .tab-content .dashboard {
        margin: 0 auto;
    }
    
    .price #price-packages .content-wrapper .tab-content .activities {
        height: 260px;
    }
    
    .price #price-packages .content-wrapper .tab-content .activities ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 40%;
        flex: 1 0 40%;
    }
    
    .price #perspective .copy {
        padding: 0;
    }
    
    .price #perspective .pricing-benjamin {
        position: relative;
    }
    
    .price #perspective .pricing-benjamin figcaption {
        top: 120px;
        left: -10px;
    }
    
    /* About */
    
    .about .hero-header .content-wrapper {
        border-radius: 4px;
        box-shadow: 0 -14px 16px 4px rgba(0,0,0,.1);
        margin: 60px auto -120px;
        padding: 30px 15px 45px;
        height: auto;
        width: auto;
    }
    
    .about .we-solve {
        background: -webkit-gradient(linear, left bottom, left top, color-stop(15%, #fff), to(#f8fafb));
        background: linear-gradient(to top, #fff 15%, #f8fafb);
    }
    
    .about .we-solve .content-wrapper {
        border: none;
        padding: 15px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    
    .about .know-us .cta-block .content,
    .about .know-us .cta-block .cta-wrapper {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100% 
    }
    
    .about .know-us .cta-block .cta-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
    .about .know-us .content-block {
        background: -webkit-linear-gradient(top,#fff 0%, #fff 68%, #f5f7f9 86%, #f5f7f9 100%);
        background: linear-gradient(to bottom,#fff 0%, #fff 68%, #f5f7f9 86%, #f5f7f9 100%);    
    }
    
    .about .know-us .know-more {
        border: none;
    }
    
    .about .know-us .know-more,
    .about .know-us .certifications {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 35px 0 45px;    
    }
    
    .about .know-us .badges li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 46%;
        flex: 0 0 46%;  
    }
    
    .about .company .section-wrapper .map {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        height: 300px;
    }
    
    .about .what-we-do .section-wrapper .tab-switcher li label {
        width: 144px;
        height: 40px;
        border-radius: 2px;
    }

    .about .what-we-do .section-wrapper  .tab-wrapper .tab-content {
        animation: none;
    }
    
    /* Why */
    
    .why .hero-header .hero-header-wrapper .hero-title {
        font-size: 40px;
    }
    
    .how-we-help .content-wrapper .animation,
    .how-we-help .content-wrapper .copy {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
    
    .why-usp {
        background: -webkit-linear-gradient(bottom right,#52d1d7,#28a4e4 50%,#1163a8);
        background: linear-gradient(to top left,#52d1d7,#28a4e4 50%,#1163a8);
    }
    
    .why-usp .section-header {
        margin: 0 0 40px;
    }
    
    .why-usp .section-header,
    .why-usp .content-wrapper {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
    
    .who-we-work .content-wrapper {
        padding: 60px 15px;    
    }
    
    /* Story */
    
    .story .hero-header .hero-header-wrapper .content-wrapper,
    .story .hero-header .hero-header-wrapper .photo,
    .story .hero-next-row .next-row-wrapper .content-wrapper,
    .story .hero-next-row .next-row-wrapper .photo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
    
    /* Resource */
    
    .resource .e-books .section-wrapper .content-wrapper .list .item-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }  
    
    .resource .articles .section-wrapper .content-wrapper .popular, 
    .resource .articles .section-wrapper .content-wrapper .design, 
    .resource .articles .section-wrapper .content-wrapper .inbound, 
    .resource .articles .section-wrapper .content-wrapper .strategy {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;  
    }
    
    .resource .articles .section-wrapper .top-row {
    background: -webkit-linear-gradient(top,#fff 0%, #fff 50%, #2b94c5 50%, #70bcdf 100%);
    background: linear-gradient(to bottom,#fff 0%, #fff 45%, #2b94c5 45%, #70bcdf 100%);
    }

    .resource .articles .section-wrapper .next-row {
    background: -webkit-linear-gradient(bottom,#fff 0%, #fff 50%, #ec621c 50%, #fb8c00 100%);
    background: linear-gradient(to top,#fff 0%, #fff 45%, #ec621c 45%, #fb8c00 100%);
    }

    /* Contact */
    .contact .contact-content .contact-ways .left,
    .contact .contact-content .contact-ways .right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;    
    }
    
    /* Landing Pages */
    
    .affinity section {
    height: 100%;
    }
    
    .affinity .left,
    .affinity .right {
    -webkit-box-flex: 0;    
    -ms-flex: 0 0 100%;    
    flex: 0 0 100%;
    margin: 0 0 30px;
    }

    .desire .left,
    .desire .right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        margin: 0 0 30px;
    }

    .desire .right .form {
        padding: 30px 5px 45px;
    }
    
    .maah .content-wrapper {
    background: -webkit-linear-gradient(top,#fff 50%, #166e97 50%, #83d6fc 100%);
    background: linear-gradient(to bottom,#fff 50%, #166e97 50%, #83d6fc 100%);    
    }
    
    .maah .content-wrapper .content,
    .maah .content-wrapper .form {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        padding: 50px 10px 35px;
    }
    
    .lig section .section-wrapper {
        padding: 30px 10px;    
    }
    
    .reciprocity .content-wrapper .left,
    .reciprocity .content-wrapper .right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;    
    }
    
    /* Start Footer */
    
    .global-footer .nav-wrapper .nav-section-links {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 46%;
        flex: 0 0 46%;
    }

    /* End Footer */
}


/* 
* === KEYFRAMES ===
*/

/*
* — General Keyframes - can most likely be reused —
*/

/* Drift */

@-webkit-keyframes drift {
  to { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  from { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes drift {
  to { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  from { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

/* Pulsate with opacity */

@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

@keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

/* Pulse */

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); transform: scale(1); }
    50% { -webkit-transform: scale(1.1); transform: scale(1.1); }
    100% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes pulse {
    0% { -webkit-transform: scale(1); transform: scale(1); }
    50% { -webkit-transform: scale(1.1); transform: scale(1.1); }
    100% { -webkit-transform: scale(1); transform: scale(1); }
}

/* Used at global nav on mobile view for items */

@-webkit-keyframes roll-in-top {
    0% {
    opacity: 0;
    -webkit-transform: scale(1.1) translateY(-24px);
            transform: scale(1.1) translateY(-24px);
    }
    100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    }
}
@keyframes roll-in-top {
    0% {
    opacity: 0;
    -webkit-transform: scale(1.1) translateY(-24px);
            transform: scale(1.1) translateY(-24px);
    }
    100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    }
}

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

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

/* Circle animation - why page */

@-webkit-keyframes circle-move {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  70% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes circle-move {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  70% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

/* Sphere animation */
@-webkit-keyframes rotate-sphere {
  0% {
    -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
            transform: rotateX(0) rotateY(0) rotateZ(0);
  }
  100% {
    -webkit-transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);
            transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);
  }
}

@keyframes rotate-sphere {
  0% {
    -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
            transform: rotateX(0) rotateY(0) rotateZ(0);
  }
  100% {
    -webkit-transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);
            transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);
  }
}

/* Content in */

}
@-webkit-keyframes content-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.077);
    transform: scale(1.077);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes content-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.077);
    transform: scale(1.077);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* Content out */

@-webkit-keyframes content-out {
  0% {
    opacity: 0;
    -webkit-transform: scale(.989);
    transform: scale(.989);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes content-out {
  0% {
    opacity: 0;
    -webkit-transform: scale(.989);
    transform: scale(.989);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* Shake - set perspective on element */

@-webkit-keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0);
  }

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

  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0);
  }
}
@keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0);
  }

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

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

/* Used at blog CTA section */

@-webkit-keyframes shapes-floating {
  0% {
    -webkit-transform: translateY(7px) translateX(2px) rotate(3deg);
    -ms-transform: translateY(7px) translateX(2px) rotate(3deg);
    transform: translateY(7px) translateX(2px) rotate(3deg);
  }

  100% {
    -webkit-transform: translateY(-7px) translateX(-2px) rotate(-3deg);
    -ms-transform: translateY(-7px) translateX(-2px) rotate(-3deg);
    transform: translateY(-7px) translateX(-2px) rotate(-3deg);
  }
}

@keyframes shapes-floating {
  0% {
    -webkit-transform: translateY(7px) translateX(2px) rotate(3deg);
    -ms-transform: translateY(7px) translateX(2px) rotate(3deg);
    transform: translateY(7px) translateX(2px) rotate(3deg);
  }

  100% {
    -webkit-transform: translateY(-7px) translateX(-2px) rotate(-3deg);
    -ms-transform: translateY(-7px) translateX(-2px) rotate(-3deg);
    transform: translateY(-7px) translateX(-2px) rotate(-3deg);
  }
}

/*
* — Unique Keyframes — can't most likely be reused
*/

/* Used at homepage for header */
@-webkit-keyframes star-zoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  } 
  85% {
    opacity: 1;
    -webkit-transform: scale(2.3);
            transform: scale(2.3);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2.7);
            transform: scale(2.7);
  }
}
@keyframes star-zoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  } 
  85% {
    opacity: 1;
    -webkit-transform: scale(2.3);
            transform: scale(2.3);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2.7);
            transform: scale(2.7);
  }
}

@-webkit-keyframes move-stripe {
  0%   { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; }
  25%  { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
  100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; }
}

@keyframes move-stripe {
  0%   { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; }
  25%  { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
  100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; }
}