/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900');
html {
		height: 100%;	
		width: 100%;
		
	
		
	}

body{
			background-color: #ffffff;
			height: 100%;
	}
	
a {
  color: #ca4242;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #962a2a;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
	
h1,h2,h3,h4,h5,h6 {
		font-family: 'Roboto', sans-serif;	
	}
p {
	line-height: 1.5em;
	font-size: 15px;
	}

img {
max-width: 100%;
display: block;
}

.navbar a {
		cursor: pointer;	
		text-decoration: none;
		color: #ffffff;
	}

.navbar a:hover {
		text-decoration: none;	
	}
	

.topbar {
		min-height: 30px;
		background-color: #ffffff;
	}
	

.logo img{
		margin: 20px 0;	
	}	

ul.sublink {
	
		padding-left: 0px;
		list-style-type: none;
		display: inline-block;
		margin: 5px 0;
		float: left;
		color: #000000;
		
	}	
	
ul.sublink li,ul.sublink li a {
		
		display: inline-block;	
		margin: 0 1px 0 1px;
		color: #000000;
		font-size: 10px;
	}
	
ul.sublink li:hover a {
		
		color: #949494;
		cursor: pointer;	
	}
	

ul.social {
	
		list-style-type: none;
		display: inline-block;
		margin: 5px 0;
		float: right;
		font-size: 18px;
		outline: none;
		border-radius: 3px;
		
	}	
	
ul.social li,ul.social li a {
		
		display: inline-block;	
		margin: 0 1px 0 1px;
		color: #000000;
		font-size: 18px;
		outline: none;
		border-radius: 3px;
	}
	
ul.social li:hover,ul.social li:hover a {
		
		font-size: 18px;
		color: #949494;	
		cursor : pointer;
		outline: none; 
		border-radius: 3px;
	}	
	
	
.section-nav {
	
		min-height: 82px;
		background-color: #333333;
		color: #ffffff;	
		font-size: 13px;
		margin: 0;
	}	

.navbar {
		margin: 0;
		min-height:82px;
		border: none;
		border-radius: none;	
	}

.navbar li, .navbar li:first-child, .navbar li a {
		padding: 32px 4px;
		position: relative;
		/* min-height: 82px; */
		
	}
	
.navbar li:hover {
		background-color: #991b1e;
		cursor: pointer;	
	}
	
ul.navbar li ul{
			
			list-style-type: none;
			padding: 0;
			margin: 0;
			position: absolute;
			top: 81px;
			left: 0px;
			display: none;
			z-index: 9999;
			
			-webkit-box-shadow: 6px 10px 21px -7px rgba(0,0,0,0.59);
			-moz-box-shadow: 6px 10px 21px -7px rgba(0,0,0,0.59);
			box-shadow: 6px 10px 21px -7px rgba(0,0,0,0.59);
			
		}
		
		ul.navbar li ul li{
			
			padding: 0px !important;
			min-width: 200px;
			float: none;
			background-image: none;
			background-color: #333333;
			margin:0;
			/* padding: 9px 20px 8px 20px; */
			height: auto;
						
		}
		
			ul.navbar li ul li ul{
					top: 81px;
					left: 200px;	
				}
				ul.navbar li ul li ul li:hover a{
					 background-color: #333333;
					 cursor: pointer;
					}
				
		
		ul.navbar > li:hover > a{
				background-color: transparent;	
				color: #ffffff;
			}
			
			ul.navbar li a{
					color: #ffffff;	
				}
		
		 ul.navbar li ul li a{
				color: #ffffff;
				margin:0;
				padding: 10px 15px;
				display: block;
				
}

		ul.navbar li ul li:hover a{
				background-color: #991b1e;
			}	
	
.fixed {
position: fixed!important;
top: 0;
width: 100%;
z-index: 999!important;
 transition: all 0.5s ease;}
	

#layerslider{
		background-color: #333333;
	}

.countdown {
/* display: block; */
width: 135px!important;
height: 120px!important;
/* background-color: red; */
border: 2px solid #ffffff!important;
}


#top {
	background-color:#f1f1f1;
	background-size: cover;
	background:url(../images/bg-02.jpg) 0 50% fixed ;
}

.top-bg {
	background-color:#f1f1f1;
	background-size: cover;
	background:url(../images/bg-02.jpg) 0 50% fixed ;
}
.gap{
	
	padding: 40px 0;
}
.about button {
    margin: 10px 10px;
    padding: 10px 30px;
    background-color: transparent;
    color: #333333;
    border: 1px solid #333333;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}
.carousel-item .col, .carousel-item .col-sm, .carousel-item .col-md {
    margin: 8px;
    height: 470px;
	background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.banner-exhibitor-row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2);
}
.redbox {
		min-height: 240px;
		background-color: #8b0304;	
	}
	
.main-content {
		margin-top: -200px;	
	}	
	
.main-content h1{
		margin: 0 0 20px 0;
		color: #f6f6f6;	
	}
	
.main-content h3 span {
		
		font-weight: bold;
		color: #b82025;	
	}	
	
.main-content button {
		margin: 20px 30px;
		padding: 10px 60px;	
		background-color: transparent;
		color: #333333;
		border: 1px solid #333333;
	}
	
.main-content button:hover {
		
		background-color: #b82025;
		color: #e8e8e8;
		border: 1px solid #b82025;
	}
	
.statement button {
	margin: 10px 10px;
		padding: 20px 20px;	
		background-color: #b82025;
		color: #e8e8e8;
		border: 2px solid #333333;
	
}
.statement button:hover {
	
		background-color: #333333;
		color: #e8e8e8;
		border: 2px solid #333333;
	
}
	


.CookieMessage {
  position: fixed;
 
  left: 0;
  right: 0;
  background:#ddd;
  z-index: 9999;
  display: none;
	padding: 0 30px;
}

.CookieMessage-content {
  color: #2e3a50;
  margin: 0 auto;
  padding: 30px 20px 20px 20px;
  
  line-height: 1.5;
  font-size: 13px;
  
  }
  
  
.CookieMessage-content a{
	color: red;
}
.CookieMessage-content a:hover{
	text-decoration: underline;
}

.CookieMessage-button {
  background:  #b82025;
  display: inline-block;
  text-decoration: none;
  padding: 8px 20px;
  font-weight: 700;
  color: #FFFFFF!important;
 
}
.CookieMessage-button :hover{
  background:  #2e3a50;
  
 
}







/*upcoming*/

.upcoming-main-title h4{
		font-size:30px!important;
	}
	
.upcoming-title {
		padding: 10px;	
	}	

.upcoming-inner{
		padding:20px;
		border: 1px solid #e1e1e1;
		height: 550px;
		overflow: auto;
			
	}	
	
.event-list {
		padding: 15px 0;
  		border-bottom: 1px dashed;
		border-color: #d5dbe0 !important;
		display: block;	
	}	
	
.event-details {
		width: 74%;
		float:left;	
	}	
	
.calendar {
		background-color: #f3f3f3;
		float: left;
		display: block;
		margin-right: 15px;
		width: 65px;
		height: 65px;	
	}	
	
.calendar .month {
		  display: block;
		  width: 65px;
		  height: 22px;
		  line-height: 22px;
		  font-weight: 600;
		  text-align: center;	
		  color: #ffffff;
		  background-color: #b82025;
}

.calendar .date {
  font-size: 16px;
  font-weight: 700;
  width: 65px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  display: block;
}


.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

	
h3.head-fb span {
		color: #b82025;
		font-weight: bold;	
	}

.section-facebook {
		width: 100%;
		margin: auto;
			
	}

.shadow-facebook {
		margin: 0 0 40px 0;	
	}	
	
.shadow-facebook img {
		margin: 0 auto;	
	}
	
.footer {
		padding: 30px 0;
		background-color: #333333;	
		color: #787878;
	}
	
.footer ul.ex-link{
		/* width: 195px; */	
	}	

.footer ul.ex-link li{
		margin: 0 0 15px 0;	
	}
	
.footer a{
		color: #ececec;	
	}
	

.footer a:hover {
		color: #c62026;	
	}
	
.footer h3{
		color: #ececec;	
	}
	
.footer hr{
		border-top: 1px solid #3e3e3e;	
	}

.link-footer {
		font-size: 14px;	
	}
.link-footer2 {
		font-size: 13px;
   
		float:right;
	}
.link-footer2 li{
		margin: 5px 0 5px 5px;	
	}
	
.link-footer li{
		margin: 0 0 5px 5px;	
	}
	
	
	
#map{
		width: 100%!important;
		height: 170px;	
	}
	
.map-contact{
		width: 100%!important;
		height: 350px!important;	
	}
	
	
	
	
	/* Page */
	
	.redbox-page {
			min-height: 110px;
			background:url(../images/breadcum-bg.jpg) no-repeat;
			background-color: #8c0305;
				
		}
		
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
			color: #fff;
			background-color: #b82025;	
	}
	
@media (max-width: 1200px) {
			.countdown {
		/* display: block; */
		width: 120px!important;
		height: 110px!important;
		/* background-color: red; */
		border: 2px solid #ffffff!important;
		}
}


@media (max-width: 1024px) {
			.countdown {
		/* display: block; */
		width: 100px!important;
		height: 80px!important;
		/* background-color: red; */
		border: 2px solid #ffffff!important;
		}
}
	
	
@media (min-width: 992px) {
		
			.slicknav_btn{
					
				float: right;
				display: inline-block;
			}
	
	
	.calendar{
		margin-bottom: 20px;	
	}
	}	
	

@media (max-width: 991px) {
	
	
		.logo img {
				margin: 20px auto;	
			}
		
		.slicknav_menu{
				text-align: center;
			}
			
		.slicknav_btn{
					
				float: none;
				display: inline-block;
			}
		.slicknav_menu .slicknav_menutxt {
					
			}
			
		.redbox-page{
				text-align: center;	
			}	
			
			
		.main-content img.img-responsive {
				margin: 0 auto;	
			}
			
		.main-content button{
				margin: 20px 0;
				width: 100%;	
			}	
			
		.section-facebook{
				padding: 0 1em;	
			}	
			
		.fixed {
				position: inherit!important;
				top: 0;
				width: 100%;
				z-index: 99999!important;
				 transition: all 0.5s ease;}	
			
	.calendar{
		margin-bottom: 20px;	
	}
	}	
	

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
.event-details {
  width: 100%;
  float: left;
}

.calendar{
		margin-bottom: 20px;	
	}	
	.link-footer2 {
		
		float:left;
	}
}	


@media only screen and (max-width : 480px) { 
	.footer ul.ex-link {
		margin-left: 0px;	
	}

}
	

/* Color */

.grey {
		color: #ececec!important;	
	}
	
.darkgrey {
		color: #787878!important;	
	}
	
.darkred {
		color: #b82025!important;	
	}

.darkblue {
		color: #002e5e!important;	
	}	
	
.bg-grey {
		background-color: #f2f2f2;	
	}	
	
.footer-bottom small {
		font-size: 11px;	
	}	
	
	
	
/* Margin & padding */

/* Margin */
.m5{margin: 5px;}
.m10{margin: 10px;}
.m15{margin: 15px;}
.m20{margin: 20px;}
.m25{margin: 25px;}
.m30{margin: 30px;}
.m35{margin: 35px;}
.m40{margin: 40px;}

/* Margin Top */
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}

/* Margin Right */
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr35{margin-right: 35px;}
.mr40{margin-right: 40px;}

/* Margin Bottom */
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}

/* Margin Left */
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml35{margin-left: 35px;}
.ml40{margin-left: 40px;}

/* padding */
.p0{padding: 0px !important;}
.p5{padding: 5px;}
.p10{padding: 10px;}
.p15{padding: 15px;}
.p20{padding: 20px;}
.p25{padding: 25px;}
.p30{padding: 30px;}
.p35{padding: 35px;}
.p40{padding: 40px;}

/* padding Top */
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt35{padding-top: 35px;}
.pt40{padding-top: 40px;}

/* padding Right */
.pr0{padding-right: 0px !important;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}
.pr35{padding-right: 35px;}
.pr40{padding-right: 40px;}

/* padding Bottom */
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb35{padding-bottom: 35px;}
.pb40{padding-bottom: 40px;}

/* padding Left */
.pl0{padding-left: 0px !important;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl35{padding-left: 35px;}
.pl40{padding-left: 40px;}


.img-hover:hover {
    -webkit-animation: pulse 1s;
    animation: pulse 1s;
}


.panel-default > .panel-heading {
		background-color: #b82025;
		color: #ffffff;	
		transition: all 0.5s ease;
		outline: 0;
		}

	
.panel-default > .panel-heading a:hover ,.panel-default > .panel-heading a:focus {
		color: #e1e1e1;	
		text-decoration: none;
	}

.panel-default > .panel-heading a:visited {
		background-color: #b82025;
		color: #ffffff;	
		outline: 0;	
	}		
	
.btn:focus, .btn:active:focus, .btn.active:focus {
  outline: thin dotted;
  outline: 0;
  outline-offset: -2px;
}	
/*	
.mCSB_inside > .mCSB_container {
  margin-right: 15px;
}	

*/

::selection {
  background: #F00; /* WebKit/Blink Browsers */
  color: #fff;
}
::-moz-selection {
  background: #F00; /* Gecko Browsers */
  color: #fff;
}


.modal-header-ecard {
		border: none;
		background: #ffffff;	
		margin-top: 20px;
		
	}

.modal-header-ecard .close {
		padding-right: 10px;	
	}
	
.modal-body-ecard {
		background: #ffffff;
		padding:15px;	
		
	}	

.modal-body-ecard img {
		width: 100%;	
	}	

#popup {
    display:none;
    position:fixed ;
	z-index:999999;
    margin:0 auto;
	/*top: 50%;
    left: 50%;*/
    /*transform: translate(-50%, -50%);*/
	top:0;
	/*box-shadow: 0px 0px 50px 2px #000;*/
	/*background-color:#c3a55c;*/
	background: rgba(195, 165, 92, 0.8);
	cursor:pointer;
	width:100%;
 height:100%; 
 min-height: 100%;
 min-width: 100%;      
 text-align:center;}

#popupMB {
    display:none;
    position:fixed ;
	z-index:999998;
    margin:0 auto;
    /*top: 50%;
    left: 50%;*/
    /*transform: translate(-50%, -50%);*/
	/*width:100%;*/
	top:0;
	/*box-shadow: 0px 0px 50px 2px #000;*/
	background: rgba(195, 165, 92, 0.8);
	cursor:pointer;
	 width:100%;
 height:100%; 
    
 text-align:center;
	}

.blog-container {
    background: #fff;
    box-shadow: 1px 1px 15px #00000033;
    transform: scale(0.89);
    padding: 0;
    transition: all 1s ease-in;
    -webkit-transition: all 250ms ease-in;
}

.blog-container .desc {
    padding: 10px 15px;
    text-align: left;
}

.blog-date {
    margin: 15px 0px;
    color: #979797;
    font-size: 14px;
    font-weight: bold;
}

.time-override {
	transition: transform 5s ease-in-out !important;
}