@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500&display=swap');

.clrfix{ clear:both}

* {
    box-sizing: border-box;
}

html,
body,
h1,
h3,
h4,
h6,
label,
span,
ul,
li,
ol,
p,
a {
    margin: 0;
    padding: 0;
}

body {
    font-family:'Roboto Slab', 'Roboto', sans-serif;
    font-size: 16px;  background: url("https://img.tradeindia.com/new_website1/tradeshowslandingpage/labhgroup/bg.jpg") #1f1f1f center top  no-repeat ; background-size:100%; background: 
}

ul,
li,
ol {
    list-style: none;
}

a {
    text-decoration: none;
    color: #333;
}

img {
    max-width: 100%;
}

.d-flex {
    display: flex; 
}

.flex-wrap {
    flex-wrap: wrap;
}

.align-items-center {
    align-items: center;
}

.justify-content-between {
    justify-content: space-between;
}

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


.container h3 {font-size:32px; padding: 0 0 10px 0; text-align: center
  
}



.img{
  
    padding:0px 0px 0 0px;  border-radius: 8px; margin: 10px 0 0 5px; border: solid 1px #5C5C5C

}



.d-block {
    display: block;
}

.d-inline-block {
    display: inline-block;
}

.d-flex {
    display: flex;
}

.w-100 {
    width: 100%;
}

.align-items-center {
    align-items: center;
}

.align-items-start {
    align-items: flex-start;
}

.align-items-end {
    align-items: flex-end;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-between {
    justify-content: space-between;
}

.justify-content-around {
    justify-content: space-around;
}








body.bg-overlay {
    overflow: hidden;
}


/* Home Page CSS starts Here */

header {
    display: block;
    width: 100%;
   
    padding: 0px 0;
	z-index: -99;
}



header .register {
    float: left;
    width: auto; 
	background: #2bae60; padding:14px 30px; color: #fff; text-transform: uppercase; border-radius: 40px;
border-top-right-radius: 0;
		
}
header .register a{
    color: #fff; 
		
}
header .register:hover{
    color: #fff; background: #000000
		
}


.logo {
    float: left;
    width: auto; 
	padding:20px 20px 10px 0px; width:100%; display: block
}

.logo a {
    display: block;
    width:18%;
}

.logo a img {
    display: inline-block;
}




/* Banner CSS starts here */
.banner {
    display: block;
    width: 100%; padding:30px 0 70px 0; text-align: center; color: #FFFFFF;  float: left
}


.banner-txt {width: 43%; float: left;}
.banner-main {width: 57%; float: right;}
.banner-main  {width: 57%; float: right;}




.txt1 {font-size:56px; line-height:68px; display: block ;  text-align: left;  padding: 0 0 15px 0; color:#0578bb; font-weight: 400
   
}
.txt {font-size: 44px; line-height:52px; display: block; letter-spacing: 1px; text-align: left; color: #f2efea}

.txt ul {
    display: block;
    width: 100%;
    padding: 15px 0 0 0px;
}

.txt li {
    
    width: 100%;
   
    list-style: disc;
    margin: 0 0 8px 0;
	list-style: none;
	   height: 48px; padding-left: 60px; padding-top: 10px; display: block  
        
}



.txt ul li {
    background: url("https://img.tradeindia.com/new_website1/tradeshowslandingpage/labhgroup/icon.png") no-repeat ; height: 38px; padding-left: 34px; padding-top: 0px; display: block 
}






.txt ul li a {
    color: #000; }

.txt a {
    display: inline-block;
    background: #e21d24;
    color: #000;
    font-weight: 500;
    padding: 10px 25px;
    font-size: 18px;
    margin: 14px 0 0 0px;
    border-radius: 25px;
}




.but {width: 36%; float: left}
.but ul{margin:0px; padding: 0px; width: 100%; }
.but li{width:100%; background: #0a7bbd; display: block; list-style:none; margin:10px 0 0 0px; padding:14px 0; border-radius: 4px; float: left}
.but li a {font-size:20px; color:#fff; list-style:none; margin:0px; padding: 0px}
.but li:hover {background: #030303}
.banner img {
    display: block;
    width: 100%;
}

/* Banner CSS ends here */




/* punch Section CSS start here */
.punch {width: 100%; padding: 30px; text-align: center; background: #fcb913; float: left; font-size:45px; color: #fff; line-height: 50px; }



/* punch Section CSS Ends here */









/* Info Section CSS starts here */
.info {
    display: block;
    width: 100%;
    padding:50px 0 50px 0;
     float: left; background: #f4f4f4 
}

.info .cards {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.info .cards .card {
    width: 32%;
    text-align: center;
   
    padding: 25px 15px; 
}

.info .cards .card .img-section {
    display: block;
    width: 100%;
    text-align: center;
}

.info .cards .card .img-section img {
    display: inline-block;
}

.info .cards .card label {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0 15px 0; color: #1897f8; font-weight:200
}

.info .cards .card p {
    display: block;
    width: 100%;
    color: #434343;	
    line-height: 27px;
    margin: 0 0 20px 0; font-weight:100
}

.info .cards .card a {
    display: inline-block;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    color: #000;
}

.info .cards .card a:hover {
    text-decoration: underline;
}

/* Info Section CSS Ends here */

/* Clients Section CSS starts Here */
.clients {
    display: block;
    width: 100%;
    text-align: center;
    padding: 15px 0;
	background: #ff0000
}

.clients h3 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 0 45px 0;
}

.clients ul {
    display: block;
    width: 100%;
    text-align: left;
}

.clients ul li {
    display: inline-block;
    width: 24%;
    text-align: center;
    margin: 0 0 25px 0;
}

.clients ul li a {
    display: inline-block;
    box-shadow: 2px 2px 10px #b9b9b9;
    border-radius: 5px;
}

.clients ul li a img {
    display: block;
}

/* Clients Section CSS Ends Here */

/* Features Section CSS starts Here */
.features {
    display: block;
    width: 100%;
    padding:60px 0 80px 0;
    background: #fff;
	float: left
}

.features h3 {
    display: block;
    width: 100%;
    font-size: 32px;
    margin: 20px 0 0px 0; line-height: 40px; color: #0b7bbb; text-align: left;
}

.features .content-section {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
}

.features .content-section .content {
    display: block;
    width: 54%; float: right
}
.features .content-section .content .txt { font-size:18px; line-height: 28px}

.features .content-section .content ul {
    display: block;
    width: 100%;
    padding: 15px 0 0 0px; font-size: 17px
}

.features .content-section .content li {
    
    width: 100%;
   
    list-style: disc;
    margin: 0 0 20px 0;
	list-style: none;
	 height: 48px; padding-left: 60px; padding-top: 10px; display: block  
        
}




.features .content-section .content ul li a {
    color: #fff; 
}




.features .content-section .content a {
    display: inline-block;
    background: #e21d24;
    color: #fff;
    font-weight: 500;
    padding: 10px 25px;
    font-size: 18px;
    margin: 14px 0 0 0px;
    border-radius: 25px;
}

.features .content-section .booth-img {
    width:41%; float: left;
}




.features .content-section .content ul li {
   background: url("https://img.tradeindia.com/new_website1/tradeshowslandingpage/labhgroup/icon.png") no-repeat ; height: 28px; padding-left:34px; padding-top:0px; display: block; font-weight:200 
}

.features .content-section .content ul li a {
    color: #fff; 
}







.container1 {
    max-width: 100%;
    padding:0px 0px 0 0px;
    margin: 0 auto;
    width: 100%; 
}















.footer {
    display: block;
    width: 100%;
    background: #ffffff;
    padding: 25px 0 0 0;
}

.footer .footer-logo {
    display: block;
    width: 100%;
    text-align: left;
    margin: 0 0 20px 0;
}

.footer .footer-logo span {
    display: block;
    width: 100%;
    font-size: 24px;
    margin: 0 0 20px 0;
}

.footer .footer-logo a {
    display: inline-block;
    width: auto;
}

.footer .footer-content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.footer .footer-content .date-time {
    display: block;
    width: 37%;
    color: #fff; border-right: solid 1px #C1C1C1
}

.footer .footer-content .date-time ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer .footer-content .date-time ul li {
    display: block;
    width: 50%;
    margin: 0 0 4px 0;
    padding: 0 0 0 22px;
}

.footer .footer-content .date-time ul li:first-child {
    background: url(https://tiimg.tistatic.com/new_website1/vpei/date-icon.png) no-repeat left center;
}

.footer .footer-content .date-time ul li:nth-child(2) {
    background: url(https://tiimg.tistatic.com/new_website1/vpei/mail-icon.png) no-repeat left center;
}

.footer .footer-content .date-time ul li:nth-child(3) {
    background: url(https://tiimg.tistatic.com/new_website1/vpei/clock-icon.png) no-repeat left center;
}

.footer .footer-content .date-time ul li:last-child {
    background: url(https://tiimg.tistatic.com/new_website1/vpei/call-icon.png) no-repeat left center;
}

.footer .footer-content .date-time ul li a {
    color: #fff;
}

.footer .footer-content .date-time ul li a:hover {
    text-decoration: underline;
}

.footer .footer-content .date-time .location {
    display: inline-block;
    width: 71%;
    margin: 15px 0 0 0;
    padding: 0 0 0 25px;
    background: url(https://tiimg.tistatic.com/new_website1/vpei/location-icon.png) no-repeat top left;
    background-position-y: 3px;
}

.footer .footer-content .links-section {
    display: block;
    width: 30%;
    color: #fff;
}

.footer .footer-content .links-section h4 {
    display: block;
    width: 100%;
    font-size: 24px;
}

.footer .footer-content .links-section ul {
    display: block;
    width: 100%;
    text-align: left;
    margin: 10px 0 0 0;
}

.footer .footer-content .links-section ul li {
    display: list-item;
    width: 100%;
    margin: 0 0 10px 0;
    list-style: inside;
}

.footer .footer-content .links-section ul li a {
    display: inline-block;
    color: #fff;
    font-size: 15px;
}

.footer .footer-content .links-section ul li a:hover {
    text-decoration: underline;
}

.footer .footer-content .follow-link {
    display: block; width: 60%;
   
    color: #000; text-align: left; padding: 10px 0; font-weight: 100;
}

.footer .footer-content .follow-link a{
  
    color: #fff; 
}


.footer .footer-content .follow-link h4 {
    display: block;
    width: 100%;
    font-size: 24px;
    margin: 0 0 15px 0;
}

.footer .footer-content .follow-link ul {
    display: block;
    width: 100%;
}

.footer .footer-content .follow-link ul li {
    display:inline-block;
    width: 15%;
    margin: 0 0 10px 0;
}

.footer .footer-content .follow-link ul li a {
    display: inline-block;
}

.footer .footer-content .follow-link ul li a img {
    display: inline-block;
    vertical-align: middle;
}

.footer .footer-content .follow-link ul li a span {
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    font-size: 14px;
    margin: 0 0 0 5px;
}

.footer .footer-content .follow-link ul li a:hover img {
    
}

.footer .footer-content .follow-link ul li a:hover span {
    color: #999;
}

.footer-end {background: #0a7bbd; padding:20px}


.term{color: #fff; float: left; font-weight: 100 }

.term-link{color: #fff; float: right; font-weight: 100 }

.term-link a{color: #fff;  }



/* Schedule Meeting CSS starts Here */
.schedule-meeting-section {
    padding: 0px; background: #fcb913; margin:0; float: left; display:flex; width: 100%
}

.form-banner {float: left; padding: 0px; margin: 0px; width: 40%}
.form-banner img { padding: 0px; margin: 0px; display: block }

.form-submit {width: 52%; float: left; padding: 0 5%; margin: 0px;}

* {box-sizing: border-box;}

h4 {color: #425261; padding: 50px 0 0 0; font-size: 34px}

.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;

}

.icon {
  padding: 12px;
  background:#005b90;
  color: #fdb813;
  min-width: 50px;
  text-align: center; margin:20px 0 0  0px; float: left; font-size: 24px}

.input-field {
  width: 85%;
  padding: 16px;
  outline: none;
	border: none;
	margin:20px 0 0 0; float: left;
}  width: 85%;
  padding: 16px;
  outline: none;
	border: none;
	margin:20px 0 0 0; float: left;
}

.input-field:focus {

}

/* Set a style for the submit button */
.btn {
  background-color:#0a7bbd;
  color: white;
  padding: 20px 20px;
  border: none;
  cursor: pointer;
  width: 40%;
  opacity: 0.9;
	margin:20px 0 0; font-weight: bold; font-size: 20px
}

.btn:hover {
  opacity: 1;
}





/* Schedule Meeting CSS ends Here */

/* Responsive CSS starts here */
@media screen and (max-width: 1024px) {
    .footer .footer-content .links-section {
        width: 22%;
    }
}

/* responsive css for max-width: 768px */
@media screen and (max-width: 768px) {
    .footer .footer-content .date-time {
        width: 100%;
        margin: 0 0 0px 0;
    }

    .footer .footer-content {
        justify-content: flex-start;
    }

    .footer .footer-content .links-section {
        width: 50%;
    }

    .hamburger-menu {
        display: flex;
        width: 35px;
        height: 100%;
        flex-flow: column;
        justify-content: space-between;
    }

    .hamburger-menu span {
        display: block;
        width: 100%;
        background: #434343;
        height: 3px;
        margin: 4px 0;
        border-radius: 30px;
    }

    .black-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        z-index: 9990;
        display: none;
    }

    header .menu ul {
        display: block;
        width: 250px;
        position: fixed;
        top: 0;
        right: -100%;
        background: #fff;
        height: 100vh;
      
        padding: 0;
        transition: all ease 0.5s;
        z-index: 9999;
    }

    header .menu ul.show {
        right: 0;
        transition: all ease 0.5s;
		ba
    }

    header .menu ul li {
        display: block;
        width: 100%;
        padding: 0;
    }

    header .menu ul li a {
        padding: 15px 12px;
        border-bottom: 1px solid #c5c5c5; color: #000000
    }

    header .menu ul li:last-child {
        padding: 0 10px;
    }

    header .menu ul li a.register-btn {
        margin: 10px 0 0 0;
        text-align: center;
    }

    .timer-section {
        padding: 20px;
    }

    .timer-section .date strong {
        font-size: 28px;
    }

    .timer-section .date a {
        font-size: 20px;
    }

    .timer .event-date .running timer span {
        font-size: 34px;
    }

    .info {
        padding: 50px 0;
    }

    .info .cards .card {
        padding: 25px 5px;
    }

    .info .cards .card p {
        text-align: justify;
    }

    .clients {
        padding: 30px 0;
    }

    .clients ul li {
        width: 32%;
    }

}

/* responsive css for max-width: 480px */
@media screen and (max-width: 480px) {
	
	.term {width: 100%; text-align: center}
	.term-link{width: 100%; text-align: center}
	
	.txt1 {font-size: 34px; line-height: 38px}
	.txt {font-size: 34px; line-height: 38px}
	.punch { font-size: 34px; line-height: 38px }
	
	.form-submit {width: 100%; margin: 0px;}
	.form-banner {display: none}
	
	.input-field {
  width: 81.5%;

}
	
	
	
	header {
   
   
    padding: 0px 0;
	
}
	.banner-txt {width: 100%; }
		header .logo { width: 100%; text-align: center; float: none; margin: 0 auto;
}
	header .register {
  
  display: none
	
		
}
	.banner-main {display: none}
	
	.button { width: 42%}
	
	.booth ul{width: 100%; }

.banner {
    display: block; width: 100%; padding:0px 0 30px 0; text-align: center; color: #0000;  float: left}


.but {width: 100%; margin: 0 auto; }

.but li{width:100%;  margin:10px 0 0 0px; padding:14px 0; }

	
	
	.date-time-section .timer {
  width: 100%;

}
	.date-time-section .content {
  width: 100%;
  
}
	

	
	
    .container {
        padding: 0 10px;
    }

    .footer {
        padding: 20px 0;
    }

	.footer .footer-content .date-time {border: none}
	
	
    .footer .footer-content .date-time ul li {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .footer .footer-content .date-time .location {
        width: 100%;
        margin: 0px 0 0 0;
    }

    .footer .footer-content .links-section {
        width: 100%;
        padding: 0 0 0 22px;
    }

    .footer .footer-content .follow-link {
        width: 100%;
        padding: 20px 0 0 23px;
    }

    .terms-condition-section {
        padding: 10px 0;
    }

    .terms-condition-section .terms-condition-content {
        flex-wrap: wrap;
    }

    .terms-condition-section .terms-condition-content .left-section {
        width: 100%;
        text-align: center;
        margin: 0 0 10px 0;
    }

    .terms-condition-section .terms-condition-content .right-section {
        width: 100%;
        text-align: center;
    }

    .terms-condition-section .terms-condition-content .right-section ul li {
        margin: 0 10px;
    }

    .timer-section {
        padding: 10px;
    }

    .timer-section .date {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .timer {
        width: 100%;
    }

    .timer .event-date .running timer span {
        font-size: 24px;
    }

    .timer .event-date .running .labels span {
        font-size: 14px;
    }

    .info .cards {
        flex-wrap: wrap;
    }

    .info .cards .card {
        width: 100%;
        margin: 0 0 0px 0;
        padding: 25px 10px;
    }
	
	
	.visitors-section ul {
  column-count: 1;
}
	
		.visitors-section1 ul {
  column-count: 1;
}
	
	
	.visitors-section2 .cards {flex-wrap: wrap; display: block; width: 100%}
	
	.visitors-section2 .cards .card {  width: 100%}
	.visitors-section  .cards {
flex-wrap: wrap
}
	
	.visitors-section  .cards .card  {
  width: 100%;
        margin: 0 0 0px 0;
        padding: 25px 10px;
}


.exhibitor .exhs {
    flex-wrap: wrap;
 
}

.exh.exhs .exh {
    width: 100%;
 margin: 20px 0 0 0 !important
}


	
	
	
	
	
	
	
	
	

    .clients h3 {
        font-size: 30px;
        margin: 0 0 25px 0;
    }

    .clients ul li {
        width: 46%;
        margin: 0 5px 25px;
    }

    .features {
        padding: 30px 0;
    }

    .features h3 {
        font-size: 26px;
        text-align: left;
    }

    .features .content-section .content {
        width: 100%;
    }

    .features .content-section .content ul li {
        font-size: 15px;
  
		
		
    }
	

	

    .features .content-section .booth-img {
        width: 100%;
        margin: 30px 0 0 0;
    }

    .footer .footer-content .links-section {
        padding: 0;
    }

    .footer .footer-content .follow-link {
        padding: 20px 0 0 0px;
    }

    .schedule-meeting-section .form-section form.registration-form {
        width: 100%; background: #fff; margin: 20px 0 0 0
    }

    .row {
        flex-wrap: wrap;
    }

    .row .form-group {
        width: 100%;
    }

}

/* Responsive CSS ends here */