/* HTML ELEMENTS */

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    color: #2d2d2d;
    font-family: "Poppins-Regular";
}

body[data-view="view-home-enterprise"] {
    background-color: #ffffff;
}

body svg.static {
    display: none;
}

body svg.deviceAnimated {
    display: none;
}

.ieBrowser svg.animated {
    display: none;
}

.ieBrowser svg.deviceAnimated {
    display: none;
}

body[data-mode="static"] svg.deskAnimated {
    display: none;
}

body[data-mode="static"] svg.deviceAnimated {
    display: none;
}

body[data-mode="static"] svg.static {
    display: flex;
}

body[data-mode="device"] svg.deskAnimated {
    display: none;
}

body[data-mode="device"] svg.deviceAnimated {
    display: flex;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0.1em 0;
}

section, footer {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

a {
    display: flex;
    text-decoration: none;
}

a.linkText {
    color: #9a9a9a;
    font-size: 25px;
}

/* END HTML ELEMENTS */

/* UTIL */

.paddingSection {
    padding: 60px 20px;
    box-sizing: border-box;
}

.paddingSection2 {
    padding: 140px 20px;
    box-sizing: border-box;
}

.limitWidth {
    max-width: 1800px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.separator {
    width: 50%;
    height: 1px;
    background-color: #bbbbbb;
    margin: 60px 0 30px 0;
}

.container {
    width: 80%;
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.limitWidth .container:last-child {
    margin-bottom: 0;
}

.subSection {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 0;
}

.marginBottom1 {
    margin-bottom: 30px;
}

.marginBottom2 {
    margin-bottom: 10px;
}

.flex-column {
    flex-direction: column;
}

.flex-row {
    flex-direction: row;
}

/* END UTIL */

/* FONTS */

@font-face {
    font-family: Poppins-Regular;
    src: url(font/poppins/Poppins-Light.ttf) format("truetype");
}

@font-face {
    font-family: TCCM;
    src: url(font/tccm/TCCM____.eot), url(font/tccm/TCCM____.TTF) format("truetype");
}

.title1Landing {
    font-weight: normal;
    margin: 0;
    line-height: 1;
    font-size: 90px;
}

.title1 {
    font-family: 'TCCM';
    font-size: 126px;
    font-weight: normal;
    margin: 0;
}

.title2 {
    font-family: 'TCCM';
    font-size: 80px;
    text-align: center;
    font-weight: normal;
    margin: 0;
}

.title3, .title4 {
    font-family: 'TCCM';
    font-size: 40px;
    font-weight: normal;
}

.title5 {
    font-size: 39px;
    line-height: 1.3;
    margin-bottom: 15px;
    font-weight: normal;
}

.title6 {
    font-size: 26px;
    line-height: 1.3;
    margin-bottom: 20px;
    font-weight: normal;
}

.title7 {
    font-size: 40px;
    line-height: 1.3;
    margin-bottom: 20px;
    font-weight: bold;
}

.cardTitle {
    font-family: 'TCCM';
    font-size: 70px;
    font-weight: normal;
}

.subTitle1 {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 15px;
    text-align: center;
}

.subtitle2 {
    font-size: 25px;
    line-height: 1.3;
    font-weight: bold;
}

.subtitle3 {
    font-family: 'TCCM';
    font-size: 55px;
}

.subtitle4 {
    font-size: 30px;
    line-height: 1.3;
    margin: 0 0 20px 0;
    font-weight: bold;
}

.subtitle5 {
    font-size: 23px;
    line-height: 1.3;
    font-weight: normal;
    text-align: center;
}

.textSize1 {
    font-size: 20px;
}

.textSize2 {
    font-size: 17px;
}

.textSize3 {
    font-size: 16px;
}

.color1 {
    color: #fdfdfd;
}

.color2 {
    color: #b4b4b4;
}

.color3 {
    color: #dcdcdc;
}

.color4 {
    color: #2d2d2d;
}

.color5 {
    color: #4c4c4c;
}

.color6 {
    color: #9a9a9a;
}

.color7 {
    color: #a3daf8;
}

.color8 {
    color: #a3daf8;
}

.highlight1 {
    color: #009fe3;
}

.highlight1-1 {
    color: rgb(54, 169, 225);
}

.highlight1-1-deactivate {
    color: rgb(176, 210, 226);
}

.highlight2 {
    color: #33b48e;
}

.highlight3 {
    background-color: #009fe3;
    color: #ffffff;
    padding: 0 4px;
}

.highlight4 {
    background-color: #33b48e;
    color: #ffffff;
    padding: 0 4px;
}

.highlight5 {
    background-color: #4e4e4e;
    color: #ffffff;
    padding: 0 4px;
}

.highlight6 {
    background-color: #009fe3;
    color: #fdfdfd;
}

/* END FONTS */

/* SHADOWS, BACKGROUNDS AND TRANSITIONS */

.boxShadow1 {
    -webkit-box-shadow: 0px 6px 25px 0px rgba(62, 62, 62, 0.30);
    -moz-box-shadow: 0px 6px 25px 0px rgba(62, 62, 62, 0.30);
    box-shadow: 0px 6px 25px 0px rgba(62, 62, 62, 0.30);
}

.boxShadow2 {
    -webkit-box-shadow: 0px -6px 25px 0px #3e3e3e;
    -moz-box-shadow: 0px -6px 25px 0px #3e3e3e;
    box-shadow: 0px -6px 25px 0px #3e3e3e;
}

.boxShadow3 {
    -webkit-box-shadow: 0px 1px 8px 0px rgb(31, 31, 31);
    -moz-box-shadow: 0px 1px 8px 0px rgb(31, 31, 31);
    box-shadow: 0px 1px 8px 0px rgb(31, 31, 31);
}

.boxShadow4 {
    -webkit-box-shadow: 0px 0px 8px 0px rgb(31, 31, 31);
    -moz-box-shadow: 0px 0px 8px 0px rgb(31, 31, 31);
    box-shadow: 0px 0px 8px 0px rgb(31, 31, 31);
}

.underline1 {
    height: 1px;
    width: 70%;
}

.underline2 {
    height: 1px;
    width: 80px;
}

.sectionLight1 {
    background-color: #ffffff;
}

.sectionLight2 {
    background-color: #fbf7f8;
}

.sectionDark1 {
    background-color: #3c3c3c;
}

.backLight1 {
    background-color: #fff;
}

.backDark1 {
    background-color: #2d2d2d;
}

.backBlue1 {
    background-color: #009fe3;
}

.backBlue2 {
    background-color: #0bb6ff;
}

.overlay1 {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(50, 50, 50, 0.7);
}

.gradientOverlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.transition1 {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.transition2 {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}

eon-video .eon-fg1 {
    color: #dcdcdc;
}

eon-video .eon-sect3 {
    background-color: #3434349c;
}

eon-video .eon-bg1 {
    background-color: #828282;
}

eon-video .eon-video-poster span {
    color: rgba(247, 247, 247, 0.8);
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

/* END SHADOWS, BACKGROUNDS AND TRANSITIONS*/

/* LOADING MASK */

/* LOADING MASK START */

#loadingMask {
    opacity: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #ffffff;
    z-index: 99999999;
    transform: translate3d(0, 0, 99999999px);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
}

#loadingMask.transitions {
    -webkit-transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#loadingMask.hidden {
    opacity: 0;
}

#loadingMask .rotator {
    position: relative;
    overflow: hidden;
    width: 4em;
    animation: rotate 2000ms infinite linear;
    border-radius: 4em;
    color: #2d2d2d;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
}

#loadingMask.dark .rotator {
    color: #ffffff;
}

#loadingMask .rotator:before {
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 4px;
    left: 4px;
    content: "";
    border-width: 4px;
    border-style: solid;
    border-radius: 100%;
}

#loadingMask .innerSpin {
    width: 2em;
    height: 4em;
    transform-origin: 2em 2em;
    animation: rotate-left 2500ms infinite cubic-bezier(0.65, 0.05, 0.36, 1);
    border-radius: 2em 0 0 2em;
    background-color: #ffffff;
}

#loadingMask .innerSpin:last-child {
    float: right;
    margin-top: -4em;
    transform-origin: 0 50%;
    animation: rotate-right 2500ms infinite cubic-bezier(0.46, 0.03, 0.52, 0.96);
    border-radius: 0 2em 2em 0;
}

@keyframes rotate-left {
    60%, 75%, 100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate-right {
    0%, 25%, 45% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* END LOADING MASK */

/* MAIN FRONT VIEWS */

.front-section {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    background-color: #e6e6e6;
    width: 100%;
    height: 54vh;
    /* Fixed on IE*/
    align-items: inherit;
}

.front-section .mobileSheet {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(241, 241, 241, 0.5);
    transform: translate3d(0, 0, 0);
}

.front-section .limitWidth {
    justify-content: flex-start;
}

.front-section .content {
    padding: 0 60px;
    margin-top: 50px;
    position: absolute;
}

.front-section .text {
    font-weight: bold;
}

@media (max-width: 900px) {
    .front-section .title1 {
        text-shadow: 0px 0px 30px rgba(255, 255, 255, 0.93);
    }
    .front-section .textSize1 {
        text-align: inherit;
    }
    .front-section .mobileSheet {
        display: block;
    }
}

@media (max-width: 600px) {
    .front-section .content {
        padding: 0 10px;
        margin-top: 0;
        height: 100%;
    }
}

/* END MAIN FRONT VIEWS*/

/* PRIVACY POLICY START */

/* Temporary solution until the improvement in the dialog. */

.privacyDialog {
    max-height: none !important;
    height: calc(100% - 100px);
    max-width: none !important;
    width: calc(100% - 200px);
    padding-bottom: 20px;
}

.privacyDialog .privacyDialogText {
    padding: 0 40px 40px 40px;
    word-break: break-all;
}

.privacyDialog .privacyDialogText h1 {
    text-align: center;
}

.privacyDialog .privacyDialogText .hrefEl {
    text-decoration: underline;
    color: #4c4c4c;
    transition: 0.3s color;
}

.privacyDialog .privacyDialogText .hrefEl:hover {
    color: #000000;
}

/* END PRIVACY POLICY  */

body.hiddenHomeView #view-home {
    visibility: hidden;
}

/* Dialogs style */

/* Issue for iOS */

.eon-dialog-overlay {
    transform: translate3d(0px, 0px, 200px);
}

/* Issue for iOS */

.eon-dialog-dialog {
    transform: translate3d(0px, 0px, 201px);
}

.lightVersion .eon-dialog-dialog {
    -webkit-box-shadow: 0px 0px 10px 2px rgba(132, 132, 132, 0.8);
    -moz-box-shadow: 0px 0px 10px 2px rgba(132, 132, 132, 0.8);
    box-shadow: 0px 0px 10px 2px rgba(132, 132, 132, 0.8);
}

.lightVersion .eon-dialog-overlay {
    background-color: rgba(228, 227, 227, 0.8);
}

.eon-dialog-heading {
    padding: 0 !important;
}

.eon-dialog-close {
    padding: 8px 10px 0 0;
}

.dialogTitle {
    text-align: center;
}

.dialogText {
    text-align: center;
    font-weight: bold;
    padding: 30px;
}

/* END Dialogs style */

/* Responsive */

@media (max-width: 1450px) {
    .container {
        width: 90%;
    }
}

@media (max-device-width: 1024px) {
    .animated.services {
        display: none;
    }
    .static.services {
        display: inherit;
    }
    .animated.space {
        display: none;
    }
    .static.space {
        display: inherit;
    }
    .animated.cross-platforms {
        display: none;
    }
    .static.cross-platforms {
        display: inherit;
    }
}

@media (max-width: 1035px) {
    .subtitle5 {
        font-size: 20px;
    }
}
@media (max-width: 1024px) {
    .container {
        width: 90%;
    }
    .title2 {
        font-size: 70px;
    }
    .title3 {
        font-size: 35px;
    }
    .title5 {
        font-size: 35px;
    }
    .cardTitle {
        font-size: 50px;
    }
    .textSize1 {
        font-size: 19px;
    }
    .subTitle1 {
        font-size: 14px;
    }
    .subtitle2 {
        font-size: 20px;
    }
    .subtitle5 {
        font-size: 20px;
    }
}

@media (max-width: 900px) {
    .lightVersion #landing {
        background-position: left;
    }
}

@media (max-width: 800px) {
    .title1 {
        font-size: 90px;
    }
    .title2 {
        font-size: 60px;
    }
    .title3 {
        text-align: center;
    }
    .title5 {
        text-align: center;
        font-size: 26px;
    }
    .title6 {
        font-size: 25px;
    }
    .title7 {
        font-size: 35px;
        text-align: center;
    }
    .textSize1 {
        font-size: 17px;
        text-align: center;
    }
    .subtitle4 {
        font-size: 25px;
    }
}

@media (max-width: 767px) {
    .flex-row {
        flex-direction: column;
    }
    .privacyDialog {
        height: calc(100% - 100px);
        width: calc(100% - 100px);
    }
    .title2 {
        font-size: 45px;
    }
    .title3, .title4 {
        font-size: 32px;
    }
}

@media (max-width: 685px) {
    .container {
        width: 100%;
    }
}

@media (max-width: 600px), (max-height: 600px) {
    .eon-dialog-visible[data-mobile="true"] {
        height: calc(100% - 50px) !important;
    }
}

@media (max-width: 585px) {
    .title1 {
        font-size: 70px;
    }
    .dialogText {
        padding: 30px 20px;
    }
    .privacyDialog .privacyDialogText {
        padding: 0 20px 20px 20px;
    }
}

@media (max-width: 400px) {
    .title1 {
        font-size: 60px;
    }
    .front-section .content {
        top: 0;
        margin-top: 50px;
    }
}

/* Front sections on small devices on landscape orientation */

@media (max-device-width: 1000px) and (orientation:landscape) {
    .front-section {
        height: 80vh;
    }
    .front-section .content {
        padding: 0 0 0 20px;
        margin-top: 0;
    }
    .title1 {
        font-size: 70px;
    }
}

/* End Responsive */
/* MENU */

/* Sticky menu */

.overlayBar {
    display: block;
    position: absolute;
    transform: translate3d(0, 0, 0);
    width: 100%;
    height: 105px;
    background-color: #ffffff;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 98;
    pointer-events: none;
}

.overlayBar.show-permanently {
    opacity: 1 !important;
}

.turnedBar {
    position: fixed;
    display: block;
    z-index: 97;
    left: -10%;
    flex-direction: row;
    width: 120%;
    height: 0;
    transition: height .3s;
    background-color: #383838;
    transform: translate3d(0, 0, 100px) rotate3d(8, 1, -1, 9deg);
}

.menuWrapper {
    position: absolute;
    width: 100%;
    margin-top: 50px;
    height: 56px;
    z-index: 99;
    pointer-events: none;
}

.menuWrapperClass {
    background: transparent;
    -webkit-box-shadow: 0px -9px 30px -30px #424242;
    -moz-box-shadow: 0px -9px 30px -30px #424242;
    box-shadow: 0px -9px 30px -30px #424242;
}

.wrapperFixedClass {
    background-color: #fff;
    z-index: 99;
    -webkit-transition: box-shadow .2s, background-color .3s;
    transition: box-shadow .2s, background-color .3s;
}

.menuWrapperClass .logo {
    position: relative;
    padding: 0 0 0 20px;
    width: 200px;
    height: 56px;
    pointer-events: all;
}

.menuWrapperClass .logo .vIso {
    opacity: 0;
}

body[data-view="view-home-enterprise"] .menuWrapperClass .logo .vIso {
    transition: opacity 1s;
    display: flex;
    opacity: 1;
    color: #fdfdfd;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.39);
}

body[data-view="view-home-enterprise"] .menuWrapperClass .logo .hideLogoBlock {
    display: none;
    opacity: 0;
}

.menuWrapperClass .logo .vHorizontal {
    display: flex;
    opacity: 1;
}

body[data-view="view-home-enterprise"] .menuWrapperClass .logo .vHorizontal {
    display: none;
    opacity: 0;
    transition: opacity .1s;
}

body[data-view="view-home-enterprise"] .menuWrapperClass .logo .vHorizontal.showHorizontal {
    display: flex;
    opacity: 1;
}

.menuWrapperClass .logo a {
    width: 150px;
    height: 56px;
    position: relative;
}

.menuWrapperClass .logo a i {
    font-size: 140px;
    align-items: center;
    margin-top: 8px;
}

.menu {
    display: flex;
    font-size: 18px;
    box-sizing: border-box;
    justify-content: space-between;
    height: 100%;
}

.menuBar {
    height: 100%;
    max-width: 750px;
    padding-right: 20px;
    pointer-events: all;
}

.menuWrapperClass .eon-menu-wrapper {
    justify-content: space-between;
    background-color: transparent;
}

body[data-view="view-home-enterprise"] .menuWrapperClass .eon-menu-wrapper {
    color: #fff;
}

body[data-view="view-home-enterprise"] .wrapperFixedClass .eon-menu-wrapper {
    color: #2d2d2d;
}

body[data-view="view-home-enterprise"] .menuWrapperClass .eon-menu-modalButton i {
    color: #fff;
}

body[data-view="view-home-enterprise"] .wrapperFixedClass .eon-menu-modalButton i {
    color: #2d2d2d;
}

.menuBar .menuItem {
    line-height: 1.2;
}

.menuItem .dropdownTrigger span {
    color: #2d2d2d;
    width: 100%;
    display: flex;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    transition: 0.3s color;
    padding: 6px 10px;
}

.menuBar .eon-menu-wrapper .menuItem {
    flex-grow: 0;
    flex-basis: auto;
    padding: 0 30px;
}

.menuBar .eon-menu-dropdown .menuItem {
    color: #2d2d2d;
}

/* iOS fixed, because a elements does not have height */

.menuBar .menuItem a, .eon-menu-page .menuItem a {
    height: 36px;
}

.menuBar .eon-menu-wrapper .contactMenuItem {
    padding: 10px;
    min-width: 150px;
    max-width: 150px;
}

.eon-menu-modal .contactMenuItem {
    font-size: 25px;
}

.eon-menu-modal .contactMenuItem a {
    width: 175px;
}

.eon-menu-modal .eon-menu-page eon-item {
    font-size: 25px;
}

.menuItem:hover.hrefEl>a {
    color: #009fe3;
}

.menuBar .menuItem .eon-menu-dropdown {
    -webkit-box-shadow: 0px 6px 20px -3px rgba(62, 62, 62, 0.75);
    -moz-box-shadow: 0px 6px 20px -3px rgba(62, 62, 62, 0.75);
    box-shadow: 0px 6px 20px -3px rgba(62, 62, 62, 0.75);
    border-top: 2px solid #009fe3;
    background-color: #ffffff;
    width: 250px !important;
    font-size: 16px;
}

.menu .eon-menu-dropdown .menuItem {
    padding: 0 20px;
    max-width: none;
    flex-grow: 1;
}

.menu .eon-menu-dropdown .menuItem span {
    justify-content: flex-start;
}

.contactMenuItem.hrefEl a {
    background-color: #009fe3;
    border-radius: 2px;
    color: #ffffff;
    box-sizing: border-box;
}

.contactMenuItem:hover.hrefEl a {
    background-color: #0091cf;
    color: #fff;
}

/* End Sticky menu */

/* Responsive Menu */

body .eon-menu-modal {
    transform: translate3d(0px, 0, 200px);
    -webkit-transition: opacity 0.3s, background-color 0.6s;
    -moz-transition: opacity 0.3s, background-color 0.6s;
    -o-transition: opacity 0.3s, background-color 0.6s;
    transition: opacity 0.3s, background-color 0.6s;
}

.eon-menu-modal .contactMenuItem {
    padding: 0 40px;
    box-sizing: border-box;
}

.reveal {
    width: 100%;
}

/* Responsive */

@media (max-width: 1024px) {
    /* TODO: Remove important and do javascript functionality */
    .menuWrapperClass .logo .vIso {
        display: none !important;
    }
    body[data-view="view-home-enterprise"] .menuWrapperClass .logo .vHorizontal {
        opacity: 1 !important;
        display: flex !important;
        color: #fdfdfd;
    }
    body[data-view="view-home-enterprise"] .wrapperFixedClass .logo .vHorizontal {
        color: #2d2d2d;
    }
    .menuWrapperClass .logo {
        padding: 0 0 0 15px;
        width: auto;
    }
    .menuWrapperClass .logo a {
        width: auto;
    }
    .menuWrapperClass .logo .vHorizontal::before {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 56px;
    }
}

@media (max-width: 900px) {
    .eon-menu-device {
        display: flex;
        justify-content: flex-end;
    }
    .eon-menu-device .eon-menu-modalButton {
        justify-content: flex-end;
    }
    .eon-menu-modal .contactMenuItem a {
        justify-content: center !important;
    }
    .menu {
        font-size: 16px;
    }
    .menuItem .dropdownTrigger span {
        font-size: 15px;
    }
    .menuItem {
        width: 85%;
    }
    .menuBar {
        max-width: none;
    }
    .menuBar .eon-menu-wrapper .menuItem:not(.contactMenuItem) {
        padding: 0 20px;
    }
}

@media (max-device-width: 1024px) {
    .menuWrapper {
        margin-top: 0;
    }
    .menu {
        padding: 0;
    }
    .menuBar .desktopMenu {
        display: none;
    }
    .menuContainer {
        display: flex;
        justify-content: center;
    }
    .overlayBar {
        height: 56px;
    }
}

@media (max-height:500px) and (orientation: landscape) {
    .eon-menu-modal .eon-menu-page eon-item {
        margin-bottom: 0;
    }
    .eon-menu-modal .contactMenuItem {
        font-size: 22px;
    }
}

/* End Responsive Menu */

/* END MENU */

#landing {
    background-size: cover;
    background-attachment: fixed;
    height: 100vh;
    position: relative;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    transition: all .1s ease;
    overflow: hidden;
}

#landing .headerVideo {
    width: 100%;
}

#landing .titleWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#landing .title1Landing {
    margin: 0 20px;
}

#landing h2 {
    margin: 25px 20px 0 20px;
}

@media (min-width: 2000px) {
    #landing .headerVideo {
        width: 125%;
    }
}

@media (max-width: 1900px) {
    #landing .headerVideo {
        width: 105%;
    }
}

@media (max-width: 1820px) {
    #landing .headerVideo {
        height: 100%;
        width: 115%;
    }
}

@media (max-width: 1720px) {
    #landing .headerVideo {
        width: 135%;
    }
}

@media (max-width: 1420px) {
    #landing .headerVideo {
        width: 150%;
    }
}

@media (max-width: 1320px) {
    #landing .headerVideo {
        width: 165%;
    }
}

@media (max-width: 1220px) {
    #landing .headerVideo {
        width: 175%;
    }
}

@media (max-width: 1120px) {
    #landing .headerVideo {
        width: 185%;
    }
}

@media (max-width: 1050px) {
    #landing .headerVideo {
        width: 215%;
    }
    #landing .title1Landing {
        font-size: 65px;
    }
}

@media (max-width: 900px) {
    #landing .headerVideo {
        width: 100%;
        height: auto;
    }
    #landing .title1Landing {
        text-align: center;
        font-size: 45px;
    }
    #landing h2 {
        text-align: center;
    }
}

@media (max-width: 550px) {
    #landing .headerVideo {
        width: 100%;
    }
    #landing .title1Landing {
        font-size: 35px;
    }
    #landing h2 {
        font-size: 17px;
    }
}

@media screen and (min-width: 1200px) and (max-height: 700px) {
    #landing .headerVideo {
        width: 125%;
        height: auto;
    }
}

@media screen and (max-width: 550px) and (min-height: 800px) {
    #landing .headerVideo {
        width: 150%;
    }
}

@media screen and (min-width: 320px) and (max-height: 800px) {
    #landing .headerVideo {
        width: 150%;
    }
}

@media screen and (min-width: 1000px) and (min-height: 1360px) {
    #landing .headerVideo {
        width: 270%;
    }
}
/* Fixes fixed background issues on Edge */

#view-home-enterprise .sectionLight2 {
    background-image: url("img/enter-bg-top.jpg");
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}

#view-home-enterprise .sectionLight2 .gradientOverlay {
    background: linear-gradient(#fbf7f8, rgba(255, 255, 255, 0));
}

#view-home-enterprise .sectionLight1 {
    background-image: url("img/enter-bg-bottom.jpg");
    background-attachment: fixed;
    background-size: cover;
}

#view-home-enterprise .limitWidth {
    z-index: 1;
}

/* SECTION 2 */

#software {
    padding-bottom: 0;
    z-index: 1;
    flex-wrap: nowrap;
    position: relative;
}

#software .reveal {
    height: 750px;
}

#software .reveal:first-child {
    width: 39%;
    position: absolute;
    z-index: 200;
    left: 0;
    top: 0;
}

#software .col {
    padding-top: 40px;
    box-sizing: border-box;
    display: flex;
    width: 100%;
    height: 100%;
}

#software .reveal:last-child .eon-reveal-wrapper {
    justify-content: flex-end;
}

#software .reveal:last-child .col {
    width: 72%;
    padding-top: 55px;
    align-items: center;
}

#software .col svg {
    max-width: 520px;
    /* width: 100%; */
    height: 100%;
}

.firefoxBrowser #software .col .animated {
    display: none;
}

.firefoxBrowser #software .col .static {
    display: flex;
}

#software .col .imgWrapper {
    width: 100%;
    height: 100%;
    display: flex;
}

#software .col .imgWrapper .img {
    width: 100%;
    max-width: 1036px;
    height: 100%;
    background-image: url(img/platforms-mockup.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Reveal */

#services.reveal {
    height: 548px;
    display: flex;
    justify-content: center;
    margin-bottom: 100px;
}

#services.reveal .wrapper {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* End Reveal */

#services .card {
    display: flex;
    padding: 20px 30px 20px 30px;
    margin: 20px;
    height: 40%;
    width: 265px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    /* Causes issues on IE11 */
    /* backface-visibility: hidden; */
    /* Prevents the blue highlight when touching */
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

#services .container {
    height: 100%;
    width: 80%;
    flex-direction: column;
}

#services .container .container-reveal {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    box-sizing: border-box;
}

#services .card:hover {
    transform: translateZ(0) scale(1.05);
}

#services .card .img svg {
    width: 160px;
    height: 100px;
}

#services .card .text {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: bold;
    color: #6b6b6b;
}

#services .card .textWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* Fix for IE */
    width: 100%;
}

#services .card .subText {
    margin-top: 6px;
    text-align: center;
    font-size: 16px;
    /* Fix for IE */
    width: 100%;
}

#services .card .textWrapper a {
    display: inline-block;
    font-weight: normal;
    pointer-events: none;
}

#services .card .textWrapper a.text {
    color: #009fe3;
}

/* END SECTION 2 */

/* SECTION 3 */

#unique .limitWidth {
    height: 100%;
    justify-content: flex-start;
}

#unique .revealContainer {
    /* height: 2588px; */
    height: 2753px;
    width: 90%;
    display: flex;
    justify-content: center;
}

#unique .revealContainer .wrapper {
    justify-content: center;
}

#unique .reveal {
    height: 17%;
    justify-content: center;
    margin-bottom: 40px;
}

#unique .reveal.spaced {
    margin-bottom: 80px;
}

#unique:first-child .container {
    margin-top: 50px;
}

#unique .container {
    flex-wrap: nowrap;
    padding: 60px 25px;
    margin: 25px 0;
}

#unique .container:last-child {
    margin-bottom: 0;
}

#unique .col {
    flex-grow: 1;
    flex-basis: 0;
}

#unique .container .colImg {
    display: flex;
    justify-content: center;
}

#unique .container .spaceImg {
    background-image: url(img/map.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#unique .container .colText:nth-child(even) {
    margin-left: 25px;
}

#unique .container .colText:nth-child(odd) {
    margin-right: 25px;
}

#unique .container .colImg:nth-child(even) {
    margin-left: 25px;
}

#unique .container .colImg:nth-child(odd) {
    margin-right: 25px;
}

#unique .container .colImg svg {
    height: 335px;
    max-width: 550px;
    width: 100%;
}

#unique .productionContainer .colImg svg {
    max-width: none;
}

.firefoxBrowser #unique .productionContainer .colImg svg {
    max-width: 550px;
}

#unique .container #cross svg {
    max-height: 230px;
    height: 100%;
    margin: 10px 0;
}

/* END SECTION 3 */

/* SECTION 4 LEADER */
#leader {
    display: flex;
    width: 100%;
}

#leader .revealContainer {
    width: 100%;
    height: 590px;
}

#leader .revealContainer .eon-reveal-wrapper {
    justify-content: center;
}

#leader .container {
    flex-wrap: wrap;
}

#leader .revealCard {
    height: 220px;
    width: 375px;
    margin: 20px 20px;
    padding: 10px 10px;
    /* cursor: pointer; */
    box-sizing: border-box;
}

#leader .container .card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
}

#leader .container .titleWrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}

#leader .container .animationBar {
    position: relative;
    width: 80%;
}

#leader .container .animationBar:after {
    content: '';
    display: block;
    margin: auto;
    height: 2px;
    width: 0px;
    background: #009fe3;
    transition: width .5s ease;
}

#leader .container .screenCard.revealCard:hover .animationBar:after {
    width: 100%;
}

#leader .titleWrapper .img {
    /* width: 70px;
    height: 50px; */
    margin-right: 20px;
    display: flex;
    align-items: center;
}

#leader .img .leader {
    /* width: 100%;
    height: 100%; */
    font-size: 50px;
    color: #7b8c94;
    transition: color .5s ease;
}

#leader .screenCard.revealCard:hover .img .leader {
    color: #009fe3;
}

#leader .titleWrapper .minTitle {
    font-size: 20px;
    transition: font-weight .5s ease;
}

#leader .screenCard.revealCard:hover .minTitle {
    font-weight: bold;
}

#leader .deviceIcon {
    display: none;
}

#leader .collapsibleContent {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 20px;
    box-sizing: border-box;
}

#leader .textSize2 {
    text-align: center;
    width: 100%;
}

#leader .card .moreIcon {
    font-size: 30px;
    opacity: 0;
    margin-top: 10px;
    color: #7b8c94;
    transition: opacity .5s ease, color .5s ease;
}

#leader .screenCard.revealCard:hover .moreIcon {
    opacity: 1;
    color: #009fe3;
}

/* ---- Devices view. Includes ipads and tablets ---- */

#leader .revealContainer.deviceContainer {
    height: 672px;
}

#leader .container .revealCard.deviceCard {
    width: 100%;
    height: 92px;
    margin: 10px 0;
    padding: 10px 10px;
}

#leader .revealCard.deviceCard .card {
    position: relative;
}

#leader .container .deviceCard .titleWrapper {
    justify-content: flex-start;
}

#leader .deviceCard .deviceIcon {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
}

#leader .deviceCard .deviceIcon i {
    font-size: 35px;
    transition: transform 0.5s ease-in-out;
}

#leader .container .deviceCard .animationBar {
    width: 100%;
}

#leader .deviceCard .collapsibleContent {
    height: 0;
    overflow: hidden;
    transition: height .5s ease;
}

#leader .deviceCard .textSize2 {
    text-align: initial;
}

#leader .deviceCard.visibleContent .collapsibleContent {
    height: 60px;
    padding: 0 20px;
}

#leader .deviceCard.visibleContent .animationBar:after {
    width: 100%;
}

#leader .deviceCard.visibleContent .img .leader {
    color: #009fe3;
}

#leader .deviceCard.visibleContent .minTitle {
    font-weight: bold;
}

#leader .deviceCard.visibleContent .moreIcon {
    opacity: 1;
    color: #009fe3;
}
#leader .deviceCard.visibleContent .deviceIcon i {
    transform: rotate(180deg);
}

/* END SECTION 4 LEADER */

/* SECTION 5 CUSTOMERS */

#customers .cardLogos {
    width: 100%;
}

#customers .customerSlide {
    backface-visibility: hidden;
    width: calc(25% - 40px);
    margin: 0 20px;
    transform: translateZ(0);
    height: 200px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(100%) opacity(50%);
    filter: grayscale(100%) opacity(50%);
    transition: filter .3s ease;
    /* touch-action: auto; */
}

#customers .customerSlide a {
    width: 100%;
    height: 100%;
}

#customers .customerSlide div {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#customers .customHover {
    -webkit-filter: grayscale(0) opacity(1);
    filter: grayscale(0) opacity(1);
}

/* UPDATED */

@media (min-width: 768px) {
    #customers .customerSlide:hover {
        -webkit-filter: grayscale(0) opacity(1);
        filter: grayscale(0) opacity(1);
    }
}

@media (max-width: 768px) {
    #customers web-logos {
        height: 500px;
        display: flex;
        margin-top: 30px;
    }
    #customers .customerSlide {
        width: calc(80% - 40px);
        left: calc(20% - 20px);
        height: 130px;
        margin: 0 auto;
        position: absolute;
        top: 0;
    }
    #customers .customerSlide.desktopHover:hover {
        -webkit-filter: grayscale(0) opacity(1);
        filter: grayscale(0) opacity(1);
    }
    #customers eon-swiper .eon-swiper-wrapper {
        overflow: hidden;
        position: relative;
    }
}

@media (max-width: 400px) {
    #customers .customerSlide {
        width: calc(100% - 20px);
    }
}

/* END SECTION 5 CUSTOMERS */

/* Responsive */

/* Disable backgrounds on devices */

@media only screen and (max-device-width: 1024px) {
    #view-home-enterprise .sectionLight1 {
        background-image: none;
        background-attachment: scroll;
    }
    #view-home-enterprise .sectionLight2 {
        background-image: none;
        background-attachment: scroll;
    }
}

@media (max-width: 1615px) {
    #leader .revealCard {
        width: 330px;
    }
}

@media (max-width: 1525px) {
    #software .col svg {
        align-self: inherit;
    }
}

@media (max-width: 1425px) {
    #services .container {
        width: 90%;
    }
}

@media (max-width: 1385px) {
    #services .container {
        width: 100%;
    }
}

@media (max-width: 1360px) {
    #software .reveal {
        height: 650px;
    }
    #software .reveal:last-child .col {
        padding-top: 105px;
    }
    #unique .container {
        flex-grow: 1;
    }
    #leader .revealCard {
        width: 300px;
    }
}

@media (max-width: 1200px) {
    #unique .revealContainer {
        height: 2484px;
    }
    #unique .reveal.spaced {
        margin-bottom: 40px;
    }
    #leader .revealCard {
        width: 288px;
    }
}

@media (max-width: 1150px) {
    #software .reveal:last-child .col {
        width: 68%;
        padding-top: 55px;
    }
    #services.reveal {
        height: 820px;
    }
    #services .card {
        height: 24%;
    }
    #leader .revealContainer {
        /* TODO: */
        height: 870px;
        /* height: 465px; */
    }
}

@media (max-width: 1055px) {
    #unique .container .colText:nth-child(even) {
        margin-left: 20px;
    }
    #unique .container .colText:nth-child(odd) {
        margin-right: 20px;
    }
    #unique .container .colImg:nth-child(even) {
        margin-left: 20px;
    }
    #unique .container .colImg:nth-child(odd) {
        margin-right: 20px;
    }
}

@media (max-width: 1024px) {
    #software {
        flex-direction: column-reverse;
    }
    #software .reveal:first-child {
        position: relative;
        width: 100%;
    }
    #software .col {
        align-items: center;
    }
    #software .reveal:first-child .col {
        padding-top: 0;
    }
    #software .reveal:last-child .col {
        width: 100%;
        padding-top: 0px;
        align-items: initial;
    }
    /* FIX for IE browser */
    #software .text {
        width: 100%
    }
    #software .col .imgWrapper {
        max-width: none;
        max-height: none;
    }
    #software .col svg {
        max-height: none;
        margin-top: 30px;
        max-width: none;
        width: 100%;
    }
    #software .reveal:last-child {
        height: 500px;
    }
    /* FIX for IE browser */
    #unique .container .colText {
        width: 100%;
    }
}

@media (max-width: 900px) {
    #unique {
        padding: 60px 20px;
    }
    #unique .container {
        padding: 0;
        margin: 40px 0 0 0 !important;
    }
    #unique .container .colImg .business {
        max-height: 215px;
        height: 100%;
    }
    #unique .container .colImg .production {
        max-height: 215px;
        height: 100%;
    }
    #unique .container .colImg .scalability {
        max-height: 225px;
        height: 100%;
    }
    #unique .container #cross svg {
        margin: 0;
    }
    #unique .oddContainer {
        flex-direction: column;
    }
    #unique .evenContainer {
        flex-direction: column-reverse;
    }
    #unique .container .col {
        flex-basis: auto;
    }
    #unique .container .colText:nth-child(even) {
        margin-left: 0;
    }
    #unique .container .colText:nth-child(odd) {
        margin-right: 0;
    }
    #unique .container .colImg:nth-child(even) {
        margin-left: 0;
    }
    #unique .container .colImg:nth-child(odd) {
        margin-right: 0;
    }
    #unique .container .colImg {
        width: 100%;
        align-items: center;
    }
    /* #unique .container:nth-child(4) .colText, #unique .container:nth-child(7) .colText { */
    #unique .container .colText {
        margin-bottom: 30px !important;
    }
    #unique .container:nth-child(4) .colImg {
        min-height: 220px;
    }
    #unique .revealContainer {
        height: 3172px;
    }
    #unique .reveal {
        height: 17.5%;
    }
    #unique .reveal.spaced {
        margin-bottom: 80px;
    }
}

@media (max-width: 800px) {
    #software .reveal {
        height: 450px;
    }
    #software .reveal:last-child {
        height: 400px;
    }
    #services .card {
        margin: 10px;
        width: 200px;
        height: 30%;
        padding: 15px 35px 15px 35px;
    }
    #services .card .subText {
        font-size: 14px;
    }
    #unique .title3 {
        margin-bottom: 10px;
    }
    #unique .revealContainer {
        height: 2800px;
    }
}

@media (max-width: 685px) {
    #services.reveal {
        height: 750px;
    }
    #services .card {
        width: 100%;
        padding: 0;
        margin: 10px 0;
        box-sizing: border-box;
        flex-grow: 1;
        height: 11%;
    }
    #services.reveal .wrapper {
        flex-direction: row;
        justify-content: flex-start;
    }
    #services .card:last-child {
        margin-bottom: 0;
    }
    #services .card .textWrapper {
        align-items: flex-start;
    }
    #services .card .subText {
        text-align: inherit;
    }
    #services .card .img svg {
        width: 125px;
        height: 70px;
    }
    #unique .container .colImg svg {
        height: auto;
    }
    #unique .revealContainer {
        height: 2680px;
    }
    #unique .reveal {
        height: 18%;
    }

    #leader .deviceCard.visibleContent .collapsibleContent {
        height: 80px;
        padding: 0 10px;
    }
}

@media (max-width: 585px) {
    #software .reveal:last-child {
        height: 300px;
    }
    #software .col .imgWrapper {
        padding: 0;
    }
    #services .card .img svg {
        width: 90px;
        height: 50px;
    }
    #unique .revealContainer {
        height: 2560px;
    }
    #unique .reveal.spaced {
        margin-bottom: 60px;
    }
    #customers .customerSlide {
        width: calc(100% - 40px);
    }
}

@media (max-width: 415px) {
    #software .reveal {
        height: 500px;
    }
    #software .reveal:last-child {
        height: 250px;
    }
    #services.reveal {
        height: 800px;
    }
    #unique .revealContainer {
        height: 2315px;
    }
    #unique .reveal {
        height: 17%;
    }
}

@media (max-width: 360px) {
    #software .reveal:last-child {
        height: 200px;
    }
    #unique .revealContainer {
        height: 2630px;
    }
    #unique .container:nth-child(4) .colImg {
        min-height: auto;
    }
}

@media (max-width: 320px) {
    #unique .revealContainer {
        height: 2320px;
    }
}

/* End Responsive */

/* ------ FRONT ------- */
#custom-front {
    background-image: url(img/custom-software.jpg);
}
/* ------ END FRONT ------- */
/* -- First section -- */

#custom-content {
    flex-direction: row;
    box-sizing: border-box;
    justify-content: space-around;
    align-items: flex-start;
    background-color: #f9f7f7;
}
#custom-content .container {
    width: 90%;
    max-width: 1400px;
    align-items: flex-start;
}

#custom-content .col:nth-child(even) {
    margin: 0 5%;
}
#custom-content .col {
    flex-grow: 1;
    flex-basis: 0;
}
#custom-content .text {
    text-align: justify;
}
#custom-content .container .textSize1 {
    margin-top: 10px;
    font-size: 16px;
}

/* -- End First section -- */


/* -- Production section -- */
#production.limitWidth{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding: 50px;
}
#production-reveal {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    margin: 100px 0 110px 0;
}
#production-reveal .nav {
    position: absolute;
    height: 100%;
    width: 10%; 
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 1;
}
#production-reveal .nav.vertical {
    position: absolute;
    height: 10%;
    width: 100%; 
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 1;
}
#production-reveal .nav:active {
    background-color: #4e4e4e1c;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
#production-reveal .nav > i{
    font-size: 60px;
    color: #383838;
    width: 100%;
}
#production-reveal .nav > i.nav-deactivated{
    color: #dcdcdc;
}
#production-reveal .nav-up {
    top: -20px;
}
#production-reveal .nav-down {
    bottom: -20px;
}
#production-reveal .nav-left {
    display: none;
    left: -20px;
}
#production-reveal .nav-right {
    display: none;
    right: -20px;
}

#production-reveal .stack{
    /* background-color: #ececec; */
    width: calc(96% - 10px);
    height: 450px;
}
#production-reveal .stack > eon-panel{
    overflow: hidden !important;
}
#production-reveal .stack-menu {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 20px;
    align-items: center;
}
#production-reveal .stack-menu .menu-item{
    font-family: 'TCCM';
    font-size: 50px;
    font-weight: normal;
    cursor: pointer;
    transition: color .2s;
    cursor: pointer;
}
#production-reveal  .reveal {
    height: 500px;
    width: 100%;
    margin-top: 10px;
}
#production-reveal .eon-reveal-wrapper {
    align-items: flex-start;
}
#production-reveal .container {
    flex-wrap: nowrap;
    width: 100%;
}
#production-reveal .section-number {
    font-family: 'TCCM';
    font-size: 400px;
    font-weight: normal;
    line-height: 350px;
    width: 150px;
    display: flex;
    justify-content: center;
}
#production-reveal .container .colImg {
    margin-left: 40px;
}
#production-reveal .container .colText {
    margin-left: 40px;
}
#production-reveal .container .colImg svg {
    max-width: 500px;
    height: 335px;
}
#production-reveal eon-panel[name="4"] .colImg svg {
    height: 200px;
}
/* -- End Production section -- */

/* -- Technologies section -- */
#technologies {
    margin-left: auto;
    margin-right: auto;
}
#technologies .limitWidth {
    width: 90%;
    max-width: 1400px;
}
#technologies .title3 {
    padding-bottom: 30px;
}
#technologies .container {
    flex-wrap: nowrap;
    width: 100%;
    align-items: center;
}
#technologies .text{
    text-align: justify;
}
#technologies .sameFlexSize {
    flex-grow: 1;
    flex-basis: 0;
}
/* Compatibility */
#technologies .container.compatibility .colText > .col{
    margin-top: 40px;
}
#technologies .container.compilation .colText {
    padding-right: 40px;
}
#technologies .colText {
    margin-right: 40px;
}
#technologies .wrapper-line {
    width: 100%;
    height: 20px;
    position: relative;
    margin-bottom: 5px;
}

#technologies .wrapper-line div {
    border-color: #009fe3;
    border-style: solid;
    border-width: 0;
}

#technologies .wrapper-line .line-end-left {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 4%;
    top: 0;
    border-top-width: 2px;
    border-left-width: 2px;
    border-top-left-radius: 15px;
    box-sizing: border-box;
}

#technologies .wrapper-line .line-end-right {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 4%;
    top: 0;
    border-top-width: 2px;
    border-right-width: 2px;
    border-top-right-radius: 15px;
    box-sizing: border-box;
}
#technologies .col.browsers {
    min-width: 0;
    flex-direction: row;
    justify-content: space-around;
    display: flex;
}
#technologies .col.browsers .col {
    flex-grow: 1;
    flex-basis: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#technologies .col.browsers .col > i {
    font-size: 65px;
    width: 70px;
    height: 70px;
    color: #2d2d2d;
}
#technologies .titleImg  {
    text-align: center;
    left: 61px;
    position: relative;
}
#technologies .titleImg.capacitor  {
    left: 0;
}
#technologies .colComputerImg  {
    background-image: url(img/services/appComputer.jpg);
    background-size: contain;
    height: 450px;
    background-repeat: no-repeat;
    background-position: center;
}
#technologies .colDevicesAppImg  {
    background-image: url(img/services/appDevice.jpg);
    background-size: contain;
    height: 525px;
    background-repeat: no-repeat;
    background-position: center;
}
#technologies .pwa-advantages {
    display: flex;
    flex-wrap: wrap;
    font-size: 18px;
    justify-content: center;
}
#technologies .pwa-advantages > .col:first-child {
    margin-right: 36px;
}
#technologies .pwa-advantages .col {
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-basis: auto;
}
#technologies .pwa-advantages span{
    display: flex;
    align-items: center;
    margin-top: 26px;
    font-weight: bold;
}
#technologies .pwa-advantages i{
   height: 20px;
   width: 20px;
   border-radius: 15px;
   margin-right: 6px;
}

#technologies .compilation svg {
    height: 250px;
    min-width: 250px;
}
#technologies .container.devices {
    height: 480px;
    padding-left: 100px;
    justify-content: flex-end;
}
#technologies .container.devices > .line-three {
    margin-right: 125px;
}
#technologies .colDevices {
    flex-grow: 0;
    width: 20%;
    height: 70%;
    position: relative;
    display: flex;
    flex-direction: column;
}
#technologies .colDevices > div{
    position: relative;
}
#technologies .container.colDevicesImg {
    height: 100%;
    justify-content: flex-start;
}
#technologies .colGears {
    position: relative;
    height:  320px;
    width: 25%;
}
#technologies .colGears .titleImg {
    position: absolute;
    bottom: 100%;
    left: 25%;
    text-align: center;
    width: 100%;
}
#technologies .marginLeft {
    margin-right: 0;
    margin-left: 40px;
}
#technologies .container.center {
    justify-content: center;
}

#technologies .line > div{
   position: absolute;
   box-sizing: border-box;
   border-color: #009fe3;
   border-style: solid;
   border-width: 0;
}
#technologies .line-simple > div{
    width: 50%;
    height: 50%;
}
#technologies .arrow-head {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #009fe3;
    position: absolute;
}

#technologies .line-one {
    width: 50%;
    height: 80px;
    position: relative;
    left: 1%;
}
#technologies .line-one .line-end {
    left: 5px;
    bottom: 2px;
    border-top-width: 2px;
    border-left-width: 2px;
    border-top-left-radius: 15px;
    left: calc(10% - 40px);
}
#technologies .line-one .line-end .arrow-head {
    top: 100%;
    left: -8px;
}
#technologies .line-one .line-origin {
    top: 0;
    right: 0;
    border-bottom-width: 2px;
    border-right-width: 2px;
    border-bottom-right-radius: 15px;
}

#technologies .line-two {
    position: relative;
    width: 63%;
    height: 80px;
    align-self: flex-end;
    margin-right: 125px;
}
#technologies .line-responsive {
    position: relative;
    width: 55%;
    display: none;
}
#technologies .line-two .line-origin {
    top: 0;
    left: 0;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-bottom-left-radius: 15px;
}
#technologies .line-two .line-end {
    right: 0;
    bottom: 2px;
    border-top-width: 2px;
    border-right-width: 2px;
    border-top-right-radius: 15px;
}
#technologies .line-two .line-end .arrow-head,
#technologies .line-responsive .line-end .arrow-head {
    top: 100%;
    right: -8px;
}

#technologies .line-one, #technologies .line-two {
    margin-bottom: 50px;
}

#technologies .line-three {
    width: 26%;
    height: 65%;
    position: relative;
    display: flex;
    align-items: center;
}
#technologies .line-three .line-origin {
    top: -60px;
    height: 64%; 
    right: 0;
    border-bottom-width: 2px;
    border-right-width: 2px;
    border-bottom-right-radius: 15px;
}
#technologies .line-three .line-split-wrapper {
    width: 15%;
    height: 70%;
    position: absolute;
    position: relative;
    box-sizing: border-box;
}
#technologies .line-three > div {
    width: 85%;
}
#technologies .line-three .line-two-way-split {
    width: 75%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    right: 0;
    top: 0;
}
#technologies .line-three .line-split {
    flex-grow: 1;
    width: 100%;
    border-right: 2px solid #009fe3;
    position: relative;
}
#technologies .line-three .line-split-up {
    border-top: 2px solid #009fe3;
    border-top-right-radius: 15px;
}
#technologies .line-three .line-split-down {
    border-bottom: 2px solid #009fe3;
    border-bottom-right-radius: 15px;
}
#technologies .line-three .arrow-head {
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 10px solid #009fe3;
    position: absolute;
}
#technologies .line-three .line-split-up .arrow-head {
    left: -15px;
    top: -8px;
}
#technologies .line-split-down .arrow-head {
    left: -15px;
    bottom: -8px;
}
#technologies .colDevicesImg .line {
    height: 69%;
    width: 50%;
}
#technologies .colDevicesImg .line-split-wrapper {
    width: 94%;
    height: 100%;
}
#technologies .colDevicesImg .line-split-up {
    border-top-right-radius: 0;
    border-right: 0;
}
#technologies .colDevicesImg .line-split-down {
    border-bottom-right-radius: 0;
    border-right: 0;
}
#technologies .colOsImg svg {
    width: 100%;
    height: 90%;
    position: absolute
}
#technologies .colDevices .colDevicesImg svg {
    width: 100%;
    height: 65%;
    position: absolute;
    bottom: 0;
}
#technologies .colDevicesImg .gears {
    height: 105%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#technologies .colDevicesImg .gears > svg{
    height: 100px;
}


/* -- End Technologies section -- */

@media (max-width: 1700px){
    #production-reveal .section-number {
        font-size: 350px;
    }
}
@media (max-width: 1585px) {
    #production-reveal .section-number {
        font-size: 300px;
    }
}
@media (max-width: 1450px){
    #technologies .line-one {
        left: 2%;
        width: 48%;
    }
    #technologies .line-two {
        width: 61%;
    }
}
@media (max-width: 1300px){
    #production-reveal .container .textSize1,
    #technologies .textSize1 {
        font-size: 16px;
    }
    #technologies .colComputerImg {
        height: 400px;
    }
    #technologies .colDevicesAppImg {
        height: 450px;
    }
}
@media (max-width: 1285px){
    #production-reveal .container .colImg svg {
        max-width: 500px;
        height: 350px;
    }
}
@media (max-width: 1220px){
    #technologies .pwa-advantages {
        font-size: 15px;
    }
    #technologies .pwa-advantages > .col:first-child {
        margin-right: 20px;
    }
}
@media (max-width: 1130px){
    #custom-content .col:nth-child(even) {
        margin: 0 4%;
    }
    #technologies .colComputerImg {
        height: 360px;
    }
    #technologies .colDevicesAppImg {
        height: 410px;
    }
    #technologies .line-one {
        left: 3%;
        width: 46%;
    }
    #technologies .line-two {
        width: 58%;
    }
}
@media (max-width: 1024px) {
    #production-reveal {
        flex-direction: column;
        margin: 30px 0 0 0;
    }
    #production-reveal .stack {
        width: 100%;
        height: 570px;
    }
    #production-reveal .stack-menu {
        flex-direction: row;
        width: 100%;
    }
    #production-reveal .stack-menu .menu-item {
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        font-size: 40px;
    }
    #production-reveal .container {
        flex-direction: column;
    }
    #production-reveal .section-number {
        display: none;
    }
    #production-reveal .container .colText {
        margin-left: 0;
    }
    #production-reveal .container .colImg {
        margin-left: 0;
        margin-top: 25px;
    }
    #production-reveal .nav-left,
    #production-reveal .nav-right {
        display: flex;
    } 
    #production-reveal .nav.vertical.nav-up, 
    #production-reveal .nav.vertical.nav-down {
        display: none;
    }
    #technologies .pwa-advantages {
        justify-content: center;
    }
    #technologies .limitWidth {
        width: 100%;
    }
    /* CUSTOM CONTENT */
    #custom-content .container {
        flex-direction: column;
    }
    #custom-content .col:nth-child(even) {
        margin: 0;
    }
    #custom-content .col {
        flex-grow: 0;
        flex-basis: inherit;
        width: 100%;
    }
    #custom-content .col:not(:last-child) {
        margin-bottom: 50px;
    }
    #custom-content .title4 {
        text-align: center;
    }
    /* TECHNOLOGIES */
    #technologies .sameFlexSize {
        flex-basis: inherit;
    }
    #technologies .container {
        flex-direction: column;
    }
    #technologies .container .imageWrapper {
        width: 100%;
    }
    /* Compatibility */
    #technologies .container.compatibility .colText > .col {
        margin-top: 40px;
    }
    #technologies .container.compatibility > .imageWrapper .titleImg {
        display: none;
    }
    #technologies .container.compatibility .colImg {
        margin-top: 40px;
    }
    #technologies .container.compatibility .colComputerImg {
        margin-top: 30px;
    }
    /* Line One */
    #technologies .line-one {
        left: inherit;
        width: auto;
    }
    /* Hybrid */
    #technologies .container.hybrid .colText {
        margin-top: 40px;
    }
    #technologies .container.hybrid .pwa-advantages {
        margin-top: 40px;
        justify-content: space-around;
    }
    /* Line Two */
    #technologies .line-two {
        margin-right: 0;
        align-self: inherit;
        width: auto;
    }
    /* Compilation */
    #technologies .container.compilation {
        flex-direction: column-reverse;
    }
    #technologies .container.compilation .colText {
        margin: 0;
        margin-top: 40px;
        padding: 0;
    }
    /* Devices */
    #technologies .container.devices {
        padding: 0;
        position: relative;
        height: 565px;
    }
    #technologies .colGears {
        position: absolute;
        top: 0;
        width: 100%;
        height: 280px;
        left: 0;
    }
    #technologies .colGears .titleImg {
        position: relative;
        bottom: auto;
        left: auto;
        margin-bottom: 50px;
    }
    #technologies .colDevices {
        position: absolute;
        bottom: 0;
        top: 425px;
        flex-direction: row;
        display: flex;
        height: 150px;
        width: 100%;
        left: 0;
        justify-content: space-between;
        padding: 0 12%;
        box-sizing: border-box;
    }
    #technologies .colDevices > div {
        width: 200px;
        flex-grow: 0;
        flex-basis: inherit;
    }
    #technologies .colDevices .colDevicesImg svg, #technologies .colDevices .colOsImg svg {
        height: 100%;
        width: 100%;
        position: relative;
    }
    #technologies .colDevicesImg, #technologies .colOsImg {
        height: 110px;
    }
    #technologies .colDevicesImg .gears {
        flex-direction: row;
        height: 150px;
        width: 100%;
        left: 0;
        padding: 0px 15%;
        box-sizing: border-box;
    }
    #technologies .colDevicesImg .gears > svg {
        height: 150px;
        width: 150px;
    }
    
    /* Devices lines */
    #technologies .line-simple > div {
        height: 100%;
    }
    #technologies .line-one,
    #technologies .line-two,
    #technologies .line-three,
    #technologies .line-responsive{
        height: 80px;
        display: block;
    }
    #technologies .line-one .line-origin,
    #technologies .line-two .line-origin,
    #technologies .line-responsive .line-origin {
        display: none
    }
    #technologies .line-one .line-end {
        width: auto;
        border-top-width: 0;
        border-radius: 0;
        left: 50%;
    }
    #technologies .line-two .line-end,
    #technologies .line-responsive .line-end {
        width: auto;
        border-right-width: 0;
        border-top-width: 0;
        border-left-width: 2px;
        border-radius: 0;
        left: 50%;
    }
    #technologies .line-two .line-end .arrow-head,
    #technologies .line-responsive .line-end .arrow-head {
        left: -8px;
    }
    #technologies .line-three {
        position: absolute;
        display: block;
        top: 310px;
        width: 100%;
        padding: 0 15%;
        box-sizing: border-box;
        left: 0;
    }
    #technologies .colGears .line-three,
    #technologies .line-three .line-origin {
        display: none;
    }
    #technologies .line-three .line-split-wrapper{
        width: 100%;
        height: 100%;
    }
    #technologies .line-three .line-two-way-split {
        width: 100%;
        flex-direction: row;
        align-items: center;
    }
    #technologies .line-three .line-split-up {
        border-left: 2px solid #009fe3;
        border-top-right-radius: 0;
        border-right: 0;
        border-top: 0;
        left: 75px;
        height: 100%;
    }
    #technologies .line-three .line-split-down {
        border-right: 2px solid #009fe3;
        border-bottom-right-radius: 0;
        border-left: 0;
        border-bottom: 0;
        right: 75px;
        height: 100%;
    }
    #technologies .line-three .line-split-up .arrow-head{
        left: -8px;
        top: 100%;
        border-top: 0;
        border-bottom: 0;
        border-right: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 10px solid #009fe3;
    }
    #technologies .line-three .line-split-down .arrow-head{
        right: -8px;
        top: 100%;
        left: auto;
        bottom: 0;
        border-top: 0;
        border-bottom: 0;
        border-right: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 10px solid #009fe3;
    }
    #technologies .colText {
        max-width: inherit;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0;
        text-align: center;
        width: 100%;
    }
    #technologies .titleImg  {
        text-align: center;
        margin-top: 25px;
    }
    #technologies .container.center {
        position: relative;
        display: flex;
        height: 400px;
        align-items: center;
    }
    #technologies .titleImg {
        left: 0;
    }
    
}
@media (max-width: 800px){
    #technologies .colDevicesImg .gears {
        padding: 0 5%;
     }
     #technologies .line-three {
        padding: 0 5%;
     }
     #technologies .colDevices {
        padding: 0 0;
     }
}
@media (max-width: 700px){
    #technologies .colComputerImg {
        width: auto;
        height: 280px;
    }
    #technologies .colDevicesAppImg {
        height: 305px;
    }

    #production.limitWidth {
        width: 100%;
        padding: 50px 20px 30px 20px;
    }
    #production-reveal .nav-left {
        left: -15px;
    }
    #production-reveal .nav-right {
        right: -15px;
    }
}
@media (max-width: 685px) {
    #custom-content .container {
        width: 100%;
    }
}
@media (max-width: 585px){
    #production-reveal {
        margin-bottom: 0;
    }
    #production-reveal .stack {
        width: 100%;
        height: 450px;
    }
    #production-reveal .nav > i {
        font-size: 40px;
    }
    #production-reveal .container .colImg svg {
        height: 212px;
    }
    #technologies .container.center { 
        height: 465px;
    }
    #technologies .container.hybrid .pwa-advantages {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    #technologies .pwa-advantages .col {
        width: 100%;
        align-items: center;
     }
    #technologies .pwa-advantages > .col:first-child {
        margin-right: 0;
     }
     #technologies .col.browsers .col > i {
        font-size: 50px;
        height: 55px;
        width: auto;
     }
     
}
@media (max-width: 460px){
    #technologies .container.devices {
        height: 460px;
    }
    #technologies .colGears {
        height: 250px;
    }
    #technologies .line-three {
        top: 250px;
    }
    #technologies .colDevices {
        top: 350px;
    }
     #technologies .colDevicesImg .gears > svg {
         width: 100px;
         height: 100px;
     }
     #technologies .colDevices > div {
         width: 130px;
     }
     #technologies .line-three .line-split-up {
         left: 50px;
     }
     #technologies .line-three .line-split-down {
         right: 50px;
     }
     #production-reveal .container .textSize1,
     #technologies .textSize1 {
         font-size: 14px;
     }
     #technologies .subTitle1 {
         display: none;
     }
}

@media (max-width: 360px){
    #production-reveal .stack {
        height: 500px;
    }
    #technologies .col.browsers .col > i {
        font-size: 40px;
        height: 55px;
     }
     #technologies .colComputerImg {
        height: 180px;
     }
     #technologies .colDevicesAppImg {
        height: 215px;
     }
     #technologies .colGears .titleImg {
         margin-bottom: 20px;
     }
     #technologies .colDevicesImg .gears {
         padding: 0;
     }
     #technologies .line-three {
         padding: 0;
         top: 250px;
     }
     #technologies .colDevices {
         top: 340px;
     }
     #technologies .colDevices > div {
         width: 100px;
     }
}

/* ------ FRONT ------- */

#management-front {
    background-image: url(img/data-management.jpg);
}

/* ------ END FRONT ------- */

/* DATA SERVICES SECTION */

#data-services .container {
    flex-wrap: nowrap;
    padding-top: 40px;
}

#data-services .dataServicesIcon {
    font-size: 350px;
    margin-right: 60px;
}

#data-services .data-advantages {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

#data-services .data-advantages .col {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

#data-services .data-advantages .col div {
    display: flex;
    align-items: center;
    margin: 30px 20px 0 0;
    font-weight: bold;
    font-size: 18px;
}

#data-services .data-advantages .col:last-child div {
    margin: 30px 0 0 0;
}

#data-services .data-advantages i {
    height: 20px;
    /* IE and iPad fix */
    width: 20px;
    border-radius: 15px;
    margin-right: 6px;
}

#data-services .data-advantages span {
    width: 100%;
}

/* DATA SERVICES SECTIONS */

.dataServices .colText {
    display: flex;
    width: 100%;
}

.dataServices .colImg {
    width: 100%;
    max-width: 800px;
    margin-top: 40px;
}

#data-scrubbing .colImg {
    max-width: 500px;
}

.ieBrowser #data-warehousing .colImg {
    height: 300px;
}

.dataServices .colImg svg {
    width: 100%;
    height: 100%;
}

.dataServices .colText .title2, .dataServices .colText .text {
    flex-grow: 1;
    flex-basis: 0;
}

.dataServices .colText .title2 {
    /* In IE browser "start" not work */
    text-align: left;
    margin: 10px 40px 0 0;
}

.dataServices .colText .underline2 {
    display: none;
}

/* END DATA SERVICES SECTIONS */

/* DATA SECURITY SECTION */

#data-security {
    background-image: url(img/security-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#data-security .limitWidth {
    flex-direction: column;
}

#data-security .container {
    flex-wrap: nowrap;
}

#data-security .title2 {
    /* In IE browser "start" not work */
    text-align: left;
    width: 80%;
    border-bottom: 3px solid #fdfdfd;
}

#data-security .rowText {
    flex-grow: 2;
    flex-basis: 0;
    margin: 30px 30px 0 0;
}

#data-security .rowText .col {
    margin-top: 40px;
    display: flex;
    align-items: center;
}

#data-security .rowText .col i {
    font-size: 70px;
    margin-right: 20px;
}

#data-security .rowImg {
    flex-grow: 1;
    flex-basis: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#data-security .rowImg .col {
    max-width: 250px;
    width: 100%;
    height: 300px;
}


/* END DATA SECURITY SECTION */

@media (max-width: 1450px) {
    #data-security .title2 {
        width: 90%;
    }
}

@media (max-width: 1070px) {
    #view-management .text {
        width: 100%;
    }
    #data-services .col {
        width: 100%;
    }
    #data-services .col .data-advantages .col {
        width: 100%;
    }
    #data-services .container {
        flex-wrap: wrap;
        /* flex-direction: column-reverse; */
    }
    #data-services .dataServicesIcon {
        margin: 0 0 30px 0;
        height: 300px;
        display: flex;
        align-items: center;
    }
    #data-services .dataServicesIcon::before {
        height: 300px;
        display: flex;
        align-items: center;
    }
}

@media (max-width: 900px) {
    .paddingSection2 {
        padding: 80px 20px;
    }
    #data-security .container {
        flex-direction: column-reverse;
    }
    #data-security .rowText, #data-security .rowImg {
        flex-grow: initial;
        flex-basis: auto;
        width: 100%;
    }
    #data-security .rowImg {
        padding-top: 40px;
    }

    #data-security .rowText {
        margin: 30px 0 0 0;
    }

    #data-security .rowText .text {
        text-align: justify;
    }
    #data-security .rowImg .col {
        margin-bottom: 0;
    }
    .ieBrowser #data-security .rowText .col i{
        width: 100px;
    }
    #data-security .rowText .col span {
        /* In IE browser "start" not work */
        text-align: left;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .dataServices .colText {
        align-items: center
    }
    .dataServices .colText .title2 {
        margin: 0;
        text-align: center;
    }
    .dataServices .colText .underline2 {
        display: block;
    }
    .dataServices .colText .title2, .dataServices .colText .text {
        flex-basis: auto;
    }
}

@media (max-width: 685px) {
    #view-management .title2, #view-management .title3 {
        width: 100%;
    }
    #data-services .data-advantages {
        flex-direction: column;
        align-items: center;
    }
    #data-services .data-advantages .col {
        align-items: center;
    }
    #data-services .data-advantages div {
        margin: 30px 0 0 0;
    }
    #data-services .dataServicesIcon {
        font-size: 250px;
        height: 200px;
    }
    #data-services .dataServicesIcon::before {
        height: 200px;
    }
}

@media (max-width: 500px) {
    #data-services .data-advantages .col div {
        width: 250px;
    }
    #data-services .dataServicesIcon {
        font-size: 150px;
        height: 130px;
    }
    #data-services .dataServicesIcon::before {
        height: 130px;
    }

    #data-security .rowImg .col {
        max-width: 200px;
        width: 100%;
        max-height: 250px;
        height: 100%;
    }
}

@media (max-width: 370px) {
    #data-services .data-advantages .col div {
        max-width: 200px;
        width: 100%;
    }
}

/* RESPONSIVE */

/* ------ FRONT ------- */

#consulting-front {
    background-image: url(img/it-consulting.jpg);
}

/* ------ END FRONT ------- */

#it-business .title2, #it-adapted .title2 {
    text-align: left;
    width: 80%;
}

/* IT EXPERTISE SECTION */

#it-expertise .resposiveSvg {
    display: none;
}

#it-expertise .container {
    flex-wrap: nowrap;
    padding-top: 60px;
    min-height: 560px;
}

#it-expertise .container>.row {
    box-sizing: border-box;
}

#it-expertise .container .rowText {
    padding-right: 20px;
    width: 100%;
    max-width: 640px;
}

#it-expertise .container .rowText .text {
    margin-bottom: 50px;
}

#it-expertise .container .rowImg {
    padding-left: 20px;
    width: 100%;
    max-width: 800px;
    /* height: 508px; */
}

#it-expertise .container .rowImg svg {
    width: 100%;
    height: 100%;
    display: none;
}

#it-expertise .consulting-advantages {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

#it-expertise .consulting-advantages .row {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 100%;
}

#it-expertise .consulting-advantages .row div {
    display: flex;
    align-items: center;
    margin: 30px 20px 0 0;
    font-weight: bold;
    font-size: 18px;
}

#it-expertise .consulting-advantages .row:last-child div {
    margin: 30px 0 0 0;
}

#it-expertise .consulting-advantages i {
    height: 20px;
    /* IE and iPad fix */
    width: 23px;
    border-radius: 15px;
    margin-right: 6px;
}

#it-expertise .consulting-advantages span {
    width: 100%;
}

/* END IT EXPERTISE SECTION */

/* IT BUSINESS SECTION */

#it-business .container {
    margin-top: 30px;
}

#it-business .col {
    display: flex;
    width: 100%;
}

#it-business .row {
    margin: 20px 0;
    display: flex;
    flex-grow: 1;
    flex-basis: 0;
    width: 100%;
}

#it-business .card {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 10px 0;
    margin: 0 20px;
    flex-grow: 1;
    flex-basis: 0;
    width: 100%;
}

#it-business .col .row:first-child .card:first-child {
    margin-left: 0;
}

#it-business .col .row:last-child .card:last-child {
    margin-right: 0;
}

#it-business .subtitle4 {
    border-left: 8px solid #009fe3;
    padding: 0 0 0 10px;
    width: 200px;
}

#it-business .card .text {
    width: 100%;
    height: 150px;
    line-height: 1.3;
    text-align: inherit;
}

#it-business a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-weight: bold;
    margin-top: 5px;
}

#it-business a i {
    font-size: 25px;
    margin-top: 2px;
}

/* END IT BUSINESS SECTION */

/* IT ADAPTED SECTION */
#it-adapted {
    background-image: url(img/stages-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#it-adapted .container {
    margin-top: 50px;
}

#it-adapted .row {
    position: relative;
    flex-grow: 1;
    flex-basis: 0;
    display: flex;
}

#it-adapted .card {
    z-index: 2;
    padding: 25px 30px;
    height: 370px;
    box-sizing: border-box;
}

#it-adapted .text {
    margin-top: 25px;
    line-height: 1.3;
}

#it-adapted .layer {
    box-shadow: 0px 0px 20px 1px rgba(136, 136, 136, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

#it-adapted .triangleBack {
    position: absolute;
    width: 60px;
    height: 60px;
    transform: rotate(-45deg);
    -webkit-box-shadow: 0px 0px 20px 1px rgba(136, 136, 136, 0.7);
    -moz-box-shadow: 0px 0px 20px 1px rgba(136, 136, 136, 0.7);
    box-shadow: 0px 0px 20px 1px rgba(136, 136, 136, 0.7);
    z-index: 0;
}

#it-adapted .triangleFront {
    position: absolute;
    width: 60px;
    height: 60px;
    transform: rotate(-45deg);
    background-color: #ffffff;
    z-index: 1;
}

#it-adapted .triangleLeft {
    top: calc(50% - 30px);
    left: calc(100% - 30px);
}

#it-adapted .triangleRight {
    top: calc(50% - 30px);
    right: calc(100% - 30px);
}

#it-adapted .container .row:nth-child(2) .triangleFront {
    background-color: #0bb6ff;
}

#it-adapted .container .row:nth-child(2) {
    margin: 0 100px;
}

/* END IT ADAPTED SECTION */

/* RESPONSIVE */

@media (max-width: 1735px) {
    #it-business .card .text {
        height: 190px;
    }
}

@media (max-width: 1550px) {
    #it-adapted .card {
        height: 390px;
    }
}

@media (max-width: 1450px) {
    #it-business .title2, #it-adapted .title2 {
        width: 90%;
    }
}

@media (max-width: 1320px) {
    #it-business .card .text {
        height: 230px;
    }
    #it-adapted .card .subtitle3 {
        font-size: 42px;
    }
    #it-adapted .card .textSize1 {
        font-size: 19px;
    }
}

@media (max-width: 1175px) {
    #it-business .col {
        flex-direction: column
    }
    #it-business .row {
        flex-basis: auto;
    }
    #it-business .col .row:first-child .card:last-child {
        margin-right: 0;
    }
    #it-business .col .row:last-child .card:first-child {
        margin-left: 0;
    }
    #it-business .card .text {
        height: 100px;
    }
    #it-adapted .flex-row {
        flex-direction: column;
    }
    #it-adapted .row {
        flex-basis: auto;
    }
    #it-adapted .card {
        height: auto;
        padding: 30px;
    }
    #it-adapted .container .row:nth-child(2) {
        margin: 100px 0;
    }
    #it-adapted .triangleLeft {
        top: calc(100% - 30px);
        left: calc(50% - 30px);
    }
    #it-adapted .triangleRight {
        top: -30px;
        right: calc(50% - 30px);
    }
}

@media (max-width: 1024px) {
    #it-expertise .container .rowImg {
        display: none;
    }
    #it-expertise .resposiveSvg {
        display: flex;
        width: 100%;
        justify-content: center;
        margin-bottom: 40px;
    }
    #it-expertise .resposiveSvg svg {
        height: 100%;
        width: 100%;
        max-width: 600px;
    }
    .ieBrowser #it-expertise .resposiveSvg svg {
        height: 385px;
    }
    #it-expertise .container .rowText {
        padding-right: 0;
        max-width: none;
    }
    #it-expertise .consulting-advantages {
        justify-content: space-around;
    }
}

@media (max-width: 955px) {
    #it-business .card .text {
        height: 120px;
    }
}

@media (max-width: 800px) {
    #it-adapted .card .textSize1 {
        font-size: 17px;
        text-align: inherit;
    }
}

@media (max-width: 780px) {
    #it-adapted .card .subtitle3 {
        font-size: 40px;
    }
}

@media (max-width: 685px) {
    #it-expertise .consulting-advantages {
        flex-direction: column;
    }
    #it-expertise .consulting-advantages .row {
        justify-content: center;
        align-items: center;
    }
    #it-expertise .consulting-advantages .row div {
        margin: 30px 0px 0 0;
        max-width: 300px;
        font-size: 15px;
    }
    #it-business .title2, #it-adapted .title2 {
        width: 100%;
    }
    #it-business .row {
        flex-direction: column;
        margin: 0;
    }
    #it-business .card {
        flex-basis: auto;
        margin: 20px 0 !important;
        padding: 0;
    }
    #it-business .col .row:first-child .card:last-child {
        margin-right: 0;
    }
    #it-business .col .row:last-child .card:first-child {
        margin-left: 0;
    }
    #it-business .card .text {
        height: auto;
    }
}

@media (max-width: 320px) {
    #it-expertise .consulting-advantages .row div {
        max-width: 250px;
    }
}

/* ------ FRONT ------- */

#cloud-front {
    background-image: url(img/cloud-solutions.jpg);
}

/* ------ END FRONT ------- */

#cloud-tiers .title3 {
    padding-bottom: 60px;
}

#cloud-tiers .textWrapper {
    padding-left: 60px;
    display: flex;
    flex-direction: column;
    align-items: inherit;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 20px;
}

#cloud-tiers .title5 {
    align-self: flex-start;
}

#cloud-tiers .highlightBold {
    font-weight: bold;
}

#cloud-tiers .text {
    width: 100%;
    max-width: 700px;
    align-self: flex-start;
}

#cloud-tiers .schemeWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.ieBrowser #cloud-tiers .schemeWrapper {
    width: 90%;
}

#cloud-tiers .logoWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
    flex-basis: 0;
    height: 190px;
    box-sizing: border-box;
    margin: 20px;
}

#cloud-tiers .logoWrapper .vicon {
    font-size: 150px;
}

#cloud-tiers .logoWrapper .subtitle2 {
    text-align: center;
    width: 100%;
}

#cloud-tiers .schemeWrapper .plus {
    font-size: 60px;
    -webkit-text-stroke: 2px;
    -webkit-text-stroke-color: #fff;
    color: #a0a0a0;
    margin-top: -50px;
}

/* -------------------------------- */

#cloud-integration .container {
    padding-top: 60px;
}

#cloud-integration .text {
    margin-bottom: 60px;
    width: 100%;
}

#cloud-integration .svgContainer {
    width: 100%;
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#cloud-integration svg.animated {
    display: none;
}

#cloud-integration svg {
    width: 70%;
}

.ieBrowser #cloud-integration svg {
    height: 800px;
}

@media (max-width: 1260px) {
    #cloud-tiers .logoWrapper {
        height: 220px;
    }
    #cloud-tiers .schemeWrapper .plus {
        margin-top: -65px;
    }
}

@media (max-width: 1200px) {
    #cloud-tiers .logoWrapper {
        height: 200px;
    }
    #cloud-tiers .logoWrapper .vicon {
        font-size: 140px;
    }
    #cloud-tiers .logoWrapper .subtitle2 {
        font-size: 20px;
    }
    #cloud-tiers .schemeWrapper .plus {
        font-size: 50px;
    }
}

@media (max-width: 900px) {
    #cloud-tiers .logoWrapper {
        height: 170px;
    }
    #cloud-tiers .logoWrapper .vicon {
        font-size: 120px;
    }
    #cloud-tiers .logoWrapper .subtitle2 {
        font-size: 18px;
    }
    #cloud-tiers .schemeWrapper .plus {
        font-size: 40px;
        -webkit-text-stroke: 1px;
        -webkit-text-stroke-color: #fff;
    }
}

@media (max-width: 800px) {
    #cloud-tiers .title5 {
        text-align: left;
    }
    #cloud-tiers .text {
        text-align: left;
    }
}

@media (max-width: 767px) {
    #cloud-tiers .textWrapper {
        padding-left: 0;
    }
    #cloud-tiers .logoWrapper {
        height: 200px;
        margin: 0;
        flex-basis: auto;
    }
    #cloud-tiers .logoWrapper .vicon {
        font-size: 140px;
    }
    #cloud-tiers .logoWrapper .subtitle2 {
        font-size: 20px;
    }
    #cloud-tiers .schemeWrapper .plus {
        margin-top: 0;
        font-size: 50px;
    }
    .ieBrowser #cloud-tiers .schemeWrapper {
        width: 100%;
    }
    #cloud-integration svg {
        width: 100%;
    }
}

/* ------ FRONT ------- */

#security-front {
    background-image: url(img/info-sec.jpg);
}

/* ------ END FRONT ------- */

#security-protection .resposiveSvg {
    display: none;
}

#security-protection .container {
    flex-wrap: nowrap;
    padding-top: 60px;
}

#security-protection .container>.row {
    box-sizing: border-box;
}

#security-protection .container .rowText {
    padding-right: 20px;
    width: 100%;
    max-width: 640px;
}

#security-protection .container .rowText .text {
    margin-bottom: 50px;
}

#security-protection .container .rowImg {
    padding-left: 20px;
    width: 100%;
    max-width: 800px;
    height: 508px;
}

#security-protection .container .rowImg svg {
    width: 100%;
    height: 100%;
}

#security-protection .consulting-advantages {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

#security-protection .consulting-advantages .row {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 100%;
}

#security-protection .consulting-advantages .row div {
    display: flex;
    align-items: center;
    margin: 30px 20px 0 0;
    font-weight: bold;
    font-size: 18px;
}

#security-protection .consulting-advantages .row:last-child div {
    margin: 30px 0 0 0;
}

#security-protection .consulting-advantages i {
    height: 20px;
    /* IE and iPad fix */
    width: 23px;
    border-radius: 15px;
    margin-right: 6px;
}

#security-protection .consulting-advantages span {
    width: 100%;
}

/* ----------------------------- */

#security-safe .container {
    padding-top: 60px;
}

#security-safe .card {
    align-items: center;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 360px;
    height: 295px;
    margin: 20px;
    padding: 10px;
}

#security-safe .card .vicon {
    font-size: 100px;
}

#security-safe .subtitle2 {
    margin: 10px 0;
}

#security-safe .point {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
}

#security-safe .dot {
    width: 9px;
    height: 9px;
    border-radius: 100%;
    margin-right: 5px;
}

/* ------------------------ */

#view-security #data-security .container {
    padding-top: 30px;
}

#view-security #data-security .text {
    width: 100%;
}

#data-security .colImg {
    width: 100%;
    max-width: 800px;
    margin-top: 40px;
}

#data-security .colImg svg {
    width: 100%;
    height: 100%;
}

/* ------------------------ */

@media (max-width: 1560px) {
    #security-safe .card {
        width: 325px;
    }
}

@media (max-width: 1275px) {
    #security-safe .card {
        width: 310px;
        margin: 20px 10px;
    }
}

@media (max-width: 1160px) {
    #security-safe .card {
        width: 310px;
        margin: 20px 50px;
    }
}

@media (max-width: 1024px) {
    #security-protection .container .rowImg {
        display: none;
    }
    #security-protection .resposiveSvg {
        display: flex;
        width: 100%;
        justify-content: center;
        margin-bottom: 40px;
    }
    #security-protection .resposiveSvg svg {
        height: 100%;
        width: 100%;
        max-width: 600px;
    }
    .ieBrowser #security-protection .resposiveSvg svg {
        height: 385px;
    }
    #security-protection .container .rowText {
        padding-right: 0;
        max-width: none;
    }
    #security-protection .consulting-advantages {
        justify-content: space-around;
    }
}

@media (max-width: 980px) {
    #security-safe .card {
        width: 310px;
        margin: 20px 10px;
    }
}

@media (max-width: 900px) {
    #view-security #data-security .container {
        flex-direction: column;
    }
}

@media (max-width: 800px) {
    #security-safe .card {
        width: 280px;
    }
}

@media (max-width: 767px) {
    #security-safe .card {
        width: 100%;
        margin: 20px 0;
        height: 250px;
    }
}

@media (max-width: 685px) {
    #security-protection .consulting-advantages {
        flex-direction: column;
    }
    #security-protection .consulting-advantages .row {
        justify-content: center;
        align-items: center;
    }
    #security-protection .consulting-advantages .row div {
        margin: 30px 0px 0 0;
        max-width: 300px;
        font-size: 15px;
    }
}

@media (max-width: 320px) {
    #security-protection .consulting-advantages .row div {
        max-width: 250px;
    }
}

/* ------ FRONT ------- */

#business-front {
    background-image: url(img/business-intelligence.jpg);
}

/* ------ END FRONT ------- */

#business-services .container {
    padding-top: 60px;
}

#business-services .card {
    align-items: center;
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    justify-content: space-between;
    width: 500px;
    height: 200px;
    margin: 20px;
    padding: 10px;
}

#business-services .card .iconWrapper {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    border: 2px solid #a3daf8;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: flex-end;
}

#business-services .card .textWrapper {
    align-self: flex-start;
    position: relative;
    width: 65%;
}

#business-services .subtitle5 {
    border-bottom: 2px solid #a3daf8;
}

#business-services .diagonal {
    position: absolute;
    width: 2px;
    height: 41px;
    background-color: #a3daf8;
    left: -15px;
    top: 24px;
    transform: rotate(45deg);
}

#business-services .pointsWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#business-services .card .iconWrapper svg {
    width: 70%;
    fill: #009fe3;
}

#business-services .point {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 80%;
    box-sizing: border-box;
    justify-content: flex-start;
}

#business-services .point i {
    color: #009fe3;
    font-size: 12px;
}

/* ------------------------ */

#business-data .textWrapper {
    display: flex;
    margin-bottom: 60px;
    width: 100%;
}

#business-data .textWrapper .col {
    flex-grow: 1;
    flex-basis: 0;
}

#business-data .textWrapper .title2 {
    text-align: left;
}

#business-data .imgWrapper {
    background-image: url(img/services-bi.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 700px;
}

#business-data .card {
    flex-grow: 1;
    flex-basis: 0;
    margin: 0 20px;
    box-sizing: border-box;
    height: 320px;
}

#business-data .cardTitle {
    max-width: 280px;
}

@media (max-width: 1270px) {
    #business-services .card {
        width: 425px;
        height: 175px;
    }
    #business-services .card .iconWrapper {
        width: 100px;
        height: 100px;
    }
    #business-services .card .textWrapper {
        width: 74%;
    }
    #business-services .textSize3 {
        font-size: 15px;
    }
    #business-data .imgWrapper {
        height: 600px;
    }
}

@media (max-width: 1190px) {
    #business-services .card {
        width: 400px;
        height: 168px;
    }
    #business-services .card .iconWrapper {
        width: 90px;
        height: 90px;
    }
    #business-services .point {
        width: 90%;
    }
    #business-services .diagonal {
        height: 43px;
        left: -15.5px;
    }
    #business-data .card {
        height: 360px;
    }
}

@media (max-width: 1035px) {
    #business-services .card {
        width: 335px;
        height: 208px;
    }
    #business-services .card .iconWrapper {
        width: 70px;
        height: 70px;
        align-self: center;
    }
    #business-services .diagonal {
        height: 47.5px;
        left: -17.5px;
        top: 20px;
    }
    #business-data .cardTitle {
        font-size: 50px;
    }
}

@media (max-width: 900px) {
    #business-services .card {
        justify-content: flex-start;
        width: 250px;
        height: 285px;
        flex-direction: column;
    }
    #business-services .card .iconWrapper {
        width: 100px;
        height: 100px;
        align-self: center;
        border: none;
    }
    #business-services .card .textWrapper {
        width: 100%;
    }
    #business-services .diagonal {
        display: none;
    }
    #business-services .subtitle5 {
        border-bottom: none;
    }
    #business-services .point {
        width: 100%;
    }
    #business-services .pointsWrapper {
        margin-top: 20px;
    }
    #business-data .textWrapper {
        flex-direction: column;
    }
    #business-data .imgWrapper {
        height: 500px;
    }
    #business-data .flex-row {
        flex-direction: column;
    }
    #business-data .card {
        height: auto;
        margin: 20px 0;
    }
    #business-data .cardTitle {
        max-width: none;
    }
}

@media (max-width: 800px) {
    #business-data .textSize1 {
        text-align: initial;
    }
}

@media (max-width: 767px) {
    #business-services .card {
        height: auto;
    }
    #business-data .imgWrapper {
        height: 300px;
    }
}

html{
    height: 100%;
}
body[data-view="view-blog"]{
    height: 100%;
}
body[data-view="view-blog"] > #content{
    height: 100%;
}
body[data-view="view-blog"] > footer{
    display: none;
}
#media {
    background-color: #c8e1c9;
    height: 500px;
}
#media-front {
    position: relative;
    overflow: hidden;
    background-color: #e6e6e6;
    width: 100%;
    height: 54vh;
    /* -webkit-box-shadow: 0 1px 35px 0 rgb(43, 43, 43);
    -moz-box-shadow: 0 1px 35px 0 rgb(43, 43, 43);
    box-shadow: 0 1px 35px 0 rgb(43, 43, 43); */
}

#media-content {
    padding: 0 60px;
}
/* ------ FRONT ------- */

#about-front {
    background-image: url(img/about-us.jpg);
    background-size: auto;
    background-position: inherit;
}

/* ------ END FRONT ------- */

/* ------ ABOUT ------- */

#view-about .content {
    width: 100%;
}

#view-about section {
    padding: 0 20px 60px 20px;
    /* width: 100%; */
    box-sizing: border-box;
}

#view-about .container {
    flex-wrap: nowrap;
}

#view-about .title7 {
    margin-top: 60px;
}

#view-about #about-mission .text {
    max-width: 900px;
    text-align: center;
}

#view-about .text {
    max-width: 650px;
    text-align: justify;
    word-wrap: break-word;
}

#view-about .container>.triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 50px 0 50px;
}

#view-about .triangleWhite {
    border-color: #ffffff transparent transparent transparent;
}

#view-about .triangleBlue {
    border-color: #0bb6ff transparent transparent transparent;
}

#view-about .sectionTeam {
    background-image: url("img/back-ceo.jpg");
    background-size: cover;
    padding: 60px 20px 60px 20px;
}

#view-about .sectionTeam .col {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 650px;
    position: relative;
}

#view-about .sectionTeam .card {
    display: flex;
    padding: 30px;
    -webkit-box-shadow: 0px 0px 20px 1px rgba(136, 136, 136, 0.7);
    -moz-box-shadow: 0px 0px 20px 1px rgba(136, 136, 136, 0.7);
    box-shadow: 0px 0px 20px 1px rgba(136, 136, 136, 0.7);
    z-index: 1;
}

#view-about .sectionTeam .card .marks {
    width: 50px;
}

#view-about .sectionTeam .card .marks svg {
    width: 25px;
    display: flex;
}

#view-about .sectionTeam .card .marks svg path[fill="#FFF"] {
    fill: #0bb6ff;
}

#view-about .sectionTeam .triangleFront {
    position: absolute;
    top: calc(100% - 15px);
    left: calc(50% - 15px);
    width: 30px;
    height: 30px;
    transform: rotate(-45deg);
    background-color: #ffffff;
    z-index: 2;
}

#view-about .sectionTeam .triangleBack {
    position: absolute;
    top: calc(100% - 15px);
    left: calc(50% - 15px);
    width: 30px;
    height: 30px;
    transform: rotate(-45deg);
    -webkit-box-shadow: 0px 0px 20px 1px rgba(136, 136, 136, 0.7);
    -moz-box-shadow: 0px 0px 20px 1px rgba(136, 136, 136, 0.7);
    box-shadow: 0px 0px 20px 1px rgba(136, 136, 136, 0.7);
    z-index: 0;
}

#view-about .sectionTeam .col .photo {
    width: 150px;
    height: 150px;
    background-color: #e6e6e6;
    border-radius: 100%;
    border: solid 10px #ffffff;
    -webkit-box-shadow: 0px 0px 20px 1px rgba(136, 136, 136, 0.7);
    -moz-box-shadow: 0px 0px 20px 1px rgba(136, 136, 136, 0.7);
    box-shadow: 0px 0px 20px 1px rgba(136, 136, 136, 0.7);
    margin: 40px 20px 20px 20px;
    background-image: url("img/ceo-300.jpg");
    background-size: contain;
}

#view-about .sectionCommunity {
    padding: 60px 0 60px 0;
}

#view-about .sectionCommunity {
    flex-direction: row;
    justify-content: center;
}

#view-about .sectionCommunity .logos {
    display: flex;
    flex-direction: column;
}

#view-about .sectionCommunity .logos i {
    font-size: 150px;
}

#view-about .sectionCommunity .logos .vicon-vimlet-iso-v {
    font-size: 180px;
    margin-bottom: 20px;
}

#view-about .sectionCommunity .title7 {
    margin-top: 0px;
}

#view-about .sectionCommunity .textWrapper {
    padding-left: 60px;
}

@media (max-width: 950px) {
    #view-about .sectionCommunity {
        padding: 60px 20px 60px 20px;
    }
    #view-about .sectionCommunity .container {
        flex-direction: column-reverse;
    }
    #view-about .sectionCommunity .logos {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    #view-about .sectionCommunity .textWrapper {
        padding: 0 0 30px 0;
    }
}

/* ------ END ABOUT ------- */

/* FOOTER */

footer .footerBgColor {
    width: 100%;
    background-color: rgba(15, 15, 15, 0.8);
    display: flex;
    justify-content: center;
}

body[data-view="view-home-enterprise"] footer {
    background-image: url("img/enter-bg-bottom.jpg");
    background-attachment: fixed;
    background-size: cover;
}

footer .limitWidth {
    justify-content: center;
    padding: 30px 0;
}

footer .policyContent.hidden {
    display: none;
}

footer .privacyPolicy {
    text-decoration: underline;
    cursor: pointer;
    transition: 0.3s all;
}

footer .privacyPolicy:hover {
    color: #ffffff;
}

footer .row {
    display: flex;
    justify-content: center;
    flex-grow: 1;
    flex-basis: 0;
}

footer .row .social {
    margin: 15px;
}

footer .social i {
    font-size: 24px;
    -webkit-transition: 0.3s color;
    -moz-transition: 0.3s color;
    transition: 0.3s color;
}

footer .social:hover i {
    color: #fdfdfd;
}

/* Contact */

footer #contact {
    width: 100%;
    display: flex;
    background-color: rgba(32, 32, 32, 0.8);
    justify-content: center;
}

footer #contact .container {
    flex-direction: row;
    align-items: flex-start;
}

footer #contact .container>.col:first-child {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    min-width: 300px;
}

footer #contact .container>.col:last-child {
    width: 50%;
}

footer .formError {
    display: none;
    color: #eb3440;
    margin-top: 4px;
    font-size: 15px;
}

footer .showError {
    display: block;
}

footer #contact .contactForm {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

footer #contact .contactForm>* {
    margin: 20px 0;
}

footer #contact eon-text input, footer #contact eon-combobox input {
    font-family: 'Poppins-Regular', 'Roboto', sans-serif;
}

footer #contact .contactForm .col {
    display: flex;
    width: 100%;
}

footer #contact .contactForm .col:last-child {
    justify-content: space-between;
    align-items: center;
}

footer #contact .contactForm .fieldContainer {
    width: 100%;
}

footer #contact .contactForm eon-text {
    width: 100%;
}

footer #contact .contactForm .col>* {
    flex-grow: 1;
    flex-basis: 0;
}

footer #contact .contactForm .col:last-child>* {
    flex-grow: 0;
    flex-basis: auto;
}

footer #contact .contactForm .col>*:first-child {
    margin-right: 20px;
}

footer #contact .checkContainer {
    max-width: 300px;
    display: flex;
    align-items: center;
}

footer #contact .checkContainer eon-checkbox {
    width: 30px;
}

footer #contact .checkLabel {
    margin-left: 5px;
}

footer #contact .button {
    background-color: #dcdcdc;
    height: 44px;
}

footer #contact .button .eon-fg2-disabled {
    background-color: #9c9c9c;
}

footer #contact .button .eon-button-button {
    border-width: 0;
    height: 44px;
    color: #2d2d2d;
}

/* END Contact */

/* Responsive */

/* Disable backgrounds on devices */

@media only screen and (max-device-width: 1024px) {
    body[data-view] footer {
        background-image: none;
        background-attachment: scroll;
    }
}

@media (max-width: 1200px) {
    footer #contact .container>.col:last-child {
        width: 60%;
    }
}

@media (max-width: 1070px) {
    footer #contact .container>.col:first-child {
        flex-grow: 1;
        min-width: auto;
    }
    footer #contact .container>.col:last-child {
        width: 70%;
    }
}

@media (max-width: 800px) {
    footer #contact .container>.col:first-child {
        margin: 0 0 20px 0;
        width: 100%;
    }
    footer #contact .container>.col:last-child {
        width: 100%;
    }
}

@media (max-width: 768px) {
    footer .row {
        flex-basis: auto;
    }
}

@media (max-width: 685px) {
    footer .limitWidth {
        padding: 30px 20px;
    }
    footer #contact .container>.col:first-child {
        margin: 0 0 20px 0;
    }
    footer #contact .container .col:last-child {
        align-items: flex-start;
    }
    footer #contact .contactForm>* {
        margin: 0 0 20px 0;
    }
    footer #contact .contactForm .col {
        flex-wrap: wrap;
        display: flex;
        flex-direction: column;
    }
    footer #contact .contactForm .col>* {
        flex-basis: auto;
    }
    footer #contact .contactForm .col>*:first-child {
        margin-right: 0;
        margin-bottom: 20px;
    }
    footer #contact .contactForm .button {
        width: 100%;
        margin-bottom: 0;
    }
    footer #contact .checkContainer {
        max-width: none;
        width: 100%;
    }
}

/* End Responsive */