<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*==========  Mobile First Method  ==========*/
/*
    General selectors and styles designed to make the site look good on small MOBILE screens go here.
    But they affect all devices, and must be overridden by media queries targeting INSCREASINGLY LARGER screens
*/
/* MAIN ELEMENTS */
*, *:before, *:after {
    /*
       Make sure all the elements have their box-sizing as border-box, which will prevent the size of all properties
       from being added to the width defined for the element. An element that has 'width: 50%' and 'border-with: 5px'
       defined as border-box will prevent will prevent the size of all properties from being added to the width defined
       for the element.
    */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img {
    /* In most cases, the height and the width will be in proportion.
       If the width of the image is reduced to adapt to the responsive, the height will be too.
       If the width is fixed, the height will be too. */
    height: auto;
    max-width: 100%;
}
hgroup {
    text-align: center;
}
h1,h2, h3, h4, p, span {
    font-weight: normal;
    color: #000;
}
h1 {
    font-size: 1.5em;                       /* 24px / 16px = 1.5 */
}
h2 {
    font-size: 1.2em;                         /* 16px / 16px = 1 */
    font-weight: 400;
}
h3 {
    font-size: 1em;                         /* 14px / 16px = 0.875 */
    font-weight: 200;
}
p {
    font-size: 1em;                         /* 14px / 16px = 0.875 */
    /*font-weight: 200;*/
}
li {
    /*list-style: none;*/
}
input, textarea {
    font-family: Poppins, sans-serif;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-family: Poppins, sans-serif;
}
::-moz-placeholder { /* Firefox 19+ */
    font-family: Poppins, sans-serif;
}
:-ms-input-placeholder { /* IE 10+ */
    font-family: Poppins, sans-serif;
}
:-moz-placeholder { /* Firefox 18- */
    font-family: Poppins, sans-serif;
}
::-moz-placeholder {
    opacity: 1;       /*All placeholders in Firefox have an opacity value applied to them, so in order to fix this we need to reset that value */
}
/* HELPERS */
.width-100 {
    width: 100%!important;
}
.width-75 {
    width: 75%;
}
.width-50 {
    width: 50%;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.align-left {
    text-align: left;
}
.align-right {
    text-align: right;
}
.clear:after {
    clear: both;
    content: "";
    display: table;
}
/* CUSTOM */
.m-auto {
    margin: auto;
}
.m-t-30 {
    margin-top: 30px;
}
.m-t-60 {
    margin-top: 60px;
}
.m-b-30 {
    margin-bottom: 30px;
}
.t-center {
    text-align: center;
}
figure.fluid {
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 100%;
}
.izigo-green-color {
    color: #80bd01;
}
.izigo-online-events-green {
    color: #34f5c5;
}
.display-from-992 {
    display: none;
} 
.inside-link-building {
    margin-top: 20px;
}
/* Z-INDEX */
/*
    header                                 | z-index: 20
    header .container .menu                | z-index: 30
    header .menu-toggle                    | z-index: 40
    header .menu-toggle-index              | z-index: 40
    main   .welcome-image                  | z-index: 10
    removed: owl.carousel.css | .owl-carousel | z-index: 1
*/
/* CONTAINERS */
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 11px;
    padding-right: 11px;
}
/* BODY */
body {
    font-family: 'poppins', sans-serif!important;
    font-size: 16px;
    line-height:150%;
    max-width: 100%;
    color: #000;
}
section {
/*    position: relative;*/
    z-index: 15;
}
/* HEADER */
header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background-color: none;
    -webkit-transition: background-color .5s ease-in-out;
    -moz-transition: background-color .5s ease-in-out;
    -o-transition: background-color .5s ease-in-out;
    transition: background-color .5s ease-in-out;
    z-index: 20;
    height: 70px;
}
header.bg-dark {
    background-color: rgba(0,0,0,0.85);
}
header.bg-light {
    background-color: rgba(255,255,255,0.85);
}
/* HEADER - LOGO */
header .container-menu {
    margin-right: auto;
    margin-left: auto;
}
header .container-menu &gt; figure.logo {
    padding: 12px 0 0 12px;
    cursor: pointer;    
    display: none;
}
header .container-menu &gt; figure.logo &gt; a &gt; img {
    width: 90px;
    height: 47px;
}
/* HEADER - MENU DESKTOP */
header .container-menu .menu-desktop {
    display: none;
    position: fixed;
    background-color: #fff;
    width: 100%;
    transition: all 0.3s linear;
}
header .container-menu .menu-desktop.shadow {
    /*box-shadow: 0px 16px 40px #00000029;*/
    /*transition: box-shadow 0.3s ease-in-out;*/
    box-shadow: 0px 2px 15px #00000029;
}
/*header .container-menu .menu-desktop.show {
    display: block;
    transition: all 1s ease;
    box-shadow: 0px 16px 40px #00000029;
}
*//*header .container-menu .menu-desktop.fixed {
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 80px;
    background-color: #fff;
    overflow: auto;
    z-index: 40;    
    transition: all 0.5s ease;
    box-shadow: 0px 16px 40px #00000029;
}*/
header .container-menu .menu-desktop .container {
    padding: 10px 10px 5px 20px;
}
header .container-menu .menu-desktop .container &gt; ul {
    display: flex;
    align-items: center;
}
header .container-menu .menu-desktop .container &gt; ul &gt; li {
    display: inline;
    font-weight: 600;
    padding-right: 15px;
    position: relative;
}
header .container-menu .menu-desktop .container &gt; ul &gt; li img {
    width: 95px;
}
header .container-menu .menu-desktop .container &gt; ul &gt; li &gt; a &gt; span.underline-green {
    display: block;
    position: absolute;
    height: 3px;
    width: 20px;
    background: #34f5c5;
    opacity: 1;
    left: -10px;
    margin-top: 0px;
}
/* HEADER - MENU MOBILE */
header .container-menu .menu-mobile {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(12, 19, 26, 0.95);
    overflow: auto;
    padding: 50px 0;
    z-index: 30;
}
header .container-menu .menu-mobile &gt; ul &gt; li {
    font-size: 1.5em;
    color: #34f5c5;
    padding: 35px 0 0 50px;
    cursor: pointer;
    transition: color 0.2s ease-in-out;
}
header .container-menu .menu-mobile &gt; ul &gt; li &gt; span {
    display: block;
    position: absolute;
    height: 4px;
    width: 35px;
    background: #FFF;
    opacity: 1;
    left: 40px;
    margin-top: 5px;
}
header .container-menu .menu-mobile &gt; ul &gt; li &gt; a {
    display: block;
}
header .container-menu .menu-mobile &gt; ul &gt; li.separator {
    display: none;
}
header .container-menu .menu-mobile &gt; ul &gt; li &gt; label {
    cursor: pointer;
}
header .container-menu .menu-mobile &gt; ul &gt; li:hover {
    color: #FFF;
}
header .container-menu .menu-mobile &gt; ul &gt; li.separator-top {
    border-top: 1px solid rgba(255,255,255,0.1);
    margin-top: 20px;
    width: 80%;
}
header .container-menu .menu-mobile &gt; a.cta-ctn {
    float:right; 
    display: none;
}
header .container-menu .menu-mobile &gt; a.cta-ctn &gt; div {
    background-color: #ff4500;
    width: 290px;
    display: inline-block;
    vertical-align: top;
    padding: 4px 5px 2px 5px;
    border-radius: 0 0 20px 20px;
}
header .container-menu .menu-mobile &gt; a.cta-ctn &gt; div &gt; img {
    border-radius: 50%; 
    width: 40px; 
    display: inline-block;
}
header .container-menu .menu-mobile &gt; a.cta-ctn &gt; div &gt; div {
    color: #FFF; 
    display: inline-block;
}
header .container-menu .menu-mobile &gt; a.cta-ctn &gt; div &gt; div &gt; span {
    font-weight: 500;
}
header .container-menu .menu-mobile &gt; a.cta-ctn &gt; div &gt; div &gt; span.pt-br { 
    font-size: 15px;
}
/* HEADER - MOBILE TOGGLE */
header .menu-toggle-text {
    width: 28px;
    height: 22px;
    position: relative;
    margin: 27px 35px 0 0;
    cursor: pointer;
    z-index: 40;
    color: #34f5c5;
    font-weight: 500;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
header .menu-toggle {
    width: 28px;
    height: 22px;
    position: relative;
    margin: 30px 30px 0 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 30;
}
header .menu-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #34f5c5;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
header .menu-toggle span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
header .menu-toggle span:nth-child(2) {
    top: 12px;
    width: 38px;
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}
header .menu-toggle.opened span:nth-child(1) {
    width: 36px;
    top: -6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
header .menu-toggle.opened span:nth-child(2) {
    width: 37px;
    left: -5px;
    top: 6px;
    -webkit-transform: rotate(-44deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/* HEADER - MOBILE CTA */
header &gt; a.cta-mobile-ctn {
    float:right; 
    margin: 0 15px 0 10px;
}
header &gt; a.cta-mobile-ctn &gt; div {
    background-color: #ff4500;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    padding: 4px;
    border-radius: 0 0 7px 7px;
    text-align: center;
    line-height: 1.3em;
    font-size: 0.8em;
}
header &gt; a.cta-mobile-ctn &gt; div &gt; span.text-480-plus {
    display: none;
}
header &gt; a.cta-mobile-ctn &gt; div &gt; span.phone-number {
    font-weight: 500;
}
/* MAIN */
/* MAIN - MENU TOOGLE */
section.menu-toggle-index {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background-color: unset;
    z-index: 10;
    height: 70px;
}
section.menu-toggle-index .menu-toggle {
    width: 28px;
    height: 22px;
    position: relative;
    margin: 30px 30px 0 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 40;
}
section.menu-toggle-index .menu-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #34f5c5;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
section.menu-toggle-index .menu-toggle span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
section.menu-toggle-index .menu-toggle span:nth-child(2) {
    top: 12px;
    width: 38px;
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}
section.menu-toggle-index .menu-toggle.opened span:nth-child(1) {
    width: 36px;
    top: -6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
section.menu-toggle-index .menu-toggle.opened span:nth-child(2) {
    width: 37px;
    left: -5px;
    top: 6px;
    -webkit-transform: rotate(-44deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
section.menu-toggle-index .menu-toggle-text {
    width: 28px;
    height: 22px;
    position: relative;
    margin: 27px 35px 0 0;
    cursor: pointer;
    z-index: 40;
    color: #34f5c5;
    font-weight: 500;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
/* MAIN - TAGLINE */
section.tagline {
    background-image: url('../images/onlineevents/izigo-evento-hibrido-375x812.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
section.tagline .container {
    text-align: center;
    height: 100%;
    padding: 50px 30px 20px 30px;
}
section.tagline .container &gt; img {
    width: 220px;
    margin-top: 50px;
    margin-bottom: 50px;
    filter: drop-shadow(0px 0px 3   0px rgb(0 0 0 / 0.8));
}

section.tagline .container &gt; h1 {
    color: #FFF;
    font-size: 1.7em;
    font-weight: 800;
    line-height: 1.4em;
    text-shadow: 0px 0px 10px black;
}
section.tagline .container &gt; h1 span {
    font-weight: 800;
}
section.tagline .container &gt; h2 {
    color: #FFF;
    margin-top: 20px;
    font-size: 1.4em;
    font-weight: 500;
    line-height: 1.4em;
    text-shadow: 0px 0px 10px black;
}
/* MAIN - CTA */
section.tagline .container .cta {
    display: block;
    margin: 30px auto;
    width: 70%;
    font-size: 1em;
    border-radius: 50px;
    background-color: #34f5c5;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding: 18px 20px 15px 20px;
}
section.tagline .container .cta:hover {
    border-color: rgba(255,255,255,0.5);
    opacity: 0.9;
}
/* MAIN - MENU */
nav.menu-index {
    display: none;
}
nav.menu-index.fixed {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 80px;
    background-color: #fff;
    overflow: auto;
    z-index: 30;    
    transition: all 0.5s ease;
    box-shadow: 0px 16px 40px #00000029;
    /*box-shadow: rgba(93,105,119,0.8) 5px 5px inset;*/
}
nav.menu-index .container {
    padding: 30px 30px 0 40px;
}
nav.menu-index .container &gt; ul &gt; li {
    display: inline;
    font-weight: 600;
    padding-right: 20px;
    position: relative;
}
nav.menu-index .container &gt; ul &gt; li &gt; a &gt; span.underline-green {
    display: block;
    position: absolute;
    height: 3px;
    width: 20px;
    background: #34f5c5;
    opacity: 1;
    left: -10px;
    margin-top: 0px;
}
/* MAIN - WHAT WE DO */
section.what-we-do .container {
    padding: 30px;
    text-align: left;
}
section.what-we-do .container &gt; h2 {
    font-size: 20px;
    color: #000;
    font-weight: 400;
    padding: 10px 0;
    margin-left: 10px;
    letter-spacing: 1px;
    position: relative;
}
section.what-we-do .container &gt; h2 &gt; span.underline-black {
    display: block;
    position: absolute;
    height: 3px;
    width: 20px;
    background: #000;
    opacity: 1;
    left: -10px;
    margin-top: 0px;
}
section.what-we-do .container &gt; h1 {
    margin-top: 15px;
    font-size: 1.3em;
    line-height: 1.4em;
    font-weight: 800;
}
section.what-we-do .container &gt; h1 &gt; span.underline-green {
    font-weight: 800;
    text-decoration: underline;
    text-decoration-color: #34f5c5;
    text-decoration-thickness: 5px; 
    -moz-text-decoration-color: #34f5c5;
    text-underline-offset: 1px; 
}
section.what-we-do .container &gt; p {
    margin-top: 25px;
    line-height: 1.8em;
    font-weight: 500;
}
section.what-we-do .container &gt; ul.event-types {
    margin-top: 40px;
    text-align: center;
}
section.what-we-do .container &gt; ul.event-types &gt; li {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
}
section.what-we-do .container &gt; ul.event-types &gt; li &gt; img {
    width: 50%;
}
section.what-we-do .container &gt; ul.event-types &gt; li &gt; p {
    font-weight: 600;
}
/* MAIN - OUR PROCESS */
section.our-process .container {
    padding: 0 30px;
    text-align: center;
}
section.our-process .container &gt; h1 {
    margin-top: 15px;
    font-size: 1.3em;
    line-height: 1.4em;
    font-weight: 800;
}
section.our-process .container ul.splide__list &gt; li {
    text-align: left;
    padding: 30px 20px;
}
section.our-process .container ul.splide__list &gt; li &gt; img {
    width: 60%;    
    margin-bottom: 20px;
}
section.our-process .container ul.splide__list &gt; li &gt; p {
    text-align: center;
    font-size: 1.2em;
    line-height: 1.4em;
}
section.our-process .container .splide .splide__arrows .splide__arrow--prev {
    left: -1em;
}
section.our-process .container .splide .splide__arrows .splide__arrow--next {
    right: -1em;
}
/* MAIN - SERVICES BY EVENT PHASE */
section.services-by-event-phase {
    background-color: #F8F8F8;
}
section.services-by-event-phase .container {
    padding: 30px;
    text-align: center;
}
section.services-by-event-phase .container &gt; h1 {
    margin-top: 15px;
    font-size: 1.3em;
    line-height: 1.4em;
    font-weight: 800;
}
section.services-by-event-phase .container &gt; div.table {
    position: relative;
    box-shadow: 0px 16px 40px #00000029;
    border-radius: 32px;
    margin: 60px auto 120px auto;
}
section.services-by-event-phase .container &gt; div.table &gt; div.header-container {
    position: relative;
}
section.services-by-event-phase .container &gt; div.table &gt; div.header-container &gt; div.header {
    position: absolute;
    width: 84%;
    margin: 0 auto;
    top: -25px;
    left: 8%;
    background-color: #34f5c5;
    border-radius: 50px;
    padding: 15px 0;
    font-weight: 600;
}
section.services-by-event-phase .container &gt; div.table &gt; div.content {
    padding: 50px 10px 50px 45px;      
    text-align: left;
}
section.services-by-event-phase .container &gt; div.table &gt; div.content &gt; ul &gt; li {
    color: #000;
    display: list-item;
    list-style: square;
}
section.services-by-event-phase .container &gt; div.table &gt; div.content &gt; ul &gt; li::marker {
    color: #34f5c5;
}
section.services-by-event-phase .container &gt; div.table &gt; div.cta-container {
    /*position: relative;*/
    position: absolute;
    left: 18%;
    width: 64%;
    margin: 0 auto;
    bottom: -25px;
}
section.services-by-event-phase .container &gt; div.table &gt; div.cta-container div.cta {
    background-color: #000;
    color: #fff;
    border-radius: 50px;
    padding: 15px 0;
    font-size: 0.9em;
    font-weight: bold;
}    
section.services-by-event-phase .container &gt; a.cta {
    display: block;
    margin: 30px auto;
    width: 70%;
    font-size: 1em;
    border-radius: 50px;
    background-color: #80bd01;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 18px 20px 15px 20px;
}
/* MAIN - HOW WE DIFFERENTIATE */
section.how-we-differentiate .container {
    padding: 30px 0;
    text-align: center;
}
section.how-we-differentiate .container .img-caption-ctn &gt; h1 {
    margin: 15px 0;
    font-size: 1.3em;
    line-height: 1.4em;
    font-weight: 800;
}
section.how-we-differentiate .container .img-caption-ctn &gt; h1 &gt; span.underline-green {
    font-weight: 800;
    text-decoration: underline;
    text-decoration-color: #34f5c5;
    text-decoration-thickness: 7px; 
    -moz-text-decoration-color: #34f5c5;
    text-underline-offset: 1px; 
}
section.how-we-differentiate .container .img-caption-ctn &gt; p {
    padding: 30px 40px;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.4em;
}
section.how-we-differentiate .container a.cta {
    display: block;
    margin: 30px auto;
    width: 60%;
    font-size: 1em;
    border-radius: 50px;
    background-color: #80bd01;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 18px 20px 15px 20px;
}
section.how-we-differentiate .container a.cta.display-from-992 {
    display: none;
}
/* MAIN - BENEFITS */
section.benefits .container {
    padding: 30px 0;
    text-align: center;
}
section.benefits .container &gt; h1 {
    margin-top: 15px;
    font-size: 1.3em;
    line-height: 1.4em;
    font-weight: 800;
}
section.benefits .container &gt; h1 &gt; span.underline-green {
    font-weight: 800;
    text-decoration: underline;
    text-decoration-color: #34f5c5;
    text-decoration-thickness: 7px; 
    -moz-text-decoration-color: #34f5c5;
    text-underline-offset: 1px; 
}
section.benefits .container &gt; div.img-benefit-ctn {
  position: relative;
  margin-top: 40px;
}
section.benefits .container &gt; div.img-benefit-ctn &gt; img.symbol-grid {
  position: absolute;
  top: -15px;
  right: 30px;
}
section.benefits .container &gt; div.list-container {
    position: relative;
    height: 840px;
}
section.benefits .container &gt; div.list-container &gt; ul {
    position: absolute;
    top: -37px;
    right: 0;
    background-color: #34f5c5;
    padding: 20px 10px 20px 30px;
    width: 92%;
    text-align: left;
    line-height: 1.9em;
}
section.benefits .container &gt; div.list-container &gt; ul &gt; li {
    color: #000;
    display: list-item;
    list-style: square;
}
section.benefits .container &gt; div.list-container &gt; ul &gt; li::marker {
    color: #fff;
}
section.benefits .container &gt; div.img-benefit-2-ctn {
  position: relative;
}
section.benefits .container &gt; div.img-benefit-2-ctn &gt; img.symbol-grid {
    position: absolute;
    bottom: -15px;
    left: 30px;
}
/* MAIN - PLATFORMS */
section.platforms .container {
    padding: 30px;
    text-align: center;
}
section.platforms .container &gt; h1 {
    margin-top: 15px;
    font-size: 1.3em;
    line-height: 1.4em;
    font-weight: 800;
}
section.platforms .container &gt; ul {
    margin-top: 40px;
}
section.platforms .container &gt; ul &gt; li {
    width: 100%;
    margin-bottom: 30px;
}
section.platforms .container &gt; ul &gt; li &gt; img {
    max-height: 45px;
}
section.platforms .container &gt; ul &gt; li &gt; img.hopin {
    max-height: 50px;
}
section.platforms .container &gt; ul &gt; li &gt; img.zoom {
    max-height: 35px;
}
/* MAIN - CALL ME */
section.call-me {
    background-color: #80bd01;
}
section.call-me .container {
    padding: 30px;
    text-align: center;
}
section.call-me .container .text-ctn &gt; h1 {
    margin-top: 15px;
    font-size: 1.3em;
    line-height: 1.6em;
    font-weight: 800;   
    color: #fff;
}
section.call-me .container .text-ctn &gt; h2 {
    margin-top: 15px;
    font-size: 1.2em;
    line-height: 1.6em;
    color: #fff;
}
section.call-me .container .text-ctn &gt; span.dashed-line {
    display: block;
    color: white;
    font-weight: 600;
    margin: 10px 0;
}
section.call-me .container .form-ctn .name-ctn, 
section.call-me .container .form-ctn .phone-ctn {
    position: relative;
}
section.call-me .container .form-ctn div.name-ctn &gt; input,
section.call-me .container .form-ctn div.phone-ctn &gt; input {
    border: 1px solid #fff;
    background-color: #80bd01;
    width: 100%;
    line-height: 50px;
    color: #fff;
    width: 100%;
    font-weight: 500;
    margin: 10px 0 30px 0;
    padding-left: 25px;
    font-size: 1em;
    border-radius: 7px;
}
section.call-me .container .form-ctn .permission-ctn {
    margin-bottom: 30px;
    text-align: left;
    width: 100%;
}
section.call-me .container .form-ctn .permission-ctn &gt; input {
    width: 20px;
    height: 20px;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    display: inline-block;
    vertical-align: top;
}
section.call-me .container .form-ctn .permission-ctn &gt; input.mandatory-error {
    background-color: #f67949;
    -webkit-box-shadow: 0px 0px 0px 5px #f67949;
    -moz-box-shadow: 0px 0px 0px 5px #f67949;
    box-shadow: 0px 0px 0px 5px #f67949;
}
section.call-me .container .form-ctn .permission-ctn &gt; span.agreement {
    color: #fff;
    display: inline-block;
    vertical-align: top;
    padding: 2px 0 0 10px;
    width: 90%;
}
section.call-me .container .form-ctn .permission-ctn &gt; span &gt; span.privacy {
    color: #fff;
    /*display: block;*/
}
section.call-me .container .form-ctn .permission-ctn &gt; span &gt; span &gt; a {
    color: #fff;
    text-decoration: underline;
}
section.call-me .container .form-ctn div.mandatory-error,
section.call-me .container .form-ctn div.invalid-error {
    display: none;
    position: absolute;
    top: -20px;
    right: 0px;
    background-color: #F67949;
    color: #FFF;
    padding: 3px 15px;
    border-radius: 5px 5px 0 0;
    font-style: italic;
}
section.call-me .container .form-ctn input.mandatory-error {
    border: 1px solid #F67949;
}
section.call-me .container .form-ctn input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 1em;
    color: #fff;
    font-weight: bold;
}
section.call-me .container .form-ctn input::-moz-placeholder { /* Firefox 19+ */
    font-size: 1em;
    color: #fff;
    font-weight: bold;
}
section.call-me .container .form-ctn input:-ms-input-placeholder { /* IE 10+ */
    font-size: 1em;
    color: #fff;
    font-weight: bold;
}
section.call-me .container .form-ctn input:-moz-placeholder { /* Firefox 18- */
    font-size: 1em;
    color: #fff;
    font-weight: bold;
}
section.call-me .container .form-ctn input.form-submit {
    display: block;
    margin: 30px auto;
    width: 60%;
    font-size: 1em;
        border-radius: 50px;
    background-color: #fff;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding: 18px 20px 15px 20px;
    border: none;
    transition: opacity 0.3s ease-in-out;
}
section.call-me .container .form-ctn input.form-submit:hover {
    border-color: rgba(255,255,255,0.5);
    opacity: 0.9;
    cursor: pointer;
}
section.call-me .container .form-ctn input.form-submit.submitting {
    opacity: 0.6;
}
section.call-me .container .form-ctn input.form-submit.submitting:hover {
    opacity: 1;
    cursor: default;
}
section.call-me .container .form-ctn input.form-submit.sent {
    color: #80bd01;
}
/* MAIN - NEWSLETTER */
section.newsletter {
    background-color: #fff;
}
section.newsletter .container {
    padding: 30px;
    text-align: center;
}
section.newsletter .container .img-ctn {
    position: relative;
}
section.newsletter .container .img-ctn .img-caption-ctn {
    position: absolute;
    top: 185px;
    left: 50%;
    width: 260px;
    transform: translate(-50%, -50%);
}
section.newsletter .container .img-caption-ctn &gt; span.subscribe-text-p1 {
    display: block;
    color: #80bd01;
    font-size: 1.2em;
    margin-bottom: 10px;
}
section.newsletter .container .img-ctn .img-caption-ctn &gt; span.subscribe-text-p2 {
    display: block;
    color: #34f5c5;
    font-size: 1.5em;
    font-weight: 600;
}
section.newsletter .container .img-ctn .img-caption-ctn &gt; span.subscribe-text-p3 {
    display: block;
    color: #80bd01;
    font-size: 1em;
    margin-top: 15px;
    line-height: 1.3em;
}
section.newsletter .container .form-ctn {
    position: relative;
    margin-top: 10px;
}
section.newsletter .container .form-ctn .email-ctn {
    position: relative;
    width: 100%;
}
section.newsletter .container .form-ctn .email-ctn &gt; input {
    border: 1px solid #fff;
    background-color: #80bd01;
    width: 100%;
    line-height: 50px;
    color: #fff;
    width: 100%;
    font-weight: 500;
    margin: 10px 0 30px 0;
    padding-left: 25px;
    font-size: 1em;
    border-radius: 7px;
}
section.newsletter .container .form-ctn .email-ctn &gt; input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 1em;
    color: #fff;
    font-weight: bold;
}
section.newsletter .container .form-ctn .email-ctn &gt; input::-moz-placeholder { /* Firefox 19+ */
    font-size: 1em;
    color: #fff;
    font-weight: bold;
}
section.newsletter .container .form-ctn .email-ctn &gt; input:-ms-input-placeholder { /* IE 10+ */
    font-size: 1em;
    color: #fff;
    font-weight: bold;
}
section.newsletter .container .form-ctn .email-ctn &gt; input:-moz-placeholder { /* Firefox 18- */
    font-size: 1em;
    color: #fff;
    font-weight: bold;
}
section.newsletter .container .form-ctn .email-ctn div.mandatory-error,
section.newsletter .container .form-ctn .email-ctn div.invalid-error {
    display: none;
    position: absolute;
    top: -19px;
    right: 5px;
    background-color: #F67949;
    color: #FFF;
    padding: 3px 15px;
    border-radius: 2px 2px 0 0;
    font-style: italic;
}
section.newsletter .container .form-ctn .email-ctn div.result-message {
    width: 200px;
    margin: 0 auto;
}
section.newsletter .container .form-ctn input.mandatory-error {
    border: 1px solid #F67949;
}
section.newsletter .container .form-ctn input.form-submit {
    position: absolute;
    display: block;
    top: 15px;
    right: 10px;
    width: 40px;
    height: 40px;
    background: url('../Images/submit-mail.svg') center center no-repeat;
    z-index: 15;
    cursor: pointer;
    padding: 5px 5px 5px 10px; 
    border: none;
    box-shadow: none;
}
section.newsletter .container .form-ctn input.submiting {
    background: url('../Images/spinner.gif') center center no-repeat;
}
section.newsletter .container .form-ctn input.form-submit:hover {
    border-color: rgba(255,255,255,0.5);
    opacity: 0.9;
    cursor: pointer;
}
section.newsletter .container .form-ctn input.form-submit.submitting {
    background-color: rgba(93,105,119,0.8);
    border-color: rgba(93,105,119,0.8);
}
section.newsletter .container .form-ctn input.form-submit.submitting:hover {
    opacity: 1;
    cursor: default;
}
/* MAIN - CONTACTS */
section.contact-us {
    background-color: #F8F8F8;
}
section.contact-us .container {
    padding: 30px;
    text-align: center;
}
section.contact-us .container &gt; h1 {
    margin-top: 15px;
    font-size: 1.3em;
    line-height: 1.4em;
    font-weight: 800;
}
section.contact-us .container &gt; h2 {
    margin-top: 15px;
}
section.contact-us .container .form-ctn,
section.contact-us .container .address-ctn,
section.contact-us .container .phones-ctn,
section.contact-us .container .email-ctn {
    width: 100%;
    box-shadow: 0px 0px 40px #00000029;
    border-radius: 32px;
    margin: 30px auto 20px auto;
    padding: 20px 5px;
}
section.contact-us .container .form-ctn .form-input-ctn {
    position: relative;
    padding: 1px 10px;
}
section.contact-us .container .form-ctn .form-input-ctn &gt; input {
    border: 1px solid #fff;
    background-color: #34F5C5;
    width: 100%;
    line-height: 50px;
    color: #000;
    font-weight: 500;
    margin-top: 10px;
    padding-left: 10px;
    font-size: 1em;
    border-radius: 7px;
}
section.contact-us .container .form-ctn .form-input-ctn &gt; textarea {
    border: 1px solid #34F5C5;
    width: 100%;
    color: #000;
    font-weight: 500;
    margin-top: 10px;
    font-size: 1em;
    border-radius: 7px;
    line-height: 25px;
    padding-left: 17px;
    padding-top: 10px;
    height: 250px;
}
section.contact-us .container .form-ctn .form-input-ctn &gt; textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 1em;
    color: #000;
    font-weight: bold;
}
section.contact-us .container .form-ctn .form-input-ctn &gt; input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 1em;
    color: #000;
    font-weight: bold;
}
section.contact-us .container .form-ctn .form-input-ctn &gt; input::-moz-placeholder { /* Firefox 19+ */
    font-size: 1em;
    color: #000;
    font-weight: bold;
}
section.contact-us .container .form-ctn .form-input-ctn &gt; input:-ms-input-placeholder { /* IE 10+ */
    font-size: 1em;
    color: #000;
    font-weight: bold;
}
section.contact-us .container .form-ctn .form-input-ctn &gt; input:-moz-placeholder { /* Firefox 18- */
    font-size: 1em;
    color: #000;
    font-weight: bold;
}
section.contact-us .container .form-ctn .form-input-ctn &gt; div.mandatory-error,
section.contact-us .container .form-ctn .form-input-ctn &gt; div.invalid-error {
    display: none;
    position: absolute;
    top: -18px;
    right: 16px;
    background-color: #F67949;
    color: #FFF;
    padding: 3px 15px;
    border-radius: 5px 5px 0 0;
    font-style: italic;
}
section.contact-us .container .form-ctn .form-input-ctn .form-submit-btn {
    font-weight: bold;
    background-color: #000;
    color: #34F5C5;
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
section.contact-us .container .form-ctn .form-input-ctn .form-submit-btn:hover {
    cursor: pointer;
}
section.contact-us .container .form-ctn .form-input-ctn .form-submit-btn.submitting {
    opacity: 0.6;
}
section.contact-us .container .form-ctn .form-input-ctn .form-submit-btn.sent {
    color: #fff;
    background-color: #80bd01;
    font-weight: bold;
}
section.contact-us .container .form-ctn .permission-ctn {
    margin-bottom: 10px;
    text-align: left;
    width: 100%;
    font-size: 0.9em;
    padding: 1px 7px;
}
section.contact-us .container .form-ctn .permission-ctn &gt; input {
    width: 20px;
    height: 20px;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    display: inline-block;
    vertical-align: top;
}
section.contact-us .container .form-ctn .permission-ctn &gt; input.mandatory-error {
    background-color: #f67949;
    -webkit-box-shadow: 0px 0px 0px 5px #f67949;
    -moz-box-shadow: 0px 0px 0px 5px #f67949;
    box-shadow: 0px 0px 0px 5px #f67949;
}
section.contact-us .container .form-ctn .permission-ctn &gt; span.agreement {
    color: #000;
    display: inline-block;
    vertical-align: top;
    padding: 2px 0 0 10px;
    width: 80%;
}
section.contact-us .container .form-ctn .permission-ctn &gt; span &gt; span.privacy {
    color: #000;
    /*display: block;*/
}
section.contact-us .container .form-ctn .permission-ctn &gt; span &gt; span &gt; a {
    color: #000;
    text-decoration: underline;
}
section.contact-us .container .address-ctn,
section.contact-us .container .phones-ctn,
section.contact-us .container .email-ctn {
    text-align: left;
    border-left: 3px solid #34F5C5;
}
section.contact-us .container .address-ctn &gt; div,
section.contact-us .container .phones-ctn &gt; div,
section.contact-us .container .email-ctn &gt; div {
    display: inline-block;
    vertical-align: top;
}
section.contact-us .container .symbol &gt; img {
    margin: 0 10px 0 20px;
}
/* MAIN - BLOG */
section.blog .container {
    background-color: #fff;
    padding: 20px 30px;
    text-align: center;
}
section.blog .container &gt; h1 {
    margin-top: 15px;
    font-size: 1.3em;
    line-height: 1.4em;
    font-weight: 800;
}
section.blog .container &gt; h2 {
    margin-top: 15px;
    font-size: 1.2em;
    line-height: 1.6em;
    color: #000;
}
section.blog .container .splide .splide__arrows .splide__arrow--prev {
    left: -1em;
}
section.blog .container .splide .splide__arrows .splide__arrow--next {
    right: -1em;
}
section.blog .container ul.splide__list &gt; li {
    padding: 30px;
}
section.blog .container ul.splide__list &gt; li &gt; .blog-post-ctn {
    position: relative;
    box-shadow: 0px 0px 20px #00000029;
    margin: 30px auto 20px auto;
    border: 8px solid #fff;
}
section.blog .container ul.splide__list &gt; li &gt; .blog-post-ctn .post-category {
    position: absolute;
    background-color: #80bd01;
    top: 7px;
    left: -9px;
    font-size: 0.6em;
    padding: 4px 17px 1px 17px;
    color: #fff;
}
section.blog .container ul.splide__list &gt; li &gt; .blog-post-ctn .post-date {
    position: absolute;
    background-color: #fff;
    top: 7px;
    right: 9px;
    font-size: 0.8em;
    color: #000;
    border-radius: 50%;
    height: 55px;
    width: 55px;
    font-weight: bold;

    display: none;
}
section.blog .container ul.splide__list &gt; li &gt; .blog-post-ctn .post-date .date-ctn {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translate(-50%, -50%);
}
section.blog .container ul.splide__list &gt; li &gt; .blog-post-ctn .post-date .date-ctn .month {
    margin-bottom: -3px;
}
section.blog .container ul.splide__list &gt; li &gt; .blog-post-ctn .post-date hr {
    border: 1px solid #80bd01;  
    margin: 0em auto;
    width: 20px;
}
section.blog .container ul.splide__list &gt; li &gt; .blog-post-ctn &gt; img {
    width: 100%;    
    padding: 0;
    margin: 0;
}
section.blog .container ul.splide__list &gt; li &gt; .blog-post-ctn &gt; p {
    text-align: left;
    font-size: 1em;
    line-height: 1.4em;
    padding: 10px;
}
section.blog .container ul.splide__list &gt; li &gt; .blog-post-ctn &gt; p.post-title {
    padding-top: 20px;
    font-weight: bold;
}
section.blog .container ul.splide__list &gt; li &gt; .blog-post-ctn &gt; a &gt; p.read-post {
    text-align: left;
    padding-left: 30px;
    font-weight: bold;
}
section.blog .container ul.splide__list &gt; li &gt; .blog-post-ctn &gt; a &gt; p.read-post &gt; img {
    width: 19px;
    margin-bottom: 4px;
}
/* FOOTER */
footer {
    background-color: #000;
    color: #ffffff;
}
footer .container {
    padding: 30px;
}
footer .container .column {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    width: 100%;
    padding-bottom: 15px;
    padding-top: 15px;
}
footer .container .column h1 {
    font-weight: 600;
    margin: 10px 0 18px 0;
    color: #fff;
}
footer .container .column &gt; ul &gt; li {
    padding: 5px 0;
}
footer .container .column &gt; ul &gt; li &gt; a:hover {
     cursor: pointer;
}
footer .container .column .footer-contacts ul li {
    padding-bottom: 10px;
}
footer .container .column .footer-contacts ul li .call-cost {
    display: block;
    line-height: 1.3em;
    font-size: 0.7em;
    color: #FFF;
    font-style: italic;
    opacity: 0.6;
    width: 165px;
}
footer .container .column .footer-contacts-social .footer-social &gt; h1 {
    font-weight: 600;
}
footer .container .column .footer-contacts-social .footer-social &gt; ul &gt; li {
        display: inline-block;
        vertical-align: middle;
        margin-right: 20px;
        cursor: pointer;
    }
footer .container .column .footer-contacts-social .footer-social &gt; ul &gt; li &gt; figure:hover {
        opacity: 0.7;
    }
footer .container .column .footer-contacts-social .footer-social &gt; ul &gt; li &gt; figure.linkedin {
    background: url('../Images/OnlineEvents/icon-social-linkedin.svg') top left no-repeat;
    width: 29px;
    height: 29px;
}
footer .container .column .footer-contacts-social .footer-social &gt; ul &gt; li &gt; figure.facebook {
    background: url('../Images/OnlineEvents/icon-social-facebook.svg') top left no-repeat;
    width: 29px;
    height: 29px;
}
footer .container .column .footer-contacts-social .footer-social &gt; ul &gt; li &gt; figure.instagram {
    background: url('../Images/OnlineEvents/icon-social-instagram.svg') top left no-repeat;
    width: 29px;
    height: 29px;
}
footer .copyright {
    background-color: #000;
    color: #fff;
    font-size: 0.75em;
    text-align: center;
    line-height: 30px;
    padding: 12px;
}
footer .copyright .go {
    color: #80bd01;
}
/* ABOUT US - HEADER */
section.about-us .container {
    padding: 30px;
    text-align: left;
    margin-top: 50px;
}
section.about-us .container &gt; h1 {
    font-size: 20px;
    color: #000;
    font-weight: 400;
    padding: 10px 0;
    margin-left: 10px;
    letter-spacing: 1px;
    position: relative;
}
section.about-us .container &gt; h1 &gt; span.underline-black {
    display: block;
    position: absolute;
    height: 3px;
    width: 20px;
    background: #000;
    opacity: 1;
    left: -10px;
    margin-top: 0px;
}
section.about-us .container &gt; h2 {
    margin-top: 35px;
    font-size: 1.2em;
    line-height: 1.4em;
    font-weight: 800;
}
section.about-us .container &gt; h2 &gt; span.underline-green {
    font-weight: 800;
    text-decoration: underline;
    text-decoration-color: #34f5c5;
    text-decoration-thickness: 5px; 
    -moz-text-decoration-color: #34f5c5;
    text-underline-offset: 1px; 
}
section.about-us .container &gt; p {
    margin-top: 25px;
    line-height: 1.8em;
    font-weight: 500;
}
/* ABOUT US - CEO PATRICK SARDINHA */
section.ceo-patrick-sardinha .container {
    padding: 30px;
    text-align: left;
}
section.ceo-patrick-sardinha .container &gt; h1 {
    font-size: 1.3em;
    line-height: 1.4em;
    font-weight: 800;
}
section.ceo-patrick-sardinha .container &gt; h2 {
    font-size: 0.8em;
    font-weight: 800;
}
section.ceo-patrick-sardinha .container .img-ctn {
    position: relative;
    margin-top: 20px;
}
section.ceo-patrick-sardinha .container .img-ctn .rectangle {
    position: absolute;
    top: 5%;
    left: 5%;
}
section.ceo-patrick-sardinha .container .text-ctn {
    padding: 20px;
    background-color: #34F5C5;
}
section.ceo-patrick-sardinha .container .text-ctn &gt; p {
    line-height: 1.8em;
    font-weight: 500;
}
section.ceo-patrick-sardinha .container .text-ctn img {
    margin: 30px 10px 0 0;
}
/* ABOUT US - CLIENTS - LOGOS */
section.clients-logo .container {
    padding: 30px;
    text-align: center;
}
section.clients-logo .container &gt; h1 {
    font-size: 1.3em;
    line-height: 1.4em;
    font-weight: 800;
}
section.clients-logo .container ul.splide__list &gt; li &gt; .client-logo-ctn {
    position: relative;
    height: 200px;
}
section.clients-logo .container ul.splide__list &gt; li &gt; .client-logo-ctn &gt; img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 50%;
}
/* ABOUT US - CLIENTS - TESTIMONY */
section.clients-testimony {
    background-color: #80BD01;
}
section.clients-testimony .container {
    padding: 30px;
    text-align: left;
}
section.clients-testimony .container .title-ctn .img-ctn {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 20%;
}
section.clients-testimony .container .title-ctn .img-ctn &gt; img {
    max-width: 50px;
}
section.clients-testimony .container .title-ctn .text-ctn {
    display: inline-block;
    vertical-align: middle;
    width: 78%;
    margin-top: 30px;
}
section.clients-testimony .container .title-ctn .text-ctn &gt; h1 {
    line-height: 1.6em;
}
section.clients-testimony .container .title-ctn .text-ctn &gt; h1 .izigo-white {
    font-weight: 800;
    color: #ffff;
    font-size: 1.5em;
}
section.clients-testimony .container ul.splide__list &gt; li .client-logo-ctn {
    padding: 20px;
}
section.clients-testimony .container ul.splide__list &gt; li .client-logo-ctn .image-rectangle {
    position: relative;
    max-height: 200px;
    max-width: 200px;
    background-color: #FFF;
    border-radius: 5px 5px;
    margin: 0 auto;
    padding: 10px;
}
section.clients-testimony .container ul.splide__list &gt; li .client-logo-ctn .image-rectangle &gt; img {
    margin: auto auto;
}
section.clients-testimony .container ul.splide__list &gt; li .client-testimony-ctn &gt; p {
    color: #ffff;
    line-height: 1.9em;
}
section.clients-testimony .container ul.splide__list &gt; li .client-testimony-ctn &gt; p.client-name {
    margin-top: 40px;
    margin-bottom: 40px;
}
/* ABOUT US - CTA */
section.cta {
    background-color: #FFFF;
}
section.cta .container {
    padding: 30px;
    text-align: center;
}
section.cta .container &gt; a.cta {
    display: block;
    margin: 30px auto;
    width: 85%;
    font-size: 1em;
    border-radius: 50px;
    background-color: #000;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 18px 20px 15px 20px;
}

/***********************************************************************************************
* MEDIA QUERIE MIN 480PX
*
* Extra Small Devices, Portrait Phones
* Selectors and styles affecting screens WIDER THAN 480px (Extra Small Devices)
***********************************************************************************************/
@media only screen and (min-width : 480px) {

    section.tagline {
        background-image: url('../images/onlineevents/izigo-evento-hibrido-992x558.jpg');
    }
    section.services-by-event-phase .container &gt; div.table &gt; div.header-container &gt; div.header {
        width: 60%;
        left: 20%;
    }
    section.services-by-event-phase .container &gt; div.table &gt; div.cta-container {
        width: 40%;
        left: 30%;
    }
    
    section.benefits .container &gt; div.list-container {
        height: 575px;
    }
    
    section.newsletter .container .img-ctn .img-caption-ctn {
        top: 200px;
     }
    section.newsletter .container .form-ctn {
        margin-top: 0px;
    }
}
/***********************************************************************************************
* MEDIA QUERIE MIN 768PX
*
* Small Devices, Landscape Phones and Phablets, Portrait Tablets, Small Desktops
* Selectors and styles affecting screens WIDER THAN 768px (Tablet)
***********************************************************************************************/
@media only screen and (min-width : 768px) {
 
    /* MAIN */
    header .container-menu .menu-desktop {
        display: block;
    }
    
    nav.menu-index {
        display: block;
    }
    
    section.tagline .container {
        text-align: left;
    }
    section.tagline .container &gt; h1 {
        font-size: 2.2em;
        max-width: 550px;
    }
    section.tagline .container &gt; h2 {
        font-size: 1.4em;
        max-width: 500px;
    }
    section.tagline .container .cta {
        width: 200px;
        margin-left: 5px;
    }
    
    section.what-we-do .container &gt; ul.event-types &gt; li {
        width: 30%;
    }
    
    section.our-process .container ul.splide__list &gt; li &gt; p {
        font-size: 1em;
    }
    
    section.services-by-event-phase .container &gt; div.table {
        width: 85%;
    }

    section.services-by-event-phase .container &gt; div.table &gt; div.content &gt; ul &gt; li {
        line-height: 1.7em;
    }
    section.services-by-event-phase .container &gt; a.cta {
        width: 30%;
    }
    
    section.how-we-differentiate .container {
        padding: 50px;
    }                      
    section.how-we-differentiate .container &gt; a.cta {
        width: 30%;
    }

    section.benefits .container {
        padding: 0 0 0 50px;
    }
    section.benefits .container &gt; div.list-container {
        height: 450px;
    }
    
    section.platforms .container {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
    section.platforms .container &gt; ul &gt; li {
        width: 49%;
        display: inline-block;
        vertical-align: middle;
     }

    section.call-me .container .text-ctn,
    section.call-me .container .form-ctn {
        display: inline-block;
        width: 49%;
        vertical-align: top;
        text-align: left;
        padding: 10px;
    }
    section.call-me .container .text-ctn {
        padding-right: 10px;
        border-right: 1px dashed #fff;
        margin-right: 9px;
    }
    section.call-me .container .text-ctn &gt; span.dashed-line {
        display: none;
    }
    section.call-me .container .text-ctn &gt; h1 {
        font-size: 1.2em;
    }
    section.call-me .container .text-ctn &gt; h2 {
        font-size: 1em;
    }
    section.call-me .container .text-ctn,
    
    section.newsletter .container .img-ctn,
    section.newsletter .container .form-ctn{
        display: inline-block;
        width: 49%;
        vertical-align: middle;
    }

    section.contact-us .container .contacts-ctn,
    section.contact-us .container .form-ctn{
        display: inline-block;
        width: 44%;
        vertical-align: top;
        margin: 20px;
    }
    section.contact-us .container .address-ctn {
        margin-top: 0px;
    }
    section.contact-us .container .form-ctn .form-input-ctn &gt; textarea {
        height: 250px;
    }

    section.ceo-patrick-sardinha .container {
        width: 70%;
    }
    
    section.clients-logo .container ul.splide__list &gt; li &gt; .client-logo-ctn &gt; img {
        max-width: 30%;
        max-height: 65%;
    }
    
    section.clients-testimony .container ul.splide__list &gt; li &gt; .client-logo-ctn &gt; img {
        max-width: 30%;
        max-height: 80%;
    }
    section.clients-testimony .container ul.splide__list &gt; li .client-testimony-ctn &gt; p {
        width: 75%;
        margin: 0 auto;
    }
    
    section.cta .container &gt; a.cta {
        width: 35%;
    }

    /* ABOUT US */
    section.about-us .container &gt; h1 {
        font-size: 1.3em;
        font-weight: normal;
    }
}
/***********************************************************************************************
* MEDIA QUERIE MIN 992PX
*
* Medium Devices, Landscape Tablets, Laptops, Desktops
* Selectors and styles affecting screens WIDER THAN 992px (Desktop) 
/***********************************************************************************************/
@media only screen and (min-width : 992px) {

    nav.menu {
        display: block;
    }

     section.tagline {
        background-image: url('../images/onlineevents/izigo-evento-hibrido-1920x1080.jpg');
    }
    section.services-by-event-phase .container &gt; div.table {
        display: inline-block;
        width: 30%;
        vertical-align: top;
        margin-left: 10px;
        margin-right: 10px;
        height: 530px;
        position: relative;
    }
    section.services-by-event-phase .container &gt; div.table &gt; div.header-container &gt; div.header {
        width: 71%;
        left: 15%;
    }
    section.services-by-event-phase .container &gt; div.table &gt; div.content {
        padding: 50px 20px 50px 40px;
    }
    section.services-by-event-phase .container &gt; div.table &gt; div.cta-container {
        width: 60%;
        left: 20%;
    }

    section.how-we-differentiate .container {
        text-align: left;
    }
    section.how-we-differentiate .container .img-caption-ctn &gt; h1 {
        padding-left: 30px;
    }
    section.how-we-differentiate .container .img-caption-ctn,
    section.how-we-differentiate .container .img-for-speaker.display-from-992,
    section.how-we-differentiate .container .img-for-support{
        display: inline-block;
        width: 49%;
        vertical-align: top;
    }
    section.how-we-differentiate .container .img-for-speaker.display-under-992,
    section.how-we-differentiate .container a.cta.display-under-992{
        display: none;
    }
    section.how-we-differentiate .container .img-caption-ctn &gt; p {
        font-size: 1em;
        text-align: left;
        padding-left: 30px;
        padding-top: 10px;
    }
    section.how-we-differentiate .container .img-caption-ctn &gt; p.push-down-from-992 {
        padding-top: 40px;    
    }
    section.how-we-differentiate .container a.cta {
        width: 45%;
        margin: 0px auto;
    }
    section.how-we-differentiate .container a.cta.display-from-992 {
        display: block;
    }
    
    section.call-me .container .text-ctn {
        margin-right: 10px;
    }

    section.newsletter .container .form-ctn {
        width: 35%;
    }

    section.contact-us .container &gt; h2 {
        margin-bottom: 20px;
    }

    footer .container {
        text-align: center;
    }

    footer .container .column {
        width: 25%;
    }

    footer .container .column .footer-contacts ul li .call-cost {
        margin: 0 auto;
    }

    /* ABOUT US */
    section.ceo-patrick-sardinha .container {
        width: 90%;
        text-align: center;
    }
    section.ceo-patrick-sardinha .container .img-ctn,
    section.ceo-patrick-sardinha .container .text-ctn {
        display: inline-block;
        width: 45%;
    }
    section.ceo-patrick-sardinha .container .text-ctn &gt; p {
        text-align: left;
    }
    
    section.clients-logo .container ul.splide__list &gt; li &gt; .client-logo-ctn &gt; img {
        max-width: 50%;
    }

    section.clients-testimony .container {
        /*text-align: center;*/
    }
    section.clients-testimony .container .title-ctn {
        margin-bottom: 20px;
    }
    section.clients-testimony .container .title-ctn .img-ctn {
        width: 6%;
    }
    section.clients-testimony .container ul.splide__list &gt; li .client-logo-ctn {
        display: inline-block;
        vertical-align: top;
        width: 38%;
    }
    section.clients-testimony .container ul.splide__list &gt; li .client-testimony-ctn {
        display: inline-block;
        width: 60%;
        vertical-align: top;
    }
    section.clients-testimony .container ul.splide__list &gt; li .client-testimony-ctn &gt; p {
        margin: 0;
        width: 85%;
    }
    section.clients-testimony .container ul.splide__list &gt; li .client-testimony-ctn &gt; p.client-name {
        margin-bottom: 25px;
    }
}
/***********************************************************************************************
*  MEDIA QUERIE MIN 1200PX
*
* Large Devices, Large Desktops, Wide Screens
* Selectors and styles affecting screens WIDER THAN 1200px (Large Desktop)
***********************************************************************************************/
@media only screen and (min-width : 1200px) {

    section.tagline .container {
        padding-left: 70px;
    }

    section.what-we-do .container &gt; h1 {
        font-size: 1.6em;
        max-width: 610px;
    }
    section.what-we-do .container &gt; h2 {
        font-size: 1.3em;
        font-weight: normal;
    }
    section.what-we-do .container &gt; p {
        font-size: 1.1em;
    }
    section.what-we-do .container &gt; ul.event-types &gt; li {
        width: 15%;
    }
    
    section.our-process .container {
        max-width: 80%;
        margin: 0px auto 50px auto;
    }
    section.our-process .container &gt; h1 {
        font-weight: bold;
        font-size: 1.6em;
    }
    section.our-process .container ul.splide__list &gt; li {
        text-align: center;
    }
    section.our-process .container ul.splide__list &gt; li &gt; img {
        width: 35%;
    }
    section.our-process .container ul.splide__list &gt; li &gt; p {
        font-size: 1em;
        width: 250px;
        margin: 0 auto;
    }

    section.services-by-event-phase .container &gt; h1 {
        font-size: 1.6em;
    }

    section.how-we-differentiate .container a.cta.display-from-992 {
        margin-top: 50px;
    }    

    section.services-by-event-phase .container &gt; div.table &gt; div.content &gt; ul &gt; li {
        line-height: 2em;
    }

    section.how-we-differentiate .container .img-caption-ctn &gt; h1 {
        font-size: 1.6em;
    }

    section.benefits .container {
        height: 800px;
        text-align: left;
        margin-top: 60px;
    }
    section.benefits .container &gt; h1 {
        margin-left: 50px;
        font-size: 1.6em;
    }
    section.benefits .container &gt; div.img-benefit-ctn {
        margin-top: 70px;
    }
    section.benefits .container &gt; div.img-benefit-2-ctn &gt; img.img-benefit-customization {
        position: absolute;
        top: -133px;
        right: 0;
        width: 44%;
    }
    section.benefits .container &gt; div.img-benefit-ctn &gt; img.symbol-grid {
        top: 234px;
        z-index: 2;
    }
    section.benefits .container &gt; div.list-container &gt; ul {
        top: -30px;
        left: -50px;
        padding: 20px 10px 20px 110px;
        width: 92%;
    }
    section.benefits .container &gt; div.list-container &gt; ul &gt; li {
        line-height: 2em;
    }
    section.benefits .container &gt; div.img-benefit-ctn &gt; img.img-benefit-support {
        position: absolute;
        z-index: 1;
        top: -65px;
        right: 0;
        width: 44%;
    }
    section.benefits .container &gt; div.img-benefit-2-ctn &gt; img.symbol-grid {
        right: 400px;
        top: 125px;
        left: unset;
    }

    section.platforms .container {
        width: 90%;            
    }
    section.platforms .container &gt; h1 {
        width: 65%;
        margin: 0 auto;
        font-size: 1.6em;
    }
    section.platforms .container &gt; ul {
        margin: 60px 0;
    }
    section.platforms .container &gt; ul &gt; li {
        width: 23%;
    }

    section.call-me .container .text-ctn {
        width: 44%;
    }
    section.call-me .container .text-ctn, section.call-me .container .form-ctn {
        width: 40%;
    }
    section.call-me .container .text-ctn &gt; h1,
    section.call-me .container .text-ctn &gt; h2 {
        width: 80%;
    }

    section.newsletter .container .img-ctn .img-caption-ctn {
        width: 270px;
    }
    section.newsletter .container .img-caption-ctn &gt; span.subscribe-text-p1,
    section.newsletter .container .img-ctn .img-caption-ctn &gt; span.subscribe-text-p3 {
        font-size: 1em;
    }
    section.contact-us .container &gt; h1,
    section.blog .container &gt; h1 {
        font-size: 1.6em;
    }

    section.ceo-patrick-sardinha .container .img-ctn, 
    section.ceo-patrick-sardinha .container .text-ctn {
        width: 35%;
    }
}
/***********************************************************************************************
* MEDIA QUERIE MIN 1600PX
*
* Large Devices, Large Desktops, Wide Screens
***********************************************************************************************/
@media only screen and (min-width : 1600px) {

    .container {
        width: 75%;
    }
    
    section.tagline .container {
        padding: 60px 0px 20px 0px;
    }
    section.tagline .container &gt; h1 {
        font-size: 2.9em;
        max-width: 700px;
    }
    section.tagline .container &gt; h2 {
        font-size: 2em;
        max-width: 700px;
    }
    
    section.what-we-do .container &gt; h1 {
        font-size: 1.9em;
        max-width: 730px;
    }
    
    section.our-process .container &gt; h1,
    
    section.services-by-event-phase .container&gt;h1,
    
    section.how-we-differentiate .container .img-caption-ctn &gt; h1,
    
    section.benefits .container &gt; h1,
    section.benefits .container &gt; div.img-benefit-ctn &gt; img.symbol-grid {
        top: 200px;
    }
    section.benefits .container &gt; div.img-benefit-ctn &gt; img.img-benefit-support,
    section.benefits .container &gt; div.img-benefit-2-ctn &gt; img.img-benefit-customization {
        width: 40%;
    }
    section.benefits .container &gt; div.img-benefit-2-ctn &gt; img.symbol-grid {
        top: 95px;
    }
    
    section.platforms .container &gt; h1,
    section.contact-us .container &gt; h1,
    section.blog .container &gt; h1 {
        font-size: 2em;
    }

    section.platforms .container &gt; h1 {
        max-width: 800px;
    }

    /* ABOUT US */
    section.about-us .container &gt; h2 {
        font-size: 1.9em;
    }
    section.clients-logo .container &gt; h1 {
        font-size: 1.6em;
    }
}
/***********************************************************************************************
* MEDIA QUERIE MIN 1900PX
*
* Extra Large Desktops, Wide Screens
***********************************************************************************************/
@media only screen and (min-width : 1900px) {
    section.benefits .container&gt;div.list-container&gt;ul {
        width: 85%;
    }
    section.benefits .container&gt;div.img-benefit-ctn&gt;img.img-benefit-support,
    section.benefits .container&gt;div.img-benefit-2-ctn&gt;img.img-benefit-customization {
        width: 33%;
    }

    /* ABOUT US */
    section.ceo-patrick-sardinha .container .text-ctn &gt; p {
        padding-left: 10px;
    }

    section.clients-testimony .container {
        width: 60%;
    }
}</pre></body></html>