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

html, body{
	padding: 0;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
	color: #333333;
	overflow-x: hidden;
}
body{
	padding-top: 110px; /*padding-top: 150px;*/

}
.desktop{
	display: block;
}
.mobile{
	display: none;
}

.wrapper{
	margin: 0;
	padding: 0;	
}

.container {
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

/****************** Header *****************/
header{
	display:block;
	background: #FFFFFF;
	position: fixed;
	width: 100%;
	margin-top: -110px; /*margin-top: -150px;*/
	z-index: 999; /*z-index: 999999;*/
	box-shadow: 0 5px 10px rgba(0,0,0,0.25);
}
.navbar{
	justify-content: space-between;
	align-items: center;
	padding: 0;
}
.logo .navbar-brand img{
	max-width: 450px;
}
.navbar-menus{
	font-size: 14px;
	font-weight: 500;
}
.navbar-menus .navbar-nav{
	height: 110px; /*height: 150px;*/
}
.navbar-menus .navbar-nav .nav-item{
	position: relative;
}
.navbar-menus .navbar-nav .nav-link{
	padding: 1rem;
	padding: 0 25px !important; /*padding: 63px 25px !important;*/
	text-transform: uppercase;
	position: relative;
	text-align: center;
	display: flex;
	height: 100%;
	align-items: center;
}
.dropdown-menu{
	font-size: 16px;
	font-weight: 500;
	padding: 0;
}
.navbar-menus .navbar-nav .nav-link.dropdown-toggle::after{
	display: none;
}
.navbar-menus .navbar-nav .nav-link:hover,
.navbar-menus .navbar-nav .nav-item.active .nav-link,
.nav-item.dropdown:hover{
	background: #c62927;
	color: #FFFFFF !important;
}
.navbar-menus .navbar-nav .nav-item.dropdown:hover .nav-link:after{
	display: block;
	content: "";
	position: absolute;
	background : url(../images/icon-arrow-up.png) center bottom no-repeat;
	width: 100%;
	height: 9px;
	left: 0;
	bottom: 0;
	margin: 0;
	border: none;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #c62927;
}
.navbar-menus .navbar-nav .nav-link.red-active{
	color: red;
}


.banner-area{
	/*height: calc(100vh - 150px);*/
	height: 510px;
	background: #FFFFFF;
	display: flex;
	flex-direction: column;
	position: relative;
}

.sponsors-main{
	display: flex;
}

.sponsors{
	width: 170px;
	position: absolute;
	/*height: 95%;*/
  z-index: 99; /*z-index: 99999;*/
  margin: 1% 0;
	background: rgba(198,44,39,0.25);
	border-radius: 0 20px 20px 0;	
	padding: 10px;
	top: 0;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.sponsors .sponsors-innr{
	border-bottom: 1px solid rgba(0,0,0,0.25);
	/* margin-bottom: 10px; */
	padding: 5px 0;
	/*display: flex;
    flex-direction: column;
	align-items: center;*/
	text-align: center;
}
.sponsors .sponsors-innr:last-child {
    border-bottom: none;
}
.sponsors-innr-logos{
	position: relative;
}
.sponsors-title{
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
}
.sponsors .sponsors-innr .sponsors-link{
	/*width: 130px;
	height: 130px;
	border-radius: 50%;
	background: #FFFFFF;
	border: 1px solid #999999;
	padding: 10px;
	display: flex;
	align-items: center;
	text-align: center;*/
	margin-bottom: 10px;
	display: block;
}

.slide2-sponsors-link img{
	width: 100%;
}

/*Sponsors-Right*/
.sponsors-right{
	width: 170px;
	position: absolute;
	/*height: 95%;*/
  	z-index: 99; /*z-index: 99999;*/
  	margin: 1% 0;
	background: rgba(198,44,39,0.25);
	border-radius: 20px 0 0 20px;	
	padding: 10px;
	top: 0;
	right: 0;
}
.sponsors-right .sponsors-innr{
	border-bottom: 1px solid rgba(0,0,0,0.25);
	/* margin-bottom: 10px; */
	/*display: flex;
    flex-direction: column;
	align-items: center;*/
	text-align: center;
}
.sponsors-right .sponsors-innr:last-child {
    border-bottom: none;
}
.sponsors-innr-logos{
	position: relative;
}
.sponsors-title{
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	padding: 5px 0 0 0;
}
.sponsors-right .sponsors-innr .sponsors-link{
	/*width: 130px;
	height: 130px;
	border-radius: 50%;
	background: #FFFFFF;
	border: 1px solid #999999;
	padding: 10px;
	display: flex;
	align-items: center;
	text-align: center;*/
	margin-bottom: 10px;
	display: block;
}
/* .sponsors .sponsors-innr:nth-child(3){
	border: 0;
} */
.sponsors .sponsors-innr:nth-child(8n) {
    border-bottom: 0;
}

.slide2-sponsors-link img{
	width: 100%;
}

.banner-crausel,
.banner-crausel-right{
	height: 160px;
}
.banner-crausel .sponsors-innr,
.banner-crausel-right .sponsors-innr{
	border-bottom: 0;
}

.sponsors-right .sponsors-innr:nth-child(2n){
	border-bottom: 0;
}
.sponsors-right .sponsors-innr:nth-child(2){
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}




.sponsors-link1 img,
.sponsors-link2 img,
.sponsors-link3 img,
.sponsors-link4 img,
.sponsors-link5 img {
	width: 120px;
}



/*************** carousel *********************/
.carousel{
	width: 100%;
	height: 100%;
}
.carousel-inner, .carousel-item{
	height: 100%;
}
.slide1{
	background: url(../images/slide1-bgimg.jpg) center center no-repeat;
	background-size: cover;
}
.slide2{
	background: url(../images/slide2-bgimg.jpg) center center no-repeat;
	background-size: cover;
}
.slide3{
	background: url(../images/slide3-bgimg.jpg) center center no-repeat;
	background-size: cover;
}
.carousel-caption{
    display: flex;
    flex: 1;
    /* width: 100%; */
    height: 100%;
    /*align-items: center;*/
    justify-content: center;
	text-align: center;
}
.carousel-caption-innr {
	display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
}
.carousel-caption .carousel-caption-innr h2,
.carousel-caption .carousel-caption-innr h3{
	color: #666666;
	text-transform: uppercase;
	text-shadow: 0 5px 10px rgba(255,255,255,0.5);
}
.carousel-caption .carousel-caption-innr h2{
	font-size: 2.5rem;
	font-weight: 700;	
}
.carousel-caption .carousel-caption-innr h3{
	font-size: 1rem;
}
.carousel-caption .carousel-caption-innr h3 i{
	color: #c62927;
}
.carousel-caption .carousel-caption-innr h3 i:nth-child(2){
	margin-left: 30px;
}
/*.carousel-caption .carousel-caption-innr .days-countdown{
	width: 390px;
	height: 90px;
	background: purple;
}*/
.btm-arrows{
	display: flex;
	align-items: center;
	justify-content: center;
}
.carousel-control-next, .carousel-control-prev{
	top: inherit;
	bottom: 30px;
    width: 49%;	
    display: block;
}
.carousel-control-prev{
	/*justify-content: flex-end;*/
	text-align: right;
}
.carousel-control-next{
	/*justify-content: flex-start;*/
	text-align: left;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 50px;
  width: 50px;
  outline: black;
  background: none !important;
}

.carousel-control-next-icon:after{
  content: '\f054';
  font-family: FontAwesome;
  font-size: 2rem;
  color: #000000;
}

.carousel-control-prev-icon:after {
  content: '\f053';
  font-family: FontAwesome;
  font-size: 2rem;
  color: #000000;
}

.carousel-item.slide1 .carousel-caption-innr,
.carousel-item.slide2 .carousel-caption-innr{
	margin-top: 60px;
}



.carousel-item.slide2 ul{
	padding: 0;
    margin: 0 auto;
    list-style: none;
    /*width: 80%;*/
}
.carousel-item.slide2 ul li{
	padding: 0; 
    margin: 10px;
    width: 200px;
    border: 1px solid #999999;
    background: #FFFFFF;
    padding: 10px;
    display: inline-block;
}
.carousel-item.slide2 ul li img{
	width: 100%;
}


.carousel-item.slide2 .supporting-associations-logos{
	display: flex;
	justify-content: center;
	align-items: center;
}

.carousel-item.slide2 .logo{
	background: #FFFFFF;
	border: 1px solid #999999;
	border-radius: 10px;
	padding: 10px;
	text-align: center;
	margin: 10px;
}

/************** countdown *****************/
#countdown{
	/*display: flex;
    justify-content: space-around;
    align-items: center;*/
    padding: 0;
    margin: 0;
	
}
#countdown .days, #countdown .hours, #countdown .minutes, #countdown .seconds{
	width: 90px;
	height: 90px;
	display: inline-block;
	/*display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;*/
	/*border: 5px solid #008dcd;*/
	/*border-radius: 50%;*/
	margin: 0 10px;
	line-height: 1.5rem;
	color: #000;
	padding-top: 25px;
}
#countdown .days{	
	/*background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23008DCDFF' stroke-width='10' stroke-dasharray='100%25%2c 10%25' stroke-dashoffset='25' stroke-linecap='butt'/%3e%3c/svg%3e");*/
	background: url("../images/countdown-days.png") no-repeat center center;
}
#countdown .hours{	
	/*background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23FFCF4AFF' stroke-width='10' stroke-dasharray='100%25%2c 10%25' stroke-dashoffset='50' stroke-linecap='butt'/%3e%3c/svg%3e");*/
	background: url("../images/countdown-hours.png") no-repeat center center;
}
#countdown .minutes{	
	/*background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%2300C1C1FF' stroke-width='10' stroke-dasharray='100%25%2c 10%25' stroke-dashoffset='75' stroke-linecap='butt'/%3e%3c/svg%3e");*/
	background: url("../images/countdown-minutes.png") no-repeat center center;
}
#countdown .seconds{	
	/*background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23FF6386FF' stroke-width='10' stroke-dasharray='100%25%2c 10%25' stroke-dashoffset='100' stroke-linecap='butt'/%3e%3c/svg%3e");*/
	background: url("../images/countdown-seconds.png") no-repeat center center;
}
#countdown .days span, #countdown .hours span, #countdown .minutes span, #countdown .seconds span{
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 1rem;
}
#countdown .days p, #countdown .hours p, #countdown .minutes p, #countdown .seconds p{
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	font-size: 0.6rem;
}


section{
	display: block;
	padding: 50px 0;
}

section h2{
	font-size: 48px;
	font-weight: 500;
	padding: 0;
	margin: 0;
	margin-bottom: 50px;
}

.why-chemExpo-india{
	background: #f0dad9;
}

.icon-venue{
	padding: 20px 20px 20px 70px;
	display: flex;
    align-items: center;
	border-bottom: 1px solid #f4f4f4;
	margin-bottom: 0;
}
.icon-venue:nth-last-child(1){
	border-bottom: none;
}
.icon-venue:before{
	content: "";
	position: absolute;
	width: 50px;
	font-family: FontAwesome;
	font-size: 2rem;
	color: #c62927;
	left: 10px;
    text-align: center;
}
.address:before{
	content: '\f041';
}
.date:before{
	content: '\f073';
}
.visitors:before{
	content: '\f007';
}
.fees:before{
	content: '\f156';
}

.country{
	font-size: 1.5rem;
	font-weight: 800;
	color: #c62927;
	text-transform: uppercase;	
}
.country:after {
    content: "";
    position: absolute;
    width: 20%;
    height: 10px;
    background: #148d49;
    right: 15px;
    top: 17px;
}

.footer-top{
	background: #e5f8ff;
	padding: 10px 0;
	font-size: 16px;
		
}
.footer-top .footer-top-lft{
	border-right: 1px solid #b8c7cc;
	padding-right: 30px;
}
.footer-top .footer-top-lft .footer-top-logo{
	width: 300px;
}
.footer-top .footer-top-lft p{
	margin-bottom: 0.5rem;
}
.footer-top .footer-top-lft h5{
	margin-bottom: .2rem;	
}

.footer-top .footer-top-lft .social-icons{
	margin-top:10px; /*margin: 20px 0;*/
}
.footer-top .footer-top-lft .social-icons a{
	margin-right: 5px;
	width: 30px;
	height: 30px;
}

.footer-top .footer-top-rgt{
	padding-left: 30px;
}
.footer-top-lft-contact{
	float: left;
	width: 100%;
}
.footer-top .footer-top-rgt h5{
	text-align: center;
	margin-bottom: 20px;
}
.footer-top .footer-top-rgt a{
	font-size: 14px;
}
.footer-top .footer-top-rgt a img{
	width: 60px;
}

footer{
	background: #c62927;
	padding: 10px 0;
	font-size: 14px;
	font-weight: 300;
	color: #FFFFFF;	
}
footer a{
	color: #FFFFFF;	
	text-decoration: underline;	
}
footer a:hover{
	color: #FFFFFF;
	text-decoration: underline;	
}


::-webkit-input-placeholder { /* Edge */
  color: red;
}

:-ms-input-placeholder { /* Internet Explorer */
  color: red;
}

::placeholder {
  color: red;
}

.media-partner{
	display: flex;
  flex-wrap: wrap;
}
.media-partner a{
	display: flex;
	flex:  1;
	justify-content: center;
	align-items: center;
    margin: 20px;
}

.alphabets{
	background: #bfd6f1;
	border-radius: 20px;
	padding: 5px 20px;
	margin: 20px 0;
	display: flex;
	justify-content: space-around;
}
.alphabets a.selected{
	color: #ff3300;
	font-weight: bold;
}

.table-confirmed-exhibitors{
	margin: 0;
}

.table-confirmed-exhibitors td, .table-confirmed-exhibitors th{
	vertical-align: middle;
	height: 50px;
	border-top: 1px solid #FFFFFF;
	background-color: rgba(0,0,0,.050);
}
.table-confirmed-exhibitors thead th {
    vertical-align: middle;
    border-bottom: 2px solid #FFFFFF;
}
.table-confirmed-exhibitors .label-new{
	position: relative;
}
.table-confirmed-exhibitors .label-new::before{
	content: " ";
	position: absolute;
	width: 47px;
	height: 47px;
	background: url(../images/label-new.png) no-repeat center center;
	top: 0;
	left: 0;
}
.table-confirmed-exhibitors img {
    width: auto;
}

.nodata{background: #f2eded;}


/* Testimonial */


.testimonials-videos{
	display: flex;
	flex-flow: wrap;
}
.video-main{
	display: flex;
	flex-direction: column;
	flex: 0 0 23%;
    margin: 25px 1% 25px 1%;
}
.video-main .video{
	margin-bottom: 10px;
	position: relative;
}
.video-main .video::after{
	content: '';
    position: absolute;
    left: 40%;
    top: 30%;
    display: flex;
    /* flex: 1; */
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    background: url(../images/btn-play.png) no-repeat center center;

}
.video-main .video img{
	width: 100%;
}
.video-text{
	font-size: 1rem !important;
}
.video-text h6{
	margin: 0;
	font-weight: 800;
}

.testimonials-photos .carousel-control-next,
.testimonials-photos .carousel-control-prev {
    top: 0;
    bottom: 0;
    width: 15%;
    display: flex;
    text-align: center;
}

.testimonials-modal .modal-dialog {
	padding-top: 100px;
}

.testimonials-photos .carousel-control-prev-icon,
.testimonials-photos .carousel-control-next-icon {
     background: #fff !important; 
}

.modal-open .modal{
	z-index: 999999;
}


@keyframes changeColor {
    0% {
        color: #FF0000;
    }
    25% {
        color: #60d394;
    }
    50% {
        color: #08a731;
    }
    75% {
        color: #ffd97d;
    }
    100% {
        color: #0da52e;
    }
}
.changecolor{
     animation: changeColor 1s infinite alternate;
}


/****************** Responsive *****************/
@media all and (min-width: 992px) {
	.logo .navbar-brand img {
		max-width: 320px;
	}
}
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{ color: #fff;  }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}

@media only screen and (max-width: 990px) {
	html{
		overflow-x: hidden;
	}
	body{
		padding-top: 80px;
		overflow-x: hidden;
	}
	.desktop{
		display: none;
	}
	.mobile{
		display: block;
	}
	header{
		margin-top: -81px;
	}
	.logo .navbar-brand img {
		max-width: 200px;
	}
	.navbar{
		height: 80px;
	}
	.navbar-menus {
		position: fixed;
		right: 0;
		top: 30px;
		padding-top: 50px;
	}
	.navbar-toggler, .navbar-toggler.collapsed{
		position:fixed;
		right: 20px;
		top: 10px;	
	}
	.navbar-collapse.collapse{
		z-index: 999999;
    	position: fixed;
		right: 0;
		top: 80px;
		background: #FFF;
		box-shadow: 0 5px 5px rgba(0,0,0,0.5);
	}
	.navbar-menus .navbar-nav {
		height: auto;
	}
	.navbar-menus .navbar-nav .nav-link{
		padding: 20px !important;
		border-bottom: 1px solid #e4e4e4;	
	}
	.dropdown-menu.show{
		background: #e4e4e4;
		margin: 0;
		padding: 0;
		border: none;
		border-radius: none;
	}
	.dropdown-item{
		padding: 10px 20px;
		border-bottom: 1px solid #f2f2f2;
	}
	.navbar-menus .navbar-nav .nav-item.active .nav-link:after,
	.navbar-menus .navbar-nav .nav-link:hover:after{
		display: none;
	}
	
	.banner-area{
		height: calc(75vh - 80px);
	}
	.carousel-caption {
		right: 0;
		left: 0;
	}
	.slide1{
		background-position: 75%;
	}
	.carousel-item.slide2 ul li{
		width: 40%;
	}
	
	.sponsors.mobile{
		display: flex;
		flex-direction: column;
	}
	.sponsors{
		width: 100%;
		position: relative;
		height: auto;
		z-index: inherit;
		margin: auto;
		border-radius: 0;	
		padding: 20px 0;
		margin: 0;
	}
	.sponsors .sponsors-innr{
		border: none;
    	margin: 0;
		align-items: center;
	}
	.sponsors .sponsors-innr .sponsors-link{
		margin: 10px;
		display: inline-block;
	}
	.sponsors.mobile .col-12{
		border-right: 1px solid #999999;
	}
	
	section{
		padding: 50px 0;
	}
	
	section h2{
		margin: 20px 0;
	}
	section img{
		width: 100%;
	}
	.footer-top .footer-top-rgt .col-6{
		text-align: center;
	}

	.media-partner a{
		flex: auto;
	}
	.social-icons img{
		width: 30px;
	}

	.banner-area{
		height: 100%;
	}
	.carousel {
	    height: calc(100vh - 250px);
	}
	.banner-crausel-mobile{
		height: 150px;
	}
	.sponsors-right .sponsors-innr {
	    border: 0 !important;
	}
	

}



@media only screen and (max-width: 767px) {
	.footer-top .footer-top-lft{
		border-right: none;
		border-bottom: 1px solid #b8c7cc;
		padding-right: 15px;
		padding-bottom: 30px;
	}
	.footer-top .footer-top-rgt{
		padding-left: 15px;
		padding-top: 30px;
	}
	
	.footer-top .footer-top-rgt img{
		width: auto;
	}
	.footer-top .footer-top-rgt .col-sm-6{
		text-align: center;
		margin-bottom: 20px;
	}
	.footer-top .footer-top-rgt .col-6 a div{
		width: 100%;
	}

	.alphabets{
		/*display: block;*/
		justify-content: flex-start;
		overflow: scroll;
	}
	.alphabets a{
		margin: 0 10px;
	}

	.banner-crausel,
	.banner-crausel-right{
		height: auto;
	}

	/*.banner-area{
		height: 100%;
	}
	.carousel {
	    height: calc(100vh - 350px);
	}*/

}


@media only screen and (max-width: 575px) {
	
	.carousel-caption .carousel-caption-innr h2{
		font-size: 2rem;
	}
	.days-countdown{
		width: 80%;	
	}
	#countdown{
		flex-wrap: wrap;
	}
	#countdown .days, #countdown .hours, #countdown .minutes, #countdown .seconds{
		margin: 10px;
	}
	.sponsors{
		padding: 0;
		margin: 0;
	}
	.sponsors.mobile .col-12{
		border-right: none;
	}
	.sponsors .sponsors-innr{
/*		border-bottom: 1px solid #999999;*/
    	padding: 20px;
		width: 90%;
		margin: 0 auto;
	}
	/*.sponsors .col-12:nth-child(3) .sponsors-innr{
		border-bottom: none;
	}*/
	
	.footer-top .footer-top-lft{
		border-right: none;
		border-bottom: 1px solid #b8c7cc;
		padding-right: 15px;
		padding-bottom: 30px;
	}
	.footer-top .footer-top-rgt{
		padding-left: 15px;
		padding-top: 30px;
	}
	
	.footer-top .footer-top-rgt img{
		width: auto;
	}
	.footer-top .footer-top-rgt .col-sm-6{
		text-align: center;
		margin-bottom: 20px;
	}
	.footer-top .footer-top-rgt .col-sm-6 a div{
		width: 100%;
	}

	.table-responsive #accordion .show {
	    display: contents !important;
	}
	
}