.iotextmask {
    text-align: center !important;
    font-size: 45px !important;
    background-image: url(/media/j2jlmkek/io-bkdg.jpg) !important;
    background-size: cover !important;
    background-clip: text !important;
    background-color: black;
    -webkit-background-clip: text !important;
    color: transparent !important;
    text-transform: uppercase;
    background-size: 45% !important;
    font-family: sofia w01 bold, Helvetica, Arial, sans-serif !important;
    animation: Gradient 10s ease-in-out infinite;
    line-height: 1.1;
}

div.mktoButtonRow > span > button {
    box-shadow: 0px 0px 0px #000 !important;
}

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

    100% {
        transform: translateX(calc(-450px * 7));
    }
}

@@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-450px * 7));
    }
}

.summit-top {
    background-color: #000;
    margin-top: -1px;
}

    .summit-top h1, .summit-top h2, .summit-top h3, .summit-top h4, .summit-top p {
        color: #fff;
    }

.mktoForm.mktoLayoutAbove .mktoRadioList, .mktoForm.mktoLayoutAbove .mktoCheckboxList {
    top: -26px;
    position: relative;
    left: -3px;
}

button:focus {
    outline: none;
}

@@media (max-width: 1199px) {
    .yesmobile2 {
        display: block !important;
    }

    .h1-io {
        margin-top: 0px !important;
    }
}

@@media (max-width: 992px) {
    .h1-io {
        margin-top: 2rem !important;
    }
}

#confirmform, #confirmform2 {
    background-color: #fff;
    text-align: center;
    padding: 20px;
    border: 10px solid green;
    margin-bottom: 30px;
    color: green;
    margin-top: -40px;
    font-size: 20px;
    z-index: 999;
    position: relative;
}

div.mktoButtonRow {
    width: 100%
}

div.anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
    height: 0px;
}

@@media all and (max-width: 992px) {
    .touchr {
        display: block;
        width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        overflow-x: auto;
        margin-top: 0px !important;
    }

    .agenda-items {
        padding-top: 10px;
        text-align: center !important;
        text-transform: uppercase;
        font-size: 14px;
        color: #fff;
        -webkit-overflow-scrolling: touch;
        overflow-y: hidden;
        white-space: nowrap;
        position: relative;
        display: block;
        margin: 0;
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding-bottom: 10px;
    }

    .touchr::-webkit-scrollbar {
        display: none;
    }
    /* Hide scrollbar for IE, Edge and Firefox */
    .touchr {
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }
}

@@media all and (max-width: 992px) {
    .agenda h2, .agenda div {
        text-align: center !important
    }

    .time-title {
        display: none
    }

    .time-title2 {
        display: none
    }

    .header-is {
        height: 161px;
    }

    .video-cis {
        margin-top: -11px;
    }

    .a-title {
        display: block
    }
}

@@media (max-width: 800px) {
    .headertop {
        height: auto;
        padding-bottom: 7px !important;
    }
}

.mktoForm {
    background-color: #000 !important;
    color: #fff !important;
    width: 704px !important;
}

@@media (max-width: 767px) {
    .center-form {
        margin: auto;
        text-align: center;
        width: 90%
    }

    .mktoForm {
        width: 90% !important;
        margin: auto !important;
    }

        .mktoForm .mktoFormCol {
            width: 100% !important;
        }

    input#field9 {
        width: 100% !important;
    }

    .mktoForm input[type=checkbox] + label:before {
        top: -11px;
        left: 21px;
    }

    .re-now-s-btn {
        top: 147px !important;
    }

    form, .mktoForm .mktoFieldWrap {
        width: 100% !important;
    }
}

@@media all and (max-width: 500px) {
    .title-is {
        font-size: 24px !important;
    }
}

@@media all and (max-width: 400px) {
    .homepageh1 {
        width: 166px !important;
    }

    .social-m {
        top: 270px !important;
    }

    .re-now-s-btn {
        top: 68px !important;
    }

    .homepageh1 img {
        width: 186px !important;
    }

    .h2-master {
        font-size: 31px !Important;
    }
}

@@media all and (max-width: 320px) {
    .social-m {
        top: 247px !important;
    }

    .re-now-s-btn {
        top: 40px !important;
    }

    .cali-row {
        top: 0px !important;
        margin-top: 262px !important;
        margin-bottom: -262px;
    }
}


.quote-i {
    font-size: 40px
}

.register-m {
    background-color: #fbcc30;
    color: #000 !important;
    font-weight: bold;
}

    .register-m:hover {
        background-color: transparent;
        color: #fbcc30 !important;
    }

header {
    width: 100%;
    z-index: 1;
    transition: all 0.4s ease;
    position: relative;
    margin-top: -80px;
}

.benefit {
    text-transform: uppercase;
    font-size: 12px;
    border: 1px solid #fdcd00;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 20px;
    position: relative;
    top: -5px;
    margin-right: 15px;
    background-color: #fdcd00;
    display: inline-block;
    text-align: center;
    margin-bottom: 10px
}

@@media screen and (min-width: 1299px) {
    img#top-img {
        margin-top: -100px;
    }
}

.time-agenda {
    font-size: 14px;
    letter-spacing: .1em;
}

ul.accordian-23 {
    margin-left: 0;
    padding: 2em 2em 2em 2em;
    color: #fff;
}

    ul.accordian-23:hover {
        background-color: #151517;
        border-radius: 25px;
        cursor: default;
    }

.question_a,
.answer_a {
    list-style-type: none;
}

.question_a {
    border-top: 1px solid #585858;
    font-weight: bold;
    position: relative;
}

    .question_a:hover {
        cursor: default;
    }

.answer_a {
    display: none;
    padding: 1em 0.5em 2.5em;
}

.expand-bar {
    position: absolute;
    top: 0;
    right: 1em;
    transition: all 0.5s ease;
}

    .expand-bar,
    .expand-bar:after {
        width: 15px;
        height: 2px;
        background-color: white;
    }

        .expand-bar:after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            transform: rotate(90deg);
            transition: all 0.5s ease;
        }

.open {
    border-bottom: none;
}

    .open .expand-bar {
        transform: rotate(180deg);
    }

        .open .expand-bar:after {
            transform: rotate(180deg);
        }

.time-agenda {
    font-size: 14px;
    letter-spacing: .1em;
}

.datelocation {
    padding: 20px 0px;
    border: #fff 1px solid;
    border-radius: 10px;
    margin: 25px 0px;
}

.speaker {
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

    .speaker img {
        max-width: 100px;
        max-height: 100px;
        margin-top: 2rem;
        margin-bottom: 1rem;
    }

    .speaker > strong {
        display: block;
        font-size: 15px;
        text-transform: none;
    }