@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,400italic,300,100,700&subset=latin,latin-ext');

:root {
    --emc-color-orange-primary: #FE9400;
    --emc-color-orange-warnings: #FFB600;
    --emc-color-red-errors: #FF013C;
    --emc-color-green-buttons: #01C176;
    --emc-color-blue-links: #0271FF;

    --emc-color-purple-font-main: #3B2C44;
    --emc-color-grey-font-aux: #979797;
    --emc-color-grey-bgr: #E6E6E6;
    --emc-color-grey-bgr-medium: #F7F7F7;
    --emc-color-grey-bgr-soft: #FBFBFB;
}

* {
    box-sizing: border-box !important;

    /* --- Text Adjust Fix --- */
    font-size-adjust: 0.47;
    -webkit-text-size-adjust: 47%;
    -ms-text-size-adjust: 47%;
    text-size-adjust: 47%;
    /* --- END Text Adjust Fix --- */

}

html {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

html * {
    margin: 0;
    padding: 0;
}

html a:hover, html a:active, html *:focus {
    outline: none;
}

html body {
    font-size: 14px;
}

@media only screen and (min--moz-device-pixel-ratio: 2),
        only screen and (-o-min-device-pixel-ratio: 2/1),
        only screen and (-webkit-min-device-pixel-ratio: 2),
        only screen and (min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    * {
        font-size-adjust: auto;
        -webkit-text-size-adjust: auto;
        -ms-text-size-adjust: auto;
        text-size-adjust: auto;
    }
}

/* !--- Bootstrap Override For 7 Columns ---! */

@media (min-width: 480px){
    .col-sm-offset-1-5 {
        margin-left: auto;
    }
}

@media (min-width: 768px){
    .container-seven-cols .col-md-1,
    .container-seven-cols .col-sm-1,
    .container-seven-cols .col-lg-1  {
        width: 100%;
        *width: 100%;
    }

    .col-sm-offset-1-5 {
        margin-left: calc(8.33333333% * 1.5);
    }
}

@media (min-width: 992px) {
    .container-seven-cols .col-md-1,
    .container-seven-cols .col-sm-1,
    .container-seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
    }

    .col-sm-offset-1-5 {
        margin-left: calc(8.33333333% * 1.5);
    }
}

@media (min-width: 1200px) {
    .container-seven-cols .col-md-1,
    .container-seven-cols .col-sm-1,
    .container-seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
    }

    .col-sm-offset-1-5 {
        margin-left: calc(8.33333333% * 1.5);
    }
}

/* !--- Bootstrap Override for Flexbox rows ---! */

.row.row-flex {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.row.row-flex.flex-top {
    align-items: stretch;
}

.row.row-flex.flex-start {
    align-items: flex-start;
}

.row.row-flex.flex-children > [class*='col-'] {
    display: flex;
}

@media (max-width: 991px) {
    .row.row-flex:not(.flex-always) {
        display: block;
        flex-direction: column;
    }

    .row.row-flex.row-reverse {
        display: flex;
        flex-direction: column;
        flex-flow: column-reverse;
    }

    .row.row-flex [class*='col-'] {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .row.row-flex:not(.flex-always) [class*='col-']:first-child {
        /* padding-top: 0; */
    }

    .row.row-flex:not(.flex-always) [class*='col-']:last-child {
        padding-bottom: 0;
    }

    .row.row-flex.row-reverse [class*='col-']:first-child {
        padding-top: 15px;
        padding-bottom: 0;
    }

    .row.row-flex.row-reverse [class*='col-']:last-child {
        padding-top: 0;
        padding-bottom: 15px;
    }
}

/* !--- Bootstrap Override for Container at 1200px width ---! */

@media (min-width: 1200px) {
    .container {
        
    }
}

/* !--- Temporary CSS - to divide into components and refactor with SASS ---! */

/* --- FANCYBOX --- */

.fancybox-bg {
    width: 100%;
    height: 100%;
}

/* --- END FANCYBOX --- */

/* --- Main SASS file (basic styles, entry point for other components) --- */

#holder {
    min-width: 0;
}

#emcBlog .emc-container:not(:last-of-type) {
    margin-bottom: 32px;
}

#homepage-new {
    font-size: 100%;
}

#homepage-new a.screenshot {
    border: 1px solid #E6E6E6;
    overflow: hidden;
    display: block;
}

#homepage-new .emc-settings-block a.screenshot {
    float: left;
    width: 250px;
    max-height: 100%;
}

#homepage-new a.screenshot img {
    margin: -1px;
}

#homepage-new a.screenshot {
    transition: box-shadow 0.25s ease;
    -webkit-transition: box-shadow 0.25s ease;
    -o-transition: box-shadow 0.25s ease;
    -moz-transition: box-shadow 0.25s ease;
}

#homepage-new a.screenshot:hover {
    box-shadow: 0 1px 8px rgba(52, 140, 229, 0.25);
}

.emc-custom-input-text {
    position: absolute;
    color: #FFFFFF;
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none;
}

.emc-custom-fixed-height {
    min-height: 467px!important;
}

.emc-custom-floating-img {
    display: block;
    float: right;
    clear: left;
}

.emc-custom-info-icon {
    border-radius: 50%;
    border: 1px solid #9b9b9b;
    color: #9b9b9b!important;
    font-weight: 500;
    font-size: calc(11px + (13 - 11) * ((100vw - 320px) / (1920 - 320)));
    line-height: 16px;
    text-align: center;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 8px;
}

.emc-scroll-button {
    display: block;
    position: relative;
    width: 48px;
    height: 48px;
    background: #FE9400;
    margin: 0 auto;
    border-radius: 50%;
    cursor: pointer;
}

.emc-scroll-button span {
    position: relative;
    display: block;
    height: 48px;
}

.emc-scroll-button span::before {
    content: "";
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    border-left: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -8px;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.emc-scroll-button span.animated {
    -webkit-animation-timing-function: ease-in-out;
    -webkit-transform-origin: 0 0 -12px;
    -webkit-animation-name: arrow;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -ms-transform-origin: 0 0 -12px;
    animation-timing-function: ease-in-out;
    transform-origin: 0 0 -12px;
    animation-name: arrow;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@-webkit-keyframes arrow {
    0% {
        -webkit-transform: translate3d(0, 0, 10px) rotateX(37deg);
        opacity: 0;
    }
    20% {
        -webkit-transform: translate3d(0, 0, 10px) rotateX(0);
        opacity: 1;
    }
    60% {
        -webkit-transform: translate3d(0, 0, 10px) rotateX(0);
        opacity: 1;
    }
    80% {
        -webkit-transform: translate3d(0, 0, 10px) rotateX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 10px) rotateX(-45deg);
        opacity: 0;
    }
}
@keyframes arrow {
    0% {
        transform: translate3d(0, 0, 10px) rotateX(37deg);
        opacity: 0;
    }
    20% {
        transform: translate3d(0, 0, 10px) rotateX(0);
        opacity: 1;
    }
    60% {
        transform: translate3d(0, 0, 10px) rotateX(0);
        opacity: 1;
    }
    80% {
        transform: translate3d(0, 0, 10px) rotateX(0);
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 10px) rotateX(-45deg);
        opacity: 0;
    }
}

#IcewarpBlue img {
    margin-top: 1px;
    margin-left: 2px;
}

pre {
    display: block;
    background: #FBFBFB;
    border: none;
    border-left: 3px solid #E6E6E6;
    border-radius: 0;
    padding: 16px 8px!important;
    margin: 8px 0!important;
}

pre code {

}

p {
    font-weight: 300;
    font-stretch: normal;
    line-height: 22px;
    color: #080809;
}

span {
    font-weight: 300;
    letter-spacing: 0.4px;
}

a:link, a:visited {
    color: #FE9400;
    text-decoration: none;
}

a:hover, a:active {
    color: #FE9400;
    text-decoration: underline;
}

a.reversed:link, a.reversed:visited {
    color: #3B2C44;
}

a.reversed:hover, a.reversed:active {
    color: #FE9400;
}

.text-intro a > img {
    margin-top: -4px;
}

b, strong {
    font-weight: 500;
}

b span,
strong span {
    font-weight: 500;
}

label {
    font-weight: 300;
}

label.for-input {
    display: block;
}

img.emc-parent-width {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.emc-form--default label.for-input {
    line-height: 48px;
}

i.fa.is-current {
    /*color: #454646;*/
}

*[id*="emc"] {
    font-family: 'Roboto', sans-serif;
    font-size: 100%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 22px;
}

*[id*="emc"] * {
    box-sizing: border-box!important;
}

*[id*="emc"] h1,
*[id*="emc"] h2,
*[id*="emc"] h3 {
    margin: 0;
    padding: 0;
}

*[id*="emc"] p {
    font-weight: 300;
    font-stretch: normal;
    text-align: center;
}

*[id*="emc"] p:first-of-type:not(.emc-typo--limited-width),
*[id*="emc"] p:only-of-type:not(.emc-typo--limited-width) {
    margin: 0;
}

*[id*="emc"] p:not(:first-of-type) {
    margin: 16px 0;
}

*[id*="emc"] p:not(:only-of-type):last-of-type {
    margin: 16px 0 0 0;
}

*[id*="emc"] img + p:nth-of-type(2) {
    margin-top: 0;
}

*[id*="emc"] p.no-margin {
    margin: 0 0 0 0!important;
}

*[id*="emc"] a:link,
*[id*="emc"] a:visited {
    color: #FE9400;
    text-decoration: none;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
}

*[id*="emc"] a:hover,
*[id*="emc"] a:active {
    color: #FE9400;
    text-decoration: underline;
}

*[id*="emc"] input[type="text"]:focus,
*[id*="emc"] input[type="email"]:focus,
*[id*="emc"] input[type="password"]:focus,
*[id*="emc"] select:focus {
    border: 1px solid #0271FF!important;
}

*[id*="emc"] input[type="image"],
*[id*="emc"] button,
*[id*="emc"] input[type="submit"] {
    background-image: none;
}

::placeholder {
    color: #b6b6b6;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #b6b6b6;
}

::-ms-input-placeholder {
    color: #b6b6b6;
}

*[id*="emc"] img {
    margin: auto;
    outline: none;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

*[id*="emc"] input,
*[id*="emc"] select,
*[id*="emc"] input:hover,
*[id*="emc"] select:hover {
    outline: none;
}

*[id*="emc"] hr {
    height: 1px;
    width: 100%;
    border: none;
    background: #E6E6E6;
}

#emcSuccessStories hr {
    width: 180px;
}

*[id*="emc"] hr.emc-line--force-full-width {
    margin-left: -32px;
    margin-right: -32px;
    width: calc(100% + 64px);
}

*[id*="emc"] li p {
    font-size: inherit;
}

*[id*="emc"] .emc-image-container.emc-image-container--simple {
    width: 32px;
    height:32px;
    margin: 0 8px 0 0;
    float: left;
}

*[id*="emc"] .emc-image-container.emc-image-container--simple img {
    width: 100%;
}

*[id*="emc"] .emc-image-container.emc-image-container--standalone {
    float: left;
    margin-bottom: 32px;
    margin-right: 32px;
    width: 120px;
}

*[id*="emc"] .emc-image-container.emc-image-container--standalone img {
    margin: auto;
    display: block;
}

*[id*="emc"] .emc-image-container[data-title] {
    display: block;
    position: relative;
    margin: 0 auto;
    padding-bottom: 24px;
    font-size: 11px;
    width: 28px;
    text-align: center;
}

*[id*="emc"] .emc-image-container[data-title] img {
    width: 100%;
}

*[id*="emc"] .emc-image-container[data-title]::after {
    content: attr(data-title);
    display: block;
    font-weight: 500;
    text-align: center;
    position: absolute;
    top: 32px;
    left: 50%;
    transform: translateX(-50%);
}

/* --- LAYOUT (sections, containers) --- */

.emc-layout-wrapper {
    width: 100%;
    overflow: hidden;
    background: #FFFFFF;
}

.emc-layout-wrapper .emc-section {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
}

.emc-layout-wrapper .emc-section#TrustedBy a img {
    filter: none;
    transition: filter 0.25s ease-in-out;
}

.emc-layout-wrapper .emc-section#TrustedBy a:hover img {
    filter: brightness(0.5);
}

.emc-layout-wrapper .emc-section#BoostYourProductivity {
    overflow: initial;
    height: auto;
}

@media (max-width: 768px) {
    .emc-layout-wrapper .emc-section#BoostYourProductivity {
        /*height: 750px;*/
    }
}

@media (max-width: 640px) {
    .emc-layout-wrapper .emc-section#BoostYourProductivity {
        /*height: 680px;*/
    }
}

@media (max-width: 480px) {
    .emc-layout-wrapper .emc-section#BoostYourProductivity {
        /*height: 620px;*/
    }
}

.emc-layout-wrapper .emc-section#BoostYourProductivity .emc-offset {
    overflow: initial;
}

.emc-layout-wrapper .emc-section#BoostYourProductivity span,
.emc-layout-wrapper .emc-section#DesignedForTeams span,
.emc-layout-wrapper .emc-section#BoostYourProductivity2 span,
.emc-layout-wrapper .emc-section#Pricing .container span,
.emc-layout-wrapper .emc-section#FeaturesMain span {
    display: block;
    margin: 0 auto;
    font-weight: 500;
}

.emc-layout-wrapper .emc-section#FeaturesMain.extended-offset .emc-offset {
    padding-bottom: 97px;
}

.emc-layout-wrapper .emc-section#HowItWorks {
    overflow: unset;
}

.emc-layout-wrapper .emc-section#FeaturesMain span {
    display: inline-block;
    width: 210px;
    text-align: center !important;
}

a:hover span.what-platform {
    text-decoration: none!important;
}

@media (max-width: 991px) {
    .emc-layout-wrapper .emc-section#FeaturesMain span {
        display: block;
        margin: 0 auto;
    }
}

.emc-layout-wrapper .emc-section#BoostYourProductivity span i,
.emc-layout-wrapper .emc-section#DesignedForTeams span i,
.emc-layout-wrapper .emc-section#BoostYourProductivity2 span i,
.emc-layout-wrapper .emc-section#Pricing .container span i,
.emc-layout-wrapper .emc-section#FeaturesMain span i {
    display: inline-block;
    margin: 0 0 0 8px;
}

.emc-layout-wrapper .emc-section#BoostYourProductivity span i.fa-windows,
.emc-layout-wrapper .emc-section#DesignedForTeams span i.fa-windows,
.emc-layout-wrapper .emc-section#BoostYourProductivity2 span i.fa-windows,
.emc-layout-wrapper .emc-section#Pricing .container span i.fa-windows,
.emc-layout-wrapper .emc-section#FeaturesMain span i.fa-windows {
    margin: 0 0 0 4px;
}

.emc-layout-wrapper .emc-section.emc-section--long .emc-image-wrapper,
.emc-layout-wrapper .emc-section#MessageEncryptionAndOthers .emc-image-wrapper {
    display: block;
    width: 100%;
    position: relative;
}

.emc-layout-wrapper .emc-section.emc-section--long .emc-image-wrapper > img,
.emc-layout-wrapper .emc-section#MessageEncryptionAndOthers .emc-image-wrapper > img {
    display: block;
    width: 100%;
}

.emc-layout-wrapper .emc-section.emc-section--long .emc-image-wrapper.screenshot > img {
    box-shadow: 0 8px 64px rgba(0,0,0,0.125);
    border-radius: 4px;
}

.emc-layout-wrapper .emc-section.emc-section--long .emc-typo--limited-width,
.emc-layout-wrapper .emc-section[id*='AndOthers'] .emc-typo--limited-width,
.emc-layout-wrapper .emc-section#SuperSimpleImport .emc-typo--limited-width {
    margin: 0;
}

.emc-layout-wrapper .emc-section[id*='AndOthers'] .emc-image-wrapper > img {
}

@media (max-width: 991px) {
    .emc-layout-wrapper .emc-section.emc-section--long .emc-typo--limited-width,
    .emc-layout-wrapper .emc-section[id*='AndOthers'] .emc-typo--limited-width,
    .emc-layout-wrapper .emc-section#SuperSimpleImport .emc-typo--limited-width {
        margin: 0 auto;
    }

    .emc-layout-wrapper .emc-section[id*='AndOthers'] .emc-image-wrapper > img {
        margin: 0 auto;
        max-width: 500px;
    }

    .emc-layout-wrapper .emc-section[id*='AndOthers'] .extra-padding,
    .emc-layout-wrapper .emc-section[id*='AndOthers'] [class*='no-padding-'] {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }

    .emc-layout-wrapper .emc-section[id*='AndOthers'] [class*='col-']:first-child {
        margin-bottom: 32px;
    }

    .emc-layout-wrapper .emc-section[id*='AndOthers'] .row-reverse [class*='col-']:first-child {
        margin-bottom: 0;
    }

    .emc-layout-wrapper .emc-section[id*='AndOthers'] .row-reverse [class*='col-']:nth-child(2) {
        margin-bottom: 32px;
    }
}

.emc-layout-wrapper .emc-section#MessageEncryptionAndOthers .emc-image-wrapper.float-right > img {
    width: 300px;
    margin: 0 auto;
}

.emc-layout-wrapper .emc-section.emc-section--long:not(#MessageEncryptionAndOthers) .emc-image-wrapper.screenshot.float-right > img {
    display: block;
    float: right;
    width: calc(45vw - 15px);
    max-width: 960px;
}

@media (max-width: 991px) {
    .emc-layout-wrapper .emc-section.emc-section--long:not(#MessageEncryptionAndOthers) .emc-image-wrapper.screenshot.float-right > img {
        float: none;
        width: 100%;
        margin: 0 auto;
    }
}

.emc-layout-wrapper .emc-section#MessageEncryptionAndOthers .emc-image-wrapper.float-left > img {
    width: 350px;
    float: left;
}

@media (max-width: 991px) {
    .emc-layout-wrapper .emc-section#MessageEncryptionAndOthers .emc-image-wrapper.float-left > img {
        width: 350px;
        float: none;
        margin: 0 auto;
    }
}

.emc-layout-wrapper .emc-section#CheckHowBasicsWork a svg path {
    fill: #FE9400;
    transition: fill 0.125s ease;
}

.emc-layout-wrapper .emc-section#CheckHowBasicsWork a:hover svg path {
    fill: #3B2C44;
}

.emc-layout-wrapper .emc-section#BoostYourProductivity .emc-image-wrapper {
    display: block;
    position: relative;
    left: 0;
    padding: 0 10vw;
    width: 100%;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .emc-layout-wrapper .emc-section#BoostYourProductivity .emc-image-wrapper {
        padding: 0 5vw;
    }
}

.emc-layout-wrapper .emc-section#BoostYourProductivity .emc-image-wrapper img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 816px;
    border-radius: 8px;
    box-shadow: 0 8px 64px rgba(0,0,0,0.125);
}

.emc-layout-wrapper#emcCompatibilityParent [class*='col-'] a:hover,
.emc-layout-wrapper#emcCompatibilityParent [class*='col-'] a:hover p,
.emc-layout-wrapper#emcCaseStudiesParent [class*='col-'] a:hover,
.emc-layout-wrapper#emcCaseStudiesParent [class*='col-'] a:hover span {
    text-decoration: none !important;
}

.emc-layout-wrapper .emc-section#FullyFeatured .emc-image-wrapper {
    display: block;
    margin: 0;
    width: 100%;
}

.emc-layout-wrapper .emc-section#FeaturesMain .emc-image-wrapper {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.emc-layout-wrapper .emc-section#FeaturesMain .emc-image-wrapper.float {
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: -150px;
}

.emc-layout-wrapper .emc-section#FeaturesMain .emc-image-wrapper.float img {
    width: 150%;
}

@media (max-width: 991px) {
    .emc-layout-wrapper .emc-section#FullyFeatured .emc-image-wrapper {
        display: none;
    }

    .emc-layout-wrapper .emc-section#FullyFeatured .emc-offset,
    .emc-layout-wrapper .emc-section#SuperSimpleImport .emc-offset {
        
    }

    .emc-layout-wrapper .emc-section#FullyFeatured .emc-offset {
        
    }
}

.emc-layout-wrapper .emc-section#FullyFeatured .emc-image-wrapper img,
.emc-layout-wrapper .emc-section#FeaturesMain .emc-image-wrapper img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 400px;
}

.emc-layout-wrapper .emc-section#FeaturesMain .emc-image-wrapper img {
    max-width: none;
    width: 200px;
}

.emc-layout-wrapper .emc-section#MakeeMClientYourOwn .emc-image-wrapper img {
    width: 100%;
}

.emc-layout-wrapper .emc-section#ExploreOutstandingMix .emc-offset {
    overflow: initial;
}

.emc-layout-wrapper .emc-section#ExploreOutstandingMix .emc-image-wrapper {
    display: block;
    width: 100%;
    margin: 0 auto;
}

@media (max-width: 991px) {
    .emc-layout-wrapper .emc-section#ExploreOutstandingMix .emc-image-wrapper {
        display: none;
    }
}

.emc-layout-wrapper .emc-section#ExploreOutstandingMix .emc-image-wrapper img {
    display: block;
    width: auto;
    max-width: 960px;
}

.emc-layout-wrapper .emc-section#BreakOut .emc-offset {
    padding-top: 84px;
}

@media (max-width: 991px) {
    .emc-layout-wrapper .emc-section#MasterYourInbox .emc-offset {
        padding-top: 0;
    }

    .emc-layout-wrapper .emc-section#BreakOut .emc-offset {
        padding-top: 64px;
    }
}

.emc-layout-wrapper .emc-section#Pricing.emc-section--gradient {
    background: linear-gradient(0deg, rgba(254,148,0,0.16) 0%, rgba(254,148,0,0.06) 80%, rgba(254,148,0,0.02) 90%, rgba(255,255,255,1) 100%), url("/assets/img/emc_img_bgr_icons-2.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.emc-layout-wrapper .emc-section#Pricing + .emc-section.emc-section--empty {
    
}

@media screen and (max-width: 991px) {
    .emc-layout-wrapper .emc-section#Pricing + .emc-section.emc-section--empty {
        
    }
}

.emc-layout-wrapper .emc-section#Pricing,
.emc-layout-wrapper .emc-section#Pricing .emc-offset {
    overflow: initial;
}

.emc-layout-wrapper .emc-section#Pricing > .emc-offset > .container-fluid {
    width: 100%;
    position: absolute;
    padding: 0 10vw;
    z-index: 1;
    left: 0;
}

@media (max-width: 991px) {
    .emc-layout-wrapper .emc-section#Pricing > .emc-offset > .container-fluid {
        padding: 0 16px;
    }
}

.emc-layout-wrapper .emc-section#Pricing > .emc-offset > .container > .row {
    display: flex;
    align-items: center;
}

.emc-layout-wrapper .emc-section#Pricing .emc-arrow {
    position: absolute;
    top: 44%;
    right: -20%;
}

.emc-layout-wrapper .emc-section#Pricing .emc-arrow.arrow-2 {
    top: 15%;
    transform: rotate(-15deg);
}

.emc-layout-wrapper .emc-section#Pricing .emc-arrow.arrow-3 {
    top: 65%;
    transform: rotate(15deg);
}

.emc-layout-wrapper .emc-section#Pricing .container.pricing-top a span:first-of-type {
    transition: color 0.25s ease;
    color: #FE9400;
}

.emc-layout-wrapper .emc-section#Pricing .container.pricing-top a span:last-of-type,
.emc-layout-wrapper .emc-section#Pricing .container.pricing-top a:hover span:last-of-type {
    text-decoration: none!important;
}

.emc-layout-wrapper .emc-section#Pricing .container.pricing-top a:hover {

}

.emc-layout-wrapper .emc-section#Pricing .container.pricing-top a:hover span:first-of-type {
    color: #FE9400;
}

.emc-layout-wrapper .emc-section#Pricing .container.pricing-top a .emc-icon-ball {
    box-shadow: 0 0 0 rgba(255,255,255,0.0);
    transition: box-shadow 0.25s ease;
}

.emc-layout-wrapper .emc-section#Pricing .container.pricing-top a:hover .emc-icon-ball {
    box-shadow: 0 2px 12px rgba(255,195,152,0.6);
}

.emc-compare {
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 8px 64px rgba(0,0,0,0.125);
}

.emc-section[id*='AndOthers'] .emc-compare {
    float: right;
    width: calc(45vw - 15px);
    max-width: 960px;
}

@media (max-width: 991px) {
    .emc-section[id*='AndOthers'] .emc-compare {
        float: none;
        margin: 0 auto;
        width: calc(100vw - 64px);
        max-width: none;
    }
}

.emc-compare .twentytwenty-handle span.twentytwenty-left-arrow {
        border-right: 6px solid #FE9400;
}

.emc-compare .twentytwenty-handle span.twentytwenty-right-arrow {
    border-left: 6px solid #FE9400;
}

.emc-compare .twentytwenty-before-label,
.emc-compare .twentytwenty-after-label {
    display: none;
}

.emc-compare img {
    margin: -1px;
}

.emc-layout-wrapper .emc-section .emc-offset {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    max-width: 1440px;
    padding: 72px 0;
}

/* --- HOMEPAGE VIDEO --- */

.emc-video-wrapper {
    display: block;
    position: relative;
}

emc-video-aspect-ratio-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0px;
}

.emc-video-aspect-ratio-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.emc-video-wrapper > a {
    display: block;
    position: relative;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0,0,0,0.125);
}

.emc-video-wrapper video {
    display: block;
    border-radius: 8px;
    width: 100%;
    position: relative;
    box-shadow: 0 8px 32px rgba(0,0,0,0.125);
}

.emc-video-wrapper > a::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,0.25);
}

.emc-video-wrapper > a > .play-button
.emc-video-wrapper.has-play-button > .play-button,
.emc-video-wrapper.has-play-button::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 76px;
    height: 76px;
    margin-top: -38px;
    margin-left: -38px;
    background: url("/assets/img/icons/emc_ico_play_button.svg") no-repeat center;
    background-size: 100%;
    z-index: 2;
    pointer-events: none;
}

.emc-video-wrapper > a > img {
    display: block;
    width: 100%;
}

.emc-layout-wrapper section.emc-section#BreakOut .container {
    
}

@media (max-width: 991px) {
    .emc-layout-wrapper section.emc-section#BreakOut .container {
        padding-top: 0;
    }
}

.emc-layout-wrapper section.emc-section#BreakOut .emc-video-wrapper.extra-padding {
    padding: 64px 0;
}

@media (max-width: 991px) {
    .emc-layout-wrapper section.emc-section#BreakOut .emc-video-wrapper.extra-padding {
        padding: 64px 0 0;
    }
}

.emc-layout-wrapper section.emc-section#BreakOut .emc-video-wrapper .text-bubble-left,
.emc-layout-wrapper section.emc-section#BreakOut .emc-video-wrapper .text-bubble-right {
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
}

.emc-layout-wrapper section.emc-section#BreakOut .emc-video-wrapper .text-bubble-left img,
.emc-layout-wrapper section.emc-section#BreakOut .emc-video-wrapper .text-bubble-right img {
    width: 64px;
    height: 64px;
}

.emc-layout-wrapper section.emc-section#BreakOut .emc-video-wrapper .text-bubble-left span,
.emc-layout-wrapper section.emc-section#BreakOut .emc-video-wrapper .text-bubble-right span {
    display: block;
    border: 1px solid #FE9400;
    border-radius: 21px;
    height: 42px;
    line-height: 40px;
    text-align: center;
    color: #FE9400;
    font-weight: 500;
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
    min-width: 220px;
    padding: 0 8px;
    white-space: nowrap;
    position: absolute;
}

.emc-layout-wrapper section.emc-section#BreakOut .emc-video-wrapper .text-bubble-left span {
    top: -24px;
    left: 76px;
}

.emc-layout-wrapper section.emc-section#BreakOut .emc-video-wrapper .text-bubble-right span {
    right: -24px;
    bottom: -50px;
}

.emc-layout-wrapper section.emc-section#BreakOut .emc-video-wrapper .text-bubble-left {
    top: 8px;
    left: -38px;
}

.emc-layout-wrapper section.emc-section#BreakOut .emc-video-wrapper .text-bubble-right {
    bottom: 32px;
    right: 32px;
}

@media (max-width: 991px) {
    .emc-layout-wrapper section.emc-section#BreakOut .emc-video-wrapper .text-bubble-left,
    .emc-layout-wrapper section.emc-section#BreakOut .emc-video-wrapper .text-bubble-right {
        display: none;
    }
}

/* --- END HOMEPAGE VIDEO --- */

/* --- TOOLTIP ---*/

.emc-tooltip {
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    background: #575757;
    color: #FFFFFF!important;
    font-weight: 500;
    cursor: pointer;
    margin-left: 4px;
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
}

td .emc-tooltip {
    vertical-align: middle;
}

.emc-tooltip__wrapper {
    display: none;
    position: absolute;
    padding: 16px;
    text-align: left;
    z-index: 1;
    background: #FFFFFF;
    border-radius: 4px;
    width: 300px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.19);
}

.emc-tooltip__wrapper.open {
    display: block;
}

.emc-tooltip__wrapper .emc-tooltip__title {
    display: block;
    font-weight: 500;
    letter-spacing: 0.4px;
    color: #3B2C44;
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 8px;
}

.emc-tooltip__wrapper .emc-tooltip__text {
    display: block;
    font-weight: 300;
    letter-spacing: 0.4px;
    color: #575757;
    font-size: calc(11px + (13 - 11) * ((100vw - 320px) / (1920 - 320)));
}

/* --- END TOOLTIP --- */

/* --- FEATURE LIST --- */

.emc-feature-list {
    list-style: none;
    display: block;
}

.emc-feature-list li {
    display: block;
    line-height: 32px;
    padding: 4px 0;
    text-align: left;
}

@media (max-width: 991px) {
    .emc-feature-list li {
        text-align: center;
    }
}

.emc-feature-list li img {
    display: inline-block;
    margin-right: 16px;
    margin-top: -4px;
}

.emc-feature-list li span {
    display: inline-block;
    margin-left: 16px;
}

.emc-feature-list li span img {
    display: inline-block;
    margin-top: -1px;
}

/* --- END FEATURE LIST --- */

/* --- SLIDER --- */
.emc-slider {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.emc-slider .emc-slider__slider {
    display: block;
    border-radius: 4px;
    box-shadow: 0 8px 64px rgba(0,0,0,0.125);
    max-width: 800px;
    margin: 0 auto;
}

.emc-slider .emc-slider__slider .slick-list {
    border-radius: 4px;
    overflow: hidden;
}

.emc-slider .emc-slider__slider img {
    margin: -2px;
}

.emc-slider .emc-slider__controls {
   
}

.emc-slider .emc-slider__controls .prev,
.emc-slider .emc-slider__controls .next {
    position: absolute;
    display: block;
    color: #CCCCCC;
    font-size: calc(27px + (35 - 27) * ((100vw - 320px) / (1920 - 320)));
    cursor: pointer;
    top: 50%;
}

.emc-slider .slick-dots {
    width: 100%;
    display: block;
    text-align: center;
    position: absolute;
    bottom: 0;
    margin-bottom: -32px;
}

.emc-slider .slick-dots li {
    display: inline-block;
    margin: 0 8px;
}

.emc-slider .slick-dots li button {
    display: block;
    font-size: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    cursor: pointer;
    border: none;
    background: #D5D5D5;
}

.emc-slider .slick-dots li.slick-active button {
    background: #FE9400;
}

.emc-slider .emc-slider__controls .prev {
    left: 64px;
}

.emc-slider .emc-slider__controls .next {
    right: 64px;
}

@media (max-width: 991px) {
    .emc-slider .emc-slider__controls .prev {
        left: -4px;
    }

    .emc-slider .emc-slider__controls .next {
        right: -4px;
    }
}

.emc-slider .slide {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    transition: opacity 1.5s ease;
}

.emc-slider .slide.active {
    opacity: 1;
}

/* --- END SLIDER --- */

/* --- HERO --- */

.emc-layout-wrapper .emc-section.emc-section--hero {
    display: block;
    position: relative;
}

.emc-layout-wrapper .emc-section.emc-section--hero .emc-offset {
    height: calc(100vh - 120px);
    max-width: 1170px;
    padding: 0 32px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.emc-layout-wrapper .emc-section.emc-section--hero .emc-offset.boxed {
    height: auto;
}

.emc-layout-wrapper .emc-section .emc-offset .emc-hero-content {
    position: relative;
    z-index: 1;
    top: -64px;
    left: 64px;
}

.emc-layout-wrapper .emc-section .emc-offset .emc-hero-carousel {
    position: absolute;
    margin-top: -64px;
    right: 64px;
    background: #FFFFFF;
    height: 400px;
    width: 640px;
    transform: perspective(1280px) rotateY(-45deg);
}

.emc-layout-wrapper .emc-section .emc-offset .emc-hero-carousel img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.emc-layout-wrapper .emc-section.emc-section--hero .emc-hero__scroll-down {
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    background: #FFFFFF;
    border-radius: 50%;
    box-shadow: 0 5px 7px rgba(0,0,0,0.15);
    z-index: 2;
    left: 50%;
    margin-left: -30px;
    bottom: -30px;
}

.emc-layout-wrapper .emc-section.emc-section--hero .emc-hero__scroll-down span {
    display: block;
    position: absolute;
    pointer-events: none;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -7px;
    width: 14px;
    height: 14px;
    transform: rotate(-45deg);
    border-left: 2px solid #3B2C44;
    border-bottom: 2px solid #3B2C44;
}

.emc-container.emc-container--custom-graphics .custom-graphics {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.emc-container.emc-container--custom-graphics .custom-graphics::before {
    content: "";
    display: block;
    position: absolute;
    top: -53%;
    left: -16%;
    transform: rotate(-30deg);
    background: rgba(255,255,255,0.2);
    width: 100%;
    height: 100%;
    z-index: 5;
}

.emc-container.emc-container--custom-graphics .custom-graphics img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
}

.emc-container.emc-container--custom-graphics .emc-slider .slide {
    width: 75%;
    top: 5%;
    left: 12.5%;
    box-shadow: 0 0 3px rgba(208,208,208,0.5);
    border-radius: 3px;
}

/* --- END HERO --- */

.emc-layout-wrapper .emc-section.emc-section--grey {
    background-color: #FAFAFA;
}

.emc-layout-wrapper .emc-section.emc-section--orange {
    background: rgb(255,249,242) url("/assets/img/emc_img_bgr_icons_alt.svg");
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.emc-layout-wrapper .emc-section.emc-section--orange.no-bg {
    background: rgb(255,249,242);
}

.emc-layout-wrapper .emc-section.emc-section--gradient {
    background: rgb(254,148,0);
    background: -moz-linear-gradient(0deg, rgba(255,254,255,0) 0%, rgba(254,148,0,0.1) 40%, rgba(254,148,0,0.05) 70%, rgba(255,255,255,0) 99%), url(/assets/img/emc_img_bgr_icons.svg);
    background: -webkit-linear-gradient(0deg, rgba(255,254,255,0) 0%, rgba(254,148,0,0.1) 40%, rgba(254,148,0,0.05) 70%, rgba(255,255,255,0) 99%), url(/assets/img/emc_img_bgr_icons.svg);
    background: linear-gradient(0deg, rgba(255,254,255,0) 0%, rgba(254,148,0,0.1) 40%, rgba(254,148,0,0.05) 70%, rgba(255,255,255,0) 99%), url(/assets/img/emc_img_bgr_icons.svg);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,254,255,0)), color-stop(40%,rgba(254,148,0,0.1)), color-stop(70%,rgba(254,148,0,0.05)), color-stop(99%,rgba(255,255,255,0))), url(/assets/img/emc_img_bgr_icons.svg);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe9400",endColorstr="#ffffff",GradientType=1);
    background-repeat: no-repeat;
    background-position: 50% 55%;
    background-size: 100%;
}

.emc-layout-wrapper .emc-section.emc-section--gradient.no-bg {
    background: rgb(254,148,0);
    background: -moz-linear-gradient(0deg, rgba(254,148,0,0.16) 0%, rgba(254,148,0,0.06) 70%, rgba(254,148,0,0.02) 90%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(254,148,0,0.16) 0%, rgba(254,148,0,0.06) 70%, rgba(254,148,0,0.02) 90%, rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg, rgba(254,148,0,0.16) 0%, rgba(254,148,0,0.06) 70%, rgba(254,148,0,0.02) 90%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe9400",endColorstr="#ffffff",GradientType=1);
}

.emc-layout-wrapper .emc-section .emc-container {
    display: block;
    text-align: center;
    padding: 32px;
    margin: 0 auto;
    width: 100%;
    max-width: 870px;
    height: auto;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.19);
}

.emc-layout-wrapper .emc-section .emc-container.hover-enabled {
    transition: box-shadow 0.25s ease-in-out;
    -webkit-transition: box-shadow 0.25s ease-in-out;
    -moz-transition: box-shadow 0.25s ease-in-out;
    -ms-transition: box-shadow 0.25s ease-in-out;
    -o-transition: box-shadow 0.25s ease-in-out;
    will-change: box-shadow;
}

.emc-layout-wrapper .emc-section .emc-container.hover-enabled:hover {
    box-shadow: 0 4px 22px 0 rgba(0, 0, 0, 0.19);
}

.emc-layout-wrapper .emc-section .emc-container.emc-container--red {
    box-shadow: 0 0 8px 0 rgba(249, 61, 18, 0.21);
}

.emc-layout-wrapper .emc-section .emc-container.emc-container--hero {
    width: 100%;
    max-width: 1170px;
    padding: 0 16px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: auto;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.emc-layout-wrapper .emc-section .emc-container.emc-container--simple {
    border-radius: 0;
    box-shadow: none;
    background: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.emc-layout-wrapper .emc-section .emc-container.emc-container--full-width {
    width: 100%;
    max-width: none;
}

.emc-layout-wrapper .emc-section .emc-container:not(.no-padding) .emc-container.emc-container--full-width {
    margin-left: -32px;
    width: calc( 100% + 64px );
}

.emc-layout-wrapper .emc-section .emc-container.emc-container.emc-container--simple.emc-container--custom-graphics {
    width: 100%;
    max-width: none!important;
    height: 450px;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 768px) {
    .emc-layout-wrapper .emc-section .emc-container.emc-container.emc-container--simple.emc-container--custom-graphics {
        height: 350px;
    }
}

/* --- modal --- */

html.modal-open,
html.modal-open body {
    overflow: hidden;
}

.emc-modal-overlay {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.33);
    z-index: 999;
}

.emc-modal-outer {
    position: fixed;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    max-width: 990px;
    padding: 50px;
    z-index: 9999;
    pointer-events: none;
}

.emc-modal {
    display: block;
    width: 100%;
    background: #FFF;
    border-radius: 8px;
    box-shadow: 0 4px 32px rgba(0,0,0,0.125);
    padding: 50px;
    overflow: hidden;
    pointer-events: all;
}

.emc-modal-outer.open {
    display: block;
}

.emc-modal__content {
    overflow: hidden;
}

.emc-modal__close {
    display: block;
    height: 32px;
    width: 32px;
    position: absolute;
    top: 35px;
    right: 35px;
    font-size: 0;
    cursor: pointer;
    box-shadow: 0 1px 8px rgba(0,0,0,0.19);
    border-radius: 50%;
    background: #FFFFFF;
    z-index: 9999;
}

.emc-modal__close::before,
.emc-modal__close::after {
    content: "";
    position: absolute;
    display: block;
    width: 2px;
    height: 16px;
    top: 8px;
    left: 50%;
    margin-left: -1px;
    background: #3B2C44;
}

.emc-modal__close::before {
    transform: rotate(45deg);
}

.emc-modal__close::after {
    transform: rotate(-45deg);
}

.emc-modal__scrollable {
    overflow-y: scroll;
    height: auto;
    max-height: 420px;
}

@media (max-width: 991px) {
    .emc-modal-outer {
        padding: 16px;
    }

    .emc-modal {
        padding: 50px 16px;
    }
}

/* --- map --- */

.emc-map {
    width: 100%;
    height: 400px;
}

.emc-map svg {
    pointer-events: none;
}

.emc-map .jqvmap-pin {
    z-index: 2;
    pointer-events: all;
    cursor: pointer;
    margin-top: -5px;
    margin-left: -5px;
}

.emc-map .jqvmap-zoomin,
.emc-map .jqvmap-zoomout {
    display: block;
    position: absolute;
    left: calc(100% - 48px);
    width: 32px;
    height: 32px;
    border-radius: 2px;
    background: #3B2C44;
    line-height: 26px;
}

.emc-map .jqvmap-zoomout {
    top: 48px;
}

.emc-map__marker {
    display: block;
}

.emc-map__marker-tooltip {
    display: block;
    left: 50%;
    top: calc(100% + 8px);
    transform: translateX(-50%);
    margin-top: 8px;
    position: absolute;
    background: rgba(59,44,68,0.69);
    border-radius: 2px;
    padding: 8px 12px;
    font-size: 11px;
    letter-spacing: 0.4px;
    color: #FFFFFF;
    opacity: 0;
    transition: opacity 0.125s ease-in;
    pointer-events: none;
}

.emc-map__marker-tooltip::before {
    content: "";
    position: absolute;
    display: block;
    top: -6.9px;
    left: 50%;
    margin-left: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 6.9px 4px;
    border-color: transparent transparent rgba(59,44,68,0.69) transparent;
    line-height: 0;
    _border-color: #000000 #000000 rgba(59,44,68,0.69) #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.emc-map__marker:hover .emc-map__marker-tooltip {
    opacity: 1;
}

.emc-map__marker .fa {
    display: block;
    pointer-events: none;
    cursor: pointer;
    font-size: 25px;
    color: #FE9400;
    text-shadow: 0 -1px 3px rgba(0,0,0,0.25);
    transition: transform 0.125s ease-in;
}

.emc-map__marker:hover .fa,
.emc-map__marker.active .fa {
    transform: scale(1.5);
    text-shadow: 0 -2px 9px rgba(0,0,0,0.125);
}

.emc-map-info {
    padding: 32px;
    background: #FAFAFA;
    text-align: left;
    display: none;
}

.emc-map-info.show {
    display: block;
}

.emc-map-info h3 {
    font-weight: 600;
}

.emc-map-info p {
    margin: 8px 0;
}

.emc-map-info p.emc-map__info-www {
    margin: 24px 0 0;
}

.emc-map-info p.emc-map__info-email {
    margin: 0 0 8px;
}

.emc-map-info hr {
    margin: 24px 0;
    width: 100%;
    max-width: 120px;
}

/* --- content switcher on tutorials --- */

.emc-table-of-contents {
    position: relative;
    display: block;
    width: 100%;
    list-style: none;
    text-align: center;
    font-size: 0;
}

.emc-table-of-contents li {
    display: inline-block;
    overflow: hidden;
}

.emc-table-of-contents.full-width {
    display: flex;
    justify-content: space-between;
}

.emc-table-of-contents.full-width.hover {
    position: absolute;
    width: auto;
    left: 50px;
    right: 50px;
    top: -25px;
    background: #FFFFFF;
    box-shadow: 0 2px 8px rgba(0,0,0,0.125);
    height: 75px;
    z-index: 2;
}

.emc-table-of-contents.full-width.hover li a {
    height: 75px;
}

.emc-table-of-contents.full-width li {
    flex-grow: 1;
    flex-basis: 0;
}

.emc-table-of-contents li a {
    display: block;
    height: 50px;
    min-width: 120px;
    line-height: 47px;
    font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: #979797!important;
    border-bottom: 3px solid #e6e6e6;
    padding: 0 16px;
    transition: border 0.25s ease, color 0.25s ease;
    text-decoration: none!important;
    font-weight: 300;
}

.emc-table-of-contents.full-width li a {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: normal;
}

.emc-table-of-contents li a:hover {
    border-bottom: 3px solid #979797;
    color: #3B2C44!important;
}

.emc-table-of-contents li a.active,
.emc-table-of-contents li.active a{
    background: #f7f7f7;
    border-bottom: 3px solid #3B2C44;
    font-weight: 500;
    color: #3B2C44!important;
    pointer-events: none;
}

.emc-table-of-contents li a i.fa {
    margin-right: 8px;
}

@media screen and (max-width: 991px) {
    .emc-table-of-contents.full-width:not(.hover) {
        flex-direction: column;
    }

    .emc-table-of-contents.full-width:not(.hover) li {
        flex-grow: 1;
        flex-basis: auto;
        text-align: left;
    }

    .emc-table-of-contents.full-width:not(.hover) li a {
        border-bottom-width: 0;
        border-bottom-color: unset;
        border-left: 3px solid;
        line-height: 50px;
    }
}

/* --- END content switcher on tutorials --- */

/* --- clients showcase --- */

.emc-clients-showcase div[class*='col'] {
    position: relative;
}

.emc-clients-showcase a {
    display: block;
    width: 100%;
    height: 100px;
}

.emc-clients-showcase img {
    display: block;
    position: absolute;
    width: 95px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.emc-clients-showcase img.small {
    width: 60px;
}

/* --- END clients showcase --- */

/* --- collapsible --- */

.emc-collapsible {

}

.emc-collapsible__button i.fa {
    margin-left: 8px;
    display: inline-block;
    background: #FE9400;
    border-radius: 50%;
    height: 21px;
    width: 21px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    transition: transform 0.25s ease;
}

.emc-collapsible.open .emc-collapsible__button i.fa {
    transform: rotate(180deg);
}

.emc-collapsible__button.plus {
    cursor: pointer;
    border: 2px solid #e6e6e6;
    background: #FFFFFF;
    width: 32px;
    height: 32px;
    position: relative;
    display: block;
    border-radius: 50%;
}

.emc-collapsible__button.plus::before,
.emc-collapsible__button.plus::after {
    content: "";
    position: absolute;
    display: block;
    background: #FF9400;
    width: 18px;
    height: 2px;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -9px;
}

.emc-collapsible__button.plus::after {
    transform: rotate(90deg);
}

.emc-collapsible.open .emc-collapsible__button.plus::after {
    display: none;
}

.emc-collapsible__content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.25s ease;
}

.emc-collapsible.open .emc-collapsible__content {

}

/* --- END collapsible --- */

/* --- percentage --- */

#emcSuccessStories .row a {
    display: inline-block;
    margin-top: 8px;
}

#emcSuccessStories .row a i.fa {
    margin-left: 8px;
}

.emc-percentage {
    margin-top: 8px;
    margin-bottom: 24px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.emc-percentage__inner {
    text-align: left;
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
}

.emc-percentage__inner span.value {
    font-size: calc(21px + (24 - 21) * ((100vw - 320px) / (1920 - 320)));;
    margin-right: 8px;
    margin-bottom: 8px;
    display: block;
    font-weight: 700;
}

.emc-percentage__inner span.text {
    display: block;
}

/* --- content switcher --- */

.emc-content-switcher {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
}

.emc-content-switcher .emc-tab {
    display: inline-block;
    height: 48px;
    line-height: 46px;
    width: 150px;
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
    color: #979797;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    letter-spacing: 0.4px;
}

.emc-content-switcher .emc-tab i.fa {
    margin-right: 4px;
    margin-top: 1px;
    font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.emc-content-switcher .emc-tab:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.emc-content-switcher .emc-tab:last-of-type {
    border-left: none;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-left: -3px;
}

.emc-content-switcher .emc-tab.active {
    background: #F7F7F7;
}

/* --- END content switcher --- */

/* --- notifications --- */

.emc-notification {
    display: block;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 64px;
    padding: 0;
    z-index: 99999;
    background: rgba(40,40,40,0.91);
    box-shadow: 0 -2px 8px rgba(0,0,0,0.19);
}

.emc-notification p {
    display: block;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    font-size: calc(11px + (13 - 11) * ((100vw - 320px) / (1920 - 320)));
    letter-spacing: 0.4px;
    color: #FBFBFB;
    line-height: normal;
    font-weight: 300;
    padding-left: 32px;
    padding-right: 100px;
}

.emc-notification p i.fa {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
    display: block;
    font-size: 20px;
}

.emc-notification p a {
    font-weight: 400;
    border-bottom: 1px dotted #FBFBFB;
    color: inherit;
    letter-spacing: 0.4px;
    color: #FE9400;
}

.emc-notification a.emc-notification__button {
    display: block;
    position: absolute;
    top: 50%;
    right: 16px;
    color: #282828;
    background: #FBFBFB;
    border-radius: 4px;
    font-size: calc(11px + (13 - 11) * ((100vw - 320px) / (1920 - 320)));
    width: 80px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    margin-top: -16px;
}

/* -- settings block -- */

.emc-settings-block {
    counter-reset: emc-counter;
    position: relative;
    width: 100%;
    display: block;
}

.emc-settings-block li {
    position: relative;
    width: 100%;
    text-align: left;
    padding: 24px 32px 24px 72px;
    height: 252px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #E6E6E6;
    vertical-align: middle;
}

.emc-settings-block li a.screenshot {
    z-index: 2;
}

.emc-settings-block li img {
    max-width: 100%;
    max-height: 100%;
    float: left;
    vertical-align: middle;
    display: inline-block;
}

.emc-settings-block li::before {
    content: counter(emc-counter);
    counter-increment: emc-counter;
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    left: 0;
    top: 50%;
    font-size: 32px;
    color: #a6a6a6;
    margin-top: -16px;
    margin-left: 24px;
    font-weight: 300;
}

.emc-settings-block li .emc-settings-block__text {
    display: block;
    padding: 0 16px;
    position: relative;
    max-width: 491px;
    float: left;
    margin-left: 24px;
}

.emc-settings-block li p {
    font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: #3B2C44;
    text-align: left;
}

.emc-settings-block.emc-settings-block--horizontal li {
    height: auto;
    width: 33.333%;
    text-align: center;
    float: left;
    display: block;
    padding: 72px 32px 24px 32px;
    border-bottom: none;
}

.emc-settings-block.emc-settings-block--horizontal.quarter li {
    width: 25%;
}

.emc-settings-block li a.screenshot {
    z-index: 2
}

.emc-settings-block.emc-settings-block--horizontal li::before {
    top: 0;
    left: 50%;
    margin-top: 0;
    margin-left: -16px
}

.emc-settings-block.emc-settings-block--horizontal li::after {
    content: "";
    position: absolute;
}

.emc-settings-block.emc-settings-block--horizontal.ball li::before {
    margin-left: -24px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 50%;
    background: #fe9400;
    color: #FFFFFF;
}

.emc-settings-block.emc-settings-block--horizontal li .emc-settings-block__text {
    padding: 0;
    float: none;
    left: auto;
    top: auto;
    max-width: 640px;
    margin: 0 auto;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -moz-transform: none
}

.emc-settings-block li p {
    font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: #3b2c44;
    text-align: left
}

.emc-settings-block.emc-settings-block--horizontal li p {
    text-align: center
}

@media screen and ( max-width: 990px ) {
    .emc-settings-block.emc-settings-block--horizontal li,
    .emc-settings-block.emc-settings-block--horizontal.quarter li {
        height: auto;
        width: 100%;
        text-align: center;
        float: none;
        padding: 64px 32px 32px 32px;
        border-bottom: none
    }
}

/* -- icon ball -- */

.emc-icon-ball {
    display: block;
    width: 48px;
    height: 48px;
    line-height: 64px;
    text-align: center;
    position: relative;
    background-color: #FE9400;
    border-radius: 50%;
    margin: 0 auto;
}

.emc-icon-ball svg,
.emc-icon-ball img {
    width: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.emc-icon-ball.emc-icon-ball--simple {
    width: 64px;
    height: 64px;
    background-color: transparent;
}

.emc-icon-ball.emc-icon-ball--simple.smaller-image {
    width: 40px;
    height: 40px;
}

.emc-icon-ball.emc-icon-ball--simple img {
    width: 64px;
}

.emc-icon-ball.emc-icon-ball--simple.smaller-image img,
.emc-icon-ball.emc-icon-ball--simple.smaller-image svg {
    width: auto;
    height: 32px;
}

.emc-icon-ball.emc-icon-ball--border {
    width: 80px;
    height: 80px;
    border: 2px solid #D5D5D5;
    line-height: normal;
    background-color: transparent;
}

.emc-icon-ball.emc-icon-ball--white {
    background-color: #FFFFFF;
    border: none;
    width: 80px;
    height: 80px;
}

.emc-icon-ball.emc-icon-ball--big {
    width: 100px;
    height: 100px;
    background-color: transparent;
}

.emc-icon-ball.emc-icon-ball--big img {
    width: 100%;
}

/* -- card -- */

.emc-layout-wrapper .emc-section .emc-card {
    position: relative;
    display: block;
    margin: 8px auto;
}

.emc-layout-wrapper .emc-section .emc-card .emc-card__center {
    display: table;
    width: 100%;
    height: 100%;
}

.emc-layout-wrapper .emc-section .emc-card .emc-card__center .emc-card__center-inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0 32px 0 16px;
}

.emc-layout-wrapper .emc-section .emc-card.emc-card--icon {
    display: inline-block;
    width: 100%;
    max-width: 475px;
    height: 88px;
    margin: 16px;
    padding-left: 88px;
    border-radius: 4px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #FFFFFF;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.19);
}

.emc-layout-wrapper .emc-section .emc-card.emc-card--icon.emc-card--simple {
    border-radius: 0;
    backgrop-filter: none;
    -webkit-backdrop-filter: none;
    background: transparent;
    box-shadow: none;
    border: none;
    height: 32px;
    line-height: 22px;
    width: 240px;
    padding-left: 32px;
}

.emc-layout-wrapper .emc-section .emc-card.emc-card--icon .emc-card__icon-container {
    width: 88px;
    height: 88px;
    line-height: 88px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.emc-layout-wrapper .emc-section .emc-card.emc-card--icon.emc-card--simple .emc-card__icon-container {
    height: 32px;
    width: 32px;
    line-height: normal;
}

.emc-layout-wrapper .emc-section .emc-card.emc-card--icon .emc-card__icon-container img {
    display: inline-block;
    margin: auto;
}

/* --- EMC CARD VIDEO --- */

.emc-layout-wrapper .emc-section .emc-card.emc-card--video {
    display: block;
    position: relative;
    width: 100%;
}

.emc-layout-wrapper .emc-section .emc-card.emc-card--video .emc-card__video-container {
    display: block;
    position: relative;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    transition: box-shadow 0.25s ease;
    -webkit-transition: box-shadow 0.25s ease;
    -o-transition: box-shadow 0.25s ease;
    -moz-transition: box-shadow 0.25s ease;
    will-change: box-shadow;
}

.emc-layout-wrapper .emc-section .emc-card.emc-card--video .emc-card__video-container:hover {
    box-shadow: 0 2px 12px rgba(52, 140, 229, 0.5);
}

.emc-layout-wrapper .emc-section .emc-card.emc-card--video .emc-card__video-container::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.25s ease;
}

.emc-layout-wrapper .emc-section .emc-card.emc-card--video .emc-card__video-container:hover::before {
    opacity: 1;
}

.emc-layout-wrapper .emc-section .emc-card.emc-card--video .emc-card__video-container::after {
    content: "";
    display: block;
    opacity: 0;
    transition: opacity 0.25s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 0 16px 27.7px;
    border-color: transparent transparent transparent #fe9400;
    margin-top: -16px;
    margin-left: -14px;
}

.emc-layout-wrapper .emc-section .emc-card.emc-card--video .emc-card__video-container:hover::after {
    opacity: 1;
}

.emc-layout-wrapper .emc-section .emc-card.emc-card--video .emc-card__video-container img {
    width: 100%;
    display: block;
}

.emc-layout-wrapper .emc-section .emc-card.emc-card--video .emc-card__video-description {
    display: block;
    position: relative;
    width: 100%;
    min-height: 64px;
    padding: 8px 24px;
    text-align: center;
}

.emc-layout-wrapper .emc-section .emc-container.switchable,
.emc-layout-wrapper .emc-section .container.switchable {
    display: none;
    position: relative;
}

.emc-layout-wrapper .emc-section .emc-container.switchable.active,
.emc-layout-wrapper .emc-section .container.switchable.active {
    display: block;
}

/* --- END EMC CARD VIDEO --- */

.emc-layout-wrapper .emc-section .emc-container .emc-note {
    display: block;
    float: right;
    overflow: hidden;
}

.emc-layout-wrapper .emc-section .emc-container .emc-note:nth-of-type(2n + 1) {
    margin-left: 32px;
}

.emc-layout-wrapper .emc-section .emc-container .emc-note .emc-note__icon-container {
    display: block;
    height: auto;
    text-align: center;
    float: left;
    padding: 2px 8px;
}

.emc-layout-wrapper .emc-section .emc-container .emc-note .emc-note__icon-container img {
    display: block;
    height: 12px;
    margin: auto;
}

.emc-layout-wrapper .emc-section .emc-container .emc-note .emc-note__text-container {
    height: auto;
    float: left;
    display: block;
    line-height: normal;
}

.emc-layout-wrapper .emc-section .emc-container .emc-note .emc-note__text-container b {
    display: block;
    line-height: normal;
}

.emc-layout-wrapper .emc-section .emc-container .emc-note .emc-note__text-container br {
    display: none;
}

.emc-layout-wrapper .emc-section .emc-container .emc-icon-container {
    position: relative;
}

.emc-layout-wrapper .emc-section .emc-container .emc-icon-container img {
    display: block;
    height: 24px;
    margin: auto;
}

.emc-layout-wrapper .emc-section .emc-container .emc-icon-container.emc-icon-container--standalone {
    position: relative;
    height: 60px;
}

.emc-layout-wrapper .emc-section .emc-container .emc-icon-container.emc-icon-container--standalone img {
    height: auto;
    margin: auto;
}

/* -- iconblock -- */
.emc-layout-wrapper .emc-section .emc-iconbox {
    position: relative;
    display: block;
    width: auto;
    margin: auto;
    text-align: center;
    line-height: normal;
}

.emc-layout-wrapper .emc-section .emc-iconbox > * {
    display: inline-block;
    position: relative;
}

.emc-layout-wrapper .emc-section .emc-iconbox .emc-iconbox__icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid transparent;
    background: transparent;
}

.emc-layout-wrapper .emc-section .emc-iconbox .emc-iconbox__icon img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    width: 100%;
    max-width: 32px;
}

.emc-layout-wrapper .emc-section .emc-iconbox .emc-iconbox__divider {
    width: 60px;
    height: 60px;
}

.emc-layout-wrapper .emc-section .emc-iconbox .emc-iconbox__divider.emc-iconbox__divider--plus::before,
.emc-layout-wrapper .emc-section .emc-iconbox .emc-iconbox__divider.emc-iconbox__divider--plus::after {
    content: "";
    position: absolute;
    display: block;
    width: 2px;
    height: 20px;
    background: #3B2C44;
    top: 50%;
    margin-top: -10px;
    left: 50%;
    margin-left: -1px;
}

.emc-layout-wrapper .emc-section .emc-iconbox .emc-iconbox__divider.emc-iconbox__divider--plus::after {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.emc-layout-wrapper .emc-section .emc-iconbox .emc-iconbox__icon#eMClientOrange {
    border-color: #FE9400;
}

.emc-layout-wrapper .emc-section .emc-iconbox .emc-iconbox__icon#GmailRed {
    border-color: #f14336;
}

.emc-layout-wrapper .emc-section .emc-iconbox .emc-iconbox__icon#SparkBlue {
    border-color: #1277e0;
}

.emc-layout-wrapper .emc-section .emc-iconbox .emc-iconbox__icon#ThunderbirdNavy {
    border-color: #2162c0;
}

.emc-layout-wrapper .emc-section .emc-iconbox .emc-iconbox__icon#PostboxBlue{
    border-color: #00a8f2;
}

.emc-layout-wrapper .emc-section .emc-iconbox .emc-iconbox__icon#MailbirdBlue{
    border-color: #0185c9;
}

.emc-layout-wrapper .emc-section .emc-iconbox .emc-iconbox__icon#iCloudBlue {
    border-color: #41bdfe;
}

.emc-layout-wrapper .emc-section .emc-iconbox .emc-iconbox__icon#OutlookBlue {
    border-color: #0072c6;
}

.emc-layout-wrapper .emc-section .emc-iconbox .emc-iconbox__icon#OutlookForMacBlue {
    border-color: #0364b8;
}

.emc-layout-wrapper .emc-section .emc-iconbox .emc-iconbox__icon#OfficeOrange {
    border-color: #c75b12;
}

.emc-layout-wrapper .emc-section .emc-iconbox .emc-iconbox__icon#IcewarpBlue {
    border-color: #008bcf;
}

.emc-layout-wrapper .emc-section .emc-iconbox .emc-iconbox__icon#ExchangeBlue {
    border-color: #2876bb;
}

.emc-layout-wrapper .emc-section .emc-iconbox .emc-iconbox__icon#AppleServerGrey {
    border-color: #a5a5a5;
}

.emc-layout-wrapper .emc-section .emc-iconbox .emc-iconbox__icon#KerioNavy {
    border-color: #003473;
}

.emc-layout-wrapper .emc-section .emc-iconbox .emc-iconbox__icon#SmarterMailWhatever {
    border-color: #f4c512;
}

.emc-layout-wrapper .emc-section .emc-iconbox .emc-iconbox__icon#MDaemonMaroon {
    border-color: #9b1915;
}

.emc-layout-wrapper .emc-section .emc-iconbox .emc-iconbox__icon#GmailRed img {
    max-width: 24px;
}

/* -- iconset -- */
.emc-layout-wrapper .emc-section .emc-iconset {
    position: relative;
    width: auto;
    margin: auto;
}

.emc-layout-wrapper .emc-section .emc-iconset .emc-iconset__head {
    position: relative;
    margin-bottom: 48px;
}

.emc-layout-wrapper .emc-section .emc-iconset .emc-iconset__head::after {
    position: absolute;
    content: "";
    top: 100%;
    left: 50%;
    margin-top: 8px;
    margin-left: -1px;
    width: 2px;
    height: 48px;
    background: linear-gradient(182deg, #c4c4c4, rgba(228, 228, 228, 0));
    border-image-slice: 1
}

.emc-layout-wrapper .emc-section .emc-iconset .emc-iconset__row {
    position: relative;
    text-align: center;
}

.emc-layout-wrapper .emc-section .emc-iconset__row:before {

}

.emc-layout-wrapper .emc-section .emc-iconset .emc-iconset__item {
    position: relative;
    display: block;
    width: auto;
    margin: 3px auto;
    text-decoration: none;
    font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: #3B2C44;
}

.emc-layout-wrapper .emc-section .emc-iconset .emc-icon-container {
    display: block;
    position: relative;
    border-radius: 50%;
    border: 2px solid;
    width: 60px;
    height: 60px;
    text-align: center;
    margin: 0 auto 24px;
}

.emc-layout-wrapper .emc-section .emc-iconset .emc-iconset__head .emc-icon-container {
    border-color: #FE9400;
    margin: 0 auto;
}

.emc-layout-wrapper .emc-section .emc-iconset .emc-iconset__row .emc-icon-container {
    border-color: #FFFFFF;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16);
    background: #FFFFFF;
    transition: border-color 0.5s ease;
    will-change: border-color;
}

.emc-layout-wrapper .emc-section .emc-iconset .emc-iconset__row .emc-text-container {
    color: #3B2C44;
    text-decoration: none;
    white-space: normal;
}

.emc-layout-wrapper .emc-section .emc-iconset.emc-iconset--simple .emc-iconset__row .emc-icon-container {
    width: 48px;
    height: 48px;
    border: none;
    box-shadow: none;
    transition: none;
    background: transparent;
}

.emc-layout-wrapper .emc-section .emc-iconset.emc-iconset--simple .emc-iconset__row .emc-icon-container img {
    width: 48px;
    height: 48px;
    max-width: none;
    margin: auto;
}

.emc-layout-wrapper .emc-section .emc-iconset .emc-icon-container img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    margin: auto;
    max-width: 32px;
}

/* --- eM Client Specific styles, not included in framework --- */
.emc-layout-wrapper .emc-section .emc-iconset .emc-iconset__item#gmail img {
    max-width: none;
    width: 26px;
    height: 19px;
}

.emc-layout-wrapper .emc-section .emc-iconset .emc-iconset__item#icewarp img {
    margin-left: 3px;
}

.emc-layout-wrapper .emc-section .emc-iconset .emc-iconset__item#gmail:hover .emc-icon-container {
    border-color: #f14336;
}

.emc-layout-wrapper .emc-section .emc-iconset .emc-iconset__item#o365:hover .emc-icon-container {
    border-color: #c75b12;
}

.emc-layout-wrapper .emc-section .emc-iconset .emc-iconset__item#icewarp:hover .emc-icon-container {
    border-color: #008bcf;
}

.emc-layout-wrapper .emc-section .emc-iconset .emc-iconset__item#outlook:hover .emc-icon-container {
    border-color: #0072c6;
}

.emc-layout-wrapper .emc-section .emc-iconset .emc-iconset__item#exchange:hover .emc-icon-container {
    border-color: #2876bb;
}

.emc-layout-wrapper .emc-section .emc-iconset .emc-iconset__item#kerio:hover .emc-icon-container {
    border-color: #003473;
}

.emc-layout-wrapper .emc-section .emc-iconset .emc-iconset__item#icloud:hover .emc-icon-container {
    border-color: #41bdfe;
}

.emc-layout-wrapper .emc-section .emc-iconset .emc-iconset__item#apple:hover .emc-icon-container {
    border-color: #a5a5a5;
}

.emc-layout-wrapper .emc-section .emc-iconset .emc-iconset__item#showall:hover .emc-icon-container {
    border-color: #FE9400;
}

/* --- END eM Client Specific styles, not included in framework --- */

/* --- GRID (grid elements, bootstrap override) --- */

/* --- TYPOGRAPHY (headings, sizes, colors, alignment) ---*/

*[class*="emc-typo"] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.4px;
    color: #3B2C44;
}

*[class*="emc-typo--heading"] {
    text-align: center;
    letter-spacing: 0.67px;
    display: block;
}

.emc-typo--heading-hero {
    font-size: calc(48px + (64 - 48) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
}

.emc-typo--heading-1 {
    font-size: calc(40px + (48 - 40) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
}

.emc-typo--heading-2 {
    font-size: calc(32px + (40 - 32) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
}

.emc-typo--heading-3 {
    font-size: calc(24px + (32 - 24) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
}

*[class*="emc-typo--heading"].emc-typo--decrease-50 {
    font-size: revert;
}

*[class*="emc-typo--heading"] a {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

.emc-typo--size-xl {
    font-size: calc(20px + (32 - 20) * ((100vw - 320px) / (1920 - 320)))!important;
}

.emc-typo--size-lg {
    font-size: calc(17px + (20 - 17) * ((100vw - 320px) / (1920 - 320)))!important;
}

.emc-typo--size-md {
    font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)))!important;
}

.emc-typo--size-sm {
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)))!important;
}

.emc-typo--size-xs {
    font-size: calc(11px + (13 - 11) * ((100vw - 320px) / (1920 - 320)))!important;
    line-height: normal;
}

.emc-typo--limited-width {
    width: 100%;
    max-width: 600px;
    text-align: center;
    margin: 0 auto;
    padding: 0 32px;
}

.emc-typo--align-left.emc-typo--limited-width,
.emc-typo--align-right.emc-typo--limited-width {
    padding: 0;
}

@media (max-width: 991px) {
    .emc-typo--align-left.emc-typo--limited-width,
    .emc-typo--align-right.emc-typo--limited-width {
        padding: 0 32px;
    }
}

.emc-typo--color-white {
    color: #FFFFFF!important;
}

.emc-typo--color-dark-grey {
    color: #3B2C44!important;
}

.emc-typo--color-mid-grey {
    color: #595959!important;
}

.emc-typo--color-warm-grey {
    color: #979797!important;
}

.emc-typo--color-light-grey {
    color: #B5B5B5!important;
}

.emc-typo--color-blue {
    color: #0271FF;
}

.emc-typo--color-red {
    color: #FF013C;
}

.emc-typo--color-orange {
    color: #FE9400;
}

.emc-typo--color-green {
    color: #3AC078!important;
}

.emc-typo--align-left {
    text-align: left!important;
}

.emc-typo--align-left > * {
    text-align: left!important;
}

.emc-typo--align-right {
    text-align: right!important;
}

@media (max-width: 991px) {
    .emc-typo--align-left.sm-center,
    .emc-typo--align-right.sm-center {
        text-align: center!important;
    }
}

.emc-typo--align-center {
    text-align: center!important;
}

sup.emc-typo__sup {
    font-size: calc(11px + (13 - 11) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    letter-spacing: normal;
    color: #0271FF;
}

sup.emc-typo__sup.emc-typo__sup--label {
    display: inline-block;
    background: #ecf4fd;
    padding: 0 8px;
    border-radius: 10px;
    text-align: center;
    line-height: 15px;
    vertical-align: baseline;
    position: relative;
    top: -15px;
    left: -3px;
}

.emc-typo--weight-bold {
    font-weight: 700!important;
}

.emc-typo--weight-bolder {
    font-weight: 400!important;
}

.emc-typo--weight-normal {
    font-weight: 300!important;
}

.emc-typo--weight-light {
    font-weight: 200!important;
}

.emc-typo--height-more {
    line-height: 1.2;
}

.emc-typo--style-italic {
    font-style: oblique;
}

.emc-typo--no-line {
    text-decoration: none!important;
}

/* --- TABLES (simple without borders, default with borders and headings) --- */

.emc-layout-wrapper .emc-section .emc-container table td {
    letter-spacing: 0.4px;
}

.emc-layout-wrapper .emc-section .emc-container table td img {
    margin: auto;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--simple {
    width: auto;
    margin: auto;
    border-collapse: separate;
    border-spacing: 8px 0;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--simple td {
    white-space: nowrap;
    font-size: calc(11px + (13 - 11) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 300;
    text-align: right;
    vertical-align: middle;
    height: 28px;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--full-width {
    width: 100%;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--spaced {
    border-collapse: separate;
    border-spacing: 0 16px;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--simple tr td:last-of-type {
    text-align: left;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--simple.emc-table--total tr:last-of-type td {
    font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--simple.emc-table--total tr:last-of-type td:last-of-type {
    font-size: 1.5em;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--fixed {
    table-layout: fixed;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default {
    width: 100%;
    border: none;
    position: relative;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--mobile-scrollable {
    min-width: 768px;
    margin-bottom: 16px;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--mobile-scrollable::after {
    content: "* Table can be scrolled horizontally on smaller devices";
    pointer-events: none;
    display: none;
    position: absolute;
    left: 16px;
    bottom: -30px;
    font-size: calc(11px + (13 - 11) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 300;
    letter-spacing: 0.4px;
    text-align: left;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default tbody tr {
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default tbody tr.emc-table-row--highlighted {
    border-top: 1px solid #FE9400;
    border-bottom: 1px solid #FE9400;
    background: rgba(251, 163, 0, 0.05);
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default tbody tr:last-of-type {
    border-top: none;
    border-bottom: none;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default th,
.emc-layout-wrapper .emc-section .emc-container table.emc-table--default td {
    vertical-align: middle;
    padding: 0 8px;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default th {
    white-space: nowrap;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default th {
    height: 64px;
    vertical-align: middle;
    font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    text-align: center;
    color: #3B2C44;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--primary th {
    height: 88px;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default td {
    text-align: center;
    height: 56px;
    vertical-align: middle;
    border-right: 1px solid #E5E5E5;
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
    color: #3B2C44;
    font-weight: 300;
    letter-spacing: 0.4px;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default td .emc-image-container {
    margin-right: 8px;
    display: inline-block;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default td .emc-image-container img {
    width: 24px;
    margin-top: -3px;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default tr td:last-of-type {
    border-right: none;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default tr.no-border td {
    border-right: none;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default tr:last-of-type td {
    border-bottom: 1px solid #E6E6E6;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default tr th:first-of-type,
.emc-layout-wrapper .emc-section .emc-container table.emc-table--default tr td:first-of-type {
    text-align: left;
    padding: 0 24px;
    width: 33%;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--compare th:first-of-type,
.emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--compare td:first-of-type {
    width: 50%;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--primary th:first-of-type,
.emc-layout-wrapper .emc-section .emc-container table.emc-table--primary td:first-of-type {
    width: 33%!important;
    min-width: 200px;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing tr th:first-child,
.emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing tr td:first-child {
    width: 40%;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing tr th img {
    width: 100%;
    max-width: 128px;
    margin: 10px auto;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing tr.price td {
    vertical-align: top;
    padding-top: 18px;
    padding-bottom: 18px;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing tr.price td > span {
    display: block;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing tr.buttons td {
    padding-top: 18px;
    padding-bottom: 18px;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing tr td img {
    width: 20px;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing-custom tr th:first-of-type {
    width: 50%;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing-custom tr td:first-of-type {
    width: auto;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing-custom tbody tr.emc-table-row--highlighted.bgr-only {
    border: none;
    border-bottom: 1px solid #E5E5E5;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing-custom tbody tr.emc-table-row--highlighted.text td {
    color: #FE9400!important;
    font-weight: 400;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default tr.emc-table__toggle-content td span {
    cursor: pointer;
    display: inline-block;
    color: #FE9400;
    font-weight: 700;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default .emc-table__content-toggleable {
    display: none;
}

.emc-layout-wrapper .emc-section .emc-container table.emc-table--default.open .emc-table__content-toggleable {
    display: table-row-group;
}

@media screen and (max-width: 991px) {
    .emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing,
    .emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing tr,
    .emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing thead,
    .emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing tbody {
        display: block;
        width: 100%;
        overflow: hidden;
    }

    .emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing .emc-table__content-toggleable {
        display: none;
    }

    .emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing.open .emc-table__content-toggleable {
        display: block;
    }

    .emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing tr {
        border-bottom: none;
    }

    .emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing tr:last-of-type {
        border-top: 1px solid #E5E5E5;
    }

    .emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing tr th {
        display: block;
        height: auto;
        padding: 8px 0;
        /* line-height: 50px; */
        text-align: center;
        width: 33.3333%;
        float: left;
        overflow: hidden;
    }

    .emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing tr th:first-child {
        display: none;
    }

    .emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing tr td {
        display: block;
        height: 50px;
        line-height: 50px;
        text-align: center;
        width: 33.3333%;
        float: left;
        overflow: hidden;
        border: none;
    }

    .emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing tr td:first-child {
        width: 100%;
        float: none;
        border-bottom: 1px solid #E5E5E5;
    }

    .emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing tr td:nth-child(3) {
        border-left: 1px solid #E5E5E5;
        border-right: 1px solid #E5E5E5;
    }

    .emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing tr.price td {
        padding: 0;
        height: 166px;
        line-height: normal;
    }

    .emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing tr.price td:first-child {
        height: 50px;
        line-height: 50px;
    }

    .emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing tr.price td:nth-child(2) {
        /* line-height: 100px; */
    }

    .emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing tr.buttons {
        border-bottom: 1px solid #E5E5E5;
    }

    .emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing tr.buttons td:first-child {
        display: none;
    }

    .emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing tr.buttons td {
        height: 100px;
        padding: 0;
    }

    .emc-layout-wrapper .emc-section .emc-container table.emc-table--default.emc-table--pricing tr:not(.buttons) td .emc-control-wrapper {
        margin-top: 4px;
    }

}

/* --- CONTROLS (forms, inputs, buttons) --- */
.emc-layout-wrapper .emc-section .emc-control-wrapper {
    display: block;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    position: relative;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-control-tooltip {
    display: none;
    position: absolute;
    background: rgba(215,22,22,0.25);
    box-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.19);
    font-size: calc(11px + (13 - 11) * ((100vw - 320px) / (1920 - 320)));
    color: #FFFFFF;
    width: auto;
    height: 40px;
    border-radius: 4px;
    padding: 0 8px;
    line-height: 40px;
    top: 50%;
    margin-top: -20px;
    right: 8px;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-control-tooltip::before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(215,22,22,0);
    border-right-color: rgba(215,22,22,0.25);
    border-width: 8px;
    margin-top: -8px;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .g-recaptcha > * {
    margin: 0 auto;
}

/* input text and password */
.emc-layout-wrapper .emc-section .emc-control-wrapper input[type="text"],
.emc-layout-wrapper .emc-section .emc-control-wrapper input[type="email"],
.emc-layout-wrapper .emc-section .emc-control-wrapper input[type="password"] {
    display: inline-block;
    max-width: 440px;
    width: 100%;
    height: 48px;
    border-radius: 4px;
    background-color: #FDFDFD;
    box-shadow: 0 1px 2px 0 rgba(217, 217, 217, 0.5);
    border: solid 1px #d8d8d8;
    font-family: 'Roboto', sans-serif;
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    line-height: 48px;
    letter-spacing: 0.5px;
    color: #282828;
    margin: 0 auto;
    text-indent: 8px;
    padding: 0;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-validate.error,
.emc-layout-wrapper .emc-section .emc-control-wrapper input.emc-validate.error,
.emc-layout-wrapper .emc-section .emc-control-wrapper input.emc-validate.error:focus {
    border: 1px solid #d71616;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-validate.success,
.emc-layout-wrapper .emc-section .emc-control-wrapper input.emc-validate.success,
.emc-layout-wrapper .emc-section .emc-control-wrapper input.emc-validate:valid {
    border: 1px solid green;
}

/* input number */
.emc-layout-wrapper .emc-section .emc-control-wrapper input[type="number"] {
    display: block;
    margin: 0 auto;
    width: 96px;
    height: 42px;
    text-align: center;
    border-radius: 4px;
    background: #FDFDFD;
    border: 1px solid #D5D5D5;
    box-shadow: 0 1px 2px 0 rgba(217, 217, 217, 0.5);
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
    color: #3B2C44;
    font-weight: 500;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    padding-right: 28px;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper select {
    display: inline-block;
    max-width: 440px;
    width: 100%;
    height: 48px;
    border-radius: 4px;
    background-color: #FDFDFD;
    box-shadow: 0 1px 2px 0 rgba(217, 217, 217, 0.5);
    border: solid 1px #D5D5D5;
    font-family: 'Roboto', sans-serif;
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    line-height: 48px;
    letter-spacing: 0.5px;
    color: #3B2C44;
    margin: 0 auto;
    padding: 0;
    cursor: pointer;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper select,
.emc-layout-wrapper .emc-section .emc-control-wrapper select option {
    padding-left: 8px;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper select::-ms-expand {
    display: none;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper select option:active {
    font-weight: 300;
    color: #282828;
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
}

.emc-layout-wrapper .emc-section .emc-control-wrapper select option:first-of-type {
    color: #b6b6b6;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-custom-select-wrapper {
    position: relative;
    width: 100%;
    max-width: 440px;
    height: 48px;
    border-radius: 4px;
    display: block;
    margin: 0 auto;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-custom-select-wrapper::before {
    content: "";
    position: absolute;
    display: block;
    right: 1px;
    top: 1px;
    height: 46px;
    width: 32px;
    background: #F7F7F7;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: 1px solid #d8d8d8;
    z-index: 2;
    pointer-events: none;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-custom-select-wrapper:active::before {
    background: #F6F6F6;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-custom-select-wrapper::after {
    display: block;
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    right: 11px;
    top: 48%;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #282828;
    border-bottom: 5px solid transparent;
    z-index: 2;
    pointer-events: none;
}

.emc-control-wrapper.emc-control--fixed {
    width: 440px;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper select > option {
    color: #282828;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper input[type="number"]::-webkit-inner-spin-button,
.emc-layout-wrapper .emc-section .emc-control-wrapper input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper label {
    font-weight: 300;
    float: left;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper.emc-control--input-number label {
    border: none;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 20px;
    cursor: pointer;
    margin: 0;
    position: absolute;
    right: calc(50% - 47px);
    float: none;
    border-left: 1px solid #D5D5D5;
    background: #F7F7F7;
    border-top-right-radius: 4px;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper.emc-control--input-number label:active {
    background: #F6F6F6;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper.emc-control--input-number label:first-of-type {
    top: 1px;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper.emc-control--input-number label:last-of-type {
    border-top: 1px solid #D5D5D5;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    bottom: 1px;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper.emc-control--input-number label::after {
    display: block;
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #282828;
    top: calc(50% - 2px);
    left: calc(50% - 4px);

}

.emc-layout-wrapper .emc-section .emc-control-wrapper.emc-control--input-number label:last-of-type::after {
    top: calc(50% - 2px);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #282828;
    border-bottom: 4px solid transparent;
}

/* input checkbox */
.emc-layout-wrapper .emc-section .emc-control-wrapper input[type="checkbox"] {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    height: 0;
    width: 0;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper.emc-control--input-checkbox label {
    cursor: pointer;
    float: none;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper.emc-control--input-checkbox label span.emc-custom-checkbox {
    display: block;
    position: relative;
    top: 2px;
    float: left;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    background-color: #FDFDFD;
    box-shadow: 0 1px 2px 0 rgba(217, 217, 217, 0.5);
    border: solid 1px #D8D8D8;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper.emc-control--input-checkbox label span.emc-custom-checkbox i.fa {
    display: none;
    font: normal normal normal 14px/1 'FontAwesome';
}

.emc-layout-wrapper .emc-section .emc-control-wrapper.emc-control--input-checkbox input[type="checkbox"]:checked ~label span.emc-custom-checkbox i.fa,
.emc-layout-wrapper .emc-section .emc-control-wrapper.emc-control--input-checkbox span input[type="checkbox"]:checked ~label span.emc-custom-checkbox i.fa {
    display: block;
}

/* buttons */
.emc-button.download-btn-cst {
    overflow: initial;
    padding: 0 24px;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-button,
.emc-control-wrapper .emc-button {
    display: inline-block;
    margin: 0 4px;
    padding: 0 24px;
    text-decoration: none;
    height: 48px;
    border-radius: 5px;
    border: none;
    font-family: Roboto, sans-serif;
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 48px;
    text-align: center;
    letter-spacing: 0.4px;
    cursor: pointer;
    color: #ffffff;
    transition: background-color 0.5s ease;
    will-change: background-color;
}

/* --- WORKAROUND
 TODO: Don't forget to rewrite backend with submit!!!
 --- */
.emc-control-wrapper .emc-button.emc-temp-button {
    display: block!important;
    margin: 0 auto!important;
}
/* --END WORKAROUND --- */

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-button:only-child,
.emc-control-wrapper .emc-button:only-child {
    margin: 0;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper.play-video .emc-button.emc-button--play {
    width: 50px;
    border-radius: 50%!important;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    background: #FE9400;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper.play-video .emc-button.emc-button--play + span {
    color: #FE9400;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    margin-left: 4px;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper.play-video .emc-button.emc-button--play > span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper.play-video .emc-button.emc-button--play > span::before,
.emc-layout-wrapper .emc-section .emc-control-wrapper.play-video .emc-button.emc-button--play > span::after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper.play-video .emc-button.emc-button--play > span::before {
    width: 0;
    height: 0;
    margin-top: -14px;
    margin-left: -8px;
    border-style: solid;
    border-width: 14px 0 14px 24.2px;
    border-color: transparent transparent transparent #ffffff;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper.play-video .emc-button.emc-button--play > span::after {
    width: 0;
    height: 0;
    margin-top: -12px;
    margin-left: -7px;
    border-style: solid;
    border-width: 12px 0 12px 20.8px;
    border-color: transparent transparent transparent #fe9400;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-button.emc-button--long {
    min-width: 170px;
    max-width: 220px;
    padding: 0 16px;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-button.emc-button--small,
.emc-control-wrapper .emc-button.emc-button--small {
    height: 32px;
    line-height: 32px;
    min-width: 120px;
    padding: 0 8px;
    font-size: calc(11px + (13 - 11) * ((100vw - 320px) / (1920 - 320)));
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-button.emc-button--christmas {
    background: #EA4630;
    position: relative;
    padding-left: 42px;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-button.emc-button--christmas:hover {
    background: #bb2528;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-button.emc-button--christmas::before,
.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-button.emc-button--christmas::after {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 100px;
    transform: rotate(33deg);
    top: 0;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-button.emc-button--christmas::before {
    background: #FFFFFF;
    left: 0px;
    top: -10px;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-button.emc-button--christmas::after {
    background: #146B3A;
    left: 7px;
    top: -10px;
}

/* search */

.emc-layout-wrapper .emc-section .emc-control-wrapper.emc-control-wrapper--search {
    position: relative;
    overflow: initial;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper.emc-control-wrapper--search input[type="text"] {
    display: block;
    height: 64px;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.19);
    width: 100%;
    float: left;
    padding: 8px 120px 8px 8px;
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
    color: #3B2C44;
    border: none;
    max-width: none;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper.emc-control-wrapper--search [type="submit"],
.emc-layout-wrapper .emc-section .emc-control-wrapper.emc-control-wrapper--search button {
    position: absolute;
    top: 50%;
    right: 16px;
    height: 42px;
    width: auto;
    margin-top: -21px;
    border-radius: 5px;
    border: none;
    font-family: Roboto, sans-serif;
    font-size: calc(11px + (13 - 11) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 42px;
    text-align: center;
    letter-spacing: 0.4px;
    cursor: pointer;
    color: #ffffff;
    background-color: #3AC078;
    padding: 0 16px;
    transition: background-color 0.5s ease;
    will-change: background-color;

}

.emc-layout-wrapper .emc-section .emc-control-wrapper.emc-control-wrapper--search [type="submit"]:hover,
.emc-layout-wrapper .emc-section .emc-control-wrapper.emc-control-wrapper--search button:hover {
    background-color: #1C7A48;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper.emc-control-wrapper--search button i.fa {
    margin-right: 8px;
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
}

@media (max-width: 991px) {
    .emc-layout-wrapper .emc-section .emc-control-wrapper .emc-button.emc-button--small,
    .emc-control-wrapper .emc-button.emc-button--small {
        min-width: 100px;
    }
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-button.emc-button--icon {
    padding-left: 0;
    text-indent: 12px;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-button.emc-button--icon .emc-button__icon-container {
    height: 50px;
    float: left;
    display: block;
    position: relative;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-button.emc-button--icon .emc-button__icon-container img {
    display: block;
    height: 24px;
    margin-top: 13px;
    margin-left: 13px;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-button.emc-button--icon .emc-button__icon-container i.fa {
    line-height: 47px;
    font-size: 17px;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-button.emc-button--icon .emc-button__icon-container::after {
    display: block;
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    width: 0;
    height: 50px;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-button.emc-button--icon-only {
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    padding: 0;
    margin: 0;
}

/* Button icon borders - not sure if needed
.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-button.emc-button--icon.emc-button--green .emc-button__icon-container::after {
    border-right: 1px solid #3eda80;
    border-left: 1px solid #31af67;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-button.emc-button--icon.emc-button--orange .emc-button__icon-container::after {
    border-right: 1px solid #FAB54C;
    border-left: 1px solid #DB8606;
}
*/

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-button.emc-button--green,
.emc-control-wrapper .emc-button.emc-button--green {
    background-color: #3AC078;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-button.emc-button--green:hover,
.emc-control-wrapper .emc-button.emc-button--green:hover {
    background-color: #1C7A48;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-button.emc-button--orange,
.emc-control-wrapper .emc-button.emc-button--orange {
    background-color: #FE9400;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-button.emc-button--orange:hover,
.emc-control-wrapper .emc-button.emc-button--orange:hover {
    background-color: #CB7702;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-button:disabled,
.emc-control-wrapper .emc-button:disabled,
.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-button:disabled:hover,
.emc-control-wrapper .emc-button:disabled:hover {
    background-color: #969696;
    cursor: not-allowed;
}

/* --- MARKET CONTROLS --- */

.emc-market-controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.emc-market-controls ul {
    list-style: none;
}

.emc-market-controls ul li {
    display: block;
    float: left;
}

.emc-layout-control {
    border-right: 2px solid #F7F7F7;
    margin-right: 16px;
    padding: 8px 16px;
}

.emc-layout-control li a {
    color: #B5B5B5;
    transition: color 0.125s ease-in;
    will-change: color;
    margin-left: 8px;
}

.emc-layout-control li a:hover {
    color: #595959;
}

.emc-filters {

}

.emc-filters li button {
    border-radius: none;
    display: block;
    border: 2px solid #F7F7F7;
    border-right: none;
    background: #FFFFFF;
    height: 32px;
    padding: 0 8px;
    line-height: 30px;
    font-weight: 500;
    text-align: center;
    font-size: calc(11px + (13 - 11) * ((100vw - 320px) / (1920 - 320)));
    color: #595959;
}

.emc-filters li:first-of-type button {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.emc-filters li:last-of-type button {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-right: 2px solid #F7F7F7;
}

/* --- CSS GRID --- */

.emc-grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
}

ul.emc-grid {
    list-style: none;
}

.emc-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(320px, 1fr))[auto-fill];
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}

ul.emc-grid li {
    -ms-flex: 1 0 320px;
    flex: 1 0 320px;
    min-width: 0;
}

ul.emc-grid li > div {
    display: flex;
    width: 100%;
    height: 100%;
    min-width: 320px;
}

ul.emc-grid li > div > article.emc-theme-item {
    padding: 0;
    border-radius: 4px;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 16px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.19);
    transition: box-shadow 0.25s ease-in-out;
    -webkit-transition: box-shadow 0.25s ease-in-out;
    -moz-transition: box-shadow 0.25s ease-in-out;
    -ms-transition: box-shadow 0.25s ease-in-out;
    -o-transition: box-shadow 0.25s ease-in-out;
    will-change: box-shadow;
}

ul.emc-grid li > div > article.emc-theme-item:hover {
    box-shadow: 0 4px 22px 0 rgba(0, 0, 0, 0.19);
}

article.emc-theme-item .emc-theme-item__top,
article.emc-theme-item .emc-theme-item__bottom {
    width: 100%;
}

article.emc-theme-item .emc-theme-item__top {
    height: 120px;
    background: #F7F7F7;
    overflow: hidden;
}

article.emc-theme-item .emc-theme-item__top img {
    display: block;
    width: 100%;
}

article.emc-theme-item .emc-theme-item__bottom {
    text-align: left;
    padding: 16px;
}

article.emc-theme-item .emc-theme-item__bottom .emc-theme-item__elements {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}

article.emc-theme-item .emc-theme-item__bottom .emc-theme-item__elements .emc-control-wrapper {
    margin: 0;
}

/* --- ELEMENTS --- */

.emc-tabs {
    list-style: none;
    display: block;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden;
}

.emc-tabs li {
    display: block;
    float: left;
    width: 25%;
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    background: #F7F7F7;
}

.emc-tabs.emc-tabs-3 li {
    width: 33.333%;
}

.emc-tabs li a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: #7c7c7c;
    font-weight: 300;
}

.emc-tabs li.active {
    border-bottom: none;
    background: #FFFFFF;
}

.emc-tabs li.active a {
    color: #080809;
    font-weight: 500;
    pointer-events: none;
}

.emc-tabs li:first-of-type {
    border-top-left-radius: 4px;
}

.emc-tabs li:last-of-type {
    border-right: none;
    border-top-right-radius: 4px;
}

.emc-list {
    list-style: none;
}

.emc-list > li {
    display: block;
    width: 100%;
    overflow: hidden;
    padding-left: 32px;
    margin-bottom: 24px;
    text-align: left;
    position: relative;
}

.emc-list.emc-list--bullet .emc-list__caption::before {
    content: "";
    position: absolute;
    display: block;
    left: -30px;
    top: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #FE9400;
}

.emc-list.emc-list--bullet .emc-list__caption {
    text-transform: uppercase;
    font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 8px;
    position: relative;
}

.emc-list.emc-list--bullet > li p {
    font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.emc-list.emc-list--dot {

}

.emc-list.emc-list--dot > li {
    margin-bottom: 8px;
    padding-left: 20px;
}

.emc-list.emc-list--dot > li::before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 8px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: transparent;
    border: 2px solid #FE9400;
}

.emc-list.emc-list--dot > li:last-of-type {
    margin-bottom: 0;
}

.emc-list.emc-list--ordered {
    list-style: none;
    counter-reset: new-counter;
}

.emc-list.emc-list--ordered > li {
    margin-bottom: 8px;
    padding-left: 32px;
}

.emc-list.emc-list--ordered > li::before {
    content: counter(new-counter)".";
    counter-increment: new-counter;
    position: absolute;
    display: block;
    left: 0px;
    top: 0;
    color: #FE9400;
    font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    width: 24px;
    text-align: right;
}

.emc-list p {
    text-align: left;
    font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 300;
}

.emc-screenshot-list {
    list-style: none;
    margin-bottom: 24px;
}

.emc-screenshot-list:last-of-type,
.emc-screenshot-list:only-of-type,
.emc-screenshot-list:only-child {
    margin-bottom: 0;
}

.emc-screenshot-list li {
    float: left;
    width: calc(33% - 16px);
}

.emc-screenshot-list li:nth-of-type(1) {
    margin-right: 16px;
}

.emc-screenshot-list li:nth-of-type(2) {
    margin: 0 8px;
}

.emc-screenshot-list li:nth-of-type(3) {
    margin-left: 16px;
}

.emc-image-container.emc-image-container--multiple {
    display: block;
    width: 100%;
}

.emc-image-container.emc-image-container--multiple .emc-image {
    display: inline-block;
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border: 2px solid #E6E6E6;
    border-radius: 50%;
    margin-right: 16px;
    transition: border-color 0.25s ease;
}

.providers-wrap .emc-image-container.emc-image-container--multiple .emc-image {
    width: 48px;
    height: 48px;
    margin-right: 8px;
}

.providers-wrap .emc-image-container.emc-image-container--multiple .emc-image:last-of-type {
    margin-right: 0;
}

.emc-image-container.emc-image-container--multiple .emc-image#GmailRed:hover {
    border-color: #f14336;
}

.emc-image-container.emc-image-container--multiple .emc-image#iCloudBlue:hover {
    border-color: #41bdfe;
}

.emc-image-container.emc-image-container--multiple .emc-image#OutlookBlue:hover {
    border-color: #0072c6;
}

.emc-image-container.emc-image-container--multiple .emc-image#ExchangeBlue:hover {
    border-color: #2876bb;
}

.emc-image-container.emc-image-container--multiple .emc-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width: 24px;
}

/* --- END ELEMENTS --- */

/* --- EMC PRESS SPECIFIC CSSs --- */

.emc-press {

}

.emc-press h2,
.emc-press p {
    text-align: left;
}

.emc-press h2 {
    margin-bottom: 12px;
}

.emc-press h2 > a {
    color: #3B2C44!important;
    letter-spacing: 1px;
    font-weight: 500!important;
}

.emc-press .emc-press__source {
    display: block;
    position: relative;
    width: 100%;
    text-align: left;
    color: #969696;
    font-size: 0.786em;
    font-weight: 500;
    letter-spacing: 0.4px;
    height: 32px;
    margin-bottom: 12px;
    line-height: 32px;
    text-transform: uppercase;
}

.emc-press .emc-press__source::before {
    content: "";
    position: absolute;
    display: block;
    height: 2px;
    width: 108px;
    background: #d8d8d8;
    top: 0;
    left: 0;
}

.emc-press .emc-press__date {
    display: block;
    float: left;
    height: 88px;
    width: 88px;
    border: 1px solid #E6E6E6;
    margin: 4px 32px 16px 0;
}

.emc-press .emc-press__date .emc-press__date-month {
    display: block;
    height: 24px;
    line-height: 24px;
    background: #f5f5f5;
    color: #7c7c7c;
    font-size: calc(11px + (13 - 11) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 300;
}

.emc-press .emc-press__date .emc-press__date-day {
    line-height: 60px;
    font-size: 39px;
    font-weight: 500;
    color: #282828;
}

.emc-press .emc-press__content {
    display: block;
    float: left;
    max-width: 676px;
    overflow: hidden;
    text-align: left;
}

/* --- END EMC PRESS SPECIFIC CSSs --- */

/* --- TOOLS (clearfix, visibility, positioning) ---*/

table.emc-fixed {
}

table.emc-fixed.active {
    display: block;
}

table.emc-fixed thead {

    background: transparent;
   
    border-bottom: 1px solid transparent;
}

table.emc-fixed thead tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

table.emc-fixed.active thead {
    display: block;
    position: fixed;
    top: 62px;
    left: 0;
    width: 100%;
    background: #FFFFFF;
    z-index: 998;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
}

table.emc-fixed.active thead tr {
    width: 970px;
    margin: 0 auto;
}

@media (min-width: 1200px) {
    table.emc-fixed.active thead tr {
        width: 1170px;
    }
}

table.emc-fixed tbody {
    display: table;
    width: 100%;
}

.emc-img-md {
    width: 40px;
}

*[class*="col-"].extra-padding,
.container.extra-padding {
    padding-left: 30px;
    padding-right: 30px;
}

*[class*="col-"].extra-padding-left {
    padding-left: 30px;
}

@media (max-width: 991px) {
    *[class*="col-"].extra-padding-left {
        padding-left: 15px;
    }
}

.no-margin {
    margin: 0!important;
}

.no-padding {
    padding: 0!important;
}

.no-padding-top {
    padding-top: 0!important;
}

.no-padding-bottom {
    padding-bottom: 0!important;
}

.no-padding-left {
    padding-left: 0!important;
}

.no-padding-right {
    padding-right: 0!important;
}

.fixed-height {
    height: 160px;
}

.fixed {
    overflow-y: hidden;
    position: fixed;
}

.visually-hidden {
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
    font-size: 0;
    display: block;
}

.disabled,
a.disabled,
a.disabled:hover {
    pointer-events: none;
    background: #979797!important;
}

.emc-spacer {
    display: block;
    position: relative;
    overflow: hidden;
}

.emc-spacer.emc-spacer-32 {
    height: 32px;
}

.emc-spacer.emc-spacer-24 {
    height: 24px;
}

.emc-spacer.emc-spacer-16 {
    height: 16px;
}

.emc-spacer.emc-spacer-8 {
    height: 8px;
}

.emc-divider {
    position: relative;
}

a.emc-divider {
    padding-left: 10px;
    margin-left: 4px;
}

.emc-divider::before {
    position: absolute;
    display: block;
    height: 16px;
    margin-top: 1px;
    width: 1px;
    background: #E6E6E6;
    content: "";
    left: 0;
    top: 0;
}

.emc-drop-shadow {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.19);
}

.emc-border--grey {
    border: 1px solid #E6E6E6;
}

.emc-border--grey-left {
    border-left: 1px solid #E6E6E6;
}

.emc-border--grey-right {
    border-right: 1px solid #E6E6E6;
}

.emc-border--grey-top {
    border-top: 1px solid #E6E6E6;
}

.emc-border--grey-bottom {
    border-bottom: 1px solid #E6E6E6;
}

.emc-background--grey {
    background: #F7F7F7!important;
}

.emc-background--grey.gradient {
    background: rgb(247,247,247);
    background: -moz-linear-gradient(0deg, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%)!important;
    background: -webkit-linear-gradient(0deg, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%)!important;
    background: linear-gradient(0deg, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f7f7",endColorstr="#ffffff",GradientType=1);
}

.emc-background--lighter-grey {
    background: #FBFBFB!important;
}

/* --- BLOG --- */

#emcBLog .emc-blogpost.emc-blogpost--newest {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#emcBLog .emc-blogpost.emc-blogpost--newest .col-sm-6 {
    position: relative;
    flex: 1;
}

#emcBLog .emc-blogpost.emc-blogpost--newest .col-sm-6 > a.emc-blogpost__image-link {
    position: relative;
    display: block;
    height: 100%;
}

#emcBLog .emc-blogpost.emc-blogpost--newest a.emc-blogpost__image-link > img {
    display: block;
    width: 100%;
    height: auto;
}

#emcBLog a[id*='BlogPostLink'],
#emcBLog a[id*='BlogPostLink'] h3 {
    text-decoration: none;
}

#emcBlogPost .emc-blogpost .emc-blogpost__content > p {
    font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));
    display: block;
}

.emc-blogpost__highlighted-text,
#emcBlogPost .emc-blogpost .emc-blogpost__highlighted-text {
    display: block;
    background: #f6f6f6;
    padding: 8px 16px;
    margin-bottom: 24px;
    border-left: 6px solid #f93d12;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.11);
}

.emc-blogpost__highlighted-text.orange,
#emcBlogPost .emc-blogpost .emc-blogpost__highlighted-text.orange {
    border-left: 6px solid #FE9400;
    background: rgba(251, 163, 0, 0.04);
}

.emc-blogpost img {
    width: 100%;
    height: auto;
}

.emc-blogpost .emc-blogpost__video {
    width: 100%;
    margin: 32px auto;
}

video::-webkit-media-controls div[pseudo="-webkit-media-controls-panel" i] {
    background: transparent!important;
}

video::-webkit-media-controls div[pseudo="-internal-media-controls-button-panel" i] {
    background: rgba(0,0,0,0.5)!important;
}

video::-webkit-media-controls input[pseudo="-webkit-media-controls-timeline" i] {
    background: rgba(0,0,0,0.5)!important;
}

.emc-blogpost .emc-blogpost__date {
    letter-spacing: 0.4px;
    font-weight: 400;
}

.emc-blogpost .emc-blogpost__content img {
    margin: 32px auto;
}

.emc-blogpost .emc-blogpost__content p:empty {
    display: none;
}

.emc-blogpost .emc-blogpost__content h2,
.emc-blogpost .emc-blogpost__content h3 {
    font-weight: 500;
    letter-spacing: 0.4px;
    line-height: 22px;
    display: block;
}

.emc-blogpost .emc-blogpost__content h2 {
    font-size: 1.5em;
}

.emc-blogpost .emc-blogpost__content h3 {
    font-size: calc(17px + (21 - 17) * ((100vw - 320px) / (1920 - 320)));
}

.emc-blogpost .emc-blogpost__content h2:not(:first-of-type),
.emc-blogpost .emc-blogpost__content h3:not(:first-of-type) {
    margin-top: 24px;
    margin-bottom: 24px;
}

.emc-blogpost .emc-blogpost__content h2:first-of-type,
.emc-blogpost .emc-blogpost__content h3:first-of-type {
    margin-top: 24px;
    margin-bottom: 24px;
}

.emc-blogpost .emc-blogpost__content h2:only-of-type,
.emc-blogpost .emc-blogpost__content h3:only-of-type {
    margin-top: 24px;
    margin-bottom: 24px;
}

.emc-blogpost .emc-blogpost__content h2:nth-child(3),
.emc-blogpost .emc-blogpost__content h3:nth-child(3) {
    margin-top: 0;
}

.emc-blogpost .emc-blogpost__content h4:first-of-type,
.emc-blogpost .emc-blogpost__content h4:only-of-type {
    margin-top: 0;
    margin-bottom: 16px;
}

.emc-blogpost .emc-blogpost__content h4 {
    font-weight: 500;
    letter-spacing: 0.4px;
    display: block;
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.emc-blogpost .emc-blogpost__content p {
    margin:8px 0;
    letter-spacing: 0.4px;
    line-height: 22px;
}

.emc-blogpost .emc-blogpost__image-holder {
    position: relative;
    margin: 32px 0;
    text-align: center;
}

.emc-blogpost .emc-blogpost__image-holder a {
    display: inline-block;
}

.emc-blogpost .emc-blogpost__image-holder img {
    max-width: 300px;
    display: block;
    margin: 0;
    border-radius: 2px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.125);
}

.emc-blogpost .emc-blogpost__image-holder:only-child img {
    margin-bottom: 32px;
}

.emc-blogpost .emc-blogpost__image-holder span {
    font-size: calc(11px + (13 - 11) * ((100vw - 320px)/ (1920 - 320)));
    text-align: center;
    display: block;
}

.emc-blogpost .emc-blogpost__line {
    display: block;
    height: 1px;
    max-width: 320px;
    background: #e6e6e6;
    margin: 21px 0;
    overflow: hidden;
}

.emc-blogpost .emc-blogpost__share-panel {

}

.emc-overhead {
    display: block;
    position: relative;
    width: 100%;
    text-align: left;
    font-weight: 500;
    letter-spacing: 0.3px;
    height: 32px;
    margin-bottom: 12px;
    line-height: 32px;
    text-transform: lowercase;
    font-variant: small-caps;
}

.emc-overhead a {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

.emc-overhead::before {
    content: "";
    position: absolute;
    display: block;
    height: 2px;
    width: 108px;
    background: #d8d8d8;
    top: 0;
    left: 0;
}

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

}

/* --- END BLOG --- */

/* --- MEDIA QUERIES --- */

@media screen and ( max-width: 3840px ) {
    .emc-layout-wrapper .emc-section.emc-section--hero {

    }
}

@media screen and ( max-width: 1920px ) {
    .emc-layout-wrapper .emc-section.emc-section--hero {

    }
}

@media screen and ( max-width: 1440px ) {
    .emc-layout-wrapper .emc-section.emc-section--hero {

    }
}

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

    table.emc-fixed.active thead tr {
        width: 970px;
    }

    .emc-layout-wrapper .emc-section.emc-section--hero .emc-offset.emc-offset--hero {

    }

}

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

    .emc-layout-wrapper .emc-section.emc-section--hero .emc-offset.emc-offset--hero {

    }

    table.emc-fixed.active thead {
        top: 62px;
        border-top: 1px solid #E6E6E6;
    }

    table.emc-fixed.active thead tr {
        width: 750px;
    }

    .emc-layout-wrapper .emc-section .emc-offset {
        padding: 72px 16px;
    }

    .emc-layout-wrapper .emc-section#PricingTable > .emc-offset {
        padding: 72px 0;
    }

    .emc-layout-wrapper .emc-section#PricingTable table td *[id*="spanPrice"],
    .emc-layout-wrapper .emc-section#PricingTable table td *[id*="spanUnitPrice"],
    .emc-layout-wrapper .emc-section#PricingTable table td *[id*="spanYouSave"],
    .emc-layout-wrapper .emc-section#PricingTable table tr.price td > span {
        white-space: nowrap;
        display: block;
        margin: 4px 0;
    }

    .emc-layout-wrapper .emc-section .emc-card.emc-card--icon {
        margin: 0;
    }

    *[id*="emc"] .mobile-scrollable {
        overflow-x: scroll;
    }

    .emc-layout-wrapper .emc-section .emc-container table.emc-table--mobile-scrollable {
        margin-bottom: 36px;
    }

    .emc-layout-wrapper .emc-section .emc-container table.emc-table--mobile-scrollable::after {
        display: block;
    }

    #whats-new-in-em .first-text-box, .start-block .first-text-box {
        margin-top: 64px!important;
    }
}

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

    table.emc-fixed.active thead tr {
        width: calc(100% - 32px);
    }

    .emc-notification {
        height: 64px;
    }

    #views-and-meeting .col-sm-6:last-of-type {
        margin-top: 32px;
    }

    /*
    .emc-blogpost.emc-blogpost--newest img {
        display: none;
    }
    */

    #emcBLog .emc-blogpost.emc-blogpost--newest a.emc-blogpost__image-link > img {
        margin-top: 24px;
        position: relative;
        top: auto;
        transform: none;
    }

    #emcBLog .emc-blogpost.emc-blogpost--newest {
        display: flex;
        flex-direction: column-reverse;
    }

    #emcBLog .emc-blogpost.emc-blogpost--newest .col-sm-6 {
    }

    *[class*="--align"].sm-left {
        text-align: left!important;
    }

    *[class*="col-"].padding-top {
        padding-top: 24px;
    }

    .emc-tabs:not(.emc-tabs-3) li {
        width: 50%;
    }

    .emc-tabs:not(.emc-tabs-3) li:first-of-type {
        border-top-left-radius: 4px;
    }

    .emc-tabs:not(.emc-tabs-3) li:nth-of-type(2) {
        border-right: none;
    }

    .emc-tabs:not(.emc-tabs-3) li.active {
        border-bottom: 1px solid #E6E6E6;
    }

    .emc-tabs:not(.emc-tabs-3) li:nth-child(3).active,
    .emc-tabs:not(.emc-tabs-3) li:last-of-type.active {
        border-bottom: none;
    }

    .emc-tabs:not(.emc-tabs-3) li:last-of-type {
        border-right: none;
        border-top-right-radius: 0;
    }

    .emc-tabs.emc-tabs-3 li {
        width: 100%;
    }

    .emc-tabs.emc-tabs-3 li:first-of-type {
        border-top-right-radius: 4px;
        border-right: none;
    }

    .emc-tabs.emc-tabs-3 li:nth-of-type(2) {
        border-right: none;
    }

    .emc-tabs.emc-tabs-3 li:last-of-type {
        border-top-right-radius: 0;
    }

    .emc-tabs.emc-tabs-3 li.active {
        border-bottom: 1px solid #E6E6E6;
    }

    .emc-border--grey-left {
        border-left: none;
        border-top: 1px solid #E6E6E6;
    }

    .emc-border--grey-right {
        border-right: none;
        border-bottom: 1px solid #E6E6E6;
    }

    .emc-layout-wrapper .emc-section .emc-container table.emc-table--default tr th:first-of-type,
    .emc-layout-wrapper .emc-section .emc-container table.emc-table--default tr td:first-of-type {
        padding: 0 16px;
    }

    .emc-layout-wrapper .emc-section .emc-container .emc-note {
        margin-top: 16px;
    }

    .emc-layout-wrapper .emc-section .emc-container .emc-note:last-of-type {
        float: left;
    }

    .emc-layout-wrapper .emc-section .emc-iconset .emc-icon-container {
        margin: 16px auto;
    }

    .emc-settings-block li img {
        display: none;
    }

    .emc-custom-floating-img {
        float: none;
        margin-top: 16px;
    }

    #whats-new-in-em .first-text-box, .start-block .first-text-box {
        margin-top: 32px!important;
    }
}

@media screen and ( max-width: 640px ) {
    .emc-layout-wrapper .emc-section table.emc-table--responsive,
    .emc-layout-wrapper .emc-section table.emc-table--responsive thead,
    .emc-layout-wrapper .emc-section table.emc-table--responsive tbody,
    .emc-layout-wrapper .emc-section table.emc-table--responsive tr,
    .emc-layout-wrapper .emc-section table.emc-table--responsive th,
    .emc-layout-wrapper .emc-section table.emc-table--responsive td {
        display: block;
    }

    .emc-layout-wrapper .emc-section table.emc-table--responsive {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }

    .emc-layout-wrapper .emc-section table.emc-table--responsive tr {
        overflow: hidden;
        float: left;
    }

    .emc-layout-wrapper .emc-section table.emc-table--responsive tr.emc-table-row--highlighted {
        border-top: none!important;
        border-bottom: none!important;
    }

    .emc-layout-wrapper .emc-section table.emc-table--responsive th,
    .emc-layout-wrapper .emc-section table.emc-table--responsive td {
        width: auto;
        height: 60px!important;
        line-height: 60px!important;
        float: none;
        padding: 0 24px!important;
        text-align: left!important;
        border: none!important;
    }

    .emc-layout-wrapper .emc-section table.emc-table--responsive td img {
        display: none;
    }

    .emc-layout-wrapper .emc-section table.emc-table--responsive thead tr th,
    .emc-layout-wrapper .emc-section table.emc-table--responsive thead tr td {
        text-align: left!important;
    }

    .first-block-vector {
        display: none;
    }

    .emc-settings-block li {
        height: auto;
    }

    .emc-settings-block li .emc-settings-block__text {
        top: auto;
        transform: none;
        -o-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        float: none;
    }

}

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

    .emc-notification {
        height: 80px;
    }

    .emc-layout-wrapper .emc-section .emc-container table.emc-table--default tr th:first-of-type,
    .emc-layout-wrapper .emc-section .emc-container table.emc-table--default tr td:first-of-type {
        padding: 0 12px;
    }

    .emc-layout-wrapper .emc-section .emc-container table.emc-table--mobile-collapsible {
        display: block;
        border-spacing: 0;
    }

    .emc-layout-wrapper .emc-section .emc-container table.emc-table--mobile-collapsible td,
    .emc-layout-wrapper .emc-section .emc-container table.emc-table--mobile-collapsible tr {
        display: block;
        overflow: hidden;
        height: auto;
    }

    .emc-layout-wrapper .emc-section .emc-container input[type="text"] {
        width: 100%;
    }

    *[id*="emc"] .mobile-scrollable {
        overflow-x: scroll;
    }

}

/* !--- END Temporary CSS ---! */





.jqTransformCheckboxWrapper .checkbox {
    display: none;
}

.jqtransformdone .tooltip {
    border-bottom: 1px dotted #000000;
    color: #005da3;
    outline: none;
    cursor: help;
    text-decoration: none;
    position: relative;
    display: inline;
    opacity: 1;
    font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));
}

#homepage-new, .header-new, #footer-new, #sub-menu-float {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #58492D;
    text-rendering: geometricPrecision;
}

#homepage-new, #homepage-new *, .header-new, .header-new *, #footer-new, #footer-new *, #sub-menu-float, #sub-menu-float * {
    box-sizing: border-box !important;
}

/*#maincontent > *:first-child:not(#homepage-new),*/
.centerholder {
    padding-top: 90px !important;
}

#homepage-new {
    overflow-x: hidden;
}

footer .mobile-toggle {
    display: none;
}

ul li {
    list-style-type: none;
}

.container {
    position: relative;
    height: 100%;
}

.m-t {
    margin-top: 15px;
}

.m-b {
    margin-bottom: 15px;
}

.nopadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.absolute-center, .animate-image-set img, .slide-show-container .slide-show-content .slide-container > * {
    margin: 0 !important;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50% !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.slide-container img {
    border: 1px solid #E6E6E6;
}

.btn-cstm {
    display: inline-block;
    padding: 0 24px;
    height: 50px;
    line-height: 50px;
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
    letter-spacing: 0.4px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: background 0.25s ease-in;
    -moz-transition: background 0.25s ease-in;
    -o-transition: background 0.25s ease-in;
    transition: background 0.25s ease-in;
    will-change: background;
    cursor: pointer;
}

.btn-cstm svg * {
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.btn-cstm:hover {
    color: #ffffff;
}

.btn-cstm:link, .btn-cstm:visited {
    color: #ffffff;
}

.btn.active {
    box-shadow: none;
    -webkit-box-shadow: none;
    outline: 0;
}

.download-btn-cst {
    background-color: #01C176;
    padding: 0 20px 0 47px;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.download-btn-cst:hover, .download-btn-cst.active {
    background-color: #25a25a;
}

.download-btn-cst:hover i.download:after, .download-btn-cst.active i.download:after {
    border-right-color: #25c067;
    border-left-color: #268750;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.download-btn-cst > i.fa {
    position: absolute;
    top: 50%;
    left: 20px;
    font-size: 17px;
    margin-top: -10px;
}

.download-btn-cst:after {
    width: 0;
    height: 100%;
    top: 50%;
    left: 0;
    background: #fff;
    opacity: .5;
    -webkit-transform: translateX(0%) translateY(-50%);
    -moz-transform: translateX(0%) translateY(-50%);
    -o-transform: translateX(0%) translateY(-50%);
    -ms-transform: translateX(0%) translateY(-50%);
    transform: translateX(0%) translateY(-50%);
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    transition: all 100ms linear;
}

.download-btn-cst.inprogress i.download:before {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.download-btn-cst.inprogress:after {
    width: calc(100% - 48px);
    -webkit-transition: all 3s ease-out;
    -moz-transition: all 3s ease-out;
    -o-transition: all 3s ease-out;
    transition: all 3s ease-out;
}

.extra-btn {
    background-color: #FE9400;
}

.extra-btn:hover {
    background-color: #de8806;
}

.new {
    background-color: #FE9400;
    display: inline-block;
    padding: 10px 24px;
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
    line-height: 24px;
    color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    cursor: default;
}

.new:hover {
    color: #ffffff;
}

.animate-image-set {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
}

/*#HeroPage .animate-image-set {
    background-color: #000;
}*/

.animate-image-set img {
    width: 100%;
    height: auto;
    display: none;
    pointer-events: none;
}

.btn-group .btn-group:first-of-type > * {
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-left-width: 1px;
}

.btn-group .btn-group:last-of-type > * {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}

.btn-tabed {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-left-width: 0;
    color: #3B2C44;
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
    line-height: 15px;
    padding: 12px 0 6px;
    height: 40px;
}

.btn-tabed .button-text {
    display: none;
}

.btn-tabed .button-icon {
    display: inline-block;
    height: 18px;
    width: 18px;
}

@media (min-width: 991px) {
    .btn-tabed .button-text {
        display: inline-block;
    }

    .btn-tabed .button-icon {
        display: none;
    }
}

.btn-tabed svg {
    position: relative;
}

.btn-tabed svg * {
    fill: #3B2C44;
}

.btn-tabed:hover, .btn-tabed.active {
    color: #fff;
    background-color: #FE9400;
    border-color: #FE9400;
}

.btn-tabed:hover svg *, .btn-tabed.active svg * {
    fill: #fff;
}

.reference-vector {
    display: none;
}

.button-round {
    cursor: pointer;
    display: inline-block;
}

.button-round * {
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.button-round .round-button-bg {
    fill: transparent;
    stroke: #FE9400;
}

.button-round .round-button-arrow {
    stroke: #FE9400;
}

.button-round:hover .round-button-bg, .button-round.active .round-button-bg {
    fill: #FE9400;
}

.button-round:hover .round-button-arrow, .button-round.active .round-button-arrow {
    stroke: #fff;
}

.slide-show-container {
    width: 100%;
    position: relative;
    padding: 0 0 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

@media (min-width: 1200px) {
    .slide-show-container {
        padding: 0 6% 0;
    }

}

.slide-show-container .active-slide-text {
    position: absolute;
    width: 100%;
    top: 1%;
    left: 0;
    text-align: center;
    color: #3B2C44;
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
}

@media (min-width: 991px) {
    .slide-show-container .active-slide-text {
        display: none;
    }
}

.slide-show-container .active-slide-tooltip {
    position: absolute;
    display: none;
    width: 112px;
    border-radius: 6px;
    padding: 8px 6px;
    font-size: calc(11px + (13 - 11) * ((100vw - 320px) / (1920 - 320)));
    background-color: #FE9400;
    color: #ffffff;
    z-index: 3;
    font-weight: 300;
    text-align: center;
    letter-spacing: 0;
    line-height: 14px;
}

.slide-show-container .active-slide-tooltip:before {
    position: absolute;
    background-color: transparent;
    content: '';
    left: -24px;
    top: 50%;
    margin-top: -4px;
    height: 8px;
    width: 8px;
    border-top: 2px solid #FE9400;
    border-left: 2px solid #FE9400;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.slide-show-container .active-slide-tooltip:after {
    content: '';
    position: absolute;
    display: block;
    height: 2px;
    left: -24px;
    width: 24px;
    right: 50px;
    top: calc(50% - 1px);
    background-color: #FE9400;
}

@media (min-width: 991px) {
    .slide-show-container .active-slide-tooltip {
        display: block;
    }
}

.slide-show-container .slide-show-content {
    position: relative;
    z-index: 1;
    width: 98%;
    margin: auto;
    padding-top: 70%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slide-show-container .slide-show-content .slide-container {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1;
    visibility: hidden;
    -webkit-transition: all 0.6s ease-in;
    -moz-transition: all 0.6s ease-in;
    -o-transition: all 0.6s ease-in;
    transition: all 0.6s ease-in;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}

.slide-show-container .slide-show-content .slide-container.next {
    -webkit-transform: translateX(80%);
    -moz-transform: translateX(80%);
    -o-transform: translateX(80%);
    -ms-transform: translateX(80%);
    transform: translateX(80%);
}

.slide-show-container .slide-show-content .slide-container.prev {
    -webkit-transform: translateX(-80%);
    -moz-transform: translateX(-80%);
    -o-transform: translateX(-80%);
    -ms-transform: translateX(-80%);
    transform: translateX(-80%);
}

.slide-show-container .slide-show-content .slide-container.active {
    visibility: visible;
    -webkit-transition: all 0.6s ease-out 0.2s;
    -moz-transition: all 0.6s ease-out 0.2s;
    -o-transition: all 0.6s ease-out 0.2s;
    transition: all 0.6s ease-out 0.2s;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    z-index: 2;
}

.slide-show-container .slide-show-content .slide-container.stop-action {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.slide-show-container .slide-show-content .slide-container > * {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
}

.slide-show-container .slide-show-controls {
    display: none;
    z-index: 2;
    height: 48px;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    left: 0;
    right: 0;
    cursor: pointer;
}

@media (min-width: 768px) {
    .slide-show-container .slide-show-controls {
        display: block;
    }
}

.slide-show-container .slide-show-controls .controls-button {
    width: 48px;
    height: 48px;
}

.slide-show-container .slide-show-controls .controls-button.controls-left {
    float: left;
}

.slide-show-container .slide-show-controls .controls-button.controls-right {
    float: right;
}

.active-slide-indicator {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    white-space: nowrap;
}

.active-slide-indicator li {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #FE9400;
    margin-right: 8px;
    -webkit-transition: background-color 0.3s ease-in;
    -moz-transition: background-color 0.3s ease-in;
    -o-transition: background-color 0.3s ease-in;
    transition: background-color 0.3s ease-in;
}

.active-slide-indicator li:last-child {
    margin-right: 0;
}

.active-slide-indicator li.active {
    background-color: #FE9400;
}

.btn-try {
    color: #3B2C44!important;
    line-height: 16px;
    font-size: calc(11px + (13 - 11) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
    padding: 6px 26px;
    transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
}

.comics-tooltip {
    padding-bottom: 33px;
}

.comics-tooltip .tooltip-content {
    color: #ffffff;
    font-weight: 400;
    position: relative;
}

.comics-tooltip p {
    color: #FFFFFF;
}

.comics-tooltip .tooltip-content:before, .comics-tooltip .tooltip-content:after {
    position: absolute;
    content: '';
    display: block;
    border-radius: 50%;
    background-color: #FE9400;
}

.comics-tooltip .tooltip-content:before {
    left: 8px;
    width: 30px;
    height: 30px;
    bottom: -15px;
    opacity: 0;
    -webkit-transition: opacity 280ms ease-in 280ms;
    -moz-transition: opacity 280ms ease-in 280ms;
    -o-transition: opacity 280ms ease-in 280ms;
    transition: opacity 280ms ease-in 280ms;
}

.comics-tooltip .tooltip-content:after {
    left: 8px;
    width: 16px;
    height: 16px;
    bottom: -33px;
    opacity: 0;
    -webkit-transition: opacity 280ms ease-in;
    -moz-transition: opacity 280ms ease-in;
    -o-transition: opacity 280ms ease-in;
    transition: opacity 280ms ease-in;
}

.comics-tooltip .tooltip-content .tooltip-inner {
    padding: 16px 16px 16px 48px;
    max-width: 263px;
    border-radius: 8px;
    background-color: #FE9400;
    opacity: 0;
    -webkit-transition: opacity 280ms ease-in 448ms;
    -moz-transition: opacity 280ms ease-in 448ms;
    -o-transition: opacity 280ms ease-in 448ms;
    transition: opacity 280ms ease-in 448ms;
}

.comics-tooltip .tooltip-content .tooltip-icon {
    fill: #ffffff;
    position: absolute;
    display: block;
    width: 32px;
    height: 34px;
    top: 16px;
    left: 8px;
}

.comics-tooltip .tooltip-content .tooltip-text {
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
    letter-spacing: -0.1px;
}

.comics-tooltip.active .tooltip-content:before, .comics-tooltip.active .tooltip-content:after, .comics-tooltip.active .tooltip-content .tooltip-inner {
    opacity: 1;
}

.discover-more-button.animate-arrow .round-button-arrow {
    animation: startArrow 500ms, transferArrow 1000ms 480ms 1, finishArrow 500ms 1460ms 1;
}

@keyframes startArrow {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-300%);
    }
}

@keyframes transferArrow {
    from {
        transform: translateX(300%);
    }
    to {
        transform: translateX(-300%);
    }
}

@keyframes finishArrow {
    from {
        transform: translateX(300%);
    }
    to {
        transform: translateX(0);
    }
}

section#join-us {
    background: url("../img/join_us_bg.jpg") no-repeat top center;
    background-size: cover;
    padding-left: 16px;
    padding-right: 16px;
}

section#join-us h2 {
    color: #ffffff;
    margin-bottom: 32px;
}

section#intro {
    min-height: 500px;
    background: #FFFFFF;
    color: #3B2C44;
}

section#intro .text-intro {
    width: 350px;
    max-width: 100%;
    margin: 60px auto 0;
    text-align: left;
}

@media (max-width: 1152px) {
    .slide-show-container .slide-show-controls {
        margin: -24px -48px 0!important;
    }
}

@media (max-width: 991px) {

    .row.sm-compact > .col-sm-12 {
        max-width: 320px;
        display: block;
        float: none;
        margin: 0 auto 16px;
    }

    .emc-spacer.sm-hidden {
        display: none;
    }

    .container.sm-hidden {
        display: none;
    }

    section#intro .text-intro {
        text-align: center;
    }

    section#intro .text-intro p, section#intro .text-intro h2 {
        text-align: center!important;
        white-space: normal!important;
    }
}

@media (max-width: 768px) {
    .row.sm-compact .col-xs-12 {
        margin: 0 auto 16px;
    }

    .row.sm-compact:only-child .col-xs-12:last-child,
    .row.sm-compact:last-child .col-xs-12:last-child {
        margin: 0 auto 0;
    }

    .row.sm-compact:last-child ~ .row.sm-compact .col-xs-12:last-child {
        margin: 0 auto 16px;
    }

    .emc-spacer.xs-hidden {
        display: none;
    }
}

/* --- TESTIMONIALS SLIDER --- */

.emc-layout-wrapper section.emc-section#Testimonials .carousel-wrap {
    display: block;
    position: relative;
    max-width: 725px;
    margin: 0 auto;
}

.emc-layout-wrapper section.emc-section#Testimonials .carousel-wrap .slick-slide {
    height: auto;
}

.emc-layout-wrapper section.emc-section#Testimonials .carousel-wrap .row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.emc-layout-wrapper section.emc-section#Testimonials .carousel-wrap .slick-slide p {
    display: block;
    margin-bottom: 8px;
    min-height: 180px;
    text-align: left;
    font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)))!important;
    font-family: 'Roboto', sans-serif;
    color: #3B2C44;
    font-weight: 400;
    letter-spacing: 0.4px;
}

.emc-layout-wrapper section.emc-section#Testimonials .carousel-wrap .slick-slide img {
    position: relative;
    width: 128px; /* prev: 50px; */
    height: 128px; /* prev: 50px; */
    border-radius: 50%; /* prev: rule does not exist */
    margin: 0 auto;
}

.emc-layout-wrapper section.emc-section#Testimonials .carousel-wrap .slick-slide span.name {
    font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    color: #3B2C44;
    display: block;
    text-align: left;
    margin-top: 16px;
}

.emc-layout-wrapper section.emc-section#Testimonials .carousel-wrap .carousel-controls {
    display: block;
    position: absolute;
    right: 0;
    bottom: -8px;
    padding-top: 16px;
    padding-left: 32px;
    line-height: 38px;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 32%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 32%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 32%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}

.emc-layout-wrapper section.emc-section#Testimonials .carousel-wrap .carousel-controls .counter {
    display: inline-block;
    margin-right: 16px;
    font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: #B5B5B5;
    font-weight: 500;
}

.emc-layout-wrapper section.emc-section#Testimonials .carousel-wrap .carousel-controls .prev,
.emc-layout-wrapper section.emc-section#Testimonials .carousel-wrap .carousel-controls .next {
    display: inline-block;
    height: 28px;
    cursor: pointer;
    position: relative;
    font-size: 0;
    vertical-align: middle;
    margin-top: 2px;
}

.emc-layout-wrapper section.emc-section#Testimonials .carousel-wrap .carousel-controls .prev svg,
.emc-layout-wrapper section.emc-section#Testimonials .carousel-wrap .carousel-controls .next svg {
    display: inline-block;
}

.emc-layout-wrapper section.emc-section#Testimonials .carousel-wrap .carousel-controls .prev svg {
    transform: rotate(180deg);
}

.emc-layout-wrapper section.emc-section#Testimonials .carousel-wrap .carousel-controls .prev svg path,
.emc-layout-wrapper section.emc-section#Testimonials .carousel-wrap .carousel-controls .next svg path {
    fill: #B2B2B2;
    transition: all 0.25s ease;
}

.emc-layout-wrapper section.emc-section#Testimonials .carousel-wrap .carousel-controls .prev:hover svg path,
.emc-layout-wrapper section.emc-section#Testimonials .carousel-wrap .carousel-controls .next:hover svg path {
    fill: #3B2C44;
}

.emc-layout-wrapper section.emc-section#Testimonials .carousel-wrap .carousel-controls .prev.slick-disabled svg path,
.emc-layout-wrapper section.emc-section#Testimonials .carousel-wrap .carousel-controls .next.slick-disabled svg path {
    
}

.emc-layout-wrapper section.emc-section#Testimonials .carousel-wrap .carousel-controls .prev {
    margin-right: 8px;
}

.emc-layout-wrapper section.emc-section#Testimonials .carousel-wrap .carousel-controls .next {

}

/* --- END TESTIMONIALS SLIDER --- */

/* --- SIDEBAR SLIDER --- */

.emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap,
.emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap .sidebar-carousel {
    min-height: 830px;
    margin: 0 auto;
}

.emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap .sidebar-carousel .slick-track {
    min-height: 629px;
}

@media (max-width: 991px) {

    .emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap .sidebar-carousel {
        width: 640px;
    }
}

@media (max-width: 768px) {

    .emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap .sidebar-carousel {
        width: 500px;
        min-height: 0;
    }

    .emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap .sidebar-carousel .slick-track {
        min-height: 0;
    }
}

@media (max-width: 480px) {

    .emc-layout-wrapper section.emc-section#UniqueSidebar .emc-offset,
    .emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap {
        padding-left: 0;
        padding-right: 0;
    }

    .emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap .sidebar-carousel {
        width: 100%;
    }
}

.emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap .carousel-controls {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 50%;
    height: 24px;
    line-height: 24px;
    margin-top: -32px;
}

@media (max-width: 768px) {
    .emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap .carousel-controls {
        display: none;
    }
}

.emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap .carousel-controls .prev,
.emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap .carousel-controls .next {
    position: relative;
    display: block;
    color: #CCCCCC;
    font-size: calc(27px + (35 - 27) * ((100vw - 320px) / (1920 - 320)));
    cursor: pointer;
    transition: color 0.25s ease;
}

.emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap .carousel-controls .prev:hover,
.emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap .carousel-controls .next:hover {
    color: #3B2C44;
}

.emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap .carousel-controls .prev {
    float: left;
    margin-left: -8px;
}

.emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap .carousel-controls .next {
    float: right;
    margin-right: -8px;
}

@media (max-width: 991px) {
    .emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap .carousel-controls .prev {
        margin-left: 8px;
    }

    .emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap .carousel-controls .next {
        margin-right: 8px;
    }
}

.emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap .sidebar-carousel .slick-list {
    padding-bottom: 72px!important;
}

.emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap .sidebar-carousel-slide {
    position: relative;
}

.emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap .sidebar-carousel-slide span.title {
    display: block;
    text-align: center;
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
    color: #3B2C44;
    letter-spacing: 0.4px;
    margin-bottom: 16px;
}

.emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap .sidebar-carousel-slide span.text {
    text-align: center;
    font-size: calc(11px + (13 - 11) * ((100vw - 320px) / (1920 - 320)));
    color: #595959;
    letter-spacing: 0.4px;
    margin-top: 16px;
    opacity: 0;
    position: absolute;
    left: 50%;
    margin-left: -140px;
    width: 280px;
}

.emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap .sidebar-carousel-slide img {
    border-radius: 5px;
    display: block;
    margin: 0 auto;
    width: 90%;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    box-shadow: 0 4px 8px rgba(0,0,0,0.12);
}

.emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap .slick-center img {
    width: 100%;
    box-shadow: 0 8px 16px rgba(0,0,0,0.11);
}

@media (max-width: 480px) {
    .emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap .sidebar-carousel-slide img {
       width: 80%;
    }

    .emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap .slick-center img {
        width: 90%;
    }
}

.emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap .slick-center span.title {
    font-weight: 500;
}

.emc-layout-wrapper section.emc-section#UniqueSidebar .sidebar-carousel-wrap .slick-center span.text {
    opacity: 1;
    -webkit-animation-name: showSlideText;
    animation-name: showSlideText;
    animation-duration: 2s;
}

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 1;
    }
}

/* --- END SIDEBAR SLIDER --- */

section#features {
    background-color: #F7F7F7;
}

section#features h2 {
    color: #3B2C44;
}

section#features h2 .new {
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
    vertical-align: middle;
    text-transform: uppercase;
    margin-left: 20px;
    color: #ffffff;
}

@media (max-width: 420px) {
    section#features h2 .new {
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 105px;
    }
}

section#features ul {
    min-height: 525px;
    font-family: 'Roboto', sans-serif;
}

section#features ul li {
    padding: 0 15px 16px 14px;
    width: 94%;
    margin-bottom: 13px;
    border-bottom: 1px solid #E6E6E6;
    max-height: 55px;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

section#features ul li img, section#features ul li .feature-ico {
    float: left;
    width: 40px;
    height: 40px;
    padding: 2px;
    margin: 0 15px 0px 0;
    border-radius: 50%;
    background-color: #FE9400;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

section#features ul li img img, section#features ul li .feature-ico img {
    max-width: 100%;
}

section#features ul li img svg, section#features ul li .feature-ico svg {
    width: 36px;
    height: 36px;
}

section#features ul li h4 {
    line-height: 40px;
    color: #3B2C44;
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
    position: relative;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.4px;
}

section#features ul li h4 .fa {
    display: inline-block;
    position: absolute;
    font-size: 1.5em;
    right: 0;
    top: 10px;
    color: #868686;
    font-weight: 700;
}

section#features ul li p {
    margin-top: 13px;
    padding-left: 55px;
    font-size: calc(11px + (13 - 11) * ((100vw - 320px) / (1920 - 320)));
    color: #58492D;
    margin-bottom: 10px;
    font-weight: 300;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    letter-spacing: 0.4px;
}

section#features ul li a.more {
    padding-left: 55px;
    color: #65582c;
    text-transform: capitalize;
    font-size: calc(11px + (13 - 11) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
}

section#features ul li a.more .fa {
    margin-left: 10px;
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
}

section#features ul li.active {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    max-height: 160px;
}

section#features ul li.active p, section#features ul li.active a.more {
    display: block;
    margin-top: 0;
}

section#features .tab-content {
    margin-bottom: 40px;
    min-height: 240px;
}

@media (max-width: 420px) {
    section#features .tab-content {
        margin-bottom: 10px;
    }
}

section#features .tab-pane {
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.03);
    overflow: hidden;
    position: relative;
    width: 100%;
}

section#features .tab-pane img {
    width: 100%;
    border: none;
}

@media (max-width: 991px) {
    section#features h2 {

    }

    section#features h2 .new {
        vertical-align: baseline;
    }

    section#features ul {
        width: 100%;
    }

    section#features ul li {
        padding-right: 20px;
    }
}

#features-list svg .bg-fill {
    stroke-dasharray: 15;
    stroke-dashoffset: 280;
    -webkit-transition: stroke-width 1s;
    -moz-transition: stroke-width 1s;
    -o-transition: stroke-width 1s;
    transition: stroke-width 1s;
}

#features-list .active svg .bg-fill {
    -webkit-animation: strokeArr 32s linear alternate infinite;
    -moz-animation: strokeArr 32s linear alternate infinite;
    -o-animation: strokeArr 32s linear alternate infinite;
    animation: strokeArr 32s linear alternate infinite;
    stroke: #fff;
    stroke-width: 2px;
}

.video-feature {
    width: 100%;
    height: auto;
}

.video-feature video {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 100%;
    cursor: pointer;
}

@keyframes strokeArr {
    to {
        stroke-dashoffset: 560;
    }
}

@-webkit-keyframes strokeArr {
    to {
        stroke-dashoffset: 560;
    }
}

@-moz-keyframes strokeArr {
    to {
        stroke-dashoffset: 560;
    }
}

@-ms-keyframes strokeArr {
    to {
        stroke-dashoffset: 560;
    }
}

@-o-keyframes strokeArr {
    to {
        stroke-dashoffset: 560;
    }
}

.calc .tooltip {
    z-index: 3;
}

.features-section {
    letter-spacing: 0.4px;
    padding: 72px 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.features-section .section-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 32px;
    position: relative;
}

.features-section .section-icon[data-feature-badge]:after {
    content: attr(data-feature-badge);
    min-width: 32px;
    width: auto;
    padding: 0 2px;
    line-height: 33px;
    color: #ffffff;
    background-color: #FF0000;
    height: 32px;
    border-radius: 16px;
    position: absolute;
    display: block;
    top: -2px;
    white-space: nowrap;
    text-align: center;
    right: -18px;
    font-size: 0.786em;
}

.features-section .section-icon img, .features-section .section-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

.features-section .image-content > img, .features-section .image-content svg, .features-section .other-icon-content img, .features-section .other-icon-content svg {
    display: block;
    width: 100%;
    height: auto;
}

.features-section .other-icon-content {
    width: 48px;
    margin: auto;
    padding-bottom: 24px;
}

.features-section .block-shadow {
    background: #E6E6E6;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}

#header-placeholder-clear {
    height: 62px;
    padding: 0;
    width: 100%;
    background-color: #fff;
}

#whats-new-in-em, .start-block {
    z-index: 2;
    margin-top: 46px;
    padding: 0;
    height: 420px;
    background-color: #fff7ea;
    position: relative;
}

#whats-new-in-em .first-block-vector, .start-block .first-block-vector {
    position: absolute;
    right: -64px;
    bottom: 0;
    width: 700px;
    max-width: 100%;
    box-shadow: inset 0 0 10px #fff7ea;
}

#whats-new-in-em .first-block-vector svg, .start-block .first-block-vector svg {
    width: 100%;
    height: 100%;
}

/* --- IE SVG scaling workaround  --- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #whats-new-in-em .first-block-vector svg, .start-block .first-block-vector svg {
        width: 683px;
        height: 402px;
    }

    #emcBLog .emc-blogpost.emc-blogpost--newest .col-sm-6 {
        overflow: hidden;
    }
}

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) and (max-width: 768px) {
    #emcBLog .emc-blogpost.emc-blogpost--newest {
        height: 100vh;
    }
}


#whats-new-in-em .first-text-box, .start-block .first-text-box {
    text-align: center;
    display: block;
    height: auto;
    z-index: 3;
    margin-top: 100px;
}

#whats-new-in-em .first-text-box h1, .start-block .first-text-box h1 {
    font-weight: 500;

    margin: 0 0 24px;
    text-align: center;
}

#whats-new-in-em .first-text-box p, .start-block .first-text-box p {
    font-weight: 300;
    font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));
    text-align: center;
}

@media (min-width: 728px) {
    #whats-new-in-em .first-text-box, .start-block .first-text-box {
        text-align: left;
    }

    #whats-new-in-em .first-text-box h1, .start-block .first-text-box h1 {
        text-align: left;
        white-space: nowrap;
    }

    #whats-new-in-em .first-text-box p, .start-block .first-text-box p {
        text-align: left;
    }
}

#whats-new-in-em .discover-more-button, .start-block .discover-more-button {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -16px;
}

#whats-new-in-em .discover-more-button .button-text, .start-block .discover-more-button .button-text {
    color: #FE9400;
    padding: 0 0 16px;
    font-size: calc(11px + (13 - 11) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.new-text-box h2 {
    color: #3B2C44;
    font-weight: 500;
    text-align: center;
    margin: 0 0 16px;
}

.new-text-box h3 {
    color: #3B2C44;
    font-weight: 500;
    text-align: center;
    margin: 0 0 24px;
}

.new-text-box p {
    color: #272727;
    font-weight: 300;
    text-align: center;
    padding: 0 24px;
    font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));
}

@media (min-width: 991px) {
    .new-text-box p.increase-padding {
        padding: 0 80px;
    }
}

#discover-more {
    background-color: #fff;
    padding: 72px 0;
    z-index: 1;
}

#discover-more .container > div:first-child {
    margin-bottom: 40px;
}

@media (min-width: 728px) {
    #discover-more .container > div:first-child {
        margin-bottom: 0;
    }
}

#discover-more .new-text-box {
    padding: 40px 0 0;
}

.with-icon-block {
    padding: 72px 0;
    background-color: #ffffff;
}

.with-icon-block .new-text-box {

}

.with-icon-block .image-content {
    padding: 0;
    position: relative;
}

#make-em-your {
    z-index: 3;
    background: #fff url("/homepage-new/assets/img/features-page/bg-colorful-section.svg") no-repeat center top;
    background-size: cover;
}

#make-em-your .image-content {

}

#discover-more .image-content {
    min-height: 201px;
}

#make-em-your .color-border-line {
    height: 1px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(-252deg, #B7B7B7 0%, #FFA500 13%, #DCE7EC 25%, #85AED2 38%, #9BCBFF 50%, #D6537D 63%, #77151F 77%);
}

#unique-sidebar {
    z-index: 2;
}

#useful-features {
    padding: 72px 0 48px;
}

.overview-card-block {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.19);
    background-color: #fff;
}

@media (min-width: 768px) {
    .overview-card-block {
        min-height: 609px;
    }
}

@media (min-width: 1200px) {
    .overview-card-block {
        min-height: 640px;
    }
}

.overview-card-block .section-icon {
    padding-top: 40px;
    height: auto;
    margin-bottom: 0;
}

.overview-card-block .new-text-box {
    padding: 16px 10% 32px;
}

@media (min-width: 991px) {
    .overview-card-block .new-text-box {
        padding: 16px 80px 24px;
    }
}

.features-blocks .feature-block {
    margin-bottom: 24px;
    min-height: 400px;
    padding: 56px 15% 48px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.19);
    background-color: #fff;
}

@media (min-width: 768px) {
    .features-blocks .feature-block {
        padding: 56px 27px 48px;
    }
}

@media (min-width: 991px) {
    .features-blocks .feature-block {
        padding: 56px 76px 48px;
    }
}

@media (min-width: 1200px) {
    .features-blocks .feature-block {
        padding: 56px 86px 48px;
    }
}

.features-blocks .feature-block .new-text-box {
    padding: 0 !important;
}

.grad-bg {
    background-image: linear-gradient(-180deg, #FFFFFF 0%, #F8F8F8 100%);
    box-shadow: 0 0 4px 0 rgba(189, 189, 189, 0.5);
}

#conversation-view {
    padding: 72px 0;
}

#conversation-view .new-text-box {
    padding-bottom: 0;
}

@media (min-width: 991px) {
    #conversation-view .new-text-box p {
        padding: 0 80px;
    }
}

#conversation-view .active-slide-indicator {

}

#pgp-encryption-support .video-feature {
    padding: 0 3% 0;
}

#quick-and-send {
    background-color: #fff;
}

#quick-and-send .extra-padding {
    min-height: 1px;
    width: 100%;

}

.quick-block {
    padding: 12% 9%;
}

.quick-block.add-padding {
    padding: 22% 9% 12%;
}

.quick-block .image-content {
    padding-bottom: 24px;
    width: 60px;
    margin: auto;
}

#email-translator .image-content {
    position: relative;
    border: 1px solid #E6E6E6;
}

#email-translator .image-content .comics-tooltip {
    z-index: 2;
    top: -48px;
    right: -16px;
    position: absolute;
}

#views-and-meeting {
    background-color: #fff;
    z-index: 3;
    padding: 72px 0;
}

#views-and-meeting .image-content {
    border-bottom: 1px solid #E6E6E6;
}

#views-and-meeting .comics-tooltip {
    left: calc(50% - 170px);
    top: -40px;
    z-index: 2;
    position: absolute;
}

#views-and-meeting .comics-tooltip .tooltip-content {
    max-width: 340px;
}

#views-and-meeting .comics-tooltip .tooltip-content:before, #views-and-meeting .comics-tooltip .tooltip-content:after {
    left: 162px;
}

.bordered-content-container {
    background-color: #FFFFFF;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 48px;
    overflow: hidden;
}

.bordered-content-container:last-of-type {
    margin-bottom: 0;
}

.bordered-content-container .lined-image-content {
    padding: 0;
    margin: 0 -15px;
    width: auto;
    height: auto;
}

.lined-image-content {
    border-left: 1px solid #E6E6E6;
}

.image-content {
    position: relative;
}

.bordered-content-container .lined-image-content img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}

@media (min-width: 768px) {
    .bordered-content-container > [class*='col-'] {
        padding: 31.9% 0 0;
        position: relative;
    }

    .bordered-content-container.mac > [class*='col-'] {
        padding: 28% 0 0;
        position: relative;
    }

    .bordered-content-container > [class*='col-'] > * {
        position: absolute;
        top: 0;
        left: 0;
    }

    .bordered-content-container > [class*='col-'] .quick-block {
        padding: 0;
        height: auto;
        width: auto;
        max-width: 100%;
        margin: 0 !important;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50% !important;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .bordered-content-container > [class*='col-'] .quick-block .new-text-box {
        padding: 0 0 0;
    }

    .bordered-content-container > [class*='col-'] .quick-block .new-text-box h3 {
        margin-bottom: 16px;
    }

    .bordered-content-container > [class*='col-'] .quick-block .new-text-box p {
        max-width: 368px;
        margin: auto;
    }

    .bordered-content-container > [class*='col-'] .quick-block .image-content {
        width: 50px;
        padding: 0 0 20px;
    }

    .bordered-content-container > [class*='col-'] .lined-image-content {
        margin: 0;
        width: 100%;
        height: 100%;
    }
}

#discover-more .add-padding {
    padding-top: 56px;
}

@media (max-width: 991px) {
    a#fdbk_tab {
        top: calc(100vh - 162px)!important;
    }
}