/*body{*/

/*font-family: 'Poppins', sans-serif !important;*/

/*}*/

/*  floorplan*/

.flashError {
    position: fixed;
    padding: 10px;
    box-shadow: 1px 1px 6px 0px #4444448a;
    background-color: #fd1818;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
    color: #fff !important;
    top: 102px;
    font-weight: 600;
    z-index: 99;
    border-radius: 4px;
    /* animation: fadeOut; */
    -webkit-animation-name: fadeOut;
    -webkit-animation-timing-function: cubic-bezier(0.55, 0, 1, 0.45);
    animation-name: fadeOut;
    animation-timing-function: cubic-bezier(0.55, 0, 1, 0.45);
    animation-duration: 0.3s;
    animation-delay: 5s;
    animation-fill-mode: forwards;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes glow {
    0% {
        box-shadow: inset 0px 0px 0px 0px transparent;
    }
    100% {
        box-shadow: inset 0 5px 10px 0px #ff7f00;
    }
}

.floor-plan {
    width: 100%;
    height: auto;
    /* padding: 0.5% 0; */
}

.floor-plan .booth-image {
    position: relative;
}

.floor-plan img {
    width: 100%;
    height: 100%;
}

.floor-plan a img {
    width: 100%;
    height: 100%;
}

.floor-plan-dynamic {
    position: absolute;
    background-color: red;
    width: 70%;
    top: 35%;
    left: 15%;
    height: 59%;
}

.fplan-box h4 {
    position: absolute;
    bottom: 0%;
    background: white;
    width: 100%;
    margin: 0;
    font-size: 1.5vw;
    text-align: center;
    color: #EE732C;
}

.floorplan-box1 {
    width: 14.6%;
    height: 18%;
    position: absolute;
    top: 39.2%;
    left: 15.6%;
    overflow: hidden;
}

.floorplan-box2 {
    width: 14.6%;
    height: 18%;
    position: absolute;
    top: 39.2%;
    left: 33.5%;
    overflow: hidden;
}

.floorplan-box3 {
    width: 14.6%;
    height: 18%;
    position: absolute;
    top: 39.2%;
    left: 51.4%;
    overflow: hidden;
}

.floorplan-box4 {
    width: 14.6%;
    height: 18%;
    position: absolute;
    top: 39.2%;
    left: 69.7%;
    overflow: hidden;
}

.floorplan-box5 {
    width: 14.6%;
    height: 18%;
    position: absolute;
    top: 59%;
    left: 15.6%;
    overflow: hidden;
}

.floorplan-box6 {
    width: 14.6%;
    height: 18%;
    position: absolute;
    top: 59%;
    left: 33.5%;
    overflow: hidden;
}

.floorplan-box7 {
    width: 14.6%;
    height: 18%;
    position: absolute;
    top: 59%;
    left: 51.4%;
    overflow: hidden;
}

.floorplan-box8 {
    width: 14.6%;
    height: 18%;
    position: absolute;
    top: 59%;
    left: 69.7%;
    overflow: hidden;
}

.floorplan-box9 {
    width: 14.6%;
    height: 18%;
    position: absolute;
    top: 79%;
    left: 15.5%;
    overflow: hidden;
}

.floorplan-box10 {
    width: 14.6%;
    height: 18%;
    position: absolute;
    top: 79%;
    left: 33.4%;
    overflow: hidden;
}

.floorplan-box11 {
    width: 14.6%;
    height: 18%;
    position: absolute;
    top: 79%;
    left: 51.4%;
    overflow: hidden;
}

.floorplan-box12 {
    width: 14.6%;
    height: 18%;
    position: absolute;
    top: 79%;
    left: 69.7%;
    overflow: hidden;
}

/*end floorplan*/

/*Sponser*/

.sponser {
    width: 100%;
    height: auto;
    padding: 0;
}

.sponser .booth-image {
    position: relative;
}

/* .sponser img{
    width: 100%;
    height: auto;
} */

.sponser-box-1 {
    width: 24.4%;
    height: 13.7%;
    position: absolute;
    top: 3.2%;
    left: 37.3%;
    cursor: pointer;
    overflow: hidden;
}

.sponser-box-1 img {
    width: 100% !important;
    height: 100% !important;
}

.sponser-box-1 {
    width: 24.4%;
    height: 13.7%;
    position: absolute;
    top: 3.2%;
    left: 37.3%;
    cursor: pointer;
    overflow: hidden;
}

.sponser-box-1 img {
    width: 100% !important;
    height: 100% !important;
}

.sponser-video-1 {
    width: 14.6%;
    height: 25.1%;
    position: absolute;
    top: 20.7%;
    left: 42%;
    background-color: black;
    cursor: pointer;
    overflow: hidden;
}

.sponser-video-1 img {
    width: 100% !important;
    height: 100% !important;
}

.sponser-video-image {
    width: 14.6%;
    height: 25.1%;
    position: absolute;
    top: 20.7%;
    left: 42%;
    background-color: black;
    cursor: pointer;
    overflow: hidden;
}

.sponser-video-image img {
    width: 100% !important;
    height: 100% !important;
}

.sponser-box-8 {
    width: 14.6%;
    height: 25.1%;
    position: absolute;
    top: 20.7%;
    left: 42%;
    background-color: black;
    cursor: pointer;
    overflow: hidden;
}

.sponser-box-8 img {
    width: 100% !important;
    height: 100% !important;
}

.sponser-box-2 {
    width: 5.6%;
    height: 34.9%;
    position: absolute;
    top: 44.3%;
    left: 27.2%;
    cursor: pointer;
    overflow: hidden;
}

.sponser-box-2 img {
    width: 100% !important;
    height: 100% !important;
}

.sponser-box-3 {
    width: 4.5%;
    height: 22.9%;
    position: absolute;
    top: 52.8%;
    left: 37.7%;
    cursor: pointer;
    overflow: hidden;
}

.sponser-box-3 img {
    width: 100% !important;
    height: 100% !important;
}

.sponser-box-4 {
    width: 4.5%;
    height: 22.9%;
    position: absolute;
    top: 52.8%;
    left: 37.7%;
    cursor: pointer;
    overflow: hidden;
}

.sponser-box-4 img {
    width: 100% !important;
    height: 100% !important;
}

.sponser-box-5 {
    width: 8%;
    height: 10.4%;
    position: absolute;
    top: 69.2%;
    left: 45.2%;
    cursor: pointer;
    overflow: hidden;
}

.sponser-box-5 img {
    width: 100% !important;
    height: 100% !important;
}

.sponser-box-6 {
    width: 4.5%;
    height: 22.9%;
    position: absolute;
    top: 52.8%;
    left: 56.4%;
    cursor: pointer;
    overflow: hidden;
}

.sponser-box-6 img {
    width: 100% !important;
    height: 100% !important;
}

.sponser-box-7 {
    width: 6%;
    height: 34.9%;
    position: absolute;
    top: 44.2%;
    left: 65.8%;
    cursor: pointer;
    overflow: hidden;
}

.sponser-box-7 img {
    width: 100% !important;
    height: 100% !important;
}

/*End Sponser*/

/*Exhibition Main-Hall*/

.exhibition-mailhall {
    width: 100%;
    height: auto;
    padding: 0;
}

.exhibition-mailhall .booth-image {
    position: relative;
}

.exhibition-mailhall img {
    width: 100%;
    height: auto;
}

.exhibition-mailhall .heading-box {
    width: 38.65%;
    height: 12.5%;
    position: absolute;
    top: 3%;
    left: 31%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.exhibition-mailhall .heading-box h2 {
    color: #ee732c;
    font-size: 2.5vw;
    margin: 0;
    padding: 0;
    text-align: center;
}

.exhibition-mailhall .sponser1-box1 {
    width: 10.3%;
    height: 12%;
    position: absolute;
    top: 33%;
    left: 19.3%;
    /* /* border: 1px solid red; */
}

.exhibition-mailhall .sponser1-box2 {
    width: 8.9%;
    height: 10%;
    position: absolute;
    top: 35.7%;
    left: 33.3%;
    /* /* border: 1px solid red; */
}

.exhibition-mailhall .sponser1-box3 {
    width: 9%;
    height: 12%;
    position: absolute;
    top: 33%;
    left: 46.6%;
    /* /* border: 1px solid red; */
}

.exhibition-mailhall .sponser1-box4 {
    width: 9.2%;
    height: 10%;
    position: absolute;
    top: 35.7%;
    left: 59.8%;
    /* /* border: 1px solid red; */
}

.exhibition-mailhall .sponser1-box5 {
    width: 10.3%;
    height: 12%;
    position: absolute;
    top: 33%;
    left: 72.7%;
    /* /* border: 1px solid red; */
}

.exhibition-mailhall .sponser1-box6 {
    width: 11.7%;
    height: 12%;
    position: absolute;
    top: 49%;
    left: 14.3%;
    /* /* border: 1px solid red; */
}

.exhibition-mailhall .sponser1-box7 {
    width: 11.2%;
    height: 14%;
    position: absolute;
    top: 47%;
    left: 30.3%;
    /* /* border: 1px solid red; */
}

.exhibition-mailhall .sponser1-box8 {
    width: 10.3%;
    height: 12%;
    position: absolute;
    top: 49%;
    left: 45.8%;
    /* /* border: 1px solid red; */
}

.exhibition-mailhall .sponser1-box9 {
    width: 11.2%;
    height: 13.8%;
    position: absolute;
    top: 47%;
    left: 61.4%;
    /* /* border: 1px solid red; */
}

.exhibition-mailhall .sponser1-box10 {
    width: 12.3%;
    height: 12%;
    position: absolute;
    top: 49%;
    left: 75.7%;
    /* /* border: 1px solid red; */
}

.exhibition-mailhall .tooltips {
    border-bottom: 1px dotted black;
}

.exhibition-mailhall .tooltips img {
    width: 60%;
    height: auto;
    display: flex;
    margin: auto;
    flex-direction: column;
}

.exhibition-mailhall .tooltips .tooltiptext {
    visibility: hidden;
    width: 100%;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    position: absolute;
    padding: 6px;
    z-index: 1;
    bottom: 100%;
    left: 0;
    font-size: 1vw;
}

.tool .tip {
    visibility: hidden;
}

.tool:hover .tip {
    visibility: visible;
}

.exhibition-mailhall .tooltips:hover .tooltiptext {
    visibility: visible;
}

/*end Exhibition Maim-hall*/

/*Blue 1*/

.blue-1 {
    width: 100%;
    height: auto;
}

.blue-1 .booth-image {
    position: relative;
}

.blue-1 img {
    width: 100%;
    height: 100%;
}

.blue1-box1 {
    width: 66.3%;
    height: 24%;
    position: absolute;
    top: 9%;
    left: 8.5%;
    cursor: context-menu;
    overflow: hidden;
}

.blue1-box2 {
    width: 18%;
    height: 33%;
    position: absolute;
    top: 8.3%;
    left: 76.9%;
    cursor: context-menu;
    overflow: hidden;
}

.blue1-box3 {
    width: 18.6%;
    height: 34.7%;
    position: absolute;
    top: 36.8%;
    left: 12%;
    overflow: hidden;
    cursor: context-menu;
}

.blue1-box4 {
    width: 36.9%;
    height: 32.1%;
    position: absolute;
    top: 44.8%;
    left: 36.5%;
    overflow: hidden;
    cursor: context-menu;
}

.blue1-box5 {
    width: 18.3%;
    height: 18.3%;
    position: absolute;
    top: 43.6%;
    left: 76.8%;
    overflow: hidden;
    cursor: context-menu;
}

.blue1-box6 {
    width: 17.3%;
    height: 16.9%;
    position: absolute;
    top: 78.4%;
    left: 9.1%;
    overflow: hidden;
    cursor: context-menu;
}

.blue1-box7 {
    width: 17.9%;
    height: 32.9%;
    position: absolute;
    top: 64.4%;
    left: 76.9%;
    overflow: hidden;
    cursor: context-menu;
}

.blue1-rack {
    width: 2.9%;
    height: 27.9%;
    position: absolute;
    top: 67%;
    left: 32.7%;
    overflow: hidden;
}

/*End Blue 1*/

/*Blue 2*/

.blue-2 {
    width: 100%;
    height: auto;
}

.blue-2 .booth-image {
    position: relative;
}

.blue-2 img {
    width: 100%;
    height: 100%;
}

.blue2-box1 {
    width: 29.6%;
    height: 16.7%;
    position: absolute;
    top: 3.2%;
    left: 13.1%;
    cursor: context-menu;
    border-radius: 5px;
    overflow: hidden;
}

.blue2-box2 {
    width: 20.9%;
    height: 14%;
    position: absolute;
    top: 17.8%;
    left: 67.8%;
    border-radius: 5px;
    cursor: context-menu;
    overflow: hidden;
}

.blue2-box3 {
    width: 27.4%;
    height: 25.9%;
    position: absolute;
    top: 43%;
    left: 16.7%;
    overflow: hidden;
    cursor: context-menu;
    overflow: hidden;
}

.blue2-box4 {
    width: 13.7%;
    height: 13.8%;
    position: absolute;
    top: 47.7%;
    left: 45.1%;
    overflow: hidden;
    cursor: context-menu;
    overflow: hidden;
}

.blue2-box5 {
    width: 23.8%;
    height: 25.8%;
    position: absolute;
    top: 43.2%;
    left: 59.7%;
    overflow: hidden;
    cursor: context-menu;
    overflow: hidden;
}

.blue2-box6 {
    width: 17.3%;
    height: 15.5%;
    position: absolute;
    top: 78%;
    left: 8.9%;
    overflow: hidden;
    cursor: context-menu;
    overflow: hidden;
}

.blue2-box7 {
    width: 17.9%;
    height: 32.9%;
    position: absolute;
    top: 64.4%;
    left: 77%;
    overflow: hidden;
    cursor: context-menu;
    overflow: hidden;
}

.blue2-rack {
    width: 4.2%;
    height: 34.9%;
    position: absolute;
    top: 60%;
    left: 86%;
}

/*End blue 2*/

/*Yellow 1*/

.yellow-1 {
    width: 100%;
    height: auto;
}

.yellow-1 .booth-image {
    position: relative;
}

.yellow-1 img {
    width: 100%;
    height: 100%;
}

.yellow1-box1 {
    width: 66.1%;
    height: 24%;
    position: absolute;
    top: 9%;
    left: 8.8%;
    cursor: context-menu
}

.yellow1-box2 {
    width: 17.8%;
    height: 33%;
    position: absolute;
    top: 8.3%;
    left: 77.2%;
    cursor: context-menu
}

.yellow1-box3 {
    width: 18.4%;
    height: 34.7%;
    position: absolute;
    top: 36.8%;
    left: 12.2%;
    overflow: hidden;
    cursor: context-menu
}

.yellow1-box4 {
    width: 36.9%;
    height: 32.1%;
    position: absolute;
    top: 44.8%;
    left: 36.5%;
    overflow: hidden;
    cursor: context-menu;
}

.yellow1-box5 {
    width: 18.3%;
    height: 18.3%;
    position: absolute;
    top: 43.6%;
    left: 76.9%;
    overflow: hidden;
    cursor: context-menu
}

.yellow1-box6 {
    width: 17.3%;
    height: 16.9%;
    position: absolute;
    top: 78.4%;
    left: 9.3%;
    overflow: hidden;
    cursor: context-menu
}

.yellow1-box7 {
    width: 17.9%;
    height: 32.9%;
    position: absolute;
    top: 64.4%;
    left: 77%;
    overflow: hidden;
    cursor: context-menu
}

.yellow1-rack {
    width: 2.9%;
    height: 27.9%;
    position: absolute;
    top: 68%;
    left: 33%;
}

/*End Yellow 1*/

/*Yellow 2 */

.yellow-2 {
    width: 100%;
    height: auto;
}

.yellow-2 .booth-image {
    position: relative;
}

.yellow-2 img {
    width: 100%;
    height: 100%;
}

.yellow2-box1 {
    width: 29.6%;
    height: 16.7%;
    position: absolute;
    top: 3.2%;
    left: 13.1%;
    cursor: context-menu;
    border-radius: 5px;
    overflow: hidden;
}

.yellow2-box2 {
    width: 20.9%;
    height: 14%;
    position: absolute;
    top: 17.8%;
    left: 67.8%;
    border-radius: 5px;
    cursor: context-menu;
    overflow: hidden;
}

.yellow2-box3 {
    width: 27.4%;
    height: 25.9%;
    position: absolute;
    top: 43%;
    left: 16.7%;
    overflow: hidden;
    cursor: context-menu;
}

.yellow2-box4 {
    width: 13.7%;
    height: 13.8%;
    position: absolute;
    top: 47.7%;
    left: 45.1%;
    overflow: hidden;
    cursor: context-menu;
}

.yellow2-box5 {
    width: 23.8%;
    height: 25.8%;
    position: absolute;
    top: 43.2%;
    left: 59.7%;
    overflow: hidden;
    cursor: context-menu;
}

.yellow2-box6 {
    width: 17.3%;
    height: 15.5%;
    position: absolute;
    top: 78%;
    left: 8.9%;
    overflow: hidden;
    cursor: context-menu;
}

.yellow2-box7 {
    width: 17.9%;
    height: 32.9%;
    position: absolute;
    top: 64.4%;
    left: 77%;
    overflow: hidden;
    cursor: context-menu;
}

.yellow2-rack {
    width: 4.2%;
    height: 34.9%;
    position: absolute;
    top: 60%;
    left: 86%;
}

/*End Yellow 2 */

/*Yellow 1*/

.Exhibitor-yellow-1 {
    width: 100%;
    height: auto;
}

.Exhibitor-yellow-1 .booth-image {
    position: relative;
}

.Exhibitor-yellow-1 img {
    width: 100%;
    height: 100%;
}

.Exhibitor-yellow-1 .yellow1-box1 {
    width: 66.1%;
    height: 24%;
    position: absolute;
    top: 9%;
    left: 8.8%;
    cursor: pointer;
}

.Exhibitor-yellow-1 .yellow1-box2 {
    width: 17.8%;
    height: 33%;
    position: absolute;
    top: 8.3%;
    left: 77.2%;
    cursor: pointer;
}

.Exhibitor-yellow-1 .yellow1-box3 {
    width: 18.4%;
    height: 34.7%;
    position: absolute;
    top: 36.8%;
    left: 12.2%;
    overflow: hidden;
    cursor: pointer;
}

.Exhibitor-yellow-1 .yellow1-box4 {
    width: 36.9%;
    height: 32.1%;
    position: absolute;
    top: 44.8%;
    left: 36.5%;
    overflow: hidden;
    cursor: pointer;
}

.Exhibitor-yellow-1 .yellow1-box5 {
    width: 18.3%;
    height: 18.3%;
    position: absolute;
    top: 43.6%;
    left: 76.9%;
    overflow: hidden;
    cursor: pointer;
}

.Exhibitor-yellow-1 .yellow1-box6 {
    width: 17.3%;
    height: 16.9%;
    position: absolute;
    top: 78.4%;
    left: 9.3%;
    overflow: hidden;
    cursor: pointer;
}

.Exhibitor-yellow-1 .yellow1-box7 {
    width: 17.9%;
    height: 32.9%;
    position: absolute;
    top: 64.4%;
    left: 77%;
    overflow: hidden;
    cursor: pointer;
}

.Exhibitor-yellow-1 .yellow1-rack {
    width: 2.9%;
    height: 27.9%;
    position: absolute;
    top: 68%;
    left: 33%;
}

/*End Yellow 1*/

/*Yellow 2 */

.Exhibitor-yellow-2 {
    width: 100%;
    height: auto;
}

.Exhibitor-yellow-2 .booth-image {
    position: relative;
}

.Exhibitor-yellow-2 img {
    width: 100%;
    height: 100%;
}

.Exhibitor-yellow-2 .yellow2-box1 {
    width: 29.6%;
    height: 16.7%;
    position: absolute;
    top: 3.2%;
    left: 13.1%;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
}

.Exhibitor-yellow-2 .yellow2-box2 {
    width: 20.9%;
    height: 14%;
    position: absolute;
    top: 17.8%;
    left: 67.8%;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
}

.Exhibitor-yellow-2 .yellow2-box3 {
    width: 27.4%;
    height: 25.9%;
    position: absolute;
    top: 43%;
    left: 16.7%;
    overflow: hidden;
    cursor: pointer;
}

.Exhibitor-yellow-2 .yellow2-box4 {
    width: 13.7%;
    height: 13.8%;
    position: absolute;
    top: 47.7%;
    left: 45.1%;
    overflow: hidden;
    cursor: pointer;
}

.Exhibitor-yellow-2 .yellow2-box5 {
    width: 23.8%;
    height: 25.8%;
    position: absolute;
    top: 43.2%;
    left: 59.7%;
    overflow: hidden;
    cursor: pointer;
}

.Exhibitor-yellow-2 .yellow2-box6 {
    width: 17.3%;
    height: 15.5%;
    position: absolute;
    top: 78%;
    left: 8.9%;
    overflow: hidden;
    cursor: pointer;
}

.Exhibitor-yellow-2 .yellow2-box7 {
    width: 17.9%;
    height: 32.9%;
    position: absolute;
    top: 64.4%;
    left: 77%;
    overflow: hidden;
    cursor: pointer;
}

.Exhibitor-yellow-2 .yellow2-rack {
    width: 4.2%;
    height: 34.9%;
    position: absolute;
    top: 60%;
    left: 86%;
}

/*End Yellow 2 */

@keyframes moveClouds {
    0% {
        left: 0%;
    }
    100% {
        left: -10%;
    }
}

@keyframes moveBalloons {
    0% {
        /* left: 14.75%; */
        transform: rotate(-5deg);
    }
    100% {
        /* left: 15.25%; */
        transform: rotate(5deg)
    }
}

.clouds {
    position: absolute;
    left: 0%;
    width: 110%;
    height: 55%;
    z-index: 0;
}

.clouds-animate {
    animation: moveClouds 50s linear infinite;
}
/*New Lobby*/

.lobby-screen {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0;
    z-index:0;
}

.lobby-screen .booth-image {
    position: relative;
}

/* .lobby-screen img{
    width: 100%;
    height: auto;
} */

.lobby-screen-box1 {
    width: 10.9%;
    height: 31%;
    position: absolute;
    top: 0%;
    left: 1.8%;
    /* border: 1px solid red; */
}

.lobby-screen-box2 {
    width: 10.9%;
    height: 31%;
    position: absolute;
    top: 0%;
    left: 87.3%;
}

.lobby-screen-box3 {
    width: 6.9%;
    height: 18%;
    position: absolute;
    top: 30%;
    left: 13.1%;
    /* border: 1px solid red; */
}

.lobby-screen-box4 {
    width: 6.5%;
    height: 18%;
    position: absolute;
    top: 30%;
    left: 79.8%;
    /* border: 1px solid red; */
}

.lobby-screen-box5 {
    width: 20.2%;
    height: 19.6%;
    position: absolute;
    top: 37%;
    left: 39.8%;
    /* border: 1px solid red; */
}

.lobby-screen-box6 {
    width: 13.2%;
    height: 19.6%;
    position: absolute;
    top: 52%;
    left: 2.2%;
    /* border: 1px solid red; */
}

.lobby-screen-box10 {
    width: 57.7%;
    height: 25.3%;
    position: absolute;
    top: 0.8%;
    left: 21.7%;
}

.lobby-screen-box11 {
    width: 14.6%;
    height: 11.7%;
    position: absolute;
    top: 30.1%;
    left: 20.8%;
}

.lobby-screen-box12 {
    width: 14.6%;
    height: 11.7%;
    position: absolute;
    top: 30.1%;
    left: 64.2%;
}

.lobby-screen .tooltips {
    border-bottom: 1px dotted black;
}

.lobby-screen .tooltips .tooltiptext {
    visibility: hidden;
    width: 100%;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 2% 5%;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -120%;
    left: 0;
    font-size: 1vw;
}

.lobby-screen .tooltips:hover .tooltiptext {
    visibility: visible;
}

/*End Lobby Screen*/

/*Exhibition Modals*/

.my-modal {
    
}
.modal-content{
    max-height: 100vh;
    overflow: hidden;
}
.my-modal .modal-header {
    background: #26255E;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.my-modal .modal-header h3 {
    color: white;
    width: 100% !important;
}

.my-modal .modal-btn {
    background: #F9A13D;
    width: 100%;
    color: white;
    border-radius: 0;
    margin: 5px 0;
    text-align: left;
    font-weight: 600;
    border: 1px solid transparent;
}

.my-modal .modal-btn:hover {
    background: transparent;
    border: 1px solid #F9A13D;
    transition: 0.3s;
    color: #F9A13D;
}

.my-modal .sponser-btn {
    background: #26255E;
    width: 100%;
    color: white;
    border-radius: 0;
    margin: 5px 0;
    text-align: left;
    font-weight: 600;
    border: 1px solid transparent;
    transition: 0.3s;
}

.my-modal .sponser-btn:hover {
    background: transparent;
    border: 1px solid #26255E;
    transition: 0.3s;
    color: #26255E;
}

.my-modal .modal-close-btn {
    background: #26255E;
    color: white;
}

.my-modal .modal-body {
    text-align: center;
    overflow-y:auto;
    overflow-x:hidden;
}

.my-modal .modal-body img {
    margin: 5px 0;
}

.modal-cross-btn {
    float: right !important;
    color: white;
}

.modal-cross-btn:hover {
    color: white !important;
}

.modal-list {
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
}

.modal-list li {
    border: 1px solid #26255E;
    margin: 5px 0;
    padding: 5px;
    font-size: 18px;
}

.modal-list li i {
    color: #26255E;
}

.modal-list li a:hover {
    color: #F9A13D;
    text-decoration: none !important;
}

.modal-h4 {
    text-align: left;
    margin: 10px 0;
    color: #F9A13D;
}

.modal-h6 {
    font-size: 20px;
}

.my-bold {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.claim-text {
    font-size: 20px;
}

.modal-list-2 {
    text-align: left;
    padding: 2px 15px;
    margin: 0;
}

.modal-list-2 li {
    font-size: 12px;
}

.modal-list-3 {
    text-align: left;
    padding: 2px 15px;
    margin: 0;
}

.modal-list-3 a {
    color: white;
}

.modal-list-3 a:hover {
    color: white;
    text-decoration: none;
}

.modal-list-3 li {
    font-size: 17px;
    color: white;
}

.modal-list-4 {
    text-align: left;
    padding: 2px 15px;
    margin: 0;
}

.modal-list-4 li {
    font-size: 17px;
    color: #26255E;
}

@media screen and (max-width:760px) {
    .my-modal .modal-header h3 {
        font-size: 20px;
    }
    .modal-list-3 li {
        font-size: 15px;
    }
    .my-modal .modal-body img {
        margin: 5px 0;
        width: 100%;
        height: auto;
    }
    .my-modal-description {
        font-size: 11px !important;
    }
}

/*Main foooter*/

.texpo-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2%;
    background: whitesmoke;
}

.texpo-footer p {
    font-size: 0.9vw;
    padding: 0;
    margin: 0;
    color: #27255E;
    font-weight: 600;
}

.texpo-footer .texpo-footer-col-1 {
    width: 27%;
    display: flex;
    justify-content: flex-start;
}

.texpo-footer .texpo-footer-col-1 p {
    text-align: center;
}

.texpo-footer .texpo-footer-col-2 {
    width: 23%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.texpo-footer .texpo-footer-col-2 img {
    width: auto;
    height: auto;
}

.texpo-footer span {
    font-size: 1vw;
    padding: 0;
    margin: 0;
}

@media screen and (max-width: 800px) {
    .texpo-footer .texpo-footer-col-2 img {
        width: 70px;
        padding: 0;
        margin: 0;
    }
}

.texpo-footer .line {
    background: #27255E;
    width: 50%;
    height: 2vw;
    position: relative;
}

.texpo-footer .line span {
    position: relative;
    width: 100% !important;
}

.texpo-footer .line:after {
    position: absolute;
    width: 90%;
    height: 0.15vw;
    background: #EA6F31;
    content: '';
    top: 45%;
    left: 5%;
}

/* booths footer */

.footer-inks {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #22275E;
    padding: 1.5% 2%;
    width: 100%;
}

.footer-inks h4 {
    color: white;
    font-size: 1.5vw;
    margin: 0;
}

.footer-inks h4 a {
    color: white;
    text-decoration: none;
}

.footer-inks a:hover {
    color: white;
    text-decoration: none !important;
}

.footer-inks h4 i {
    color: white;
    font-size: 1.5vw;
    margin-right: 10px;
}

@media screen and (max-width:700px) {
    .footer-inks {
        display: flex;
    }
    .footer-ink h4 {}
}

.heading-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: whitesmoke;
    padding: 0.5% 2%;
}

.heading-div .my-btns {
    display: flex;
    align-items: center;
    width: 60%;
}

.heading-div .my-btns .btn-col-1 {
    width: 40%;
}

.heading-div .my-btns .btn-col-2 {
    width: 60%;
}

.heading-div .my-btns .btn-heading {
    display: inline;
    background: #23255d;
    padding: 1% 4%;
    color: white;
    font-size: 1.3vw;
}

.heading-div .my-btns .btn-heading:hover {
    color: white;
}

.heading-div .my-company-heading {
    width: 40%;
    display: flex;
    justify-content: flex-end;
}

.heading-div .my-company-heading h1 {
    font-size: 1.8vw;
    color: white;
    background: #23255d;
    padding: 1% 2%;
    margin: 0;
    border-radius: 5%;
}

.mypagination {
    width: 100%;
}

.mypagination .pagination {
    margin: 0 !important;
    padding: 0 !important;
}

.mypagination .page-link {
    background: #23255d !important;
    color: white;
    padding: 0.2rem 0.8rem;
    border-radius: 5px;
    font-size: 1.2vw;
}

/*sponser header*/

.heading-div h4 {
    padding: 1% 0 !important;
    font-size: 1.3vw;
    margin: 0;
    color: #fcfb02;
}

.heading-div .my-btns-1 {
    display: flex;
    align-items: center;
    width: 75%;
}

.heading-div .my-btns-1 .btn-col-3 {
    width: 33%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.heading-div .my-btns-1 .btn-heading-1 {
    display: inline;
    background: #23255d;
    padding: 1% 0;
    color: white;
    font-size: 1.2vw;
    margin: 0 !important;
}

.heading-div .my-btns-1 .btn-heading-1:hover {
    color: white;
}

.heading-div .sponser-header-h1 {
    width: 30%;
    display: flex;
    justify-content: flex-end;
}

.heading-div .sponser-header-h1 h1 {
    font-size: 1.6vw;
    color: white;
    background: #23255d;
    padding: 0.5% 2%;
    margin: 0;
    border-radius: 5%;
}

.send-card {
    margin: 50px 0;
    background: whitesmoke;
    border-radius: 5px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
    max-width: 450px;
    border-top: 3px solid #EA6F31 !important;
}

.send-card ul {
    padding: 10px 15px;
    margin: 0;
    list-style: none;
}

.send-card ul li i {
    color: #27255E;
}

/*Product Search*/

/*.product-search .tab-content{*/

/*padding: 20px 0;*/

/*}*/

/*.product-search-header{*/

/*background-color: #27255E;*/

/*padding: 15px 5px;*/

/*}*/

/*.product-search-header h2{*/

/*color: white;*/

/*font-weight: 700;*/

/*text-align: center;*/

/*margin: 0;*/

/*}*/

/*.product-search-nav{*/

/*display: flex;*/

/*justify-content: space-between;*/

/*align-items: center;*/

/*background-color: #27255E;*/

/*margin-top: 5px;*/

/*padding: 2% 1%;*/

/*}*/

/*.product-search-nav li a{*/

/*color: white !important;*/

/*font-size: 17px;*/

/*font-weight: 600;*/

/*}*/

/*.product-tab-list{*/

/*padding: 0 0 0 20px;*/

/*list-style: none;*/

/*}*/

/*.product-tab-list{*/

/*-webkit-column-count: 3;*/

/*-moz-column-count: 3;*/

/*column-count: 3;*/

/*}*/

/*Product Search*/

.product-search {
    padding: 1% 1%;
}

.product-search .product-search-header h2 {
    font-size: 2vw;
}

.product-search .tab-content {
    overflow: scroll;
    overflow-x: hidden;
    min-height: 400px;
    background-color: whitesmoke;
    padding: 2% 1%;
}

.product-search-header {
    background-color: #27255E;
    padding: 15px 5px;
}

.product-search-header h2 {
    color: white;
    font-weight: 700;
    text-align: center;
    margin: 0;
    font-size: 2vw;
}

.product-search-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #27255E;
    margin-top: 5px;
    padding: 1% 1%;
}

.product-search-nav li {}

.product-search-nav li a {
    color: white !important;
    font-size: 1.1vw;
    font-weight: 600;
    /*padding: 2% 2% !important;*/
    margin: 0 !important;
    width: 100%;
}

.product-tab-list {
    padding: 0 0 0 20px;
    list-style: none;
}

.product-tab-list {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.product-tab-list li a {
    color: #27255E;
    font-size: 1.2vw;
}

.product-tab-list li i {
    font-size: 1.2vw;
}

.product-search .nav-pills>li.active>a {
    background-color: white !important;
    color: #27255E !important;
}

.product-search .nav-pills>li>a:hover {
    background-color: white !important;
    color: #27255E !important;
}

/* width */

.product-search ::-webkit-scrollbar {
    width: 6px;
}

/* Track */

.product-search ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */

.product-search ::-webkit-scrollbar-thumb {
    background: #F07734;
}

/* Handle on hover */

.product-search ::-webkit-scrollbar-thumb:hover {
    background: #F07734;
}

/* Trend Gallery */

.trend-gallery {
    width: 100%;
    height: auto;
    padding: 1% 0;
}

.trend-gallery .booth-image {
    position: relative;
}

.trend-gallery img {
    width: 100%;
    height: auto;
}

.trend-gallery .trend-gallery-box1 {
    width: 89.6%;
    height: 78.9%;
    position: absolute;
    top: 19%;
    left: 5.3%;
}

/*exhibitor-search-result*/

.exhibitor-search-result {
    min-height: 80vh;
    padding: 40px 0;
}

.exhibitor-search-result a .search-box {
    background-color: whitesmoke;
    text-align: center;
    padding: 60px 0;
}

.exhibitor-search-result a:nth-child(even) .search-box {
    background-color: #27255E;
    text-align: center;
}

.exhibitor-search-result .search-box p {
    font-size: 28px;
    color: #27255E;
}

.exhibitor-search-result .search-box p:hover {
    color: #F07734;
    text-decoration: none;
}

.exhibitor-search-result a:nth-child(even) .search-box p {
    font-size: 28px;
    color: white;
}

.exhibitor-search-result a:nth-child(even) .search-box p:hover {
    font-size: 28px;
    color: #F07734;
}

.exhibitor-search-result table {
    width: 100%;
}

.exhibitor-search-result table td {
    width: 20% !important;
}

.exhibitor-search-result table tr:nth-child(even) td:nth-child(even) a .search-box {
    background-color: #27255E;
}

.exhibitor-search-result table tr:nth-child(odd) td:nth-child(odd) a .search-box {
    background-color: #27255E;
    color: #F07734 !important;
}

.exhibitor-search-result table tr:nth-child(odd) td:nth-child(odd) a .search-box p {
    color: #F07734 !important;
}

.exhibitor-search-result table tr:nth-child(even) td:nth-child(even) a .search-box p {
    color: #F07734 !important;
}

.menu-header {
    position: sticky;
    top:0;
    width: 100%;
    margin: 0 0 0 0;
    display: flex;
    z-index: 100;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(51, 51, 51, 0.658);
    color: #fff;
}

.menu-header .logo {
    height: 58px;
    width: auto;
    background-color: #fff;
    padding: 0 4px;
}

.menu-header .menu {
    display: flex;
    align-items: center;
    padding: 8px;
}

.back-btn-div {
    margin: 0 0 0 0;
    padding-top: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.my-back-btn {
    background-color: #27255E;
    color: white;
    text-decoration: none;
    padding: 2px 10px;
    font-size: 15px;
}

.my-back-btn:hover {
    color: white;
}

/* Preloader */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(30, 33, 44);
    /* change if the mask should have another color then white */
    z-index: 99999999999;
    /* makes sure it stays on top */
}

.centerGate {
    width: 16%;
    height: 17.5%;
    position: absolute;
    top: 59%;
    left: 42%;
    animation: glow 1s infinite alternate;
    cursor: pointer;
}

.centerGate:hover .left {
    transform: translateX(-90%);
}

.centerGate:hover .right {
    transform: translateX(90%);
}

.centerGate .gate {
    position: relative;
    height: 51.0%;
    width: 41.5%;
    top: 48.5%;
    left: 29%;
}

.centerGate .gate .left {
    -webkit-transition: 450ms ease-in-out;
    -moz-transition: 450ms ease-in-out;
    -o-transition: 450ms ease-in-out;
    transition: 450ms ease-in-out;
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    background-size: contain;
    background-image: url(/event-data/doors/center-1.png);
    background-position: center;
}

.centerGate .gate .right {
    -webkit-transition: 450ms ease-in-out;
    -moz-transition: 450ms ease-in-out;
    -o-transition: 450ms ease-in-out;
    transition: 450ms ease-in-out;
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    background-size: contain;
    background-image: url(/event-data/doors/center-2.png);
    background-position: center;
}

.rightGate {
    width: 15.5%;
    height: 20.5%;
    position: absolute;
    top: 59.5%;
    right: 16.8%;
    transform: skewY(2.5deg);
    animation: glow 1s infinite alternate;
    cursor: pointer
}

.rightGate .gate {
    /*position: relative;
     height: 50%;
    width: 38.5%;
    top: 46.5%;
    left: 29%;
    height: 51%;
    width: 49.5%;
    top: 44.75%;
    left: 27%;
    transform: rotate3d(3, 4.01, -26, 187deg) skewY( 12deg) skewX( -4.5deg); */
    position: relative;
    height: 51%;
    width: 49.5%;
    top: 44.75%;
    left: 23%;
    transform: rotate3d(3.25, 1.95, 10, 180deg) skewY( 9deg) skewX( 8.5deg);
}

.rightGate:hover .left {
    transform: translateX(-90%);
}

.rightGate:hover .right {
    transform: translateX(90%);
}

.rightGate .gate .left {
    -webkit-transition: 450ms ease-in-out;
    -moz-transition: 450ms ease-in-out;
    -o-transition: 450ms ease-in-out;
    transition: 450ms ease-in-out;
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    background-size: contain;
    background-image: url(/event-data/doors/center-1.png);
    background-position: center;
}

.rightGate .gate .right {
    -webkit-transition: 450ms ease-in-out;
    -moz-transition: 450ms ease-in-out;
    -o-transition: 450ms ease-in-out;
    transition: 450ms ease-in-out;
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    background-size: contain;
    background-image: url(/event-data/doors/center-2.png);
    background-position: center;
}

.leftGate {
    width: 15.5%;
    height: 20.5%;
    position: absolute;
    top: 59.5%;
    left: 16.5%;
    transform: skewY(-2.5deg);
    animation: glow 1s infinite alternate;
    cursor: pointer
}

.leftGate .gate {
    position: relative;
    height: 51%;
    width: 49.5%;
    top: 44.75%;
    left: 27%;
    transform: rotate3d(3.25, -1.85, -10, 182deg) skewY( -7deg) skewX( -10.5deg);
}

.leftGate:hover .left {
    transform: translateX(-90%);
}

.leftGate:hover .right {
    transform: translateX(90%);
}

.leftGate .gate .left {
    -webkit-transition: 450ms ease-in-out;
    -moz-transition: 450ms ease-in-out;
    -o-transition: 450ms ease-in-out;
    transition: 450ms ease-in-out;
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    background-size: contain;
    background-image: url(/event-data/doors/center-1.png);
    background-position: center;
}

.leftGate .gate .right {
    -webkit-transition: 450ms ease-in-out;
    -moz-transition: 450ms ease-in-out;
    -o-transition: 450ms ease-in-out;
    transition: 450ms ease-in-out;
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    background-size: contain;
    background-image: url(/event-data/doors/center-2.png);
    background-position: center;
}

#status {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -50px;
    border: 6px solid rgb(87, 91, 109);
    border-radius: 50%;
    border-top-color: #0099ff;
    -webkit-animation: spin 1s linear infinite;
    /* Safari */
    animation: spin 1s linear infinite;
}

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

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

/*Webinar video*/

.webinar1 {
    background-size: cover;
    position: absolute;
    left: 79.6%;
    cursor: pointer;
    width: 8.1%;
}

.webinar img {
    width: 100%;
    height: 100%;
}

.webinar2 {
    background-size: cover;
    position: absolute;
    left: 79.6%;
    width: 8.1%;
    cursor: pointer;
    /* border: 1px solid black; */
}

.webinar2 img {
    width: 100%;
    height: 100%;
}

.webinar3 {
    background-size: cover;
    position: absolute;
    left: 79.6%;
    width: 8.1%;
    cursor: pointer;
    /* border: 1px solid black; */
}

.webinar3 img {
    width: 100%;
    height: 100%;
}

.webinar4 {
    position: absolute;
    left: 20.7%;
    cursor: pointer;
    width: 58.3%;
    top: 30%;
    /* border: 1px solid black; */
}

.webinar5 {
    position: absolute;
    left: 20.7%;
    cursor: pointer;
    width: 58.3%;
    top: 27%;
    /* border: 1px solid black; */
}

.main-webinar {
    position: relative
}

.webinar-video {
    width: 52.6%;
    height: 52.6%;
    position: absolute;
    top: 12%;
    left: 23.9%;
}

/*Webinar Schedule*/

.webinar-schedule h1 {
    background-color: #27255E;
    color: white;
    text-align: center;
    padding: 0.8% 0.5%;
    margin: 0;
    font-size: 3vw;
}

.webinar-schedule .webinar-table-heading {
    background-color: whitesmoke;
}

.webinar-schedule .webinar-table-heading h2 {
    color: #27255E;
    text-align: center;
    margin: 0;
    font-size: 2vw;
    padding: 0.5% 0.5%;
    font-weight: bold;
}

.webinar-table-timing {
    display: flex;
    align-items: center;
    background-color: #27255E;
    padding: 0.4% 1%;
    border-bottom: 1px solid white;
}

.webinar-table-timing .timing-title {
    width: 30%;
}

.webinar-table-timing .timing-title h3 {
    color: white;
    font-size: 1.5vw;
    margin: 0;
    text-align: center;
}

.webinar-table-timing .timeing-time {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 3%;
}

.webinar-table-timing .timeing-time h4 {
    color: white;
    font-size: 1.5vw;
    margin: 0;
}

.webinar-table-timing .timing-btn {
    width: 30%;
    display: flex;
    justify-content: flex-end;
}

.webinar-table-timing .timing-btn a {
    background-color: white;
    font-size: 1.5vw;
    font-weight: bold;
    color: #27255E;
    margin: 0;
    padding: 0.5% 5% !important;
    border: 1px solid white;
    transition: 0.3s;
}

.webinar-table-timing .timing-btn a:hover {
    background-color: transparent;
    border: 1px solid white;
    color: white;
    transition: 0.3s;
}

/*Sponser logo*/

.sponser-footer {
    background-color: whitesmoke;
    width: 100%;
    margin: 10px 0;
}

.sponser-logo-div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sponser-logo-div ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
}

.sponser-logo-div ul li {
    display: inline;
    margin: 0 1%;
}

.sponser-logo-div img {}

.sponser-logo-div a {
    margin: 0 0.7%;
}

.sponser-logo-div .silver-sponsor img {
    width: 5vw;
}

.sponser-logo-div .gold-sponsor img {
    width: 6vw;
}

.sponser-logo-div .platinum-sponsor img {
    width: 7vw;
}

.btn-heading {
    background: transparent;
    padding: 0.5% 1%;
    color: white;
    font-size: 1.2vw;
    /* margin: 0 !important; */
    border: 1px solid #ffffff;
}

.btn-heading:hover {
    background: #404040ce;
    color: white;
    border: 1px solid #ffffff;
}

/*chat*/

.chatbox1 .u-btn {
    all: unset;
    cursor: pointer;
    padding: 0 15px;
}

.chatbox1 {
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
    bottom: 55px;
    position: fixed;
    left: 1em;
    transform: translatey(23.5em);
    transition: all 300ms ease;
    width: 22.5em;
    z-index: 99999;
}

.chatbox--is-visible1 {
    transform: translatey(55px) !important;
}

.chatbox1 .chatbox__header {
    background: #23255D;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
    display: flex;
    justify-content: space-between;
    padding: 0 0.75em;
    user-select: none;
}

.chatbox1 .chatbox__header-cta-text {
    color: #fff;
    font-weight: 300;
    font-size: 1.025rem;
    margin-top: 10px;
}

.chatbox1 .chatbox__header-cta-icon {
    color: #fff;
    margin-right: 0.75em;
}

.chatbox1 .chatbox__header-cta-btn {
    background: none;
    border: none;
    color: #aaa;
    padding: 0.5em;
    transition: all 300ms ease;
}

.chatbox1 .chatbox__header-cta-btn:hover {
    color: #fff;
}

.chatbox1 .chatbox__display1 {
    background: #ededed;
    height: 20em;
    overflow: auto;
    padding: 0.75em;
}

.chatbox1 .width-60 {
    width: 60%;
}

.chatbox1 .width-40 {
    width: 40%;
}

.chatbox1 .chatbox__display-chat1 {
    background: #fff;
    border-radius: 0.5em;
    color: #666;
    font-weight: 300;
    font-size: 0.9rem;
    line-height: 1.5;
    padding: 0.75em;
}

.chatbox1 .chatbox__display-default {
    background: #fff;
    border-radius: 0.5em;
    color: #666;
    font-weight: 300;
    font-size: 0.9rem;
    line-height: 1.5;
    padding: 0.75em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.chatbox1 .chat-online {
    position: relative;
}

.chatbox1 .chat-online:after {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background: #00E700;
    right: -7px;
    top: 75%;
    border-radius: 50%;
}

.chatbox1 .chatbox__form1 {
    display: flex;
}

.chatbox1 .chatbox__form-input1 {
    border: none;
    color: #222;
    font-size: 0.9rem;
    font-weight: 300;
    padding: 1.25em 1em;
    width: 100%;
}

.chatbox1 .chatbox__form-input1:focus {
    border: none !important;
    outline: none;
}

.chatbox1 .chatbox__form-input1:required {
    box-shadow: none;
}

.chatbox1 .chatbox__form-submit {
    background: none;
    border: none;
    color: #aaa;
    padding: 1em;
}

.chatbox1 .btn-chat-box {
    background: #23255D;
    padding: 5px 8px;
    color: white;
    font-size: 12px;
}

.chatbox1 .btn-chat-box:hover {
    background: transparent;
    color: #23255D;
    border: 1px solid#23255D;
}

.chatbox1 button:focus {
    outline: none;
}

@media screen and (max-width: 760px) {
    .chatbox1 {
        width: 14.5em;
        z-index: 99999;
        border-radius: 10px;
    }
    .chatbox1 .chatbox__display-default {
        display: flex;
        flex-direction: column;
    }
    .chatbox1 .width-60 {
        width: 100%;
    }
    .chatbox1 .width-40 {
        width: 100%;
        margin-top: 10px;
    }
}