* {
    box-sizing: border-box;
}
@font-face {
    font-family: RingCentralDisplayMedium;
    src: url("../fonts/RingCentralDisplay-Medium.otf") format("opentype");
}
@font-face {
    font-family: RingCentralDisplayRegular;
    src: url("../fonts/RingCentralDisplay-Regular.otf") format("opentype");
}
@font-face {
    font-family: RingCentralSansMedium;
    src: url("../fonts/RingCentralSans-Medium.otf") format("opentype");
}
@font-face {
    font-family: RingCentralSansRegular;
    src: url("../fonts/RingCentralSans-Regular.otf") format("opentype");
}

html, body {
    min-height: 100%;
    background: #fff;
    color: #000;
    scroll-behavior: smooth;
}
body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    margin: 0;
    font-family: 'RingCentralSansRegular', Helvetica, Arial, sans-serif;
}
img {
    border: none;
    max-width: 100%;
}
p {
    font-family: 'RingCentralSansRegular', Helvetica, Arial, sans-serif;
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.5;
    color: #222;
}
strong {
    font-family: 'RingCentralSansRegular', Helvetica, Arial, sans-serif;
}
h1 {
    font-family: 'RingCentralDisplayRegular', Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0 30px 0 0;
    font-size: 34px;
    line-height: 1.2;
    letter-spacing: .5px;
    color: white;
}
h2 {
    font-family: 'RingCentralDisplayRegular', Helvetica, Arial, sans-serif;
    margin: 40px 0 50px 0;
    padding: 0;
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: .5px;
    text-align: center;
}
h3 {
    font-family: 'RingCentralDisplayRegular', Helvetica, Arial, sans-serif;
    margin: 0 0 15px;
    padding: 0;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: .5px;
}
h4 {
    font-family: 'RingCentralDisplayRegular', Helvetica, Arial, sans-serif;
    margin: 0 0 15px;
    padding: 10px 0 10px 0;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: .5px;
    border-bottom: 1px solid #ccc;
}
a {
    color: #222;
}
.hide-on-mobile {
    display: none;
}
@media only screen and (min-width: 767px) {
    h1 {
        font-size: 48px;
    }
    h2 {
        margin: 30px 0 60px 0;
        font-size: 36px;
    }
    .hide-on-mobile {
        display: inline-block;
    }
}


ul {
    list-style-position: inside;
    padding-left: 0;
    margin-bottom: 30px;
}
ul li {
    line-height: 1.2;
    margin: 0 0 4px 0;
}
.btn {
    font-size: 15px;
    border: none;
    border-radius: 5px;
    padding: 12px 20px 12px 20px;
    text-align: center;
    cursor: pointer;
}
a.btn {
    text-decoration: none;
}

.wrapper {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding-bottom: 100px;
}
.sections {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1920 3276.15'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:url(%23linear-gradient);%7D%3C/style%3E%3ClinearGradient id='linear-gradient' x1='960' y1='3276.15' x2='960' y2='0' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23d5ebfd'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Layer_1-2'%3E%3Cpath class='cls-1' d='m0,467.73c494.05,0,1513.74-175.77,1920-467.73v3276.15H0V467.73Z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.container {
    width: 100%;
    max-width: 1136px;
    margin: 0 auto;
    padding: 0 24px 0 24px;
}

/*   ///////========  HEADER ========////////   */

header {
    display: block;
    padding: 20px 0 20px 0;
}
header .logo {
    width: 128px;
    height: 27px;
}
@media only screen and (min-width: 767px) {
    header .logo {
        width: 154px;
        height: 33px;
    }
}



/*   ///////========  HEADER PANEL ========////////   */

.header-panel {
    background-image: url('../img/header-image.png');
    background-size: cover;
    background-position: center;
    height: 400px;
    border-bottom: 18px solid #D0ECFF;
    position: relative;
}
.header-panel-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    max-width: 1136px;
    margin: 0 auto;
    padding: 0 24px 0 25px;
}
.welcome-text {
    width: 100%;
    max-width: 500px;
}
.header-text {
    position: absolute;
    bottom: 50px;
}
.header-text p {
    color: white;
    margin: 0 20px 10px 20px;
}
.header-btn {
    display: inline-block;
    background: #0071B1;
    color: white;
    margin: 10px 20px 0 20px;
}
.header-btn:hover {
    background: #0094e7;
}
.menu {
    display: block;
    margin: 20px 0 0 0;
    line-height: 160%;
    color: #ddd;
    text-align: center;
}
.menu a {
    text-decoration: none;
    color: #0071B1;
}
.menu a:hover {
    color: #0094e7;
}
@media only screen and (min-width: 767px) {
    .header-panel {
        height: 500px;
    }
    .header-panel-container {
        padding: 0 24px 0 70px;
    }
    .header-text {
        bottom: 75px;
    }
    .header-btn {
        margin: 10px 20px 0 20px;
    }
}


/*   ///////========  SECTIONS ========////////   */

.row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 100px;
}
.row-reversed {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 100px;
}
.image-column {
    padding-bottom: 56.6666%;
}
.without-icon {
    padding-top: 50px;
}
.column {
    flex: 0 1 100%;
}
.left-column-container {
    padding-right: 0;
}
.right-column-container {
    padding-left: 0;
}
img.full-width-image {
    width: 100%;
}
.icon {
    padding: 50px 0 16px 0;
}
.icon-your-choices {
    padding: 0 0 16px 0;
}
@media only screen and (min-width: 767px) {
    .row {
        flex-wrap: nowrap;
    }
    .row-reversed {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
        margin-bottom: 100px;
    }
    .image-column {
        padding-bottom: 0;
    }
    .without-icon {
        padding-top: 0;
    }
    .column {
        flex: 0 1 50%;
    }
    .left-column-container {
        padding-right: 30px;
    }
    .right-column-container {
        padding-left: 30px;
    }
    .icon {
        padding: 0 0 16px 0;
    }
}



/*   ///////========  SECTION IMAGES ========////////   */

.section-image-container {
    width: 100%;
    padding-bottom: 56.6666%;
    position: relative;
}
.section-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    box-shadow: 4px 4px 8px #888;
}
.location-image {
    background-image: url('../img/date-and-time.jpg');
    background-size: cover;
}
.location-shape {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 194.12 153.17'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ff7a00;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2'%3E%3Cpath class='cls-1' d='m25.6,20.49h0c81.7,0,148.02,66.33,148.02,148.02h0c0,2.82-2.29,5.1-5.1,5.1H25.6c-2.82,0-5.1-2.29-5.1-5.1V25.6c0-2.82,2.29-5.1,5.1-5.1Z' transform='translate(221.95 154) rotate(159.51)'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    position: absolute;
    right: 50px;
    bottom: -80px;
    width: 90px;
    height: 90px;
}
.location-btn {
    display: inline-block;
    position: relative;
    margin: 30px 20px 0 0;
    z-index: 10;
}

.whats-covered-image {
    background-image: url('../img/whats-covered.jpg');
    background-size: cover;
}
.whats-covered-shape {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 226.97 226.97'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ffcd00;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2'%3E%3Crect class='cls-1' x='30.65' y='30.65' width='165.66' height='165.66' rx='5.52' ry='5.52' transform='translate(-45 88.17) rotate(-35.92)'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    position: absolute;
    right: 50px;
    bottom: -80px;
    width: 90px;
    height: 90px;
}

.not-covered-image {
    background-image: url('../img/not-covered.png');
    background-size: cover;
}

.meet-execs-image {
    background-image: url('../img/meet-execs.png');
    background-size: cover;
}
.meet-execs-shape {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 188.04 205.6'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%230684bc;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2'%3E%3Cpath class='cls-1' d='m94.02,17.58h0c51.88,0,94,42.12,94,94h0c0,51.88-42.12,94-94,94H6.29c-3.46,0-6.27-2.81-6.27-6.27v-87.73C.02,59.7,42.14,17.58,94.02,17.58Z' transform='translate(223.98 45.25) rotate(103.08)'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    position: absolute;
    right: 50px;
    bottom: -80px;
    width: 90px;
    height: 90px;
}

.hotel-info-image {
    background-image: url('../img/hotel-information.jpg');
    background-size: cover;
}
.hotel-info-shape {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 194.12 153.17'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ff7a00;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2'%3E%3Cpath class='cls-1' d='m25.6,20.49h0c81.7,0,148.02,66.33,148.02,148.02h0c0,2.82-2.29,5.1-5.1,5.1H25.6c-2.82,0-5.1-2.29-5.1-5.1V25.6c0-2.82,2.29-5.1,5.1-5.1Z' transform='translate(221.95 154) rotate(159.51)'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    position: absolute;
    right: 50px;
    bottom: -80px;
    width: 90px;
    height: 90px;
}

@media only screen and (min-width: 767px) {
    .location-shape {
        left: -65px;
        bottom: -75px;
        width: 130px;
        height: 130px;
    }
    .whats-covered-shape {
        left: 120px;
        bottom: -135px;
        width: 130px;
        height: 130px;
    }
    .meet-execs-shape {
        left: -65px;
        bottom: -55px;
        width: 130px;
        height: 130px;
    }
    .hotel-info-shape {
        left: -65px;
        bottom: -75px;
        width: 130px;
        height: 130px;
    }
}



/*   ///////========  SCHEDULE TABLE ========////////   */

.schedule {
    display: flex;
    flex-wrap: nowrap;
    margin: 10px 0 10px 0;
}
.schedule-time {
    flex: 0 1 35%;
}
.schedule-text {
    flex: 0 1 65%;
}
.schedule-spacer {
    height: 30px;
}




/*   ///////========  ACORDION ========////////   */

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 0;
    background: transparent;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    color: #999;
}
.ui-accordion .ui-accordion-header {
    padding: 0.5em 0 0.5em 0;
}
.ui-widget-content {
    border: none;
}
.ui-state-active .ui-icon {
    background-image: url("../js/jquery-ui-1.13.2.custom/images/ui-icons_444444_256x240.png");
}


#team-speakers .btn {
    margin-bottom: 50px;
}
.team-speakers-table tr td {
    padding-right: 20px;
    padding-bottom: 20px;
}
.team-speakers-table h4 {
    border-bottom: none;
    padding: 0;
    margin: 0;
}
.team-speakers-table p {
    border-bottom: none;
    padding: 0;
    margin: 0;
}
.insta-logo {
    display: inline-block;
    padding-top: 5px;
}
@media only screen and (min-width: 767px) {
    #team-speakers .btn {
        margin-bottom: 0;
    }
}



.projections-image {
    background-image: url('../img/projections-image.png');
    background-size: cover;
}




/*   ///////========  FORM ========////////   */

.form-container {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 0 24px 0 24px;
}
.form-row {
    display: block;
    margin-bottom: 20px;
}
label {
    display: block;
    margin-bottom: 10px;
}
.input-row {
    padding-bottom: 10px;
}
input[type=text] {
    display: block;
    width: 100%;
    padding: 8px;
}
input[type=radio] {
    display: inline-block;

}
button {
    background-color: #0071B1;
    color: white;
}
button:hover {
    background-color: #0094e7;
    color: white;
}
.error_panel {
    background-color: red;
    font-size: 13px;
    color: white;
    padding: 5px 10px;
    margin-bottom: 10px;
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
    padding: 80px 50px 50px 50px;
    background-color: rgba(0,0,0,0.9);
    text-align: center;
    font-size: 20px;
    color: white;
    width: 90%;
    max-width: 500px;
    height: 100%;
    max-height: 300px;
    margin: auto;
    box-sizing: border-box;
    position: absolute;
    left: calc(50%);
    top: 45%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/* The Close Button */
.close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: #fff;
    font-size: 32px;
    font-weight: bold;
}
.close:hover,
.close:focus {
    color: #ccc;
    text-decoration: none;
    cursor: pointer;
}