/*body{*/
    /*font-family: 'Poppins', sans-serif !important;*/
/*}*/
/*  floorplan*/
.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 .fplan-box{

}
.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.5% 0;
}
.exhibition-mailhall .booth-image{
    position: relative;
}
.exhibition-mailhall img{
    width: 100%;
    height: auto;
}
.exhibition-mailhall .heading-box{
    width: 26.9%;
    height: 12%;
    position: absolute;
    top: 10%;
    left: 36.6%;
    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 .sponser1-silver1{
    width: 8%;
    height: 13%;
    position: absolute;
    top: 63%;
    left: 4.7%;
    /* /* border: 1px solid red; */
}
.exhibition-mailhall .sponser1-gold1{
    width: 18.2%;
    height: 23%;
    position: absolute;
    top: 76%;
    left: 13.3%;
    /* /* border: 1px solid red; */
}
.exhibition-mailhall .sponser1-gold1 .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: -80% !important;
    left: 0;
    font-size:1vw ;
}
.exhibition-mailhall .sponser1-silver2{
    width: 9.2%;
    height: 12.8%;
    position: absolute;
    top: 63%;
    left: 30.3%;
    /* border: 1px solid red; */
}
.exhibition-mailhall .sponser1-platinum{
    width: 16.2%;
    height: 29.7%;
    position: absolute;
    top: 68%;
    left: 41.4%;
    /* border: 1px solid red; */
}
.exhibition-mailhall .sponser1-platinum .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: -60% !important;
    left: 0;
    font-size:1vw ;
}
.exhibition-mailhall .sponser1-silver3{
    width: 9.2%;
    height: 13.8%;
    position: absolute;
    top: 63%;
    left: 60.8%;
    /* border: 1px solid red; */
}
.exhibition-mailhall .sponser1-gold2{
    width: 18.2%;
    height: 23%;
    position: absolute;
    top: 76%;
    left: 70.8%;
    /* border: 1px solid red; */
}
.exhibition-mailhall .sponser1-gold2 .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: -80% !important;
    left: 0;
    font-size:1vw ;
}
.exhibition-mailhall .sponser1-silver4{
    width: 8.8%;
    height: 14%;
    position: absolute;
    top: 63%;
    left: 87.3%;
    /* border: 1px solid red; */
}
.exhibition-mailhall .tooltips {
    border-bottom: 1px dotted black;
}
.exhibition-mailhall .tooltips img{
    width: 80px;
    height: 80px;
    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;
    padding: 2% 5%;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -120%;
    left: 0;
    font-size:1vw ;
}

.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 */


/*New Lobby*/
.lobby-screen{
    width: 100%;
    height: auto;
    padding: 1% 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{

}
.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;
}
.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%;
    margin:10px auto !important;
}
.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 ;
}

.back-btn-div{
    margin: 0 0 0 0;
    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: #fff;
    /* change if the mask should have another color then white */
    z-index: 99999999999;
    /* makes sure it stays on top */
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    /* centers the loading animation horizontally one the screen */
    top: 50%;
    /* centers the loading animation vertically one the screen */
    background-image: url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif);
    /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    /* is width and height divided by two */
}

/*Webinar video*/
.webinar1 {
    background-size: cover;
    position: absolute;
    left: 79.6%;
    cursor: pointer;
    width: 8.1%;
    /* border: 1px solid black; */
}
.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: 68%;
    height: 71%;
    position: absolute;
    top: 16.5%;
    left: 16%;
}
/*Webinar Schedule*/
.webinar-schedule{
    margin: 1% 0;
}
.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: #23255d;
    padding: 0.5% 1%;
    color: white;
    font-size: 1.2vw;
    margin: 0 !important;
    border:1px solid #23255d;
}
.btn-heading:hover{
    background: transparent;
    color: #23255d;
    border:1px solid #23255d;
}

/*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;
    }

}