@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Ubuntu:300,400,500,700');
/****************************************/
/* HubSpot Template - Turbo Sodium */
/* versiondate: Tue Jul 10 2018 12:04:08 GMT+0200 (CEST) */
/****************************************/
/****************************************- 0V - VARIABLES ****************************************/


















/****************************************- 1R - HUBSPOT RESET STYLES ****************************************
/* Images */
.modules-page img {
    max-width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom;
    /* Suppress the space beneath the baseline */
}

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

/* Embed Container (iFrame, .modules-page Object, .modules-page Embed) */
.modules-page .hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.modules-page .hs-responsive-embed iframe, .modules-page .hs-responsive-embed object, .modules-page .hs-responsive-embed embed {
    width: 100%;
    height: 100%;
    border: 0;
}

.modules-page .hs-responsive-embed, .modules-page .hs-responsive-embed.hs-responsive-embed-youtube, .modules-page .hs-responsive-embed.hs-responsive-embed-wistia, .modules-page .hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 2%;
}

.modules-page .hs-responsive-embed.hs-responsive-embed-instagram {
    padding-bottom: 116.01%;
}

.modules-page .hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0;
}

.modules-page .hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto;
}

.modules-page iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 568px) {
    .modules-page iframe {
        max-width: 100%;
    }
}

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

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

.modules-page .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
    margin-bottom: 20px;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
    content: " ";
    display: table;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
    content: " ";
    display: table;
    clear: both;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    max-width: 100% !important;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-horizontal > 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;
}

.modules-page .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;
    overflow: hidden;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 180px;
    top: 0;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.modules-page .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
    margin-bottom: 20px;
    min-height: 7em;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
    margin-bottom: 0;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
    position: static;
}

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

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

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

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

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

.modules-page .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;
    padding: 10px 20px;
    white-space: nowrap;
    width: auto;
    overflow: hidden;
    text-decoration: none;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 20px;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    width: auto;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
    padding: 10px 20px;
    text-decoration: none;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-vertical > 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;
    top: 0;
    left: 180px;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
    min-width: 140px;
    width: auto;
}


.modules-page .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
    max-width: 100%;
    overflow: hidden;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper, .modules-page .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    position: static;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a {
    padding-left: 4em;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a {
    padding-left: 6em;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a {
    padding-left: 8em;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a {
    padding-left: 140px;
}

.modules-page .hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}

@media (max-width: 568px) {
    .modules-page .hs-menu-wrapper, .modules-page .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

    .modules-page .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        list-style: none;
        margin: 0;
        display: block;
    }

    .modules-page .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
        display: block;
    }

    .modules-page .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
        float: none;
    }

    .modules-page .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .modules-page .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .modules-page .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;
        max-width: 100%;
        width: 100%;
    }
}

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

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

/* Blog Author Section */
.modules-page .hs-author-listing-header {
    margin: 0 0 .75em 0;
}

.modules-page .hs-author-social-links {
    display: inline-block;
}

.modules-page .hs-author-social-links a.hs-author-social-link {
    width: 24px;
    height: 24px;
    border-width: 0px;
    border: 0px;
    line-height: 24px;
    -moz-background-size: 24px 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px;
}

.modules-page .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");
}

.modules-page .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");
}

.modules-page .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");
}

.modules-page .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");
}

/* * 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 */
.modules-page .hs_cos_wrapper_type_image_slider {
    display: block;
    overflow: hidden;
}

/* Browser Resets */
.modules-page .hs_cos_flex-container a:active, .modules-page .hs_cos_flex-slider a:active, .modules-page .hs_cos_flex-container a:focus, .modules-page .hs_cos_flex-slider a:focus {
    outline: none;
}

.modules-page .hs_cos_flex-slides, .modules-page .hs_cos_flex-control-nav, .modules-page .hs_cos_flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* FlexSlider Necessary Styles*********************************/
.modules-page .hs_cos_flex-slider {
    margin: 0;
    padding: 0;
}

.modules-page .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 */
.modules-page .hs_cos_flex-slider .hs_cos_flex-slides img {
    width: 100%;
    display: block;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.modules-page .hs_cos_flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .hs_cos_flex-slides element */
.modules-page .hs_cos_flex-slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .modules-page .hs_cos_flex-slides {
    display: block;
}

.modules-page * html .hs_cos_flex-slides {
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, .modules-page such as Modernizr, .modules-page make sure you * include js that eliminates this class on page load */
/* FlexSlider Default Theme*********************************/
.modules-page .hs_cos_flex-slider {
    margin: 0 0 60px;
    background: #fff;
    border: 0;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    zoom: 1; }

.modules-page .hs_cos_flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.modules-page .loading .hs_cos_flex-viewport {
    max-height: 300px;
}

.modules-page .hs_cos_flex-slider .hs_cos_flex-slides {
    zoom: 1; }

.modules-page .carousel li {
    margin-right: 5px;
}

/* Direction Nav */
.modules-page .hs_cos_flex-direction-nav {
    *height: 0;
}

.modules-page .hs_cos_flex-direction-nav a {
    width: 30px;
    height: 30px;
    margin: -20px 0 0;
    display: block;
    background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/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;
}

.modules-page .hs_cos_flex-direction-nav .hs_cos_flex-next {
    background-position: 100% 0;
    right: -36px;
}

.modules-page .hs_cos_flex-direction-nav .hs_cos_flex-prev {
    left: -36px;
}

.modules-page .hs_cos_flex-slider:hover .hs_cos_flex-next {
    opacity: 0.8;
    right: 5px;
}

.modules-page .hs_cos_flex-slider:hover .hs_cos_flex-prev {
    opacity: 0.8;
    left: 5px;
}

.modules-page .hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .modules-page .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {
    opacity: 1;
}

.modules-page .hs_cos_flex-direction-nav .hs_cos_flex-disabled {
    opacity: 0.3 !important;
    filter: alpha(opacity=30);
    cursor: default;
}

/* Direction Nav for the Thumbnail Carousel */
.modules-page .hs_cos_flex_thumbnavs-direction-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.modules-page .hs_cos_flex_thumbnavs-direction-nav {
    *height: 0;
}

.modules-page .hs_cos_flex_thumbnavs-direction-nav a {
    width: 30px;
    height: 140px;
    margin: -60px 0 0;
    display: block;
    background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/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;
}

.modules-page .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {
    background-position: 100% 40%;
    right: 0px;
}

.modules-page .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {
    left: 0px;
}

.modules-page .hs-cos-flex-slider-control-panel img {
    cursor: pointer;
}

.modules-page .hs-cos-flex-slider-control-panel img:hover {
    opacity: .8;
}

.modules-page .hs-cos-flex-slider-control-panel {
    margin-top: -30px;
}

/* Control Nav */
.modules-page .hs_cos_flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}

.modules-page .hs_cos_flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1; *display: inline;
}

.modules-page .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;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.modules-page .hs_cos_flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}

.modules-page .hs_cos_flex-control-paging li a.hs_cos_flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default;
}

.modules-page .hs_cos_flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.modules-page .hs_cos_flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.modules-page .hs_cos_flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}

.modules-page .hs_cos_flex-control-thumbs img:hover {
    opacity: 1;
}

.modules-page .hs_cos_flex-control-thumbs .hs_cos_flex-active {
    opacity: 1;
    cursor: default;
}

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

    .modules-page .hs_cos_flex-direction-nav .hs_cos_flex-next {
        opacity: 1;
        right: 0;
    }
}

.modules-page .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: 0px 5% 0px 5%;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.modules-page .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) {
    .modules-page .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;
    }

    /* beat recaptcha into being responsive, .modules-page !importants and specificity are necessary */
    #recaptcha_area table#recaptcha_table {
        width: 300px !important;
    }

    .modules-page #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {
        width: 300px !important;
    }

    .modules-page #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 {
        width: 67px !important;
    }

    .modules-page #recaptcha_area table#recaptcha_table #recaptcha_image {
        width: 280px !important;
    }
}

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

/* Thumbnail only version of the gallery */
.modules-page .hs-gallery-thumbnails li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-right: -4px;
}

.modules-page .hs-gallery-thumbnails.fixed-height li img {
    max-height: 150px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}

/* responsive pre elements */
.modules-page pre {
    overflow-x: auto;
}

/* responsive pre tables */
.modules-page table pre {
    white-space: pre-wrap;
}

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

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

/* HTML 5 Reset */
.modules-page article, .modules-page aside, .modules-page details, .modules-page figcaption, .modules-page figure, .modules-page footer, .modules-page header, .modules-page hgroup, .modules-page nav, .modules-page section {
    display: block;
}

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

.modules-page audio:not([controls]) {
    display: none;
}

/* Support migrations from wordpress */
.modules-page .wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

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

/* Responsive Google Maps */
.modules-page #map_canvas img, .modules-page .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
.modules-page #recaptcha_table td {
    line-height: 0;
}

.modules-page .recaptchatable #recaptcha_response_field {
    min-height: 0;
    line-height: 12px;
}

/* Responsive Grid */
.modules-page .row-fluid {
    width: 100%;
    *zoom: 1; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.modules-page .container-fluid {
    *zoom: 1; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Clearfix */
.modules-page .clearfix {
    *zoom: 1; }

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

.modules-page .clearfix:after {
    clear: both;
}

/* Visibilty Classes */
.modules-page .hide {
    display: none;
}

.modules-page .show {
    display: block;
}

.modules-page .invisible {
    visibility: hidden;
}

.modules-page .hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */
.modules-page .visible-phone {
    display: none !important;
}

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

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

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

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

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

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

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

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

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

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

/*! * animate.css -//daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - //opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */
.modules-page .animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.modules-page .animated.infinite {
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.modules-page .animated.hinge {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}

.modules-page .animated.flipOutX, .modules-page .animated.flipOutY, .modules-page .animated.bounceIn, .modules-page .animated.bounceOut {
    -webkit-animation-duration: .75s;
    -moz-animation-duration: .75s;
    -o-animation-duration: .75s;
    animation-duration: .75s;
}

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

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

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

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

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

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

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

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

.modules-page @-o-keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

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

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

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

.modules-page @keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

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

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        -moz-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

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

.modules-page .bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
}

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

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

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

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

.modules-page @-o-keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

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

.modules-page @keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

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

.modules-page .flash {
    -webkit-animation-name: flash;
    -moz-animation-name: flash;
    -o-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - //github.com/nickpettit/glide */
@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

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

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

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

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

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

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

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

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

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

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

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

.modules-page .pulse {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse;
}

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

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

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

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

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

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

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

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

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

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

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

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        -moz-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        -moz-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

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

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

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

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

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

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

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

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

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

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

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

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

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        -moz-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        -moz-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

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

.modules-page .rubberBand {
    -webkit-animation-name: rubberBand;
    -moz-animation-name: rubberBand;
    -o-animation-name: rubberBand;
    animation-name: rubberBand;
}

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

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

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

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

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

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

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

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

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

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

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

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

.modules-page .shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake;
}

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

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

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

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

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

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

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

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

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

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

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

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

.modules-page @-o-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

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

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

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

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

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

.modules-page @keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

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

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

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

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

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

.modules-page .headShake {
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    -moz-animation-name: headShake;
    -o-animation-name: headShake;
    animation-name: headShake;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.modules-page .swing {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    -moz-animation-name: swing;
    -o-animation-name: swing;
    animation-name: swing;
}

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

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

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

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

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

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

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

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -moz-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);
        -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

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

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

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

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

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

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

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

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

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -moz-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);
        -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

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

.modules-page .tada {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - //github.com/nickpettit/glide */
@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none;
    }

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

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

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

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

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

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

@-moz-keyframes wobble {
    from {
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
    }

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

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

.modules-page @-o-keyframes wobble {
    from {
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
    }

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

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

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

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

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

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

.modules-page @keyframes wobble {
    from {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }

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

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

.modules-page .wobble {
    -webkit-animation-name: wobble;
    -moz-animation-name: wobble;
    -o-animation-name: wobble;
    animation-name: wobble;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.modules-page @keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }

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

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

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

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

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

    77.7% {
        -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
        -moz-transform: skewX(0.39062deg) skewY(0.39062deg);
        -o-transform: skewX(0.39062deg) skewY(0.39062deg);
        transform: skewX(0.39062deg) skewY(0.39062deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        -o-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}

.modules-page .jello {
    -webkit-animation-name: jello;
    -moz-animation-name: jello;
    -o-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
}

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

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

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

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

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

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

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

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

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

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

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        -moz-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

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

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        -moz-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

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

.modules-page @-o-keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

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

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

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

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

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

.modules-page @keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

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

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        -moz-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

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

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        -moz-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

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

.modules-page .bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
}

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

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

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

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

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

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

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


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

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

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

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

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

.modules-page @-o-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

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

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

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

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

.modules-page @keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

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

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

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

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

.modules-page .bounceInDown {
    -webkit-animation-name: bounceInDown;
    -moz-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

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

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

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

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

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

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

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

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

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

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

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

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

.modules-page @-o-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

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

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

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

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

.modules-page @keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

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

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

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

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

.modules-page .bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

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

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

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

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

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

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

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

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

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

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

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

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

.modules-page @-o-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

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

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

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

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

.modules-page @keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

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

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

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

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

.modules-page .bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

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

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

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

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

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

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

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

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

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

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

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

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

.modules-page @-o-keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

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

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

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

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

.modules-page @keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

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

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

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

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

.modules-page .bounceInUp {
    -webkit-animation-name: bounceInUp;
    -moz-animation-name: bounceInUp;
    -o-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

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

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

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

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

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

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.modules-page @-o-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

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

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

.modules-page @keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        -moz-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

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

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.modules-page .bounceOut {
    -webkit-animation-name: bounceOut;
    -moz-animation-name: bounceOut;
    -o-animation-name: bounceOut;
    animation-name: bounceOut;
}

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

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

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

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

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

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

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

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

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

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

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

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

.modules-page .bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    -moz-animation-name: bounceOutDown;
    -o-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

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

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

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

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

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

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

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

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

.modules-page .bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    -moz-animation-name: bounceOutLeft;
    -o-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

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

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

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

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

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

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

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

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

.modules-page .bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    -moz-animation-name: bounceOutRight;
    -o-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

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

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

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

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

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

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

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

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

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

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

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

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

.modules-page .bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    -moz-animation-name: bounceOutUp;
    -o-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

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

    to {
        opacity: 1;
    }
}

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

    to {
        opacity: 1;
    }
}

.modules-page @-o-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.modules-page @keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.modules-page .fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

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

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

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

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

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

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

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

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

.modules-page .fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

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

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

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

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

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

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

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

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

.modules-page .fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    -moz-animation-name: fadeInDownBig;
    -o-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

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

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

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

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

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

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

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

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

.modules-page .fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

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

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

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

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

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

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

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

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

.modules-page .fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    -moz-animation-name: fadeInLeftBig;
    -o-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

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

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

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

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

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

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

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

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

.modules-page .fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

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

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

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

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

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

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

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

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

.modules-page .fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    -moz-animation-name: fadeInRightBig;
    -o-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

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

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

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

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

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

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

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

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

.modules-page .fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

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

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

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

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

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

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

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

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

.modules-page .fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    -moz-animation-name: fadeInUpBig;
    -o-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.modules-page @-o-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.modules-page @keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.modules-page .fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

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

@-moz-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

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

.modules-page @-o-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

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

.modules-page @keyframes fadeOutDown {
    from {
        opacity: 1;
    }

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

.modules-page .fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

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

@-moz-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

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

.modules-page @-o-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

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

.modules-page @keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

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

.modules-page .fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    -moz-animation-name: fadeOutDownBig;
    -o-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

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

@-moz-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

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

.modules-page @-o-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

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

.modules-page @keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

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

.modules-page .fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

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

@-moz-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

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

.modules-page @-o-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

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

.modules-page @keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

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

.modules-page .fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    -moz-animation-name: fadeOutLeftBig;
    -o-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

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

@-moz-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

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

.modules-page @-o-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

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

.modules-page @keyframes fadeOutRight {
    from {
        opacity: 1;
    }

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

.modules-page .fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -moz-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

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

@-moz-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

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

.modules-page @-o-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

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

.modules-page @keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

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

.modules-page .fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    -moz-animation-name: fadeOutRightBig;
    -o-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

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

@-moz-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

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

.modules-page @-o-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

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

.modules-page @keyframes fadeOutUp {
    from {
        opacity: 1;
    }

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

.modules-page .fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

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

@-moz-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

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

.modules-page @-o-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

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

.modules-page @keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

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

.modules-page .fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    -moz-animation-name: fadeOutUpBig;
    -o-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

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

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

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

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

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

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

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -moz-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;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -moz-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;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

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

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

.modules-page @-o-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        -o-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;
        -o-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;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

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

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

.modules-page @keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -moz-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;
        -moz-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -moz-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;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

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

    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.modules-page .animated.flip {
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    -moz-animation-name: flip;
    -o-animation-name: flip;
    animation-name: flip;
}

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

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

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

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

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

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

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

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

    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.modules-page @-o-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

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

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

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

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

.modules-page @keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

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

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

    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.modules-page .flipInX {
    -webkit-backface-visibility: visible !important;
    -moz-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    -moz-animation-name: flipInX;
    -o-animation-name: flipInX;
    animation-name: flipInX;
}

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

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

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

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

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

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

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

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

    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.modules-page @-o-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

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

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

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

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

.modules-page @keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

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

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

    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.modules-page .flipInY {
    -webkit-backface-visibility: visible !important;
    -moz-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    -moz-animation-name: flipInY;
    -o-animation-name: flipInY;
    animation-name: flipInY;
}

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

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

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

@-moz-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px);
    }

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

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

.modules-page @-o-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

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

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

.modules-page @keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px);
    }

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

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

.modules-page .flipOutX {
    -webkit-animation-name: flipOutX;
    -moz-animation-name: flipOutX;
    -o-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -moz-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

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

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

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

@-moz-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px);
    }

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

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

.modules-page @-o-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

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

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

.modules-page @keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px);
    }

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

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

.modules-page .flipOutY {
    -webkit-backface-visibility: visible !important;
    -moz-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    -moz-animation-name: flipOutY;
    -o-animation-name: flipOutY;
    animation-name: flipOutY;
}

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

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

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

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

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

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

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

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

.modules-page @-o-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);

        opacity: 0;
    }

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

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

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

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

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

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

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

.modules-page .lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

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

@-moz-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

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

.modules-page @-o-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

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

.modules-page @keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

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

.modules-page .lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

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

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

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

    to {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        opacity: 1;
    }
}

.modules-page @-o-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1;
    }
}

.modules-page @keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        -moz-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1;
    }
}

.modules-page .rotateIn {
    -webkit-animation-name: rotateIn;
    -moz-animation-name: rotateIn;
    -o-animation-name: rotateIn;
    animation-name: rotateIn;
}

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

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

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

    to {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        opacity: 1;
    }
}

.modules-page @-o-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1;
    }
}

.modules-page @keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -moz-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;

        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1;
    }
}

.modules-page .rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    -moz-animation-name: rotateInDownLeft;
    -o-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

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

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

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

    to {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        opacity: 1;
    }
}

.modules-page @-o-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1;
    }
}

.modules-page @keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -moz-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1;
    }
}

.modules-page .rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    -moz-animation-name: rotateInDownRight;
    -o-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

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

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

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

    to {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        opacity: 1;
    }
}

.modules-page @-o-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1;
    }
}

.modules-page @keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -moz-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1;
    }
}

.modules-page .rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    -moz-animation-name: rotateInUpLeft;
    -o-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

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

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

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

    to {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        opacity: 1;
    }
}

.modules-page @-o-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1;
    }
}

.modules-page @keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        -moz-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1;
    }
}

.modules-page .rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    -moz-animation-name: rotateInUpRight;
    -o-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

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

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

@-moz-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

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

.modules-page @-o-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

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

.modules-page @keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        -moz-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.modules-page .rotateOut {
    -webkit-animation-name: rotateOut;
    -moz-animation-name: rotateOut;
    -o-animation-name: rotateOut;
    animation-name: rotateOut;
}

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

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

@-moz-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

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

.modules-page @-o-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

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

.modules-page @keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -moz-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.modules-page .rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    -moz-animation-name: rotateOutDownLeft;
    -o-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

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

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

@-moz-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

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

.modules-page @-o-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

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

.modules-page @keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -moz-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.modules-page .rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    -moz-animation-name: rotateOutDownRight;
    -o-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

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

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

@-moz-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

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

.modules-page @-o-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

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

.modules-page @keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -moz-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.modules-page .rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    -moz-animation-name: rotateOutUpLeft;
    -o-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

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

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

@-moz-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

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

.modules-page @-o-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

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

.modules-page @keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        -moz-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.modules-page .rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    -moz-animation-name: rotateOutUpRight;
    -o-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

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

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

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

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

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

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

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

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

.modules-page @-o-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -o-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;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -o-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;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

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

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

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

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

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

.modules-page .hinge {
    -webkit-animation-name: hinge;
    -moz-animation-name: hinge;
    -o-animation-name: hinge;
    animation-name: hinge;
}

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

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

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

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

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

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

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

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

.modules-page .rollIn {
    -webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - //github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }

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

@-moz-keyframes rollOut {
    from {
        opacity: 1;
    }

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

.modules-page @-o-keyframes rollOut {
    from {
        opacity: 1;
    }

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


.modules-page @keyframes rollOut {
    from {
        opacity: 1;
    }

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

.modules-page .rollOut {
    -webkit-animation-name: rollOut;
    -moz-animation-name: rollOut;
    -o-animation-name: rollOut;
    animation-name: rollOut;
}

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

    50% {
        opacity: 1;
    }
}

@-moz-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.modules-page @-o-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.modules-page @keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.modules-page .zoomIn {
    -webkit-animation-name: zoomIn;
    -moz-animation-name: zoomIn;
    -o-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-moz-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.modules-page @-o-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.modules-page @keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.modules-page .zoomInDown {
    -webkit-animation-name: zoomInDown;
    -moz-animation-name: zoomInDown;
    -o-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-moz-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.modules-page @-o-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.modules-page @keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.modules-page .zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    -moz-animation-name: zoomInLeft;
    -o-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-moz-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.modules-page @-o-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.modules-page @keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.modules-page .zoomInRight {
    -webkit-animation-name: zoomInRight;
    -moz-animation-name: zoomInRight;
    -o-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-moz-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.modules-page @-o-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.modules-page @keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.modules-page .zoomInUp {
    -webkit-animation-name: zoomInUp;
    -moz-animation-name: zoomInUp;
    -o-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

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

    to {
        opacity: 0;
    }
}

@-moz-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.modules-page @-o-keyframes zoomOut {
    from {
        opacity: 1;
    }

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

    to {
        opacity: 0;
    }
}

.modules-page @keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.modules-page .zoomOut {
    -webkit-animation-name: zoomOut;
    -moz-animation-name: zoomOut;
    -o-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-moz-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.modules-page @-o-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.modules-page @keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.modules-page .zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    -moz-animation-name: zoomOutDown;
    -o-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@-moz-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        transform-origin: left center;
    }
}

.modules-page @-o-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }
}

.modules-page @keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }
}

.modules-page .zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    -moz-animation-name: zoomOutLeft;
    -o-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@-moz-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        -moz-transform-origin: right center;
        transform-origin: right center;
    }
}

.modules-page @-o-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        -o-transform-origin: right center;
        transform-origin: right center;
    }
}

.modules-page @keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        -moz-transform-origin: right center;
        -o-transform-origin: right center;
        transform-origin: right center;
    }
}

.modules-page .zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    -moz-animation-name: zoomOutRight;
    -o-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-moz-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.modules-page @-o-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.modules-page @keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.modules-page .zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    -moz-animation-name: zoomOutUp;
    -o-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

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

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

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

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

.modules-page @-o-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

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

.modules-page @keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

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

.modules-page .slideInDown {
    -webkit-animation-name: slideInDown;
    -moz-animation-name: slideInDown;
    -o-animation-name: slideInDown;
    animation-name: slideInDown;
}

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

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

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

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

.modules-page @-o-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

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

.modules-page @keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

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

.modules-page .slideInLeft {
    -webkit-animation-name: slideInLeft;
    -moz-animation-name: slideInLeft;
    -o-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

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

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

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

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

.modules-page @-o-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

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

.modules-page @keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

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

.modules-page .slideInRight {
    -webkit-animation-name: slideInRight;
    -moz-animation-name: slideInRight;
    -o-animation-name: slideInRight;
    animation-name: slideInRight;
}

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

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

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

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

.modules-page @-o-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

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

.modules-page @keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

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

.modules-page .slideInUp {
    -webkit-animation-name: slideInUp;
    -moz-animation-name: slideInUp;
    -o-animation-name: slideInUp;
    animation-name: slideInUp;
}

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

    to {
        visibility: hidden;

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

@-moz-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.modules-page @-o-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

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

.modules-page @keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.modules-page .slideOutDown {
    -webkit-animation-name: slideOutDown;
    -moz-animation-name: slideOutDown;
    -o-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

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

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

@-moz-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.modules-page @-o-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

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

.modules-page @keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.modules-page .slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    -moz-animation-name: slideOutLeft;
    -o-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

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

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

@-moz-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.modules-page @-o-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

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

.modules-page @keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);

        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.modules-page .slideOutRight {
    -webkit-animation-name: slideOutRight;
    -moz-animation-name: slideOutRight;
    -o-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

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

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

@-moz-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.modules-page @-o-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

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

.modules-page @keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.modules-page .slideOutUp {
    -webkit-animation-name: slideOutUp;
    -moz-animation-name: slideOutUp;
    -o-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

/*! * SlickNav Responsive Mobile Menu v1.0.3 * (c) 2015 Josh Cope * licensed under MIT */
.modules-page .slicknav_menu:after, .modules-page .slicknav_menu:before {
    display: table;
    content: " ";
}

.modules-page .slicknav_btn, .modules-page .slicknav_nav .slicknav_item {
    cursor: pointer;
}

.modules-page .slicknav_menu, .modules-page .slicknav_menu * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modules-page .slicknav_nav, .modules-page .slicknav_nav ul {
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.modules-page .slicknav_btn {
    position: relative;
    display: block;
    vertical-align: middle;
    float: right;
    padding: .438em .625em;
    line-height: 1.125em;
}

.modules-page .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: .188em;
}

.modules-page .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 1px 3px #000;
}

.modules-page .slicknav_menu .slicknav_icon {
    float: left;
    margin: .188em 0 0 .438em;
}

.modules-page .slicknav_menu .slicknav_no-text {
    margin: 0;
}

.modules-page .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: .125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.modules-page .slicknav_menu:after {
    clear: both;
}

.modules-page .slicknav_nav li, .modules-page .slicknav_nav ul {
    display: block;
}

.modules-page .slicknav_nav .slicknav_arrow {
    font-size: .8em;
    margin: 0 0 0 .4em;
}

.modules-page .slicknav_nav .slicknav_item a {
    display: inline;
}

.modules-page .slicknav_nav .slicknav_row, .modules-page .slicknav_nav a {
    display: block;
}

.modules-page .slicknav_nav .slicknav_parent-link a {
    display: inline;
}

.modules-page .slicknav_menu {
    *zoom: 1; font-size: 16px;
    background: #4c4c4c;
    padding: 5px;
}

.modules-page .slicknav_menu .slicknav_icon-bar {
    background-color: #fff;
}

.modules-page .slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #222;
}

.modules-page .slicknav_nav {
    clear: both;
    color: #fff;
    margin: 0;
    font-size: .875em;
}

.modules-page .slicknav_nav ul {
    margin: 0 0 0 20px;
}

.modules-page .slicknav_nav .slicknav_row, .modules-page .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
}

.modules-page .slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #ccc;
    color: #fff;
}

.modules-page .slicknav_nav a {
    text-decoration: none;
    color: #fff;
}

.modules-page .slicknav_nav a:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #ccc;
    color: #222;
}

.modules-page .slicknav_nav .slicknav_txtnode {
    margin-left: 15px;
}

.modules-page .slicknav_nav .slicknav_item a, .modules-page .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0;
}

.modules-page .slicknav_brand {
    float: left;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    padding: 7px 12px;
    height: 44px;
}

/* SLICK CSS */
.modules-page .slick-list, .modules-page .slick-slider, .modules-page .slick-track {
    position: relative;
    display: block;
}

.modules-page .slick-loading .slick-slide, .modules-page .slick-loading .slick-track {
    visibility: hidden;
}

.modules-page .slick-slider {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.modules-page .slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.modules-page .slick-list:focus {
    outline: 0;
}

.modules-page .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.modules-page .slick-slider .slick-list, .modules-page .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.modules-page .slick-track {
    top: 0;
    left: 0;
}

.modules-page .slick-track:after, .modules-page .slick-track:before {
    display: table;
    content: '';
}

.modules-page .slick-track:after {
    clear: both;
}

.modules-page .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.modules-page [dir=rtl] .slick-slide {
    float: right;
}

.modules-page .slick-slide img {
    display: block;
}

.modules-page .slick-slide.slick-loading img {
    display: none;
}

.modules-page .slick-slide.dragging img {
    pointer-events: none;
}

.modules-page .slick-initialized .slick-slide {
    display: block;
}

.modules-page .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.modules-page .slick-arrow.slick-hidden {
    display: none;
}

/* SLICK THEME CSS */
.modules-page .slick-dots, .modules-page .slick-next, .modules-page .slick-prev {
    padding: 0;
    position: absolute;
    display: block;
}

.modules-page .slick-dots li button:before, .modules-page .slick-next:before, .modules-page .slick-prev:before {
    font-family: slick;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.modules-page .slick-loading .slick-list {
    background: center center no-repeat #fff;
}

.modules-page .slick-next, .modules-page .slick-prev {
    font-size: 0;
    line-height: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0;
}

.modules-page .slick-next:focus, .modules-page .slick-next:hover, .modules-page .slick-prev:focus, .modules-page .slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0;
}

.modules-page .slick-next:focus:before, .modules-page .slick-next:hover:before, .modules-page .slick-prev:focus:before, .modules-page .slick-prev:hover:before {
    opacity: 1;
}

.modules-page .slick-next.slick-disabled:before, .modules-page .slick-prev.slick-disabled:before {
    opacity: .25;
}

.modules-page .slick-next:before, .modules-page .slick-prev:before {
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
}

.modules-page .slick-prev {
    left: -25px;
}

.modules-page [dir=rtl] .slick-prev {
    right: -25px;
    left: auto;
}

.modules-page .slick-prev:before {
    content: '←';
}

.modules-page .slick-next:before, .modules-page [dir=rtl] .slick-prev:before {
    content: '→';
}

.modules-page .slick-next {
    right: -25px;
}

.modules-page [dir=rtl] .slick-next {
    right: auto;
    left: -25px;
}

.modules-page [dir=rtl] .slick-next:before {
    content: '←';
}

.modules-page .slick-slider {
    margin-bottom: 30px;
}

.modules-page .slick-dots {
    bottom: -45px;
    width: 100%;
    list-style: none;
    text-align: center;
}

.modules-page .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.modules-page .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0;
}

.modules-page .slick-dots li button:focus, .modules-page .slick-dots li button:hover {
    outline: 0;
}

.modules-page .slick-dots li button:focus:before, .modules-page .slick-dots li button:hover:before {
    opacity: 1;
}

.modules-page .slick-dots li button:before {
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #000;
}

.modules-page .slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000;
}

/****************************************- 2G - GLOBALS ****************************************/
body.modules-page {
    line-height: 1.42857143;
    color: #626262;
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
}

.modules-page .h1, .modules-page .h2, .modules-page .h3, .modules-page .h4, .modules-page .h5, .modules-page .h6, .modules-page h1, .modules-page h2, .modules-page h3, .modules-page h4, .modules-page h5, .modules-page h6 {
    font-family: inherit;
    line-height: 1.1;
    color: inherit;
    margin: 20px 0px;
}

.modules-page .h1 span, .modules-page .h2 span, .modules-page .h3 span, .modules-page .h4 span, .modules-page .h5 span, .modules-page .h6 span, .modules-page h1 span, .modules-page h2 span, .modules-page h3 span, .modules-page h4 span, .modules-page h5 span, .modules-page h6 span {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: #FF4100;
}

.modules-page p {
    margin: 20px 0px;
}

.modules-page label span {
    background-color: transparent;
}

.modules-page .hs_cos_flex-direction-nav a {
    background-image: url("//cdn2.hubspot.net/hubfs/685080/IMG-TurboSodium/bg_direction_nav.png");
}

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

.modules-page .container {
    max-width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

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

.modules-page .footer-container-wrapper .footer ul li a i {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.modules-page .footer-container-wrapper .footer ul li a i:hover {
    background-color: #bfbfbf;
}

body.modules-page, .modules-page a, .modules-page h1, .modules-page h2, .modules-page h3, .modules-page h4, .modules-page h5, .modules-page p, .modules-page span, .modules-page div, .modules-page ul, .modules-page li, .modules-page input, .modules-page span, .modules-page textarea {
    margin: 0px;
    padding: 0px;
    outline: none;
    font-size: 18px;
    font-weight: 200;
    font-family: 'Roboto', sans-serif;
}

body.modules-page span, .modules-page a span, .modules-page h1 span, .modules-page h2 span, .modules-page h3 span, .modules-page h4 span, .modules-page h5 span, .modules-page p span, .modules-page span span, .modules-page div span, .modules-page ul span, .modules-page li span, .modules-page input span, .modules-page span span, .modules-page textarea span {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.modules-page .h1, .modules-page .h2, .modules-page .h3, .modules-page .h4, .modules-page .h5, .modules-page .h6, .modules-page h1, .modules-page h2, .modules-page h3, .modules-page h4, .modules-page h5, .modules-page h6, .modules-page p {
    margin: 20px 0px;
}

.modules-page textarea {
    padding: 8px;
}

.modules-page .error {
    margin: 0;
}

.modules-page .widget-type-header h1 span, .modules-page .widget-type-header h2 span, .modules-page .widget-type-header h3 span, .modules-page .widget-type-header h4 span, .modules-page .widget-type-header h5 span, .modules-page .widget-type-header h6 span {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: #FF4100;
}

.modules-page header.header .widget-type-logo {
    height: 70px;
    position: relative;
}

.modules-page header.header .widget-type-logo img.hs-image-widget {
    max-width: 206px;
    max-height: 60px;
    width: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    z-index: 1;
}

.modules-page .widget-type-rich_text a:not(.cta_button) {
    color: #FF4100;
}

.modules-page .widget-type-rich_text a:not(.cta_button) :hover {
    text-decoration: underline;
}

.modules-page .widget-type-form .form-title {
    font-size: 33px;
    font-weight: bold;
    text-align: left;
    margin: 65px 0 25px 0;
    color: #FF4100;
}

.modules-page .widget-type-form form .hs-form-required {
    display: none;
}

.modules-page .widget-type-form form .hs-form-required form input {
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 18px;
    font-weight: 300;
    border: solid 1px #d6d5d5;
    margin-top: 8px;
    color: initial;
    font-family: 'Roboto', sans-serif;
}

.modules-page .widget-type-form .hs-form-field {
    margin-bottom: 15px;
}

.modules-page .widget-type-form form select {
    background-color: #4a4949;
    border: 0;
    outline: 0;
    font-size: 16px;
    font-weight: 300;
    border-bottom: solid 1px #fff;
    color: #fff;
    margin-top: 19px !important;
    font-family: 'Roboto', sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-top: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-image: url("//cdn2.hubspot.net/hubfs/309194/Assets_MS/angle-down.png");
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 64%;
}

.modules-page .widget-type-form form textarea {
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 18px;
    font-weight: 300;
    border: solid 1px #d6d5d5;
    color: initial;
    margin-top: 8px;
    font-family: 'Roboto', sans-serif;
    min-height: 130px;
}

.modules-page .widget-type-form form ul li {
    list-style-type: none;
    color: #fff;
}

.modules-page .widget-type-form form ul li.hs-form-checkbox {
    color: #626262;
}

.modules-page .widget-type-form form ul li.hs-form-booleancheckbox {
    color: #626262;
}

.modules-page .widget-type-form label {
    position: relative;
}

.modules-page .widget-type-form h3 {
    font-size: 33px;
    font-weight: bold;
    text-align: left;
    margin: 65px 0 25px 0;
    color: #FF4100;
}

.modules-page .widget-type-form form .hs-form-required {
    display: none;
}

.modules-page .widget-type-form .home-contact-section .widget-type-form label {
    color: #fff;
}

.modules-page .widget-type-form form input {
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: 300;
    border-bottom: solid 1px #fff;
    color: #fff;
    font-family: 'Roboto', sans-serif;
}

.modules-page .widget-type-form form input[type="submit"] {
    border-bottom: none;
    font-size: 18px;
}

.modules-page .widget-type-form form textarea {
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: 300;
    border-bottom: solid 1px #fff;
    color: #fff;
    margin-top: 38px;
    font-family: 'Roboto', sans-serif;
    min-height: 130px;
}

.modules-page .widget-type-form form ul li {
    list-style-type: none;
}

.modules-page .footer-info .widget-type-form form label {
    color: #fff;
}

.modules-page .feedreader_box {
    margin-top: -3px;
}

.modules-page .footer-info .widget-type-form form {
    margin-top: 30px;
}

.modules-page .footer-info .widget-type-form form .hs-error-msgs a, .modules-page .footer-info .widget-type-form form .hs-error-msgs label {
    color: #fff;
    font-size: 16px;
}

.modules-page .footer-info .widget-type-form .form-title {
    display: none;
}

.modules-page .footer-info .widget-type-form form input {
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.modules-page .footer-info .widget-type-form form div:first-of-type div:first-of-type div:first-of-type input:first-of-type {
    margin-top: 37px;
}

.modules-page .footer-info .widget-type-form ::-webkit-input-placeholder {
    color: #fff;
    font-family: 'Roboto', sans-serif;
}

.modules-page .footer-info .widget-type-form ::-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
    font-family: 'Roboto', sans-serif;
}

.modules-page .footer-info .widget-type-form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
    font-family: 'Roboto', sans-serif;
}

.modules-page .footer-info .widget-type-form ::-ms-input-placeholder {
    color: #fff;
    font-family: 'Roboto', sans-serif;
}

.modules-page .footer-info .widget-type-form form {
    margin-top: 30px;
}

.modules-page .hs-form-checkbox-display span {
    padding-left: 5px;
    color: white;
}

.contact-page .widget-type-form .form-title {
    margin-top: 45px;
    margin-bottom: 24px;
    font-size: 31px;
    color: #ffc400;
    text-align: left;
    font-weight: 600;
}

.modules-page .contact .widget-type-form form input {
    border: none;
    border-bottom: solid 1px #fff;
    color: #fff;
    margin-top: 38px;
}

.modules-page .contact .widget-type-form form div:first-of-type div:first-of-type div:first-of-type input:first-of-type {
    margin-top: 10.4px;
}

.modules-page .contact .widget-type-form form ::-webkit-input-placeholder {
    color: #fff;
    font-family: 'Houschka Pro', sans-serif;
}

.modules-page .contact .widget-type-form form ::-moz-placeholder {
    Firefox 18- color: #fff;
    font-family: 'Houschka Pro', sans-serif;
}

.modules-page .contact .widget-type-form form ::-moz-placeholder {
    Firefox 19+ color: #fff;
    font-family: 'Houschka Pro', sans-serif;
}

.modules-page .contact .widget-type-form form ::-ms-input-placeholder {
    color: #fff;
    font-family: 'Houschka Pro', sans-serif;
}

.modules-page .contact .hs-form-field {
    margin-bottom: initial;
}

.modules-page .contact-page .widget-type-form form input {
    border: solid 1px #d6d5d5;
    margin-top: 8px;
    color: initial;
}

.modules-page .contact-page .hs-form-field {
    margin-bottom: 15px;
}

.modules-page .contact .widget-type-form form textarea {
    border: none;
    border-bottom: solid 1px #fff;
    color: #fff;
    margin-top: 38px;
}

.modules-page .contact-page .widget-type-form form textarea {
    border: solid 1px #d6d5d5;
    margin-top: 8px;
    color: initial;
}

.modules-page .content-landing .widget-type-form .form-title {
    display: none;
}

.modules-page .content-landing .landing-social-sharing {
    margin-top: 15px;
    margin-bottom: 30px;
}

.modules-page .side-bar-blog ::-webkit-input-placeholder {
    color: #626262;
    font-family: 'Houschka Pro', sans-serif;
}

.modules-page .side-bar-blog :-moz-placeholder {
    Firefox 18- color: #626262;
    font-family: 'Houschka Pro', sans-serif;
}

.modules-page .side-bar-blog ::-moz-placeholder {
    Firefox 19+ color: #626262;
    font-family: 'Houschka Pro', sans-serif;
}

.modules-page .side-bar-blog :-ms-input-placeholder {
    color: #626262;
    font-family: 'Houschka Pro', sans-serif;
}

.modules-page .side-bar-blog .widget-type-form form input {
    border-bottom: solid 1px #ffc400;
    margin-top: 0px;
    margin-bottom: 5px;
    color: #626262;
}

.modules-page .side-bar-blog .widget-type-form form input[type="submit"] {
    background-color: #ffc400;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    border-radius: 5px;
    font-weight: 500;
    padding: 4.5px 20px;
    border: solid 2px #ffc400;
}

.modules-page .side-bar-blog .widget-type-form form input[type="submit"]:hover {
    background-color: white;
    color: #ffc400;
    border-radius: 5px;
    display: inline-block;
    font-size: 16px;
    border-radius: 5px;
    font-weight: 500;
    padding: 4.5px 20px;
    border: solid 2px #ffc400;
}

.modules-page .side-bar-blog .widget-type-form form .hs_submit input {
    color: #fff;
    margin-top: 20px;
}

.modules-page .side-bar-blog .widget-type-form form .hs_submit input:hover {
    color: #ffc400;
}

.modules-page .side-bar-blog .widget-type-form .form-title {
    font-size: 24px;
    font-weight: normal;
}

a, .modules-page .button, .modules-page .yellow-button, .modules-page .hs-button {
    -webkit-appearance: none;
}

.modules-page a, .modules-page a:visited, .modules-page a:focus, .modules-page a:hover, .modules-page a:active, .modules-page input:focus, .modules-page input:active, .modules-page input:hover, .modules-page input:visited, .modules-page input, .modules-page button:focus, .modules-page button:active, .modules-page button:hover, .modules-page button:visited, .modules-page button {
    outline: none;
    text-decoration: none;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.modules-page .gray-hover:hover a {
    color: #75787b !important;
}

.modules-page .padding-zero {
    padding: 0px;
}

.modules-page h1 {
    font-size: 58px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
}

.modules-page h2 {
    font-size: 36px;
    color: #626262;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}

.modules-page h3 {
    font-size: 30px;
    color: #626262;
    font-weight: normal;
}

.modules-page h4 {
    font-size: 26px;
    color: #626262;
    font-weight: normal;
}

.modules-page .hs_cos_wrapper_type_rich_text h1 {
    font-size: 42px;
    color: #626262;
    text-decoration: none;
    text-transform: none;
    text-align: left;
    font-weight: normal;
}

.modules-page .hs_cos_wrapper_type_rich_text h2 {
    font-size: 36px;
    color: #626262;
    text-decoration: none;
    text-transform: none;
    text-align: left;
    font-weight: normal;
}

.modules-page .hs_cos_wrapper_type_rich_text h3 {
    font-size: 30px;
    color: #626262;
    font-weight: normal;
}

.modules-page .hs_cos_wrapper_type_rich_text h4 {
    font-size: 26px;
    color: #626262;
    font-weight: normal;
}

.modules-page .hs_cos_wrapper_type_rich_text p {
    margin-top: 0px;
}

.modules-page .hs_cos_wrapper_type_rich_text a:not(.cta_button) {
    color: #FF4100;
}

.modules-page .hs_cos_wrapper_type_rich_text a:not(.cta_button):hover {
    text-decoration: underline;
}

.modules-page .hs_cos_wrapper_type_rich_text a.cta_button {
    text-decoration: none;
}

.modules-page .hs_cos_wrapper_type_rich_text a.cta_button p, .modules-page .hs_cos_wrapper_type_rich_text a.cta_button span, .modules-page .hs_cos_wrapper_type_rich_text a.cta_button strong {
    color: inherit;
}

.modules-page .hs_cos_wrapper_type_rich_text a.cta_button:hover {
    text-decoration: none;
}

.modules-page .hs_cos_wrapper_type_rich_text blockquote {
    margin-left: 0px;
    margin-right: 0px;
    position: relative;
    text-align: center;
    margin-bottom: 20px;
}

.modules-page .hs_cos_wrapper_type_rich_text blockquote:before {
    content: "\f10d";
    font-family: "FontAwesome";
    color: #FF4100;
    display: inline-block;
    padding-right: 10px;
    font-size: 25px;
    position: relative;
    top: 0px;
    line-height: 0;
}

.modules-page .hs_cos_wrapper_type_rich_text blockquote:after {
    content: "\f10e";
    font-family: "FontAwesome";
    color: #FF4100;
    display: inline-block;
    padding-left: 10px;
    font-size: 25px;
    position: relative;
    bottom: -10px;
    line-height: 0;
}

.modules-page .hs_cos_wrapper_type_rich_text blockquote p {
    display: inline;
}

.modules-page .hs_cos_wrapper_type_rich_text ul {
    list-style: none;
    padding-left: 40px;
    margin-bottom: 20px;
}

.modules-page .hs_cos_wrapper_type_rich_text ul li {
    position: relative;
    margin-bottom: 6px;
}

.modules-page .hs_cos_wrapper_type_rich_text ul li:before {
    content: "•";
    font-family: FontAwesome;
    color: #FF4100;
    position: absolute;
    background-image: none;
    width: 16px;
    height: 16px;
    background-position: center;
    left: -30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.modules-page .hs_cos_wrapper_type_rich_text ol {
    margin-bottom: 20px;
    counter-reset: li;
    list-style: none;
    padding-left: 40px;
}

.modules-page .hs_cos_wrapper_type_rich_text ol li {
    margin-bottom: 6px;
    position: relative;
}

.modules-page .hs_cos_wrapper_type_rich_text ol li:before {
    color: #FF4100;
    counter-increment: li;
    content: counter(li);
    position: absolute;
    width: 16px;
    background-position: center;
    left: -25px;
    top: 50%;
    display: block;
    font-size: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    height: 32px;
}

.modules-page .secondary-header {
    text-align: center;
}

.modules-page .mouse_scroll {
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 77px;
    /*margin-top: 125px;*/
    cursor: pointer;
    position: absolute;
    left: 50%;
    /* px swiruje na submarket/market pages, .modules-page bo jest tam absolutna maska */
    top: auto;
    bottom: 50px;
    margin-left: -10px;
}

.modules-page .individual-project-page .mouse_scroll {
    top: auto;
}

.modules-page .about-us .mouse_scroll {
    /* fix dla strony about-us z mniejszym headerem */
    top: 400px;
}

.modules-page .m_scroll_arrows {
    display: block;
    width: 5px;
    height: 5px;
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Chrome, .modules-page Safari, .modules-page Opera */
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    margin: 0 0 5px 4px;
    width: 13px;
    height: 13px;
}

.modules-page .unu {
    margin-top: 1px;
}

.modules-page .unu, .modules-page .doi, .modules-page .trei {
    -o-animation: mouse-scroll 1.5s infinite;
    animation: mouse-scroll 1.5s infinite;
    -webkit-animation: mouse-scroll 1.5s infinite;
    -moz-animation: mouse-scroll 1.5s infinite;
}

.modules-page .unu {
    -o-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-direction: alternate;
}

.modules-page .doi {
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-direction: alternate;
    margin-top: -6px;
}

.modules-page .trei {
    -o-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-direction: alternate;
    margin-top: -6px;
}

.modules-page .mouse {
    height: 34px !important;
    width: 20px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    border: 2px solid white;
    top: 170px;
}

.modules-page .wheel {
    height: 5px;
    width: 2px;
    display: block;
    margin: 5px auto;
    background: white;
    position: relative;
    height: 4px;
    width: 4px;
    border: 2px solid #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-animation: mouse-wheel 1.5s linear infinite;
    -moz-animation: mouse-wheel 1.5s linear infinite;
    -o-animation: mouse-wheel 1.5s linear infinite;
    animation: mouse-wheel 1.5s linear infinite;
}

@-webkit-keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@-moz-keyframes mouse-wheel {
    0% {
        top: 1px;
    }

    25% {
        top: 2px;
    }

    50% {
        top: 3px;
    }

    75% {
        top: 2px;
    }

    100% {
        top: 1px;
    }
}

@-webkit-keyframes mouse-scroll {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes mouse-scroll {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

.modules-page @-o-keyframes mouse-scroll {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

.modules-page @keyframes mouse-scroll {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

.modules-page .footer {
    background-color: #393939;
    height: 67px;
    color: #fff;
    position: relative;
}

.modules-page .widget-type-text a {
    color: #fff;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.modules-page .widget-type-text a:hover {
    color: #FF4100;
}

.modules-page .footer-info form.hs-form .hs-form-field .input input[type="checkbox"].hs-input + span:before {
    background-color: transparent !important;
}

.modules-page .footer .copy {
    font-size: 15px;
    font-family: 'Roboto', sans-serif color: #fff;
    font-weight: 300;
    line-height: 67px;
}

.modules-page .footer .links {
    text-align: right;
}

.modules-page .footer .links a {
    font-size: 15px;
    color: #fff;
    font-weight: 300;
    line-height: 67px;
    padding: 0px 5px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.modules-page .footer .links a:hover {
    color: #FF4100;
    text-decoration: none;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.modules-page .footer .scroll-top {
    height: 67px;
    width: 67px;
    background-color: #4a4949;
    position: absolute;
    right: 0px;
    bottom: 0px;
    cursor: pointer;
    text-align: center;
}

.modules-page .footer .scroll-top i {
    font-size: 44px;
    color: #fff;
    line-height: 67px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.modules-page .footer .scroll-top:hover i {
    line-height: 45px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.modules-page .footer-info {
    background-color: white;
    padding-bottom: 30px;
}

.modules-page .footer-info .legal-consent-container span {
    color: #fff;
}

.modules-page .footer-info h3 {
    font-weight: bold;
    font-size: 20px;
    margin: 25px 0px 30px 0px;
    color: #fff;
}

.modules-page .footer-info h4 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 5px;
    font-weight: 300;
}

.modules-page .footer-info .hs-rss-title {
    font-size: 16px;
    color: #fff;
    margin-bottom: 5px;
    font-weight: 300;
}

.modules-page .footer-info p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 25px;
    font-weight: 300;
}

.modules-page .footer-info .hs-rss-date {
    font-size: 16px;
    color: #fff;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-weight: 300;
    border-bottom: solid 1px #fff;
    display: block;
}

.modules-page .footer-info .hs-rss-byline {
    opacity: 1;
}

.modules-page .social-footer {
    background-color: #4a4949;
}

.modules-page .social-footer .container.position {
    position: relative;
}

.modules-page .social-footer ul {
    text-align: center;
}

.modules-page .social-footer ul li {
    padding: 20px 0px;
    margin: 0px 65px;
    display: inline-block;
}

.modules-page .social-footer ul li a i {
    color: #fff;
    font-size: 45px;
}

.modules-page .social-footer .text {
    font-weight: lighter;
    font-size: 24px;
    margin-top: 6px;
    color: #fff;
}

.modules-page .social-footer .text span {
    font-weight: lighter;
    font-size: 24px;
    color: #fff;
}

.modules-page .social-footer .text {
    position: relative;
    min-height: 85px;
}


.modules-page .social-footer .text .hs_cos_wrapper_type_text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -5px;
    font-weight: 300;
}

.modules-page .social-footer .triangle {
    position: absolute;
    bottom: -30px;
    right: 26%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 34px 24.5px 0 24.5px;
    border-color: #4a4949 transparent transparent transparent;
}

.modules-page .header .slicknav_nav {
    padding-bottom: 10px;
}

.modules-page .slicknav_nav {
    background-color: #393939;
}

.modules-page .header--white .slicknav_nav {
    background-color: #fff;
}

.modules-page .slick-arrow {
    position: absolute;
    top: 50%;
    width: auto;
    height: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.modules-page .slick-arrow.slick-prev {
    left: 48px;
}

.modules-page .slick-arrow.slick-prev:before {
    content: '';
    background-image: url("//cdn2.hubspot.net/hubfs/685080/HubSpot_Template_Marketplace/Turbo_Sodium/assets/arrow-left.png");
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    width: 30px;
    height: 58px;
    display: block;
}

.modules-page .slick-arrow.slick-next {
    right: 48px;
}

.modules-page .slick-arrow.slick-next:before {
    content: '';
    background-image: url("//cdn2.hubspot.net/hubfs/685080/HubSpot_Template_Marketplace/Turbo_Sodium/assets/arrow-left.png");
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    width: 30px;
    height: 58px;
    display: block;
}

.modules-page .mask, .modules-page .separator--contact__mask {
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.modules-page .svg-converted path, .modules-page .svg-converted polygon {
    fill: #FF4100;
}

.modules-page .svg-converted circle, .modules-page .svg-converted rect {
    stroke: #FF4100;
}

.modules-page .menu-black .slicknav_nav a {
    color: #626262;
}

.modules-page .header--white .slicknav_nav a {
    color: #626262;
}

.modules-page .menu-black .slicknav_nav ul {
    background-color: #fff;
}

.modules-page .menu-black .fixed .slicknav_nav a {
    color: #fff;
}

.modules-page .slicknav_menu {
    display: none;
    position: fixed;
    top: 13px;
    z-index: 1000;
    right: 0px;
    background-color: transparent;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.modules-page .slicknav_nav {
    width: 100%;
    max-height: -webkit-calc( 100vh - 57px);
    max-height: -moz-calc( 100vh - 57px);
    max-height: calc( 100vh - 57px);
    overflow: auto;
}

.modules-page .slicknav_nav .slicknav_arrow {
    margin: 0 0 0 .4em;
    font-size: 10px;
    position: relative;
    width: 40px;
    height: 40px;
    top: -2px;
    left: 20px;
    color: transparent;
}

.modules-page span.slicknav_arrow:before {
    content: "";
    background-image: url("//cdn2.hubspot.net/hubfs/685080/HubSpot_Template_Marketplace/Turbo_Sodium/assets/show.png");
    position: absolute;
    height: 21px;
    width: 21px;
    right: 0;
    top: 0;
    display: block;
}

.modules-page .slicknav_nav li.slicknav_open {
    padding-bottom: 10px;
    border-bottom: 1px solid #4a4949 !important;
}

.modules-page .slicknav_nav li.slicknav_open > a > span.slicknav_arrow:before {
    content: "";
    background-image: url("//cdn2.hubspot.net/hubfs/685080/HubSpot_Template_Marketplace/Turbo_Sodium/assets/hide.png");
    position: absolute;
    height: 21px;
    width: 21px;
    right: 0;
    top: 0;
    display: block;
}

.modules-page span.slicknav_arrow:after {
    content: "";
    background-image: url("//cdn2.hubspot.net/hubfs/685080/HubSpot_Template_Marketplace/Turbo_Sodium/assets/hide.png");
    position: absolute;
    visibility: hidden;
    height: 21px;
    width: 21px;
    right: 0;
    top: 0;
    display: block;
}

.modules-page .header--white .slicknav_nav .slicknav_row:hover {
    background: #fff;
    color: #626262;
}

.modules-page .header--white .slicknav_nav a:hover {
    background: transparent;
}

.modules-page .slicknav_btn {
    background-color: transparent;
}

.modules-page .slicknav_menu .slicknav_icon-bar {
    width: 1.7em;
    height: 0.15em;
}

.modules-page .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: .35em;
}

.modules-page .slicknav_nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    position: initial;
}

.modules-page .slicknav_nav ul {
    margin: 13px 0px 0 0px;
    padding-left: 20px;
    background-color: #393939;
    -webkit-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
    background-color: transparent;
}

.modules-page header.header {
    position: fixed;
    width: 100%;
    height: 70px;
    z-index: 999;
    border-bottom: solid 1px #fff;
    background-color: rgba(99, 99, 98, 0);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.modules-page header.header--white {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.modules-page header.header.perma-fixed {
    background-color: #393939;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-bottom: none;
}

.modules-page header.header.fixed {
    background-color: #393939;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-bottom: none;
}

.modules-page header.header--white.fixed {
    background-color: #fff;
}

.modules-page header.header.fixed-small {
    background-color: #fff;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.modules-page header.header .slicknav_nav ul {
    background-color: #393939;
    -webkit-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
}

.modules-page header.header--white .slicknav_nav ul {
    background-color: #fff;
}

.modules-page header.header--white .hover > a {
    color: #FF4100 !important;
}

.modules-page header.header--white .hover > a:after, .modules-page header.header--white .hover > a:before {
    color: #FF4100 !important;
}

.modules-page .slicknav_nav li ul li {
    position: relative;
}

.modules-page .slicknav_nav li ul li:before {
    content: "";
    margin-left: 10px;
    font-family: FontAwesome;
    content: '105';
    color: #626262;
    position: absolute;
    top: 7px;
    left: -9px;
}

.modules-page .header--white .slicknav_nav {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.modules-page header.header h1.logo {
    margin-top: 21px;
    color: #fff;
    position: relative;
}

@media screen and (max-width: 971px) {
    .modules-page header.header h1.logo {
        margin-top: 28px;
    }
}

.modules-page h1.logo img {
    z-index: 500;
}

.modules-page header.header h1.logo a {
    outline: none;
    display: block;
    font-size: 0px;
    color: #fff;
}

.modules-page header.header h1.logo a img {
    display: block;
    height: auto;
    max-width: none;
    max-height: 55px;
}

.modules-page header.header #menu {
    float: right;
}

.modules-page header.header #menu ul {
    padding: 0px;
}

.modules-page header.header #menu ul li.hs-menu-depth-1 {
    display: inline-block;
    line-height: 70px;
    position: relative;
}

.modules-page header.header #menu ul li.hs-menu-depth-1 a {
    text-decoration: none;
    font-weight: normal;
    font-size: 16px;
    display: block;
    color: #fff;
    padding: 0px 15px;
    max-width: initial;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.modules-page header.header #menu ul li.hs-menu-depth-1 > a {
    text-transform: uppercase;
}

.modules-page header.header--white #menu ul li.hs-menu-depth-1 a {
    color: #626262;
}

.modules-page header.header #menu ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper, .modules-page header.header #menu ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper > li.hs-menu-children-wrapper {
    width: auto !important;
}

.modules-page header.header #menu ul > li.hs-menu-depth-2.right-arrow > a:after {
    margin-left: 8px;
    font-family: FontAwesome;
    content: '105';
    position: absolute;
    color: #626262;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.modules-page header.header #menu ul > li.hs-menu-depth-2.left-arrow > a:before {
    margin-left: -14px;
    margin-right: 8px;
    position: absolute;
    font-family: FontAwesome;
    content: '104';
    color: #626262;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.modules-page header.header #menu ul > li.hs-menu-depth-2 > a:hover:after, .modules-page header.header #menu ul > li.hs-menu-depth-2 > a:hover:before {
    color: #FF4100;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.modules-page header.header #menu > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper li.hs-menu-item > a {
    width: auto !important;
}

.modules-page header.header #menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    top: -99999px;
    z-index: -1;
}

.modules-page header.header #menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.right.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children:hover ul.hs-menu-children-wrapper {
    left: 180px;
    top: 0px;
    z-index: 1;
    display: block;
    opacity: 1;
    visibility: visible;
}

.modules-page header.header #menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children:hover ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s;
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
    position: absolute;
    z-index: 10;
    left: 0;
}

.modules-page header.header #menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.left.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children:hover ul.hs-menu-children-wrapper {
    left: -168px;
    top: 0px;
    z-index: 1;
    display: block;
    opacity: 1;
    visibility: visible;
}

.modules-page header.header #menu ul li.hs-menu-depth-1 ul li a {
    margin-left: 10px;
    margin-right: 10px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -o-text-overflow: inherit;
    text-overflow: inherit;
    min-height: 34px;
    line-height: 20px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.modules-page header.header #menu ul li.hs-menu-depth-2 > ul {
    position: absolute;
    background-color: #fff;
    border-bottom: solid 2px #FF4100;
    -webkit-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.36);
    box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.36);
}

.modules-page header.header #menu ul > li.hs-menu-depth-2 > a:only-child:after, .modules-page header.header #menu ul > li.hs-menu-depth-2 > a:only-child:before {
    font-family: FontAwesome;
    content: '';
}

.modules-page header.header #menu ul li.hs-menud-depth-2 {
    border-bottom: solid 1px rgba(98, 98, 98, 0.17);
}

.modules-page header.header #menu ul li.hs-menu-depth-1 ul li:hover a {
    margin-left: 10px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.modules-page header.header #menu ul li.hs-menu-depth-1.hs-item-has-children > a:after {
    content: " 107";
    font-family: FontAwesome;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible;
    top: -9999px;
}

.modules-page .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    top: inherit;
}

.modules-page header.header #menu ul li.hs-menu-depth-1 > ul {
    position: absolute;
    left: 18px;
    background-color: #fff;
    border-bottom: solid 2px #FF4100;
    min-width: 168px;
    -webkit-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.36);
    box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.36);
}

.modules-page header.header #menu .hs-menu-item.hs-menu-depth-2, .modules-page header.header #menu .hs-menu-item.hs-menu-depth-3 {
    border-bottom: solid 1px rgba(98, 98, 98, 0.17);
}

.modules-page .slicknav_nav .hs-menu-item.hs-menu-depth-2 {
    border-bottom: none;
}

.modules-page header.header #menu ul li.hs-menu-depth-2 a {
    width: auto;
    max-width: initial;
    padding: 0px 15px;
    position: relative;
    line-height: 33px;
    color: #626262 !important;
    text-transform: initial;
}

.modules-page header.header #menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    position: initial;
    margin-left: 15px;
    overflow: hidden;
    opacity: 1;
}

.modules-page .menu-black header.header #menu ul li a {
    color: #626262;
}

.modules-page header.header.fixed #menu ul li a {
    color: #fff;
}

.modules-page header.header--white.fixed #menu ul li a {
    color: #626262;
}

.modules-page header.header #menu ul li a.active {
    color: #FF4100;
}

.modules-page header.header #menu ul li a:hover {
    color: #FF4100 !important;
}

.modules-page header.header .hs-form {
    float: right;
    line-height: 65px;
    margin-right: -6px;
    margin-left: 40px;
    width: auto;
    height: 30px;
}

.modules-page header.header .gsc-search-button {
    display: none;
}

.modules-page header.header .gsib_b {
    display: none !important;
}

.modules-page header.header form.gsc-search-box {
    margin-bottom: 0;
    margin: 0;
    width: auto;
    float: right;
}

.modules-page header.header table.gsc-search-box {
    height: 30px;
    width: auto;
    float: right;
    display: block;
}

.modules-page header.header .gsc-search-box-tools .gsc-search-box .gsc-input {
    padding: 0;
}

.modules-page header.header .gsc-control-cse {
    padding: 0;
    border: 0;
    float: none;
}

.modules-page header.header #___gcse_0 {
    width: auto;
}

.modules-page header.header .hs-form .gsib_a {
    padding: 0;
    position: relative;
}

.modules-page header.header .hs-form .gsib_a:after {
    font-family: FontAwesome;
    content: "\f002";
    font-size: 20px;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    left: -40px;
    z-index: 4;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.modules-page header.header .gsc-input-box {
    border: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.modules-page header.header .hs-form label {
    display: none;
}

.modules-page header.header .hs-form input[type="text"] {
    border: 0 !important;
    position: relative !important;
    z-index: 3 !important;
    right: 0;
    height: 30px !important;
    padding-left: 10px !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background: #FF4100 !important;
    color: #fff !important;
    padding-right: 35px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important;
    width: 15px !important;
    opacity: 0;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.modules-page header.header .hs-form a, .modules-page header.header .hs-form input[type="image"] {
    color: #FF4100;
}

.modules-page header.header--white .hs-form a, .modules-page header.header .hs-form input[type="image"] {
    color: #626262;
    z-index: -1;
    position: relative;
}

.modules-page header.header--white .hs-form .gs-title {
    z-index: 6;
    font-size: 20px;
    color: #626262 !important;
    line-height: 23px;
    text-decoration: none;
}

.modules-page header.header--white .hs-form .gs-title:after {
    display: none;
}

.modules-page header.header--white .hs-form .gs-title b {
    font-size: 20px;
    text-decoration: none;
}

.modules-page header.header--white .hs-form .gsc-url-top {
    line-height: 19px;
    font-family: Palanquin;
    font-size: 16px;
    color: #999999 !important;
}

.modules-page header.header--white .hs-form .gsc-url-top div {
    font-size: 16px;
    color: #999999 !important;
}

.modules-page header.header--white .hs-form .gsc-results-wrapper-overlay {
    border: none;
    margin: auto;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    overflow: auto;
    height: 95%;
    -webkit-box-shadow: 0px 3px 10px rgba(34, 25, 25, 0.4);
    -moz-box-shadow: 0px 3px 10px rgba(34, 25, 25, 0.4);
    -ms-box-shadow: 0px 3px 10px rgba(34, 25, 25, 0.4);
    -o-box-shadow: 0px 3px 10px rgba(34, 25, 25, 0.4);
    box-shadow: 0px 3px 10px rgba(34, 25, 25, 0.4);
    border-collapse: separate;
    background: white;
    padding: 30px;
    width: 90%;
    position: fixed !important;
    top: 2%;
    left: 5%;
    opacity: 0;
    z-index: 100002;
    visibility: hidden;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, .modules-page Direction=135, .modules-page Color='#888888')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, .modules-page Direction=135, .modules-page Color='#888888');
}

.modules-page header.header--white .hs-form .gsc-table-result {
    line-height: 19px;
    font-family: Palanquin;
    font-size: 16px;
    color: #626262 !important;
}

.modules-page header.header--white .hs-form .gsc-table-result div {
    font-size: 16px;
}

.modules-page header.header .hs-form a:after, .modules-page header.header .hs-form input[type="image"]:after {
    font-family: FontAwesome;
    content: "\f002";
    font-size: 20px;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    left: -40px;
    z-index: 2;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.modules-page header.header {
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -ms-transform: rotate(0);
    -o-transform: rotateZ(0);
    transform: rotateZ(0);
}

.modules-page header.header .slicknav_menu .search {
    display: block !important;
}

/*search button*/
.modules-page #hs-search-module .hs-form div.input {
    margin-top: 3px;
}

.modules-page #hs-search-module .hs-form input.hs-input {
    padding-top: 0px;
    padding-bottom: 0px;
}

.modules-page header.header .hs-form .field a:after {
    top: -2px;
}

/* Menu scroll */
.modules-page header.header #menu .scroll-bottom {
    display: none;
}

.modules-page header.header #menu .scroll-top {
    display: none;
}

.modules-page header.header #menu .scroll {
    overflow-y: hidden !important;
}

.modules-page header.header #menu .scroll .scroll-bottom {
    display: block;
    height: 30px;
    cursor: pointer;
    position: absolute;
    z-index: 9;
    bottom: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.7);
}

.modules-page header.header #menu .scroll .scroll-top {
    display: block;
    height: 30px;
    cursor: pointer;
    position: absolute;
    z-index: 9;
    top: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 1055px) {
    .modules-page header.header #menu ul, .modules-page header.header .search {
        display: none !important;
    }

    .modules-page .slicknav_menu {
        display: block;
        z-index: 1;
    }
}

@media (max-width: 1150px) {
    .modules-page header.header .hs-form {
        margin-left: 0px;
    }
}

.modules-page .cta-primary, .modules-page .widget-type-form form input.hs-button, .modules-page .footer-info .widget-type-form form input.hs-button, .modules-page .buttonsec, .modules-page .yellow-button, .modules-page .blog-email-subscription input[type="submit"], .modules-page .header-with-search .description-header .search-wrap input[type="submit"], .modules-page .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-button.primary.large, .modules-page .hero-landing .form-placeholder .hero-banner-form .hs-button.primary.large, .modules-page .hero-banner-landing .form-placeholder .hero-banner-form .hs-button.primary.large, .modules-page .pricing-box__order, .modules-page .sodium-faq .left a.cta_button, .modules-page .features-container .hero-banner-form .hs-button.primary.large, .modules-page .landing-basic-2 .form-container .hero-banner-form .hs-button.primary.large, .modules-page .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-button.primary.large, .modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .widget-type-form form input.hs-button, .modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper input[type=submit], .modules-page .landing-video-v4 .row-fluid .hero-form input[type=submit], .modules-page .landing .form-landing .widget-type-form form input.hs-button, .modules-page .careers-form input[type="submit"] {
    display: inline-block;
    background-color: #FF4100;
    border: 2px solid #FF4100;
    color: #ffffff;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    padding: 10px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.modules-page .cta-primary:hover, .modules-page .widget-type-form form input.hs-button:hover, .modules-page .buttonsec:hover, .modules-page .yellow-button:hover, .modules-page .blog-email-subscription input:hover[type="submit"], .modules-page .header-with-search .description-header .search-wrap input:hover[type="submit"], .modules-page .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-button.primary.large:hover, .modules-page .hero-landing .form-placeholder .hero-banner-form .hs-button.primary.large:hover, .modules-page .hero-banner-landing .form-placeholder .hero-banner-form .hs-button.primary.large:hover, .modules-page .pricing-box__order:hover, .modules-page .sodium-faq .left a.cta_button:hover, .modules-page .features-container .hero-banner-form .hs-button.primary.large:hover, .modules-page .landing-basic-2 .form-container .hero-banner-form .hs-button.primary.large:hover, .modules-page .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-button.primary.large:hover, .modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .widget-type-form form input.hs-button:hover, .modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper input:hover[type=submit], .modules-page .landing-video-v4 .row-fluid .hero-form input:hover[type=submit], .modules-page .landing .form-landing .widget-type-form form input.hs-button:hover, .modules-page .careers-form input:hover[type="submit"] {
    background-color: #ffffff;
    border: 2px solid #FF4100;
    color: #FF4100;
    -webkit-appearance: none;
}

.modules-page .cta-primary p, .modules-page .widget-type-form form input.hs-button p, .modules-page .footer-info .widget-type-form form input.hs-button p, .modules-page .buttonsec p, .modules-page .yellow-button p, .modules-page .blog-email-subscription input[type="submit"] p, .modules-page .header-with-search .description-header .search-wrap input[type="submit"] p, .modules-page .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-button.primary.large p, .modules-page .hero-landing .form-placeholder .hero-banner-form .hs-button.primary.large p, .modules-page .hero-banner-landing .form-placeholder .hero-banner-form .hs-button.primary.large p, .modules-page .pricing-box__order p, .modules-page .sodium-faq .left a.cta_button p, .modules-page .features-container .hero-banner-form .hs-button.primary.large p, .modules-page .landing-basic-2 .form-container .hero-banner-form .hs-button.primary.large p, .modules-page .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-button.primary.large p, .modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .widget-type-form form input.hs-button p, .modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper input[type=submit] p, .modules-page .landing-video-v4 .row-fluid .hero-form input[type=submit] p, .modules-page .landing .form-landing .widget-type-form form input.hs-button p, .modules-page .careers-form input[type="submit"] p, .modules-page .cta-primary span, .modules-page .widget-type-form form input.hs-button span, .modules-page .footer-info .widget-type-form form input.hs-button span, .modules-page .buttonsec span, .modules-page .yellow-button span, .modules-page .blog-email-subscription input[type="submit"] span, .modules-page .header-with-search .description-header .search-wrap input[type="submit"] span, .modules-page .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-button.primary.large span, .modules-page .hero-landing .form-placeholder .hero-banner-form .hs-button.primary.large span, .modules-page .hero-banner-landing .form-placeholder .hero-banner-form .hs-button.primary.large span, .modules-page .pricing-box__order span, .modules-page .sodium-faq .left a.cta_button span, .modules-page .features-container .hero-banner-form .hs-button.primary.large span, .modules-page .landing-basic-2 .form-container .hero-banner-form .hs-button.primary.large span, .modules-page .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-button.primary.large span, .modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .widget-type-form form input.hs-button span, .modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper input[type=submit] span, .modules-page .landing-video-v4 .row-fluid .hero-form input[type=submit] span, .modules-page .landing .form-landing .widget-type-form form input.hs-button span, .modules-page .careers-form input[type="submit"] span, .modules-page .cta-primary strong, .modules-page .widget-type-form form input.hs-button strong, .modules-page .footer-info .widget-type-form form input.hs-button strong, .modules-page .buttonsec strong, .modules-page .yellow-button strong, .modules-page .blog-email-subscription input[type="submit"] strong, .modules-page .header-with-search .description-header .search-wrap input[type="submit"] strong, .modules-page .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-button.primary.large strong, .modules-page .hero-landing .form-placeholder .hero-banner-form .hs-button.primary.large strong, .modules-page .hero-banner-landing .form-placeholder .hero-banner-form .hs-button.primary.large strong, .modules-page .pricing-box__order strong, .modules-page .sodium-faq .left a.cta_button strong, .modules-page .features-container .hero-banner-form .hs-button.primary.large strong, .modules-page .landing-basic-2 .form-container .hero-banner-form .hs-button.primary.large strong, .modules-page .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-button.primary.large strong, .modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .widget-type-form form input.hs-button strong, .modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper input[type=submit] strong, .modules-page .landing-video-v4 .row-fluid .hero-form input[type=submit] strong, .modules-page .landing .form-landing .widget-type-form form input.hs-button strong, .modules-page .careers-form input[type="submit"] strong {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
}

.modules-page .cta-primary--white-border:hover {
    border: 2px solid #ffffff;
}

.modules-page .cta-secondary, .modules-page .button {
    display: inline-block;
    background-color: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    padding: 10px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.modules-page .cta-secondary:hover, .modules-page .button:hover {
    background-color: #ffffff;
    border: 2px solid #FF4100;
    color: #FF4100;
    -webkit-appearance: none;
}

.modules-page .cta-secondary p, .modules-page .button p, .modules-page .cta-secondary span, .modules-page .button span, .modules-page .cta-secondary strong, .modules-page .button strong {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
}

.modules-page .cta-secondary--white-border:hover {
    border: 2px solid #ffffff;
}

@media (max-width: 920px) {
    .modules-page .portfolio .cta_button {
        min-width: 1px !important;
    }

    .modules-page .portfolio .span3 {
        text-align: center;
    }
}

.modules-page form.hs-form .inputs-list {
    list-style: none !important;
}

.modules-page form.hs-form .inputs-list li label {
    position: relative;
}

.modules-page form.hs-form .hs-form-field .input input[type="checkbox"].hs-input {
    height: 25px;
    visibility: hidden;
}

.modules-page form.hs-form .hs-form-field .input input[type="checkbox"].hs-input + span {
    padding-left: 9px;
}

.modules-page form.hs-form .hs-form-field .input input[type="checkbox"].hs-input + span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -1px;
    display: block;
    width: 14px;
    height: 14px;
    font-family: "FontAwesome";
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.modules-page form.hs-form .hs-form-field .input input[type="checkbox"].hs-input + span:after {
    content: "\f096";
    position: absolute;
    top: 50%;
    left: -1px;
    display: block;
    color: #e0e0e0;
    width: 16px;
    height: 20px;
    font-family: "FontAwesome";
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.modules-page form.hs-form .hs-form-field .input input[type="checkbox"].hs-input:checked + span:after {
    content: "\f14a";
    color: #4a4949;
}

.modules-page form.hs-form .hs-form-field .input input[type="radio"].hs-input {
    position: relative;
    height: 25px;
    width: 15px;
    top: -6px;
    margin-right: 8px;
    visibility: hidden;
}

.modules-page form.hs-form .hs-form-field .input input[type="radio"].hs-input + span:before {
    content: "\f1db";
    font-family: FontAwesome;
    background-image: none;
    color: #e5e5e5;
    position: absolute;
    background-position: center;
    left: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 19px;
    background-color: #FFF;
    height: 16px;
    width: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 0.9;
}

.modules-page form.hs-form .hs-form-field .input input[type="radio"].hs-input + span:after {
    content: "\f111";
    font-family: FontAwesome;
    background-image: none;
    color: #e5e5e5;
    position: absolute;
    background-position: center;
    left: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 7px;
}

.modules-page form.hs-form .hs-form-field .input input[type="radio"].hs-input:checked + span:before {
    color: #FF4100;
}

.modules-page form.hs-form .hs-form-field .input input[type="radio"].hs-input:checked + span:after {
    color: #FF4100;
}

.modules-page form.hs-form .legal-consent-container, .modules-page form.new-select-custom .legal-consent-container, .modules-page form#email-prefs-form .legal-consent-container {
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 0px 2px;
    text-align: left;
}

.modules-page form.hs-form .legal-consent-container .hs-form-field, .modules-page form.new-select-custom .legal-consent-container .hs-form-field, .modules-page form#email-prefs-form .legal-consent-container .hs-form-field {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.modules-page form.hs-form .legal-consent-container .hs-form-field .inputs-list li, .modules-page form.new-select-custom .legal-consent-container .hs-form-field .inputs-list li, .modules-page form#email-prefs-form .legal-consent-container .hs-form-field .inputs-list li {
    margin-top: 0 !important;
    padding-left: 0;
}

.modules-page form.hs-form .legal-consent-container .hs-form-field .inputs-list li label, .modules-page form.new-select-custom .legal-consent-container .hs-form-field .inputs-list li label, .modules-page form#email-prefs-form .legal-consent-container .hs-form-field .inputs-list li label {
    display: block;
    font-size: 12px;
    padding-left: 14px;
}

.modules-page form.hs-form .legal-consent-container .hs-form-field .hs-error-msgs.inputs-list li, .modules-page form.new-select-custom .legal-consent-container .hs-form-field .hs-error-msgs.inputs-list li, .modules-page form#email-prefs-form .legal-consent-container .hs-form-field .hs-error-msgs.inputs-list li {
    padding-left: 8px;
}

.modules-page form.hs-form .legal-consent-container .hs-form-field .hs-error-msgs.inputs-list li label, .modules-page form.new-select-custom .legal-consent-container .hs-form-field .hs-error-msgs.inputs-list li label, .modules-page form#email-prefs-form .legal-consent-container .hs-form-field .hs-error-msgs.inputs-list li label {
    font-size: 12px !important;
}

.modules-page form.hs-form .legal-consent-container .hs-form-field .input input[type="checkbox"].hs-input, .modules-page form.new-select-custom .legal-consent-container .hs-form-field .input input[type="checkbox"].hs-input, .modules-page form#email-prefs-form .legal-consent-container .hs-form-field .input input[type="checkbox"].hs-input {
    position: absolute;
    margin-top: 0;
    top: 0;
    height: auto;
}

.modules-page form.hs-form .legal-consent-container .hs-form-field .input input[type="checkbox"].hs-input + span, .modules-page form.new-select-custom .legal-consent-container .hs-form-field .input input[type="checkbox"].hs-input + span, .modules-page form#email-prefs-form .legal-consent-container .hs-form-field .input input[type="checkbox"].hs-input + span {
    display: inline-block;
    padding-left: 9px;
    margin-top: 0;
    font-size: 12px;
}

.modules-page form.hs-form .legal-consent-container .hs-form-field .input input[type="checkbox"].hs-input + span:before, .modules-page form.new-select-custom .legal-consent-container .hs-form-field .input input[type="checkbox"].hs-input + span:before, .modules-page form#email-prefs-form .legal-consent-container .hs-form-field .input input[type="checkbox"].hs-input + span:before {
    width: 8px;
    height: 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    top: 3px;
    left: 1px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.modules-page form.hs-form .legal-consent-container .hs-form-field .input input[type="checkbox"].hs-input + span:after, .modules-page form.new-select-custom .legal-consent-container .hs-form-field .input input[type="checkbox"].hs-input + span:after, .modules-page form#email-prefs-form .legal-consent-container .hs-form-field .input input[type="checkbox"].hs-input + span:after {
    width: 12px;
    height: 12px;
    top: 2px;
    left: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.modules-page form.hs-form .legal-consent-container .hs-form-field .input input[type="checkbox"].hs-input:checked + span:after, .modules-page form.new-select-custom .legal-consent-container .hs-form-field .input input[type="checkbox"].hs-input:checked + span:after, .modules-page form#email-prefs-form .legal-consent-container .hs-form-field .input input[type="checkbox"].hs-input:checked + span:after {
    width: 12px;
    height: 12px;
}

.modules-page form.hs-form .legal-consent-container .hs-richtext, .modules-page form.hs-form .legal-consent-container li, .modules-page form.hs-form .legal-consent-container p, .modules-page form.hs-form .legal-consent-container span, .modules-page form.new-select-custom .legal-consent-container .hs-richtext, .modules-page form.new-select-custom .legal-consent-container li, .modules-page form.new-select-custom .legal-consent-container p, .modules-page form.new-select-custom .legal-consent-container span, .modules-page form#email-prefs-form .legal-consent-container .hs-richtext, .modules-page form#email-prefs-form .legal-consent-container li, .modules-page form#email-prefs-form .legal-consent-container p, .modules-page form#email-prefs-form .legal-consent-container span {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.2 !important;
}

.modules-page form.hs-form .legal-consent-container .hs-richtext, .modules-page form.new-select-custom .legal-consent-container .hs-richtext, .modules-page form#email-prefs-form .legal-consent-container .hs-richtext {
    margin-top: 10px;
    margin-bottom: 3px;
}

.modules-page form.hs-form .legal-consent-container .hs-richtext a, .modules-page form.new-select-custom .legal-consent-container .hs-richtext a, .modules-page form#email-prefs-form .legal-consent-container .hs-richtext a {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    text-decoration: underline;
}

/****************************************- 3M - CUSTOM MODULES ****************************************/
/********************************************************/
/******* Modules/about-me-text-block-skills.scss *******/
/********************************************************/
.modules-page .about-me_skills {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.modules-page .about-me_skills .text-block {
    width: 50%;
    background-color: #4a4949;
}

.modules-page .about-me_skills .text-block .text-block-content {
    max-width: 550px;
    margin-top: 15px;
    margin-bottom: 40px;
}

.modules-page .about-me_skills .text-block .text-block-content.txt-left {
    margin-left: 10px;
    margin-right: 40px;
}

.modules-page .about-me_skills .text-block .text-block-content.txt-right {
    margin-left: 40px;
    margin-right: 10px;
}

@media (max-width: 767px) {
    .modules-page .about-me_skills .text-block .text-block-content {
        float: none !important;
        margin: 20px auto !important;
    }
}

@media (max-width: 550px) {
    .modules-page .about-me_skills .text-block .text-block-content {
        margin: 20px 15px !important;
    }
}

.modules-page .about-me_skills .text-block .text-block-content h3 {
    font-size: 40px;
    color: #fff;
    margin: 30px 0 20px;
}

.modules-page .about-me_skills .text-block .text-block-content p {
    color: #fff;
}

.modules-page .about-me_skills .text-block .text-block-content ul.social {
    margin-top: 45px;
    margin-bottom: 15px;
}

.modules-page .about-me_skills .text-block .text-block-content ul.social li {
    margin-right: 0;
}

.modules-page .about-me_skills .text-block .text-block-content ul.social li a {
    text-align: center;
    display: block;
    line-height: 67px;
    height: 54px;
    width: 54px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 2px #ffffff;
    margin-right: 19px;
    color: #ffffff;
    background-color: #FF4100;
}

.modules-page .about-me_skills .text-block .text-block-content ul.social li a:hover {
    color: #FF4100;
    background-color: #ffffff;
    cursor: pointer;
}

.modules-page .about-me_skills .text-block .text-block-content ul.social li a i {
    font-size: 33px;
    display: block;
    line-height: 55px;
    margin-top: -1px;
}

.modules-page .about-me_skills .progress_bars {
    width: 50%;
}

.modules-page .about-me_skills .progress_bars .skills-header h2 {
    color: #626262;
    margin-bottom: 35px;
    margin-top: 0px;
    padding-top: 50px;
}

.modules-page .about-me_skills .progress_bars .wrapper-bars {
    width: 100%;
    padding: 0 35px 60px;
    max-width: 550px;
    margin: 15px 0 40px;
    display: inline-block;
}

@media (max-width: 767px) {
    .modules-page .about-me_skills .progress_bars .wrapper-bars {
        float: none !important;
        margin: 20px auto;
        display: block;
    }
}

.modules-page .about-me_skills .progress_bars .wrapper-bars h3 {
    color: #626262;
    font-size: 40px;
    margin: 30px 0 20px;
}

.modules-page .about-me_skills .progress_bars .wrapper-bars h3 span {
    color: #FF4100;
    letter-spacing: 3px;
}

.modules-page .about-me_skills .progress_bars .wrapper-bars h4 {
    margin-top: 15px;
    width: 100%;
    font-size: 16px;
    color: #626262;
    text-align: left;
    font-weight: normal;
    margin-bottom: 12px;
}

.modules-page .about-me_skills .progress_bars .wrapper-bars .bar {
    width: 100%;
    height: 19px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: white;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.modules-page .about-me_skills .progress_bars .wrapper-bars .loading-bar {
    width: 0%;
    height: 19px;
    background-color: #4a4949;
    position: relative;
    -webkit-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    transition: all 0.6s linear;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.modules-page .about-me_skills .progress_bars .wrapper-bars .loading-bar .circle {
    background-color: #4a4949;
    position: absolute;
    height: 19px;
    width: 19px;
    top: 0px;
    right: -5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.modules-page .about-me_skills .progress_bars .wrapper-bars .loading-bar .circle span {
    position: absolute;
    top: -23px;
    text-align: center;
    color: #626262;
    font-size: 16px;
    font-weight: 600;
}

.modules-page .about-me_skills .image-container {
    width: 50%;
    background-position: center;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: auto;
}

@media (max-width: 767px) {
    .modules-page .about-me_skills .image-container {
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 767px) {
    .modules-page .about-me_skills {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .modules-page .about-me_skills .text-block, .modules-page .about-me_skills .progress_bars {
        width: 100%;
    }

    .modules-page .about-me_skills .progress_bars {
        background-color: #fff;
    }
}

/********************************************************/
/******* Modules/background-spacer.scss *******/
/********************************************************/
.modules-page .background-spacer {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}

.modules-page .right .background-spacer {
    left: 50%;
}

.modules-page .right--45 .background-spacer {
    left: 55%;
}

.modules-page .left .background-spacer {
    left: 0;
    width: 50%;
}

.modules-page .left--45 .background-spacer {
    width: 45%;
}

@media (max-width: 767px) {
    .modules-page .background-spacer {
        display: none;
    }
}

/********************************************************/
/******* Modules/blog-email-subscription.scss *******/
/********************************************************/
.modules-page .blog-email-subscription {
    -moz-background-size: cover;
    background-size: cover;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: center;
    padding: 60px 0 80px 0;
    background-color: white;
}

.modules-page .blog-email-subscription .container {
    position: relative;
}

.modules-page .blog-email-subscription .hs-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 1000px) {
    .modules-page .blog-email-subscription .hs-form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.modules-page .blog-email-subscription h3 {
    margin-top: 0;
    font-weight: 300;
    color: white;
    margin-bottom: 50px;
    font-size: 40px;
    letter-spacing: 0.04em;
}

.modules-page .blog-email-subscription .hs_email {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    color: white;
    position: relative;
}

.modules-page .blog-email-subscription .hs_email .hs-form-required {
    display: none;
}

@media screen and (max-width: 600px) {
    .modules-page .blog-email-subscription .hs_email {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column wrap;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media screen and (max-width: 1000px) {
    .modules-page .blog-email-subscription input[type="submit"] {
        margin-top: 30px;
    }
}

@media screen and (max-width: 480px) {
    .modules-page .blog-email-subscription input[type="submit"] {
        margin-top: 30px;
    }
}

.modules-page .blog-email-subscription input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
}

.modules-page .blog-email-subscription input::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}

.modules-page .blog-email-subscription input:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}

.modules-page .blog-email-subscription input:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}

.modules-page .blog-email-subscription input[type="email"] {
    font-size: 16px;
    width: 595px;
    color: #fff;
    background: rgba(246, 245, 243, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 30px 0 0;
    padding: 11px 10px;
    height: 100%;
}

@media screen and (max-width: 1000px) {
    .modules-page .blog-email-subscription input[type="email"] {
        width: 350px;
        margin-right: 0;
    }
}

@media screen and (max-width: 480px) {
    .modules-page .blog-email-subscription input[type="email"] {
        width: 280px;
    }
}

.modules-page .blog-email-subscription label {
    margin-right: 10px;
    color: white;
}

@media screen and (max-width: 1000px) {
    .modules-page .blog-email-subscription label {
        margin-right: 0px;
    }
}

.modules-page .blog-email-subscription .hs-error-msgs {
    position: absolute;
    bottom: -25px;
    list-style: none;
    left: 10px;
}

@media screen and (max-width: 1000px) {
    .modules-page .blog-email-subscription .hs-error-msgs {
        left: 0;
    }
}

.modules-page .blog-email-subscription .hs-error-msgs a {
    color: #fff;
    font-size: 18px;
}

.modules-page .blog-email-subscription .hs-error-msgs li:nth-of-type(2) {
    display: none;
}

.modules-page .blog-email-subscription .subscription-arrow__container {
    position: absolute;
    top: -50px;
    display: block;
    right: -150px;
}

@media screen and (max-width: 1000px) {
    .modules-page .blog-email-subscription .subscription-arrow__container {
        position: absolute;
        top: 330%;
        display: block;
        right: 87%;
    }
}

@media screen and (max-width: 600px) {
    .modules-page .blog-email-subscription .subscription-arrow__container {
        display: none;
    }
}

.modules-page .blog-email-subscription .subscription-arrow__container:after {
    display: block;
    position: absolute;
    top: -15px;
    width: 201px;
    left: 5px;
    color: white;
    font-weight: 300;
    font-size: 16px;
}

@media screen and (max-width: 1000px) {
    .modules-page .blog-email-subscription .subscription-arrow__container:after {
        left: -35px;
        top: -20px;
    }
}

@media screen and (max-width: 1000px) {
    .modules-page .blog-email-subscription .subscription-arrow__container .subscription-arrow {
        -webkit-transform: rotate(-140deg);
        -moz-transform: rotate(-140deg);
        -ms-transform: rotate(-140deg);
        -o-transform: rotate(-140deg);
        transform: rotate(-140deg);
        position: relative;
        top: -36px;
        left: 314%;
    }
}

.modules-page .blog-email-subscription .legal-consent-container {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -moz-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
    max-width: 800px;
}

.modules-page .blog-email-subscription .legal-consent-container .hs-richtext, .modules-page .blog-email-subscription .legal-consent-container p, .modules-page .blog-email-subscription .legal-consent-container span, .modules-page .blog-email-subscription .legal-consent-container li {
    color: #fff;
}

.modules-page .blog-email-subscription .legal-consent-container .hs-error-msgs {
    position: static;
    bottom: unset;
    left: unset;
}

/********************************************************/
/******* Modules/brands-slider.scss *******/
/********************************************************/
.modules-page .brands-slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 200px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.modules-page .brands-slider__section {
    background: #4a4949;
}

.modules-page .brands-slider .slick-prev {
    left: 60px;
}

.modules-page .brands-slider .slick-next {
    right: 60px;
}

.modules-page .brands-slider .slick-slide img {
    margin: 0 auto;
}

.modules-page .brands-slider .slick-list {
    margin-left: 80px;
    margin-right: 80px;
}

.modules-page .brands-slider .slick-arrow {
    position: absolute;
    top: 50%;
    width: auto;
    height: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    margin-top: 0px;
}

.modules-page .brands-slider .slick-arrow.slick-prev {
    left: 48px;
}

.modules-page .brands-slider .slick-arrow.slick-prev:before {
    content: '';
    background-image: url("//cdn2.hubspot.net/hubfs/685080/HubSpot_Template_Marketplace/Turbo_Sodium/assets/arrow-left.png");
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    width: 30px;
    height: 58px;
    display: block;
}

.modules-page .brands-slider .slick-arrow.slick-next {
    right: 48px;
}

.modules-page .brands-slider .slick-arrow.slick-next:before {
    content: '';
    background-image: url("//cdn2.hubspot.net/hubfs/685080/HubSpot_Template_Marketplace/Turbo_Sodium/assets/arrow-left.png");
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    width: 30px;
    height: 58px;
    display: block;
}

.modules-page .brands-slider .slick-dots {
    bottom: 0px;
    width: 100%;
    list-style: none;
    text-align: center;
}

.modules-page .brands-slider .slick-dots li button:before {
    font-size: 26px;
}

.modules-page .brands-slider .slick-dots li.slick-active button:before {
    color: #fff;
}

/********************************************************/
/******* Modules/contact-banner-v1.scss *******/
/********************************************************/
.modules-page section.contact-banner-v1 {
    position: relative;
    min-height: 510px;
    height: 500px;
    color: #fff;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
}

.modules-page section.contact-banner-v1 .mask, .modules-page section.contact-banner-v1 .separator--contact__mask {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.46);
}

.modules-page section.contact-banner-v1 .container {
    position: relative;
    z-index: 9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 508px;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.modules-page section.contact-banner-v1 .container .span4 {
    font-size: 16px;
}

.modules-page section.contact-banner-v1 .container .span4 p {
    font-size: 16px;
}

.modules-page section.contact-banner-v1 .container .span4 p a[href^="tel"] {
    text-decoration: none;
    color: inherit;
}

.modules-page section.contact-banner-v1 .container .span4 h3 {
    font-weight: 600;
    text-transform: uppercase;
    color: #4a4949;
}

.modules-page section.contact-banner-v1 .container .span8 #map {
    max-width: 585px;
    width: 100%;
    height: 349px;
    float: right;
}

.modules-page section.contact-banner-v1 #map-close {
    position: fixed;
    top: 20px;
    left: 20px;
    font-size: 26px;
    border: 0;
    background-color: transparent;
    z-index: 9;
    margin: 0;
    padding: 0;
    width: 61px;
}

.modules-page section.contact-banner-v1 #map-close .fa {
    padding: 0px 3px;
    background-color: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    color: #FF4100;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.modules-page section.contact-banner-v1 .map-wrapper {
    height: auto;
    width: 100%;
    position: relative;
    float: right;
}

.modules-page section.contact-banner-v1 .map-wrapper .gmnoprint .gm-style-mtc {
    display: none !important;
}

.modules-page section.contact-banner-v1 .map-wrapper #map-find-road {
    position: absolute;
    bottom: 125px;
    font-size: 26px;
    border: 0;
    background-color: transparent;
    z-index: 9;
    right: 10px;
    padding: 0;
    margin: 0;
    width: auto;
}

.modules-page section.contact-banner-v1 .map-wrapper #map-find-road .fa {
    padding: 0px 3px;
    background-color: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
    box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
    color: #FF4100;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.modules-page section.contact-banner-v1 .map-wrapper #start-position {
    position: absolute;
    bottom: 126px;
    right: 46px;
    width: 0px;
    font-size: 14px;
    height: 26px;
    z-index: 9;
    color: #626262;
    border: 0;
    padding: 0px 0px;
    background-color: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
    box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.modules-page section.contact-banner-v1 .map-wrapper #start-position.open {
    width: 200px;
    padding: 0px 3px;
}

.modules-page section.contact-banner-v1 .map-wrapper.full-open {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100vw;
    max-height: 100vh;
    height: 100vh;
}

.modules-page section.contact-banner-v1 .map-wrapper.full-open #map {
    max-width: 100%;
    width: 100%;
    height: 100%;
    float: none;
}

.modules-page section.contact-banner-v1 .map-wrapper .mask, .modules-page section.contact-banner-v1 .map-wrapper .separator--contact__mask {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: transparent;
}

.modules-page section.contact-banner-v1 .map-wrapper iframe {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .modules-page section.contact-banner-v1 {
        height: auto;
    }

    .modules-page section.contact-banner-v1 .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .modules-page section.contact-banner-v1 .container .span8 {
        width: 100%;
    }

    .modules-page section.contact-banner-v1 .container .span8 #map {
        float: none;
        margin: 0 auto;
        margin-bottom: 30px;
    }
}

/********************************************************/
/******* Modules/contact-banner-v2.scss *******/
/********************************************************/
.modules-page section.contact-banner-v2 {
    position: relative;
    min-height: 510px;
    color: #fff;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    margin-top: 70px;
}

.modules-page section.contact-banner-v2 .mask, .modules-page section.contact-banner-v2 .separator--contact__mask {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.46);
}

.modules-page section.contact-banner-v2 .container {
    position: relative;
    z-index: 9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 508px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.modules-page section.contact-banner-v2 .container .span12 {
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0.58);
    padding: 0 60px;
    max-width: 585px;
    border-left: 4px solid #4a4949;
}

.modules-page section.contact-banner-v2 .container .span12 p {
    font-size: 16px;
}

.modules-page section.contact-banner-v2 .container .span12 h3 {
    font-weight: 500;
    font-size: 31px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #4a4949;
}

@media screen and (max-width: 767px) {
    .modules-page section.contact-banner-v2 .container .span12 {
        padding: 0 30px;
    }
}

@media all and (-ms-high-contrast: none), .modules-page (-ms-high-contrast: active) {
    section.contact-banner-v2 .container {
        height: 508px;
    }
}

/********************************************************/
/******* Modules/cta-box.scss *******/
/********************************************************/
.modules-page .cta-box {
    max-width: 292px;
    height: 303px;
    position: relative;
    z-index: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    padding: 0px 15px;
}

.modules-page .cta-box .mask, .modules-page .cta-box .separator--contact__mask {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.modules-page .cta-box .cta-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    max-width: 292px;
    height: 303px;
}

.modules-page .cta-box .cta-wrap .cta-content {
    margin: 0 auto;
    max-width: 292px;
}

.modules-page .cta-box .cta-wrap .cta-content h3 {
    font-size: 34px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    margin-top: 0;
    padding-top: 0;
}

.modules-page .cta-box .cta-wrap .cta-content p {
    font-size: 20px;
    color: #fff;
    font-weight: 300;
}

/********************************************************/
/******* Modules/expertise-box.scss *******/
/********************************************************/
.modules-page section.expertise section.expertise-box-wrapper > .span12 > .hs_cos_wrapper_widget_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modules-page section.expertise section.expertise-box-wrapper > .span12 > .hs_cos_wrapper_widget_container > div {
    width: 50%;
}

.modules-page section.expertise section.expertise-box-wrapper > .span12 > .hs_cos_wrapper_widget_container > div .expertise-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.modules-page section.expertise section.expertise-box-wrapper > .span12 > .hs_cos_wrapper_widget_container > div .expertise-box .ico {
    padding: 0px 25px 0px 0px;
}

@media screen and (max-width: 768px) {
    .modules-page section.expertise .span7 {
        width: 100%;
    }

    .modules-page section.expertise section.expertise-box-wrapper > .span12 {
        width: 100%;
    }

    .modules-page section.expertise section.expertise-box-wrapper > .span12 > .hs_cos_wrapper_widget_container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }

    .modules-page section.expertise section.expertise-box-wrapper > .span12 > .hs_cos_wrapper_widget_container > div {
        width: 100%;
    }

    .modules-page section.expertise section.expertise-box-wrapper > .span12 > .hs_cos_wrapper_widget_container > div .expertise-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 320px;
        text-align: left;
        margin: auto;
    }

    .modules-page section.expertise section.expertise-box-wrapper > .span12 > .hs_cos_wrapper_widget_container > div .expertise-box .ico {
        padding: 0px 25px 0px 0px;
    }
}

/********************************************************/
/******* Modules/faq-box.scss *******/
/********************************************************/
.modules-page section.question {
    counter-reset: sekcja;
}

.modules-page .faq-box {
    border-bottom: 1px solid #ebebeb;
}

.modules-page .faq-box h4.panel-title {
    padding-left: 40px;
    position: relative;
}

.modules-page .faq-box h4.panel-title:before {
    counter-increment: sekcja;
    content: counter(sekcja);
    color: #FF4100;
    font-size: 26px;
    font-weight: 600;
    position: absolute;
    display: block;
    left: 0;
    top: -4px;
}

.modules-page .faq-box h4.panel-title a {
    color: #626262;
    text-decoration: none;
    font-size: 20px;
    display: block;
    position: relative;
    padding-right: 30px;
}

.modules-page .faq-box h4.panel-title a:after {
    content: "";
    background-image: url("//cdn2.hubspot.net/hubfs/685080/HubSpot_Template_Marketplace/Turbo_Sodium/assets/hide.png");
    position: absolute;
    height: 21px;
    width: 21px;
    right: 0;
    top: 0;
    display: block;
}

.modules-page .faq-box h4.panel-title a.collapsed:after {
    content: "";
    background-image: url("//cdn2.hubspot.net/hubfs/685080/HubSpot_Template_Marketplace/Turbo_Sodium/assets/show.png");
    position: absolute;
    height: 21px;
    width: 21px;
    right: 0;
    top: 0;
    display: block;
}

.modules-page .faq-box .panel-collapse {
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    overflow: hidden;
}

.modules-page .faq-box .panel-body {
    color: #626262;
    font-size: 18px;
    margin-bottom: 20px;
    padding-left: 40px;
}

/********************************************************/
/******* Modules/feature-box-with-mocup.scss *******/
/********************************************************/
.modules-page .feature-mocup__box-container {
    width: 33%;
    float: left;
}

.modules-page .feature-mocup__iphone2-container {
    width: 34%;
    float: left;
}

.modules-page .feature-mocup__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    max-width: 400px;
}

.modules-page .feature-mocup__content {
    width: 80%;
}

.modules-page .feature-mocup__content h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 1px;
}

.modules-page .feature-mocup__content p {
    color: #fff;
    font-size: 16px;
    margin-top: 0;
}

.modules-page .feature-mocup__content--left {
    padding-right: 30px;
}

.modules-page .feature-mocup__content--right {
    padding-left: 30px;
}

.modules-page .feature-mocup__icon {
    width: 20%;
    max-width: 80px;
    height: auto;
    max-height: 80px;
}

.modules-page .feature-mocup__iphone2-container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.modules-page .feature-mocup__iphone2-screen-container {
    position: absolute;
    top: 63px;
    left: 0;
    right: 0;
    margin: auto;
    width: 206px;
    height: 347px;
    overflow: hidden;
}

.modules-page .feature-mocup__iphone2-screen {
    width: 100%;
}

@media (max-width: 991px) {
    .modules-page .feature-mocup__box-container {
        width: 100%;
    }

    .modules-page .feature-mocup__iphone2-container {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .modules-page .feature-mocup__iphone2-container {
        display: none;
    }
}

/********************************************************/
/******* Modules/feature-box.scss *******/
/********************************************************/
.modules-page .features {
    margin-bottom: 100px;
}

.modules-page .features h2 {
    color: #FF4100;
    font-weight: 600;
    margin-top: 50px;
}

.modules-page .features .feature {
    margin-top: 70px;
}

.modules-page .features .feature .icon {
    font-size: 40px;
    line-height: 40px;
    text-align: center;
}

.modules-page .features .feature h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 0px;
}

.modules-page .features .feature div.content {
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .modules-page .features .feature {
        text-align: center;
    }

    .modules-page .features .feature i, .modules-page .features .feature img {
        margin-bottom: 15px;
    }
}

/********************************************************/
/******* Modules/feature-yolk-box.scss *******/
/********************************************************/
.modules-page .feature-yolk-box {
    width: 33.33%;
    float: left;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.modules-page .feature-yolk-box__image img {
    max-width: 102px;
    max-height: 102px;
}

.modules-page .feature-yolk-box__header {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
}

.modules-page .feature-yolk-box__description {
    font-size: 16px;
    font-weight: 200;
    color: #fff;
}

@media (max-width: 768px) {
    .modules-page .feature-yolk-box {
        float: none;
        width: 100%;
        max-width: 300px;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto;
    }
}

/********************************************************/
/******* Modules/get-free-quote.scss *******/
/********************************************************/
.modules-page section.free-quote {
    min-height: 105px;
    width: 100%;
    background-color: #4a4949;
}

@media (max-width: 1114px) {
    .modules-page section.free-quote {
        float: left;
        padding-bottom: 40px;
    }
}

.modules-page section.free-quote .container {
    max-width: 1810px;
    padding-left: 333px;
}

@media (max-width: 1114px) {
    .modules-page section.free-quote .container {
        padding-left: 0;
        padding-right: 0;
    }
}

.modules-page section.free-quote .container .inner-container {
    max-width: 1140px;
}

@media (max-width: 1114px) {
    .modules-page section.free-quote .container .inner-container {
        display: inline;
    }
}

.modules-page section.free-quote .fq-text, .modules-page section.free-quote .fq-text p {
    font-size: 32px;
    padding: 0 10px;
    color: #FFF;
    line-height: 105px;
    display: inline;
}

@media (max-width: 1114px) {
    .modules-page section.free-quote .fq-text, .modules-page section.free-quote .fq-text p {
        clear: both;
        display: block;
        text-align: center;
    }
}

.modules-page section.free-quote .fq-text p {
    line-height: 1.4;
    text-transform: uppercase;
}

.modules-page section.free-quote .fq-cta {
    display: inline-block;
    float: right;
    margin-top: 23px;
}

@media (max-width: 1114px) {
    .modules-page section.free-quote .fq-cta {
        margin-top: 0;
        display: inline;
        width: 100%;
        text-align: center;
    }
}

/********************************************************/
/******* Modules/google-maps-module.scss *******/
/********************************************************/
.modules-page .google-maps-module #map-close {
    position: fixed;
    top: 20px;
    left: 20px;
    font-size: 26px;
    border: 0;
    background-color: transparent;
    z-index: 9;
    margin: 0;
    padding: 0;
    width: 61px;
}

.modules-page .google-maps-module #map-close .fa {
    padding: 0px 3px;
    background-color: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    color: #ffc400;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.modules-page .google-maps-module .map-wrapper {
    height: auto;
    width: 100%;
    position: relative;
    float: right;
}

.modules-page .google-maps-module .map-wrapper .gmnoprint .gm-style-mtc {
    display: none !important;
}

.modules-page .google-maps-module .map-wrapper #map-find-road {
    position: absolute;
    bottom: 125px;
    font-size: 26px;
    border: 0;
    background-color: transparent;
    z-index: 9;
    right: 10px;
    padding: 0;
    margin: 0;
    width: auto;
}

.modules-page .google-maps-module .map-wrapper #map-find-road .fa {
    padding: 0px 3px;
    background-color: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
    box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
    color: #ffc400;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.modules-page .google-maps-module .map-wrapper #start-position {
    position: absolute;
    bottom: 126px;
    right: 46px;
    width: 0px;
    font-size: 14px;
    height: 26px;
    z-index: 9;
    color: #626262;
    border: 0;
    padding: 0px 0px;
    background-color: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
    box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.modules-page .google-maps-module .map-wrapper #start-position.open {
    width: 200px;
    padding: 0px 3px;
}

.modules-page .google-maps-module .map-wrapper.full-open {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100vw;
    max-height: 100vh;
    height: 100vh;
}

.modules-page .google-maps-module .map-wrapper.full-open #map {
    max-width: 100%;
    width: 100%;
    height: 100%;
    float: none;
}

.modules-page .google-maps-module .map-wrapper .mask, .modules-page .google-maps-module .map-wrapper .separator--contact__mask {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: transparent;
}

.modules-page .google-maps-module .map-wrapper iframe {
    width: 100%;
    height: 100%;
}

/********************************************************/
/******* Modules/header_with_search.scss *******/
/********************************************************/
.modules-page .header-with-search {
    -moz-background-size: cover;
    background-size: cover;
    height: 500px;
    width: 100%;
    margin-top: 70px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modules-page .header-with-search .mask, .modules-page .header-with-search .separator--contact__mask {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #000;
}

.modules-page .header-with-search .description-header {
    position: relative;
    z-index: 3;
    text-align: center;
    width: 90%;
}

.modules-page .header-with-search .description-header h1 {
    font-weight: 300 !important;
    z-index: 2;
    font-size: 58px;
    width: 100%;
    font-weight: normal;
    margin: 0;
    color: #fff;
    word-wrap: break-word;
}

@media only screen and (max-width: 480px) {
    .modules-page .header-with-search .description-header h1 {
        font-size: 40px;
    }
}

.modules-page .header-with-search .description-header h1 span {
    font-weight: 600 !important;
}

@media only screen and (max-width: 480px) {
    .modules-page .header-with-search .description-header h1 span {
        font-size: 40px;
    }
}

.modules-page .header-with-search .description-header p {
    color: #fff;
    font-size: 23px;
    padding-top: 13px;
}

@media only screen and (max-width: 480px) {
    .modules-page .header-with-search .description-header p {
        padding-top: 0px;
    }
}

.modules-page .header-with-search .description-header .search-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 56px;
}

@media only screen and (max-width: 767px) {
    .modules-page .header-with-search .description-header .search-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media only screen and (max-width: 480px) {
    .modules-page .header-with-search .description-header .search-wrap {
        margin-top: 36px;
    }
}

.modules-page .header-with-search .description-header .search-wrap .input-wrap {
    width: 626px;
    margin-right: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 767px) {
    .modules-page .header-with-search .description-header .search-wrap .input-wrap {
        margin-right: 0px;
        margin-bottom: 20px;
        width: 95%;
    }
}

.modules-page .header-with-search .description-header .search-wrap .input-wrap input[type="text"] {
    display: inline-block;
    max-width: 626px;
    height: 46px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
    padding-left: 20px;
}

@media only screen and (max-width: 767px) {
    .modules-page .header-with-search .description-header .search-wrap .input-wrap input[type="text"] {
        width: 100%;
    }
}

.modules-page .header-with-search .description-header .search-wrap .input-wrap input[type="text"]:focus span:after {
    color: red;
}

.modules-page .header-with-search .description-header .search-wrap .input-wrap span {
    width: 0px;
}

.modules-page .header-with-search .description-header .search-wrap .input-wrap span:after {
    font-family: FontAwesome;
    content: "\f002";
    color: #FF4100;
    position: relative;
    right: 50px;
    top: 10px;
}

.modules-page .header-with-search .description-header .search-wrap input[type="submit"] {
    padding: 0;
    display: block;
    width: 145px;
    height: 46px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/********************************************************/
/******* Modules/hero_banner_event_clock.scss *******/
/********************************************************/
.modules-page .hero-event-clock {
    height: 600px;
    width: 100%;
    margin-top: 70px;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modules-page .hero-event-clock .mask, .modules-page .hero-event-clock .separator--contact__mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: .35;
    z-index: 1;
}

.modules-page .hero-event-clock .clock-wrap {
    z-index: 2;
    border: 2px solid #4a4949;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    max-width: 972px;
    width: 95%;
    height: 198px;
    display: table;
}

@media only screen and (max-width: 580px) {
    .modules-page .hero-event-clock .clock-wrap {
        height: 298px;
    }
}

.modules-page .hero-event-clock .clock-wrap .clock {
    padding: 10px;
    width: 100%;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -15px;
    font-size: 70px;
}

@media only screen and (max-width: 768px) {
    .modules-page .hero-event-clock .clock-wrap .clock {
        margin-top: 5px;
    }
}

@media only screen and (max-width: 580px) {
    .modules-page .hero-event-clock .clock-wrap .clock {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.modules-page .hero-event-clock .clock-wrap .clock span {
    display: block;
    float: left;
    margin: 0 5px;
    text-align: center;
    width: 20%;
}

@media only screen and (max-width: 768px) {
    .modules-page .hero-event-clock .clock-wrap .clock span {
        width: 20%;
    }
}

@media only screen and (max-width: 580px) {
    .modules-page .hero-event-clock .clock-wrap .clock span {
        width: 40%;
    }
}

.modules-page .hero-event-clock .clock-wrap .clock span strong {
    display: block;
    font-size: 130px;
    font-weight: 200;
    padding: 0;
    margin: 0;
    line-height: 135px;
    width: 100%;
}

@media only screen and (max-width: 768px) {
    .modules-page .hero-event-clock .clock-wrap .clock span strong {
        font-size: 90px;
        line-height: 95px;
    }
}

.modules-page .hero-event-clock .clock-wrap .clock span small {
    display: block;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 200;
    padding: 0;
    margin: 0;
    margin-top: 15px;
}

@media only screen and (max-width: 580px) {
    .modules-page .hero-event-clock .clock-wrap .clock span small {
        font-size: 18px;
        margin-top: 5px;
    }
}

.modules-page .hero-event-clock .clock-wrap .clock p {
    display: block;
    margin: 0;
    padding: 0;
    float: left;
    font-size: 130px;
    line-height: 135px;
    padding: 0 2%;
}

@media only screen and (max-width: 768px) {
    .modules-page .hero-event-clock .clock-wrap .clock p {
        font-size: 90px;
        line-height: 95px;
        padding: 0 5px;
    }
}

@media only screen and (max-width: 580px) {
    .modules-page .hero-event-clock .clock-wrap .clock p:nth-child(4) {
        display: none;
    }
}

.modules-page .hero-event-clock .clock-wrap .after-clock {
    display: table-cell;
    margin: 0;
    text-align: center;
    vertical-align: middle;
}

@media only screen and (max-width: 480px) {
    .modules-page .hero-event-clock .clock-wrap .after-clock {
        font-size: 50px;
    }
}

/********************************************************/
/******* Modules/hero_banner_landing_basic_2.scss *******/
/********************************************************/
.modules-page .hero-banner-landing-basic-2 {
    min-height: 695px;
    margin-top: 70px;
    position: relative;
    -moz-background-size: cover !important;
    background-size: cover !important;
}

.modules-page .hero-banner-landing-basic-2 .opacity-bg {
    background: rgba(74, 73, 73, 0.55);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.modules-page .hero-banner-landing-basic-2 .container {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

@media (max-width: 800px) {
    .modules-page .hero-banner-landing-basic-2 .container {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.modules-page .hero-banner-landing-basic-2 .container .hero-banner-wrap {
    z-index: 1;
    text-align: left;
    -webkit-box-flex: 1.2;
    -webkit-flex-grow: 1.2;
    -moz-box-flex: 1.2;
    -ms-flex-positive: 1.2;
    flex-grow: 1.2;
    max-width: 630px;
    width: 60%;
    margin-right: 20px;
}

@media (max-width: 800px) {
    .modules-page .hero-banner-landing-basic-2 .container .hero-banner-wrap {
        width: 100%;
        margin: 0 20px;
    }
}

.modules-page .hero-banner-landing-basic-2 .container .hero-banner-wrap h1 {
    text-transform: none;
    text-align: left;
    font-weight: 300;
    color: #fff;
    font-size: 50px;
}

.modules-page .hero-banner-landing-basic-2 .container .hero-banner-wrap h1 span {
    letter-spacing: 3px;
}

.modules-page .hero-banner-landing-basic-2 .container .hero-banner-wrap h2 {
    font-size: 30px;
    line-height: 125%;
    padding: 15px 0;
    font-weight: 200;
    color: #fff;
    text-transform: none;
    text-align: left;
}

.modules-page .hero-banner-landing-basic-2 .container .hero-banner-wrap p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 200;
    max-width: 600px;
    color: #fff;
    margin-bottom: 40px;
}

.modules-page .hero-banner-landing-basic-2 .container .hero-banner-wrap ul li {
    list-style-type: none;
    float: left;
    text-align: center;
    margin-right: 10px;
}

.modules-page .hero-banner-landing-basic-2 .form-placeholder {
    margin-left: auto;
    -webkit-box-flex: 0.8;
    -webkit-flex-grow: 0.8;
    -moz-box-flex: 0.8;
    -ms-flex-positive: 0.8;
    flex-grow: 0.8;
    max-width: 430px;
}

.modules-page .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form {
    z-index: 1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 0 30px;
}

.modules-page .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-error-msgs {
    list-style-type: none;
    margin-top: 5px;
}

.modules-page .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-error-msgs label {
    font-size: 14px;
}

.modules-page .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .banner-form-title {
    text-align: center;
}

.modules-page .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .banner-form-title h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    color: #626262;
    text-align: center;
    margin: 20px 0 0;
    display: inline-block;
}

.modules-page .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .banner-form-title h3 span {
    color: #FF4100;
    margin-left: 2px;
    position: relative;
    letter-spacing: 3px;
}

.modules-page .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-form-field {
    margin-bottom: 20px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #626262;
}

.modules-page .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-form-field .hs-form-required {
    display: none;
}

.modules-page .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-form-field input {
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #ffffff;
}

.modules-page .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-form-field .hs-input {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
    height: 55px;
    border: none;
    padding-left: 13px;
    color: #626262;
}

.modules-page .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs_dropdown_example {
    background: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0 6px;
}

.modules-page .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form textarea {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.modules-page .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-form-checkbox-display span {
    color: #626262;
}

.modules-page .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form select {
    color: rgba(98, 98, 98, 0.6);
    background-color: #fff;
    outline: none;
}

.modules-page .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-button.primary.large {
    min-height: 27px;
    min-width: 134px;
    padding-top: 20px;
    padding-bottom: 20px;
    font: 300 22px/22px 'Roboto', sans-serif;
    margin-bottom: 20px;
    width: 100%;
}

/********************************************************/
/******* Modules/hero_banner_landing_for_hero.scss *******/
/********************************************************/
.modules-page .hero-landing {
    height: auto;
    position: relative;
}

.modules-page .hero-landing .opacity-bg {
    background: rgba(0, 0, 0, 0.08);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.modules-page .hero-landing .container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

@media (max-width: 767px) {
    .modules-page .hero-landing .container {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.modules-page .hero-landing .container .hero-banner-wrap {
    z-index: 1;
    text-align: left;
    -webkit-box-flex: 1.2;
    -webkit-flex-grow: 1.2;
    -moz-box-flex: 1.2;
    -ms-flex-positive: 1.2;
    flex-grow: 1.2;
    max-width: 490px;
    margin-left: 80px;
    margin-right: 20px;
    position: relative;
}

@media (max-width: 992px) {
    .modules-page .hero-landing .container .hero-banner-wrap {
        margin: 0 40px;
    }
}

@media (max-width: 767px) {
    .modules-page .hero-landing .container .hero-banner-wrap {
        width: 100%;
        margin: 0 40px;
    }
}

.modules-page .hero-landing .container .hero-banner-wrap h1 {
    text-transform: none;
    text-align: left;
    font-weight: 300;
    color: #fff;
    font-size: 50px;
    margin-top: 100px;
    margin-bottom: 40px;
}

@media (max-width: 766px) {
    .modules-page .hero-landing .container .hero-banner-wrap h1 {
        margin: 20px 0;
    }
}

.modules-page .hero-landing .container .hero-banner-wrap h2 {
    font-size: 30px;
    line-height: 125%;
    padding: 15px 0;
    font-weight: 200;
    color: #fff;
    text-transform: none;
    text-align: left;
}

.modules-page .hero-landing .container .hero-banner-wrap p {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-weight: 200;
    max-width: 600px;
    color: #fff;
    margin-bottom: 40px;
}

.modules-page .hero-landing .container .hero-banner-wrap p.desc {
    font-size: 23px;
    line-height: 26px;
    font-weight: 300;
    color: #FFF;
}

.modules-page .hero-landing .container .hero-banner-wrap p.desc-bolder {
    font-size: 26px;
    font-weight: 300;
    color: #fff;
}

.modules-page .hero-landing .container .hero-banner-wrap p.desc-bolder span {
    font-weight: 500;
    color: #FF4100;
}

.modules-page .hero-landing .container .hero-banner-wrap ul li {
    list-style-type: none;
    float: left;
    text-align: center;
    margin-right: 10px;
}

.modules-page .hero-landing .form-placeholder {
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: auto;
    -webkit-box-flex: 0.8;
    -webkit-flex-grow: 0.8;
    -moz-box-flex: 0.8;
    -ms-flex-positive: 0.8;
    flex-grow: 0.8;
    max-width: 430px;
}

.modules-page .hero-landing .form-placeholder .hero-banner-form {
    z-index: 1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 0 30px;
}

.modules-page .hero-landing .form-placeholder .hero-banner-form .hs-error-msgs {
    list-style-type: none;
    margin-top: 5px;
}

.modules-page .hero-landing .form-placeholder .hero-banner-form .hs-error-msgs label {
    font-size: 14px;
}

.modules-page .hero-landing .form-placeholder .hero-banner-form .banner-form-title {
    text-align: center;
}

.modules-page .hero-landing .form-placeholder .hero-banner-form .banner-form-title h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    color: #626262;
    text-align: center;
    margin: 20px 0 0;
    display: inline-block;
}

.modules-page .hero-landing .form-placeholder .hero-banner-form .banner-form-title h3 span {
    color: #FF4100;
    margin-left: 2px;
    position: relative;
    letter-spacing: 3px;
}

.modules-page .hero-landing .form-placeholder .hero-banner-form .hs-form-field {
    margin-bottom: 20px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.modules-page .hero-landing .form-placeholder .hero-banner-form .hs-form-field .hs-form-required {
    display: none;
}

.modules-page .hero-landing .form-placeholder .hero-banner-form .hs-form-field input {
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #ffffff;
}

.modules-page .hero-landing .form-placeholder .hero-banner-form .hs-form-field .hs-input {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
    height: 55px;
    border: none;
    padding-left: 13px;
}

.modules-page .hero-landing .form-placeholder .hero-banner-form .hs-button.primary.large {
    min-height: 27px;
    min-width: 134px;
    width: 100%;
    margin-bottom: 20px;
}

/********************************************************/
/******* Modules/hero_banner_portfolio-footer.scss *******/
/********************************************************/
.modules-page .hero-banner-portfolio-footer {
    width: 100%;
    height: 475px;
    background-position: center center !important;
    -moz-background-size: cover !important;
    background-size: cover !important;
    position: relative;
    z-index: 0;
    background-repeat: no-repeat;
}

.modules-page .hero-banner-portfolio-footer .mask, .modules-page .hero-banner-portfolio-footer .separator--contact__mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.36);
}

.modules-page .hero-banner-portfolio-footer .content {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.modules-page .hero-banner-portfolio-footer .content h3 {
    color: #fff;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.095em;
}

.modules-page .hero-banner-portfolio-footer .content p {
    color: #fff;
    font-size: 18px !important;
    font-weight: 200 !important;
    margin: 52px 0px 42px 0px;
}

/********************************************************/
/******* Modules/hero_banner_portfolio.scss *******/
/********************************************************/
.modules-page .hero-banner-portfolio {
    width: 100%;
    height: 500px;
    margin-top: 70px;
    background-position: center center !important;
    -moz-background-size: cover !important;
    background-size: cover !important;
    position: relative;
    z-index: 0;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modules-page .hero-banner-portfolio .mask, .modules-page .hero-banner-portfolio .separator--contact__mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.36);
}

.modules-page .hero-banner-portfolio .content {
    z-index: 2;
    width: 80%;
    text-align: center;
}

.modules-page .hero-banner-portfolio .content h1 {
    color: #fff;
    font-size: 58px;
    text-transform: uppercase;
}

@media only screen and (max-width: 400px) {
    .modules-page .hero-banner-portfolio .content h1 {
        font-size: 48px;
    }
}

.modules-page .hero-banner-portfolio .content p {
    color: #fff;
    font-size: 20px !important;
    font-weight: 200 !important;
    margin: 26px 0px 42px 0px;
}

/********************************************************/
/******* Modules/hero_banner_recent-post.scss *******/
/********************************************************/
.modules-page .hero-banner-recent-post {
    width: 100%;
    min-height: 355px;
    margin-top: 70px;
    background-position: center center !important;
    -moz-background-size: cover !important;
    background-size: cover !important;
    position: relative;
    z-index: 0;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modules-page .hero-banner-recent-post .mask, .modules-page .hero-banner-recent-post .separator--contact__mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.36);
}

.modules-page .hero-banner-recent-post .content {
    position: relative;
    z-index: 2;
    text-align: center;
    width: 95%;
    margin-top: 80px;
}

@media only screen and (max-width: 985px) {
    .modules-page .hero-banner-recent-post .content {
        margin-top: 0px;
        padding: 30px 0px;
    }
}

.modules-page .hero-banner-recent-post .content h1 {
    color: #fff;
    font-size: 44px;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    width: 60%;
    margin: 0 auto;
}

@media only screen and (max-width: 1451px) {
    .modules-page .hero-banner-recent-post .content h1 {
        width: 70%;
    }
}

@media only screen and (max-width: 1425px) {
    .modules-page .hero-banner-recent-post .content h1 {
        width: 95%;
    }
}

.modules-page .hero-banner-recent-post .content h1 span {
    color: #FF4100;
}

@media only screen and (max-width: 486px) {
    .modules-page .hero-banner-recent-post .content h1 {
        font-size: 34px;
    }
}

.modules-page .hero-banner-recent-post .content .post-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 35px;
}

@media only screen and (max-width: 486px) {
    .modules-page .hero-banner-recent-post .content .post-details {
        margin-top: 20px;
    }
}

.modules-page .hero-banner-recent-post .content .post-details .avatar {
    display: block;
    width: 58px;
    height: 58px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
}

@media only screen and (max-width: 430px) {
    .modules-page .hero-banner-recent-post .content .post-details .avatar {
        display: none;
    }
}

.modules-page .hero-banner-recent-post .content .post-details p {
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: 200;
}

.modules-page .hero-banner-recent-post .content .post-details p span {
    font-weight: 400;
    color: #FF4100;
}

/********************************************************/
/******* Modules/hero-banner-landing.scss *******/
/********************************************************/
.modules-page .hero-banner-landing {
    min-height: 695px;
    margin-top: 70px;
    position: relative;
    -moz-background-size: cover !important;
    background-size: cover !important;
}

.modules-page .hero-banner-landing .opacity-bg {
    background: rgba(74, 73, 73, 0.55);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.modules-page .hero-banner-landing .container {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.modules-page .hero-banner-landing .container .hero-banner-wrap {
    z-index: 1;
    text-align: left;
    -webkit-box-flex: 1.2;
    -webkit-flex-grow: 1.2;
    -moz-box-flex: 1.2;
    -ms-flex-positive: 1.2;
    flex-grow: 1.2;
    max-width: 570px;
    margin-right: 20px;
}

.modules-page .hero-banner-landing .container .hero-banner-wrap h1 {
    text-transform: none;
    text-align: left;
    font-weight: 300;
    color: #fff;
    font-size: 50px;
}

.modules-page .hero-banner-landing .container .hero-banner-wrap h1 span {
    letter-spacing: 3px;
}

.modules-page .hero-banner-landing .container .hero-banner-wrap h2 {
    font-size: 30px;
    line-height: 125%;
    padding: 15px 0;
    font-weight: 200;
    color: #fff;
    text-transform: none;
    text-align: left;
}

.modules-page .hero-banner-landing .container .hero-banner-wrap p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 200;
    max-width: 600px;
    color: #fff;
    margin-bottom: 40px;
}

.modules-page .hero-banner-landing .container .hero-banner-wrap ul {
    list-style: none;
}

.modules-page .hero-banner-landing .container .hero-banner-wrap ul li {
    float: left;
    text-align: center;
    margin-right: 10px;
}

.modules-page .hero-banner-landing .form-placeholder {
    margin-left: auto;
    -webkit-box-flex: 0.8;
    -webkit-flex-grow: 0.8;
    -moz-box-flex: 0.8;
    -ms-flex-positive: 0.8;
    flex-grow: 0.8;
    max-width: 430px;
}

.modules-page .hero-banner-landing .form-placeholder .hero-banner-form {
    z-index: 1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 0 30px;
}

.modules-page .hero-banner-landing .form-placeholder .hero-banner-form ul {
    list-style: none !important;
}

.modules-page .hero-banner-landing .form-placeholder .hero-banner-form .inputs-list li label {
    position: relative;
}

.modules-page .hero-banner-landing .form-placeholder .hero-banner-form .hs-error-msgs {
    list-style-type: none;
    margin-top: 5px;
}

.modules-page .hero-banner-landing .form-placeholder .hero-banner-form .hs-error-msgs label {
    font-size: 14px;
}

.modules-page .hero-banner-landing .form-placeholder .hero-banner-form .banner-form-title {
    text-align: center;
}

.modules-page .hero-banner-landing .form-placeholder .hero-banner-form .banner-form-title h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    color: #626262;
    text-align: center;
    margin: 20px 0 0;
    display: inline-block;
}

.modules-page .hero-banner-landing .form-placeholder .hero-banner-form .banner-form-title h3 span {
    color: #FF4100;
    margin-left: 2px;
    position: relative;
    letter-spacing: 3px;
}

.modules-page .hero-banner-landing .form-placeholder .hero-banner-form .hs-form-field {
    margin-bottom: 20px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #626262;
}

.modules-page .hero-banner-landing .form-placeholder .hero-banner-form .hs-form-field .hs-form-required {
    display: none;
}

.modules-page .hero-banner-landing .form-placeholder .hero-banner-form .hs-form-field input {
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #ffffff;
}

.modules-page .hero-banner-landing .form-placeholder .hero-banner-form .hs-form-field .hs-input {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
    height: 55px;
    border: none;
    padding-left: 13px;
}

.modules-page .hero-banner-landing .form-placeholder .hero-banner-form .hs-form-field input[type="checkbox"].hs-input {
    height: 25px;
}

.modules-page .hero-banner-landing .form-placeholder .hero-banner-form .hs-form-field input[type="radio"].hs-input {
    height: 25px;
}

.modules-page .hero-banner-landing .form-placeholder .hero-banner-form .hs-form-field input[type="checkbox"].hs-input + span {
    padding-left: 9px;
}

.modules-page .hero-banner-landing .form-placeholder .hero-banner-form .hs-form-field textarea {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.modules-page .hero-banner-landing .form-placeholder .hero-banner-form .hs-form-field select {
    background-color: #fff;
    outline: 0;
    font-size: 16px;
    font-weight: 300;
    border: solid 1px #d3d3d3;
    color: #626262;
    font-family: Palanquin, sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-top: 0px;
    background-image: url("//cdn2.hubspot.net/hubfs/685080/IMG-TurboSodium/Sodium%20v2/angle-down-gray.png");
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 56%;
    width: 100%;
    height: 55px;
}

.modules-page .hero-banner-landing .form-placeholder .hero-banner-form .hs-button.primary.large {
    min-height: 27px;
    min-width: 134px;
    padding-top: 20px;
    padding-bottom: 20px;
    font: 300 22px/22px 'Roboto', sans-serif;
    margin-bottom: 20px;
    width: 100%;
}

@media (max-width: 767px) {
    .modules-page .hero-banner-landing .container {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .modules-page .hero-banner-landing .container .hero-banner-form {
        margin: 50px auto;
    }

    .modules-page .hero-banner-landing .container .hero-banner-wrap {
        width: 100%;
        margin: 0 20px;
    }
}

/********************************************************/
/******* Modules/hero-banner.scss *******/
/********************************************************/
.modules-page .hero-banner {
    margin-top: 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    height: 500px;
    width: 100%;
    -moz-background-size: cover;
    background-size: cover;
    position: relative;
    background-position: center top;
    background-repeat: no-repeat;
    z-index: 0;
    margin-bottom: 33px;
}

.modules-page .hero-banner .hero-banner-wrap {
    z-index: 2;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.modules-page .hero-banner .hero-banner-wrap h1 {
    color: #fff;
    font-weight: 300;
    font-size: 58px;
    padding: 0 20px;
}

@media (max-width: 767px) {
    .modules-page .hero-banner .hero-banner-wrap h1 {
        font-size: 40px;
    }
}

.modules-page .hero-banner .hero-banner-wrap h1 span {
    color: #FF4100;
    font-weight: 600;
}

.modules-page .hero-banner .hero-banner-wrap h2 {
    padding: 0 10px;
    font-size: 23px;
    font-weight: 300;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    padding: 0 20px;
}

.modules-page .hero-banner .mask, .modules-page .hero-banner .separator--contact__mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .3;
    z-index: 1;
}

/********************************************************/
/******* Modules/history-timeline.scss *******/
/********************************************************/
.modules-page .history-timeline {
    background-color: #4a4949;
    padding: 25px 0px;
}

.modules-page .history-timeline .slick-slider {
    margin: 0;
}

.modules-page .history-timeline .center-text {
    text-align: center;
}

.modules-page .history-timeline h2 {
    text-align: center;
    margin-top: 25px;
    font-weight: 600;
    color: #fff;
    font-weight: 200;
    font-size: 40px;
}

.modules-page .history-timeline h2 span {
    letter-spacing: 3px;
}

.modules-page .history-timeline h3 {
    text-align: center;
    margin: 15px 0px 50px 0px;
    font-weight: normal;
    color: #626262;
}

.modules-page .history-timeline .wrapper-history {
    text-align: center;
}

.modules-page .history-timeline p {
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 200;
}

.modules-page .history-timeline a {
    display: inline-block;
    color: #ffffff;
    background-color: transparent;
    margin-top: 55px;
    padding: 10px;
    text-decoration: none !important;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 20px;
    border: solid 2px #ffffff;
}

.modules-page .history-timeline a:hover {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #FF4100;
    text-decoration: none;
}

.modules-page .history-timeline .slick-year .slick-slide {
    cursor: pointer;
}

.modules-page .history-timeline .center-slide {
    height: 104px;
}

.modules-page .history-timeline .slide {
    text-align: center;
    min-height: 394px;
}

.modules-page .history-timeline .slide i {
    font-size: 106px;
    text-align: center;
    color: #fff;
    margin-top: 86px;
    margin-bottom: 30px;
}

.modules-page .history-timeline .slick-prev:before {
    background-image: url("//cdn2.hubspot.net/hubfs/685080/IMG-TurboSodium/arrow-up.png");
    width: 57px;
    height: 29px;
}

.modules-page .history-timeline .slick-next:before {
    background-image: url("//cdn2.hubspot.net/hubfs/685080/IMG-TurboSodium/arrow-down.png");
    width: 57px;
    height: 29px;
}

.modules-page .history-timeline .slick-prev, .modules-page .history-timeline .slick-next {
    width: 57px;
    height: 29px;
    z-index: 100;
}

.modules-page .history-timeline .slick-prev {
    margin: auto;
    left: 0px;
    right: 0px;
    top: 0px;
}

.modules-page .history-timeline .slick-history {
    margin-top: 40px;
}

.modules-page .history-timeline .slick-next {
    margin: auto;
    left: 0;
    right: 0;
    top: initial;
    bottom: -90px;
}

.modules-page .history-timeline .history-slider__container {
    height: 440px;
    margin-bottom: 60px;
}

.modules-page .history-timeline .history-slide__image {
    margin: 80px auto 28px;
}

.modules-page .history-timeline .slick-slide {
    -webkit-transform: translate3d(0, 0, 0);
}

@media (max-width: 1070px) {
    .modules-page .history-timeline .slick-slide {
        left: 22px;
    }
}

.modules-page .history-timeline .year-slider {
    height: 500px;
    position: relative;
    overflow: hidden;
}

.modules-page .history-timeline .year-slider:before {
    content: "";
    position: absolute;
    background-image: url("//cdn2.hubspot.net/hubfs/685080/IMG-TurboSodium/dashed-line.png");
    left: 45px;
    top: 0px;
    height: 100%;
    width: 1px;
}

@media (max-width: 1070px) {
    .modules-page .history-timeline .year-slider:before {
        left: 7px;
    }
}

.modules-page .history-timeline .year-slider .hs_cos_wrapper_widget {
    color: #fff;
    font-size: 30px;
    padding: 15px 0;
    position: relative;
    left: 60px;
    text-align: left;
    -webkit-transition: font-size .2s;
    -o-transition: font-size .2s;
    -moz-transition: font-size .2s;
    transition: font-size .2s;
}

@media (max-width: 1070px) {
    .modules-page .history-timeline .year-slider .hs_cos_wrapper_widget {
        left: 22px;
    }
}

.modules-page .history-timeline .year-slider .slick-center {
    color: #626262;
}

.modules-page .history-timeline .year-slider .slick-center:before {
    background-color: #626262;
}

.modules-page .history-timeline .year-slider .hs_cos_wrapper_widget::before {
    position: absolute;
    content: "";
    width: 11px;
    height: 11px;
    top: 6px;
    bottom: 0px;
    left: -21px;
    margin: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
}

.modules-page .history-timeline .year-slider .center-slide {
    color: #626262;
    font-size: 38px;
    position: absolute;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.modules-page .history-timeline .year-slider .center-slide:before {
    width: 16px;
    height: 16px;
    left: -42px;
    background-color: #626262;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.modules-page .history-timeline .year-slider span {
    cursor: pointer;
}

@media (max-width: 767px) {
    .modules-page .history-timeline .dashed-line {
        width: 100%;
        float: none;
    }

    .modules-page .history-timeline .slick-history {
        width: 65%;
        float: left;
    }

    .modules-page .history-timeline .history-slider__container {
        float: none;
        width: 100%;
        height: auto;
    }

    .modules-page .history-timeline .history-slide__image {
        margin-top: 30px;
    }

    .modules-page .history-timeline .year-slider {
        float: none !important;
        width: 100%;
        height: auto;
        margin-top: 30px;
        padding: 10px 0;
    }

    .modules-page .history-timeline .year-slider:before {
        background: 0;
        background-image: none;
        border-bottom: 2px dotted rgba(255, 255, 255, 0.7);
        width: 100%;
        left: 0;
        top: -15px;
    }

    .modules-page .history-timeline .year-slider .hs_cos_wrapper_widget.slick-center:hover {
        font-size: 30px;
    }

    .modules-page .history-timeline .year-slider .slick-current {
        font-size: 30px;
    }

    .modules-page .history-timeline .year-slider .slick-current:before {
        background-color: #626262;
    }

    .modules-page .history-timeline .year-slider .hs_cos_wrapper_widget {
        padding: 0 15px;
    }

    .modules-page .history-timeline .year-slider .hs_cos_wrapper_widget:before {
        position: absolute;
        content: "";
        width: 11px;
        height: 11px;
        top: 40px;
        bottom: 0;
        left: 47%;
        margin: auto;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: white;
    }

    .modules-page .history-timeline .year-slider .slick-track {
        height: 53px;
    }
}

@media (max-width: 480px) {
    .modules-page .history-timeline {
        padding-bottom: 0;
    }

    .modules-page .history-timeline .dashed-line {
        width: 100%;
    }

    .modules-page .history-timeline .slick-history {
        width: 50%;
        float: left;
    }
}

/********************************************************/
/******* Modules/homeslider.scss *******/
/********************************************************/
.modules-page .homeslider .mask, .modules-page .homeslider .separator--contact__mask {
    background-color: rgba(0, 0, 0, 0.36);
    height: 100%;
}

.modules-page .homeslider .slick-dots {
    bottom: 30px;
    width: 100%;
    list-style: none;
    text-align: center;
}

.modules-page .homeslider .slick-dots li button:before {
    font-size: 26px;
}

.modules-page .homeslider .slick-dots li.slick-active button:before {
    color: #fff;
}

.modules-page .homeslider .slick-arrow {
    position: absolute;
    top: 50%;
    width: auto;
    height: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.modules-page .homeslider .slick-arrow.slick-prev {
    left: 48px;
}

.modules-page .homeslider .slick-arrow.slick-prev:before {
    content: '';
    background-image: url("//cdn2.hubspot.net/hubfs/685080/HubSpot_Template_Marketplace/Turbo_Sodium/assets/arrow-left.png");
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    width: 30px;
    height: 58px;
    display: block;
}

.modules-page .homeslider .slick-arrow.slick-next {
    right: 48px;
}

.modules-page .homeslider .slick-arrow.slick-next:before {
    content: '';
    background-image: url("//cdn2.hubspot.net/hubfs/685080/HubSpot_Template_Marketplace/Turbo_Sodium/assets/arrow-left.png");
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    width: 30px;
    height: 58px;
    display: block;
}

.modules-page .homeslider .slide {
    position: relative;
    height: 100vh;
    min-height: 600px;
    background-position: center;
    -moz-background-size: cover;
    background-size: cover;
}

.modules-page .homeslider .slide .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 80%;
}

.modules-page .homeslider .slide .content h1 {
    width: 80%;
    display: block;
    margin: 0 auto;
    color: #fff;
    font-weight: 300;
}

.modules-page .homeslider .slide .content h1 span {
    font-weight: 700;
    color: #FF4100;
}

.modules-page .homeslider .slide .content h2, .modules-page .homeslider .slide .content h3, .modules-page .homeslider .slide .content h4, .modules-page .homeslider .slide .content h5, .modules-page .homeslider .slide .content h6 {
    color: #fff;
}

.modules-page .homeslider .slide .content p {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
}

.modules-page .homeslider .slide .content p:last-of-type {
    text-align: center;
    margin-top: 40px;
}

.modules-page .homeslider .slide .content p:last-of-type a.cta_button {
    position: relative;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

.modules-page .homeslider .slide .content p:last-of-type > .hs-cta-wrapper:first-of-type a.cta_button {
    position: relative;
}

@media (max-width: 767px) {
    .modules-page .homeslider .slide .content p {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .modules-page .homeslider .slide .content h1 {
        width: 100%;
        font-size: 40px;
    }
}

/********************************************************/
/******* Modules/homevideo.scss *******/
/********************************************************/
.modules-page .homevideo {
    position: relative;
    background-image: none;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
    height: 100vh;
    overflow: hidden;
}

.modules-page .homevideo .mask, .modules-page .homevideo .separator--contact__mask {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.modules-page .homevideo video {
    display: block;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
}

.modules-page .homevideo .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 80%;
}

.modules-page .homevideo .content h1 {
    color: #fff;
    font-weight: 300;
}

.modules-page .homevideo .content h1 span {
    font-weight: 600;
    font-size: inherit;
    color: #FF4100;
}

.modules-page .homevideo .content h2, .modules-page .homevideo .content h3, .modules-page .homevideo .content h4, .modules-page .homevideo .content h5, .modules-page .homevideo .content h6 {
    color: #fff;
}

.modules-page .homevideo .content p {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
}

.modules-page .homevideo .content p:last-of-type {
    text-align: center;
    margin-top: 40px;
}

.modules-page .homevideo .content p:last-of-type a.cta_button {
    position: relative;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

.modules-page .homevideo .content p:last-of-type > .hs-cta-wrapper:first-of-type a.cta_button {
    position: relative;
}

@media (max-width: 991px) {
    .modules-page .homevideo {
        min-height: 600px;
    }

    .modules-page .homevideo video {
        display: none;
    }
}

@media (max-width: 767px) {
    .modules-page .homeslider .content p {
        font-size: 15px;
    }
}

@media (min-width: 992px) {
    .modules-page .homevideo.video {
        background-image: none !important;
    }
}

/********************************************************/
/******* Modules/iphone-mocup.scss *******/
/********************************************************/
.modules-page .iphone-column {
    position: relative;
}

.modules-page .iphone-mocup {
    position: absolute;
    bottom: -90px;
    left: 0;
}

.modules-page .iphone-mocup__phone {
    max-width: none;
}

.modules-page .iphone-mocup__screen {
    position: absolute;
    overflow: hidden;
    top: 73px;
    left: 186px;
    width: 180px;
    height: 320px;
}

.modules-page .iphone-mocup__screen img {
    width: 100%;
}

/* Medium Devices, .modules-page Desktops */
@media only screen and (max-width: 991px) {
    .modules-page .iphone-mocup {
        left: -50px;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-transform-origin: bottom;
        -moz-transform-origin: bottom;
        -ms-transform-origin: bottom;
        -o-transform-origin: bottom;
        transform-origin: bottom;
    }
}

/* Small Devices, .modules-page Tablets */
@media only screen and (max-width: 767px) {
    .modules-page .iphone-mocup {
        display: none;
    }
}

/* Extra Small Devices, .modules-page Phones */
/* Custom, .modules-page iPhone Retina */
/********************************************************/
/******* Modules/join-us.scss *******/
/********************************************************/
figure.join-us {
    width: 210px;
    margin: 25px 37px;
}

.modules-page figure.join-us .image-wrapper {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.modules-page figure.join-us .image {
    width: 210px;
    height: 210px;
    -moz-background-size: cover;
    background-size: cover;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: white;
    position: relative;
    overflow: hidden;
}

.modules-page figure.join-us .mask, .modules-page figure.join-us .separator--contact__mask {
    position: absolute;
    background: #FF4100;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.modules-page figure.join-us .main-text {
    color: #FFF;
    font-size: 30px;
    font-weight: 600;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    text-transform: uppercase;
    white-space: nowrap;
    top: 26%;
}

.modules-page figure.join-us .sub-text {
    color: #FFF;
    font-size: 16px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
    top: 45%;
}

.modules-page figure.join-us a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/********************************************************/
/******* Modules/landing-event-gallery.scss *******/
/********************************************************/
.modules-page .past-event-gallery .event-gallery-holder {
    width: 100%;
}

.modules-page .past-event-gallery .event-gallery-holder .flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .modules-page .past-event-gallery .event-gallery-holder .flex-row {
        display: block;
    }
}

.modules-page .past-event-gallery .event-gallery-holder .flex-row .item-wrap {
    overflow: hidden;
}

@media only screen and (max-width: 767px) {
    .modules-page .past-event-gallery .event-gallery-holder .flex-row .item-wrap {
        width: 100%;
    }
}

.modules-page .past-event-gallery .event-gallery-holder .flex-row .item-wrap .item {
    -moz-background-size: cover;
    background-size: cover;
    overflow: hidden;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease;
    background-position: center center;
}

.modules-page .past-event-gallery .event-gallery-holder .flex-row .item-wrap .item:hover {
    -webkit-transform: scale(1.03, 1.03);
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -o-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
}

.modules-page .past-event-gallery .event-gallery-holder .flex-row .item-wrap .item:hover:after {
    opacity: 0;
}

.modules-page .past-event-gallery .event-gallery-holder .flex-row .item-wrap .item:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.2;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.modules-page .past-event-gallery .event-gallery-holder .flex-row .item-wrap .item-1 {
    width: 600px;
    height: 416px;
}

@media only screen and (max-width: 767px) {
    .modules-page .past-event-gallery .event-gallery-holder .flex-row .item-wrap .item-1 {
        width: 100%;
    }
}

.modules-page .past-event-gallery .event-gallery-holder .flex-row .item-wrap .item-2 {
    width: 570px;
    height: 416px;
}

@media only screen and (max-width: 767px) {
    .modules-page .past-event-gallery .event-gallery-holder .flex-row .item-wrap .item-2 {
        width: 100%;
    }
}

.modules-page .past-event-gallery .event-gallery-holder .flex-row .item-wrap .item-3 {
    width: 500px;
    height: 366px;
}

@media only screen and (max-width: 767px) {
    .modules-page .past-event-gallery .event-gallery-holder .flex-row .item-wrap .item-3 {
        width: 100%;
    }
}

.modules-page .past-event-gallery .event-gallery-holder .flex-row .item-wrap .item-4 {
    width: 670px;
    height: 366px;
}

@media only screen and (max-width: 767px) {
    .modules-page .past-event-gallery .event-gallery-holder .flex-row .item-wrap .item-4 {
        width: 100%;
    }
}

.modules-page .past-event-gallery .view-more {
    text-align: center;
    margin: 67px 0px 62px 0px;
}

/********************************************************/
/******* Modules/landing-event-plan.scss *******/
/********************************************************/
.modules-page .landing-event-plan {
    background-position: center center;
    -moz-background-size: cover !important;
    background-size: cover !important;
    width: 100%;
    height: auto;
    padding-top: 80px;
    overflow: visible;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.modules-page .landing-event-plan .event-plan {
    margin-top: 20px;
    bottom: 0;
    background: #4a4949;
    width: 65%;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
}

@media only screen and (max-width: 1180px) {
    .modules-page .landing-event-plan .event-plan {
        width: 75%;
    }
}

@media only screen and (max-width: 768px) {
    .modules-page .landing-event-plan .event-plan {
        width: 95%;
    }
}

.modules-page .landing-event-plan .event-plan .title-event-wrap {
    height: 72px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 31px;
    font-weight: 200;
    line-height: 72px;
}

@media only screen and (max-width: 580px) {
    .modules-page .landing-event-plan .event-plan .title-event-wrap {
        font-size: 26px;
    }
}

@media only screen and (max-width: 380px) {
    .modules-page .landing-event-plan .event-plan .title-event-wrap {
        font-size: 20px;
    }
}

.modules-page .landing-event-plan .event-plan .title-event-wrap .time-event {
    display: block;
    width: 20%;
    margin: 0;
    padding-left: 30px;
}

@media only screen and (max-width: 580px) {
    .modules-page .landing-event-plan .event-plan .title-event-wrap .time-event {
        padding-left: 15px;
    }
}

.modules-page .landing-event-plan .event-plan .title-event-wrap .title-event {
    display: block;
    width: 80%;
    margin: 0;
    padding-left: 30px;
}

.modules-page .landing-event-plan .event-plan .content-event span.hs_cos_wrapper {
    height: auto;
    background-color: #ffc400;
}

.modules-page .landing-event-plan .event-plan .content-event span.hs_cos_wrapper div.hs_cos_wrapper {
    display: block;
    width: 100%;
    height: 79px;
    margin-top: 1px;
}

.modules-page .landing-event-plan .event-plan .content-event span.hs_cos_wrapper div.hs_cos_wrapper:nth-child(even) {
    background: #393939;
}

.modules-page .landing-event-plan .event-plan .content-event span.hs_cos_wrapper div.hs_cos_wrapper:nth-child(odd) {
    background: white;
}

/********************************************************/
/******* Modules/landing-single-event.scss *******/
/********************************************************/
.modules-page .landing-single-event {
    width: 100%;
    height: 100%;
}

.modules-page .landing-single-event .single-event-wrap {
    height: 79px;
    width: 100%;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modules-page .landing-single-event .single-event-wrap .time-single {
    width: 20%;
    margin: 0;
    padding-left: 30px;
    font-size: 23px;
}

@media only screen and (max-width: 580px) {
    .modules-page .landing-single-event .single-event-wrap .time-single {
        font-size: 18px;
        padding-left: 15px;
        text-align: center;
    }
}

.modules-page .landing-single-event .single-event-wrap .desc-single {
    width: 70%;
    padding-left: 30px;
    font-size: 21px;
}

@media only screen and (max-width: 580px) {
    .modules-page .landing-single-event .single-event-wrap .desc-single {
        font-size: 16px;
        width: 80%;
    }
}

.modules-page .landing-single-event .single-event-wrap .dot-single {
    width: 10%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 580px) {
    .modules-page .landing-single-event .single-event-wrap .dot-single {
        -webkit-transform: rotate(90deg);
        /* Ch <36, .modules-page Saf 5.1+, .modules-page iOS < 9.2, .modules-page An =<4.4.4 */
        -ms-transform: rotate(90deg);
        /* IE 9 */
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

.modules-page .landing-single-event .single-event-wrap .dot-single a {
    width: 39px;
}

.modules-page .landing-single-event .single-event-wrap .dot-single a .dot-img {
    width: 39px;
    background-position: center top;
}

.modules-page .landing-single-event .single-event-wrap .dot-single a .dot-img i {
    font-size: 11px;
    color: #fff;
}

.modules-page .landing-single-event .single-event-wrap .dot-single a .dot-img:hover {
    background-position: center bottom;
}

.modules-page .landing-single-event .single-event-wrap .dot-single a .dot-img:hover i {
    color: #FF4100;
}

/********************************************************/
/******* Modules/loading-circle.scss *******/
/********************************************************/
.modules-page section.loading-circle .circle {
    width: 200px;
    height: 200px;
    margin: 0 auto;
}

.modules-page section.loading-circle .circle .timer tspan {
    font-family: 'Roboto', sans-serif;
}

.modules-page section.loading-circle .circle svg {
    margin: -20%;
}

.modules-page section.loading-circle h3 {
    color: #fff;
    font-weight: 300;
    font-size: 25px;
    margin: 35px 0px 55px 0px;
    text-align: center;
}

@media screen and (-ms-high-contrast: active), .modules-page (-ms-high-contrast: none) {
    .homepage .skills .loading-circle .circle svg {
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        -o-transform: scale(1.4);
        transform: scale(1.4);
    }
}

.modules-page @supports (-ms-ime-align: auto) {
    .homepage .skills .loading-circle .circle svg {
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        -o-transform: scale(1.4);
        transform: scale(1.4);
    }
}

/********************************************************/
/******* Modules/people.scss *******/
/********************************************************/
.modules-page figure.people {
    width: 210px;
    margin: 25px 37px;
}

.modules-page figure.people .image {
    width: 210px;
    height: 210px;
    -moz-background-size: cover;
    background-size: cover;
    background-color: white;
    background-position: center center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.modules-page figure.people .image:hover .people-hover {
    clip: rect(0px, 211px, 211px, 0px);
}

.modules-page figure.people .name-and-surname {
    font-size: 21px;
    color: #FF4100;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin: 20px 0 8px 0;
    line-height: 1;
}

.modules-page figure.people .job {
    font-size: 16px;
    color: #626262;
    text-align: center;
    margin: 0;
}

.modules-page figure.people .people-hover {
    -webkit-box-shadow: inset 0 0 0 211px #FF4100;
    -moz-box-shadow: inset 0 0 0 211px #FF4100;
    box-shadow: inset 0 0 0 211px #FF4100;
    display: inline-block;
    width: 210px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background-color: #FF4100;
    height: 209.9px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    position: absolute;
    clip: rect(210px, 210px, 210px, 0px);
}

.modules-page figure.people .people-hover a {
    display: inline-block;
    margin-top: 80px;
}

.modules-page figure.people .people-hover .social-icons {
    text-align: center;
}

.modules-page figure.people .people-hover .icon-circle {
    margin-top: 80px;
    text-align: center;
    width: 50px;
    height: 50px;
    background-color: white;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    margin: 0 3px;
}

.modules-page figure.people .people-hover .icon-circle i {
    text-align: center;
    color: #FF4100;
    font-size: 25px;
    display: block;
    line-height: 50px;
}

.modules-page .people-wrapper > .hs_cos_wrapper_widget_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/********************************************************/
/******* Modules/pricing-box.scss *******/
/********************************************************/
.modules-page .pricing-box {
    margin: 0 15px;
    -webkit-flex-basis: 265px;
    -ms-flex-preferred-size: 265px;
    flex-basis: 265px;
    border: 2px solid #4a4949;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    color: #626262;
}

@media screen and (max-width: 767px) {
    .modules-page .pricing-box {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        min-width: 245px;
    }
}

@media screen and (max-width: 400px) {
    .modules-page .pricing-box {
        width: 260px;
    }
}

.modules-page .pricing-box__container .widget-span .hs_cos_wrapper_widget_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 150px 0 375px 0;
}

@media screen and (max-width: 767px) {
    .modules-page .pricing-box__container .widget-span .hs_cos_wrapper_widget_container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 75px 0 200px 0;
    }
}

.modules-page .pricing-box__container .widget-span .hs_cos_wrapper_widget_container .hs_cos_wrapper {
    -webkit-flex-basis: 265px;
    -ms-flex-preferred-size: 265px;
    flex-basis: 265px;
}

@media screen and (max-width: 767px) {
    .modules-page .pricing-box__container .widget-span .hs_cos_wrapper_widget_container .hs_cos_wrapper {
        margin-bottom: 50px;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        min-width: 245px;
    }
}

.modules-page .pricing-box__starting-at {
    text-align: center;
}

.modules-page .pricing-box__price {
    display: block;
    font-size: 51px;
    color: #4a4949;
    margin-top: -15px;
    font-weight: bold;
}

.modules-page .pricing-box__price i {
    font-size: 41px;
}

.modules-page .pricing-box__features {
    text-align: center;
}

.modules-page .pricing-box__order {
    text-align: center;
}

.modules-page .pricing-box__title {
    margin-top: 0;
    padding: 20px 20px;
    font-size: 31px;
    font-weight: 300;
    color: #4a4949;
    width: 100%;
    display: block;
    border-bottom: 1px solid #4a4949;
}

.modules-page .pricing-box__starting-at {
    color: #626262;
    font-size: 16px;
    padding-bottom: 10px;
}

.modules-page .pricing-box__feature-text {
    border-bottom: 1px solid #4a4949;
    padding-bottom: 10px;
    width: 80%;
    margin: 15px auto;
    display: block;
}

.modules-page .pricing-box__feature-text--bold {
    color: #4a4949;
    font-weight: bold;
    display: inline-block;
    margin-right: 5px;
}

.modules-page .pricing-box__order {
    margin-bottom: 15px;
    background-color: #FF4100;
    border: 2px solid #FF4100;
    color: #ffffff;
}

.modules-page .pricing-box__order:hover {
    background-color: #ffffff;
    border: 2px solid #FF4100;
    color: #FF4100;
}

.modules-page .pricing-box.highlight {
    -webkit-transform: scale(1.13);
    -moz-transform: scale(1.13);
    -ms-transform: scale(1.13);
    -o-transform: scale(1.13);
    transform: scale(1.13);
    -webkit-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    transition: 0.3s linear all;
    background-color: #4a4949;
}

.modules-page .pricing-box.highlight .pricing-box__title {
    color: #fff;
    border-bottom-color: #fff;
    -webkit-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    transition: 0.3s linear all;
}

.modules-page .pricing-box.highlight .pricing-box__starting-at {
    color: #fff;
    -webkit-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    transition: 0.3s linear all;
}

.modules-page .pricing-box.highlight .pricing-box__price {
    color: #fff;
    -webkit-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    transition: 0.3s linear all;
}

.modules-page .pricing-box.highlight .pricing-box__features .pricing-box__feature-text {
    border-bottom-color: #fff;
    color: #fff;
    -webkit-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    transition: 0.3s linear all;
}

.modules-page .pricing-box.highlight .pricing-box__features .pricing-box__feature-text .pricing-box__feature-text--bold {
    color: #fff;
    -webkit-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    transition: 0.3s linear all;
}

.modules-page .pricing-box.highlight a.pricing-box__order {
    background-color: #ffffff;
    color: #FF4100;
    border: 2px solid #ffffff;
}

.modules-page .pricing-box.highlight a.pricing-box__order:hover {
    color: #ffffff;
    background-color: #FF4100;
    border: 2px solid #ffffff;
}

/********************************************************/
/******* Modules/question.scss *******/
/********************************************************/
.modules-page .questions {
    height: auto !important;
    min-height: 350px;
}

.modules-page .questions .question {
    width: 100%;
}

.modules-page .questions .question h3 {
    font-size: 20px;
    color: #626262;
    text-transform: uppercase;
    margin-top: 30px;
    font-weight: 300;
    display: block;
    margin-left: 15px;
    position: relative;
    margin-bottom: 0px;
    cursor: pointer;
    padding-left: 7px;
}

.modules-page .questions .question h3:before {
    position: absolute;
    left: -14px;
    top: 1px;
    font-family: "FontAwesome";
    content: "\f105";
    color: #FF4100;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.modules-page .questions .question h3.rotate:before {
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.modules-page .questions .question p.text {
    font-size: 16px;
    color: #626262;
    font-weight: 300;
    display: none;
}

/********************************************************/
/******* Modules/questions filter.scss *******/
/********************************************************/
.modules-page ul.filters li {
    display: inline-block;
    margin-top: 38px;
    margin-right: 0px;
}

.modules-page ul.filters li a {
    padding: 2px 10px;
    color: #626262;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 20px;
    text-transform: uppercase;
}

.modules-page ul.filters li a:hover {
    background-color: #FF4100;
    color: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.modules-page ul.filters li a.active {
    background-color: #FF4100;
    color: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 2px 19px;
}

/********************************************************/
/******* Modules/resource-category.scss *******/
/********************************************************/
.modules-page .resource-categories__list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    margin-top: 100px;
    white-space: nowrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 500px) {
    .modules-page .resource-categories__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 30px;
    }
}

.modules-page .resource-categories__element {
    cursor: pointer;
    padding: 10px 25px;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 1.1em;
    border: 2px solid #FF4100;
    color: #FF4100;
    margin: 10px;
    text-align: center;
}

@media screen and (max-width: 1000px) {
    .modules-page .resource-categories__element {
        text-align: center;
    }
}

.modules-page .resource-categories__element--active {
    background: #FF4100;
    color: white;
}

.modules-page .resource-categories__element:hover {
    background: #FF4100;
    color: white;
}

/********************************************************/
/******* Modules/resource.scss *******/
/********************************************************/
.modules-page .resource__container {
    padding: 50px 0px;
}

.modules-page .resource {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
    width: 50%;
    padding: 10px 15px;
}

@media screen and (max-width: 1024px) {
    .modules-page .resource {
        width: 100%;
    }
}

@media screen and (max-width: 620px) {
    .modules-page .resource {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
    }
}

.modules-page .resource--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: center;
    margin: 50px auto 50px;
    width: 25%;
}

@media screen and (max-width: 1170px) {
    .modules-page .resource--vertical {
        width: 33.3%;
    }
}

@media screen and (max-width: 767px) {
    .modules-page .resource--vertical {
        width: 50%;
    }
}

@media screen and (max-width: 620px) {
    .modules-page .resource--vertical {
        width: 100%;
    }
}

.modules-page .resource__container {
    padding-top: 50px;
    padding-bottom: 50px;
}

.modules-page .resource__container--vertical {
    max-width: 1170px;
    margin: 0 auto;
    padding-bottom: 100px;
    width: 100%;
    margin: 0 auto;
    padding: 0px;
}

.modules-page .resource__image-container {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.modules-page .resource--vertical .resource__image-container {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-bottom: 28px;
}

@media screen and (max-width: 400px) {
    .modules-page .resource--vertical .resource__image-container {
        margin-bottom: 5px;
    }
}

.modules-page .resource__image {
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    -o-transition: opacity .3s, -o-transform .3s;
    -moz-transition: transform .3s, .modules-page opacity .3s, -moz-transform .3s;
    transition: transform .3s, .modules-page opacity .3s;
    transition: transform .3s, .modules-page opacity .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
}

.modules-page .resource__image:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: .9;
    cursor: pointer;
}

.modules-page .resource__description {
    margin-top: 30px;
    width: 100%;
}

.modules-page .resource--vertical .resource__description {
    margin-top: 10px;
    padding-right: 0;
}

.modules-page .resource__details {
    padding-left: 15px;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    -moz-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
}

@media screen and (max-width: 620px) {
    .modules-page .resource__details {
        padding-left: 0px;
        margin-left: 0px;
    }
}

.modules-page .resource--vertical .resource__details {
    margin-left: 0;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    text-align: center;
}

.modules-page .resource__title {
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: normal;
    color: #4a4949;
}

.modules-page .resource--vertical .resource__title {
    width: 100%;
    padding: 0 5px;
}

.modules-page .resource__button {
    background: #FF4100;
    color: #ffffff;
    padding: 13px 45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: 300;
    text-transform: uppercase;
    border: 2px solid #FF4100;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}

.modules-page .resource--vertical .resource__button {
    display: block;
    margin: 0 auto;
}

.modules-page .resource__button:hover {
    background: #ffffff;
    color: #FF4100;
    border: 2px solid #FF4100;
    cursor: pointer;
}

.modules-page .resource__effects-wrapper {
    height: 300px;
    width: 200px;
    -webkit-box-shadow: 6px 6px 0 #FF4100, 2px 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 6px 6px 0 #FF4100, 2px 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 6px 6px 0 #FF4100, 2px 1px 5px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    background: black;
}

@media screen and (max-width: 1170px) {
    .modules-page .resource__effects-wrapper {
        margin: 20px auto;
    }
}

.modules-page .resource--vertical .resource__effects-wrapper {
    margin: 0 auto;
}

@media screen and (max-width: 600px) {
    .modules-page .resource__details {
        margin-left: 0;
    }

    .modules-page .resource__title {
        margin-top: 20px;
    }

    .modules-page .resource__container {
        min-height: 300px;
    }
}

@media screen and (max-width: 500px) {
    .modules-page .resource__container {
        padding-top: 0;
    }
}

/********************************************************/
/******* Modules/resources-slide.scss *******/
/********************************************************/
.modules-page .resources-slide {
    float: left;
    width: 100%;
}

.modules-page .resources-slide .slide-img {
    height: 500px;
    font-weight: 300;
    position: relative;
    margin-bottom: 0;
    top: 0;
    float: left;
    width: 100%;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}

.modules-page .resources-slide .slide-img .mask, .modules-page .resources-slide .slide-img .separator--contact__mask {
    position: absolute;
    background: rgba(0, 0, 0, 0.36);
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.modules-page .resources-slide .slide-img .slide-content {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 99;
}

.modules-page .resources-slide .slide-img .slide-content h2 {
    font-weight: 500;
    color: #fff;
    font-size: 58px;
}

.modules-page .resources-slide .slide-img .slide-content h2 span {
    color: #FF4100;
}

.modules-page .resources-slide .slide-img .slide-content p {
    font-size: 20px;
    text-align: center;
}

/********************************************************/
/******* Modules/separator.scss *******/
/********************************************************/
.modules-page .separator {
    background: white;
    padding: 20px 0;
}

.modules-page .separator h4 {
    color: #333;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 34px;
}

.modules-page .separator--yellow {
    background: #4a4949;
}

.modules-page .separator--yellow h4 {
    color: white;
}

.modules-page .separator--contact {
    position: relative;
    padding: 40px 0 50px;
}

.modules-page .separator--contact h4 {
    color: white;
    text-align: center;
    position: relative;
    z-index: 2;
    font-weight: 400;
}

.modules-page .separator--contact a {
    position: relative;
    z-index: 2;
}

/********************************************************/
/******* Modules/service-box.scss *******/
/********************************************************/
.modules-page .services {
    overflow: hidden;
    margin-top: 70px;
}

.modules-page .services .box-services {
    text-align: center;
}

.modules-page .services .box-services .widget-type-rich_text a {
    font-weight: 400 !important;
}

.modules-page .services .box-services .ico {
    width: 120px;
    height: 120px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    margin: auto;
    border: solid 2px #FF4100;
}

.modules-page .services .box-services .ico i {
    color: #FF4100;
    font-size: 60px;
    line-height: 116px;
}

.modules-page .services .box-services h3 {
    font-size: 20px;
    font-weight: normal;
    margin: 20px 0px;
    color: #FF4100;
}

.modules-page .services .box-services .desc {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 85px;
    padding: 0px 15px;
}

/********************************************************/
/******* Modules/skills-circles.scss *******/
/********************************************************/
.modules-page .skills {
    text-align: center;
}

.modules-page .skills .circle {
    display: none;
}

.modules-page .skills .loader {
    max-width: 200px;
    height: auto;
}

.modules-page .skills h3 {
    color: #fff;
    font-weight: normal;
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
}

/********************************************************/
/******* Modules/slider-rec-posts.scss *******/
/********************************************************/
.modules-page .slider-rec-posts {
    margin-top: 30px;
    margin-bottom: 30px;
}

.modules-page .slider-rec-posts .slick-dots {
    bottom: -40px;
}

.modules-page .slider-rec-posts .slick-dots li button:before {
    font-size: 40px;
    color: #FF4100;
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

.modules-page .slider-rec-posts__slide {
    position: relative;
    padding: 15px;
    width: 350px;
    height: 350px;
    -moz-background-size: cover;
    background-size: cover;
    margin: 0px 10px;
}

.modules-page .slider-rec-posts__slide a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/********************************************************/
/******* Modules/small-header-basic.scss *******/
/********************************************************/
.modules-page .small-header {
    width: 100%;
    height: 115px;
    margin-top: 70px;
    margin-bottom: 16px;
    background: #f7f7f7;
    border-top: solid 1px #f3f3f3;
    border-bottom: solid 1px #f3f3f3;
    border-bottom: solid 1px #f3f3f3;
}

.modules-page .small-header .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 114px;
}

.modules-page .small-header .container .small-header-wrap h1 {
    text-align: left;
    font-size: 26px;
    color: #626262;
    padding: 0;
    margin: 0;
    font-weight: 300;
    text-transform: uppercase;
}

.modules-page .small-header .container .small-header-wrap h1 span {
    font-weight: 600;
    font-size: 26px;
    color: #626262;
}

.modules-page .small-header .container .small-header-wrap h2 {
    font-size: 23px;
    text-align: left;
    color: #626262;
    padding: 0;
    margin: 0;
    font-weight: 300;
    line-height: 30px;
    text-transform: capitalize !important;
}

/********************************************************/
/******* Modules/small-header-for-blog.scss *******/
/********************************************************/
.modules-page .small-header-for-blog {
    overflow: hidden;
    -moz-background-size: cover;
    background-size: cover;
    height: 325px;
    margin-top: 70px;
    position: relative;
}

.modules-page .small-header-for-blog .mask, .modules-page .small-header-for-blog .separator--contact__mask {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
}

.modules-page .small-header-for-blog h1 {
    max-width: 1170px;
    padding: 0 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    font-weight: 200 !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    font-size: 58px;
    width: 100%;
    font-weight: normal;
    margin: 0;
    color: #fff;
    line-height: 1.2;
}

.modules-page .small-header-for-blog h1 span {
    color: #FF4100;
    font-weight: 600;
}

@media (max-width: 767px) {
    .modules-page .small-header-for-blog h1 {
        font-size: 30px;
    }
}

.modules-page .hs-blog-post .small-header-for-blog {
    height: 355px;
}

.modules-page .hs-blog-post .small-header-for-blog h1 {
    display: block;
    bottom: 167px;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    top: auto;
    font-size: 44px;
}

@media (max-width: 767px) {
    .modules-page .hs-blog-post .small-header-for-blog h1 {
        font-size: 30px;
    }
}

/********************************************************/
/******* Modules/small-header-for-careers.scss *******/
/********************************************************/
.modules-page .small-header-for-careers {
    -moz-background-size: cover;
    background-size: cover;
    height: 500px;
    margin-top: 70px;
    position: relative;
}

.modules-page .small-header-for-careers .mask, .modules-page .small-header-for-careers .separator--contact__mask {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
}

.modules-page .small-header-for-careers .description-header {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 90%;
}

.modules-page .small-header-for-careers .description-header h1 {
    font-weight: 300 !important;
    z-index: 2;
    font-size: 58px;
    width: 100%;
    font-weight: normal;
    margin: 0;
    color: #fff;
}

@media only screen and (max-width: 480px) {
    .modules-page .small-header-for-careers .description-header h1 {
        font-size: 48px;
    }
}

.modules-page .small-header-for-careers .description-header h1 span {
    font-weight: 600 !important;
    color: #FF4100;
    font-size: 58px;
}

@media only screen and (max-width: 480px) {
    .modules-page .small-header-for-careers .description-header h1 span {
        font-size: 48px;
    }
}

.modules-page .small-header-for-careers .description-header p {
    color: #fff;
    font-size: 23px;
}

.modules-page .small-header-for-careers .description-header p i {
    font-size: 23px;
    color: #FF4100;
    padding-right: 15px;
}

.modules-page .small-header-for-careers .description-header .hidden-element {
    display: none;
}

/********************************************************/
/******* Modules/small-header-for-products.scss *******/
/********************************************************/
.modules-page .small-header-for-products {
    overflow: hidden;
    -moz-background-size: cover;
    background-size: cover;
    height: 500px;
    margin-top: 70px;
    position: relative;
}

.modules-page .small-header-for-products .container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

.modules-page .small-header-for-products .mask, .modules-page .small-header-for-products .separator--contact__mask {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
}

.modules-page .small-header-for-products h1 {
    max-width: 1170px;
    padding: 0 15px;
    font-weight: 200 !important;
    z-index: 2;
    font-size: 58px;
    width: 100%;
    font-weight: normal;
    margin: 0;
    color: #fff;
    line-height: 1.2;
}

.modules-page .small-header-for-products h1 span {
    color: #FF4100;
    font-weight: 600;
}

@media (max-width: 767px) {
    .modules-page .small-header-for-products h1 {
        font-size: 30px;
    }
}

.modules-page .small-header-for-products h2 {
    font-size: 20px;
    color: #FFF;
    letter-spacing: 0.04em;
    text-transform: none;
    text-align: center;
    font-weight: 300;
    margin-top: 25px;
}

/********************************************************/
/******* Modules/small-header.scss *******/
/********************************************************/
.modules-page .small-header {
    width: 100%;
    height: 115px;
    margin-top: 70px;
    background: #f7f7f7;
    border-top: solid 1px #f3f3f3;
    border-bottom: solid 1px #f3f3f3;
}

.modules-page .small-header .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 114px;
}

.modules-page .small-header .container .small-header-wrap h2 {
    text-align: left;
    font-size: 26px;
    color: #626262;
    padding: 0;
    margin: 0;
    font-weight: 300;
    text-transform: uppercase;
}

.modules-page .small-header .container .small-header-wrap h2 span {
    font-weight: 600;
    color: #626262;
}

.modules-page .small-header .container .small-header-wrap h3 {
    font-size: 23px;
    text-align: left;
    color: #626262;
    padding: 0;
    margin: 0;
    font-weight: 300;
    line-height: 30px;
}

/********************************************************/
/******* Modules/small-slider.scss *******/
/********************************************************/
.modules-page .sm-slide {
    width: 100%;
    height: 500px;
    margin-top: 70px;
    position: relative;
}

.modules-page .sm-slide .slide-img {
    width: 100%;
    height: 502px;
    overflow: hidden;
    display: table;
    text-align: center;
    z-index: 90;
}

.modules-page .sm-slide .slide-img .slide-content {
    vertical-align: middle;
    display: table-cell;
    z-index: 92;
    position: relative;
}

.modules-page .sm-slide .slide-img .slide-content h1 {
    color: #fff;
    font-size: 58px;
    font-weight: 300;
    padding: 0 20px;
}

.modules-page .sm-slide .slide-img .slide-content h1 span {
    color: #FF4100;
    font-weight: 600;
}

.modules-page .sm-slide .slide-img .slide-content h2 {
    color: #fff;
    font-weight: 300;
    font-size: 23px;
    text-transform: capitalize;
    padding: 0 20px;
}

.modules-page .sm-slide .mask, .modules-page .sm-slide .separator--contact__mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

.modules-page .sm-slider-main .slick-dots {
    bottom: 20px;
}

.modules-page .sm-slider-main .slick-dots li button:before {
    font-size: 0px;
    line-height: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 1;
    background: #FF4100;
}

.modules-page .sm-slider-main .slick-dots li.slick-active button:before {
    opacity: 1;
    background: #fff;
}

.modules-page .sm-slider-wrapper {
    margin-bottom: 33px;
}

.modules-page .sm-slider-wrapper .sm-slide {
    margin-top: 0;
}

/********************************************************/
/******* Modules/social-share.scss *******/
/********************************************************/
.modules-page ul.social {
    padding: 0px;
    margin: 0px;
    margin-bottom: 40px;
}

.modules-page ul.social li {
    margin-right: 10px;
    display: inline-block;
}

.modules-page ul.social li:before {
    display: none;
}

.modules-page ul.social li a {
    height: 42px;
    width: 42px;
    display: block;
    text-align: center;
    line-height: 42px;
    background-color: #FF4100;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #FF4100;
    color: #fff;
}

.modules-page ul.social li a:hover {
    background-color: #ffffff;
    color: #FF4100;
}

.modules-page ul.social li a i {
    font-size: 20px;
}

/********************************************************/
/******* Modules/sodium-navigation-search.scss *******/
/********************************************************/
.modules-page .sodium-search-field {
    float: right;
    margin-bottom: 0;
    position: relative;
    height: 70px;
}

.modules-page .sodium-search-field__suggestions {
    display: none !important;
}

.modules-page .sodium-search-field__bar {
    position: relative;
}

.modules-page .sodium-search-field__search-button {
    font-family: "FontAwesome";
    content: "\f002";
    font-size: 20px;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 50%;
    z-index: 4;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    color: #626262;
}

.modules-page .sodium-search-field__search-button--active {
    color: #fff;
}

.modules-page .sodium-search-field form {
    height: 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modules-page .sodium-search-field__input[type=search] {
    font-size: 14px;
    border: 0;
    position: relative;
    z-index: 3;
    right: 0;
    height: 30px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #4a4949;
    color: #fff;
    padding: 0 35px 0 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    width: 40px;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-appearance: none;
}

.modules-page .sodium-search-field__input[type=search]::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
}

.modules-page .sodium-search-field__input[type=search]::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}

.modules-page .sodium-search-field__input[type=search]:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}

.modules-page .sodium-search-field__input[type=search]:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}

.modules-page .sodium-search-field__input--active[type=search] {
    width: 140px;
    opacity: 1;
}

/* mobile search */
.modules-page .slicknav_menu .sodium-search-field {
    float: none;
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
    height: auto;
}

.modules-page .slicknav_menu .sodium-search-field form {
    height: auto;
}

.modules-page .slicknav_menu .sodium-search-field__input {
    width: 100%;
    opacity: 1;
    background: #4a4949;
    color: #fff;
}

.modules-page .slicknav_menu .sodium-search-field__search-button {
    color: #fff;
}

/********************************************************/
/******* Modules/square-service-box.scss *******/
/********************************************************/
.modules-page .square-box {
    position: relative;
    height: 100%;
    background: #4a4949;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 35px 25px;
}

.modules-page .square-box .mask, .modules-page .square-box .separator--contact__mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 1;
}

.modules-page .square-box__image-container, .modules-page .square-box__content {
    position: relative;
    z-index: 2;
}

.modules-page .square-box h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

.modules-page .square-box p {
    color: #fff;
    font-size: 16px;
}

/********************************************************/
/******* Modules/sticky-footer-module.scss *******/
/********************************************************/
.modules-page section.sticky-footer-module {
    width: 100%;
    background-color: #f7f7f7;
    position: static;
    bottom: -1px;
    z-index: 999;
    padding: 14px 0;
    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.1);
    min-height: 70px;
}

.modules-page section.sticky-footer-module .container {
    position: relative;
}

.modules-page section.sticky-footer-module .container .button-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modules-page section.sticky-footer-module .container .button-container > span {
    margin: 0 14px;
}

.modules-page section.sticky-footer-module .container .close {
    position: absolute;
    background-image: url("//cdn2.hubspot.net/hubfs/685080/IMG-TurboSodium/Sodium%20v2/Products%20Page/close.png");
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
    top: 0;
    right: 0;
    width: 14px;
    height: 14px;
}

.modules-page section.sticky-footer-module .container .close:hover {
    cursor: pointer;
}

/********************************************************/
/******* Modules/testimonial-slide.scss *******/
/********************************************************/
.modules-page .testimonials-quotes {
    min-height: 575px;
    background-color: #f7f7f7;
    position: relative;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.modules-page .testimonials-quotes .slick-container {
    margin: 0 auto;
    max-width: 1400px;
}

.modules-page .testimonials-quotes .testimonial-mask {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.14);
}

.modules-page .testimonials-quotes .slick-slider {
    margin: 0;
}

.modules-page .testimonials-quotes h2 {
    font-size: 40px;
    color: #fff;
    text-transform: none;
    font-weight: 300;
    margin-top: 70px;
    z-index: 99;
    position: relative;
}

.modules-page .testimonials-quotes h2 span {
    color: #FF4100;
    letter-spacing: 3px;
}

.modules-page .testimonials-quotes .slick-prev {
    width: 30px;
    height: 60px;
    left: 0;
}

@media screen and (max-width: 1400px) {
    .modules-page .testimonials-quotes .slick-prev {
        left: 50px;
    }
}

.modules-page .testimonials-quotes .slick-next {
    width: 30px;
    height: 60px;
    right: 0;
}

@media screen and (max-width: 1400px) {
    .modules-page .testimonials-quotes .slick-next {
        right: 50px;
    }
}

.modules-page .testimonials-quotes .slick-testimonial-quotes .slick-track {
    height: 390px;
}

.modules-page .testimonials-quotes .slick-testimonial-quotes .slick-track .hs_cos_wrapper .testimonial-box {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    text-align: center;
    max-width: 360px;
    min-width: 240px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    margin: 0 auto;
}

@media (max-width: 400px) {
    .modules-page .testimonials-quotes .slick-testimonial-quotes .slick-track .hs_cos_wrapper .testimonial-box {
        margin: 0 15px;
        padding: 0 10px;
    }
}

.modules-page .testimonials-quotes .slick-testimonial-quotes .slick-track .hs_cos_wrapper .testimonial-box .testimonial-quote {
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 40px 25px;
    font-size: 13.27px;
    line-height: 17.7px;
    color: #626262;
    position: relative;
    -webkit-box-shadow: 6px 6px #FF4100;
    -moz-box-shadow: 6px 6px #FF4100;
    box-shadow: 6px 6px #FF4100;
}

.modules-page .testimonials-quotes .slick-testimonial-quotes .slick-track .hs_cos_wrapper .testimonial-box .testimonial-quote:before {
    content: '"';
    position: absolute;
    font-size: 150px;
    top: -25px;
    color: #FF4100;
    left: 0;
    margin-left: -17px;
    margin-top: -12px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.modules-page .testimonials-quotes .slick-testimonial-quotes .slick-track .hs_cos_wrapper .testimonial-box .testimonial-quote:after {
    content: '';
    position: absolute;
    bottom: -18px;
    left: 50%;
    margin-left: -13px;
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 19px solid #fff;
    -webkit-filter: drop-shadow(8px 1px #FF4100);
    filter: drop-shadow(8px 1px #FF4100);
}

.modules-page .testimonials-quotes .slick-testimonial-quotes .slick-track .hs_cos_wrapper .testimonial-box img {
    margin: 0 auto;
    height: 66px;
    width: 66px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #FF4100;
    float: left;
}

.modules-page .testimonials-quotes .slick-testimonial-quotes .slick-track .hs_cos_wrapper .testimonial-box .person {
    margin-top: 30px;
    padding: 0 90px;
}

.modules-page .testimonials-quotes .slick-testimonial-quotes .slick-track .hs_cos_wrapper .testimonial-box .person h4 {
    font-size: 18px;
    margin: 0;
    color: #fff;
    padding-top: 10px;
}

.modules-page .testimonials-quotes .slick-testimonial-quotes .slick-track .hs_cos_wrapper .testimonial-box .person p {
    font-size: 14.66px;
    margin: 0;
    margin-top: 5px;
    color: #fff;
}

.modules-page .testimonials-quotes .slick-testimonial-quotes .slick-track .slick-slide {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.modules-page .testimonials-quotes .slick-testimonial-quotes .slick-track .active-slide {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}

@media (max-width: 767px) {
    .modules-page .testimonials-quotes .slick-testimonial-quotes .slick-track .active-slide {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.modules-page .testimonials-quotes .slick-testimonial-quotes .slick-track .no-animation {
    -webkit-transition: none !important;
    -o-transition: none !important;
    -moz-transition: none !important;
    transition: none !important;
}

/********************************************************/
/******* Modules/testimonial.scss *******/
/********************************************************/
.modules-page .testimonials {
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
    min-height: 475px;
    padding-bottom: 40px;
    text-align: center;
    background-color: #4a4949;
}

.modules-page .testimonials .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    width: auto;
    height: auto;
}

.modules-page .testimonials .slick-arrow.slick-prev {
    left: 48px;
}

.modules-page .testimonials .slick-arrow.slick-prev:before {
    content: '';
    background-image: url("//cdn2.hubspot.net/hubfs/685080/HubSpot_Template_Marketplace/Turbo_Sodium/assets/arrow-left.png");
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    width: 30px;
    height: 58px;
    display: block;
}

.modules-page .testimonials .slick-arrow.slick-next {
    right: 48px;
}

.modules-page .testimonials .slick-arrow.slick-next:before {
    content: '';
    background-image: url("//cdn2.hubspot.net/hubfs/685080/HubSpot_Template_Marketplace/Turbo_Sodium/assets/arrow-left.png");
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    width: 30px;
    height: 58px;
    display: block;
}

.modules-page .testimonials .slick-dots {
    bottom: 50px;
    width: 100%;
    list-style: none;
    text-align: center;
}

.modules-page .testimonials .slick-dots li button:before {
    font-size: 26px;
}

.modules-page .testimonials .slick-dots li.slick-active button:before {
    color: #fff;
}

.modules-page .testimonials h2 {
    font-size: 36px;
    margin-top: 100px;
    color: #fff;
}

.modules-page .testimonials .testimonial-text {
    color: #fff;
    padding: 60px 50px 30px 50px;
    font-size: 16px;
    width: 90%;
    max-width: 901px;
    margin: auto;
}

.modules-page .testimonials .person {
    color: #fff;
    font-size: 16px;
    font-size: 20px;
    font-weight: 600;
}

.modules-page .testimonials .person span {
    font-weight: 300;
}

.modules-page .testimonials .person-container .person-left {
    text-align: right;
    padding-right: 10px;
}

.modules-page .testimonials .person-container .person-right {
    text-align: left;
    padding-left: 10px;
    height: 100px;
}

.modules-page .testimonials .person-container .person-right p {
    padding-top: 15px;
}

.modules-page .testimonials .person-container img {
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.modules-page .testimonials .person-container div {
    width: 48%;
    float: left;
}

@media (max-width: 767px) {
    .modules-page .testimonials .testimonial-text {
        width: 100%;
        padding: 20px 20px 10px;
    }
}

/********************************************************/
/******* Modules/text_and_image_overflow.scss *******/
/********************************************************/
.modules-page section.text-and-image-overflow {
    padding-top: 0px;
}

.modules-page .text-and-image-overflow .container-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.modules-page .text-and-image-overflow .container-fluid .text-wrapper {
    width: 50%;
}

.modules-page .text-and-image-overflow .container-fluid .text-wrapper .text-content {
    max-width: 590px;
    padding: 15px;
}

.modules-page .text-and-image-overflow .container-fluid .text-wrapper .text-content h2 {
    text-align: left;
    text-transform: none;
    font-size: 40px;
    font-weight: 200;
    color: #626262;
}

.modules-page .text-and-image-overflow .container-fluid .text-wrapper .text-content h2 span {
    color: #FF4100;
    letter-spacing: 3px;
}

.modules-page .text-and-image-overflow .container-fluid .text-wrapper .text-content p {
    font-size: 16px;
    color: #626262;
}

.modules-page .text-and-image-overflow .container-fluid .image-wrapper {
    width: 50%;
}

.modules-page .text-and-image-overflow .container-fluid .image-wrapper img {
    max-width: 650px;
    width: 100%;
}

@media (max-width: 767px) {
    .modules-page .text-and-image-overflow .container-fluid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .modules-page .text-and-image-overflow .container-fluid .text-wrapper {
        width: 100%;
        padding-bottom: 30px;
    }

    .modules-page .text-and-image-overflow .container-fluid .text-wrapper .text-content {
        float: none !important;
        margin: 0 auto;
    }

    .modules-page .text-and-image-overflow .container-fluid .image-wrapper {
        width: 100%;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .modules-page .text-and-image-overflow .container-fluid .image-wrapper img {
        float: none !important;
        margin: 20px auto 0;
        display: block;
    }
}

/********************************************************/
/******* Modules/text_cta_separator.scss *******/
/********************************************************/
.modules-page .txt-cta-separator {
    min-height: 160px;
}

.modules-page .txt-cta-separator .separator-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 50px 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 768px) {
    .modules-page .txt-cta-separator .separator-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}

.modules-page .txt-cta-separator .separator-content h3 {
    color: #FF4100;
    font-size: 34px;
    font-weight: 200;
    text-transform: uppercase;
    letter-spacing: 4px;
}

@media (max-width: 767px) {
    .modules-page .txt-cta-separator .separator-content h3 {
        text-align: center;
    }
}

/********************************************************/
/******* Modules/video-module.scss *******/
/********************************************************/
.modules-page .video-module {
    position: relative;
    max-height: 500px;
    overflow: hidden;
    text-align: center;
}

.modules-page .video-module__play-button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    z-index: 10;
    width: 136px;
    height: 136px;
    border: none;
    text-align: center;
    -moz-background-size: cover;
    background-size: cover;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
}

.modules-page .video-module__play-button:hover {
  	border: 0;
}

.modules-page .video-module__label {
    position: absolute;
    display: inline-block;
    font-size: 40px;
    top: 160px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 400px;
    width: 100%;
}

@media (max-width: 767px) {
    .modules-page .video-module__play-button {
        width: 100px;
        height: 100px;
    }

    .modules-page .video-module__label {
        font-size: 30px;
        top: 110px;
    }
}

@media (max-width: 767px) and (max-width: 400px) {
    .modules-page .video-module__label {
        font-size: 18px;
    }
}

/****************************************- 4H - HUBSPOT MODULE ****************************************/
/********************************************************/
/******* HS-Modules/rich-text.scss *******/
/********************************************************/
.modules-page .widget-type-rich_text {
    text-align: left;
}

.modules-page .widget-type-rich_text--standard h2 {
    font-size: 40px;
    color: #626262;
    text-align: left;
    text-transform: none;
    font-weight: 300;
    letter-spacing: 0.04em;
}

.modules-page .widget-type-rich_text--standard h2 span {
    color: #FF4100;
    letter-spacing: 3px;
}

.modules-page .widget-type-rich_text--standard p {
    font-size: 18px;
    color: #626262;
    font-weight: 200;
}

/****************************************- 5W - WEBSITES ****************************************/
/********************************************************/
/******* Website/_404.scss *******/
/********************************************************/
.modules-page .page-404-body {
    background-color: #fbfbfb;
}

.modules-page .page-404 {
    display: none;
    margin-top: 210px;
    margin-bottom: 225px;
}

.modules-page .page-404 h1 {
    font-size: 106px;
    color: #4a4949;
    font-weight: 600;
    text-align: left;
    margin-bottom: 7px;
}

.modules-page .page-404 h2 {
    font-size: 42px;
    color: #626262;
    font-weight: 600;
    text-align: left;
    margin-bottom: 33px;
    text-transform: initial;
    letter-spacing: 0.04em;
}

.modules-page .page-404 h2 span {
    letter-spacing: 3px;
}

.modules-page .page-404 p {
    text-align: left;
    font-size: 16px;
    line-height: 25px;
    color: #626262;
    font-weight: 300;
    margin-bottom: 62px;
}

.modules-page .page-404 img {
    margin-top: 60px;
    max-width: none;
}

@media (max-width: 767px) {
    .modules-page .page-404 img {
        margin-left: 0;
    }
}

.modules-page .page-404 .widget-type-linked_image {
    text-align: center;
}

@media (max-width: 767px) {
    .modules-page .page-404 {
        margin-top: 40px;
        margin-bottom: 125px;
    }
}

/********************************************************/
/******* Website/_about_us.scss *******/
/********************************************************/
.modules-page .about-us .hero-banner {
    margin-bottom: 0;
}

.modules-page .about-us .team .team-container {
    margin-top: 35px;
    margin-bottom: 50px;
}

.modules-page .about-us .team .team-container span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.modules-page .about-us .team h2 {
    margin-top: 50px;
    font-size: 36px;
    color: #626262;
    font-weight: 200;
    text-transform: none;
    letter-spacing: 2px;
}

.modules-page .about-us .about-us-skills h2 {
    color: #626262;
    font-size: 40px;
    font-weight: 200;
    text-transform: none;
    margin-top: 60px;
}

.modules-page .about-us .about-us-skills h2 span {
    letter-spacing: 3px;
}

.modules-page .about-us .about-us-skills .about-me_skills .text-block {
    background-color: #fff;
}

.modules-page .about-us .about-us-skills .about-me_skills .text-block h3 {
    font-size: 31px;
    color: #626262;
    font-weight: 200;
}

.modules-page .about-us .about-us-skills .about-me_skills .text-block .text-block-content {
    margin-top: 0;
}

.modules-page .about-us .about-us-skills .about-me_skills .text-block .text-block-content p {
    color: #626262;
}

.modules-page .about-us .about-us-skills .about-me_skills .wrapper-bars {
    margin-top: 0;
}

.modules-page .about-us .about-us-skills .about-me_skills .wrapper-bars h3 {
    font-size: 31px;
    font-weight: 200;
}

.modules-page .about-us .separator-main {
    background-color: #4a4949;
}

.modules-page .about-us .separator-main .txt-cta-separator {
    min-height: 110px;
}

.modules-page .about-us .separator-main .txt-cta-separator .separator-content {
    padding: 20px 0;
}

.modules-page .about-us .separator-main .txt-cta-separator .separator-content h3 {
    color: #fff;
}

.modules-page .about-us .testimonials h2 {
    text-transform: none;
    font-size: 40px;
    font-weight: 200;
    margin-bottom: 45px;
    letter-spacing: 2px;
}

.modules-page .about-us .testimonials .quotes-slider .slick-slider {
    margin-bottom: 0;
}

@media (max-width: 480px) {
    .modules-page .about-us .testimonials .slick-next {
        right: -10px;
    }

    .modules-page .about-us .testimonials .slick-prev {
        left: 0;
    }
}

.modules-page .about-us .quote {
    color: #fff;
}

.modules-page .about-us .quote__text {
    padding: 0 120px;
    font-size: 18px;
    font-weight: 200;
}

.modules-page .about-us .quote__details {
    text-transform: uppercase;
    font-size: 20px;
}

.modules-page .about-us .quote__position {
    color: #FF4100;
}

.modules-page .about-us .quote__person {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 55px;
}

.modules-page .about-us .quote__image {
    margin-right: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

@media (max-width: 480px) {
    .modules-page .about-us .quote__text {
        padding: 0 35px;
        line-height: 1;
    }

    .modules-page .about-us .quote__person {
        margin-top: 25px;
        padding-bottom: 0;
    }

    .modules-page .about-us .quote__image {
        margin-right: 0;
    }

    .modules-page .about-us .quote__details {
        margin-top: 8px;
    }
}

/********************************************************/
/******* Website/_about-me.scss *******/
/********************************************************/
.modules-page .about-me .hero-banner {
    margin-bottom: 0;
}

.modules-page .about-me .about-me-separator {
    min-height: 160px;
    background-color: #fff;
}

.modules-page .about-me .about-me-separator .span12.widget-span.widget-type-cell .row-fluid-wrapper.row-depth-1.row-number-8 .row-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 50px 0;
}

@media (max-width: 767px) {
    .modules-page .about-me .about-me-separator .span12.widget-span.widget-type-cell .row-fluid-wrapper.row-depth-1.row-number-8 .row-fluid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.modules-page .about-me .about-me-separator .span12.widget-span.widget-type-cell .row-fluid-wrapper.row-depth-1.row-number-8 .row-fluid .widget-type-text span {
    color: #ffc400;
    font-size: 34px;
    text-transform: uppercase;
    letter-spacing: 4px;
}

/********************************************************/
/******* Website/_contact-v2.scss *******/
/********************************************************/
.modules-page .contact-template.contact-v2 .body-container-wrapper {
    padding-top: 70px;
}

.modules-page .contact-template.contact-v2 .body-container-wrapper form.hs-form fieldset {
    max-width: 100%;
    margin-bottom: 10px;
}

.modules-page .contact-template.contact-v2 .body-container-wrapper form.hs-form fieldset .input {
    margin-right: 0px;
}

.modules-page .contact-template.contact-v2 .body-container-wrapper form.hs-form fieldset textarea.hs-input, .modules-page .contact-template.contact-v2 .body-container-wrapper form.hs-form fieldset input[type="text"].hs-input, .modules-page .contact-template.contact-v2 .body-container-wrapper form.hs-form fieldset input[type="email"].hs-input, .modules-page .contact-template.contact-v2 .body-container-wrapper form.hs-form fieldset input[type="tel"].hs-input, .modules-page .contact-template.contact-v2 .body-container-wrapper form.hs-form fieldset input[type="number"].hs-input {
    width: 100%;
    color: #626262;
    font-size: 16px;
    border: solid 1px #ebeaea;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.modules-page .contact-template.contact-v2 .body-container-wrapper form.hs-form fieldset.form-columns-2 .hs-form-field {
    width: 48.717948718%;
}

.modules-page .contact-template.contact-v2 .body-container-wrapper form.hs-form fieldset.form-columns-2 .hs-form-field:last-of-type {
    margin-left: 2.564102564%;
}

@media (max-width: 500px) {
    .modules-page .contact-template.contact-v2 .body-container-wrapper form.hs-form fieldset.form-columns-2 .hs-form-field {
        width: 100%;
    }

    .modules-page .contact-template.contact-v2 .body-container-wrapper form.hs-form fieldset.form-columns-2 .hs-form-field:last-of-type {
        margin-left: 0;
    }
}

.modules-page .contact-template.contact-v2 .body-container-wrapper form.hs-form label span {
    color: #626262;
    font-weight: 200px;
}

.modules-page .map {
    padding-top: 70px;
}

.modules-page .map #map-close {
    position: fixed;
    top: 20px;
    left: 20px;
    font-size: 26px;
    border: 0;
    background-color: transparent;
    z-index: 9;
    margin: 0;
    padding: 0;
    width: 61px;
}

.modules-page .map #map-close .fa {
    padding: 0px 3px;
    background-color: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    color: #626262;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.modules-page .map .map-wrapper {
    height: 510px;
    width: 100%;
    position: relative;
}

.modules-page .map .map-wrapper #map-find-road {
    position: absolute;
    bottom: 125px;
    font-size: 26px;
    border: 0;
    background-color: transparent;
    z-index: 9;
    right: 10px;
    padding: 0;
    margin: 0;
    width: auto;
}

.modules-page .map .map-wrapper #map-find-road .fa {
    padding: 0px 3px;
    background-color: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
    box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
    color: #FF4100;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.modules-page .map .map-wrapper #start-position {
    position: absolute;
    bottom: 126px;
    right: 46px;
    width: 0px;
    font-size: 14px;
    height: 26px;
    z-index: 9;
    color: #626262;
    border: 0;
    padding: 0px 0px;
    background-color: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
    box-shadow: rgba(0, 0, 0, 0.29804) 0px 1px 4px -1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.modules-page .map .map-wrapper #start-position.open {
    width: 200px;
    padding: 0px 3px;
}

.modules-page .map .map-wrapper.full-open {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100vw;
    max-height: 100vh;
    height: 100vh;
}

.modules-page .map .map-wrapper > div {
    height: 100%;
    margin: 0px;
}

.modules-page .map .map-wrapper > div #map div {
    height: initial;
    margin: initial;
}

.modules-page .map .map-wrapper > div #map .gmnoprint .gm-style-mtc {
    display: none;
}

.modules-page .map .map-wrapper .mask, .modules-page .map .map-wrapper .separator--contact__mask {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: transparent;
}

.modules-page .map .map-wrapper iframe {
    width: 100%;
    height: 100%;
}

.modules-page .contact-page {
    padding-bottom: 80px;
}

.modules-page .contact-page h3 {
    margin-top: 45px;
    margin-bottom: 24px;
    font-size: 31px;
    text-align: left;
    font-weight: 500;
    color: #4a4949;
}

.modules-page .contact-page .widget-type-form .form-title {
    margin-top: 45px;
    margin-bottom: 24px;
    font-size: 31px;
    text-align: left;
    font-weight: 500;
}

.modules-page .contact-page .widget-type-form .hs-form-field {
    margin-bottom: 15px;
}

.modules-page .contact-page .widget-type-form .hs-form-field label span {
    color: #626262;
    font-size: 16px;
}

.modules-page .contact-page .widget-type-form form input {
    border: solid 1px #d6d5d5;
    margin-top: 5px;
    color: #626262;
}

.modules-page .contact-page .widget-type-form form input[type="submit"] {
    color: #ffffff;
    border: solid 2px #FF4100;
}

.modules-page .contact-page .widget-type-form form input[type="submit"]:hover {
    color: #FF4100;
}

.modules-page .contact-page .widget-type-form form textarea {
    border: solid 1px #d6d5d5;
    margin-top: 8px;
    color: #626262;
}

.modules-page .contact-page .widget-type-form form select {
    background-color: #fff;
    outline: 0;
    font-size: 16px;
    font-weight: 300;
    border: solid 1px #d6d5d5;
    color: #626262;
    margin-top: 19px !important;
    font-family: Palanquin, sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-top: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-image: url("//cdn2.hubspot.net/hubfs/685080/IMG-TurboSodium/Sodium%20v2/angle-down-gray.png");
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 64%;
    width: 100% !important;
}

.modules-page .contact-page .widget-type-form form ul.hs-error-msgs label, .modules-page .contact-page .widget-type-form form ul.hs-error-msgs a {
    color: #626262;
    font-size: 16px;
}

.modules-page .contact-page p {
    font-size: 16px;
    margin-bottom: 28px;
}

.modules-page .contact-page p span {
    text-transform: uppercase;
}

.modules-page .contact-page ul.social {
    padding: 0px;
    margin: 0px;
}

.modules-page .contact-page ul.social li {
    margin-right: 10px;
    display: inline-block;
}

.modules-page .contact-page ul.social li a {
    height: 42px;
    width: 42px;
    display: block;
    text-align: center;
    line-height: 42px;
    background-color: #FF4100;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 2px #FF4100;
    color: #fff;
}

.modules-page .contact-page ul.social li a:hover {
    background-color: #fff;
    color: #FF4100;
}

.modules-page .contact-page ul.social li a i {
    font-size: 20px;
}

.modules-page .contact-page .widget-type-text.social-heading {
    margin: 35px 0 20px 0;
}

.modules-page .contact-page .widget-type-text.social-heading .hs_cos_wrapper_type_text {
    color: #FF4100;
    font-size: 31px;
    text-transform: uppercase;
    font-weight: 500;
}

.modules-page .contact-page .widget-type-cell.span6 {
    margin-top: 50px;
}

.modules-page .contact-page .widget-type-cell.span6.more-information {
    margin-top: 0;
}

@media screen and (max-width: 767px) {
    .modules-page .map .map-wrapper {
        max-height: 55vh;
    }

    .modules-page .contact-page {
        padding-bottom: 80px;
    }

    .modules-page .contact-page h3 {
        margin-top: 20px;
    }

    .modules-page .contact-page .container .row-fluid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .modules-page .contact-page .container #map {
        margin: 30px auto;
    }

    .modules-page .contact-page .container .social-share-module {
        text-align: center;
        margin: 10px 0;
    }

    .modules-page .contact-page .container .widget-type-text.social-heading {
        margin: 15px 0 10px 0;
    }

    .modules-page .contact-page .container .widget-type-text.social-heading .layout-widget-wrapper {
        text-align: center;
    }

    .modules-page .contact-page .container .widget-type-form .form-title {
        text-align: center;
        margin: 20px 0 10px 0;
    }

    .modules-page .contact-template.contact-v1 .body-container-wrapper form.hs-form fieldset {
        max-width: 100%;
        margin-bottom: 10px;
    }

    .modules-page .contact-template.contact-v1 .body-container-wrapper form.hs-form fieldset .input {
        margin-right: 0px;
    }

    .modules-page .contact-template.contact-v1 .body-container-wrapper form.hs-form fieldset textarea.hs-input, .modules-page .contact-template.contact-v1 .body-container-wrapper form.hs-form fieldset input[type="text"].hs-input, .modules-page .contact-template.contact-v1 .body-container-wrapper form.hs-form fieldset input[type="email"].hs-input, .modules-page .contact-template.contact-v1 .body-container-wrapper form.hs-form fieldset input[type="tel"].hs-input, .modules-page .contact-template.contact-v1 .body-container-wrapper form.hs-form fieldset input[type="number"].hs-input {
        width: 100%;
        color: #626262;
        font-size: 16px;
        border: solid 1px #ebeaea;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .modules-page .contact-template.contact-v1 .body-container-wrapper form.hs-form fieldset.form-columns-2 .hs-form-field {
        width: 100%;
    }

    .modules-page .contact-template.contact-v1 .body-container-wrapper form.hs-form fieldset.form-columns-2 .hs-form-field:last-of-type {
        margin-left: 0%;
    }

    .modules-page .contact-template.contact-v1 .body-container-wrapper form.hs-form label span {
        color: #626262;
        font-weight: 200px;
    }
}

/********************************************************/
/******* Website/_faq.scss *******/
/********************************************************/
.modules-page .sodium-faq {
    counter-reset: li;
}

.modules-page .sodium-faq ol {
    padding-left: 25px;
}

.modules-page .sodium-faq ol li:before {
    color: #FF4100;
    counter-increment: li;
    content: counter(li) ".";
    position: absolute;
    width: 16px;
    background-position: center;
    left: -25px;
    top: 50%;
    display: block;
    font-size: 23px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    height: 32px;
}

.modules-page .sodium-faq .left {
    margin-top: 5px;
    margin-bottom: 10px;
}

.modules-page .sodium-faq .left p, .modules-page .sodium-faq .left ol, .modules-page .sodium-faq .left ul, .modules-page .sodium-faq .left li, .modules-page .sodium-faq .left a, .modules-page .sodium-faq .left span {
    font-weight: 200;
}

.modules-page .sodium-faq .faq {
    padding-bottom: 55px;
}

.modules-page .sodium-faq .faq h2 {
    letter-spacing: 0.04em;
    color: #626262;
    font-size: 40px;
    text-align: left;
    margin-top: 31px;
    text-transform: none;
}

.modules-page .sodium-faq .faq h2 span {
    color: #FF4100;
    letter-spacing: 3px;
}

.modules-page .sodium-faq .faq p {
    font-size: 18px;
    color: #626262;
    margin-top: 30px;
}

/********************************************************/
/******* Website/_home-v2.scss *******/
/********************************************************/
/* GENERAL */
.modules-page .flex-wrapper {
    position: relative;
}

.modules-page .flex-wrapper .row-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.modules-page .lead-section {
    padding-top: 90px;
    padding-bottom: 90px;
}

.modules-page .lead-section--text-center h2, .modules-page .lead-section--text-center p, .modules-page .lead-section--text-center li, .modules-page .lead-section--text-center .widget-type-header h2 {
    text-align: center;
}

.modules-page .features-section, .modules-page .circles-section {
    padding-top: 30px;
    padding-bottom: 15px;
}

.modules-page .widget-type-header--home h2 {
    text-align: left;
    text-transform: none;
    font-weight: 300;
}

.modules-page .widget-type-header--home h2 span {
    color: #FF4100;
    letter-spacing: 3px;
}

.modules-page .widget-type-header--centered h1, .modules-page .widget-type-header--centered h2 {
    text-align: center;
}

/* #SECTION-LEAD */
.modules-page .lead-section {
    position: relative;
    float: left;
    width: 100%;
}

.modules-page .lead-section .widget-type-rich_text, .modules-page .lead-section .widget-type-header {
    position: relative;
}

.modules-page .lead-section__content {
    position: relative;
    z-index: 200;
}

.modules-page .lead-section__content--left {
    padding-right: 5%;
}

.modules-page .lead-section__content--right {
    padding-left: 5%;
}

.modules-page .lead-section.background-figure {
    overflow: hidden;
}

.modules-page .lead-section.background-figure:before {
    content: "";
    position: absolute;
    top: -200px;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1500px 0 0 1000px;
    border-color: transparent transparent transparent #4a4949;
}

/* #SECTION-FEATURES */
.modules-page .features-section {
    position: relative;
    text-align: center;
    background-color: #4a4949;
    background-repeat: no-repeat, .modules-page no-repeat;
    background-position: 5% -15%, 95% 70%;
    float: left;
    width: 100%;
}

.modules-page .features-section .widget-type-header--home h2 {
    color: #fff;
}

.modules-page .features-section .widget-type-rich_text p, .modules-page .features-section .widget-type-rich_text a, .modules-page .features-section .widget-type-rich_text li {
    color: #fff;
    text-align: center;
}

.modules-page .features-section:before {
    content: "";
    position: absolute;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 230px 630px;
    border-color: transparent transparent #4a4949 transparent;
}

/* #SECTION-CIRCLES */
.modules-page .circles-section {
    position: relative;
    float: left;
    width: 100%;
    background-color: #4a4949;
}

.modules-page .circles-section .widget-type-header--home h2 {
    color: #fff;
    margin-bottom: 50px;
}

.modules-page .circles-section .widget-type-header--home h2 span {
    letter-spacing: 3px;
}

/* #SECTION-CONTACT */
.modules-page .home-contact-section {
    position: relative;
    width: 100%;
    float: left;
    padding-top: 30px;
    padding-bottom: 30px;
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
    background-size: cover;
}

.modules-page .home-contact-section h3 {
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #FF4100;
}

.modules-page .home-contact-section .transparent-box {
    width: 90%;
    margin: 0 auto;
    max-width: 1240px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-bottom: 40px;
    padding-top: 40px;
    background-color: white;
    opacity: .9;
}

.modules-page .home-contact-section .transparent-box .widget-type-form form input.hs-button {
    padding: 10px 50px;
    border: 2px solid #FF4100;
}

.modules-page .home-contact-section .widget-type-rich_text {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #fff;
}

.modules-page .home-contact-section .widget-type-rich_text a, .modules-page .home-contact-section .widget-type-rich_text p, .modules-page .home-contact-section .widget-type-rich_text span {
    font-size: 20px;
    color: #fff;
    line-height: 2;
    font-weight: 200;
    margin: 0;
}

.modules-page .home-contact-section .widget-type-rich_text a[href^="tel:"] {
    color: #fff;
}

.modules-page .home-contact-section .widget-type-rich_text a[href^="tel:"]:hover {
    text-decoration: underline;
}

.modules-page .home-contact-section .last-row .widget-type-rich_text {
    padding-bottom: 0;
    border-bottom: 0;
}

.modules-page .home-contact-section .widget-type-form .form-title {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: 600;
}

.modules-page .home-contact-section .widget-type-form input, .modules-page .home-contact-section .widget-type-form textarea {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px;
    color: #fff;
    font-weight: 200;
}

.modules-page .home-contact-section .widget-type-form input::-webkit-input-placeholder, .modules-page .home-contact-section .widget-type-form textarea::-webkit-input-placeholder {
    color: #fff;
}

.modules-page .home-contact-section .widget-type-form textarea {
    min-height: 120px;
    resize: none;
}

.modules-page .home-contact-section .widget-type-form label span {
    color: #fff;
}

.modules-page .home-contact-section .widget-type-form .hs-error-msgs a, .modules-page .home-contact-section .widget-type-form .hs-error-msgs label {
    font-size: 18px;
    font-weight: 200;
    color: #fff;
}

.modules-page .home-contact-section .widget-type-form .legal-consent-container .hs-richtext, .modules-page .home-contact-section .widget-type-form .legal-consent-container p, .modules-page .home-contact-section .widget-type-form .legal-consent-container span, .modules-page .home-contact-section .widget-type-form .legal-consent-container li {
    color: #fff;
}

/* RWD */
@media (max-width: 1200px) {
    .modules-page .lead-section__content--left {
        padding-right: 30px;
    }

    .modules-page .lead-section__content--right {
        padding-left: 30px;
    }
}

@media (max-width: 768px) {
    .modules-page .flex-wrapper .row-fluid {
        display: block;
    }

    .modules-page .lead-section.background-figure:before {
        display: none;
    }

    .modules-page .lead-section__content {
        width: 100% !important;
    }

    .modules-page .lead-section__content--left {
        padding-right: 0;
        margin-right: 0;
        margin-left: 0 !important;
    }

    .modules-page .lead-section__content--right {
        padding-left: 0;
        margin-right: 0;
        margin-left: 0 !important;
    }

    .modules-page .features-section {
        background-image: none !important;
    }

    .modules-page .features-section:before {
        display: none;
    }

    .modules-page .home-contact-section .widget-type-form .actions {
        text-align: center;
    }
}

/********************************************************/
/******* Website/_home-v3.scss *******/
/********************************************************/
/* #SECTION-SQUARE-BOXES */
.modules-page .square-boxes-section {
    position: relative;
    width: 100%;
    float: left;
    margin-top: -200px;
}

.modules-page .square-boxes-section.home-boxes {
    margin-top: -170px;
}

.modules-page .square-boxes-section .hs_cos_wrapper_widget_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.modules-page .square-boxes-section .hs_cos_wrapper_type_custom_widget {
    width: 25%;
    max-width: 400px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #4a4949;
}

.modules-page .square-boxes-section .hs_cos_wrapper_type_custom_widget .square-box {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #4a4949;
}

.modules-page .square-boxes-section .hs_cos_wrapper_type_custom_widget .square-box .mask, .modules-page .square-boxes-section .hs_cos_wrapper_type_custom_widget .square-box .separator--contact__mask {
    background-color: rgba(255, 255, 255, 0);
}

.modules-page .square-boxes-section .hs_cos_wrapper_type_custom_widget .square-box .icon {
    color: #fff;
    font-size: 40px;
}

.modules-page .square-boxes-section .hs_cos_wrapper_type_custom_widget:nth-child(2) .square-box .mask, .modules-page .square-boxes-section .hs_cos_wrapper_type_custom_widget:nth-child(2) .square-box .separator--contact__mask {
    background-color: rgba(255, 255, 255, 0.1);
}

.modules-page .square-boxes-section .hs_cos_wrapper_type_custom_widget:nth-child(3) .square-box .mask, .modules-page .square-boxes-section .hs_cos_wrapper_type_custom_widget:nth-child(3) .square-box .separator--contact__mask {
    background-color: rgba(255, 255, 255, 0.2);
}

.modules-page .square-boxes-section .hs_cos_wrapper_type_custom_widget:nth-child(4) .square-box .mask, .modules-page .square-boxes-section .hs_cos_wrapper_type_custom_widget:nth-child(4) .square-box .separator--contact__mask {
    background-color: rgba(255, 255, 255, 0.3);
}

/* #SECTION-LEAD */
.modules-page .lead-section__image {
    position: relative;
}

.modules-page .lead-section__image img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    -webkit-box-shadow: 30px 30px 0 #4a4949;
    -moz-box-shadow: 30px 30px 0 #4a4949;
    box-shadow: 30px 30px 0 #4a4949;
}

/* #SECTION-FEATURES-MOCUP */
.modules-page .features-mocup-section {
    position: relative;
    width: 100%;
    float: left;
    padding-top: 70px;
    padding-bottom: 70px;
    background: #4a4949;
}

/* #SECTION-PRICING-TABLES */
.modules-page .pricing-tables-section {
    position: relative;
    width: 100%;
    float: left;
    padding-top: 50px;
    padding-bottom: 160px;
}

.modules-page .pricing-tables-section .pricing-box__container .widget-span .hs_cos_wrapper_widget_container {
    padding-top: 40px;
    padding-bottom: 0;
}

.modules-page .main .homeslider {
    height: 100vh;
    overflow: hidden;
    min-height: 600px;
}

@media (max-width: 991px) {
    .modules-page .square-boxes-section {
        margin-top: 50px;
        top: 0;
    }

    .modules-page .square-boxes-section .hs_cos_wrapper_type_custom_widget {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .modules-page .square-boxes-section.home-boxes {
        margin-top: 50px;
    }

    .modules-page .square-boxes-section .hs_cos_wrapper_widget_container {
        display: block;
    }

    .modules-page .square-boxes-section .hs_cos_wrapper_type_custom_widget {
        width: 100%;
        margin: auto;
    }
}

/********************************************************/
/******* Website/_home.scss *******/
/********************************************************/
.modules-page .homepage .services .box-services h3 {
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.modules-page .homepage .portfolio {
    background-color: #4a4949;
    width: 100%;
    padding-bottom: 8px;
}

.modules-page .homepage .portfolio .flex-wrap .row-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modules-page .homepage .portfolio .row-fluid .span3 {
    width: 25%;
    margin: 0px;
}

.modules-page .homepage .portfolio h2 {
    font-size: 34px;
    margin: 45px 0px 45px 0px;
    color: #fff;
    font-weight: 300;
    letter-spacing: 0.04em;
}

.modules-page .homepage .portfolio .button {
    margin: 38px 0px 38px 0px;
    width: 100%;
    padding-bottom: 8px;
}

.modules-page .homepage .portfolio .button:hover {
    background-color: #fff;
    color: #FF4100;
}

.modules-page .homepage .portfolio .boxes {
    width: 100%;
    padding-bottom: 8px;
}

.modules-page .homepage .portfolio .boxes a.box {
    width: 100%;
    height: 254px;
    display: block;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}

.modules-page .homepage .portfolio .boxes a.box .shadow {
    background-color: #4a4949;
    opacity: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.modules-page .homepage .portfolio .boxes a.box h3 {
    position: absolute;
    top: 300px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    height: 40px;
    text-align: center;
    color: #fff;
    font-size: 29px;
    font-weight: 300;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.modules-page .homepage .portfolio .boxes a.box:hover .shadow {
    opacity: 0.63;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.modules-page .homepage .portfolio .boxes a.box:hover h3 {
    top: 0px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.modules-page .homepage .product-cta {
    width: 100%;
    height: 100%;
    -moz-background-size: cover;
    background-size: cover;
    overflow: hidden;
}

.modules-page .homepage .product-cta .product .container.position {
    position: relative;
}

.modules-page .homepage .product-cta .product .row-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.modules-page .homepage .product-cta .product .row-fluid .span5 {
    position: relative;
}

.modules-page .homepage .product-cta .product .row-fluid .span5 img {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.modules-page .homepage .product-cta .product h2 {
    text-align: left;
    font-weight: 300;
    font-size: 40px;
    margin: 78px 0px 45px 0px;
    color: #fff;
    letter-spacing: 0.04em;
    text-transform: none;
}

.modules-page .homepage .product-cta .product h2 span {
    letter-spacing: 3px;
}

.modules-page .homepage .product-cta .product .text {
    max-width: 550px;
    color: #fff;
    margin-bottom: 35px;
}

.modules-page .homepage .product-cta .product a.button {
    display: inline-block;
    margin-bottom: 85px;
}

.modules-page .homepage .ios-device {
    background-attachment: scroll !important;
}

.modules-page .homepage .skills {
    background-color: #4a4949;
    overflow: hidden;
}

.modules-page .homepage .skills .flex-circle .row-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 967px) {
    .modules-page .homepage .skills .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

.modules-page .homepage .skills h2 {
    margin: 30px 0px 50px 0px;
    color: #fff;
    font-size: 40px;
    font-weight: 300;
    text-transform: none;
    letter-spacing: 0.04em;
}

.modules-page .homepage .skills h2 span {
    letter-spacing: 3px;
    color: #fff;
}

.modules-page .homepage .skills .loading-circle {
    margin: 0 20px;
}

.modules-page .homepage .skills .loading-circle .circle {
    margin: 0 auto;
    display: block;
    width: 200px;
    height: 200px;
    background-color: #4a4949;
}

.modules-page .homepage .skills .loading-circle .circle svg {
    margin: -20%;
}

.modules-page .homepage .skills .loading-circle .circle .timer tspan {
    font-family: 'Roboto', sans-serif;
}

.modules-page .homepage .skills h3 {
    color: #fff;
    font-weight: normal;
    font-size: 25px;
    margin: 35px 0px 55px 0px;
    text-align: center;
}

.modules-page .homepage .skills .loader4, .modules-page .homepage .skills .loader3, .modules-page .homepage .skills .loader2, .modules-page .homepage .skills .loader1 {
    max-width: 200px;
    height: auto;
}

.modules-page .homepage .features h2 {
    color: #626262;
    font-size: 40px;
    font-weight: 300;
    letter-spacing: 0.04em;
    text-transform: none;
}

.modules-page .homepage .features h2 span {
    letter-spacing: 3px;
}

.modules-page .homepage .features .icon {
    color: #FF4100;
}

.modules-page .homepage .testimonials {
    position: relative;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    z-index: 0;
}

.modules-page .homepage .testimonials .mask, .modules-page .homepage .testimonials .separator--contact__mask {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

.modules-page .homepage .testimonials .container {
    z-index: 3;
    position: relative;
}

.modules-page .homepage .testimonials .container h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.modules-page .homepage .testimonials .container h2 span {
    color: #fff;
    letter-spacing: 3px;
}

@media (max-width: 467px) {
    .modules-page .homepage .testimonials .container h2 {
        margin-top: 60px;
    }
}

@media (max-width: 400px) {
    .modules-page .homepage .testimonials .container h2 {
        margin-top: 30px;
    }
}

.modules-page .homepage .testimonials .container p {
    font-size: 16px;
    line-height: 24px;
}

.modules-page .homepage .testimonials .container .person {
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.modules-page .homepage .testimonials .container .person span {
    color: #FF4100;
}

.modules-page .homepage .testimonials .container .slick-dots {
    bottom: -45px;
}

.modules-page .homepage .testimonials .container .slick-dots li button:before {
    color: #FF4100;
}

@media only screen and (min-width: 970px) {
    .modules-page _::-webkit-full-page-media, .modules-page _:future, .modules-page :root .homepage .flex-circle .row-fluid .span3 {
        width: 23%;
    }
}

/********************************************************/
/******* Website/_hubspot-search-results.scss *******/
/********************************************************/
/* HubSpot search feature & result page */
.modules-page .hs-search-results-page .search-results-wrapper {
    margin-bottom: 20px;
}

.modules-page .hs-search-results-page .search-results-wrapper .hs-search-field {
    margin-bottom: 50px;
}

.modules-page .hs-search-results-page .search-results-wrapper .hs-search-field__bar {
    position: relative;
}

.modules-page .hs-search-results-page .search-results-wrapper .hs-search-field__input {
    font-size: 18px;
    border: 1px solid #000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 6px 35px 6px 10px;
    height: 100%;
    -webkit-appearance: none;
}

.modules-page .hs-search-results-page .search-results-wrapper .hs-search-field__submit {
    position: absolute;
    display: inline-block;
    font-size: 16px;
    top: 50%;
    right: 10px;
    padding: 5px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    cursor: pointer;
    color: #4a4949;
}

.modules-page .hs-search-results-page .search-results-wrapper .hs-search-field__suggestions {
    padding: 0;
}

.modules-page .hs-search-results-page .search-results-wrapper .hs-search-field__suggestions a {
    color: #4a4949;
}

.modules-page .hs-search-results-page .search-results-wrapper .hs-search-field--open .hs-search-field__suggestions {
    padding: 10px;
}

.modules-page .hs-search-results-page .search-results-wrapper .hs-search-results {
    margin-bottom: 50px;
}

.modules-page .hs-search-results-page .search-results-wrapper .hs-search-results__title {
    font-size: 20px;
    color: #4a4949;
    line-height: 26px;
    font-weight: 400;
}

.modules-page .hs-search-results-page .search-results-wrapper .hs-search-results__title:hover {
    text-decoration: underline;
}

.modules-page .hs-search-results-page .search-results-wrapper .hs-search-results__description {
    margin-top: 5px;
    margin-bottom: 35px;
}

.modules-page .hs-search-results-page .search-results-wrapper .hs-search-results__prev-page, .modules-page .hs-search-results-page .search-results-wrapper .hs-search-results__next-page {
    display: inline-block;
    color: #4a4949;
    font-size: 18px;
    font-weight: normal;
    text-decoration: none;
    margin-bottom: 30px;
    cursor: pointer;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.modules-page .hs-search-results-page .search-results-wrapper .hs-search-results__prev-page:hover, .modules-page .hs-search-results-page .search-results-wrapper .hs-search-results__next-page:hover {
    text-decoration: underline;
}

/********************************************************/
/******* Website/_meet-the-team.scss *******/
/********************************************************/
.modules-page .meet-the-team h2 {
    font-size: 40px;
    font-family: "Palanquin", sans-serif;
    color: #626262;
    line-height: 1;
    text-align: center;
    font-weight: 300;
    letter-spacing: 0.04em;
    text-transform: none;
}

.modules-page .meet-the-team h2 span {
    color: #FF4100;
    letter-spacing: 3px;
}

.modules-page .meet-the-team .people-wrapper {
    margin: -8px 0 73px 0;
}

.modules-page .meet-the-team .people-wrapper .hs_cos_wrapper_type_rich_text {
    font-size: 18px;
    font-weight: 300;
    color: #626262;
}

.modules-page .meet-the-team .description {
    float: none;
    margin: 0 auto 53px auto;
    width: 80%;
    margin-left: auto !important;
}

/********************************************************/
/******* Website/_modules-page-v1.scss *******/
/********************************************************/
.modules-page .hero-banner {
    margin-bottom: 0;
}

.modules-page .text-and-image-overflow {
    padding-top: 0;
}

.modules-page .about-me-skills h2 {
    color: #626262;
    font-size: 40px;
    font-weight: 200;
    text-transform: none;
    margin-top: 60px;
}

.modules-page .about-me-skills h2 span {
    letter-spacing: 3px;
}

.modules-page .about-me-skills .text-block {
    background-color: #fff;
}

.modules-page .about-me-skills .text-block h3 {
    font-size: 31px;
    color: #626262;
    font-weight: 200;
}

.modules-page .about-me-skills .text-block .text-block-content {
    margin-top: 0;
}

.modules-page .about-me-skills .text-block .text-block-content p {
    color: #626262;
}

.modules-page .about-me-skills .wrapper-bars {
    margin-top: 0;
}

.modules-page .about-me-skills .wrapper-bars h3 {
    font-size: 31px;
    font-weight: 200;
}

.modules-page .features-mocup-section {
    padding-bottom: 30px;
}

.modules-page .pricing-main-section {
    background: #fff url("//cdn2.hubspot.net/hubfs/685080/IMG-TurboSodium/Sodium%20v2/pricing-container-background.png") center bottom no-repeat;
}

.modules-page .pricing-main-section .pricing-box__container .widget-span .hs_cos_wrapper_widget_container {
    padding-top: 100px;
}

.modules-page .pricing-section-header {
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
}

.modules-page .pricing-section-header .widget-type-rich_text {
    text-align: center;
}

.modules-page .pricing-section-header h2, .modules-page h2 {
    color: #626262;
    font-weight: 300;
    font-size: 40px;
    text-transform: none;
    margin-top: 50px;
}

.modules-page .pricing-section-header h2 span {
    letter-spacing: 3px;
}

.modules-page .brands-slider .slick-dots {
    display: block;
    left: 0;
}

.modules-page .brands-slider .slick-list {
    min-width: 100% !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 !important;
}

.modules-page .brands-slider .slick-arrow {
    display: none !important;
}

.modules-page .brands-slider button.slick-prev.slick-arrow + div.slick-list {
    display: block;
}

.modules-page .span7 .widget-type-form .hs-error-msgs a {
    font-size: 18px;
    color: #fff;
}

/********************************************************/
/******* Website/_modules-page.scss *******/
/********************************************************/
.modules-page-v2 .faq {
    margin-bottom: 40px;
}

.modules-page-v2 .faq h2 {
    text-align: left;
    letter-spacing: 0.04em;
    text-transform: none;
    color: #626262;
    font-weight: 300;
    margin-top: 38px;
    padding-left: 0;
    margin-left: 0;
}

.modules-page-v2 .faq h2 span {
    letter-spacing: 3px;
}

.modules-page-v2 .faq .widget-type-cta {
    margin-top: 10px;
}

.modules-page-v2 .faq .questions .question .text p {
    font-size: 18px;
    font-weight: 100;
}

.modules-page-v2 #counter {
    height: auto;
    padding-top: 56px;
    padding-bottom: 33px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.modules-page-v2 #counter .mask, .modules-page-v2 #counter .separator--contact__mask {
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 2;
}

.modules-page-v2 #counter .container {
    display: block;
    padding-top: 0px;
    width: 100%;
    z-index: 3;
}

.modules-page-v2 #counter .container .row-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.modules-page-v2 #counter .container .row-fluid .counter-box {
    width: 24.5%;
    margin: 0;
}

@media (max-width: 767px) {
    .modules-page-v2 #counter .container .row-fluid .counter-box {
        width: 49.5%;
    }
}

@media (max-width: 486px) {
    .modules-page-v2 #counter .container .row-fluid .counter-box {
        width: 100%;
        margin: 10px 0px;
    }
}

.modules-page-v2 #counter .container .row-fluid .counter-box h3 {
    text-transform: uppercase;
    font-size: 20px;
}

.modules-page-v2 section.question {
    margin-top: 46px;
}

.modules-page-v2 section.question .row-fluid .widget-type-rich_text h3 {
    text-align: left;
    letter-spacing: 0.04em;
    text-transform: none;
    color: #626262;
    font-weight: 300;
    font-size: 40px;
    margin-top: 10px;
}

.modules-page-v2 section.question .row-fluid .widget-type-rich_text h3 span {
    letter-spacing: 3px;
    color: #FF4100;
}

.modules-page-v2 section.question .row-fluid .widget-type-cta {
    margin-top: -17px;
    margin-bottom: 41px;
}

.modules-page-v2 section.question .row-fluid .panel-group {
    margin-bottom: 40px;
}

.modules-page-v2 .lead-section {
    background: #FF4100;
    margin: 20px 0px;
    padding-top: 32px;
}

@media (max-width: 768px) {
    .modules-page-v2 .lead-section {
        padding-bottom: 48px;
    }
}

@media (max-width: 768px) {
    .modules-page-v2 .lead-section .iphone-column {
        display: none;
    }
}

.modules-page-v2 .lead-section .widget-type-header h2 {
    color: #fff;
    text-align: left;
    text-transform: none;
    letter-spacing: 0.04em;
    font-size: 40px;
    font-weight: 300;
}

.modules-page-v2 .lead-section .widget-type-header h2 span {
    letter-spacing: 3px;
    color: #FF4100;
}

.modules-page-v2 .lead-section .widget-type-rich_text p {
    color: #fff;
}

.modules-page-v2 .lead-section .widget-type-rich_text p:last-child {
    margin-top: 60px;
}

.modules-page-v2 .blog-email-subscription {
    margin-bottom: 22px;
}

.modules-page-v2 .two-column-equal {
    margin-top: 26px;
}

.modules-page-v2 .two-column-equal .equal-row {
    margin-bottom: 20px;
}

.modules-page-v2 .two-column-equal .equal-row .equal-text-left {
    padding-right: 40px;
}

.modules-page-v2 .two-column-equal .equal-row .equal-text-left h2 {
    margin-top: 20px;
    letter-spacing: 0.04em;
}

.modules-page-v2 .two-column-equal .equal-row .equal-text-left h2 span {
    letter-spacing: 3px;
}

.modules-page-v2 .two-column-equal .equal-row .equal-text-right {
    padding-left: 40px;
}

@media (max-width: 480px) {
    .modules-page-v2 .two-column-equal .equal-row .equal-text-right {
        padding-left: 0;
    }
}

.modules-page-v2 .two-column-equal .equal-row .equal-text-right h2 {
    margin-top: 20px;
    letter-spacing: 0.04em;
}

.modules-page-v2 .two-column-equal .equal-row .equal-text-right h2 span {
    letter-spacing: 3px;
}

.modules-page-v2 .two-column-equal .equal-row .img-wrap-basic img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.modules-page-v2 .two-column-equal .equal-row .left-img img {
    -webkit-box-shadow: -30px 30px 0px #FF4100;
    -moz-box-shadow: -30px 30px 0px #FF4100;
    box-shadow: -30px 30px 0px #FF4100;
    margin-left: 30px;
}

@media (max-width: 480px) {
    .modules-page-v2 .two-column-equal .equal-row .left-img img {
        -webkit-box-shadow: -15px 15px 0px #FF4100;
        -moz-box-shadow: -15px 15px 0px #FF4100;
        box-shadow: -15px 15px 0px #FF4100;
        margin-left: 15px;
    }
}

.modules-page-v2 .text-and-image-overflow {
    margin-top: 28px;
}

/********************************************************/
/******* Website/_one-column-basic.scss *******/
/********************************************************/
.modules-page .one-colum-basic .widget-type-rich_text h2 {
    margin-top: 10px;
}

.modules-page .one-colum-basic .widget-type-rich_text--last {
    margin-bottom: 30px;
}

.modules-page .one-colum-basic .widget-type-rich_text--last p:last-child {
    margin-bottom: 10px;
}

.modules-page .one-colum-basic .img-wrap-basic {
    padding-right: 30px;
}

@media only screen and (max-width: 480px) {
    .modules-page .one-colum-basic .img-wrap-basic {
        padding-right: 15px;
    }
}

.modules-page .one-colum-basic .img-wrap-basic img {
    -webkit-box-shadow: 30px 30px 0px #4a4949;
    -moz-box-shadow: 30px 30px 0px #4a4949;
    box-shadow: 30px 30px 0px #4a4949;
    margin-top: 30px;
    margin-bottom: 72px;
}

@media only screen and (max-width: 480px) {
    .modules-page .one-colum-basic .img-wrap-basic img {
        -webkit-box-shadow: 15px 15px 0px #4a4949;
        -moz-box-shadow: 15px 15px 0px #4a4949;
        box-shadow: 15px 15px 0px #4a4949;
        margin-top: 10px;
        margin-bottom: 39px;
    }
}

/********************************************************/
/******* Website/_one-column-hero-banner.scss *******/
/********************************************************/
/********************************************************/
/******* Website/_one-column-hero-slider.scss *******/
/********************************************************/
/********************************************************/
/******* Website/_pricing_v2-3.0.scss *******/
/********************************************************/
.modules-page .pricing-3 .pricing-main-section {
    position: relative;
}

.modules-page .pricing-3 .pricing-main-section:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 400px 1200px;
    border-color: transparent transparent #4a4949 transparent;
}

.modules-page .pricing-3 .pricing-main-section .pricing-wrapper {
    margin-top: 70px;
}

.modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .widget-span .hs_cos_wrapper_widget_container {
    padding: 40px 0 70px 0;
}

.modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box {
    background-color: #fff;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #f8f8f8;
    position: relative;
}

.modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box__title {
    border-bottom: 1px solid #f8f8f8;
    color: #626262;
    font-weight: 400;
}

.modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box__feature-text {
    border-bottom: 1px solid #f8f8f8;
}

.modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box.highlight .pricing-box__title {
    border-bottom: 1px solid #f8f8f8;
    color: #626262;
    font-weight: 400;
}

.modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box.highlight .pricing-box__feature-text {
    border-bottom: 1px solid #f8f8f8;
    color: #626262;
}

.modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box.highlight .pricing-box__feature-text .pricing-box__feature-text--bold {
    color: #4a4949;
}

.modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box.highlight .pricing-box__starting-at {
    color: #626262;
}

.modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box.highlight .pricing-box__starting-at .pricing-box__price {
    color: #4a4949;
}

.modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box.highlight .pricing-box__order {
    color: #ffffff;
    background-color: #FF4100;
    border: 2px solid #FF4100;
}

.modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box.highlight .pricing-box__order:hover {
    color: #FF4100;
    background-color: #ffffff;
    border-color: #FF4100;
}

.modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box .ribbon {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 130px;
    height: 130px;
    text-align: right;
}

.modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box .ribbon span {
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 24px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 145px;
    display: block;
    background: #79A70A;
    background: -webkit-gradient(linear, .modules-page left top, .modules-page left bottom, .modules-page from(#4a4949), .modules-page to(#4a4949));
    background: -webkit-linear-gradient(#4a4949 0%, .modules-page #4a4949 100%);
    background: -moz-linear-gradient(#4a4949 0%, .modules-page #4a4949 100%);
    background: -o-linear-gradient(#4a4949 0%, .modules-page #4a4949 100%);
    background: linear-gradient(#4a4949 0%, .modules-page #4a4949 100%);
    -webkit-box-shadow: 0 3px 10px -5px black;
    -moz-box-shadow: 0 3px 10px -5px black;
    box-shadow: 0 3px 10px -5px black;
    position: absolute;
    top: 31px;
    right: -31px;
}

.modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box .ribbon span::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #4a4949;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #4a4949;
}

.modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-box__container .pricing-box .ribbon span::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #4a4949;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #4a4949;
}

.modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text h3 {
    color: #626262;
    font-size: 31px;
    letter-spacing: 2px;
}

.modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text ul {
    padding-left: 28px;
}

.modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text ul li:before {
    content: "•";
    width: 16px;
    height: 16px;
    font-family: FontAwesome;
    color: #FF4100;
    background-image: none;
}

.modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .cta-primary, .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .widget-type-form form input.hs-button, .modules-page .widget-type-form form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text input.hs-button, .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .buttonsec, .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .yellow-button, .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .blog-email-subscription input[type="submit"], .modules-page .blog-email-subscription .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text input[type="submit"], .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .header-with-search .description-header .search-wrap input[type="submit"], .modules-page .header-with-search .description-header .search-wrap .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text input[type="submit"], .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-button.primary.large, .modules-page .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hs-button.primary.large, .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hero-landing .form-placeholder .hero-banner-form .hs-button.primary.large, .modules-page .hero-landing .form-placeholder .hero-banner-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hs-button.primary.large, .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hero-banner-landing .form-placeholder .hero-banner-form .hs-button.primary.large, .modules-page .hero-banner-landing .form-placeholder .hero-banner-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hs-button.primary.large, .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .pricing-box__order, .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .sodium-faq .left a.cta_button, .modules-page .sodium-faq .left .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text a.cta_button, .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .features-container .hero-banner-form .hs-button.primary.large, .modules-page .features-container .hero-banner-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hs-button.primary.large, .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .landing-basic-2 .form-container .hero-banner-form .hs-button.primary.large, .modules-page .landing-basic-2 .form-container .hero-banner-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hs-button.primary.large, .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-button.primary.large, .modules-page .landing-hero div.body-container-wrapper .form-container .hero-banner-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hs-button.primary.large, .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .widget-type-form form input.hs-button, .modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .widget-type-form form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text input.hs-button, .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper input[type=submit], .modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text input[type=submit], .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .landing-video-v4 .row-fluid .hero-form input[type=submit], .modules-page .landing-video-v4 .row-fluid .hero-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text input[type=submit], .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .careers-form input[type="submit"], .modules-page .careers-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text input[type="submit"] {
    border-color: #fff;
}

.modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .cta-primary:hover, .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .widget-type-form form input.hs-button:hover, .modules-page .widget-type-form form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text input.hs-button:hover, .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .buttonsec:hover, .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .yellow-button:hover, .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .blog-email-subscription input:hover[type="submit"], .modules-page .blog-email-subscription .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text input:hover[type="submit"], .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .header-with-search .description-header .search-wrap input:hover[type="submit"], .modules-page .header-with-search .description-header .search-wrap .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text input:hover[type="submit"], .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-button.primary.large:hover, .modules-page .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hs-button.primary.large:hover, .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hero-landing .form-placeholder .hero-banner-form .hs-button.primary.large:hover, .modules-page .hero-landing .form-placeholder .hero-banner-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hs-button.primary.large:hover, .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hero-banner-landing .form-placeholder .hero-banner-form .hs-button.primary.large:hover, .modules-page .hero-banner-landing .form-placeholder .hero-banner-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hs-button.primary.large:hover, .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .pricing-box__order:hover, .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .sodium-faq .left a.cta_button:hover, .modules-page .sodium-faq .left .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text a.cta_button:hover, .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .features-container .hero-banner-form .hs-button.primary.large:hover, .modules-page .features-container .hero-banner-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hs-button.primary.large:hover, .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .landing-basic-2 .form-container .hero-banner-form .hs-button.primary.large:hover, .modules-page .landing-basic-2 .form-container .hero-banner-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hs-button.primary.large:hover, .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-button.primary.large:hover, .modules-page .landing-hero div.body-container-wrapper .form-container .hero-banner-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .hs-button.primary.large:hover, .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .widget-type-form form input.hs-button:hover, .modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .widget-type-form form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text input.hs-button:hover, .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper input:hover[type=submit], .modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text input:hover[type=submit], .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .landing-video-v4 .row-fluid .hero-form input:hover[type=submit], .modules-page .landing-video-v4 .row-fluid .hero-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text input:hover[type=submit], .modules-page .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text .careers-form input:hover[type="submit"], .modules-page .careers-form .pricing-3 .pricing-main-section .pricing-wrapper .pricing-left-text input:hover[type="submit"] {
    border-color: #FF4100;
}

/********************************************************/
/******* Website/_pricing-v2-2.0.scss *******/
/********************************************************/
.modules-page .pricing {

}

.modules-page .pricing .pricing-section-header {
    max-width: 1000px;
    margin: 0 auto;
}

.modules-page .pricing .pricing-section-header .widget-type-rich_text {
    text-align: center;
}

.modules-page .pricing section.question {
    padding: 85px 0;
    float: left;
    width: 100%;
}

.modules-page .pricing section.question h3 {
    color: #626262;
    font-size: 40px;
}

.modules-page .pricing section.question h3 span {
    color: #FF4100;
    letter-spacing: 3px;
}

.modules-page .pricing .brands-slider.pricing {
    margin-bottom: 0;
}

.modules-page .pricing .brands-slider.pricing .slick-dots {
    display: block;
    left: 0;
    bottom: 15px;
}

.modules-page .pricing .brands-slider.pricing .slick-dots li {
    margin: 0;
}

.modules-page .pricing .brands-slider.pricing .slick-list {
    min-width: 100% !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 !important;
}

.modules-page .pricing .brands-slider.pricing .slick-arrow {
    display: none !important;
}

.modules-page .pricing .brands-slider.pricing button.slick-prev.slick-arrow + div.slick-list {
    display: block;
}

.modules-page .pricing .brands-slider.pricing .slick-prev + .slick-list {
    display: block;
}

.modules-page .pricing .brands-slider.pricing .slick-list {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 767px) {
    .modules-page .pricing section.question .span6.widget-span.widget-type-cell {
        margin-bottom: 30px;
    }
}

/********************************************************/
/******* Website/_pricing-v2.scss *******/
/********************************************************/
.modules-page .pricing {
    
}

.modules-page .pricing .pricing-section-header {
    text-align: center;
}

.modules-page .pricing .pricing-section-header h2 {
    color: #626262;
    font-weight: 300;
    font-size: 40px;
    text-transform: none;
    margin-top: 50px;
}

.modules-page .pricing .pricing-section-header h2 span {
    letter-spacing: 3px;
}

.modules-page .pricing .pricing-section-header .widget-type-rich_text > .layout-widget-wrapper > span {
    color: #626262;
}

.modules-page .pricing.pricing-1 .pricing-main-section, .modules-page .pricing.pricing-2 .pricing-main-section {
    background: #fff url("//cdn2.hubspot.net/hubfs/685080/IMG-TurboSodium/Sodium%20v2/pricing-container-background.png") center bottom no-repeat;
}

/********************************************************/
/******* Website/_privacy-policy.scss *******/
/********************************************************/
.modules-page .privacy-policy .two-column-left-content h2 {
    font-size: 40px;
    color: #626262;
    text-align: left;
    text-transform: none;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0;
}

.modules-page .privacy-policy .two-column-left-content h2 span {
    letter-spacing: 3px;
}

.modules-page .privacy-policy .two-column-left-content ol li {
    text-align: justify;
    margin-bottom: 10px;
}

.modules-page .privacy-policy .two-column-left-content ol li:before {
    top: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    width: 20px;
}

.modules-page .privacy-policy .right-sidebar p {
    text-align: justify;
}

.modules-page .privacy-policy.privacy-policy-1-column .two-column-left-content {
    border-right: none;
}

/********************************************************/
/******* Website/_product-page-listing-v2-website.scss *******/
/********************************************************/
.modules-page .product-page-listing-v2-website {
    background-color: #fafafa;
}

.modules-page .product-page-listing-v2-website .hero-banner {
    margin-bottom: 0px;
}

.modules-page .product-page-listing-v2-website .listing-wrapper {
    padding-bottom: 50px;
}

.modules-page .product-page-listing-v2-website .listing-wrapper .view {
    margin-left: 26px;
    margin-top: 28px;
}

.modules-page .product-page-listing-v2-website .listing-wrapper .view li {
    margin-bottom: 35px !important;
}

.modules-page .product-page-listing-v2-website .listing-wrapper .single-box-listing {
    float: left;
    width: 100%;
    margin-top: 0px !important;
    margin-bottom: 60px;
}

.modules-page .product-page-listing-v2-website .listing-wrapper .single-box-listing .featured-image img {
    height: auto;
}

.modules-page .product-page-listing-v2-website .listing-wrapper .listing-pagination {
    margin-top: 0px;
}

.modules-page .product-page-listing-v2-website .listing-wrapper.tiles .single-box-listing {
    margin-bottom: 40px !important;
}

.modules-page .product-page-listing-v2-website .listing-wrapper.tiles .single-box-listing:nth-child(even) {
    margin-left: 30px !important;
}

@media screen and (max-width: 767px) {
    .modules-page .product-page-listing-v2-website .listing-wrapper.tiles .single-box-listing:nth-child(even) {
        margin-left: 0px !important;
    }
}

/********************************************************/
/******* Website/_products-page.scss *******/
/********************************************************/
.modules-page .products-page .main-separator {
    background-color: #4a4949;
}

.modules-page .products-page .main-separator .txt-cta-separator {
    min-height: 110px;
}

.modules-page .products-page .main-separator .txt-cta-separator .separator-content {
    padding: 20px 0;
}

.modules-page .products-page .main-separator .txt-cta-separator .separator-content h3 {
    color: #fff;
}

/********************************************************/
/******* Website/_resources-v2.scss *******/
/********************************************************/
.modules-page .resources-slides-wrapper {
    margin-top: 70px;
    height: 500px;
    overflow: hidden;
}

.modules-page .resources-slides-wrapper .slick-slider {
    margin-bottom: 0;
}

.modules-page .resources-slides-wrapper button.slick-next, .modules-page .resources-slides-wrapper button.slick-prev {
    margin-top: 0;
}

@media screen and (max-width: 767px) {
    .modules-page .resources-slides-wrapper .slick-arrow {
        top: 50%;
    }
}

.modules-page .resources-slides-wrapper .slick-dots {
    bottom: 20px;
}

.modules-page .resources-slides-wrapper .slick-dots li button:before {
    font-size: 0px;
    line-height: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 1;
    background: #FF4100;
}

.modules-page .resources-slides-wrapper .slick-dots li.slick-active button:before {
    opacity: 1;
    background: #fff;
}

.modules-page .resources .separator--yellow .widget-type-cta .cta_button {
    float: right;
}

.modules-page .resources .separator--contact {
    -moz-background-size: cover;
    background-size: cover;
}

.modules-page .resources .separator--contact .widget-type-cta {
    text-align: center;
}

.modules-page .resources .separator--contact .widget-type-cta .cta_button {
    margin: 0 auto;
}

/********************************************************/
/******* Website/_search-results.scss *******/
/********************************************************/
body.modules-page.search-results {
    overflow: auto;
}

body.modules-page.search-results .hero-banner {
    margin-bottom: 0px;
}

@media (max-width: 780px) {
    body.modules-page.search-results .hero-banner {
        display: none;
    }
}

body.modules-page.search-results .search-results-wrapper {
    background-color: #fafafa;
    float: left;
    width: 100%;
}

@media (max-width: 780px) {
    body.modules-page.search-results .search-results-wrapper {
        margin-top: 70px;
    }

    body.modules-page.search-results .search-results-wrapper .container {
        padding: 0;
    }
}

.modules-page .search-summary h2 {
    font-size: 40px;
    font-weight: 400;
    margin: 50px 0;
    text-transform: none;
}

.modules-page .search-results-page {
    background-color: #fff;
    font-family: 'Roboto', sans-serif;
}

.modules-page .search-results-page .gsc-results-wrapper-overlay {
    position: static !important;
    opacity: 1;
    width: 100%;
    height: auto;
    overflow: hidden !important;
    visibility: visible;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 15px !important;
}

.modules-page .search-results-page .gsc-webResult.gsc-result {
    border-top: 1px solid #fafafa;
}

.modules-page .search-results-page .gsc-modal-background-image {
    display: none !important;
}

.modules-page .search-results-page .gsc-above-wrapper-area-container {
    display: none;
}

.modules-page .search-results-page .gsc-results .gsc-cursor-box {
    margin: 0;
}

.modules-page .search-results-page .gsc-thumbnail-inside {
    padding-left: 0px;
}

.modules-page .search-results-page .gsc-thumbnail-inside .gs-title {
    font-size: 20px !important;
    color: #626262 !important;
    line-height: 26px;
    height: auto !important;
    margin-bottom: 6px;
    font-weight: 400;
    text-decoration: none;
}

.modules-page .search-results-page .gsc-thumbnail-inside .gs-title b {
    font-size: 20px !important;
    color: #626262 !important;
    line-height: 26px;
    font-weight: 400;
    text-decoration: none;
}

.modules-page .search-results-page .gsc-url-top {
    padding-left: 0px;
}

.modules-page .search-results-page .gsc-url-top .gs-visibleUrl {
    font-size: 16px !important;
    color: #999999 !important;
    line-height: 20px;
    height: auto !important;
    font-weight: 300;
    margin-bottom: 2px;
    text-decoration: none;
}

.modules-page .search-results-page .gsc-url-top .gs-visibleUrl b {
    font-size: 16px !important;
    color: #999999 !important;
    line-height: 20px;
    font-weight: 300;
    text-decoration: none;
}

.modules-page .search-results-page .gsc-table-result {
    padding-left: 0px;
}

.modules-page .search-results-page .gsc-table-result .gs-bidi-start-align {
    font-size: 16px !important;
    color: #626262 !important;
    line-height: 20px;
    height: auto !important;
    font-weight: 300;
    margin-bottom: 2px;
    text-decoration: none;
}

.modules-page .search-results-page .gsc-table-result .gs-bidi-start-align b {
    font-size: 16px !important;
    color: #626262 !important;
    line-height: 20px;
    font-weight: 300;
    text-decoration: none;
}

.modules-page .search-results-page .gsc-cursor-box .gsc-cursor-page {
    background-color: #fff !important;
    display: inline-block !important;
    font-size: 16px;
    font-weight: 400;
    color: #626262 !important;
    border: 1px solid #626262 !important;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 25px;
    height: 27px;
}

.modules-page .search-results-page .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
    color: #fff !important;
    font-weight: 400 !important;
    border-color: #FF4100 !important;
    background-color: #FF4100 !important;
}

/********************************************************/
/******* Website/_services.scss *******/
/********************************************************/
.modules-page .services-main {
    height: 800px;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
}

.modules-page .services-main h1 {
    margin-top: 360px;
    font-size: 58px;
    font-weight: bold;
}

.modules-page .services-main p {
    margin-top: 20px;
    letter-spacing: 0.04em;
}

.modules-page .process {
    padding-bottom: 95px;
}

.modules-page .process h2 {
    text-transform: none;
    font-weight: 200;
    margin-bottom: 45px;
    letter-spacing: 0.04em;
}

.modules-page .process h2 span {
    letter-spacing: 3px;
}

.modules-page .process-line {
    background-image: url("//cdn2.hubspot.net/hubfs/685080/IMG-TurboSodium/Sodium%20v2/our-services/process-line.png");
    width: 73%;
    height: 1px;
    position: relative;
    top: 54px;
    z-index: -1;
    margin: auto;
}

.modules-page .process-box .widget-type-linked_image {
    text-align: center;
}

.modules-page .process h3 {
    margin-left: 20px;
    font-size: 23px;
    font-weight: 400;
    color: #FF4100;
}

.modules-page .process h3 span {
    font-size: 47px;
}

.modules-page .process p {
    margin-left: 57px;
}

.modules-page .expertise {
    position: relative;
    background-color: #4a4949;
}

.modules-page .expertise .change-display > .row-fluid-wrapper > .row-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
}

.modules-page .expertise .span5 {
    width: 39.5%;
    -moz-background-size: cover;
    background-size: cover;
}

@media (max-width: 1000px) {
    .modules-page .expertise .span5 {
        width: 24%;
    }
}

@media (max-width: 767px) {
    .modules-page .expertise .span5 {
        display: none;
    }
}

@media (max-width: 468px) {
    .modules-page .expertise-box-wrapper {
        padding: 0 25px;
    }
}

.modules-page .expertise .span7 .expertise-right-wrapper {
    max-width: 800px;
    width: 100%;
}

.modules-page .expertise h2 {
    margin-top: 60px;
    margin-bottom: 50px;
    font-size: 40px;
    font-weight: 200;
    color: #fff;
    text-transform: none;
    letter-spacing: 0.04em;
}

.modules-page .expertise h2 span {
    color: #fff;
    letter-spacing: 3px;
}

.modules-page .expertise .col-sm-4 {
    position: relative;
}

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

.modules-page .expertise .ico {
    width: 200px;
    margin-bottom: 25px;
}

.modules-page .expertise .ico i {
    font-size: 39px;
    color: #fff;
}

.modules-page .expertise .text h3 {
    font-size: 23px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #fff;
    margin-top: 0px;
    letter-spacing: 2px;
}

.modules-page .expertise .text p {
    font-weight: normal;
    color: #fff;
    font-size: 18px;
    margin-bottom: 60px;
    letter-spacing: 2px;
    font-weight: 300;
}

.modules-page #counter {
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}

.modules-page #counter .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: initial;
    -ms-flex-line-pack: initial;
    align-content: initial;
    padding-top: 30px;
}

.modules-page #counter .container .counter-box {
    padding-bottom: 40px;
    width: 25%;
}

@media screen and (max-width: 767px) {
    .modules-page #counter .container .counter-box {
        width: 50%;
    }
}

@media screen and (max-width: 450px) {
    .modules-page #counter .container .counter-box {
        width: 100%;
    }
}

.modules-page #counter .counter-box {
    text-align: center;
}

.modules-page #counter .counter-box h3 {
    font-size: 20px;
    color: #FF4100;
    margin: 10px 0px;
}

.modules-page #counter .counter-box div {
    font-size: 73px;
    color: #fff;
    line-height: 42px;
}

.modules-page .services-page .pricing-main-section h2 {
    text-transform: none;
    font-weight: 200;
    margin-bottom: 45px;
    padding-top: 60px;
    letter-spacing: 0.04em;
}

.modules-page .services-page .pricing-main-section h2 span {
    letter-spacing: 3px;
}

.modules-page .services-page .pricing-box__container .widget-span .hs_cos_wrapper_widget_container {
    padding: 50px 0 150px;
}

.modules-page .services-page .separator-main {
    background-color: #4a4949;
}

.modules-page .services-page .separator-main .txt-cta-separator {
    min-height: 110px;
}

.modules-page .services-page .separator-main .txt-cta-separator .separator-content {
    padding: 20px 0;
}

.modules-page .services-page .separator-main .txt-cta-separator .separator-content h3 {
    color: #fff;
}

.modules-page .services-page #counter {
    height: auto;
    padding-top: 56px;
    padding-bottom: 33px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.modules-page .services-page #counter .mask, .modules-page .services-page #counter .separator--contact__mask {
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 2;
}

.modules-page .services-page #counter .container {
    display: block;
    padding-top: 0px;
    width: 100%;
    z-index: 3;
}

.modules-page .services-page #counter .container .row-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.modules-page .services-page #counter .container .row-fluid .counter-box {
    width: 24.5%;
    margin: 0;
}

@media (max-width: 767px) {
    .modules-page .services-page #counter .container .row-fluid .counter-box {
        width: 49.5%;
    }
}

@media (max-width: 486px) {
    .modules-page .services-page #counter .container .row-fluid .counter-box {
        width: 100%;
        margin: 10px 0px;
    }
}

.modules-page .services-page #counter .container .row-fluid .counter-box h3 {
    text-transform: uppercase;
    font-size: 20px;
}

.modules-page .services-page .brands-slider-wrap {
    min-height: 315px;
    background-color: #fff;
}

.modules-page .services-page .brands-slider-wrap h2 {
    letter-spacing: 0.04em;
    color: #626262;
    font-size: 36px;
    font-weight: 300;
    text-transform: none;
    margin-top: 63px;
    margin-bottom: 0;
}

.modules-page .services-page .brands-slider-wrap h2 span {
    letter-spacing: 3px;
}

.modules-page .services-page .brands-slider-wrap .slick-dots {
    display: block;
    left: 0;
}

.modules-page .services-page .brands-slider-wrap .slick-dots li button:before {
    color: #FF4100;
    opacity: 1;
}

.modules-page .services-page .brands-slider-wrap .slick-dots .slick-active button:before {
    color: #626262;
}

.modules-page .services-page .brands-slider-wrap .slick-list {
    min-width: 100% !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 !important;
}

.modules-page .services-page .brands-slider-wrap .slick-arrow {
    display: none !important;
}

.modules-page .services-page .brands-slider-wrap button.slick-prev.slick-arrow + div.slick-list {
    display: block;
}

/********************************************************/
/******* Website/_subscription-preferences.scss *******/
/********************************************************/
html body .modules-page .subscription-pages .page-header {
    margin-bottom: 60px;
}

html body .modules-page .subscription-pages .hs-input {
    max-width: 100%;
}

html body .modules-page .row-fluid .subscription-preferences {
    margin: 160px 0 150px;
}

html body .modules-page .row-fluid .backup-unsubscribe {
    margin: 100px 0 150px;
}

html body .modules-page .row-fluid .subscriptions-update {
    margin: 200px 0 150px;
}

.modules-page .subscription-preferences .email-prefs .item .item-inner p {
    text-align: left;
}

.modules-page .subscription-preferences.widget-type-email_subscriptions h1 {
    font-size: 42px;
    color: #626262;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: initial;
    letter-spacing: 0.04em;
    line-height: 1;
}

@media (max-width: 767px) {
    .modules-page .subscription-preferences.widget-type-email_subscriptions h1 {
        font-size: 32px;
    }
}

.modules-page .subscription-preferences.widget-type-email_subscriptions h2 {
    font-size: 22px;
    line-height: 25px;
    color: #626262;
    font-weight: 300;
    margin: 0;
}

.modules-page .subscription-preferences.widget-type-email_subscriptions p {
    text-align: left;
    font-size: 16px;
    line-height: 25px;
    color: #626262;
    font-weight: 300;
    margin-bottom: 0;
    text-align: center;
}

.modules-page .subscription-preferences.widget-type-email_subscriptions p.header {
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    color: #626262;
}

.modules-page .subscription-preferences .email-prefs .item:first-child {
    margin-top: 0;
}

.modules-page .subscription-preferences .email-prefs input[type="checkbox"] {
    position: absolute;
    height: 100%;
    width: 100%;
    /* 35px */
    top: -6px;
    margin-right: 3px;
    visibility: visible;
    opacity: 0;
    z-index: 2;
}

.modules-page .subscription-preferences .email-prefs input[type="checkbox"] + span:before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    display: block;
    width: 14px;
    height: 14px;
    font-family: "FontAwesome";
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    visibility: hidden;
}

.modules-page .subscription-preferences .email-prefs input[type="checkbox"] + span:after {
    content: "\f096";
    position: absolute;
    top: 19px;
    left: 15px;
    display: block;
    color: #e0e0e0;
    width: 16px;
    height: 20px;
    font-family: "FontAwesome";
}

.modules-page .subscription-preferences .email-prefs input[type="checkbox"]:checked + span:after {
    content: "\f14a";
    color: #4a4949;
}

.modules-page .subscription-preferences .email-prefs .checkbox-row span.fakelabel span {
    margin-left: 20px;
}

.modules-page .subscription-preferences #submitbutton {
    background-color: #FF4100;
    border: 2px solid #FF4100;
    color: #ffffff;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    padding: 10px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 30px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-appearance: none;
    display: block;
    margin: 50px auto 0;
    white-space: normal;
}

.modules-page .subscription-preferences #submitbutton:hover {
    background-color: #ffffff;
    border: 2px solid #FF4100;
    color: #FF4100;
    -webkit-appearance: none;
}

.modules-page .subscription-preferences #submitbutton:active {
    outline: none;
    text-decoration: none;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.modules-page .subscription-preferences .subscribe-options label {
    position: relative;
}

.modules-page .subscription-preferences #globalunsub {
    visibility: visible;
    height: 15px;
    top: -1px;
}

.modules-page .subscription-preferences #globalunsub + span:before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    display: block;
    width: 14px;
    height: 14px;
    font-family: "FontAwesome";
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    visibility: hidden;
}

.modules-page .subscription-preferences #globalunsub + span:after {
    content: "\f096";
    position: absolute;
    top: 0px;
    left: -15px;
    display: block;
    color: #e0e0e0;
    width: 16px;
    height: 20px;
    font-family: "FontAwesome";
}

.modules-page .subscription-preferences #globalunsub:checked + span:after {
    content: "\f14a";
    color: #4a4949;
}

.modules-page .subscription-preferences .checkbox-row span.fakelabel span {
    margin-left: 20px;
}

.modules-page .backup-unsubscribe {
    text-align: center;
}

.modules-page .backup-unsubscribe .subscription-pages .page-header {
    margin-bottom: 0;
}

.modules-page .backup-unsubscribe.widget-type-email_subscriptions h3 {
    font-size: 42px;
    color: #626262;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: initial;
    letter-spacing: 0.04em;
    color: #626262;
}

.modules-page .backup-unsubscribe #submitbutton {
    display: block;
    background-color: #FF4100;
    border: 2px solid #FF4100;
    color: #ffffff;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    padding: 10px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 30px;
    -webkit-appearance: none;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    margin: 50px auto 0;
}

.modules-page .backup-unsubscribe #submitbutton:hover {
    background-color: #ffffff;
    border: 2px solid #FF4100;
    color: #FF4100;
    -webkit-appearance: none;
}

.modules-page .backup-unsubscribe #submitbutton:active {
    outline: none;
    text-decoration: none;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.modules-page .subscriptions-update.widget-type-email_subscriptions_confirmation {
    text-align: center;
}

.modules-page .subscriptions-update.widget-type-email_subscriptions_confirmation .page-header h2 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: initial;
    letter-spacing: 0.04em;
    color: #626262;
}

@media (max-width: 767px) {
    .modules-page .subscriptions-update.widget-type-email_subscriptions_confirmation .page-header h2 {
        font-size: 22px;
        word-break: break-all;
    }
}

.modules-page .subscriptions-update.widget-type-email_subscriptions_confirmation p {
    font-size: 18px;
    margin: 0px;
    padding: 0px;
    outline: none;
    font-size: 18px;
    font-weight: 200;
    font-family: Palanquin;
}

.modules-page .subscriptions-update.widget-type-email_subscriptions_confirmation #content {
    font-size: 20px;
}

/********************************************************/
/******* Website/_testimonial.scss *******/
/********************************************************/
.modules-page .testimonial-page .hero-banner {
    background-position: center;
}

.modules-page .testimonial-page .client-text {
    text-align: center;
    max-width: 900px;
    float: none;
    margin: 0 auto !important;
}

.modules-page .testimonial-page .client-text h2 {
    color: #626262;
    font-size: 40px;
    text-align: center;
    margin-bottom: 40px;
    text-transform: none;
    font-weight: normal;
}

.modules-page .testimonial-page .client-text h2 span {
    color: #FF4100;
    letter-spacing: 3px;

}

.modules-page .testimonial-page .logo-group .span12.widget-type-widget_container > span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.modules-page .testimonial-page .logo-group .span12.widget-type-widget_container > span > div {
    width: 20%;
    width: 200px;
    margin: 20px auto;
}

.modules-page .testimonial-page .logo-group .span12.widget-type-widget_container > span .img_wrapper {
    margin: 0 auto;
}

.modules-page .testimonial-page .logo-group .span12.widget-type-widget_container > span .img_wrapper img {
    -webkit-filter: none;
    filter: none;
    opacity: 0;
}

.modules-page .testimonial-page .logo-group .span12.widget-type-widget_container > span .img_wrapper img.img_greyscale {
    opacity: 0.2;
    -webkit-filter: none;
    filter: none;
}

.modules-page .testimonial-page .logo-group .span12.widget-type-widget_container > span .img_wrapper img.img_greyscale:hover {
    -webkit-filter: none;
    filter: none;
    cursor: pointer;
    opacity: 0;
}

.modules-page .testimonial-page .logo-group .span12.widget-type-widget_container > span .img_wrapper img.img_greyscale:hover + img {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}

.modules-page .testimonial-page .logo-group .span12.widget-type-widget_container > span img {
    display: block;
    margin: 0 auto;
    padding: 50px 0;
    -webkit-filter: grayscale(100%) opacity(0.2);
    filter: grayscale(100%) opacity(0.2);
    max-width: 200px;
    height: auto;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.modules-page .testimonial-page .logo-group .span12.widget-type-widget_container > span img:hover {
    cursor: pointer;
    -webkit-filter: none;
    filter: none;
}

.modules-page .testimonial-page div.container.default .logo-group img {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}

.modules-page .testimonial-page div.container.default .logo-group img:hover {
    -webkit-filter: none;
    filter: none;
    opacity: 0.7;
}

/********************************************************/
/******* Website/_thank-you.scss *******/
/********************************************************/
.modules-page .thank-you-page .hero-banner {
    height: 400px;
}

.modules-page .thank-you-page .content-landing {
    margin: 5px 0 58px;
}

.modules-page .thank-you-page h3 {
    letter-spacing: 0.04em;
    font-weight: 300;
    text-align: left;
    text-transform: none;
    font-size: 40px;
    margin-bottom: 27px;
    color: #626262;
}

.modules-page .thank-you-page h3 span {
    color: 3 #FF4100;
}

.modules-page .thank-you-page .thank-you-content .post-listing ul {
    margin: -5px 0 0 0;
    padding: 0;
    list-style: none;
}

.modules-page .thank-you-page .thank-you-content .post-listing > .span6 {
    padding-left: 23px;
}

@media (max-width: 767px) {
    .modules-page .thank-you-page .thank-you-content .post-listing > .span6 {
        padding-left: 0;
    }
}

.modules-page .thank-you-page .left-column > .span6 {
    padding-right: 23px;
}

@media (max-width: 767px) {
    .modules-page .thank-you-page .left-column > .span6 {
        padding-right: 0;
    }
}

.modules-page .thank-you-page .thank-you-content .post-listing ul li {
    position: relative;
    margin-left: 20px;
    margin-bottom: 10px;
}

.modules-page .thank-you-page .thank-you-content .post-listing ul li:before {
    position: absolute;
    content: ">>";
    left: -20px;
    top: 0.25em;
}

.modules-page .thank-you-page .thank-you-content .post-listing ul li a {
    font-size: 18px;
    color: #626262;
    text-decoration: none;
    padding: 6px 0;
    outline: 0;
    display: block;
    font-weight: 400;
    -webkit-transition: 0.3s;

    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

.modules-page .thank-you-page .thank-you-content .post-listing ul li a:hover {
    color: #FF4100;
}

.modules-page .thank-you-page .thank-you-content .left-column p {
    font-size: 20px;
    line-height: 30px;
    margin: 0;
}

.modules-page .thank-you-page .thank-you-content .hs-cta-wrapper {
    margin: 40px 0 48px;
    display: block;
}

.modules-page .thank-you-page .thank-you-content .social-share {
    margin-top: 40px;
}

.modules-page .thank-you-page .thank-you-content .cta-primary, .modules-page .thank-you-page .thank-you-content .widget-type-form form input.hs-button, .modules-page .widget-type-form form .thank-you-page .thank-you-content input.hs-button, .modules-page .thank-you-page .thank-you-content .buttonsec, .modules-page .thank-you-page .thank-you-content .yellow-button, .modules-page .thank-you-page .thank-you-content .blog-email-subscription input[type="submit"], .modules-page .blog-email-subscription .thank-you-page .thank-you-content input[type="submit"], .modules-page .thank-you-page .thank-you-content .header-with-search .description-header .search-wrap input[type="submit"], .modules-page .header-with-search .description-header .search-wrap .thank-you-page .thank-you-content input[type="submit"], .modules-page .thank-you-page .thank-you-content .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .hs-button.primary.large, .modules-page .hero-banner-landing-basic-2 .form-placeholder .hero-banner-form .thank-you-page .thank-you-content .hs-button.primary.large, .modules-page .thank-you-page .thank-you-content .hero-landing .form-placeholder .hero-banner-form .hs-button.primary.large, .modules-page .hero-landing .form-placeholder .hero-banner-form .thank-you-page .thank-you-content .hs-button.primary.large, .modules-page .thank-you-page .thank-you-content .hero-banner-landing .form-placeholder .hero-banner-form .hs-button.primary.large, .modules-page .hero-banner-landing .form-placeholder .hero-banner-form .thank-you-page .thank-you-content .hs-button.primary.large, .modules-page .thank-you-page .thank-you-content .pricing-box__order, .modules-page .thank-you-page .thank-you-content .sodium-faq .left a.cta_button, .modules-page .sodium-faq .left .thank-you-page .thank-you-content a.cta_button, .modules-page .thank-you-page .thank-you-content .features-container .hero-banner-form .hs-button.primary.large, .modules-page .features-container .hero-banner-form .thank-you-page .thank-you-content .hs-button.primary.large, .modules-page .thank-you-page .thank-you-content .landing-basic-2 .form-container .hero-banner-form .hs-button.primary.large, .modules-page .landing-basic-2 .form-container .hero-banner-form .thank-you-page .thank-you-content .hs-button.primary.large, .modules-page .thank-you-page .thank-you-content .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-button.primary.large, .modules-page .landing-hero div.body-container-wrapper .form-container .hero-banner-form .thank-you-page .thank-you-content .hs-button.primary.large, .modules-page .thank-you-page .thank-you-content .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .widget-type-form form input.hs-button, .modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .widget-type-form form .thank-you-page .thank-you-content input.hs-button, .modules-page .thank-you-page .thank-you-content .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper input[type=submit], .modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .thank-you-page .thank-you-content input[type=submit], .modules-page .thank-you-page .thank-you-content .landing-video-v4 .row-fluid .hero-form input[type=submit], .modules-page .landing-video-v4 .row-fluid .hero-form .thank-you-page .thank-you-content input[type=submit], .modules-page .thank-you-page .thank-you-content .careers-form input[type="submit"], .modules-page .careers-form .thank-you-page .thank-you-content input[type="submit"] {
    padding: 21px 62px;
}

.modules-page .thank-you-page hr {
    border-top: #e1e1e1;
}

.modules-page .thank-you-page .social {
    margin-top: 18px;
    float: left;
    width: 100%;
}

.modules-page .thank-you-page .social .social-main-icon {
    float: left;
    height: 45px;
    width: 45px;
    background-color: #FF4100;
}

.modules-page .thank-you-page .social .social-main-icon i {
    font-size: 21px;
    margin-left: 13px;
    margin-top: 12px;
    color: #FFF;
}

.modules-page .thank-you-page .social ul {
    padding-left: 18px;
    width: -webkit-calc(100% - 45px);
    width: -moz-calc(100% - 45px);
    width: calc(100% - 45px);
    float: left;
}

@media (max-width: 335px) {
    .modules-page .thank-you-page .social ul {
        padding-left: 5px;
    }
}

.modules-page .thank-you-page .social ul li {
    height: 44px;
    width: 40px;
    list-style: none;
    display: inline-block;
}

.modules-page .thank-you-page .social ul li a {
    padding-top: 4px;
    display: block;
    width: 100%;
    height: 43px;
    color: #d7d7d7;
    font-size: 25px;
    text-align: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

.modules-page .thank-you-page .social ul li a:hover {
    color: #FF4100;
}

/********************************************************/
/******* Website/_three-column-basic-submenu.scss *******/
/********************************************************/
@media only screen and (max-width: 768px) {
    .modules-page .three-columns {
        border: none;
        padding-top: 0px;
    }

    .modules-page .sidebar-item {
        border-top: solid 1px #f6f6f6;
    }

    .modules-page .flex-item3 .right-sidebar .sidebar-submenu {
        width: 100%;
        border-top: none;
        padding-top: 0;
        margin: 0;
    }
}

/********************************************************/
/******* Website/_three-column-basic.scss *******/
/********************************************************/
.modules-page .row-fluid .span3.flex-item3 .right-sidebar .sidebar-item h3 {
    margin-top: 19px;
}

.modules-page .flex-wrap .row-fluid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.modules-page .cta-center-wrap {
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
}

.modules-page .subscribe-three-column {
    padding-top: 0px;
    padding-bottom: 30px;
}

.modules-page .subscribe-three-column h3.form-title {
    font-size: 23px;
    color: #626262;
    font-weight: 300;
    margin: 0;
    padding-top: 20px;
}

.modules-page .subscribe-three-column ul {
    margin-top: 5px;
    list-style: none;
}

.modules-page .subscribe-three-column input[type="submit"] {
    width: 137px;
    height: 43px;
    background: #FF4100;
    border: 2px solid #FF4100;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    margin-top: 23px;
    padding: 0 !important;
}

.modules-page .subscribe-three-column input[type="submit"]:hover {
    background: #ffffff;
}

.modules-page .subscribe-three-column input[type="email"] {
    border: none;
    border-bottom: 2px solid #FF4100;
    font-size: 16px;
    font-weight: 300px;
    color: #626262;
}

.modules-page .subscribe-three-column .hs-error-msgs li {
    color: #626262;
    font-size: 16px;
}

.modules-page .subscribe-three-column .hs-error-msgs li a {
    font-size: 16px;
}

.modules-page .recent-post-three-column {
    border-top: solid 1px #ebebeb;
    border-bottom: solid 1px #ebebeb;
    padding-bottom: 5px;
    margin-bottom: 38px;
}

.modules-page .recent-post-three-column ul {
    list-style: none;
}

.modules-page .recent-post-three-column ul li {
    padding-bottom: 25px;
}

.modules-page .recent-post-three-column ul li a {
    color: #626262;
    cursor: pointer;
}

.modules-page .recent-post-three-column ul li a:before {
    content: '>>';
    padding-right: 5px;
}

.modules-page .recent-post-three-column ul li a:hover {
    color: #FF4100;
}

.modules-page .recent-post-three-column h3 {
    font-size: 23px;
    color: #626262;
    font-weight: 400;
    margin: 0;
    margin-top: 30px;
    padding-bottom: 25px;
}

.modules-page .center-three-column {
    border-right: solid 1px #f7f7f7;
    border-left: solid 1px #f7f7f7;
    padding: 0px 31px;
    margin: 0px 0px 30px 0px;
}

.modules-page .center-three-column h2 {
    margin-top: 15px;
}

.modules-page .center-three-column .img-wrap-basic {
    padding-right: 20px;
    margin: 0 auto;
}

.modules-page .center-three-column .img-wrap-basic img {
    -webkit-box-shadow: 20px 20px 0px #FF4100;
    -moz-box-shadow: 20px 20px 0px #FF4100;
    box-shadow: 20px 20px 0px #FF4100;
    margin-top: 14px;
    margin-bottom: 54px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modules-page .right-sidebar {
    padding-top: 300px;
    max-width: 292px;
}

.modules-page .right-sidebar .sidebar-item {
    margin-bottom: 25px;
    border-bottom: solid 1px #f7f7f7;
}

.modules-page .right-sidebar .sidebar-item h3 {
    font-size: 23px;
    text-align: left;
    text-transform: none;
    font-weight: 400;
}

.modules-page .right-sidebar .sidebar-item p {
    font-size: 18px;
    font-weight: 200;
}

@media only screen and (max-width: 1024px) {
    .modules-page .row-fluid .span3.flex-item1 {
        padding-left: 20px;
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-order: 3;
        width: 50%;
        margin-bottom: 30px;
    }

    .modules-page .row-fluid .span3.flex-item1 .subscribe-three-column {
        display: none;
    }

    .modules-page .row-fluid .span3.flex-item1 .recent-post-three-column {
        border-top: none;
        padding-top: 0px;
    }

    .modules-page .row-fluid .span3.flex-item1 .recent-post-three-column h3 {
        margin-top: 20px;
        padding-bottom: 25px;
    }

    .modules-page .row-fluid .span6.flex-item2 {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-order: 1;
        margin-left: 0;
    }

    .modules-page .row-fluid .span6.flex-item2 .center-three-column {
        border: none;
        border-bottom: solid 1px #ebebeb;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 25px;
    }

    .modules-page .row-fluid .span3.flex-item3 {
        margin-left: 0px;
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-order: 2;
        width: 50%;
        border-right: solid 1px #ebebeb;
        margin-bottom: 30px;
    }

    .modules-page .row-fluid .span3.flex-item3 .right-sidebar {
        padding: 0px 10px;
        max-width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .modules-page .row-fluid .span3.flex-item1 {
        padding-left: 20px;
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-order: 3;
        width: 100%;
        margin-bottom: 30px;
    }

    .modules-page .row-fluid .span3.flex-item1 .left-sidebar {
        width: 100%;
        margin-left: 0px;
    }

    .modules-page .row-fluid .span3.flex-item1 .left-sidebar .subscribe-three-column {
        display: none;
    }

    .modules-page .row-fluid .span3.flex-item1 .left-sidebar .recent-post-three-column {
        width: 100%;
        border-bottom: solid 1px #ebebeb;
        border-top: solid 1px #ebebeb;
    }

    .modules-page .row-fluid .span3.flex-item1 .left-sidebar .recent-post-three-column h3 {
        margin-top: 20px;
        padding-bottom: 25px;
    }

    .modules-page .row-fluid .span6.flex-item2 {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-order: 1;
        margin-left: 0;
    }

    .modules-page .row-fluid .span6.flex-item2 .center-three-column {
        border: none;
        border-bottom: solid 1px #ebebeb;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 25px;
    }

    .modules-page .row-fluid .span3.flex-item3 {
        margin-left: 0;
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-order: 2;
        width: 100%;
        border-right: none;
        margin-bottom: 30px;
    }

    .modules-page .row-fluid .span3.flex-item3 .right-sidebar {
        padding: 0px 10px;
        max-width: 100%;
    }

    .modules-page .right-sidebar .sidebar-item {
        border-top: none;
        border-bottom: none;
    }
}

/********************************************************/
/******* Website/_three-column-equal-basic.scss *******/
/********************************************************/
.modules-page .center-three-column-equal {
    padding: 0px 0px;
    margin: 0px 0px 20px 0px;
}

.modules-page .center-three-column-equal h2 {
    margin-top: 15px;
}

.modules-page .center-three-column-equal .img-wrap-basic {
    margin: 0 auto;
}

.modules-page .center-three-column-equal .img-wrap-basic img {
    margin-top: 14px;
    margin-bottom: 34px;
}

.modules-page .right-sidebar-equal {
    padding-top: 0px;
    max-width: 100%;
}

.modules-page .right-sidebar-equal .sidebar-item {
    margin-bottom: 25px;
    border-bottom: solid 1px #f7f7f7;
}

.modules-page .right-sidebar-equal .sidebar-item h3 {
    font-size: 23px;
    text-align: left;
    text-transform: none;
    font-weight: 400;
}

.modules-page .right-sidebar-equal .sidebar-item p {
    font-size: 18px;
    color: #626262;
    font-weight: 300;
}

.modules-page .right-sidebar-equal .cta-box {
    width: 360px;
    max-width: 360px;
    -moz-background-size: cover !important;
    background-size: cover !important;
    height: 328px;
}

@media only screen and (max-width: 400px) {
    .modules-page .right-sidebar-equal .cta-box {
        width: auto;
    }
}

.modules-page .right-sidebar-equal .cta-box .cta-wrap {
    margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
    .modules-page .row-fluid .span4.flex-item1 {
        padding-left: 20px;
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-order: 3;
        width: 50%;
        margin-bottom: 30px;
    }

    .modules-page .row-fluid .span4.flex-item1 .subscribe-three-column {
        display: none;
    }

    .modules-page .row-fluid .span4.flex-item1 .recent-post-three-column {
        border-top: none;
        padding-top: 0px;
    }

    .modules-page .row-fluid .span4.flex-item1 .recent-post-three-column h3 {
        margin-top: 20px;
        padding-bottom: 25px;
    }

    .modules-page .row-fluid .span4.flex-item2 {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-order: 1;
        margin-left: 0;
    }

    .modules-page .row-fluid .span4.flex-item2 .center-three-column-equal {
        border: none;
        border-bottom: solid 1px #ebebeb;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 25px;
    }

    .modules-page .row-fluid .span4.flex-item3 {
        margin-left: 0px;
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-order: 2;
        width: 50%;
        border-right: solid 1px #ebebeb;
        margin-bottom: 30px;
    }

    .modules-page .row-fluid .span4.flex-item3 .right-sidebar-equal {
        padding: 0px 10px;
        max-width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .modules-page .row-fluid .span4.flex-item1 {
        padding-left: 20px;
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-order: 3;
        width: 100%;
        margin-bottom: 30px;
    }

    .modules-page .row-fluid .span4.flex-item1 .left-sidebar {
        width: 100%;
        margin-left: 0px;
    }

    .modules-page .row-fluid .span4.flex-item1 .left-sidebar .subscribe-three-column {
        display: none;
    }

    .modules-page .row-fluid .span4.flex-item1 .left-sidebar .recent-post-three-column {
        width: 100%;
        border-bottom: solid 1px #ebebeb;
        border-top: solid 1px #ebebeb;
    }

    .modules-page .row-fluid .span4.flex-item1 .left-sidebar .recent-post-three-column h3 {
        margin-top: 20px;
        padding-bottom: 25px;
    }

    .modules-page .row-fluid .span4.flex-item2 {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-order: 1;
        margin-left: 0;
    }

    .modules-page .row-fluid .span4.flex-item2 .center-three-column-equal {
        border: none;
        border-bottom: solid 1px #ebebeb;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 25px;
    }

    .modules-page .row-fluid .span4.flex-item3 {
        margin-left: 0;
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-order: 2;
        width: 100%;
        border-right: none;
        border-top: none;
        margin-bottom: 30px;
    }

    .modules-page .row-fluid .span4.flex-item3 .right-sidebar-equal {
        padding: 0px 10px;
        max-width: 100%;
    }

    .modules-page .right-sidebar-equal .sidebar-item {
        border-top: none;
        border-bottom: none;
    }
}

/* Safari 7.1+ (9.0 is the latest version of Safari at this time) */
@media only screen and (min-width: 1024px) {
    .modules-page _::-webkit-full-page-media, .modules-page _:future, .modules-page :root .three-column-safari-wrap .row-fluid .span4 {
        width: 31%;
    }

    .modules-page _::-webkit-full-page-media, .modules-page _:future, .modules-page :root .three-column-safari-wrap .row-fluid .span3 {
        width: 22%;
    }
}

/********************************************************/
/******* Website/_three-column-hero-banner.scss *******/
/********************************************************/


/********************************************************/
/******* Website/_two-column-basic-submenu.scss *******/
/********************************************************/
@media only screen and (max-width: 768px) {
    .modules-page .sidebar-submenu {
        border-bottom: solid 1px #f6f6f6;
        border-top: solid 1px #f6f6f6;
        padding-top: 25px;
    }
}

.modules-page .sidebar-submenu {
    border-bottom: solid 1px #f6f6f6;
    margin-top: 10px;
}

.modules-page .sidebar-submenu .hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: visible;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 16px;
}

.modules-page .sidebar-submenu .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
    position: static;
    top: 0;
    left: 0px;
    display: none;
}

.modules-page .sidebar-submenu .hs-menu-wrapper.hs-menu-flow-vertical > ul li.show-submenu > ul.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
    position: static;
    top: 0;
    left: 0px;
}

.modules-page .sidebar-submenu li.hs-item-has-children > a:after {
    content: '+';
    padding-left: 10px;
}

.modules-page .sidebar-submenu li.show-submenu > a:after {
    content: '-';
    padding-left: 10px;
}

.modules-page .sidebar-submenu ul li a {
    color: #626262;
}

.modules-page .sidebar-submenu ul li a:hover, .modules-page .sidebar-submenu li.show-submenu > a {
    background: #FF4100;
    color: #fff;
}

.modules-page .sidebar-submenu ul li.show-submenu > ul.hs-menu-children-wrapper {
    border-left: solid 1px #FF4100;
}

.modules-page .sidebar-submenu ul li.hs-item-has-children > ul.hs-menu-children-wrapper li {
    border: none;
    position: relative;
}

.modules-page .sidebar-submenu li.active-submenu {
    background: #FF4100;
    color: #fff;
}

.modules-page .sidebar-submenu li.active-submenu a {
    color: #fff;
}

.modules-page .sidebar-submenu li.active-submenu-pointer:before {
    content: "";
    display: block;
    background: #FF4100;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: -4px;
    top: 18px;
}

.modules-page .sidebar-submenu ul li.hs-item-has-children > ul.hs-menu-children-wrapper li a:hover {
    background: none;
    color: #626262;
}

.modules-page .sidebar-submenu ul li.hs-item-has-children > ul.hs-menu-children-wrapper li a:hover:before {
    content: "";
    display: block;
    background: #FF4100;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: -4px;
    top: 18px;
}

@media (max-width: 767px) {
    .modules-page .sidebar-submenu .hs-menu-wrapper.hs-menu-flow-vertical li a {
        font-size: 18px;
    }
}

/********************************************************/
/******* Website/_two-column-basic.scss *******/
/********************************************************/
.modules-page .two-column-left-content {
    border-right: solid 1px #f7f7f7;
    padding-right: 28px;
    margin: 0;
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .modules-page .two-column-left-content {
        border-right: none;
        padding-right: 0px;
    }
}

.modules-page .two-column-left-content .widget-type-rich_text h2 {
    margin-top: 10px;
}

.modules-page .two-column-left-content .widget-type-rich_text--last p:last-child {
    margin-bottom: 22px;
}

.modules-page .two-column-left-content .img-wrap-basic {
    padding-right: 30px;
}

@media only screen and (max-width: 480px) {
    .modules-page .two-column-left-content .img-wrap-basic {
        padding-right: 15px;
    }
}

.modules-page .two-column-left-content .img-wrap-basic img {
    -webkit-box-shadow: 30px 30px 0px #FF4100;
    -moz-box-shadow: 30px 30px 0px #FF4100;
    box-shadow: 30px 30px 0px #FF4100;
    margin-top: 30px;
    margin-bottom: 72px;
}

@media only screen and (max-width: 480px) {
    .modules-page .two-column-left-content .img-wrap-basic img {
        -webkit-box-shadow: 15px 15px 0px #FF4100;
        -moz-box-shadow: 15px 15px 0px #FF4100;
        box-shadow: 15px 15px 0px #FF4100;
        margin-top: 10px;
        margin-bottom: 39px;
    }
}

.modules-page .right-sidebar {
    padding-top: 0px;
    max-width: 292px;
}

@media only screen and (max-width: 767px) {
    .modules-page .right-sidebar {
        padding-top: 0px;
        max-width: 100%;
    }
}

.modules-page .right-sidebar .sidebar-item {
    margin-bottom: 25px;
    border-bottom: solid 1px #f7f7f7;
}

@media only screen and (max-width: 767px) {
    .modules-page .right-sidebar .sidebar-item {
        padding-top: 0px;
        max-width: 100%;
    }
}

.modules-page .right-sidebar .sidebar-item h3 {
    font-size: 23px;
    color: #626262;
    text-align: left;
    text-transform: none;
    font-weight: 400;
    margin-top: 15px;
}

.modules-page .right-sidebar .sidebar-item p {
    font-size: 18px;
    color: #626262;
    font-weight: 200;
}

.modules-page .sm-slider-wrapper {
    height: 500px;
    overflow: hidden;
    margin-top: 70px;
}

/********************************************************/
/******* Website/_two-column-equal-basic.scss *******/
/********************************************************/
.modules-page .equal-content .equal-border {
    width: 95%;
    height: 1px;
    background-color: #f7f7f7;
    margin: 30px auto 53px auto;
}

.modules-page .equal-row {
    margin: 0 auto;
}

.modules-page .equal-row .right-img {
    padding: 0;
    text-align: right;
}

.modules-page .equal-row .left-img {
    padding: 0;
    text-align: left;
}

.modules-page .equal-text-right {
    padding-left: 20px;
}

.modules-page .equal-text-left {
    padding-right: 20px;
}

@media only screen and (max-width: 768px) {
    .modules-page .equal-row .img-wrap-basic {
        padding: 0;
        text-align: center;
        margin-right: 15px;
    }
}

.modules-page .two-column-equal {
    padding-right: 0px;
}

/********************************************************/
/******* Website/_two-column-hero-banner.scss *******/
/********************************************************/


/********************************************************/
/******* Website/careers-main-listing-website.scss *******/
/********************************************************/
.careers-main-listing-website .hero-banner {
    margin-bottom: 70px;
}

.modules-page .careers-main-listing-website .hero-banner .hero-banner-wrap {
    margin-top: -30px;
}

.modules-page .careers-main-listing-website .listing-blog-careers {
    margin: 80px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.modules-page .careers-main-listing-website h2 {
    letter-spacing: .04em;
}

.modules-page .careers-main-listing-website h2 span {
    letter-spacing: 3px;
}

/********************************************************/
/******* Website/careers-main-single-website.scss *******/
/********************************************************/
.modules-page .careers-main-single-website .hero-banner {
    margin-bottom: 0px;
}

.modules-page .careers-main-single-website .hero-banner .hero-banner-wrap {
    margin-top: -25px;
}

.modules-page .careers-main-single-website .hero-banner .hero-banner-wrap h2 {
    font-size: 23px;
}

.modules-page .careers-main-single-website .hero-banner .hero-banner-wrap h2:before {
    content: "\f041";
    font-family: "FontAwesome";
    color: #4a4949;
    margin-right: 22px;
    font-size: 23px;
}

.modules-page .careers-main-single-website .post-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 50px 0;
}

.modules-page .careers-main-single-website strong {
    font-weight: 900;
}

/********************************************************/
/******* Website/careers-with-search-website.scss *******/
/********************************************************/
.modules-page .careers-with-search-website .careers-with-search .listing-careers-search .single-post {
    border: none;
    border-bottom: 1px solid #fafafa;
}

.modules-page .careers-with-search-website .careers-with-search .listing-careers-search .single-post:last-child {
    border-bottom: none;
}

.modules-page .careers-with-search-website h2 {
    font-size: 36px;
    color: #626262;
    text-decoration: none;
    text-transform: none;
    text-align: left;
    font-weight: normal;
    text-align: center;
    letter-spacing: .04em;
    margin-top: 10px;
    margin-bottom: 50px;
}

.modules-page .careers-with-search-website h2 span {
    letter-spacing: 3px;
}

.modules-page .careers-with-search-website .jobs-pagination {
    margin-bottom: 60px;
}

/********************************************************/
/******* Website/case-study-1-website.scss *******/
/********************************************************/
.modules-page .case-study-1-website .hero-banner {
    margin-bottom: 0px;
}

.modules-page .case-study-1-website .pagination {
    width: 100%;
    padding-left: 15px;
    cursor: auto;
    margin-bottom: 60px;
}

.modules-page .case-study-1-website .pagination .disabled {
    display: none;
}

.modules-page .case-study-1-website .pagination li {
    display: inline-block;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 5px;
}

.modules-page .case-study-1-website .pagination li a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    color: #626262;
    display: block;
    line-height: 22px;
    border: solid 1px #ebebeb;
    height: 27px;
    width: 24px;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
}

.modules-page .case-study-1-website .pagination li a:hover {
    background-color: #FF4100;
    border: solid 1px #FF4100;
    color: #fff;
}

.modules-page .case-study-1-website .pagination li.active a {
    background-color: #FF4100;
    border: solid 1px #FF4100;
    color: #fff;
}

.modules-page .case-study-1-website nav.clearfix {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 60px;
}

/********************************************************/
/******* Website/case-study-2-website.scss *******/
/********************************************************/
.modules-page .case-study-2-website .hero-banner {
    margin-bottom: 0px;
}

.modules-page .case-study-2-website h2 {
    margin: 37px auto 0;
    font-weight: 400;
    color: #626262;
    text-transform: none;
}

.modules-page .case-study-2-website .case-study-pagination {
    width: 100%;
    padding-left: 15px;
    cursor: auto;
    margin-bottom: 60px;
}

.modules-page .case-study-2-website .case-study-pagination .disabled {
    display: none;
}

.modules-page .case-study-2-website .case-study-pagination li {
    display: inline-block;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 5px;
}

.modules-page .case-study-2-website .case-study-pagination li a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    color: #626262;
    display: block;
    line-height: 22px;
    border: solid 1px #ebebeb;
    height: 27px;
    width: 24px;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
}

.modules-page .case-study-2-website .case-study-pagination li a:hover {
    background-color: #FF4100;
    border: solid 1px #FF4100;
    color: #fff;
}

.modules-page .case-study-2-website .case-study-pagination li.active a {
    background-color: #FF4100;
    border: solid 1px #FF4100;
    color: #fff;
}

.modules-page .case-study-2-website nav.clearfix {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 60px;
}

@media (max-width: 380px) {
    .modules-page .case-study-2-website .case-studies {
        width: 100%;
        margin: 0px !important;
    }
}

/********************************************************/
/******* Website/case-study-single-website.scss *******/
/********************************************************/
.modules-page .case-study-single-website .hero-banner {
    margin-bottom: 0px;
}

.modules-page .case-study-single-website .hero-banner h2 {
    width: 100%;
    float: none;
}

.modules-page .case-study-single-website .case-study-body .post-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (max-width: 600px) {
    .modules-page .case-study-single-website .case-study-body .post-head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.modules-page .case-study-single-website .case-study-body .post-head h2 {
    width: 100%;
    float: none;
}

.modules-page .case-study-single-website .project-info-table ul {
    margin-top: 25px;
    list-style: none;
    padding-left: 0px;
}

.modules-page .case-study-single-website .project-info-table ul li {
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 300;
}

.modules-page .case-study-single-website .project-info-table ul li strong {
    width: 110px;
    font-weight: 500;
    display: inline-block;
}

.modules-page .case-study-single-website .project-info-table ul li a {
    font-size: 16px;
    color: #626262;
}

.modules-page .case-study-single-website .project-info-table ul li a:hover {
    text-decoration: none;
    color: #4a4949;
}

.modules-page .case-study-single-website .project-info-table ul li:before {
    display: none;
}

.modules-page .case-study-single-website .case-study-slider .hs_cos_flex-slider {
    margin-bottom: 10px;
}

.modules-page .case-study-single-website .case-study-slider .hs_cos_flex-direction-nav li a {
    opacity: 1;
    background-color: #4a4949;
    background-image: none;
    width: 40px;
    height: 40px;
    text-indent: 0px;
    color: transparent;
}

.modules-page .case-study-single-website .case-study-slider .hs_cos_flex-direction-nav li a:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0.75;
    text-align: center;
    padding-top: 2px;
    width: 40px;
    height: 40px;
    font-size: 34px;
    color: #FFF;
    content: "\f104";
    font-family: "FontAwesome";
    background-image: none;
    line-height: 40px;
}

.modules-page .case-study-single-website .case-study-slider .hs_cos_flex-direction-nav li a:hover:before {
    opacity: 1;
}

.modules-page .case-study-single-website .case-study-slider .hs_cos_flex-direction-nav li .hs_cos_flex-next {
    right: 0px;
}

.modules-page .case-study-single-website .case-study-slider .hs_cos_flex-direction-nav li .hs_cos_flex-next:before {
    content: "\f105";
    margin-left: 15px;
}

.modules-page .case-study-single-website .case-study-slider .hs_cos_flex-direction-nav li .hs_cos_flex-prev {
    left: 0px;
}

.modules-page .case-study-single-website .case-study-slider .hs_cos_flex-direction-nav li .hs_cos_flex-prev:before {
    content: "\f104";
    margin-left: 12px;
}

/********************************************************/
/******* Website/portfolio-website-listing.scss *******/
/********************************************************/
.modules-page .portfolio-website-listing .hero-banner {
    margin-bottom: 0px;
}

.modules-page .portfolio-website-listing .hero-banner h1 {
    font-weight: 700;
}

.modules-page .portfolio-website-listing .hero-banner h1 span {
    font-weight: 700;
}

.modules-page .portfolio-website-listing .hero-banner h2 {
    color: #fff;
    font-size: 20px !important;
    font-weight: 200 !important;
    margin: 26px 0px 42px 0px;
}

.modules-page .portfolio-website-listing .portfolio-menu-wraper {
    background: #4a4949;
    min-height: 85px;
    width: 100%;
}

.modules-page .portfolio-website-listing .portfolio-menu-wraper ul {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    list-style: none;
    margin: 0 auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 80px;
}

@media screen and (min-width: 0 ) {
    .portfolio-website-listing .portfolio-menu-wraper ul {
        height: 80px;
    }
}

@media only screen and (max-width: 494px) {
    .modules-page .portfolio-website-listing .portfolio-menu-wraper ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.modules-page .portfolio-website-listing .portfolio-menu-wraper ul li {
    width: auto;
}

.modules-page .portfolio-website-listing .portfolio-menu-wraper ul li a {
    padding: 0 20px;
    color: #fff;
}

@media only screen and (max-width: 494px) {
    .modules-page .portfolio-website-listing .portfolio-menu-wraper ul li a {
        padding: 0 10px;
    }
}

.modules-page .portfolio-website-listing .portfolio-menu-wraper ul li a:hover {
    color: #626262;
}

.modules-page .portfolio-website-listing .portfolio-menu-wraper ul li a:active {
    color: #ffffff;
}

.modules-page .portfolio-website-listing .portfolio-menu-wraper ul li a.active {
    color: #626262;
}

.modules-page .portfolio-website-listing .blog-portfolio-wraper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 13px solid #4a4949;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    width: 100%;
}

.modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-item-wrapper {
    position: relative;
    width: 25%;
    padding-bottom: 0%;
}

@media only screen and (max-width: 1359px) {
    .modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-item-wrapper {
        width: 33.333%;
    }
}

@media only screen and (max-width: 1024px) {
    .modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-item-wrapper {
        width: 50%;
    }
}

@media only screen and (max-width: 675px) {
    .modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-item-wrapper {
        width: 100%;
    }
}

.modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog {
    width: 100%;
    padding-bottom: 100%;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    display: block;
}

.modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog.new-items {
    opacity: 0;
}

.modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog:hover .portfolio-hover.hover-left {
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: width 0.4s;
    -o-transition: width 0.4s;
    -moz-transition: width 0.4s;
    transition: width 0.4s;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog:hover .portfolio-hover.hover-right {
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: width 0.4s;
    -o-transition: width 0.4s;
    -moz-transition: width 0.4s;
    transition: width 0.4s;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog:hover .portfolio-hover.hover-top {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: height 0.4s;
    -o-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog:hover .portfolio-hover.hover-bottom {
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: height 0.4s;
    -o-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover {
    position: absolute;
    height: 0px;
    width: 0px;
    background-color: rgba(74, 73, 73, 0.61);
    z-index: 1;
    overflow: hidden;
}

.modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hover-left {
    left: auto;
    bottom: auto;
    height: 100%;
    width: 100%;
}

.modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hover-right {
    right: auto;
    bottom: auto;
    height: 100%;
    width: 100%;
}

.modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hover-top {
    left: auto;
    top: auto;
    height: 100%;
    width: 100%;
}

.modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hover-bottom {
    left: auto;
    bottom: auto;
    height: 100%;
    width: 100%;
}

.modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hide-left {
    left: 0;
    bottom: 0;
    top: auto;
    right: auto;
    height: 100%;
    width: 0%;
    -webkit-transition: width 0.4s;
    -o-transition: width 0.4s;
    -moz-transition: width 0.4s;
    transition: width 0.4s;
}

.modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hide-right {
    right: 0;
    bottom: 0;
    top: auto;
    left: auto;
    height: 100%;
    width: 0%;
    -webkit-transition: width 0.4s;
    -o-transition: width 0.4s;
    -moz-transition: width 0.4s;
    transition: width 0.4s;
}

.modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hide-top {
    left: 0;
    top: 0;
    height: 0%;
    width: 100%;
    -webkit-transition: height 0.4s;
    -o-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
}

.modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hide-bottom {
    left: 0;
    bottom: 0;
    height: 0%;
    width: 100%;
    -webkit-transition: height 0.4s;
    -o-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
}

.modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    z-index: 3;
    overflow: hidden;
    width: 100%;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content.visible {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content a {
    width: 81px;
    height: 81px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
    background: none;
    display: table;
    border: 2px solid #fff;
    text-align: center;
}

.modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content a:hover {
    background: #fff;
}

.modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content a:hover i {
    color: #4a4949;
}

.modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content a i {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 34px;
}

.modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content h4 {
    color: #fff;
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
}

.modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content ul {
    list-style: none;
    text-align: center;
}

.modules-page .portfolio-website-listing .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content ul li {
    color: #fff;
    font-size: 16px;
    font-weight: 200;
}

/********************************************************/
/******* Website/portfolio-website.scss *******/
/********************************************************/
.modules-page .portfolio-website .hero-banner {
    margin-bottom: 0px;
}

.modules-page .portfolio-website .portfolio-post-head ul {
    margin-bottom: 0px;
    padding-left: 0px;
}

.modules-page .portfolio-website .portfolio-post-head ul li:before {
    display: none;
}

.modules-page .portfolio-website .portfolio-post-single {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 767px) {
    .modules-page .portfolio-website .portfolio-post-single {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.modules-page .portfolio-website .portfolio-post-single > div {
    width: 50%;
}

@media (max-width: 768px) {
    .modules-page .portfolio-website .portfolio-post-single > div {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .modules-page .portfolio-website .portfolio-post-single > div:last-child {
        width: 70%;
        margin: 0 auto;
    }
}

@media (max-width: 555px) {
    .modules-page .portfolio-website .portfolio-post-single > div:last-child {
        width: 100%;
    }
}

.modules-page .portfolio-website .portfolio-post-single .right-section, .modules-page .portfolio-website .portfolio-post-single .left-section {
    width: 100%;
}

.modules-page .portfolio-website .portfolio-post-single .right-section .portfolio-post-body, .modules-page .portfolio-website .portfolio-post-single .left-section .portfolio-post-body {
    padding-top: 5px;
}

.modules-page .portfolio-website .center-section {
    width: 100%;
    border-top: 1px solid #e1e1e1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 25px 0px 40px 0px;
    margin-top: 10px;
}

@media (max-width: 520px) {
    .modules-page .portfolio-website .center-section {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media only screen and (max-width: 520px) {
    .modules-page .portfolio-website .center-section > div {
        margin: 0 auto 20px auto;
    }

    .modules-page .portfolio-website .pagination a:first-child {
        margin-right: 5px;
    }

    .modules-page .portfolio-website .pagination a:last-child {
        margin-left: 5px;
    }
}

/********************************************************/
/******* Website/product-page-single-v2-website.scss *******/
/********************************************************/
.modules-page .product-single-website .product-single__slider-section h2 {
    text-transform: none;
    font-weight: 300;
}

.modules-page .product-single-website .product-single__slider-section h2 span {
    letter-spacing: 3px;
}

@media only screen and (max-width: 867px) {
    .modules-page .product-single-website .iphone-section .iphone-column {
        display: none;
    }

    .modules-page .product-single-website .iphone-section .lead-section__content {
        width: 100%;
    }
}

/****************************************- 6L - LANDINGS ****************************************/
/********************************************************/
/******* Landing/_landing_basic_1.scss *******/
/********************************************************/
/* HEADER STYLES */
.modules-page header .header .perma-fixed {
    background-color: #fff;
    border-bottom: 3px solid #efefef;
}

.modules-page header.header.perma-fixed {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.modules-page header.header.perma-fixed .container {
    height: 100%;
}

.modules-page header.header.perma-fixed .container > .span12 {
    height: 100%;
}

.modules-page header.header.perma-fixed .container > .span12 > .row-fluid-wrapper {
    height: 100%;
}

.modules-page header.header.perma-fixed .container > .span12 > .row-fluid-wrapper > .row-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.modules-page header.header.perma-fixed .container > .span12 > .row-fluid-wrapper > .row-fluid > .span2.widget-span.widget-type-cell {
    width: 100%;
}

.modules-page header.header.perma-fixed .container > .span12 > .row-fluid-wrapper > .row-fluid > .span10.widget-span.widget-type-cell {
    width: auto;
}

@media (max-width: 400px) {
    .modules-page header.header.perma-fixed .container > .span12 > .row-fluid-wrapper > .row-fluid > .span10.widget-span.widget-type-cell {
        display: none;
    }
}

/* HEADER STYLES END */
/* FOOTER STYLES */
.modules-page .footer-container-wrapper {
    border: none;
    padding: 0;
}

.modules-page .footer-container-wrapper .footer--landing {
    min-height: 220px;
    background-color: #4a4949;
    padding: 0;
}

.modules-page .footer-container-wrapper .footer .container {
    position: relative;
}

.modules-page .footer-container-wrapper .footer ul {
    text-align: center;
    overflow: auto;
    position: relative;
    left: 50%;
    margin-left: -100px;
    margin-top: 60px;
    max-width: 250px;
}

.modules-page .footer-container-wrapper .footer ul li {
    list-style-type: none;
    float: left;
}

.modules-page .footer-container-wrapper .footer ul li a i {
    background: #fff;
    color: #4a4949;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 25px;
    text-align: center;
    margin-right: 10px;
    padding-top: 15%;
}

.modules-page .footer-container-wrapper .footer .footer-copyright {
    font-size: 15px;
    font-weight: 200;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 60px;
}

/* STICKY FOOTER */
.modules-page .body-container-wrapper {
    min-height: -webkit-calc(100vh - 218px);
    min-height: -moz-calc(100vh - 218px);
    min-height: calc(100vh - 218px);
    /* Header + footer */
}

/* FOOTER STYLES ENDS */
.modules-page .features-container {
    margin: 25px 0;
}

.modules-page .features-container .hero-banner-form {
    z-index: 1;
    max-width: 430px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f4f4f4;
    padding: 0 30px;
    margin: 0 auto;
}

.modules-page .features-container .hero-banner-form .hs-error-msgs {
    list-style-type: none;
    margin-top: 5px;
}

.modules-page .features-container .hero-banner-form .hs-error-msgs label {
    font-size: 14px;
}

.modules-page .features-container .hero-banner-form .banner-form-title {
    text-align: center;
}

.modules-page .features-container .hero-banner-form .banner-form-title h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    color: #626262;
    text-align: center;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 20px;
}

.modules-page .features-container .hero-banner-form .banner-form-title h3 span {
    color: #FF4100;
    margin-left: 2px;
    position: relative;
    letter-spacing: 3px;
}

.modules-page .features-container .hero-banner-form .hs-form-field {
    margin-bottom: 20px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.modules-page .features-container .hero-banner-form .hs-form-field .hs-form-required {
    display: none;
}

.modules-page .features-container .hero-banner-form .hs-form-field .input input {
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #ffffff;
}

.modules-page .features-container .hero-banner-form .hs-form-field .input textarea {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.modules-page .features-container .hero-banner-form .hs-form-field .input .hs-input {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
    color: #626262;
    height: 55px;
    border: none;
}

.modules-page .features-container .hero-banner-form .hs-form-field .input .hs-input[id*="dropdown_example"] {
    color: rgba(98, 98, 98, 0.6);
    background-color: #fff;
}

.modules-page .features-container .hero-banner-form .hs-form-field .input select {
    background-color: #fff;
    outline: 0;
    font-size: 16px;
    font-weight: 300;
    border: solid 1px #d3d3d3;
    color: #626262;
    font-family: Palanquin, sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-top: 0px;
    background-image: url("//cdn2.hubspot.net/hubfs/685080/IMG-TurboSodium/Sodium%20v2/angle-down-gray.png");
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 56%;
    width: 100%;
    height: 55px;
}

.modules-page .features-container .hero-banner-form .hs-button.primary.large {
    min-height: 27px;
    min-width: 134px;
    padding-top: 20px;
    padding-bottom: 20px;
    font: 300 22px/22px 'Roboto', sans-serif;
    margin-bottom: 20px;
    width: 100%;
}

.modules-page .hs-error-msgs a {
    font-size: 14px;
    color: #626262;
}

.modules-page .box-white-bg {
    padding: 25px;
}

.modules-page .box-white-bg .square-box {
    max-width: 370px;
    background-color: transparent;
    padding: 0;
}

.modules-page .box-white-bg .square-box h4 {
    text-transform: uppercase;
    color: #4a4949;
    font-size: 24px;
    font-weight: 300;
}

.modules-page .box-white-bg .square-box p {
    font-size: 16px;
    line-height: 24px;
    color: #626262;
}

.modules-page .box-white-bg .square-box .icon i {
    height: 54px;
    width: 54px;
    font-size: 30px;
    background-color: #FF4100;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 12px;
    color: #ffffff;
}

@media (max-width: 767px) {
    .modules-page .square-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        margin: 0 auto;
    }

    .modules-page .features-form .hs-cta-img {
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media (max-width: 1024px) {
    .modules-page .landing-page-v1 .features-container .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }

    .modules-page .landing-page-v1 .features-form img {
        display: block;
        margin: 0 auto;
    }

    .modules-page .landing-page-v1 .features-container .square-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        margin: 0 auto;
        width: 100%;
    }

    .modules-page .landing-page-v1 .features-container .box-white-bg .row-fluid .span6 {
        width: 48.618784527%;
        float: left;
    }
}

@media (max-width: 676px) {
    .modules-page .landing-page-v1 .features-container .box-white-bg .row-fluid .span6 {
        width: 100%;
        float: none;
    }
}

/********************************************************/
/******* Landing/_landing_basic_2.scss *******/
/********************************************************/
@media (max-width: 800px) {
    .modules-page .landing-basic-2 .row-fluid [class*="span"] {
        float: none;
    }
}

.modules-page .landing-basic-2 .form-container {
    margin: 25px 0;
}

.modules-page .landing-basic-2 .form-container .hero-banner-form {
    z-index: 1;
    max-width: 430px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f4f4f4;
    padding: 0 30px;
    margin: 0 auto;
}

.modules-page .landing-basic-2 .form-container .hero-banner-form .hs-error-msgs {
    list-style-type: none;
    margin-top: 5px;
}

.modules-page .landing-basic-2 .form-container .hero-banner-form .hs-error-msgs label {
    font-size: 14px;
}

.modules-page .landing-basic-2 .form-container .hero-banner-form .banner-form-title {
    text-align: center;
}

.modules-page .landing-basic-2 .form-container .hero-banner-form .banner-form-title h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    color: #626262;
    text-align: center;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 20px;
}

.modules-page .landing-basic-2 .form-container .hero-banner-form .banner-form-title h3 span {
    color: #FF4100;
    margin-left: 2px;
    position: relative;
    letter-spacing: 3px;
}

.modules-page .landing-basic-2 .form-container .hero-banner-form .hs-form-field {
    margin-bottom: 20px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.modules-page .landing-basic-2 .form-container .hero-banner-form .hs-form-field .hs-form-required {
    display: none;
}

.modules-page .landing-basic-2 .form-container .hero-banner-form .hs-form-field .input input {
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #ffffff;
}

.modules-page .landing-basic-2 .form-container .hero-banner-form .hs-form-field .input .hs-input {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
    color: #626262;
    height: 55px;
    border: none;
}

.modules-page .landing-basic-2 .form-container .hero-banner-form .hs-form-field .input .hs-input[id*="dropdown_example"] {
    color: rgba(98, 98, 98, 0.6);
    background-color: #fff;
}

.modules-page .landing-basic-2 .form-container .hero-banner-form textarea {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.modules-page .landing-basic-2 .form-container .hero-banner-form select {
    color: rgba(98, 98, 98, 0.6);
    background-color: #fff;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.modules-page .landing-basic-2 .form-container .hero-banner-form input[type="checkbox"].hs-input {
    height: 25px !important;
}

.modules-page .landing-basic-2 .form-container .hero-banner-form input[type="radio"].hs-input {
    height: 25px !important;
}

.modules-page .landing-basic-2 .form-container .hero-banner-form .hs-form-checkbox-display span {
    color: #626262;
}

.modules-page .landing-basic-2 .form-container .hero-banner-form .hs-button.primary.large {
    min-height: 27px;
    min-width: 134px;
    padding-top: 20px;
    padding-bottom: 20px;
    font: 300 22px/22px 'Roboto', sans-serif;
    margin-bottom: 20px;
    width: 100%;
}

@media (max-width: 800px) {
    .modules-page .landing-basic-2 .hero-banner-wrap {
        width: 100%;
    }
}

.modules-page .landing-basic-2 .body-container-wrapper {
    min-height: -webkit-calc(100vh - 219px);
    min-height: -moz-calc(100vh - 219px);
    min-height: calc(100vh - 219px);
    /* Header + footer */
}

/********************************************************/
/******* Landing/_landing_event_clock.scss *******/
/********************************************************/
.modules-page .content-landing-event-clock .widget-type-rich_text {
    padding-right: 50px;
}

@media only screen and (max-width: 768px) {
    .modules-page .content-landing-event-clock .widget-type-rich_text {
        padding-right: 0px;
    }
}

.modules-page .content-landing-event-clock .widget-type-rich_text .hs_cos_wrapper h1 {
    color: #626262;
    font-size: 50px;
    font-weight: 900;
    line-height: 65px;
    letter-spacing: 0.04em;
}

.modules-page .content-landing-event-clock .widget-type-rich_text .hs_cos_wrapper h1 span {
    color: #FF4100;
    letter-spacing: 3px;
}

.modules-page .content-landing-event-clock .widget-type-rich_text .hs_cos_wrapper p {
    padding-top: 30px;
    font-weight: 200;
}

.modules-page .content-landing-event-clock .form-landing-event-clock {
    max-width: 431px;
    min-height: 483px;
    background-color: #FFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
    padding: 30px;
    position: relative;
    top: -140px;
}

@media only screen and (max-width: 768px) {
    .modules-page .content-landing-event-clock .form-landing-event-clock {
        max-width: 100%;
        top: 10px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding: 15px;
    }
}

.modules-page .content-landing-event-clock .form-landing-event-clock h3 {
    color: #626262;
    margin: 0;
    padding: 0;
    font-size: 30px;
    text-align: center;
    letter-spacing: 1px;
    padding-bottom: 20px;
    letter-spacing: 0.04em;
}

.modules-page .content-landing-event-clock .form-landing-event-clock h3 span {
    color: #FF4100;
    letter-spacing: 3px;
}

.modules-page .content-landing-event-clock .form-landing-event-clock span.hs_cos_wrapper_type_form {
    color: #626262;
    display: block;
    margin: 0 auto;
    font-size: 36px;
}

.modules-page .content-landing-event-clock .form-landing-event-clock form {
    background-color: #FFF;
}

.modules-page .content-landing-event-clock .form-landing-event-clock form .input input {
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0;
    margin-top: 6px;
    height: 51px;
    width: 100%;
    color: #626262;
    padding-left: 15px;
}

.modules-page .content-landing-event-clock .form-landing-event-clock form .input input:focus {
    border: 1px solid #FF4100;
}

.modules-page .content-landing-event-clock .form-landing-event-clock form textarea {
    border: solid 1px #d6d5d5;
    margin-top: 8px;
    color: #626262;
}

.modules-page .content-landing-event-clock .form-landing-event-clock form textarea:focus {
    border: 1px solid #FF4100;
}

.modules-page .content-landing-event-clock .form-landing-event-clock form .input input[type="checkbox"].hs-input {
    height: 25px;
    visibility: hidden;
    position: absolute;
}

.modules-page .content-landing-event-clock .form-landing-event-clock form .input input[type="checkbox"].hs-input + span {
    padding-left: 20px;
}

.modules-page .content-landing-event-clock .form-landing-event-clock form select {
    background-color: #fff;
    outline: 0;
    font-size: 16px;
    font-weight: 300;
    border: solid 1px #d3d3d3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #626262;
    margin-top: 19px !important;
    font-family: Palanquin, sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-top: 0px;
    background-image: url("//cdn2.hubspot.net/hubfs/685080/IMG-TurboSodium/Sodium%20v2/angle-down-gray.png");
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 56%;
    width: 100%;
    height: 51px;
}

.modules-page .content-landing-event-clock .form-landing-event-clock form select:focus {
    border: 1px solid #FF4100;
}

.modules-page .content-landing-event-clock .form-landing-event-clock form ul {
    padding-top: 0;
    margin: 0;
}

.modules-page .content-landing-event-clock .form-landing-event-clock form ul li, .modules-page .content-landing-event-clock .form-landing-event-clock form ul a {
    color: #d3d3d3;
    font-size: 16px;
}

.modules-page .content-landing-event-clock .form-landing-event-clock form label span {
    color: #626262;
}

.modules-page .content-landing-event-clock .form-landing-event-clock form .hs_submit input[type="submit"] {
    width: 100%;
    border: solid 2px #FF4100;
    margin: 0;
    height: 57px;
    text-transform: none;
    margin-top: 25px;
}

.modules-page .content-landing-event-clock .form-landing-event-clock form .hs_submit input[type="submit"]:hover {
    background-color: #ffffff;
    color: #FF4100;
}

.modules-page .featured-box-white-bg {
    margin-top: -70px;
    border-top: solid 1px #f7f7f7;
    padding: 40px 0;
}

@media only screen and (max-width: 768px) {
    .modules-page .featured-box-white-bg {
        margin-top: 80px;
    }
}

.modules-page .featured-box-white-bg span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.modules-page .featured-box-white-bg .square-box {
    background-color: #fff;
    max-width: 380px;
}

.modules-page .featured-box-white-bg .square-box__image-container {
    background-color: #4a4949;
    text-align: center;
    width: 102px;
    height: 102px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
}

.modules-page .featured-box-white-bg .square-box__image-container img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.modules-page .featured-box-white-bg .square-box__image-container .icon {
    color: #fff;
    font-size: 60px;
    line-height: 100px;
}

.modules-page .featured-box-white-bg .square-box__content {
    text-align: center;
}

.modules-page .featured-box-white-bg .square-box__content h4 {
    color: #4a4949;
    text-transform: uppercase;
    font-size: 24px;
    padding-top: 20px;
    font-weight: 300;
}

.modules-page .featured-box-white-bg .square-box__content p {
    color: #626262;
    font-size: 18px;
}

.modules-page .landing-event-sponsors .widget-type-rich_text h2 {
    color: #FFF;
    font-size: 40px;
    text-align: center;
    margin-top: 80px;
    font-weight: 200;
}

.modules-page .landing-event-sponsors .widget-type-rich_text p {
    color: #FFF;
    padding-top: 20px;
    font-weight: 200;
    display: block;
    text-align: center;
    width: 60%;
    margin: 0 auto;
}

.modules-page .landing-event-sponsors .slick-dots {
    display: block;
    left: 0;
}

.modules-page .landing-event-sponsors .slick-list {
    min-width: 100% !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 !important;
}

.modules-page .landing-event-sponsors .slick-arrow {
    display: none !important;
}

.modules-page .landing-event-sponsors button.slick-prev.slick-arrow + div.slick-list {
    display: block;
}

.modules-page .past-event-gallery .widget-type-rich_text .hs_cos_wrapper {
    text-align: center;
}

.modules-page .past-event-gallery .widget-type-rich_text .hs_cos_wrapper h2 {
    color: #626262;
    font-size: 40px;
    font-weight: 200;
    text-align: center;
    margin-top: 84px;
}

.modules-page .past-event-gallery .widget-type-rich_text .hs_cos_wrapper h2 span {
    color: #FF4100;
    letter-spacing: 2px;
}

.modules-page .past-event-gallery .widget-type-rich_text .hs_cos_wrapper p {
    display: block;
    text-align: center;
    width: 60%;
    padding: 0;
    margin: 50px auto;
    font-weight: 200;
}

/********************************************************/
/******* Landing/_landing_hero.scss *******/
/********************************************************/
.modules-page .landing-hero select {
    background-color: #fff;
    outline: 0;
    font-size: 16px;
    font-weight: 300;
    border: solid 1px #d3d3d3;
    color: #626262;
    margin-top: 19px !important;
    font-family: Palanquin, sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-top: 0px;
    background-image: url("//cdn2.hubspot.net/hubfs/685080/IMG-TurboSodium/Sodium%20v2/angle-down-gray.png");
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 56%;
    width: 100%;
    height: 55px;
}

.modules-page .landing-hero select option {
    background-color: #333;
}

.modules-page .landing-hero div.body-container-wrapper .header-spacer {
    background-color: #4a4949;
    height: 10px;
    width: 100%;
}

.modules-page .landing-hero div.body-container-wrapper .span12.widget-span.widget-type-cell {
    margin-left: 0;
}

.modules-page .landing-hero div.body-container-wrapper .row-fluid-wrapper.row-depth-1.row-number-4 {
    background-color: #4a4949;
}

.modules-page .landing-hero div.body-container-wrapper .row-fluid-wrapper.row-depth-1.row-number-4 .hs_cos_wrapper.hs_cos_wrapper_widget_container.hs_cos_wrapper_type_widget_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
}

@media (max-width: 767px) {
    .modules-page .landing-hero div.body-container-wrapper .row-fluid-wrapper.row-depth-1.row-number-4 .hs_cos_wrapper.hs_cos_wrapper_widget_container.hs_cos_wrapper_type_widget_container {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.modules-page .landing-hero div.body-container-wrapper .hero-landing-boxes .square-box {
    padding: 80px 50px;
}

@media (max-width: 767px) {
    .modules-page .landing-hero div.body-container-wrapper .hero-landing-boxes .square-box {
        padding: 20px 25px;
    }
}

.modules-page .landing-hero div.body-container-wrapper .hero-landing-boxes .square-box .square-box__image {
    height: auto;
}

.modules-page .landing-hero div.body-container-wrapper .hero-landing-boxes .square-box .square-box__content h4 {
    text-transform: uppercase;
}

.modules-page .landing-hero div.body-container-wrapper .hero-landing-boxes .square-box .icon {
    color: #fff;
    font-size: 60px;
    line-height: 100px;
}

.modules-page .landing-hero div.body-container-wrapper .lead-wrapper > .container > .span12.widget-span.widget-type-cell {
    padding: 60px 0;
}

.modules-page .landing-hero div.body-container-wrapper .lead-wrapper > .container > .span12.widget-span.widget-type-cell > .row-fluid-wrapper.row-depth-1.row-number-8 > .row-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 767px) {
    .modules-page .landing-hero div.body-container-wrapper .lead-wrapper > .container > .span12.widget-span.widget-type-cell > .row-fluid-wrapper.row-depth-1.row-number-8 > .row-fluid {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .modules-page .landing-hero div.body-container-wrapper .lead-wrapper > .container > .span12.widget-span.widget-type-cell > .row-fluid-wrapper.row-depth-1.row-number-8 > .row-fluid .lead-image {
        margin: 25px;
    }

    .modules-page .landing-hero div.body-container-wrapper .lead-wrapper > .container > .span12.widget-span.widget-type-cell > .row-fluid-wrapper.row-depth-1.row-number-8 > .row-fluid .lead-content {
        margin: 25px;
    }
}

.modules-page .landing-hero div.body-container-wrapper .lead-wrapper > .container > .span12.widget-span.widget-type-cell > .row-fluid-wrapper.row-depth-1.row-number-8 > .row-fluid .lead-image img {
    display: block;
    margin: 0 auto;
    -webkit-box-shadow: 20px 20px #4a4949;
    -moz-box-shadow: 20px 20px #4a4949;
    box-shadow: 20px 20px #4a4949;
}

.modules-page .landing-hero div.body-container-wrapper .lead-wrapper > .container > .span12.widget-span.widget-type-cell > .row-fluid-wrapper.row-depth-1.row-number-8 > .row-fluid .lead-content h2 {
    text-align: left;
    text-transform: none;
    color: #626262;
    font-size: 40px;
    line-height: 50px;
    font-weight: 300;
}

.modules-page .landing-hero div.body-container-wrapper .lead-wrapper > .container > .span12.widget-span.widget-type-cell > .row-fluid-wrapper.row-depth-1.row-number-8 > .row-fluid .lead-content h2 span {
    letter-spacing: 2px;
}

.modules-page .landing-hero div.body-container-wrapper .lead-wrapper > .container > .span12.widget-span.widget-type-cell > .row-fluid-wrapper.row-depth-1.row-number-8 > .row-fluid .lead-content p {
    color: #626262;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
}

.modules-page .landing-hero div.body-container-wrapper .form-container .hero-banner-form {
    z-index: 1;
    max-width: 430px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f4f4f4;
    padding: 0 30px;
    margin: 20px auto;
}

.modules-page .landing-hero div.body-container-wrapper .form-container .hero-banner-form .banner-form-title {
    text-align: center;
}

.modules-page .landing-hero div.body-container-wrapper .form-container .hero-banner-form .banner-form-title h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    color: #626262;
    text-align: center;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 20px;
}

.modules-page .landing-hero div.body-container-wrapper .form-container .hero-banner-form .banner-form-title h3 span {
    color: #FF4100;
    margin-left: 2px;
    position: relative;
    letter-spacing: 3px;
}

.modules-page .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-form-field {
    margin-bottom: 20px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.modules-page .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-form-field .hs-form-required {
    display: none;
}

.modules-page .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-form-field .input input {
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #ffffff;
}

.modules-page .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-form-field .input .hs-input {
    font-size: 18px;
    font-family: 'Palanquin';
    font-weight: 200;
    color: #626262;
    height: 55px;
    border: none;
}

.modules-page .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-form-field .input .hs-input[id*="dropdown_example"] {
    color: rgba(98, 98, 98, 0.6);
    background-color: #fff;
}

.modules-page .landing-hero div.body-container-wrapper .form-container .hero-banner-form .hs-button.primary.large {
    min-height: 27px;
    min-width: 134px;
    width: 100%;
    margin-bottom: 20px;
}

/********************************************************/
/******* Landing/_landing_v3_3_column.scss *******/
/********************************************************/
.modules-page .landing-v3-3-column .landing-v3-main-container {
    margin-top: 110px;
    margin-bottom: 55px;
}

.modules-page .landing-v3-3-column .landing-v3-main-container .features-cta {
    padding-right: 20px;
    border-right: 1px solid #f9f9f9;
}

@media (max-width: 800px) {
    .modules-page .landing-v3-3-column .landing-v3-main-container .features-cta {
        width: auto;
        padding: 0;
        border: none;
    }

    .modules-page .landing-v3-3-column .landing-v3-main-container .features-cta img {
        margin: 0 auto;
        display: block;
    }
}

.modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 800px) {
    .modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .middle-text {
    margin: 0 20px;
}

@media (max-width: 800px) {
    .modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .middle-text {
        width: auto;
        margin: 20px;
    }
}

.modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .middle-text h1 {
    text-align: left;
    color: #626262;
    font-size: 40px;
    text-transform: none;
    font-weight: 400;
}

.modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .middle-text h1 span {
    letter-spacing: 3px;
}

.modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .middle-text p span {
    color: #4a4949;
    font-weight: bold;
}

.modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper {
    padding-left: 20px;
    border-left: 1px solid #f9f9f9;
}

@media (max-width: 800px) {
    .modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper {
        margin: 20px auto;
        min-width: 280px;
        border: none;
        padding: 0;
    }
}

.modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .widget-type-form {
    background-color: #f9f9f9;
    padding: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .widget-type-form .hs-form-field {
    margin-bottom: 0;
}

.modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .widget-type-form .hs-form-field .hs-error-msgs.inputs-list li {
    color: #626262;
    font-size: 18px;
}

.modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .widget-type-form .hs-form-field .hs-error-msgs a {
    color: #626262;
    font-size: 18px;
}

.modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .widget-type-form h3 {
    margin: 0;
    color: #626262;
    font-weight: 400;
    font-size: 30px;
}

.modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .widget-type-form h3 span {
    margin-left: 10px;
    letter-spacing: 3px;
    color: #4a4949;
}

.modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .widget-type-form form .hs-form-field, .modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .widget-type-form form .hs_submit {
    margin-top: 20px;
}

.modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .widget-type-form form input {
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #626262;
    font-size: 18px;
}

.modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .widget-type-form form input.hs-button {
    width: 100%;
}

.modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .form-title {
    display: inline-block;
    font-weight: 700;
    margin: 0;
    color: #626262;
    font-size: 30px;
}

.modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .form-title span {
    color: #FF4100;
    letter-spacing: 0.04em;
}

.modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper input[type=text] {
    padding: 15px;
    height: 54px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 300;
    background-color: #fff;
    margin-top: 0px;
    color: #626262;
}

.modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper input[type="checkbox"].hs-input + span:before {
    height: 10px;
}

.modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper select {
    padding: 15px;
    height: 54px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 300;
    background-color: #fff;
    margin-top: 0px;
    color: #626262;
    padding-top: 7px !important;
}

.modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper input[type=email] {
    padding: 15px;
    height: 54px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    font-size: 18px;
    font-weight: 300;
    background-color: #fff;
    margin-top: 0px;
    color: #626262;
}

.modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper input[type=tel] {
    padding: 15px;
    height: 54px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 300;
    background-color: #fff;
    margin-top: 0px;
    color: #626262;
}

.modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper input[type=number] {
    padding: 15px;
    height: 54px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 300;
    background-color: #fff;
    margin-top: 0px;
    color: #626262;
}

.modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .hs-form-field {
    text-align: left;
    color: #626262;
}

.modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper .hs-form-field label span {
    color: #626262;
}

.modules-page .landing-v3-3-column .landing-v3-main-container .row-fluid-wrapper.row-depth-1.row-number-3 .row-fluid .widget-span.widget-type-cell.form-wrapper input[type=submit] {
    height: 54px;
    width: 100%;
    line-height: 1;
}

/********************************************************/
/******* Landing/_landing_v4_video.scss *******/
/********************************************************/
/* Slick Slider */
/* Slick Slider */
.modules-page .landing-video-v4 {
    /*----- Top Section -----*/
    /*SERVICE SECTION*/
    /*TESTIMONIALS*/
}

.modules-page .landing-video-v4 .slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modules-page .landing-video-v4 .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.modules-page .landing-video-v4 .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.modules-page .landing-video-v4 .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.modules-page .landing-video-v4 .slick-list:focus {
    outline: none;
}

.modules-page .landing-video-v4 .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.modules-page .landing-video-v4 .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.modules-page .landing-video-v4 .slick-track:before {
    display: table;
    content: '';
}

.modules-page .landing-video-v4 .slick-track:after {
    display: table;
    content: '';
    clear: both;
}

.modules-page .landing-video-v4 .slick-dots {
    bottom: -40px;
    width: 100%;
}

.modules-page .landing-video-v4 .slick-dots li {
    margin: 0px;
}

.modules-page .landing-video-v4 .slick-dots li button:before {
    font-size: 40px;
    color: #4a4949;
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

.modules-page .landing-video-v4 .slick-loading .slick-track {
    visibility: hidden;
}

.modules-page .landing-video-v4 .slick-loading .slick-slide {
    visibility: hidden;
}

.modules-page .landing-video-v4 .slick-slide {
    outline: none;
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.modules-page .landing-video-v4 .slick-slide img {
    display: block;
}

.modules-page .landing-video-v4 [dir='rtl'] .slick-slide {
    float: right;
}

.modules-page .landing-video-v4 .slick-slide.slick-loading img {
    display: none;
}

.modules-page .landing-video-v4 .slick-slide.dragging img {
    pointer-events: none;
}

.modules-page .landing-video-v4 .slick-initialized .slick-slide {
    display: block;
}

.modules-page .landing-video-v4 .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.modules-page .landing-video-v4 .slick-arrow.slick-hidden {
    display: none;
}

.modules-page .landing-video-v4 .row-fluid .wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    float: none !important;
    display: block;
    margin: 0 auto !important;
    max-width: 1170px;
    padding: 0 15px;
}

.modules-page .landing-video-v4 .row-fluid .set-bg {
    -moz-background-size: cover !important;
    background-size: cover !important;
    background-position: center;
    position: relative;
    color: #fff;
}

.modules-page .landing-video-v4 .row-fluid .get-bg {
    display: none !important;
}

.modules-page .landing-video-v4 .row-fluid .fullwidth {
    float: left;
    width: 100%;
}

.modules-page .landing-video-v4 .row-fluid .text-center {
    text-align: center;
}

.modules-page .landing-video-v4 .row-fluid .top-section {
    position: relative;
    padding: 15px 0;
    -webkit-box-shadow: #ddd 0 2px 2px;
    -moz-box-shadow: #ddd 0 2px 2px;
    box-shadow: #ddd 0 2px 2px;
}

.modules-page .landing-video-v4 .row-fluid .top-section img {
    margin-top: 12px;
}

.modules-page .landing-video-v4 .row-fluid .top-section .cta_button {
    float: right;
}

.modules-page .landing-video-v4 .row-fluid .hero-section {
    padding: 130px 0 45px;
    background: #fff;
    background-image: url("//cdn2.hubspot.net/hubfs/685080/IMG-TurboSodium/Sodium%20v2/landing%20video/landing-video-pattern_03.png");
    background-repeat: repeat;
}

.modules-page .landing-video-v4 .row-fluid .video-code > div > span {
    float: left;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
    position: relative;
}

.modules-page .landing-video-v4 .row-fluid .video-code iframe {
    width: 100% !important;
    height: 100% !important;
    left: 0;
    top: 0;
    position: absolute;
}

.modules-page .landing-video-v4 .row-fluid .video-title {
    background: #f9f9f9;
    padding: 10px 20px 5px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
}

.modules-page .landing-video-v4 .row-fluid .video-title h5 {
    font-size: 21px;
    padding-bottom: 0;
    margin: 0px;
    font-weight: 400;
}

.modules-page .landing-video-v4 .row-fluid .video-title p {
    margin: 0px;
    font-weight: 300;
}

.modules-page .landing-video-v4 .row-fluid .change-url {
    display: none;
}

.modules-page .landing-video-v4 .row-fluid .hero-form {
    background: #f9f9f9;
    padding: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
}

.modules-page .landing-video-v4 .row-fluid .hero-form .hs-form-required {
    display: none;
}

.modules-page .landing-video-v4 .row-fluid .hero-form .form-title {
    display: inline-block;
    font-weight: 700;
    padding: 0 0 20px;
    margin: 0;
    color: #626262;
    font-size: 30px;
}

.modules-page .landing-video-v4 .row-fluid .hero-form .form-title span {
    color: #FF4100;
    letter-spacing: 0.04em;
}

.modules-page .landing-video-v4 .row-fluid .hero-form .field {
    margin-bottom: 20px;
}

.modules-page .landing-video-v4 .row-fluid .hero-form input[type=text] {
    padding: 15px;
    height: 54px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 300;
    background-color: #fff;
    margin-top: 0px;
    color: #626262;
}

.modules-page .landing-video-v4 .row-fluid .hero-form input[type="checkbox"].hs-input + span:before {
    height: 10px;
}

.modules-page .landing-video-v4 .row-fluid .hero-form select {
    padding: 15px;
    height: 54px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 300;
    background-color: #fff;
    margin-top: 0px;
    color: #626262;
    padding-top: 7px !important;
}

.modules-page .landing-video-v4 .row-fluid .hero-form input[type=email] {
    padding: 15px;
    height: 54px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 300;
    background-color: #fff;
    margin-top: 0px;
    color: #626262;
}

.modules-page .landing-video-v4 .row-fluid .hero-form input[type=tel] {
    padding: 15px;
    height: 54px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 300;
    background-color: #fff;
    margin-top: 0px;
    color: #626262;
}

.modules-page .landing-video-v4 .row-fluid .hero-form input[type=number] {
    padding: 15px;
    height: 54px;
    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 300;
    background-color: #fff;
    margin-top: 0px;
    color: #626262;
}

.modules-page .landing-video-v4 .row-fluid .hero-form .hs-form-field {
    text-align: left;
    color: #626262;
}

.modules-page .landing-video-v4 .row-fluid .hero-form .hs-form-field label span {
    color: #626262;
}

.modules-page .landing-video-v4 .row-fluid .hero-form input[type=submit] {
    height: 54px;
    width: 100%;
    line-height: 1;
}

.modules-page .landing-video-v4 .hero-form ul li {
    color: #626262;
    font-size: 16px;
    padding-left: 5px;
    line-height: 24px;
}

.modules-page .landing-video-v4 .hero-form ul li a {
    color: #626262;
    font-size: 16px;
    padding-left: 5px;
    line-height: 24px;
}

.modules-page .landing-video-v4 .service-section {
    background: #4a4949;
    padding: 60px 0;
    text-align: center;
    color: #fff;
}

.modules-page .landing-video-v4 .service-section h4 {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
}

.modules-page .landing-video-v4 .service-boxes .hs_cos_wrapper_type_custom_widget {
    float: none;
    display: inline-block;
    width: 33.33%;
    margin-left: -4px;
    padding: 20px 30px;
    vertical-align: top;
}

.modules-page .landing-video-v4 .service-icon {
    position: relative;
    float: none;
    display: inline-block;
    width: 100px;
    height: 100px;
    padding: 10px;
    margin-bottom: 10px;
}

.modules-page .landing-video-v4 .service-icon img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.modules-page .landing-video-v4 .testimonial-section {
    padding: 50px 0 80px;
    position: relative;
}

.modules-page .landing-video-v4 .testimonial-section h2 {
    position: relative;
    color: #fff;
    float: none;
    display: inline-block;
    margin-bottom: 35px;
    text-transform: none;
    font-size: 40px;
    font-weight: 400;
}

.modules-page .landing-video-v4 .testimonial-section h2 span {
    color: #4a4949;
    letter-spacing: 0.04em;
}

.modules-page .landing-video-v4 .testimonial-section:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.14);
}

.modules-page .landing-video-v4 .testimonial-section .slick-slider {
    position: relative;
}

.modules-page .landing-video-v4 .testimonial-section .slick-slide {
    -webkit-transition: ease all 0.4s;
    -o-transition: ease all 0.4s;
    -moz-transition: ease all 0.4s;
    transition: ease all 0.4s;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

.modules-page .landing-video-v4 .testimonial-section .slick-slide.slick-current {
    -webkit-transform: scale(0.94);
    -moz-transform: scale(0.94);
    -ms-transform: scale(0.94);
    -o-transform: scale(0.94);
    transform: scale(0.94);
}

.modules-page .landing-video-v4 .testimonial-section .testimonial-box {
    padding: 0 10px;
}

.modules-page .landing-video-v4 .testimonial-section .testimonial-box:before {
    z-index: 9;
    background: url("//cdn2.hubspot.net/hubfs/2718243/Sodium/quote.png") left top no-repeat;
    position: absolute;
    content: '';
    left: -8px;
    top: -7px;
    width: 36px;
    height: 36px;
    -moz-background-size: contain;
    background-size: contain;
}

.modules-page .landing-video-v4 .testimonial-section .message {
    color: #626262;
    background: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px 10px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    position: relative;
    -webkit-box-shadow: 5px 5px 0px #ffc400;
    -moz-box-shadow: 5px 5px 0px #ffc400;
    box-shadow: 5px 5px 0px #ffc400;
}

.modules-page .landing-video-v4 .testimonial-section .message:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -15px;
    border-left: transparent solid 15px;
    border-right: transparent solid 15px;
    border-top: #FFF solid 20px;
    width: 30px;
    height: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modules-page .landing-video-v4 .testimonial-section .message:after {
    position: absolute;
    content: '';
    left: 13px;
    right: 0;
    margin: 0 auto;
    bottom: -16px;
    border-left: transparent solid 15px;
    border-right: transparent solid 15px;
    border-top: #FFC400 solid 20px;
    width: 30px;
    height: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: -1;
}

.modules-page .landing-video-v4 .testimonial-section .slick-arrow {
    outline: none;
    display: inline-block;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 50px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.modules-page .landing-video-v4 .testimonial-section .slick-prev {
    right: auto;
}

.modules-page .landing-video-v4 .testimonial-box p {
    font-size: 18px;
    line-height: 24px;
}

.modules-page .landing-video-v4 .testi-box {
    min-height: 65px;
    padding: 3px 0 0 80px;
    position: relative;
    margin-top: 20px;
    float: none;
    display: inline-block;
    text-align: left;
}

.modules-page .landing-video-v4 .testi-box .testi-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 65px;
    height: 65px;
    border: #ffc400 solid 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #ffc400;
}

.modules-page .landing-video-v4 .testi-box h6 {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}

.modules-page .landing-video-v4 .testi-box h6 span {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 300;
}

@media (min-width: 992px) and (max-width: 1240px) {
    .modules-page .landing-video-v4 .row-fluid .wrapper {
        max-width: 900px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .modules-page .landing-video-v4 .row-fluid .wrapper {
        max-width: 700px;
    }

    .modules-page .landing-video-v4 .row-fluid .hero-left {
        width: 100%;
    }

    .modules-page .landing-video-v4 .row-fluid .hero-form {
        width: 100%;
        margin: 40px 0 10px;
    }

    .modules-page .landing-video-v4 .row-fluid .testimonial-section .slick-slide {
        -webkit-transform: scale(0.94) !important;
        -moz-transform: scale(0.94) !important;
        -ms-transform: scale(0.94) !important;
        -o-transform: scale(0.94) !important;
        transform: scale(0.94) !important;
    }

    .modules-page .landing-video-v4 .row-fluid .service-boxes .hs_cos_wrapper_type_custom_widget {
        padding: 10px;
    }
}

@media (min-width: 30px) and (max-width: 767px) {
    .modules-page .landing-video-v4 .row-fluid .wrapper {
        max-width: 100%;
    }

    .modules-page .landing-video-v4 .row-fluid .top-section {
        text-align: center;
    }

    .modules-page .landing-video-v4 .row-fluid .top-section img {
        margin: 0 0 10px;
    }

    .modules-page .landing-video-v4 .row-fluid .top-section .cta_button {
        float: none;
        display: inline-block;
        margin-top: 10px;
    }

    .modules-page .landing-video-v4 .row-fluid .hero-form {
        width: 100%;
        margin: 40px 0 10px;
    }

    .modules-page .landing-video-v4 .row-fluid .service-section {
        padding: 30px 0;
    }

    .modules-page .landing-video-v4 .row-fluid .service-boxes .hs_cos_wrapper_type_custom_widget {
        margin: 0;
        width: 100%;
        padding: 20px 0;
    }

    .modules-page .landing-video-v4 .row-fluid .testimonial-section {
        padding: 30px 0;
    }

    .modules-page .landing-video-v4 .row-fluid .testimonial-section .slick-slide {
        -webkit-transform: scale(0.94) !important;
        -moz-transform: scale(0.94) !important;
        -ms-transform: scale(0.94) !important;
        -o-transform: scale(0.94) !important;
        transform: scale(0.94) !important;
    }

    .modules-page .landing-video-v4 .row-fluid .testimonial-section h2 {
        font-size: 32px;
    }
}

/********************************************************/
/******* Landing/_landing.scss *******/
/********************************************************/
.modules-page .landing .content-landing {
    margin-bottom: 65px;
}

.modules-page .landing .hero-banner {
    margin-bottom: 38px;
    letter-spacing: 0.095em;
    height: 400px;
}

.modules-page .landing h2 {
    margin-top: -7px;
    margin-bottom: 33px;
    letter-spacing: 0.04em;
    text-align: left;
    text-transform: none;
    font-weight: 300;
}

.modules-page .landing h2 span {
    letter-spacing: 3px;
}

.modules-page .landing .hs_cos_wrapper_type_rich_text ul {
    padding-left: 30px;
}

.modules-page .landing .hs_cos_wrapper_type_rich_text ul li {
    margin-bottom: 11px;
}

.modules-page .landing .header-form {
    position: relative;
    height: 132px;
    text-align: center;
    background-color: #4a4949;
}

.modules-page .landing .header-form img {
    margin-top: 14px;
    width: 100%;
    height: 100%;
    max-width: 69px;
    max-height: 69px;
}

.modules-page .landing .header-form h3 {
    color: #fff;
    font-weight: normal;
    font-size: 20px;
    margin-top: 8px;
    padding-bottom: 18px;
    margin-bottom: 0px;
    letter-spacing: 0.095em;
}

.modules-page .landing .header-form .trangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 15px 0 15px;
    border-color: #4a4949 transparent transparent transparent;
    position: absolute;
    bottom: -10px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
}

.modules-page .landing .form-landing .widget-type-form {
    text-align: center;
    background-color: #f9f9f9;
}

.modules-page .landing .form-landing .widget-type-form .hs_cos_wrapper_type_form {
    line-height: 3;
    text-align: left;
}

.modules-page .landing .form-landing .widget-type-form .hs-form-field {
    margin-bottom: 0;
}

.modules-page .landing .form-landing .widget-type-form .form-title {
    display: none;
}

.modules-page .landing .form-landing .widget-type-form form {
    padding: 28px 16px 22px;
    border: solid 1px #ebebeb;
    border-top: none;
}

.modules-page .landing .form-landing .widget-type-form form input {
    background-color: #fff;
    padding: 9px 20px;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    color: #626262;
    margin-top: 10px;
}

.modules-page .landing .form-landing .widget-type-form form select {
    background-color: #fff;
    padding: 9px 20px;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    color: #626262;
    margin-top: 0px !important;
}

.modules-page .landing .form-landing .widget-type-form form .inputs-list li {
    line-height: 1;
    margin-top: -15px;
}

.modules-page .landing .form-landing .widget-type-form form .inputs-list li label {
    line-height: 1.3;
}

.modules-page .landing .form-landing .widget-type-form form input[type="checkbox"].hs-input {
    padding-left: 9px !important;
}

.modules-page .landing .form-landing .widget-type-form form input[type="radio"].hs-input {
    padding-left: 15px;
    padding-right: 0px;
}

.modules-page .landing .form-landing .widget-type-form form label span {
    color: #626262;
    margin-top: 10px;
}

.modules-page .landing .form-landing .widget-type-form form textarea {
    padding: 7px 9px;
}

.modules-page .landing .form-landing .widget-type-form form input.hs-button {
    letter-spacing: 0.095em;
    width: 100%;
    font-size: 22px;
    padding: 11px 40px;
    margin-top: 21px;
}

@media (max-width: 767px) {
    .modules-page .landing .column {
        margin-bottom: 30px;
    }
}

.modules-page .landing .cover {
    text-align: center;
}

.modules-page .landing hr {
    border-top: #e1e1e1;
}

.modules-page .landing .widget-type-form label {
    color: #626262;
}

.modules-page .landing .social {
    margin-top: 18px;
    float: left;
    width: 100%;
}

.modules-page .landing .social .social-main-icon {
    float: left;
    height: 45px;
    width: 45px;
    background-color: #4a4949;
}

.modules-page .landing .social .social-main-icon i {
    font-size: 21px;
    margin-left: 13px;
    margin-top: 12px;
    color: #FFF;
}

.modules-page .landing .social ul {
    padding-left: 18px;
    width: -webkit-calc(100% - 45px);
    width: -moz-calc(100% - 45px);
    width: calc(100% - 45px);
    float: left;
}

@media (max-width: 335px) {
    .modules-page .landing .social ul {
        padding-left: 5px;
    }
}

.modules-page .landing .social ul li {
    height: 44px;
    width: 40px;
    list-style: none;
    display: inline-block;
}

.modules-page .landing .social ul li a {
    padding-top: 4px;
    display: block;
    width: 100%;
    height: 43px;
    color: #d7d7d7;
    font-size: 25px;
    text-align: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

.modules-page .landing .social ul li a:hover {
    color: #FF4100;
}

/****************************************- 7B - BLOGS ****************************************/
/********************************************************/
/******* Blog/blog-v2-careers-with-search.scss *******/
/********************************************************/
/*BLOG LISTING*/
.modules-page .careers-with-search {
    background-color: #fff;
}

.modules-page .careers-with-search:not(.hs-blog-post) {
    background-color: #fafafa;
}

.modules-page .careers-with-search .careers-recent-post-heading {
    margin-top: 22px;
    margin-bottom: 27px;
}

.modules-page .careers-with-search .careers-recent-post-heading h2 {
    text-align: center;
    letter-spacing: 0.04em;
}

.modules-page .careers-with-search .careers-recent-post-heading h2 span {
    letter-spacing: 3px;
}

.modules-page .careers-with-search .listing-careers-search {
    background-color: #fff;
    padding: 32px 0px 9px 0px;
    margin-bottom: 36px;
}

.modules-page .careers-with-search .listing-careers-search .no-post {
    text-align: center;
    padding-bottom: 40px;
}

.modules-page .careers-with-search .listing-careers-search .legend {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1115px;
    margin: 0 auto;
    padding: 3px 20px 27px 20px;
}

.modules-page .careers-with-search .listing-careers-search .legend span {
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
}

.modules-page .careers-with-search .listing-careers-search .legend span.first {
    width: 65%;
    padding-right: 10px;
}

.modules-page .careers-with-search .listing-careers-search .legend span.second {
    width: 20%;
    text-align: center;
}

.modules-page .careers-with-search .listing-careers-search .legend span.third {
    width: 15%;
}

@media only screen and (max-width: 777px) {
    .modules-page .careers-with-search .listing-careers-search .legend {
        display: none;
    }
}

.modules-page .careers-with-search .listing-careers-search .single-post {
    max-width: 1115px;
    margin: 0 auto;
    padding: 3px 20px 15px 20px;
    border-top: 1px solid #fafafa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.modules-page .careers-with-search .listing-careers-search .single-post:first-child {
    border-top: none;
}

.modules-page .careers-with-search .listing-careers-search .single-post:hover {
    background-color: #fafafa;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.11);
}

.modules-page .careers-with-search .listing-careers-search .single-post:hover .content-wrap a {
    color: #fff;
    background-color: #FF4100;
}

.modules-page .careers-with-search .listing-careers-search .single-post:focus {
    background-color: #fafafa;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.11);
}

.modules-page .careers-with-search .listing-careers-search .single-post:focus .content-wrap a {
    color: #fff;
    background-color: #FF4100;
}

@media only screen and (max-width: 486px) {
    .modules-page .careers-with-search .listing-careers-search .single-post {
        width: 95%;
    }
}

.modules-page .careers-with-search .listing-careers-search .single-post h3 {
    margin: 0px;
    padding: 0px;
}

.modules-page .careers-with-search .listing-careers-search .single-post h3 a {
    color: #626262;
    font-size: 20px;
    line-height: 36px;
    font-size: 300;
}

.modules-page .careers-with-search .listing-careers-search .content-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

@media only screen and (max-width: 777px) {
    .modules-page .careers-with-search .listing-careers-search .content-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media only screen and (max-width: 486px) {
    .modules-page .careers-with-search .listing-careers-search .content-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-wrap: no-wrap;
        -ms-flex-wrap: no-wrap;
        flex-wrap: no-wrap;
    }
}

.modules-page .careers-with-search .listing-careers-search .content-wrap p {
    color: #999999;
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    display: block;
    width: 65%;
    padding-right: 10px;
}

@media only screen and (max-width: 777px) {
    .modules-page .careers-with-search .listing-careers-search .content-wrap p {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 15px 0px;
    }
}

@media only screen and (max-width: 486px) {
    .modules-page .careers-with-search .listing-careers-search .content-wrap p {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 15px 0px;
    }
}

.modules-page .careers-with-search .listing-careers-search .content-wrap span {
    font-size: 16px;
    color: #999999;
    display: block;
    width: 20%;
    text-align: center;
    padding: 0px 10px 0px 10px;
}

.modules-page .careers-with-search .listing-careers-search .content-wrap span small {
    color: #FF4100;
    font-size: 16px;
}

@media only screen and (max-width: 777px) {
    .modules-page .careers-with-search .listing-careers-search .content-wrap span {
        width: 50%;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: left;
        padding: 0;
    }
}

@media only screen and (max-width: 486px) {
    .modules-page .careers-with-search .listing-careers-search .content-wrap span {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        text-align: left;
    }
}

.modules-page .careers-with-search .listing-careers-search .content-wrap a {
    background-color: #fafafa;
    border: 1px solid #fafafa;
    width: 147px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #999;
    font-size: 16px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    padding: 12px 0px;
}

.modules-page .careers-with-search .listing-careers-search .content-wrap a:hover {
    color: #fff;
    background-color: #FF4100;
}

@media only screen and (max-width: 777px) {
    .modules-page .careers-with-search .listing-careers-search .content-wrap a {
        width: 50%;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}

@media only screen and (max-width: 486px) {
    .modules-page .careers-with-search .listing-careers-search .content-wrap a {
        width: 100%;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}

.modules-page .careers-with-search .jobs-pagination {
    width: 100%;
    padding-left: 0px;
    cursor: auto;
}

.modules-page .careers-with-search .jobs-pagination .disabled {
    display: none;
}

.modules-page .careers-with-search .jobs-pagination .clearfix {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 59px;
}

.modules-page .careers-with-search .jobs-pagination li {
    display: inline-block;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 3px;
}

.modules-page .careers-with-search .jobs-pagination li a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    color: #626262;
    display: block;
    line-height: 22px;
    border: solid 1px #ebebeb;
    height: 27px;
    width: 24px;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
}

.modules-page .careers-with-search .jobs-pagination li a:hover {
    background-color: #FF4100;
    border: solid 1px #FF4100;
    color: #fff;
}

.modules-page .careers-with-search .jobs-pagination li.active a {
    background-color: #FF4100;
    border: solid 1px #FF4100;
    color: #fff;
}

.modules-page .careers-with-search .blog-email-subscription-careers {
    min-height: 321px;
}

.modules-page .careers-with-search .blog-email-subscription-careers .mask, .modules-page .careers-with-search .blog-email-subscription-careers .separator--contact__mask {
    background: rgba(#white, 0.6);
}

.modules-page .careers-with-search .blog-email-subscription-careers h2 {
    color: #fff;
    font-size: 40px;
    text-transform: none;
    font-weight: 300;
    margin-bottom: 12px;
}

.modules-page .careers-with-search .blog-email-subscription-careers h3 {
    font-size: 24px;
    margin-top: 0px;
    padding-top: 0px;
}

.modules-page .careers-with-search .blog-email-subscription-careers input[type="email"] {
    width: 585px;
}

@media screen and (max-width: 1000px) {
    .modules-page .careers-with-search .blog-email-subscription-careers input[type="email"] {
        width: 350px;
        margin-right: 0;
    }
}

@media screen and (max-width: 480px) {
    .modules-page .careers-with-search .blog-email-subscription-careers input[type="email"] {
        width: 280px;
    }
}

.modules-page .careers-with-search .blog-email-subscription-careers input[type="email"]::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #FFF;
}

.modules-page .careers-with-search .blog-email-subscription-careers input[type="email"]::-moz-placeholder {
    /* Firefox 19+ */
    color: #FFF;
}

.modules-page .careers-with-search .blog-email-subscription-careers input[type="email"]:-ms-input-placeholder {
    /* IE 10+ */
    color: #FFF;
}

.modules-page .careers-with-search .blog-email-subscription-careers input[type="email"]:-moz-placeholder {
    /* Firefox 18- */
    color: #FFF;
}

/*SINGLE POST*/
/********************************************************/
/******* Blog/blog-v2-careers.scss *******/
/********************************************************/
/*BLOG LISTING*/
.modules-page .rich-text-blog-careers {
    margin-top: 70px;
}

.modules-page .rich-text-blog-careers h2 {
    letter-spacing: 0.04em;
}

.modules-page .rich-text-blog-careers h2 span {
    letter-spacing: 3px;
}

.modules-page .listing-blog-careers {
    margin: 80px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
    .modules-page .listing-blog-careers {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.modules-page .listing-blog-careers .single-post-wrap {
    width: 50%;
    max-width: 570px;
    height: 395px;
}

@media only screen and (max-width: 767px) {
    .modules-page .listing-blog-careers .single-post-wrap {
        width: 100%;
        margin: 0 auto;
    }
}

.modules-page .listing-blog-careers .single-post-wrap .single-post {
    width: 100%;
    height: 395px;
}

@media only screen and (max-width: 767px) {
    .modules-page .listing-blog-careers .single-post-wrap .single-post {
        position: relative;
    }
}

.modules-page .listing-blog-careers .single-post-wrap .sinle-post-description {
    background: #4a4949;
    width: 281px;
    height: 337px;
    margin: 30px 0px 28px 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .modules-page .listing-blog-careers .single-post-wrap .sinle-post-description {
        position: absolute;
    }
}

@media only screen and (max-width: 359px) {
    .modules-page .listing-blog-careers .single-post-wrap .sinle-post-description {
        margin: 15px 0px 14px 5px;
    }
}

.modules-page .listing-blog-careers .single-post-wrap .sinle-post-description .sinle-post-description-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    height: 80%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.modules-page .listing-blog-careers .single-post-wrap .sinle-post-description .sinle-post-description-inner h3 {
    margin: 0;
}

.modules-page .listing-blog-careers .single-post-wrap .sinle-post-description .sinle-post-description-inner h3 a {
    font-size: 25px;
    color: #fff;
    font-weight: 600;
}

.modules-page .listing-blog-careers .single-post-wrap .sinle-post-description .sinle-post-description-inner .content .short-desc-white {
    color: #fff;
    font-weight: 600;
    margin: 5px 0px 0px 0px;
}

.modules-page .listing-blog-careers .single-post-wrap .sinle-post-description .sinle-post-description-inner .content .short-desc-brown {
    color: #626262;
    font-weight: 600;
    margin: 5px 0px 0px 0px;
}

.modules-page .listing-blog-careers .single-post-wrap .sinle-post-description .sinle-post-description-inner .button {
    width: 53px;
    height: 53px;
    border: 2px solid #626262;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 30px;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modules-page .listing-blog-careers .single-post-wrap .sinle-post-description .sinle-post-description-inner .button:hover {
    border: 2px solid #fff !important;
}

.modules-page .listing-blog-careers .single-post-wrap .sinle-post-description .sinle-post-description-inner .button:hover i {
    color: #626262;
}

.modules-page .listing-blog-careers .single-post-wrap .sinle-post-description .sinle-post-description-inner .button i {
    margin-top: -5px;
    margin-left: 5px;
    font-size: 35px;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    -moz-transition: all .6s ease;
    transition: all .6s ease;
}

/*SINGLE POST*/
.modules-page .post-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 50px 0;
}

@media only screen and (max-width: 480px) {
    .modules-page .post-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.modules-page .blog-section .img-description {
    margin-right: 30px;
    width: 87px;
    height: 87px;
    background-color: #4a4949;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    position: relative;
}

@media only screen and (max-width: 480px) {
    .modules-page .blog-section .img-description {
        margin-right: 0px;
        margin-bottom: 10px;
    }
}

.modules-page .blog-section .img-description img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: auto !important;
}

@media only screen and (max-width: 480px) {
    .modules-page .description {
        text-align: center;
    }
}

.modules-page .description h3 {
    padding: 0;
    margin: 0;
    letter-spacing: 0.04em;
}

.modules-page .description h3 span {
    color: #626262;
    font-size: 40px;
    line-height: 42px;
    letter-spacing: 3px;
}

.modules-page .description span {
    font-size: 18px;
    color: #626262;
}

@media only screen and (max-width: 480px) {
    .modules-page .blog-careers .blog-section .post-body ul li {
        line-height: 25px;
    }
}

.modules-page .careers-form {
    width: 100%;
    min-height: 739px;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 0px;
}

.modules-page .careers-form .careers-form-inner {
    width: 100%;
    min-height: 626px;
    margin: 0;
    background-color: rgba(#white, 0.9);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 15px 40px;
}

.modules-page .careers-form .careers-form-inner .careers-form-wrap {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 20px 0px;
}

.modules-page .careers-form .careers-form-inner .careers-form-wrap h3 {
    color: #FF4100;
    text-transform: uppercase;
    font-size: 33px;
    font-weight: 600;
    padding: 0;
    margin: 0px 0px 15px 0px;
}

.modules-page .careers-form .careers-form-inner .careers-form-wrap p {
    color: #fff;
    font-size: 18px;
    font-weight: 200;
    margin: 0;
    line-height: 48px;
}

@media only screen and (max-width: 767px) {
    .modules-page .careers-form .careers-form-inner .careers-form-wrap p {
        line-height: 28px;
    }
}

.modules-page .form-content {
    margin-top: 30px;
}

.modules-page .form-content h3 {
    display: none;
}

.modules-page .form-content .flex-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 0px;
    margin-bottom: 20px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media only screen and (max-width: 767px) {
    .modules-page .form-content .flex-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 30px;
    }
}

.modules-page .form-content .flex-wrap .flex-left {
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 767px) {
    .modules-page .form-content .flex-wrap .flex-left {
        min-height: 300px;
        height: auto;
        margin-bottom: 40px;
    }
}

.modules-page .form-content .flex-wrap .flex-left .hs-form-field {
    margin-bottom: 30px;
}

.modules-page .form-content .flex-wrap .flex-left input {
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.modules-page .form-content .flex-wrap .flex-left input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
    font-weight: 300;
    line-height: 24px;
}

.modules-page .form-content .flex-wrap .flex-left input::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
    font-weight: 300;
}

.modules-page .form-content .flex-wrap .flex-left input:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
    font-weight: 300;
}

.modules-page .form-content .flex-wrap .flex-left input:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
    font-weight: 300;
}

.modules-page .form-content .flex-wrap .flex-left .hs_single_checkbox {
    padding: 0;
}

.modules-page .form-content .flex-wrap .flex-left .hs-error-msgs {
    list-style: none;
}

.modules-page .form-content .flex-wrap .flex-left .hs-error-msgs li label, .modules-page .form-content .flex-wrap .flex-left .hs-error-msgs li a {
    color: #fff;
    font-size: 16px;
    padding-left: 5px;
}

.modules-page .form-content .flex-wrap .flex-right {
    width: 100%;
    margin-left: 25px;
    height: 100%;
}

@media only screen and (max-width: 767px) {
    .modules-page .form-content .flex-wrap .flex-right {
        margin-left: 0px;
        min-height: 300px;
        height: auto;
    }
}

.modules-page .form-content .flex-wrap .flex-right .hs_single_checkbox {
    padding: 0;
}

.modules-page .form-content .flex-wrap .flex-right .hs_single_checkbox .input ul {
    list-style: none;
    display: block;
    margin-left: 0px;
}

.modules-page .form-content .flex-wrap .flex-right .hs_single_checkbox .input ul li input {
    display: none;
}

.modules-page .form-content .flex-wrap .flex-right .hs_single_checkbox .input ul li span {
    display: inline-block;
    color: #fff;
    padding-left: 15px;
    margin-top: 20px;
}

@media only screen and (max-width: 767px) {
    .modules-page .form-content .flex-wrap .flex-right .hs_single_checkbox .input ul li span {
        margin-top: 30px;
    }
}

.modules-page .form-content .flex-wrap .flex-right .hs_file_upload_example {
    width: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: dotted 1px #fff;
    position: relative;
    margin-top: 35px;
}

@media only screen and (max-width: 767px) {
    .modules-page .form-content .flex-wrap .flex-right .hs_file_upload_example {
        margin-top: 0px;
    }
}

.modules-page .form-content .flex-wrap .flex-right .hs_file_upload_example label span {
    display: block;
    padding: 90px 0px;
    text-align: center;
    color: #fff;
}

.modules-page .form-content .flex-wrap .flex-right .hs_file_upload_example label strong {
    display: block;
    width: 40px;
    height: 40px;
    margin: 5px auto;
}

.modules-page .form-content .flex-wrap .flex-right .hs_file_upload_example:before {
    display: block;
    content: "Cirriculum vitae";
    color: #fff;
    position: absolute;
    top: -31px;
    font-weight: 300;
}

.modules-page .form-content .flex-wrap .flex-right .hs_file_upload_example .input input[type="file"] {
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    display: block;
    background: red;
    top: 0;
    left: 0;
    margin: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.modules-page .careers-form input[type="submit"] {
    width: 139px;
    height: 55px;
    float: right;
    margin: 30px 0px 0px 0px !important;
}

.modules-page .careers-form .input input[type="checkbox"].hs-input + span:before {
    background-color: transparent !important;
}

.modules-page .careers-form select {
    background-color: transparent;
    border: 0;
    outline: 0;
    font-size: 16px;
    font-weight: 300;
    border-bottom: solid 1px #fff;
    color: #fff;
    margin-top: 19px !important;
    font-family: Palanquin, sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-top: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-image: url("//cdn2.hubspot.net/hubfs/309194/Assets_MS/angle-down.png?t=1485789315632");
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 64%;
}

.modules-page .careers-form select option {
    background-color: #ccc;
}

.modules-page .careers-form textarea {
    background: transparent;
    border: none;
    outline: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 18px;
    font-weight: 300;
    border-bottom: solid 1px #fff;
    color: #fff;
    margin-top: 38px;
    font-family: Palanquin, sans-serif;
    min-height: 130px;
    color: #fff;
}

.modules-page .careers-form textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
    font-weight: 300;
    line-height: 24px;
}

.modules-page .careers-form textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
    font-weight: 300;
}

.modules-page .careers-form textarea:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
    font-weight: 300;
}

.modules-page .careers-form textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
    font-weight: 300;
}

.modules-page .careers-form label span {
    color: #fff;
}

/********************************************************/
/******* Blog/blog-v2.scss *******/
/********************************************************/
.modules-page .sodium-blog .hs-error-msgs a {
    font-size: 18px;
}

.modules-page .sodium-blog .post-header {
    margin: 50px 0 30px;
}

.modules-page .sodium-blog hr {
    clear: both;
    border-bottom: 1px solid #f6f6f6;
    border-top: 0;
}

.modules-page .sodium-blog .hs-blog-listing .body-container-wrapper, .modules-page .sodium-blog .hs-blog-post .body-container-wrapper {
    margin-top: 70px;
}

.modules-page .sodium-blog .border-right {
    margin: 67px 0;
    border-right: 1px solid #e5e5e5;
    padding-right: 22px;
}

@media (max-width: 767px) {
    .modules-page .sodium-blog .border-right {
        border-right: 0;
        padding-right: 0;
    }
}

.modules-page .sodium-blog .listing-blog .single-post {
    position: relative;
    padding: 37px 0px;
}

.modules-page .sodium-blog .listing-blog .single-post img {
    width: 100%;
}

.modules-page .sodium-blog .listing-blog .single-post h3 {
    font-size: 31px;
    color: #FF4100;
    font-weight: 300;
    margin-top: -8px;
    margin-bottom: 0px;
}

@media (max-width: 767px) {
    .modules-page .sodium-blog .listing-blog .single-post h3 {
        margin-top: 5px;
    }
}

.modules-page .sodium-blog .listing-blog .single-post .content {
    font-size: 16px;
    color: #626262;
    font-weight: normal;
    text-align: justify;
}

.modules-page .sodium-blog .listing-blog .single-post a.button {
    margin-top: 25px;
    background-color: #FF4100;
    border-color: #FF4100;
    color: #ffffff;
    display: inline-block;
    padding: 8.5px 20px;
    bottom: 38px;
    font-size: 16px;
}

.modules-page .sodium-blog .listing-blog .single-post a.button:hover {
    background-color: #ffffff;
    border-color: #FF4100;
    color: #FF4100;
}

@media (max-width: 1099px) {
    .modules-page .sodium-blog .listing-blog .single-post a.button {
        position: static;
    }
}

.modules-page .sodium-blog .listing-blog .single-post:first-child {
    padding-top: 0;
}

.modules-page .sodium-blog .listing-blog .single-post:last-child {
    padding-bottom: 0;
}

.modules-page .sodium-blog .listing-blog .single-post:last-child a.button {
    bottom: 0;
}

.modules-page .sodium-blog .listing-blog .post-details {
    padding: 0px;
    margin: 5px 0px 17px 0px;
}

.modules-page .sodium-blog .listing-blog .post-details li {
    font-size: 14px;
    color: #626262;
    display: inline-block;
}

.modules-page .sodium-blog .listing-blog .post-details li a {
    color: #626262;
    font-size: 11px;
}

.modules-page .sodium-blog .listing-blog .post-details li i {
    color: #FF4100;
    font-size: 11px;
    font-size: 11px;
}

.modules-page .sodium-blog .listing-blog .pagination {
    margin-top: 10px;
    margin-bottom: 60px;
}

.modules-page .sodium-blog .listing-blog .pagination .disabled {
    display: none;
}

.modules-page .sodium-blog .listing-blog .pagination li {
    display: inline-block;
}

.modules-page .sodium-blog .listing-blog .pagination li a {
    color: #626262;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    line-height: 22px;
    border: solid 1px #ebebeb;
    height: 27px;
    width: 24px;
    text-align: center;
    font-size: 16px;
}

.modules-page .sodium-blog .listing-blog .pagination li a:hover {
    background-color: #FF4100;
    border: solid 1px #FF4100;
    color: #fff;
}

.modules-page .sodium-blog .listing-blog .pagination li.active a {
    background-color: #FF4100;
    border: solid 1px #FF4100;
    color: #fff;
}

.modules-page .sodium-blog #captcha_wrapper #recaptcha_area, .modules-page .sodium-blog #captcha_wrapper #recaptcha_table {
    width: auto !important;
}

.modules-page .sodium-blog .blog-section {
    border-left: 1px solid #fafafa;
    padding-left: 15px;
    position: relative;
}

@media (max-width: 1250px) {
    .modules-page .sodium-blog .blog-section {
        margin-left: 55px;
    }
}

.modules-page .sodium-blog .blog-section #recaptcha_area, .modules-page .sodium-blog .blog-section #recaptcha_table {
    margin-left: -3px;
}

.modules-page .sodium-blog .blog-section a {
    color: #FF4100;
}

.modules-page .sodium-blog .blog-section a:hover {
    text-decoration: underline;
}

.modules-page .sodium-blog .blog-section .post-body ul {
    list-style: none;
    padding-left: 40px;
}

.modules-page .sodium-blog .blog-section .post-body ul li {
    position: relative;
}

.modules-page .sodium-blog .blog-section .post-body ul li:before {
    content: "•";
    font-family: FontAwesome;
    position: absolute;
    background-image: none;
    color: #FF4100;
    width: 16px;
    height: 16px;
    background-position: center;
    left: -30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    /**/
}

.modules-page .sodium-blog .blog-section .post-body ol {
    counter-reset: li;
    list-style: none;
    padding-left: 40px;
}

.modules-page .sodium-blog .blog-section .post-body ol li {
    position: relative;
}

.modules-page .sodium-blog .blog-section .post-body ol li:before {
    color: #FF4100;
    counter-increment: li;
    content: counter(li);
    position: absolute;
    width: 16px;
    background-position: center;
    left: -25px;
    top: 50%;
    display: block;
    font-size: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    height: 32px;
}

.modules-page .sodium-blog .blog-section .post-body h1, .modules-page .sodium-blog .blog-section .post-body h2 {
    text-align: left;
}

.modules-page .sodium-blog .blog-section .post-body blockquote {
    margin-left: 0px;
    margin-right: 0px;
    position: relative;
    text-align: center;
}

.modules-page .sodium-blog .blog-section .post-body blockquote:before {
    content: "\f10d";
    font-family: "FontAwesome";
    color: #FF4100;
    display: inline-block;
    padding-right: 10px;
    font-size: 25px;
    position: relative;
    top: 0px;
    line-height: 0;
}

.modules-page .sodium-blog .blog-section .post-body blockquote:after {
    content: "\f10e";
    font-family: "FontAwesome";
    color: #FF4100;
    display: inline-block;
    padding-left: 10px;
    font-size: 25px;
    position: relative;
    bottom: -10px;
    line-height: 0;
}

.modules-page .sodium-blog .blog-section .post-body blockquote p {
    display: inline;
}

.modules-page .sodium-blog .blog-section img {
    margin-bottom: 20px;
    height: auto;
}

.modules-page .sodium-blog .blog-section h2.blog-title {
    margin-top: 55px;
    font-size: 31px;
    color: #ffc400;
    text-align: left;
    font-weight: 400;
}

.modules-page .sodium-blog .blog-section ul .social {
    padding: 0px;
    margin: 0px;
    margin-bottom: 40px;
}

.modules-page .sodium-blog .blog-section ul .social li {
    margin-right: 10px;
    display: inline-block;
}

.modules-page .sodium-blog .blog-section ul .social li:before {
    display: none;
}

.modules-page .sodium-blog .blog-section ul .social li a {
    height: 42px;
    width: 42px;
    display: block;
    text-align: center;
    line-height: 42px;
    background-color: #FF4100;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #FF4100;
    color: #ffffff;
}

.modules-page .sodium-blog .blog-section ul .social li a:hover {
    background-color: #ffffff;
    color: #FF4100;
}

.modules-page .sodium-blog .blog-section ul .social li a i {
    font-size: 20px;
}

.modules-page .sodium-blog .blog-section .post-details {
    padding: 0px;
    margin: 3px 0px 22px 0px;
    margin-top: 50px;
}

.modules-page .sodium-blog .blog-section .post-details li {
    font-size: 11px;
    color: #a09f9f;
    display: inline-block;
}

.modules-page .sodium-blog .blog-section .post-details li a {
    color: #a09f9f;
}

.modules-page .sodium-blog .blog-section .post-details li i {
    color: #FF4100;
    font-size: 11px;
}

.modules-page .sodium-blog .post-cta {
    margin-bottom: 37px;
}

.modules-page .sodium-blog.hs-blog-post .social-blog {
    overflow: hidden;
    height: 250px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    position: absolute;
    border: 4px;
    overflow: hidden;
    width: 45px;
    -webkit-transform: translateX(-60px);
    -moz-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    -o-transform: translateX(-60px);
    transform: translateX(-60px);
}

.modules-page .sodium-blog.hs-blog-post .social-blog .social-list {
    height: 229px;
    position: absolute;
    left: 0;
}

.modules-page .sodium-blog.hs-blog-post .social-blog ul {
    width: 45px;
}

.modules-page .sodium-blog.hs-blog-post .social-blog ul li {
    background-color: #FF4100;
    list-style: none;
    width: 45px;
    height: 45px;
    padding: 7px 8px;
    margin-bottom: 1px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    border: 2px solid #FF4100;
}

.modules-page .sodium-blog.hs-blog-post .social-blog ul li:hover {
    background-color: #fff;
}

.modules-page .sodium-blog.hs-blog-post .social-blog ul li:hover a {
    color: #FF4100;
}

.modules-page .sodium-blog.hs-blog-post .social-blog ul li a {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
}

.modules-page .sodium-blog.hs-blog-post .social-blog .hide-arrow {
    background-color: #e1e1e1;
    color: #FFF;
    text-align: center;
    border: 0;
    display: block;
    font-size: 16px;
    width: 45px;
    padding: 1px 0;
    cursor: pointer;
    margin-top: 229px;
}

.modules-page .sodium-blog .side-bar-blog .blog-subscribe h3 {
    margin-top: 60px;
}

.modules-page .sodium-blog .side-bar-blog .block h3 {
    margin-top: 20px;
}

.modules-page .sodium-blog .side-bar-blog .about-this-blog-rt {
    margin-top: 50px;
    margin-bottom: 0;
}

.modules-page .sodium-blog .side-bar-blog .about-this-blog-rt h3 {
    margin-bottom: 28px;
}

.modules-page .sodium-blog .side-bar-blog h3 {
    font-size: 23px;
    color: #626262;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 10px;
}

.modules-page .sodium-blog .side-bar-blog .widget-type-form .form-title {
    font-size: 23px;
    color: #626262;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 15px;
}

.modules-page .sodium-blog .side-bar-blog .cta {
    margin-top: 30px;
    margin-bottom: 30px;
}

.modules-page .sodium-blog .side-bar-blog ul {
    list-style-type: none;
}

.modules-page .sodium-blog .side-bar-blog ul li {
    margin-bottom: 7px;
    margin-left: 2px;
}

.modules-page .sodium-blog .side-bar-blog ul li a {
    text-transform: capitalize;
    font-weight: 300;
    color: #626262;
    font-size: 16px;
}

.modules-page .sodium-blog .side-bar-blog ul li a:hover {
    color: #FF4100;
}

.modules-page .sodium-blog .side-bar-blog ul li a:before {
    content: "» ";
    font-size: 20px;
}

.modules-page .sodium-blog .side-bar-blog ::-webkit-input-placeholder, .modules-page .sodium-blog .side-bar-blog :-moz-placeholder, .modules-page .sodium-blog .side-bar-blog ::-moz-placeholder, .modules-page .sodium-blog .side-bar-blog :-ms-input-placeholder {
    color: #b7b7b7;
}

.modules-page .sodium-blog .side-bar-blog form .hs-form-field {
    margin-bottom: 10px;
}

.modules-page .sodium-blog .side-bar-blog form input {
    border: 0;
    border-bottom: solid 1px #FF4100;
    margin-top: 0px;
    margin-bottom: 5px;
    color: #626262;
    font-size: 16px;
    margin-left: 0;
    padding-left: 0;
}

.modules-page .sodium-blog .side-bar-blog form label {
    color: #626262;
    position: relative;
}

.modules-page .sodium-blog .side-bar-blog form label span {
    color: #626262;
}

.modules-page .sodium-blog .side-bar-blog form input[type="checkbox"] {
    position: relative;
    height: 3px;
    width: 15px;
    top: -6px;
    margin-right: 3px;
    visibility: hidden;
}

.modules-page .sodium-blog .side-bar-blog form input[type="checkbox"] + span {
    color: #626262;
}

.modules-page .sodium-blog .side-bar-blog form input[type="checkbox"] + span:before {
    content: "\f096";
    position: absolute;
    top: 5px;
    left: -1px;
    display: block;
    color: #e0e0e0;
    width: 16px;
    height: 16px;
    font-family: "FontAwesome";
}

.modules-page .sodium-blog .side-bar-blog form input[type="checkbox"]:checked + span:before {
    content: "\f14a";
    color: #4a4949;
}

.modules-page .sodium-blog .side-bar-blog form input[type="radio"] {
    position: relative;
    height: 3px;
    width: 15px;
    top: -6px;
    visibility: hidden;
    margin-right: 8px;
}

.modules-page .sodium-blog .side-bar-blog form input[type="radio"] + span {
    color: #626262;
}

.modules-page .sodium-blog .side-bar-blog form input[type="radio"] + span:before {
    content: "";
    position: absolute;
    top: 10px;
    left: -1px;
    background-image: url("//cdn2.hubspot.net/hubfs/685080/HubSpot_Template_Marketplace/Turbo_Sodium/assets/radio.png");
    display: block;
    /* background-repeat: no-repeat; */
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
}

.modules-page .sodium-blog .side-bar-blog form input[type="radio"]:checked + span:before {
    background-position: 16px 0px;
}

.modules-page .sodium-blog .side-bar-blog form select {
    background-color: #fff;
    border: 0;
    outline: 0;
    font-size: 16px;
    border-bottom: solid 1px #ffc400;
    color: #626262;
    margin-top: 0px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-top: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-image: url("//cdn2.hubspot.net/hubfs/685080/HubSpot_Template_Marketplace/Turbo_Sodium/assets/arrow_down.png");
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 64%;
}

.modules-page .sodium-blog .side-bar-blog form .hs-form-required {
    display: none;
}

.modules-page .sodium-blog .side-bar-blog form input[type="submit"] {
    background-color: #FF4100;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 4.5px 45px;
    border: solid 2px #FF4100;
}

.modules-page .sodium-blog .side-bar-blog form input[type="submit"]:hover {
    background-color: #ffffff;
    border: solid 2px #FF4100;
    color: #FF4100;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.modules-page .sodium-blog .side-bar-blog form .hs_submit input {
    color: #ffffff;
    margin-top: 9px;
}

.modules-page .sodium-blog .side-bar-blog form .hs_submit input:hover {
    color: #FF4100;
}

.modules-page .sodium-blog .recent-posts {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 1099px) {
    .modules-page .sodium-blog .recent-posts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 10px;
    }
}

.modules-page .sodium-blog .recent-post {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
    max-width: 260px;
    position: relative;
    height: 270px;
    background-color: #4a4949;
}

.modules-page .sodium-blog .recent-post .recent-post-content {
    padding: 10px;
}

.modules-page .sodium-blog .recent-post .recent-post-featured-image {
    width: 100%;
    height: 145px;
    -moz-background-size: cover;
    background-size: cover;
}

.modules-page .sodium-blog .recent-post .recent-post-info {
    margin: 0;
    font-weight: 300;
    color: #fff;
    font-size: 13px;
}

.modules-page .sodium-blog .recent-post .recent-post-title {
    color: #fff;
    font-size: 18px;
    margin: 7px 0;
}

.modules-page .sodium-blog .recent-post .recent-post-read-more {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

@media (max-width: 1099px) {
    .modules-page .sodium-blog .recent-post {
        margin-bottom: 30px;
        max-width: 520px;
    }
}

.modules-page .sodium-blog #comment-form {
    margin-bottom: 30px;
}

.modules-page .sodium-blog #comment-form input {
    border: solid 1px #f4f4f4;
}

.modules-page .sodium-blog #comment-form input.hs-button {
    margin-top: 21px;
    background-color: #FF4100;
    border: solid 1px #FF4100;
    padding: 7px 40px;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    color: #ffffff;
    font-size: 18px;
}

.modules-page .sodium-blog #comment-form input.hs-button:hover {
    background-color: #ffffff;
    color: #FF4100;
}

.modules-page .sodium-blog #comment-form input:focus {
    border-color: #FF4100;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.modules-page .sodium-blog #comment-form textarea {
    resize: none;
    min-height: 190px;
    border: solid 1px #f4f4f4;
    outline: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.modules-page .sodium-blog #comment-form textarea:focus {
    border-color: #ffc400;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.modules-page .sodium-blog #comment-form label {
    margin: 3px 0px;
    display: block;
}

.modules-page .sodium-blog #comment-form h4 {
    font-size: 20px;
    font-weight: 600;
    color: #626262;
}

.modules-page .sodium-blog #comment-form h4 a {
    font-size: 20px;
    font-weight: 600;
    color: #626262;
}

.modules-page .sodium-blog #comment-form h4 a:hover {
    text-decoration: underline;
}

.modules-page .sodium-blog h3.title-comment {
    font-size: 24px;
    margin-top: 23px;
    margin-bottom: 33px;
    font-weight: 300;
    color: #626262;
}

.modules-page .sodium-blog #hubspot-topic_data {
    margin: 33px 0px;
    font-size: 18px;
}

.modules-page .sodium-blog #hubspot-topic_data a {
    color: #FF4100;
}

.modules-page .sodium-blog #hubspot-topic_data a:hover {
    text-decoration: underline;
}

.modules-page .sodium-blog .comment-date {
    font-size: 14px !important;
}

.modules-page .sodium-blog .comment-reply-to {
    background: none !important;
    padding-left: 3px !important;
    font-size: 16px;
    color: #666 !important;
}

.modules-page .sodium-blog .comment-reply-to:before {
    content: "\f122";
    font-family: FontAwesome;
    color: #FF4100;
    font-size: 17px;
    padding-right: 7px;
}

.modules-page .sodium-blog #comment-form .hs-form-required {
    display: none;
}

.modules-page .sodium-blog #comment-form ul.hs-error-msgs {
    list-style: none;
}

.modules-page .sodium-blog #comment-form #captcha_wrapper {
    margin-left: -3px;
    margin-bottom: 10px;
}

.modules-page .sodium-blog #comment-form .hs-form fieldset {
    max-width: 100%;
    margin-bottom: 10px;
}

.modules-page .sodium-blog #comment-form .hs-form fieldset textarea.hs-input, .modules-page .sodium-blog #comment-form .hs-form fieldset input[type="text"].hs-input, .modules-page .sodium-blog #comment-form .hs-form fieldset input[type="email"].hs-input, .modules-page .sodium-blog #comment-form .hs-form fieldset input[type="number"].hs-input {
    width: 100%;
    color: #626262;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 9px 15px;
}

.modules-page .sodium-blog #comment-form .hs-form fieldset input[type="radio"], .modules-page .sodium-blog #comment-form .hs-form fieldset input[type="checkbox"] {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: -2px;
    left: 2px;
}

.modules-page .sodium-blog #comment-form .hs-form fieldset label {
    position: relative;
}

.modules-page .sodium-blog #comment-form .hs-form fieldset input[type="radio"] {
    visibility: hidden;
}

.modules-page .sodium-blog #comment-form .hs-form fieldset input[type="radio"] + span:before {
    content: "";
    position: absolute;
    top: 5px;
    left: -1px;
    background-image: url("//cdn2.hubspot.net/hubfs/685080/HubSpot_Template_Marketplace/Turbo_Sodium/assets/radio.png");
    display: block;
    width: 16px;
    height: 16px;
    background-position: left top;
}

.modules-page .sodium-blog #comment-form .hs-form fieldset input[type="radio"]:checked + span:before {
    background-position: 16px 0px;
}

.modules-page .sodium-blog #comment-form .hs-form fieldset.form-columns-1 > .hs-form-field:first-of-type .input {
    margin-right: 0px;
}

.modules-page .sodium-blog #comment-form .hs-form fieldset.form-columns-2 > .hs-form-field:last-of-type .input {
    margin-right: 0;
    margin-left: 4px;
}

.modules-page .sodium-blog #comment-form .hs-form fieldset.form-columns-2 > .hs-form-field:first-of-type .input {
    margin-right: 4px;
    margin-left: 0;
}

.modules-page .sodium-blog #comment-form .hs-form fieldset.form-columns-2:first-of-type > .hs-form-field:nth-of-type(2) .input {
    margin-right: 4px;
    margin-left: 0;
}

.modules-page .sodium-blog .single-post-details {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 60px;
}

@media (max-width: 767px) {
    .modules-page .sodium-blog .single-post-details {
        width: 100%;
    }
}

.modules-page .sodium-blog .single-post-details .avatar {
    height: 70px;
    width: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    float: left;
    display: block;
}

@media (max-width: 767px) {
    .modules-page .sodium-blog .single-post-details .avatar {
        float: none;
        margin: 0 auto;
    }
}

.modules-page .sodium-blog .single-post-details p {
    margin: 21px 0 0 82px;
    color: #fff;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .modules-page .sodium-blog .single-post-details p {
        margin: 0;
        white-space: normal;
        text-align: center;
    }
}

.modules-page .sodium-blog .single-post-details p span {
    color: #FF4100;
}

@media (max-width: 767px) {
    .modules-page .sodium-blog .single-post-details {
        bottom: 15px;
    }
}

.modules-page .sodium-blog .comment-from h4 {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0px;
}

.modules-page .sodium-blog .comment-from h4 a {
    color: #FF4100;
}

.modules-page .sodium-blog .comment-body {
    border: dashed 1px #dedede;
    border-left: solid 1px #FF4100;
    padding: 0px 20px;
    margin: 15px 0px;
}

.modules-page .sodium-blog .comment.depth-0:first-child {
    margin-top: 10px !important;
}

.modules-page .sodium-blog .section.post-body {
    text-align: justify;
}

@media screen and (max-width: 767px) {
    .modules-page .sodium-blog .blog-section, .modules-page .sodium-blog .widget-type-blog_comments {
        padding-right: 0px;
    }

    .modules-page .sodium-blog .widget-type-blog_content > .blog-section {
        padding-right: 0px;
    }

    .modules-page .sodium-blog .side-bar-blog .widget-type-blog_subscribe {
        display: none;
    }
}

@media screen and (max-width: 479px) {
    .modules-page .sodium-blog #comment-form .hs-form fieldset {
        margin: 0px;
    }

    .modules-page .sodium-blog #comment-form .hs-form fieldset .input {
        margin-bottom: 10px;
    }

    .modules-page .sodium-blog #comment-form .hs-form fieldset input[type="radio"], .modules-page .sodium-blog #comment-form .hs-form fieldset input[type="checkbox"] {
        margin-right: 10px;
        margin-top: 0px;
    }

    .modules-page .sodium-blog #comment-form .hs-form fieldset.form-columns-1 > .hs-form-field:first-of-type .input {
        margin-right: 0px;
    }

    .modules-page .sodium-blog #comment-form .hs-form fieldset.form-columns-2 > .hs-form-field:last-of-type .input {
        margin-right: 0;
        margin-left: 0px;
    }

    .modules-page .sodium-blog #comment-form .hs-form fieldset.form-columns-2 > .hs-form-field:first-of-type .input {
        margin-right: 0px;
        margin-left: 0;
    }

    .modules-page .sodium-blog #comment-form .hs-form fieldset.form-columns-2:first-of-type > .hs-form-field:nth-of-type(2) .input {
        margin-right: 0px;
        margin-left: 0;
    }
}

.modules-page .sodium-blog .error {
    margin: 0;
}

/********************************************************/
/******* Blog/case-study-1.scss *******/
/********************************************************/
.modules-page .case-study-1 #ajax-container {
    -webkit-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

.modules-page .case-study-1 .case-studies {
    margin: 13px 15px;
}

.modules-page .case-study-1 .case-study-body {
    margin-left: 13px;
}

@media (max-width: 767px) {
    .modules-page .case-study-1 .case-study-body {
        margin-left: 0;
    }
}

.modules-page .case-study-1 .case-study-container {
    max-width: 1810px;
}

@media (max-width: 767px) {
    .modules-page .case-study-1 .case-study-container {
        padding-right: 0;
        padding-left: 0;
    }
}

.modules-page .case-study-1 .listing-blog {
    margin-top: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 1114px) {
    .modules-page .case-study-1 .listing-blog {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.modules-page .case-study-1 .body-container-wrapper {
    background-color: #fbfbfb;
    margin-top: 0px;
}

.modules-page .case-study-1 .right-sidebar {
    background-color: #fff;
    width: 310px;
    min-height: 545px;
}

@media (max-width: 767px) {
    .modules-page .case-study-1 .right-sidebar {
        width: 100%;
        height: 100%;
        min-height: 0px;
    }
}

.modules-page .case-study-1 .right-sidebar h4 {
    margin-left: 20px;
    color: #626262;
    font-size: 20px;
    font-weight: 600;
}

@media (max-width: 767px) {
    .modules-page .case-study-1 .right-sidebar h4 {
        margin-bottom: -10px;
    }
}

.modules-page .case-study-1 .sidebar-submenu {
    border: none;
}

.modules-page .case-study-1 .sidebar-submenu ul li a.active-child {
    background-color: #4a4949;
    color: #FFF;
}

.modules-page .case-study-1 .sidebar-submenu ul li.hs-item-has-children > ul.hs-menu-children-wrapper li a.active:before {
    content: "";
    display: block;
    background: #FF4100;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: -4px;
    top: 18px;
}

.modules-page .case-study-1 .case-study-container .row-fluid-wrapper > .row-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 767px) {
    .modules-page .case-study-1 .case-study-container .row-fluid-wrapper > .row-fluid {
        display: block;
    }
}

.modules-page .case-study-1 .listing-blog .pagination {
    width: 100%;
    padding-left: 15px;
    cursor: auto;
}

.modules-page .case-study-1 .listing-blog .pagination .disabled {
    display: none;
}

.modules-page .case-study-1 .listing-blog .pagination li {
    display: inline-block;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.modules-page .case-study-1 .listing-blog .pagination li a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    color: #626262;
    display: block;
    line-height: 22px;
    border: solid 1px #ebebeb;
    height: 27px;
    width: 24px;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
}

.modules-page .case-study-1 .listing-blog .pagination li a:hover {
    background-color: #FF4100;
    border: solid 1px #FF4100;
    color: #fff;
}

.modules-page .case-study-1 .listing-blog .pagination li.active a {
    background-color: #FF4100;
    border: solid 1px #FF4100;
    color: #fff;
}

.modules-page .case-study-1 nav.clearfix {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 60px;
}

.modules-page .case-study-1 figure.case-study {
    min-width: 360px;
    margin: 0;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 360px;
    max-width: 360px;
    width: 100%;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    transition: 0.5s all;
}

.modules-page .case-study-1 figure.case-study:hover {
    -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}

.modules-page .case-study-1 figure.case-study:hover .company-logo {
    height: 215px;
}

.modules-page .case-study-1 figure.case-study:hover .company-logo img {
    max-width: 180px;
    max-height: 70px;
}

@media (max-width: 400px) {
    .modules-page .case-study-1 figure.case-study {
        min-width: 0;
    }
}

.modules-page .case-study-1 figure.case-study .feature-image {
    -moz-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 215px;
    position: relative;
}

.modules-page .case-study-1 figure.case-study .company-logo {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    height: 60px;
    width: 100%;
    background-color: rgba(74, 73, 73, 0.65);
    position: absolute;
    bottom: 0;
}

.modules-page .case-study-1 figure.case-study .company-logo img {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    max-width: 100px;
    max-height: 40px;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.modules-page .case-study-1 figure.case-study .description {
    height: 145px;
    width: 100%;
    padding: 20px;
    background-color: #fff;
}

.modules-page .case-study-1 figure.case-study .description p {
    height: 105px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin: 0;
    font-size: 18px;
    color: #626262;
    font-weight: 300;
}

.modules-page .case-study-1 section.hero-banner.huge {
    height: 500px;
}

.modules-page .case-study-1.hs-blog-post .case-study-container {
    max-width: 1170px;
}

/********************************************************/
/******* Blog/case-study-2.scss *******/
/********************************************************/
.modules-page .case-study-2 #ajax-container div.case-studies, .modules-page .case-study-2 #ajax-container nav {
    -webkit-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

.modules-page .case-study-2 section.free-quote .container {
    max-width: 1170px;
    padding-left: 0;
}

.modules-page .case-study-2 section.free-quote .container .inner-container {
    max-width: none;
    padding: 0 10px 0 25px;
}

.modules-page .case-study-2 .case-study-body {
    margin-left: 13px;
}

@media (max-width: 767px) {
    .modules-page .case-study-2 .case-study-body {
        margin-left: 0;
    }
}

.modules-page .case-study-2 .listing-blog {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.modules-page .case-study-2 .listing-blog h2 {
    margin: 37px auto 0;
    font-weight: 400;
    color: #626262;
    text-transform: none;
}

.modules-page .case-study-2 .listing-blog h2 span {
    color: #FF4100;
    letter-spacing: 3px;
}

.modules-page .case-study-2 .body-container-wrapper {
    background-color: #fbfbfb;
    margin-top: 0px;
}

.modules-page .case-study-2 .case-study-container .row-fluid-wrapper > .row-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}


@media (max-width: 767px) {
    .modules-page .case-study-2 .case-study-container .row-fluid-wrapper > .row-fluid {
        display: block;
    }
}

.modules-page .case-study-2 .boxes-listing > .hs_cos_wrapper_type_widget_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.modules-page .case-study-2 .listing-blog .pagination {
    padding-left: 10px;
    width: 100%;
    cursor: auto;
}

.modules-page .case-study-2 .listing-blog .pagination .disabled {
    display: none;
}

.modules-page .case-study-2 .listing-blog .pagination li {
    display: inline-block;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.modules-page .case-study-2 .listing-blog .pagination li a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    color: #626262;
    display: block;
    line-height: 22px;
    border: solid 1px #ebebeb;
    height: 27px;
    width: 24px;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
}

.modules-page .case-study-2 .listing-blog .pagination li a:hover {
    background-color: #FF4100;
    border: solid 1px #FF4100;
    color: #fff;
}

.modules-page .case-study-2 .listing-blog .pagination li.active a {
    background-color: #FF4100;
    border: solid 1px #FF4100;
    color: #fff;
}

.modules-page .case-study-2 nav.clearfix {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 60px;
}

.modules-page .case-study-2 .case-studies {
    margin: 13px 9px;
    width: 360px;
}

@media (max-width: 380px) {
    .modules-page .case-study-2 .case-studies {
        width: 100%;
    }
}

.modules-page .case-study-2 figure.case-study {
    margin: 0;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 360px;
    width: 360px;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    transition: 0.5s all;
}

@media (max-width: 380px) {
    .modules-page .case-study-2 figure.case-study {
        width: 100%;
    }
}

.modules-page .case-study-2 figure.case-study:hover {
    -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
}

.modules-page .case-study-2 figure.case-study:hover .company-logo {
    height: 215px;
}

.modules-page .case-study-2 figure.case-study:hover .company-logo img {
    max-width: 180px;
    max-height: 60px;
}

.modules-page .case-study-2 figure.case-study .feature-image {
    -moz-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 215px;
    position: relative;
}

.modules-page .case-study-2 figure.case-study .company-logo {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    height: 60px;
    width: 100%;
    background-color: rgba(74, 73, 73, 0.65);
    position: absolute;
    bottom: 0;
}

.modules-page .case-study-2 figure.case-study .company-logo img {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    max-width: 105px;
    max-height: 40px;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.modules-page .case-study-2 figure.case-study .description {
    height: 145px;
    width: 100%;
    padding: 20px;
    background-color: #fff;
}

.modules-page .case-study-2 figure.case-study .description p {
    height: 105px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin: 0;
    font-size: 18px;
    color: #626262;
    font-weight: 300;
}

.modules-page .case-study-2 section.hero-banner.huge {
    height: 500px;
}

.modules-page .case-study-2 .topic-listing {
    margin: 30px 0 56px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.modules-page .case-study-2 .topic-listing > .hs_cos_wrapper_type_widget_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.modules-page .case-study-2 .filter-single {
    margin-top: 20px;
    width: 150px;
    position: relative;
    border-bottom: 1px solid #b3b3b3;
    -webkit-transition: 1s;
    -o-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

.modules-page .case-study-2 .filter-single img {
    opacity: 0.5;
    display: block;
    margin: 0 auto;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

.modules-page .case-study-2 .filter-single span {
    margin: 12px 0 9px;
    font-size: 16px;
    text-transform: uppercase;
    color: #b3b3b3;

    text-align: center;
    display: block;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

.modules-page .case-study-2 .filter-single.active {
    border-bottom: 1px solid #FF4100;
}

.modules-page .case-study-2 .filter-single.active:before {
    font-size: 25px;
    position: absolute;
    bottom: -16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "•";
    color: #FF4100;
}

.modules-page .case-study-2 .filter-single.active img {
    opacity: 1;
}

.modules-page .case-study-2 .filter-single.active span {
    color: hub("$main_font_color");
}

.modules-page .case-study-2 .filter-single:hover img {
    opacity: 1;
}

.modules-page .case-study-2 .filter-single:hover span {
    color: #626262;
}

/********************************************************/
/******* Blog/case-study-single.scss *******/
/********************************************************/
.modules-page .case-study-single .cta-box {
    max-width: 263px;
}

.modules-page .case-study-single .widget-type-cta > .layout-widget-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.modules-page .case-study-single .hs_cos_wrapper_type_cta {
    margin: 0 auto 25px auto;
}

.modules-page .case-study-single section.free-quote .container {
    max-width: 1140px;
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 1150px) and (min-width: 1115px) {
    .modules-page .case-study-single section.free-quote .container {
        padding: 0 15px;
    }
}

.modules-page .case-study-single section.free-quote .container .inner-container {
    max-width: 1140px;
}

.modules-page .case-study-single .body-container-wrapper {
    margin-top: 0;
}

.modules-page .case-study-single section.hero-banner.huge h2 {
    width: 100%;
}

.modules-page .case-study-single .case-study-slider {
    clear: both;
    margin-bottom: 36px;
}

.modules-page .case-study-single .case-study-post-body {
    float: left;
    margin: 25px 0;
}

.modules-page .case-study-single .case-study-post-body h2 {
    width: 100%;
}

.modules-page .case-study-single .case-study-post-body li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.modules-page .case-study-single .case-study-post-body blockquote {
    margin: 25px 25px 0 0;
    float: left;
    text-align: center;
    position: relative;
    background-color: #fafafa;
    width: 240px;
    font-size: 23px;
    color: #626262;
    line-height: 34px;
    display: inline-block;
    padding: 100px 30px 35px;
    font-weight: 300;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-transform: uppercase;
}

@media (max-width: 400px) {
    .modules-page .case-study-single .case-study-post-body blockquote {
        float: none;
        margin: 50px auto 20px;
        display: block;
    }
}

.modules-page .case-study-single .case-study-post-body blockquote:before {
    font-size: 98px;
    position: absolute;
    top: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    color: rgba(74, 73, 73, 0.54);
}

.modules-page .case-study-single .case-study-post-body blockquote:after {
    content: "";
}

.modules-page .case-study-single .post-head {
    margin: 35px 0 5px;
}

.modules-page .case-study-single .hs-blog-post {
    margin-top: 0;
}

.modules-page .case-study-single section.hero-banner.huge {
    height: 500px;
    margin-bottom: 0;
}

.modules-page .case-study-single section.cta-box {
    margin-top: 58px;
}

@media (max-width: 767px) {
    .modules-page .case-study-single section.cta-box {
        margin-top: 0;
    }
}

.modules-page .case-study-single h2 {
    text-transform: none;
    color: #626262;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-align: left;
    width: -webkit-calc(100% - 250px);
    width: -moz-calc(100% - 250px);
    width: calc(100% - 250px);
    float: left;
}

@media (max-width: 600px) {
    .modules-page .case-study-single h2 {
        width: 100%;
    }
}

.modules-page .case-study-single h2 span {
    color: #FF4100;
    letter-spacing: 3px;
}

.modules-page .case-study-single .another-wrapper {
    float: left;
    width: 250px;
    margin: 23px 0;
}

@media (max-width: 600px) {
    .modules-page .case-study-single .another-wrapper {
        clear: both;
        margin-top: 0;
    }
}

.modules-page .case-study-single .another-post {
    color: #ffffff;
    background-color: #FF4100;
    float: left;
    margin-left: 20px;
    border: #FF4100 solid 2px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    min-height: 27px;
    min-width: 105px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 11px 0;
    font: 300 16px / 16px Palanquin;
    -webkit-transition: linear 0.3s all;
    -o-transition: linear 0.3s all;
    -moz-transition: linear 0.3s all;
    transition: linear 0.3s all;
}

@media (max-width: 600px) {
    .modules-page .case-study-single .another-post {
        margin-left: 0;
        margin-right: 20px;
    }
}

.modules-page .case-study-single .another-post:hover {
    color: #FF4100;
    background-color: #ffffff;
}

.modules-page .case-study-single hr {
    border-top: 1px #ebebeb solid;
    border-bottom: 0;
}

.modules-page .case-study-single .project-info h4 {
    display: block;
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500;
    color: #626262;
    text-transform: uppercase;
    clear: both;
}

.modules-page .case-study-single .project-info .project-info-rich-text {
    float: left;
    margin-top: 16px;
    margin-bottom: 16px;
}

.modules-page .case-study-single .project-info .project-info-rich-text, .modules-page .case-study-single .project-info .project-info-rich-text span, .modules-page .case-study-single .project-info .project-info-rich-text li {
    color: #626262;
    font-size: 16px;
    font-weight: 300;
    font-family: "Palanquin", sans-serif;
}

.modules-page .case-study-single .project-info .project-info-table {
    float: left;
    margin-bottom: 18px;
}

.modules-page .case-study-single .project-info .project-info-table .key, .modules-page .case-study-single .project-info .project-info-table .value, .modules-page .case-study-single .project-info .project-info-table .key a, .modules-page .case-study-single .project-info .project-info-table .value a {
    margin-bottom: 4px;
    display: block;
    float: left;
    color: #626262;
    font-size: 16px;
}

.modules-page .case-study-single .project-info .project-info-table .key a:hover, .modules-page .case-study-single .project-info .project-info-table .value a:hover, .modules-page .case-study-single .project-info .project-info-table .key a a:hover {
    color: #FF4100;
}


.modules-page .case-study-single .project-info .project-info-table .key {
    width: 110px;
    font-weight: 500;
}

.modules-page .case-study-single .project-info .project-info-table .value, .modules-page .case-study-single .project-info .project-info-table .key a, .modules-page .case-study-single .project-info .project-info-table .value a {
    font-weight: 300;
}

.modules-page .case-study-single .slick-slider {
    padding: 0;
}

.modules-page .case-study-single .slick-next, .modules-page .case-study-single .slick-prev {
    margin-top: 0;
    z-index: 1;
    background: #4a4949;
    width: 40px;
    height: 40px;
}

.modules-page .case-study-single .slick-next {
    right: 0px;
}

.modules-page .case-study-single .slick-prev {
    left: 0px;
}

.modules-page .case-study-single .slick-next:before, .modules-page .case-study-single .slick-prev:before {
    padding-top: 2px;
    width: 40px;
    height: 40px;
    font-size: 34px;
    color: #FFF;
    content: "\f104";
    font-family: "FontAwesome";
    background-image: none;
}

.modules-page .case-study-single .social {
    float: left;
    width: 100%;
}

.modules-page .case-study-single .social .social-main-icon {
    float: left;
    height: 45px;
    width: 45px;
    background-color: #4a4949;
}

.modules-page .case-study-single .social .social-main-icon i {
    font-size: 21px;
    margin-left: 13px;
    margin-top: 12px;
    color: #FFF;
}

.modules-page .case-study-single .social ul {
    padding-left: 18px;
    width: -webkit-calc(100% - 45px);
    width: -moz-calc(100% - 45px);
    width: calc(100% - 45px);
    float: left;
    border-top: solid 1px #ebebeb;
    border-bottom: solid 1px #ebebeb;
}

.modules-page .case-study-single .social ul li {
    height: 44px;
    width: 32px;
    list-style: none;
    display: inline-block;
}

.modules-page .case-study-single .social ul li a {
    padding-top: 8px;
    display: block;
    width: 100%;
    height: 43px;
    color: #d7d7d7;
    font-size: 18px;
    text-align: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

.modules-page .case-study-single .social ul li a:hover {
    color: #FF4100;
}

/********************************************************/
/******* Blog/multi-blog.scss *******/
/********************************************************/
/*BLOG LISTING*/
.modules-page .portfolio-menu-wraper {
    background: #4a4949;
    min-height: 85px;
}

@media only screen and (max-width: 1055px) {
    .modules-page .portfolio-menu-wraper {
        height: 100%;
    }
}

.modules-page .portfolio-menu-wraper ul.multi-blog {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 85px;
}

@media only screen and (max-width: 1024px) {
    .modules-page .portfolio-menu-wraper ul.multi-blog {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 100%;
    }
}

@media only screen and (max-width: 486px) {
    .modules-page .portfolio-menu-wraper ul.multi-blog {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }
}

.modules-page .portfolio-menu-wraper ul.multi-blog li {
    display: table;
    margin-left: 30px;
    height: 70px;
    background-repeat: no-repeat;
    background-image: none;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

@media only screen and (max-width: 1024px) {
    .modules-page .portfolio-menu-wraper ul.multi-blog li {
        margin: 10px 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
}

@media only screen and (max-width: 486px) {
    .modules-page .portfolio-menu-wraper ul.multi-blog li {
        margin: 10px 0px;
    }
}

.modules-page .portfolio-menu-wraper ul.multi-blog li:first-child a {
    display: table-cell;
    vertical-align: middle;
    padding: 0 55px;
    margin: 0;
}

.modules-page .portfolio-menu-wraper ul.multi-blog li:first-child a:before {
    content: "";
    display: none;
}

.modules-page .portfolio-menu-wraper ul.multi-blog li a {
    color: #fff;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    padding-left: 70px;
}

.modules-page .portfolio-menu-wraper ul.multi-blog li a:before {
    content: "";
    display: inline-block;
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    background-position: top;
    position: absolute;
    top: 15px;
    left: 15px;
}

.modules-page .portfolio-menu-wraper ul.multi-blog li:hover {
    background-color: #fff;
    -webkit-box-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.1);
}

.modules-page .portfolio-menu-wraper ul.multi-blog li:hover a {
    color: #FF4100;
}

.modules-page .portfolio-menu-wraper ul.multi-blog li:hover a:before {
    background-position: bottom;
}

.modules-page .portfolio-menu-wraper ul.multi-blog .active {
    color: #FF4100;
    background-color: #fff;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-box-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.1);
}

.modules-page .portfolio-menu-wraper ul.multi-blog .active a {
    color: #FF4100;
}

.modules-page .portfolio-menu-wraper ul.multi-blog .active a:before {
    background-position: bottom;
}

.modules-page .multi-blog-wraper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 78px 0px 15px 0px;
}

.modules-page .multi-blog-wraper .multi-blog {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin: 0px;
}

.modules-page .multi-blog-wraper .multi-blog:nth-child(3n+2) {
    margin: 0px 30px;
}

@media only screen and (max-width: 1169px) {
    .modules-page .multi-blog-wraper .multi-blog:nth-child(3n+2) {
        margin: 0px 15px;
    }
}

@media only screen and (max-width: 1169px) {
    .modules-page .multi-blog-wraper .multi-blog {
        margin: 0px 15px;
    }
}

.modules-page .multi-blog-wraper .multi-blog .content {
    height: 372px;
    width: 360px;
    position: relative;
    overflow: hidden;
    -moz-background-size: cover !important;
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 37px;
}

.modules-page .multi-blog-wraper .multi-blog .content:hover .desc {
    height: 175px;
}

@media only screen and (max-width: 400px) {
    .modules-page .multi-blog-wraper .multi-blog .content:hover .desc {
        height: 200px;
    }
}

@media only screen and (max-width: 400px) {
    .modules-page .multi-blog-wraper .multi-blog .content {
        width: 340px;
    }
}

@media only screen and (max-width: 360px) {
    .modules-page .multi-blog-wraper .multi-blog .content {
        width: 280px;
    }
}

.modules-page .multi-blog-wraper .multi-blog .content .category {
    width: 68px;
    height: 68px;
    background-color: rgba(74, 73, 73, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center 15px;
}

.modules-page .multi-blog-wraper .multi-blog .content .category:before {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    background-position: top;
    margin: 11px auto;
}

.modules-page .multi-blog-wraper .multi-blog .content .desc {
    background: #4a4949;
    padding: 13px 25px;
    position: absolute;
    bottom: 0px;
    height: 100px;
    -webkit-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
    -moz-transition: height 0.5s ease;
    transition: height 0.5s ease;
}

@media only screen and (max-width: 400px) {
    .modules-page .multi-blog-wraper .multi-blog .content .desc {
        height: 120px;
    }
}

.modules-page .multi-blog-wraper .multi-blog .content .desc small {
    font-size: 13px;
    color: #fff;
    margin: 0;
}

.modules-page .multi-blog-wraper .multi-blog .content .desc h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    margin: 10px 0px;
}

.modules-page .multi-blog-wraper .multi-blog .content .desc p {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    margin: 0;
}

.modules-page .multi-blog-wraper .multi-blog .content .desc span {
    display: block;
    width: 11px;
    height: 18px;
    background: url("//cdn2.hubspot.net/hubfs/685080/IMG-TurboSodium/Sodium%20v2/read-more-white.png");
    background-position: right;
    padding-left: 100px;
    background-repeat: no-repeat;
    float: right;
}

.modules-page .multi-blog-wraper .multi-blog .content .desc:hover {
    height: 175px;
}

@media only screen and (max-width: 400px) {
    .modules-page .multi-blog-wraper .multi-blog .content .desc:hover {
        height: 200px;
    }
}

.modules-page .multi-blog .pagination {
    width: 100%;
    padding-left: 0px;
    cursor: auto;
}

.modules-page .multi-blog .pagination .disabled {
    display: none;
}

.modules-page .multi-blog .pagination li {
    display: inline-block;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.modules-page .multi-blog .pagination li a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    color: #626262;
    display: block;
    line-height: 22px;
    border: solid 1px #ebebeb;
    height: 27px;
    width: 24px;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
}

.modules-page .multi-blog .pagination li a:hover {
    background-color: #FF4100;
    border: solid 1px #FF4100;
    color: #fff;
}

.modules-page .multi-blog .pagination li.active a {
    background-color: #FF4100;
    border: solid 1px #FF4100;
    color: #fff;
}

.modules-page .multi-blog .clearfix {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 38px;
}

.modules-page .multi-blog-container .multi-blog .topic-icon a:before {
    font-family: "FontAwesome";
    content: "";
    font-size: 35px;
    top: 50%;
    left: 0;
    width: 70px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.modules-page .multi-blog-container .multi-blog-wraper .multi-blog .content .topic-icon:before {
    position: absolute;
    font-family: "FontAwesome";
    content: "";
    font-size: 35px;
    width: auto;
    height: auto;
    margin: 0;
    top: 50%;
    left: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    color: #fff;
}

/********************************************************/
/******* Blog/portfolio.scss *******/
/********************************************************/
/*BLOG LISTING*/
.modules-page .portfolio-menu-wraper {
    background: #4a4949;
    min-height: 85px;
}

.modules-page .portfolio-menu-wraper ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0 auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 80px;
}

@media screen and (min-width: 0 ) {
    .portfolio-menu-wraper ul {
        height: 80px;
    }
}

@media only screen and (max-width: 494px) {
    .modules-page .portfolio-menu-wraper ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.modules-page .portfolio-menu-wraper ul li a {
    padding: 0 20px;
    color: #fff;
}

@media only screen and (max-width: 494px) {
    .modules-page .portfolio-menu-wraper ul li a {
        padding: 0 10px;
    }
}

.modules-page .portfolio-menu-wraper ul li a:hover {
    color: #626262;
}

.modules-page .portfolio-menu-wraper ul li a:visited {
    color: #ffffff;
}

.modules-page .portfolio-menu-wraper ul li a:active {
    color: #ffffff;
}

.modules-page .portfolio-menu-wraper ul li a.active {
    color: #626262;
}

.modules-page .blog-portfolio-wraper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 13px solid #4a4949;
    -webkit-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.modules-page .blog-portfolio-wraper .portfolio-blog {
    width: 25%;
    padding-bottom: 25%;
    background-position: center center !important;
    -moz-background-size: cover !important;
    background-size: cover !important;
    background-repeat: no-repeat;
    position: relative;
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 0;
    display: table;
}

@media only screen and (max-width: 1359px) {
    .modules-page .blog-portfolio-wraper .portfolio-blog {
        width: 33.333%;
        padding-bottom: 33.333%;
    }
}

@media only screen and (max-width: 1024px) {
    .modules-page .blog-portfolio-wraper .portfolio-blog {
        width: 50%;
        padding-bottom: 50%;
    }
}

@media only screen and (max-width: 675px) {
    .modules-page .blog-portfolio-wraper .portfolio-blog {
        width: 100%;
        padding-bottom: 100%;
    }
}

.modules-page .blog-portfolio-wraper .portfolio-blog.new-items {
    opacity: 0;
}

.modules-page .blog-portfolio-wraper .portfolio-blog:hover .portfolio-hover.hover-left {
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: width 0.4s;
    -o-transition: width 0.4s;
    -moz-transition: width 0.4s;
    transition: width 0.4s;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.modules-page .blog-portfolio-wraper .portfolio-blog:hover .portfolio-hover.hover-right {
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: width 0.4s;
    -o-transition: width 0.4s;
    -moz-transition: width 0.4s;
    transition: width 0.4s;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.modules-page .blog-portfolio-wraper .portfolio-blog:hover .portfolio-hover.hover-top {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: height 0.4s;
    -o-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.modules-page .blog-portfolio-wraper .portfolio-blog:hover .portfolio-hover.hover-bottom {
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: height 0.4s;
    -o-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.modules-page .blog-portfolio-wraper .portfolio-blog .portfolio-hover {
    position: absolute;
    height: 0px;
    width: 0px;
    background-color: rgba(74, 73, 73, 0.61);
    z-index: 1;
    overflow: hidden;
}

.modules-page .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hover-left {
    left: auto;
    bottom: auto;
    height: 100%;
    width: 100%;
}

.modules-page .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hover-right {
    right: auto;
    bottom: auto;
    height: 100%;
    width: 100%;
}

.modules-page .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hover-top {
    left: auto;
    top: auto;
    height: 100%;
    width: 100%;
}

.modules-page .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hover-bottom {
    left: auto;
    bottom: auto;
    height: 100%;
    width: 100%;
}

.modules-page .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hide-left {
    left: 0;
    bottom: 0;
    top: auto;
    right: auto;
    height: 100%;
    width: 0%;
    -webkit-transition: width 0.4s;
    -o-transition: width 0.4s;
    -moz-transition: width 0.4s;
    transition: width 0.4s;
}

.modules-page .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hide-right {
    right: 0;
    bottom: 0;
    top: auto;
    left: auto;
    height: 100%;
    width: 0%;
    -webkit-transition: width 0.4s;
    -o-transition: width 0.4s;
    -moz-transition: width 0.4s;
    transition: width 0.4s;
}

.modules-page .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hide-top {
    left: 0;
    top: 0;
    height: 0%;
    width: 100%;
    -webkit-transition: height 0.4s;
    -o-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
}

.modules-page .blog-portfolio-wraper .portfolio-blog .portfolio-hover.hide-bottom {
    left: 0;
    bottom: 0;
    height: 0%;
    width: 100%;
    -webkit-transition: height 0.4s;
    -o-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
}

.modules-page .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    z-index: 3;
    overflow: hidden;
    width: 100%;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.modules-page .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content.visible {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.modules-page .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content a {
    width: 81px;
    height: 81px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
    background: none;
    display: table;
    border: 2px solid #fff;
    text-align: center;
}

.modules-page .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content a:hover {
    background: #fff;
}

.modules-page .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content a:hover i {
    color: #4a4949;
}

.modules-page .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content a i {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 34px;
}

.modules-page .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content h4 {
    color: #fff;
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
}

.modules-page .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content ul {
    list-style: none;
    text-align: center;
}

.modules-page .blog-portfolio-wraper .portfolio-blog .portfolio-hover .content ul li {
    color: #fff;
    font-size: 16px;
    font-weight: 200;
}

/*SINGLE POST*/
.modules-page .portfolio-post-single {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 55px;
}

@media only screen and (max-width: 768px) {
    .modules-page .portfolio-post-single {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.modules-page .portfolio-post-single .left-section {
    width: 50%;
}

@media only screen and (max-width: 768px) {
    .modules-page .portfolio-post-single .left-section {
        width: 100%;
    }
}

.modules-page .portfolio-post-single .left-section .portfolio-post-head h2 {
    text-align: left;
    font-size: 41px;
    color: #FF4100;
    margin: 0;
    padding: 0;
    font-weight: 400;
    text-transform: none;
    margin-top: -10px;
    letter-spacing: 0.04em;
}

.modules-page .portfolio-post-single .left-section .portfolio-post-head h2 span {
    letter-spacing: 3px;
    color: #626262;
}

.modules-page .portfolio-post-single .left-section .portfolio-post-head ul {
    list-style: none;
}

.modules-page .portfolio-post-single .left-section .portfolio-post-head ul li {
    display: block;
    float: left;
    padding: 7px 0px 0px 10px;
    font-size: 16px;
}

.modules-page .portfolio-post-single .left-section .portfolio-post-head ul li:after {
    content: ", .modules-page ";
}

.modules-page .portfolio-post-single .left-section .portfolio-post-head ul li:first-child {
    padding-left: 0px;
}

.modules-page .portfolio-post-single .left-section .portfolio-post-head ul li:last-child:after {
    content: "";
}

.modules-page .portfolio-post-single .left-section .portfolio-post-body {
    clear: both;
    padding: 15px 0px;
}

.modules-page .portfolio-post-single .left-section .portfolio-post-body h3 {
    font-size: 20px;
    font-weight: 500;
    margin: 0px 0px 15px 0px;
}

.modules-page .portfolio-post-single .left-section .portfolio-post-body p {
    font-size: 16px;
    font-weight: 200;
}

.modules-page .portfolio-post-single .right-section {
    width: 50%;
}

@media only screen and (max-width: 768px) {
    .modules-page .portfolio-post-single .right-section {
        width: 70%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 555px) {
    .modules-page .portfolio-post-single .right-section {
        width: 100%;
    }
}

.modules-page .portfolio-post-single .right-section .portfolio-slider .slick-slider {
    padding-right: 0px;
}

@media only screen and (max-width: 768px) {
    .modules-page .portfolio-post-single .right-section .portfolio-slider .slick-slider {
        padding-left: 0px;
    }
}

.modules-page .portfolio-post-single .right-section .portfolio-slider .slick-slider .slick-next {
    margin-top: 0;
    z-index: 1;
    background-color: #FF4100;
    width: 40px;
    height: 40px;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.modules-page .portfolio-post-single .right-section .portfolio-slider .slick-slider .slick-next:hover {
    background-color: #626262;
}

.modules-page .portfolio-post-single .right-section .portfolio-slider .slick-slider .slick-prev {
    margin-top: 0;
    z-index: 1;
    background-color: #FF4100;
    width: 40px;
    height: 40px;
    left: 0;
    top: 50%;
    -webkit-transform: translate(30px, -50%);
    -moz-transform: translate(30px, -50%);
    -ms-transform: translate(30px, -50%);
    -o-transform: translate(30px, -50%);
    transform: translate(30px, -50%);
}

@media only screen and (max-width: 767px) {
    .modules-page .portfolio-post-single .right-section .portfolio-slider .slick-slider .slick-prev {
        -webkit-transform: translate(0px, -50%);
        -moz-transform: translate(0px, -50%);
        -ms-transform: translate(0px, -50%);
        -o-transform: translate(0px, -50%);
        transform: translate(0px, -50%);
    }
}

.modules-page .portfolio-post-single .right-section .portfolio-slider .slick-slider .slick-prev:hover {
    background-color: #626262;
}

.modules-page .portfolio-post-single .right-section .portfolio-slider .slick-slider button:before {
    padding-top: 2px;
    width: 40px;
    height: 40px;
    font-size: 34px;
    color: #FFF;
    content: '104';
    font-family: "FontAwesome";
    background-image: none;
}

.modules-page .center-section {
    width: 100%;
    border-top: 1px solid #e1e1e1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 25px 0px 40px 0px;
    margin-top: 10px;
}

@media only screen and (max-width: 520px) {
    .modules-page .center-section {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media only screen and (max-width: 520px) {
    .modules-page .center-section .social-share {
        margin: 0px auto 20px auto;
    }
}

.modules-page .center-section .social-share ul {
    list-style: none;
}

.modules-page .center-section .social-share ul li {
    display: block;
    float: left;
    padding: 5px 10px 0px 10px;
}

.modules-page .center-section .social-share ul li:first-child {
    color: #fff;
    padding-left: 0px;
    padding-top: 0px;
    font-size: 24px;
    display: table;
    width: 41px;
    height: 41px;
    background: #4a4949;
    text-align: center;
    margin-right: 20px;
}

.modules-page .center-section .social-share ul li:first-child i {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-left: 7px;
}

.modules-page .center-section .social-share ul li:last-child {
    padding-right: 0px;
}

.modules-page .center-section .social-share ul li a {
    color: #d7d7d7;
    font-size: 22px;
}

.modules-page .center-section .social-share ul li a:hover {
    color: #FF4100;
}

@media only screen and (max-width: 520px) {
    .modules-page .pagination {
        margin: 10px auto 0px auto;
    }
}

.modules-page .pagination .another-post {
    color: #FFF;
    background-color: #FF4100;
    float: left;
    margin-left: 20px;
    border: #FF4100 solid 2px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    min-height: 27px;
    min-width: 105px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 11px 0;
    font: 300 16px / 16px Palanquin;
    -webkit-transition: linear 0.3s all;
    -o-transition: linear 0.3s all;
    -moz-transition: linear 0.3s all;
    transition: linear 0.3s all;
}

@media only screen and (max-width: 520px) {
    .modules-page .pagination .another-post {
        margin-left: 0px;
    }
}

.modules-page .pagination .another-post:hover {
    background-color: #ffffff;
    border-color: #FF4100;
    color: #FF4100;
}

@media only screen and (max-width: 520px) {
    .modules-page .pagination .right {
        margin-left: 5px;
    }
}

@media only screen and (max-width: 520px) {
    .modules-page .pagination .left {
        margin-right: 5px;
    }
}

.modules-page .portfolio-free-quote .free-quote .container {
    max-width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.modules-page .portfolio-free-quote .free-quote .container .cta-secondary, .modules-page .portfolio-free-quote .free-quote .container .button {
    border: 2px solid #ffffff;
    padding: 14px 28px;
}

/********************************************************/
/******* Blog/product-page-listing-v2.scss *******/
/********************************************************/
.modules-page .product-page-listing-v2.hs-blog-listing {
    background-color: #fafafa;
}

.modules-page .product-page-listing-v2.hs-blog-listing .hs-breadcrumb-menu-divider:before {
    content: "/";
}

.modules-page .product-page-listing-v2.hs-blog-listing .hs-breadcrumb-menu-item {
    padding: 0px 0px 0px 10px;
}

.modules-page .product-page-listing-v2.hs-blog-listing .hs-breadcrumb-menu-item a {
    color: #626262;
    font-weight: 300;
}

.modules-page .product-page-listing-v2.hs-blog-listing .hs-breadcrumb-menu-item.last-crumb {
    font-weight: 600;
}

.modules-page .product-page-listing-v2.hs-blog-listing .hs-breadcrumb-menu-wrapper {
    float: right;
}

@media (max-width: 767px) {
    .modules-page .product-page-listing-v2.hs-blog-listing .hs-breadcrumb-menu-wrapper {
        float: left;
    }
}

.modules-page .product-page-listing-v2.hs-blog-listing .hs-breadcrumb-menu {
    margin: 2px 0 0 -11px;
}

.modules-page .product-page-listing-v2.hs-blog-listing .container {
    max-width: 1200px;
}

@media (max-width: 767px) {
    .modules-page .product-page-listing-v2.hs-blog-listing .container.blog-content-section {
        padding-left: 0;
        padding-right: 0;
    }
}

.modules-page .product-page-listing-v2.hs-blog-listing .blog-content-section .row-fluid-wrapper > .row-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 767px) {
    .modules-page .product-page-listing-v2.hs-blog-listing .blog-content-section .row-fluid-wrapper > .row-fluid {
        display: block;
    }
}

.modules-page .product-page-listing-v2.hs-blog-listing .hs-error-msgs a {
    font-size: 18px;
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-header {
    margin: 28px 0 -38px 26px;
}

@media (max-width: 767px) {
    .modules-page .product-page-listing-v2.hs-blog-listing .listing-header {
        margin: 28px 0 0px 0px;
    }
}

.modules-page .product-page-listing-v2.hs-blog-listing .view ul {
    list-style-type: none;
}

.modules-page .product-page-listing-v2.hs-blog-listing .view ul li {
    opacity: 0.5;
    float: left;
    margin-right: 8px;
    cursor: pointer;
    margin-bottom: 15px;
}

.modules-page .product-page-listing-v2.hs-blog-listing .view ul li.active {
    opacity: 1;
}

.modules-page .product-page-listing-v2.hs-blog-listing .post-header {
    margin: 50px 0 30px;
}

.modules-page .product-page-listing-v2.hs-blog-listing hr {
    clear: both;
    border-bottom: 1px solid #f6f6f6;
    border-top: 0;
}

.modules-page .product-page-listing-v2.hs-blog-listing .widget-type-cta {
    margin: 50px 0 40px 30px;
}

@media (max-width: 767px) {
    .modules-page .product-page-listing-v2.hs-blog-listing .widget-type-cta {
        margin: 50px 0 40px 0;
    }
}

.modules-page .product-page-listing-v2.hs-blog-listing .pagination {
    width: 100%;
    padding-left: 30px;
    margin-bottom: 32px;
    cursor: auto;
}

@media (max-width: 767px) {
    .modules-page .product-page-listing-v2.hs-blog-listing .pagination {
        padding-left: 0;
    }
}

.modules-page .product-page-listing-v2.hs-blog-listing .pagination .disabled {
    display: none;
}

.modules-page .product-page-listing-v2.hs-blog-listing .pagination li {
    display: inline-block;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 4px;
}

.modules-page .product-page-listing-v2.hs-blog-listing .pagination li a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    color: #626262;
    display: block;
    line-height: 22px;
    border: solid 1px #ebebeb;
    height: 27px;
    width: 24px;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
}

.modules-page .product-page-listing-v2.hs-blog-listing .pagination li a:hover {
    background-color: #FF4100;
    border: solid 1px #FF4100;
    color: #fff;
}

.modules-page .product-page-listing-v2.hs-blog-listing .pagination li.active a {
    background-color: #FF4100;
    border: solid 1px #FF4100;
    color: #fff;
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper {
    margin-left: 10px;
    padding-right: 20px;
}

@media (max-width: 767px) {
    .modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper {
        margin-left: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog {
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    opacity: 1;
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog .single-post {
    position: relative;
    margin-top: 60px;
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog .featured-image {
    text-align: center;
}

@media (max-width: 767px) {
    .modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog .featured-image {
        text-align: left;
    }
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog .featured-image .image-wrapper {
    position: relative;
    max-width: 281px;
    display: inline-block;
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog img {
    width: 100%;
    max-width: 281px;
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog h3 {
    font-size: 40px;
    color: #626262;
    font-weight: 400;
    margin-top: -8px;
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog h3 {
        margin-top: 5px;
    }
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog .ribbon {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 130px;
    height: 130px;
    text-align: right;
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog .ribbon span {
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 24px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 145px;
    display: block;
    background: #79A70A;
    background: -webkit-gradient(linear, .modules-page left top, .modules-page left bottom, .modules-page from(#FF4100), .modules-page to(#FF4100));
    background: -webkit-linear-gradient(#FF4100 0%, .modules-page #FF4100 100%);
    background: -moz-linear-gradient(#FF4100 0%, .modules-page #FF4100 100%);
    background: -o-linear-gradient(#FF4100 0%, .modules-page #FF4100 100%);
    background: linear-gradient(#FF4100 0%, .modules-page #FF4100 100%);
    -webkit-box-shadow: 0 3px 10px -5px black;
    -moz-box-shadow: 0 3px 10px -5px black;
    box-shadow: 0 3px 10px -5px black;
    position: absolute;
    top: 31px;
    right: -31px;
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog .ribbon span:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #FF4100;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #FF4100;
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog .ribbon span:after {
    content: "";
    position: absolute;
    right: 3px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #FF4100;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #FF4100;
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog .content {
    font-size: 16px;
    color: #626262;
    font-weight: normal;
    text-align: justify;
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog .hover {
    display: none;
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog .button-inner {
    display: none;
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog a.button {
    margin-top: 25px;
    background-color: #FF4100;
    border-color: #FF4100;
    color: #ffffff;
    display: inline-block;
    padding: 12px 35px;
    position: absolute;
    bottom: 38px;
    right: 0;
    font-size: 16px;
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog a.button:hover {
    background-color: #ffffff;
    color: #FF4100;
}

@media (max-width: 1099px) {
    .modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog a.button {
        position: static;
    }
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog:first-child {
    padding-top: 0;
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog:last-child {
    padding-bottom: 0;
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper .listing-blog:last-child a.button {
    bottom: 0;
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .listing-header {
    margin: 28px 0 -37px 26px;
}

@media (max-width: 767px) {
    .modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .listing-header {
        margin: 28px 0 -37px 0px;
    }
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post {
    max-width: 384px;
    float: left;
    margin-left: 25px;
    padding-bottom: 0;
    margin-bottom: -17px;
}

@media (max-width: 767px) {
    .modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post {
        margin-left: 0;
    }
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post:nth-child(even) {
    margin-left: 35px;
}

@media (max-width: 767px) {
    .modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post:nth-child(even) {
        margin-left: 0;
    }
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post .button {
    display: none;
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post .content {
    display: none;
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post > .span7 {
    clear: both;
    margin-left: 0;
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post > .span7 h3 {
    font-size: 30px;
    margin-top: 15px;
    margin-left: 3px;
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post .featured-image {
    width: 100%;
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post .image-wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 379px;
    max-height: 379px;
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post .image-wrapper img {
    max-width: 379px;
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post .image-wrapper:hover .hover {
    clip: rect(0px, 379px, 379px, 0px);
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post .hover {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(74, 73, 73, 0.61);
    height: 100%;
    width: 100%;
    clip: rect(379px, 379px, 379px, 0px);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post .hover .button-inner {
    display: inline-block;
    background-color: #fff;
    color: #4a4949;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    padding: 12px 37px;
    position: absolute;
    white-space: nowrap;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.modules-page .product-page-listing-v2.hs-blog-listing .listing-wrapper.tiles .single-post a.button {
    display: none;
}

.modules-page .product-page-listing-v2.hs-blog-listing .right-sidebar {
    background-color: #fff;
    min-height: 545px;
    width: 100%;
    max-width: 311px;
}

@media (max-width: 992px) and (min-width: 768px) {
    .modules-page .product-page-listing-v2.hs-blog-listing .right-sidebar {
        max-width: 220px;
    }
}

@media (max-width: 767px) {
    .modules-page .product-page-listing-v2.hs-blog-listing .right-sidebar {
        min-height: 0px;
        width: 100%;
        max-width: none;
        height: 100%;
    }
}

.modules-page .product-page-listing-v2.hs-blog-listing .right-sidebar h4 {
    margin-left: 20px;
    color: #626262;
    font-size: 20px;
    font-weight: 600;
}

@media (max-width: 767px) {
    .modules-page .product-page-listing-v2.hs-blog-listing .right-sidebar h4 {
        margin-bottom: -10px;
    }
}

.modules-page .product-page-listing-v2.hs-blog-listing .sidebar-submenu {
    border: none;
}

.modules-page .product-page-listing-v2.hs-blog-listing .sidebar-submenu ul li a.active-child {
    background-color: #4a4949;
    color: #FFF;
}

.modules-page .product-page-listing-v2.hs-blog-listing .sidebar-submenu ul li.hs-item-has-children > ul.hs-menu-children-wrapper li a.active:before {
    content: "";
    display: block;
    background: #FF4100;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: -4px;
    top: 18px;
}

/********************************************************/
/******* Blog/product-page-post.scss *******/
/********************************************************/
.modules-page .product-single .hero-banner {
    margin-bottom: 0;
}

.modules-page .product-single .square-box {
    padding-top: 0;
}

.modules-page .product-single .lead-section {
    padding-top: 60px;
    padding-bottom: 60px;
}

.modules-page .product-single .lead-section.iphone-section {
    background-color: #4a4949;
    overflow: hidden;
}

.modules-page .product-single .lead-section.iphone-section .widget-type-header h1, .modules-page .product-single .lead-section.iphone-section .widget-type-header h2, .modules-page .product-single .lead-section.iphone-section .widget-type-header h3, .modules-page .product-single .lead-section.iphone-section .widget-type-header h4, .modules-page .product-single .lead-section.iphone-section .widget-type-header span, .modules-page .product-single .lead-section.iphone-section .widget-type-rich_text p, .modules-page .product-single .lead-section.iphone-section .widget-type-rich_text li, .modules-page .product-single .lead-section.iphone-section .widget-type-rich_text a:not(.cta_button), .modules-page .product-single .lead-section.iphone-section .widget-type-blog_content h1, .modules-page .product-single .lead-section.iphone-section .widget-type-blog_content h2, .modules-page .product-single .lead-section.iphone-section .widget-type-blog_content h3, .modules-page .product-single .lead-section.iphone-section .widget-type-blog_content h4, .modules-page .product-single .lead-section.iphone-section .widget-type-blog_content h5, .modules-page .product-single .lead-section.iphone-section .widget-type-blog_content h6, .modules-page .product-single .lead-section.iphone-section .widget-type-blog_content p, .modules-page .product-single .lead-section.iphone-section .widget-type-blog_content li, .modules-page .product-single .lead-section.iphone-section .widget-type-blog_content a:not(.cta_button), .modules-page .product-single .lead-section.iphone-section .widget-type-blog_content em, .modules-page .product-single .lead-section.iphone-section .widget-type-blog_content span {
    color: #fff;
}

.modules-page .product-single .lead-section.iphone-section .widget-type-blog_content ul li:before, .modules-page .product-single .lead-section.iphone-section .widget-type-blog_content p ul li:before, .modules-page .product-single .lead-section.iphone-section .widget-type-blog_content span ul li:before {
    background-image: url("//cdn2.hubspot.net/hubfs/685080/HubSpot_Template_Marketplace/Turbo_Sodium/assets/ul-list-white.png");
}

.modules-page .product-single .lead-section.iphone-section .widget-type-blog_content ol li:before, .modules-page .product-single .lead-section.iphone-section .widget-type-blog_content p ol li:before, .modules-page .product-single .lead-section.iphone-section .widget-type-blog_content span ol li:before {
    color: #fff;
}

.modules-page .product-single .lead-section.iphone-section .widget-type-rich_text a:not(.cta_button) {
    text-decoration: underline;
    cursor: pointer;
}

.modules-page .product-single .featured-box-white-bg {
    margin-top: 0;
    border-top: none;
    padding-bottom: 0;
}

.modules-page .product-single .featured-box-white-bg .square-box__content h4 {
    color: #626262;
}

.modules-page .product-single .featured-box-white-bg .square-box__image-container {
    background-color: transparent;
}

.modules-page .product-single .featured-box-white-bg .square-box__image-container .icon {
    color: #4a4949;
    font-size: 50px;
    line-height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #4a4949;
}

.modules-page .product-single .features {
    position: relative;
}

.modules-page .product-single .features .widget-type-custom_widget .span6 {
    width: 100%;
}

.modules-page .product-single .features .feature h3 {
    font-size: 20px;
    text-transform: none;
}

.modules-page .product-single .features .feature .icon {
    color: #4a4949;
}

.modules-page .product-single .features__image-container {
    margin-top: 70px;
    position: absolute;
    top: 0;
    left: 50%;
    width: 45%;
}

.modules-page .product-single .features__image-container img {
    -webkit-box-shadow: 0px 0px 10px 5px rgba(100, 100, 100, 0.2);
    -moz-box-shadow: 0px 0px 10px 5px rgba(100, 100, 100, 0.2);
    box-shadow: 0px 0px 10px 5px rgba(100, 100, 100, 0.2);
}

.modules-page .product-single__slider-section {
    width: 100%;
    float: left;
    margin-top: 50px;
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    .modules-page .product-single .features .feature {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .modules-page .product-single .features__image-container {
        position: relative;
        width: 100%;
        max-width: 100%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

/****************************************/
/* - XR - RESPONSIVES STYLES */
/****************************************/
@media (max-width: 1080px) and (min-width: 767px) {
    .modules-page .hs_cos_wrapper_type_custom_widget .span4 {
        width: 45%;
    }

    .modules-page header.header #menu ul li.hs-menu-depth-1 a {
        padding: 0 10px;
    }
}

/* Landscape tablets and medium desktops */
@media (min-width: 1200px) and (max-width: 1300px) {
    .modules-page .links a:last-child {
        margin-right: 67px;
    }
}

/* Large desktops and laptops */
@media (max-width: 1200px) {
    .modules-page header.header .hs-form {
        margin-right: -20px;
    }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .modules-page .social-footer ul li {
        margin: 0px 55px;
    }

    .modules-page .links a:last-child {
        margin-right: 50px;
    }

    .modules-page .team .slick-prev {
        left: 0px;
        top: 27%;
    }

    .modules-page .team .slick-next {
        right: 0px;
        top: 27%;
    }

    /* #menu is the original menu */
}

@media (min-width: 768px) and (max-width: 1059px) {
    .modules-page .individual-project-page .project-highlights .social {
        width: 130px;
    }

    .modules-page .individual-project-page .project-highlights .social li {
        padding-bottom: 10px;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .modules-page .social-footer ul li {
        margin: 0px 35px;
    }

    .modules-page .links a:last-child {
        margin-right: 50px;
    }

    .modules-page .search-form {
        display: none;
    }

    .modules-page .team .slick-prev {
        left: 0px;
        top: 26%;
    }

    .modules-page .team .slick-next {
        right: 0px;
        top: 27%;
    }
}

@media (max-width: 971px) {
    .modules-page header.header .search {
        display: none;
    }

    .modules-page header.header #menu ul {
        display: none;
    }

    .modules-page header.header .hs-form {
        line-height: normal;
        margin: 22px 15px 0 0;
    }

    .modules-page header.header .hs-form .field a {
        float: right;
        margin-top: -7px;
        font-size: 20px;
        z-index: 1000;
    }

    .modules-page header.header .hs-form .field a:after {
        z-index: 1000;
    }

    .modules-page .slicknav_menu {
        display: block;
        z-index: 1;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .modules-page .footer-info > .container > .span12 > .row-fluid-wrapper > .row-fluid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .modules-page .footer-info > .container > .span12 > .row-fluid-wrapper > .row-fluid > .span4:last-of-type {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .modules-page .social-footer .text {
        min-height: auto;
        text-align: center;
    }

    .modules-page .social-footer .text .hs_cos_wrapper_type_text {
        position: relative;
        margin-top: -10px;
        font-weight: 300;
        max-width: 350px;
        width: 100%;
        text-align: center;
    }

    .modules-page .homepage .product-cta .product .row-fluid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .modules-page .homepage .product-cta .product .row-fluid .span5 {
        position: relative;
    }

    .modules-page .homepage .product-cta .product .row-fluid .span5 img {
        position: relative;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .modules-page .homepage .homeslider .slide .content p {
        font-size: 15px;
    }

    .modules-page .homepage .portfolio .row-fluid .span3 {
        width: 100%;
        margin: 0px;
    }

    .modules-page .hs_cos_wrapper_type_custom_widget .span4 {
        margin-right: 0;
    }

    .modules-page .faq .questions .question {
        position: static !important;
    }

    .modules-page .our-capabilities-page .our-certifications {
        padding-bottom: 0px;
    }

    .modules-page .our-capabilities-page .our-certifications img {
        margin: 0 auto;
        margin-bottom: 50px;
        display: block;
    }

    .modules-page .our-capabilities-page .features .feature-image img {
        margin-bottom: 15px;
    }

    .modules-page .our-capabilities-page .individual-project-page .project-highlights .project-highlights-left {
        padding: 0;
    }

    .modules-page .our-capabilities-page .individual-project-page .project-highlights .project-highlights-left h1, .modules-page .our-capabilities-page .individual-project-page .project-highlights .project-highlights-left h2, .modules-page .our-capabilities-page .individual-project-page .project-highlights .project-highlights-left h3, .modules-page .our-capabilities-page .individual-project-page .project-highlights .project-highlights-left h4 {
        margin-bottom: 5px;
    }

    .modules-page .our-capabilities-page .individual-project-page .project-highlights .project-highlights-right {
        padding: 0;
    }

    .modules-page .our-capabilities-page .individual-project-page .project-summary .project-summary-left {
        padding: 0;
    }

    .modules-page .our-capabilities-page .individual-project-page .project-summary .project-summary-left img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .modules-page .our-capabilities-page .individual-project-page .project-summary .project-summary-right {
        padding: 0;
    }

    .modules-page .our-capabilities-page #hs-link-logo img {
        width: 188px !important;
    }

    .modules-page .our-capabilities-page header.header h1.logo a img {
        width: 188px !important;
    }

    .modules-page .our-capabilities-page header.header .hs-form {
        display: none;
    }

    .modules-page .our-capabilities-page header.header.fixed .slicknav_nav ul {
        padding-bottom: 17px;
    }

    .modules-page .our-capabilities-page .faq ul.filters li {
        margin-top: 25px;
    }

    .modules-page .our-capabilities-page .history .dashed-line {
        text-align: center;
    }

    .modules-page .our-capabilities-page .process-line {
        display: none !important;
    }

    .modules-page .our-capabilities-page .process_text {
        position: relative;
    }

    .modules-page .our-capabilities-page .process {
        padding-bottom: 25px;
    }

    .modules-page .our-capabilities-page .process h3 {
        margin-left: 110px;
    }

    .modules-page .our-capabilities-page .process p {
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 30px;
    }

    .modules-page .our-capabilities-page .process h2 {
        margin-bottom: 34px;
    }

    .modules-page .our-capabilities-page .progress_bars {
        margin-left: -15px !important;
        background-color: white;
    }

    .modules-page .our-capabilities-page .about-me-skills p {
        margin-bottom: 65px;
    }

    .modules-page .our-capabilities-page .see-more .cta_button {
        margin: 0 auto;
    }

    .modules-page .our-capabilities-page .header-landing .row-fluid .span10 {
        width: 82.905982906% !important;
        float: left !important;
    }

    .modules-page .our-capabilities-page .header-landing .row-fluid .span2 {
        width: 14.529914530000001% !important;
        float: left !important;
    }

    .modules-page .our-capabilities-page .social-footer .triangle {
        display: none;
    }

    .modules-page .our-capabilities-page .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
        float: none;
    }

    .modules-page .active-branch {
        width: 100%;
    }

    .modules-page .expertise {
        text-align: center;
    }

    .modules-page .history .dashed-line {
        width: 35%;
        float: left;
    }

    .modules-page .history .slick-history {
        width: 65%;
        float: left;
    }

    .modules-page .features .feature {
        text-align: center;
    }

    .modules-page .features .feature i {
        margin-bottom: 15px;
    }

    .modules-page .faq .questions {
        min-height: 420px;
        margin-top: 25px;
        border-top: 1px solid #393939;
    }

    .modules-page .faq-main h2 {
        font-size: 50px;
        color: #fff;
    }

    .modules-page .listing-blog .single-post h3 {
        margin-top: 10px;
    }

    .modules-page .team .slick-prev {
        left: 0px;
        top: 27%;
    }

    .modules-page .team .slick-next {
        right: 0px;
        top: 27%;
    }

    .modules-page .recent img {
        margin-top: 35px;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        width: 100% !important;
    }

    .modules-page .expertise .col-sm-4:before {
        background: none;
    }

    .modules-page .flex {
        display: initial;
    }

    .modules-page .what-i-do ul.social li a {
        margin-right: 10px;
    }

    .modules-page .see-more h2 {
        text-align: center;
        padding-top: 0px;
    }

    .modules-page .about-me-skills:before {
        display: none;
    }

    .modules-page .about-me-skills .change-color {
        position: relative;
    }

    .modules-page .what-i-do:before {
        display: none;
    }

    .modules-page #menu {
        display: none;
    }

    .modules-page .slicknav_menu {
        display: block;
    }

    .modules-page .portfolio .boxes a.box {
        height: 325px;
    }

    .modules-page .portfolio .boxes a.box h3 {
        top: 360px;
    }

    .modules-page .product .iphone {
        display: none;
    }

    .modules-page .social-footer ul li {
        margin: 0px 4px;
    }

    .modules-page .social-footer ul li a i {
        font-size: 35px;
    }

    .modules-page .social-footer .text {
        margin-bottom: 15px;
        font-size: 21px;
    }

    .modules-page .slick-next {
        right: 5px;
    }

    .modules-page .slick-prev {
        left: 5px;
    }

    .modules-page .slick-prev, .modules-page .slick-next {
        top: 40%;
    }

    .modules-page h1 {
        font-size: 47px;
    }

    .modules-page .skills h3.circle-title {
        margin: 0px 0px 55px 0px;
    }

    .modules-page .links a:last-child {
        margin-right: 67px;
    }

    .modules-page .footer {
        height: initial;
        line-height: 34px;
        overflow-x: hidden;
    }

    .modules-page .footer .links {
        text-align: left;
        white-space: nowrap;
    }

    .modules-page .footer .links a {
        line-height: inherit;
    }

    .modules-page .footer .links a:first-child {
        padding-left: 0px;
    }

    .modules-page .footer .copy {
        line-height: inherit;
    }

    .modules-page .footer .scroll-top {
        height: 100%;
        width: 60px;
    }

    .modules-page .footer.footer--landing .scroll-top {
        height: 60px;
        width: 60px;
        display: none;
    }

    .modules-page .footer.footer--landing .scroll-top i {
        line-height: 60px;
    }

    .modules-page .footer.footer--landing .scroll-top:hover i {
        line-height: 45px;
    }

    .modules-page .search-form {
        display: none;
    }

    .modules-page .mouse_scroll {
        display: none !important;
    }
}

/* Portrait phones and smaller */
@media (max-width: 415px) {
    .modules-page .services-main h1 {
        margin-top: 200px;
        font-size: 38px;
    }

    .modules-page .recent img {
        max-width: 200px;
    }

    .modules-page .expertise img {
        width: 100px;
        padding: 25px 0;
    }

    .modules-page .expertise .span10.text {
        padding: 0;
    }

    .modules-page .expertise .span10.text p {
        padding-bottom: 20px;
    }

    .modules-page .our-capabilities-page h1 {
        font-size: 40px;
    }

    .modules-page #counter .cta_button {
        margin: 0 auto !important;
    }

    .modules-page .see-more-cta {
        width: 170px;
        padding: 10px 21px;
    }

    .modules-page .faq-main h2 {
        margin-top: 100px;
        padding: 15px;
    }

    .modules-page .our-certifications img {
        width: 70px !important;
    }

    .modules-page .testimonials .person-container .person-left {
        text-align: center;
    }

    .modules-page .testimonials .person-container .person-right {
        text-align: center;
        padding-left: 10px;
        height: 100px;
    }

    .modules-page .testimonials .person-container .person-right p {
        padding-top: 15px;
    }

    .modules-page .testimonials .person-container img {
        display: inline-block;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    .modules-page .testimonials .person-container div {
        width: 100%;
        float: none;
    }

    .modules-page .history .dashed-line {
        width: 50%;
        float: left;
        margin-top: 150px;
    }

    .modules-page .history .slick-history {
        width: 50%;
        float: left;
    }

    .modules-page .portfolio-blog .portfolio-header h2 {
        font-size: 10vw;
    }
}

/* iphone 6S plus */
@media (max-width: 415px) and (max-height: 764px) and (min-width: 410px) {
    .modules-page .services-main h1 {
        margin-top: 250px;
    }
}

@media (max-width: 321px) {
    .modules-page h1 {
        font-size: 37px;
    }
}

@media (max-width: 768px) {
    .modules-page .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
        display: inline-block;
        max-width: initial;
        width: initial;
    }

    .modules-page .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
        display: inline-block;
        max-width: initial;
        width: initial;
    }

    .modules-page .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;
        max-width: initial;
        width: initial;
    }
}

/*# sourceMappingURL=template.css.map */
.modules-page .h1, .modules-page .h2, .modules-page .h3, .modules-page .h4, .modules-page .h5, .modules-page .h6, .modules-page h1, .modules-page h2, .modules-page h3, .modules-page h4, .modules-page h5, .modules-page h6 {
    font-family: 'Ubuntu', sans-serif;
}

.modules-page section.hero h1 {
    font-size: 36px;
    font-weight: 300;
    text-align: left;
    text-transform: none;
    color: #FF4100;
}

/* Rock Custom CSS */
.modules-page .features-overview-header h2 {
    color: white;
    margin-bottom: 80px;
    text-transform: capitalize;
    font-weight: 300;
}

.modules-page h2 {
    font-size: 36px;
}

.modules-page #cta_button_3954780_6dda6c31-6839-4fc1-a93f-ddcf7924767a {
    display: none;
}

.modules-page .brands-slider__section {
    background-color: #eaeaea;
}

.modules-page .past_customers {
    background-color: #eaeaea;
}

.modules-page .hero-banner .mask, .modules-page .hero-banner .separator--contact__mask {
    background-color: white;
}

.modules-page .hero-banner .hero-banner-wrap h1 {
    text-transform: capitalize;
    color: #5B5B5B;
    font-size: 50px;
}

.modules-page .hero-banner .hero-banner-wrap h2 {
    color: #5B5B5B;
    text-transform: none;
}

.modules-page .hero-banner {
    height: 75vh;
}

.modules-page .text-and-image-overflow .container-fluid .text-wrapper .text-content .left-right-features h2 {
    font-size: 36px;
    font-weight: 300;
}

.modules-page .text-and-image-overflow .container-fluid .text-wrapper .text-content .left-right-features h3 {
    font-size: 20px;
    font-weight: 600;
}

.modules-page .text-and-image-overflow .container-fluid .text-wrapper .text-content .left-right-features hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-width: 1px;
    border-color: #dedede4d;
}

.modules-page a#cta_button_3954780_6a6bf3e1-a487-419c-8ad5-571c87fa0cc4:hover {
    background-color: white;
    color: rgb(255, 71, 0);
    border-width: 1px;
    border-color: rgb(255, 71, 0);
}

/*Removing images in module*/
.modules-page element.style {
    background-image: none;
}

.modules-page .widget-type-rich_text--standard h2 span {
    color: #FFFFFF;
    font-size: 18px;
    text-align: center;
    letter-spacing: 1px;
    margin-top: 0px;
}

.modules-page .feature-yolk-box__header {
    font-size: 20px;
}

.modules-page a#cta_button_3954780_e65b83ed-2a17-4fbc-8c6c-94a37382b4f4 {
    background-color: #ff4000;
}

.modules-page section.hero h1 {
    color: #595959;
}

.modules-page #hs_cos_wrapper_module_1537180756438591_ > h2 {
    font-size: 36px;
    font-weight: 300;
    color: #626262;
    text-transform: none;
}

.modules-page .video-module__label {
    font-size: 40px;
}

.modules-page .features-section:before {
    display: none;
}

.modules-page #hs_cos_wrapper_module_1537258249201257_ {
    font-size: 30px;
    font-weight: 300;
    text-transform: none;
}

.modules-page .bottom-page-cta {
    background-color: white;
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 65px 15px;
    border: 2px solid #f1f7fb;
}

.modules-page .enforce.container {
    margin-left: auto !important;
    float: none !important;
}

body.modules-page, .modules-page a, .modules-page h1, .modules-page h2, .modules-page h3, .modules-page h4, .modules-page h5, .modules-page p, .modules-page span, .modules-page div, .modules-page ul, .modules-page li, .modules-page input, .modules-page span, .modules-page textarea {
    font-weight: 300;
}

.modules-page .bottom-page-cta span.hs-cta-wrapper {
    margin-left: 40px;
}

@media (max-width: 767px) {
    .modules-page .text-and-image-overflow .text-content {
        transform: initial !important;
        top: initial !important;
        position: initial !important;
    }

    .modules-page .text-and-image-overflow .text-wrapper {
        order: initial !important;
    }

    .modules-page .bottom-page-cta span {
        text-align: center !important;
        display: block;
    }

    .modules-page .bottom-page-cta span.hs-cta-wrapper {
        display: block;
        margin: 20px;
    }
}


/* Hacks to fix other templates */
.body-container-wrapper {
    padding: 0;
}

/* Fix Animation on Home screen */
.modules-page .feature-mocup__iphone2-screen-container {
    top: 55px;
    left: 0;
    right: 0;
    margin: auto;
    width: 199px;
    height: 366px;
}

.modules-page .feature-yolk-box__description {
  font-weight: 300;
}

.modules-page .text-and-image-overflow .text-wrapper h1,
.modules-page .text-and-image-overflow .text-wrapper h2 {
  margin-top: 0;
}

.modules-page .feature-yolk-box__description a {
    color: white !important;
    font-weight: bold;
}

.modules-page #hs_cos_wrapper_widget_1537832072462 {
    max-width: 600px;
    margin: 0 auto 8vh;
}

.modules-page #hs_cos_wrapper_widget_1537832072462 h3 {
  text-align: center;
}

.modules-page #hs_cos_wrapper_widget_1537832072462 input[type="submit"] {
  	margin: 0 auto;
  	display: block;
    border-radius: 6px !important;
    border-width: 0px;
    color: rgb(255,255,255);
    font-family: sans-serif;
    height: auto;
    transition: all .4s ease;
    padding: 2px 35px !important;
    text-shadow: none;
    width: auto;
    font-size: 24px;
    line-height: 1.5em;
}

/* Fixing pricing module at the /pricing page */
.modules-page .pricing-custom section.pricing-box__container .hs_cos_wrapper_type_widget_container {
    padding: 150px 0 45px 0 !important;
}


/* Fixing custom pricing module with text on the right - used at the home screen */
@media (max-width: 767px) {
    .modules-page .pricing-main-section .special .widget-type-widget_container {
        width: auto !important;
    }

    .modules-page .pricing-main-section .special section.pricing-box__container .hs_cos_wrapper_type_widget_container {
        padding: 15px 0 18px 0 !important;
    }

    .modules-page .pricing-main-section .special section.pricing-box__container+div.widget-type-widget_container {
        padding: 0 30px 220px !important;
    }
}


/* Skot Reviewed Bullets style */
.modules-page .hs_cos_wrapper_type_rich_text ul {
  padding-left: 17px;
  margin-bottom: 20px;
}
.modules-page .hs_cos_wrapper_type_rich_text ul li:before {
  width: 8px;
  height: 8px;
  left: -17px;
  top: 8px;
  font-size: 28px;
  line-height: 9px;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

/* New Pricing Background Image */
.modules-page .pricing-main-section {
    background: #fff url(//www.softphone.com/hubfs/assets/images/briateams/pricing-container-background.png) center bottom no-repeat;
}

#hs_cos_wrapper_post_body {
  display: block;
}

/* Custom Headers for Blog - reviewed by Skot on 2018-11-30 - applied by Armin */
.blog-post-wrapper h1,
.blog-post-wrapper h2,
.blog-post-wrapper h3,
.blog-post-wrapper h4,
.blog-post-wrapper h5,
.blog-post-wrapper h6 {
    font-family: 'Ubuntu',sans-serif !important;
    color: #43484d !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  	padding: 0 !important;
}

.blog-post-wrapper h1 {
    font-size: 40px !important;
    line-height: 50px !important;
    font-weight: 300 !important;
    letter-spacing: 1px !important;
    margin: 0 0 20px !important;
}

.blog-post-wrapper h2 {
    font-size: 35px !important;
    line-height: 45.5px !important;
    font-weight: 400 !important;
    margin: 15px 0 !important;
}

.blog-post-wrapper h3 {
    font-size: 34px !important;
    line-height: 47.6px !important;
    font-weight: 300 !important;
    letter-spacing: .5px !important;
    margin: 0 0 15px !important;
}

.blog-post-wrapper h4 {
    font-size: 22px !important;
    line-height: 30.8px !important;
    font-weight: 400 !important;
}

.blog-post-wrapper h5 {
    font-size: 18px !important;
    line-height: 25.2px !important;
    font-weight: 500 !important;
}

.blog-post-wrapper h6 {
    font-size: 16px !important;
    line-height: 22.4px !important;
    font-weight: 500 !important;
}

.blog-post-wrapper p {
    color: #6a6a6a !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 300 !important;
    letter-spacing: .5px !important;
    margin: 15px 0 !important;
    padding: 0 !important;
}

.blog-post-wrapper p::after {
  content: "";
  padding: 0 0 1px !important;
}

.blog-post-wrapper img {
    margin: 25px 0 !important;
  	padding: 0 !important;
}

/* Fixing Princing Chart text that overlaps and Copyright text that was cutting out, based on MRKTNG-245 */
@media (min-width: 768px) and (max-width: 820px) {
    .modules-page .pricing-box-paragraph p[style^='font-size: 18px'] {
        margin: 0 0 10px;
    }
    .modules-page .pricing-box-paragraph p[style^='font-size: 18px'] span {
        line-height: 20px;
    }
}

@media (min-width: 870px) and (max-width: 1018px) {
    .modules-page section.footer .row-fluid-wrapper > .row-fluid {
        display: flex;
    }

    .modules-page section.footer .row-fluid-wrapper > .row-fluid > div {
        width: auto;
    }
}

@media (min-width: 768px) and (max-width: 869px) {
    .modules-page section.footer {
        height: 118px;
    }

    .modules-page section.footer .row-fluid-wrapper > .row-fluid {
        display: block;
    }

    .modules-page section.footer .row-fluid-wrapper > .row-fluid > div {
        width: 100%;
        display: block;
        margin: 0;
        text-align: left;
        float: left;
        height: 30px;
    }
}