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

* {
    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 *:hover, html *:active, html *:focus {
    text-decoration: none;
    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: 768px){
    .container-seven-cols .col-md-1,
    .container-seven-cols .col-sm-1,
    .container-seven-cols .col-lg-1  {
        width: 100%;
        *width: 100%;
    }
}

@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%;
    }
}

@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%;
    }
}

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

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

#holder {
    min-width: 0;
}

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

#fancybox-outer {
    background: transparent;
}

#fancybox-close {
    right: -33px;
    top: -12px;
}

.fancybox-bg {
    display: none;
}

#fancybox-content {
    border: none!important;
    margin: 0 auto;
    box-shadow: 0 0 24px rgba(0,0,0,0.33);
}

#fancybox-title,
#fancybox-title.fancybox-title-float{
    font-family: 'Roboto', sans-serif!important;
    background: #F7F7F7;
    border-radius: 4px;
    color: #282828;
}

#fancybox-title td {
    background-image: none;
}

#fancybox-title-float-main {
    font-weight: 300;
    font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: #282828;
    padding: 2px 0 3px 0;
}

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

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

#homepage-new .emc-settings-block a.screenshot {
    float: left;
}

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


/* --- WORKAROUND
 TODO: Don't forget to rewrite backend with submit!!!
 --- */
*[id*="emc"] input[type="image"].emc-temp-button {
    display: block!important;
    margin: 0 auto!important;
}
/* --END WORKAROUND --- */

.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: #F9A21E;
    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 #E5E5E5;
    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, a:hover, a:active {
    color: #006ede;
    text-decoration: none!important;
}

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

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

*[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:not(:first-of-type) {
    margin: 8px 0;
}

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

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

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

*[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 #348ce5!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;
}

*[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: #e5e5e5;
}

*[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.emc-section--hero {
    display: table;
    background-size: cover;
}

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

.emc-layout-wrapper .emc-section.emc-section--hero .emc-offset.emc-offset--hero {
    padding: 0;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 590px;
}

.emc-layout-wrapper .emc-section.emc-section--grey {
    background-color: #F7F7F7;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.emc-layout-wrapper .emc-section.emc-section--orange {
    background-color: rgba(251, 163, 0, 0.04);
    border-top: 1px solid rgba(251, 163, 0, 0.24);
    border-bottom: 1px solid rgba(251, 163, 0, 0.24);
}

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

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

/* --- 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;
}

.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: block;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: middle;
}

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

.emc-settings-block li img {
    width: 265px;
    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;
    top: 50%;
    left: 24px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

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

/* -- 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-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: #FFFFFF;
}

.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: #080909;
    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: #f9a21e;
}

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

.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#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#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: #080909;
}

.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: #f9a21e;
    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: #080909;
    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: #f9a21e;
}

/* --- 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: #080909;
}

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

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

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

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

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

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

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

.emc-typo--size-lg {
    font-size: calc(17px + (21 - 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: 480px;
    margin: 0 auto;
}

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

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

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

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

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

.emc-typo--color-blue {
    color: #006ede;
}

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

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

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

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

.emc-typo--align-right {
    text-align: right!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: #006ede;
}

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-normal {
    font-weight: 300;
}

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

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

.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 #f9a21e;
    border-bottom: 1px solid #f9a21e;
    background: rgba(251, 163, 0, 0.12);
}

.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: #080909
}

.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(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: #282828;
}

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

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

/* --- 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: inline-block;
    width: 120px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    border-radius: 4px;
    background: #FDFDFD;
    border: 1px solid #D8D8D8;
    box-shadow: 0 1px 2px 0 rgba(217, 217, 217, 0.5);
    font-size: 1.5em;
    color: #282828;
    font-weight: 500;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    padding-right: 32px;
}

.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 #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;
    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: 31px;
    height: 23px;
    cursor: pointer;
    margin: 0;
    position: absolute;
    right: calc( 50% - 59px );
    float: none;
    top: 1px;
    border-left: 1px solid #D8D8D8;
    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:last-of-type {
    border-top: 1px solid #D8D8D8;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    top: 24px;
}

.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 {
    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: 50px;
    border-radius: 5px;
    border: none;
    font-family: Roboto, sans-serif;
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 50px;
    text-align: center;
    letter-spacing: 0.4px;
    cursor: pointer;
    color: #ffffff;
    transition: background-color 0.5s ease;
    will-change: background-color;
}

.emc-layout-wrapper .emc-section .emc-control-wrapper .emc-button.emc-button--long {
    width: 210px;
}

.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: 116px;
}

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

/* 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: #2ecc71;
}

.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: #25a25a;
}

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

.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: #EF9206;
}

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

/* --- 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 #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    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: 1px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #f9a21e;
}

.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: 24px;
}

.emc-list.emc-list--dot > li::before {
    content: "";
    position: absolute;
    display: block;
    left: 4px;
    top: 8px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #f9a21e;
}

.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: #f9a21e;
    font-size: calc(13px + (14 - 13) * ((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 #e5e5e5;
    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: #080909;
    letter-spacing: 1px;
    font-weight: 500;
}

.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 #e5e5e5;
    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 {
    display: block;
}

table.emc-fixed thead {
    display: block;
    background: transparent;
   
    border-bottom: 1px solid transparent;
}

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

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

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

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

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

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

.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: #E5E5E5;
    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 #e5e5e5;
}

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

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

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

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

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

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

/* --- BLOG --- */

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

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

.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(14px + (17 - 14) * ((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: 16px;
    margin-bottom: 16px;
}

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

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

.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 p {
    letter-spacing: 0.4px;
    line-height: 22px;
}

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

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

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

@media screen and ( max-width: 3840px ) {
    .emc-layout-wrapper .emc-section.emc-section--hero {
        background: url("../img/emc_img_hero_bgr_3x.jpg") no-repeat center;
        background-size: cover;
    }
}

@media screen and ( max-width: 1920px ) {
    .emc-layout-wrapper .emc-section.emc-section--hero {
        background: url("../img/emc_img_hero_bgr_2x.jpg") no-repeat center;
        background-size: cover;
    }
}

@media screen and ( max-width: 1440px ) {
    .emc-layout-wrapper .emc-section.emc-section--hero {
        background: url("../img/emc_img_hero_bgr_1x.jpg") no-repeat center;
        background-size: cover;
    }
}

@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 {
        height: 540px;
    }

}

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

    .emc-layout-wrapper .emc-section.emc-section--hero .emc-offset.emc-offset--hero {
        height: 480px;
    }

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

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

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

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

    *[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 #e5e5e5;
    }

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

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

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

    .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: #605b57;
    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;
}

section {
    position: relative;
    width: 100%;
    padding: 72px 0;
}

section h2 {
    margin-bottom: 72px;
    font-weight: 300;
}

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

.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: #2ecc71;
    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: #F9A21E;
}

.extra-btn:hover {
    background-color: #de8806;
}

.new {
    background-color: #F9A21E;
    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;
}

.animate-image-set img {
    width: 100%;
    height: auto;
    display: 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: #080909;
    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: #080909;
}

.btn-tabed:hover, .btn-tabed.active {
    color: #fff;
    background-color: #F9A21E;
    border-color: #F9A21E;
}

.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: #F9A21E;
}

.button-round .round-button-arrow {
    stroke: #F9A21E;
}

.button-round:hover .round-button-bg, .button-round.active .round-button-bg {
    fill: #F9A21E;
}

.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: 4%;
    left: 0;
    text-align: center;
    color: #080909;
    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: #F9A21E;
    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 #F9A21E;
    border-left: 2px solid #F9A21E;
    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: #F9A21E;
}

@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 #F9A21E;
    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: #F9A21E;
}

.btn-try {
    color: #080909!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: #F9A21E;
}

.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: #F9A21E;
    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.png") 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: #080909;
}

section#intro .text-intro {
    width: 350px;
    max-width: 100%;
    margin: 60px auto 0;
    text-align: left;
}

@media (max-width: 991px) {
    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;
    }
}

section#intro .text-intro h2 {
    white-space: nowrap;
    margin: 0;
}

@media (max-width: 420px) {
    section#intro h2 {
        white-space: normal;
        margin-top: 30px;
    }
}

section#intro p {
    font-weight: 300;
    margin-bottom: 0;
    font-family: 'Roboto', sans-serif;
    font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));
}

section#intro p span {
    white-space: nowrap;
}

@media (max-width: 420px) {
    section#intro p span {
        white-space: normal;
    }
}

section#intro .support {
    width: 350px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    text-align: left;
}

section#intro .support h3 {
    margin-bottom: 24px;
}

section#intro .support .providers-wrap {
    width: 100%;
}

section#intro .support .providers-wrap ul {
    padding: 0;
    margin: 0;
    width: 100%;
}

section#intro .support .providers-wrap ul li {
    width: auto;
    float: left;
    line-height: 30px;
    font-size: calc(11px + (13 - 11) * ((100vw - 320px) / (1920 - 320)));
    text-align: center;
    color: #868686 !important;
    max-width: 18%;
    margin: 0;
    padding: 0;
    margin-right: 7%;
    display: inline-block;
}

section#intro .support .providers-wrap ul li a, section#intro .support .providers-wrap ul li a:hover {
    color: #868686 !important;
}

section#intro .support .providers-wrap ul li:last-child {
    margin-right: 0;
}

section#intro .support .providers-wrap ul li img {
    height: auto;
    width: 30px;
    max-width: 100%;
}

@media (max-width: 991px) {
    section#intro .support {
        text-align: center;
    }

    section#intro .support h3 {
        text-align: center!important;
    }

    section#intro .support .providers-wrap ul {
        text-align: center;
    }

    section#intro .support .providers-wrap ul li {
        float: none;
    }
}

section#intro .video-content-holder {
    margin-top: 40px;
    width: 100%;
    height: 100%;
    position: relative;
}

section#intro .video-content-holder .play-button {
    top: 47%;
    z-index: 90;
    display: inline-block;
    width: 10%;
    height: auto;
    cursor: pointer;
    z-index: 20;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

section#intro .video-content-holder .play-button:hover {
    -webkit-filter: hue-rotate(70deg);
    filter: hue-rotate(70deg);
}

section#intro .video-content-holder .play-button img {
    width: 100%;
    height: auto;
}

section#intro .video-content-holder .video-frame {
    width: 100%;
}

section#intro .video-content-holder .video-player {
    position: absolute;
    top: 6%;
    bottom: 11%;
    left: 13%;
    right: 13%;
    background-color: #080909;
    display: block;
    z-index: 100;
}

section#intro .video-content-holder .video-player > img {
    display: none;
}

section#intro .video-content-holder .video-player > .animate-image-set {
    z-index: 10;
}

section#intro .video-content-holder .video-player iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: none;
    position: relative;
    padding-top: 3%;
    padding-bottom: 3%;
    background-color: #000;
    z-index: 30;
}

@media (max-width: 1201px) {
    section#intro .video-content-holder {
        margin-top: 70px;
    }
}

@media (max-width: 420px) {
    section#intro .video-content-holder {
        margin-top: 20px;
    }
}

section#testimotionals {
    background-color: #ffffff;
}

section#testimotionals h2 {
    color: #080909;
    font-weight: 500;
}

section#testimotionals h2 strong {
    font-weight: 400;
}

section#testimotionals .carousel-wrap {
    padding: 0 100px;
    margin-bottom: 50px;
}

section#testimotionals .carousel-wrap .slick-slide {
    margin: 0 20px;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    padding: 30px;
    min-height: 560px;
    color: #868686;
}

section#testimotionals .carousel-wrap .slick-slide p {
    display: block;
    margin: 10px auto 0;
    text-align: center;
    font-size: calc(11px + (13 - 11) * ((100vw - 320px) / (1920 - 320)));
    font-family: 'Roboto', sans-serif;
    line-height: 23px;
    color: #282828;
    position: relative;
    text-indent: 11px;
    font-weight: 300;
    letter-spacing: 0.4px;
}

/* prev: rule does not exist */
section#testimotionals .carousel-wrap .slick-slide p i.fa {
    color: #e5e5e5;
    font-size: 0.786em;
    position: absolute;
    top: auto;
    left: auto;
}

/* prev: rule does not exist */
section#testimotionals .carousel-wrap .slick-slide p i.fa-quote-left {
    margin-top: 3px;
    margin-left: -25px;
}

/* prev: rule does not exist */
section#testimotionals .carousel-wrap .slick-slide p i.fa-quote-right {
    margin-top: 3px;
    margin-left: -5px;
}

section#testimotionals .carousel-wrap .slick-slide img {
    position: relative;
    width: 64px; /* prev: 50px; */
    height: 64px; /* prev: 50px; */
    border: 1px solid #D5D5D5; /* prev: rule does not exist */
    border-radius: 50%; /* prev: rule does not exist */
    padding: 3px; /* prev: rule does not exist */
    margin: 0 auto 15px;
}

section#testimotionals .carousel-wrap .slick-slide span {
    font-size: calc(11px + (13 - 11) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    color: #282828;
}

section#testimotionals .carousel-wrap .slick-arrow {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background-size: 100% 100% !important;
    opacity: 0.8;
    outline: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 50%;
}

section#testimotionals .carousel-wrap .slick-arrow:hover {
    opacity: 1;
}

section#testimotionals .carousel-wrap .slick-arrow.slick-prev {
    left: -70px;
    background: url("../img/icons/slider/arrow_left.png") no-repeat center center;
}

section#testimotionals .carousel-wrap .slick-arrow.slick-next {
    right: -70px;
    background: url("../img/icons/slider/arrow_right.png") no-repeat center center;
}

section#testimotionals .carousel-wrap .item {
    height: 300px;
}

section#testimotionals ul.companies {
    padding: 0 100px;
}

section#testimotionals ul.companies li {
    float: left;
    position: relative;
    width: 20%;
    height: 100px;
    margin-bottom: 50px;
}

@media (max-width: 420px) {
    section#testimotionals ul.companies li {
        margin-bottom: 20px !important;
    }
}

section#testimotionals ul.companies li:nth-last-child(-n+5) {
    margin-bottom: 0;
}

@media (max-width: 420px) {
    section#testimotionals ul.companies li:nth-last-child(-n+5) {
        margin-bottom: 20px !important;
    }
}

section#testimotionals ul.companies li img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 60%;
}

section#testimotionals ul.companies li img.mid {
    width: 50%;
}

section#testimotionals ul.companies li img.small {
    width: 40%;
}

@media (max-width: 991px) {
    section#testimotionals .carousel-wrap {
        padding: 0;
    }

    section#testimotionals ul.companies {
        padding: 0;
    }

    section#testimotionals ul.companies li {
        width: 50%;
        margin-bottom: 50px !important;
    }

    section#testimotionals ul.companies li:nth-last-child(-n+2) {
        margin-bottom: 0px !important;
    }

    section#testimotionals ul.companies li img.mid {
        width: 35%;
    }

    section#testimotionals ul.companies li img.small {
        width: 30%;
    }
}

@media (max-width: 771px) {
    section#testimotionals .carousel-wrap .slick-slide {
        min-height: 450px;
    }
}

@media (max-width: 420px) {
    section#testimotionals ul.companies li {
        margin-bottom: 20px !important;
    }

    section#testimotionals ul.companies li:nth-last-child(-n+5) {
        margin-bottom: 20px !important;
    }

    section#testimotionals ul.companies li:nth-last-child(-n+2) {
        margin-bottom: 20px !important;
    }
}

section#features {

    background-color: #F7F7F7;
}

@media (max-width: 420px) {
    section#features {

    }
}

section#features h2 {
    color: #080909;
}

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 #e5e5e5;
    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: #F9A21E;
    -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: #080909;
    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: #605b57;
    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: #e5e5e5;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}

.features-section .twentytwenty-handle {
    background-color: #fff;
}

.features-section .twentytwenty-handle .twentytwenty-left-arrow {
    border: 2px solid #F9A21E;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-left-color: transparent;
    border-bottom-color: transparent;
    width: 12px;
    height: 12px;
    right: 50%;
    left: auto;
    margin-right: 0;
    margin-top: -6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.features-section .twentytwenty-handle .twentytwenty-right-arrow {
    border: 2px solid #F9A21E;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-left-color: transparent;
    border-bottom-color: transparent;
    width: 15px;
    height: 15px;
    right: 50%;
    left: auto;
    margin-right: -8px;
    margin-top: -8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

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


#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: #F9A21E;
    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: #080909;
    font-weight: 500;
    text-align: center;
    margin: 0 0 16px;
}

.new-text-box h3 {
    color: #080909;
    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 #e5e5e5;
}

#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 #e5e5e5;
}

#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 #e5e5e5;
}

.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 > [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 (min-width: 991px) {
    a#fdbk_tab {
        top: calc(100vh - 102px)!important;
    }
}