@charset "utf-8";
/* CSS Document */
 @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');
	@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600);
	* {
  box-sizing: border-box; margin: 0; padding: 0;
}

/*	 
#container-Scrolling {
 max-width:1800px;	
 width: 100%;
	height: 5.5em;
 overflow: hidden;
 margin: 20px auto;
 background: white;
}
*/	
#container-Scrolling {
	
 width: 70%;
	height: 8.5em;
 overflow: hidden;
 margin: 5px auto ;
 background: white;
}	

 
.photobanner {
 height: 71px;
 width: 2150px;
	margin-bottom: 10px; display: flex;  justify-content:  space-around; }
		 
/*keyframe animations*/
.first {
 -webkit-animation: bannermove 15s linear infinite;
    -moz-animation: bannermove 15s linear infinite;
     -ms-animation: bannermove 15s linear infinite;
      -o-animation: bannermove 15s linear infinite;
         animation: bannermove 15s linear infinite;
}
 
@keyframes "bannermove" {
 0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -1125px;
 }
 
}
 
@-moz-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -1125px;
 }
 
}
 
@-webkit-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -1125px;
 }
 
}
 
@-ms-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -1125px;
 }
 
}
 
@-o-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -1125px;
 }
 
}

.photobanner img {
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 transition: all 0.5s ease;
}
 
.photobanner img:hover {
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 -ms-transform: scale(1.1);
 transform: scale(1.1);
 cursor: pointer;
 
 -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
 -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
 box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}
	
/*photobanner ENDS*/		
		
		
header, footer {
  color: #34254d;
  background-color:white;
  padding: 10px;
  margin: 5px 0 0 0;
}

		
		

/* two column text */		 
.container-2019 {
  display: flex;
  flex-wrap: wrap;
  width: 99.9999%;
  align-content: center;
  justify-content: space-between; line-height: 1.4em;  
}
.area1 {color: #393837;
  width: 66%;
  padding: 45px;
  }
		  
.area1 h2, .area2 h2 {text-align: left;
	font-family: 'Roboto', sans-serif;
  	font-weight: 900;
  	text-transform: uppercase;
  	margin: 0;
  	font-size: 1rem; color: #E4E815
}
 header h2 {
 text-align: left;
}	
	
		
 .area2 {
  color: #fff;
  width: 33%;
  padding: 15px;  
}
			
.accordionxx {

  width:100%;
  height:auto;
  overflow:hidden;
  margin:10px auto; 
		}

     /* div {
        
        display:block;
        overflow:hidden;
        width:100%;		
		
		}	*/
		
						/* xxxxxxxxxxxxxxx   Navigation-menu xxxxxxxxxxxxxxxxxx*/
.area2 ul {
	width: auto;
	max-width:1200px;
	padding:0 1.875em;
	overflow: hidden;
	margin: 10px auto;
background-color:#333690;
}
.area2 ul li {
	display:inline-block;
	}

.area2 ul li a, .area2 ul li a:link, .area2 ul li a:visited {
	font-weight:500;
	display: inline-block;
	padding: 1em 1em ;
	text-decoration: none;

	color:#fff;
	background-color:#333690;
	}

.area2 ul li a:hover, .area2 ul li a:active {
	color:#fff;	background-color:deepskyblue; opacity:3;
		}
		
.area2 ul li a.active, .area2 ul li a.active:link, .area2 ul li a.active:visited {
	background-color: #e6e6e6;
	color: #036C81;
		}
	
.highlight-txt {
  background: 
    linear-gradient(
      rgba(0, 15, 200, 0.6),
      rgba(0, 15, 200, 0.45)
    ),
   url("../images/conference/2019/london-bg.jpg");

  width: 100%;
  height: 100%;
  margin: 10px 0 0 10px;
  position: relative;
}

.top h2 {
  color: white;
  margin: 0;
  padding: 90px;
}

.lr p {
  font-family: 'Roboto', sans-serif;
  position: absolute;
  bottom: 20px;
  left: 0px;
  color: white;
  margin: 10px;
}

.mid h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  color: blue;
  text-transform: uppercase;
  margin: 0;

  font-size: 2rem;

}
.mid p {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #FFFFFF;
 
padding: 10px;
  margin: 0px;
  position:relative;

  font-size: 15px;

}
		
.twitter {align-content: flex-end}
.cap p {
  padding: 20px;
  color: red;
  font: 12px Monaco, Mono-Space;
  margin: 0;
}
.bg-img {
  position: relative;
  width: 80%;
  height: 80%;
  background: url("http://www.igc.int/images/conference/2019/london-bg.jpg") center center no-repeat;
background-size: cover;
		}
		
.bg-img:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; opacity: 0.4;
   
}
.area1 {
  background-color: #FFFFFF;
}
/*.area2 {
  background-color: #1E90FF; 
} */
.area3 {
  background-color: #523c77;
}
.mid a { 
	color:#fff600;
	text-decoration: none;
	}
.mid a:hover, .mid a:active {
	color:aliceblue; opacity:1;
		}	
		

		
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/* xxxxxxxxxxxxxxx   Navigation-menu xxxxxxxxxxxxxxxxxx*/
		
@media screen and (max-width: 1200px) {

.accordionxx {

  width:100%;
  height:100%;
  overflow:visible;
  margin:5px auto;  
		}

     /* div {
        
        display:block;
        overflow:hidden;
        width:100%;		
		
		}	*/
		
						
.area2 ul {
	width: 100%;
	height:auto;
	padding:0px;
	overflow: hidden;
	margin: 0px;
}
.area2 ul li {
	display:inline-block; width: 100%;height: 100%;
	}



		


  .half {
    width: 100%;
    padding: 5px;
  }

}		
		
@media screen and (max-width: 900px) {


}
@media screen and (max-width: 700px) {
  p {
  font-size: 14px;
}
	.half {
    width: 100%;
    padding: 5px;

  }
	
}
@media screen and (max-width: 600px) {

  .area1, .area2, {
    width: 100%;
  }
  .area2 {
    margin-top: 5px;
  }
.half {
    width: 100%;
    padding: 5px; 

  }	
	
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxx*/	

/* videos box*/	

.conf2019-container{
	
	width: 100%;
   height:100%;
  overflow:auto; 
}

#conf2019-anchor {
      overflow: hidden;
      display: inline-block;
      width: calc(25% -  1.0416666666666667em); 
     
      height:201px; /*180px */
      float: left; 
}

.conf2019-first {
      margin-top: 0.78125em;
      margin-bottom: 0.78125em;
      margin-left: 0.78125em;
      margin-right:0.36458333333333337em; 
}

.conf2019-second {
      margin-top: 0.78125em;
      margin-bottom: 0.78125em;
      margin-left:0.36458333333333337em;
      margin-right:0.36458333333333337em; 
}

.conf2019-third {
      margin-top: 0.78125em;
      margin-bottom: 0.78125em;
      margin-left:0.36458333333333337em;
      margin-right:0.36458333333333337em; 
}
.conf2019-four {
      margin-top: 0.78125em;
      margin-bottom: 0.78125em;
      margin-left:0.36458333333333337em;
      margin-right: 0.78125em;
}

.conf2019-caption h1 {
      font-size: 2em;
      font-weight:300;
      line-height:1em;
      color: #ffffff;
      letter-spacing:0.1em;
      text-transform: uppercase;
      font-family: 'Open Sans', sans-serif;
}
.sub-caption h1 {
      font-size: 1.5em;
      font-weight:600;
      line-height:2.7em;
      color:#0C016E;
      letter-spacing:0.01em;
      text-transform: uppercase;
      font-family: 'Open Sans', sans-serif;
}
.conf2019-caption h4 {
      font-size: 1em;
      font-weight:300;
      letter-spacing:0.1em;
      text-transform: uppercase;
      font-family: 'Open Sans', sans-serif; 
}

.conf2019-caption h5 {
      font-size: 0.75em;
      font-weight:600;
	color: blue;
      letter-spacing:0.1em;
      text-transform: uppercase;
      margin-top:1.75em;
	text-align: center;
      font-family: 'Open Sans', sans-serif; 
}

.conf2019-container figure {
      position: relative;
     
}

.conf2019-figureimg {max-width:431px; width: 100%; max-height: 171px;  height: 99.999%; 
      display: inline-block; /* block */
      position: relative;
}

.conf2019-container figcaption {
      position: absolute;
      top: 85%;
      left: 0;
      width: 100%;
      text-align: center;
}

.conf2019-figureimg {
      opacity: 1;
      -webkit-transition: all .8s ease;
      -moz-transition: all .8s ease;
      transition: all .8s ease;
}

.conf2019-container figure  figcaption{
      opacity: 1;
}

#conf2019-anchor:hover .conf2019-figureimg {
      transform: scale(1.05);
   	  opacity: 0.4;
      -webkit-transition: all .8s ease;
      -moz-transition: all .8s ease;
      transition: all .8s ease;
}

.conf2019-figure {
      margin: 0;
}
		
#sponsorsblock2020 { margin: 0 auto;
	width: 100%;
	display: block;
	padding: 5px 10px  ;
	
}
.sponsorsbg {

	display: inline-block;
	margin: 10px auto;
	padding: 1% ;
	height: 155px;
	vertical-align: top;
	width:230px;
	background-repeat: no-repeat; 
	z-index: 2; position: relative;text-align: center;
}
		
blockquote {}
.sponsorsbg p {font-size: 0.79em; color:#E98B3F; font-weight: 400; padding-bottom: 5%;text-align: center;}
.sponsorsbg img  {margin: 0 0px 0px;  }				
		
		
		
		
		
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/* media only ENDS*/
		
		@media only screen and (max-width: 480px) {

#conf2019-anchor {
      display: block;
      width: calc(100% -  6.25em); height:151px;
}

.conf2019-first {
      margin-left:1.125em ;
      margin-right:1.125em ;
      margin-top: 1.125em;
      margin-bottom: 0.4583333333333335em; 
}

.conf2019-second {
      margin-left:1.125em ;
      margin-right:1.125em ;
      margin-top: 0.4583333333333335em;
      margin-bottom: 0.4583333333333335em;  
}

.conf2019-third {
     margin-left:1.125em ;
      margin-right:1.125em ;
      margin-top: 0.4583333333333335em;
      margin-bottom: 0.4583333333333335em;  
} 
	.conf2019-four {
      margin-left:1.125em ;
      margin-right:1.125em ;
      margin-top: 0.4583333333333335em;
      margin-bottom: 03.125em; 
} 

.conf2019-caption h1 {
      font-size: 6em;
      font-weight:300;
      line-height:3em;
      font-color: blue;
      letter-spacing:0.3em;
      text-transform: uppercase;
      font-family: 'Open Sans', sans-serif;
}

.conf2019-caption h4 {
      font-size: 3em;
      font-weight:300;
      letter-spacing:0.3em;
      text-transform: uppercase;
      font-family: 'Open Sans', sans-serif;
}

.conf2019-caption h5 {
      font-size: 0.65em;
      font-weight:400;
      letter-spacing:0.3em;
      margin-top:2.2em;
      text-transform: uppercase;
      font-family: 'Open Sans', sans-serif;
} 
}  
/* media only ENDS*/

		
video {
position: relative
;
right: 0;
bottom: 0;
min-width: 20%;
min-height: 20%;
width:240px;
height: 200px;
z-index: 100;
background-size: cover;
}

/*****************************/

.overlay {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: rgba(0,0,0,0.3);
  display: block;

}

.overlay h1 {
  text-align: center;
  padding-top: 10px;
  color: red;
  font-family: inherit;
}

.overlay p{
  text-align: center;
  width: 80%;
  margin: 0 auto;
  color: #fff;
  font-family: inherit;
  margin-bottom: 20px;
}

.overlay a {
  color: #fff;
}

.orange {
  text-decoration: none;
}
 p a.orange {
   color: #f27950;
 }

* {
  box-sizing: border-box;
}

		
/* Home page contents*/	
/* Clear floats after the columns */



		
.container-2020 { padding: 5px;
  width: 100%;
  margin: 0px auto; }
		
.container-contents { padding: 25px; width: 99.999%; font-family: 'Roboto', sans-serif;}
		
.container-contents h1 {text-align: center;font-size:160%;
 line-height:1.25em;
	color: #2E3192;
	font-weight:600;
 	text-align:center;
	margin:10px auto;
		font-family: 'Roboto', sans-serif;}	
		
.container-contents h2 {text-align: center;font-size:140%;width: 55%;
 line-height:1.15em;
	color: #ffffff;
	font-weight:600;
 	text-align:center;
	margin:10px auto;padding: 5px;
	background-color:#C60609;
		font-family: 'Roboto', sans-serif;}	
		
		/* THREE COLUMN STRUCTURE */
.wrapper-col {
  padding: 5px;
  width: 100%;
  margin: 20px auto; 
}

header {
  padding: 0 15px;
}
     
.headerxh2{  padding:5px;margin: 4px 5px 2px 5px; 
  text-align: left; color: #FFFFFF; font-size: 1.5em; font-weight: 400;
 font-family: 'Roboto', sans-serif; border-left: 20px solid #7a9999;
background-color: coral; max-width:1275px;width: 100%;
} 

.videowrapper{ position: relative; padding-bottom: 26.25%; padding-top: 25px; height: 0px; width: 60%;}
  
.videowrapper iframe{ position: absolute; left: 100px; right: 0px;bottom:0px; height: 100%; width: 100% }

.columns-box {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 5px 0;
}

.column-box-text {
  flex: 1;
  
  margin: 2px 2px 2px 2px ;
  padding: 5px;
}
.column-box-text h3  {  margin: 0px; font-size: 1.11em; font-weight: 700; color: #ffffff; padding: 0px;  }
		
.column-box-text p {margin: 0px; text-align: left;
  padding: 15px; font-family: 'Roboto', sans-serif; line-height: 1.25em; }

.column-box-text:first-child {
  margin-left: 0;
}

.column-box-text:last-child {
  margin-right: 0;
}
.homepage-boxtext {background-color: #fff;list-style-type: square;
  padding: 0px;}
.homepage-boxtext ol {list-style-type: square;  /* default */padding: 15px; font-family: 'Roboto', sans-serif; line-height: 1.45em; }
.homepage-boxtext ul {list-style-type: square;  /* default */}
.homepage-boxtext li  {list-style-type: square; color:#000000; }
		

    
     
     .columns-box-two {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 5px 0;
}

.columns-box-text-2 {
flex: 1;
  
  margin: 2px 2px 2px 2px ;
  padding: 5px;
}
.column-box-small {
  flex: 1 0 0;
  
  margin: 2px 2px 2px 2px ;
  padding: 10px; width: 100%;
}
.columns-box-text-2 h2, .column-box-small h2  {  margin: 0px; font-size: 1.26em; font-weight: 700; color: #ffffff; padding: 5px; background-color: #86770c; }
		
.columns-box-text-2 p, .column-box-small p {margin: 2px;
  padding: 15px; font-family: 'Roboto', sans-serif; line-height: 1.45em; }

.columns-box-text-2:first-child, .column-box-small:first-child {
  margin-left: 0;
}

.columns-box-text-2:last-child, .column-box-small:last-child {
  margin-right: 0;
}		
		
		
.map-piechart {
  padding: 0;
}
		.image-Map { float: left; width: 60.99%; }		
	.imga {max-width: 960px; width: 100%; }	

@media screen and (max-width: 1200) {
  .columns-box, .column-box-text {
    margin-bottom: 5px;
    flex-basis: 40%;
  }
 .columns-box-two, .column-box-text-2, .column-box-small{
    flex-basis: 40%;
    margin: 0 0 5px 0;
  }
  .columns-box .column-box-text:nth-last-child(2) {
    margin-right: 0;
  }
  .columns-box, .column-box-text:last-child {
    flex-basis: 100%;
    margin: 0;
  }
	.imga {width: 100%; }
}
		
@media screen and (max-width: 800px) {

	  .columns-box-two, .column-box-text-2, .column-box-small{
    flex-basis: 40%;
    margin: 0 0 5px 0; 
  }
	.imga {width: 100%; }
		
		}
		
		
		
		
@media screen and (max-width: 680px) {
  .columns-box, .column-box-text{
    flex-basis: 80%;
    margin: 0 0 5px 0;
  }
	
	  .columns-box-two, .column-box-text-2{
    flex-basis: 80%;
    margin: 0 0 5px 0; 
  }
	.imga {width: 100%; background-color: red}

}
	
		
	*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

body { margin: 0; }

.columnsContainer, footer, header { position: relative; margin: 1.25em;  }

.leftColumn, .rightColumn{  border: 0px solid  #ccc; padding: 1.25em; }

.leftColumn { margin-left: 1.5em; margin-bottom: .5em;font-family: 'Open Sans', sans-serif; }
.rightColumn {background: linear-gradient(0deg,  #22c1c3,#47dda9, 
#2dfd30); color: #F1F1F1;}
    
P.leftColumn-text{font-weight: 300; margin-bottom: .9em; 
	text-align: left; color:#0C016E; font-size:102%; line-height: 1.42em; }

.quick-ul {background: no-repeat; }
		.quick-ul ul:nth-of-type {  }
.quick-ul ul li {width: 100%; }

.quick-ul li a, .quick-ul li a:link, .quick-ul ul li a:visited {
	font-weight:500;
	padding: 0.5em 0.5em ;
	text-decoration: none;
	background: no-repeat; display: list-item;   list-style-position: inside;     list-style-type: square; 
	}

.quick-ul ul li a:hover, .quick-ul ul li a:active {
	color:#fff;	background-color:deepskyblue; opacity:3; width: 100%;
		}


	


/* MEDIA QUERIES */
@media screen and (min-width: 67.5em ) {
  .leftColumn { margin-right: 27.5em; }

	.rightColumn, .rightColumn-2 { position: absolute; top: 0; right: 0; width: 20.75em;}   
}
	
  /* STRUCTURE */

/*
    .wrapper {
	padding: 5px;
	max-width: 960px;
	width: 95%;
	margin: 20px auto;
}  
*/

.columns-textboxs-holder {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 1px 0;
}

.columns-textbox {
	flex: 1;
/*	border: 1px solid gray; */
	margin: 2px;
	padding: 2px 10px 20px 10px; 
    text-align: center; 
	&:first-child { margin-left: 0; }
	&:last-child { margin-right: 0; }
}
 .columns-textbox h2 {font-size:160%;
 line-height:1.25em; padding: 0px 0 5px 0}
     
 .columns-textbox P {font-size:90%;
 line-height:1.25em; max-width: 260px; width:100%; margin: 0 auto; padding: 0px 0 20px 0}

 /* bullets*/
.homepage-boxtext {background-color: #a3c1ad; padding: 0px;margin: 0px; }
.homepage-boxtext ol {list-style-type: square;  /* default */padding: 0px;  }
.homepage-boxtext ul {list-style-type: square;  /* default */}
.homepage-boxtext li  {list-style-type: none; color:black; line-height: 1.35em;text-align: center; padding: 6px; margin: 0px}
		
/* bullets Ends*/
  
}
@media screen and (max-width: 980px) {
  .columns-textboxs-holder .columns-textbox {
		margin-bottom: 5px;
    flex-basis: 40%;
		&:nth-last-child(2) {
			margin-right: 0;
		}
		&:last-child {
			flex-basis: 100%;
			margin: 0;
		}
	}

}

@media screen and (max-width: 680px) {
	.columns-textboxs-holder .columns-textbox {
		flex-basis: 100%;
		margin: 0 0 5px 0;
	}
}
    /* STRUCTURE ENDS */     
/* BUTTON LINK*/
     #A_5 {

    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    left: 0px;
    letter-spacing: 1px;
    position: relative;
    right: 0px;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0px;
    border: 2px solid rgb(238, 238, 238);
    border-radius: 3px 3px 3px 3px;
    overflow: hidden;
    padding: 0px 28px;
}/*#A_5*/
     #A_6 {

    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    left: 0px;
    letter-spacing: 1px;
    position: relative;
    right: 0px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    top: 0px;
    border: 2px solid rgb(238, 238, 238);
    border-radius: 3px 3px 3px 3px;
    overflow: hidden;
    padding: 0px 8px;
}/*#A_6*/
     
#readMore {
    bottom: 0px;
    box-sizing: border-box;
    color: rgb(238, 238, 238);
    cursor: pointer;
    display: inline-block;
    height: 36px;
    left: 0px;
    letter-spacing: 1px;
    position: relative;
    right: 0px;
    text-align: right;
    text-transform: uppercase;
    top: 0px;
    border: 0px none rgb(238, 238, 238);
    font: normal normal 600 normal 14px / 36px Raleway, sans-serif;
}/*#SPAN_7*/
#readMore2 {
    bottom: 0px;
    box-sizing: border-box;
    color: rgb(238, 238, 238);
    cursor: pointer;
    display: inline-block;
    height: 36px;
    left: 0px;
    letter-spacing: 1px;
    position: relative;
    right: 0px;
    text-align: right;
    text-transform: uppercase;
    top: 0px;
    border: 0px none rgb(238, 238, 238);
    font: normal normal 600 normal 13px / 36px Raleway, sans-serif;
}     
 
/* xxxxxxxxxxxxxxxx Lead banner SPONSOR  xxxxxxxxxxxxxxxxx   */
.row:after {
  content: "";
  display: table;
  clear: both;
}
 .group {height: 235px; }        
 .group:after {
  content: "";
  display: table;
  clear: both;
}  

.item-1, 
.item-2, 
.item-3,
.item-4{
	position: absolute;
  display: table;
	margin: 0.2em; m overflow: hidden;

  max-width:1250px;
  width: 77%;
  
  font-size: 0em;

	animation-duration: 20s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.item-1{
	animation-name: anim-1;
}

.item-2{
	animation-name: anim-2;
}

.item-3{
	animation-name: anim-3;
}
    .item-4{
	animation-name: anim-4;
}

@keyframes anim-1 {
	0%, 8.3% { left: -100%; opacity: 0; }
  8.3%,25% { left: 10%; opacity: 1; }
  33.33%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-2 {
	0%, 33.33% { left: -100%; opacity: 0; }
  41.63%, 58.29% { left: 10%; opacity: 1; }
  66.66%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-3 {
	0%, 66.66% { left: -100%; opacity: 0; }
  74.96%, 91.62% { left: 10%; opacity: 1; }
  100% { left: 110%; opacity: 0; }
} 
    @keyframes anim-4 {
	0%, 66.66% { left: -100%; opacity: 0; }
  74.96%, 91.62% { left: 10%; opacity: 1; }
  100% { left: 110%; opacity: 0; }
}  
     
 @media screen and (max-width: 680px) {    
     .group { width: 100%; height: 6.75em; margin: 0 0 0px 0; }
     }
     
      .tab {width: 100%; height:320px; align-content: center}  /*  video */
     
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxsponsors image LOGO box xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    xxxxxxxxxxxxxxxxxxxxxxxxxxxx  */  

  .spon-col-textbox h2 {text-transform: uppercase; font-size:85%; color:#000000; font-weight: 900;
 line-height:1.25em; margin: 15px 0 15px 0px}    

.spon-col-textboxs-holder {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 15px 0; 
}
.spon-col-textbox {
	flex: 1;
	border: 1px solid gray;
	margin: 5px;
	padding: 0px;
    text-align: center; 
	&:first-child { margin-left: 0; }
	&:last-child { margin-right: 0; }
	
}
.spon-col-textbox2 {
	flex: 1;
	border: 0px solid gray;
	margin: 5px;
	padding: 0px;
    text-align: center; 
	&:first-child { margin-left: 0; }
	&:last-child { margin-right: 0; }
	
}
.spon-col-hoverbox {
	display: block; background-color: gray;  
    color: #FFFFFF;
	margin: 0px;
	padding: 0px;
    text-align: center;  font: normal normal 900 normal 0.95em / 2.30em Raleway, sans-serif;  border: none;
   }
	&:first-child { margin-left: 0; }
	&:last-child { margin-right: 0; }
      
.spon-col-hoverbox a:hover { font-weight: 700; color: #FFFFFF; background:#FF2400; width: 100%; 
margin: 0px; padding: 0px;border: none; }
  
/*xxxxxxxxxxxxxxxxxxxxxxxxxxx MEDIA PARTNERS xxxxxxxxxxxxxxxxxxxxxx*/

 .media-partner-textbox h2 {text-transform: uppercase; font-size:85%; color:#000000; font-weight: 900;
 line-height:1.25em; margin: 15px 0 15px 0px}    

.media-partner-textboxs-holder {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 15px 0; 
}
.media-partner-textbox {
	flex: 1;
	margin: 5px;
	padding: 0px;
    text-align: center; 
	&:first-child { margin-left: 0; }
	&:last-child { margin-right: 0; }
	
}
.media-partner-textbox2 {
	flex: 1;
	border: 0px solid gray;
	margin: 5px;
	padding: 0px;
    text-align: center; 
	&:first-child { margin-left: 0; }
	&:last-child { margin-right: 0; }
	
}
.media-partner-hoverbox {
	display: block; background-color: gray;  
    color: #FFFFFF;
	margin: 0px;
	padding: 0px;
    text-align: center;  font: normal normal 900 normal 0.95em / 2.30em Raleway, sans-serif;  border: none;
   }
	&:first-child { margin-left: 0; }
	&:last-child { margin-right: 0; }
      
.media-partner-hoverbox a:hover { font-weight: 700; color: #FFFFFF; background:#FF2400; width: 100%; 
margin: 0px; padding: 0px;border: none; }
  









@media screen and (max-width: 980px) {
  .spon-col-textboxs-holder .spon-col-textbox {
		margin-bottom: 5px;
    flex-basis: 33.3333%;
		&:nth-last-child(2) {
			margin-right: 0;
		}
		&:last-child {
			flex-basis: 100%;
			margin: 0;
		}
	}
    .media-partner-textboxs-holder .spon-col-textbox {
		margin-bottom: 5px;
    flex-basis: 33.3333%;
		&:nth-last-child(2) {
			margin-right: 0;
		}
		&:last-child {
			flex-basis: 100%;
			margin: 0;
		}
	}
}

@media screen and (max-width: 680px) {
	.spon-col-textboxs-holder .media-partner-textbox {
		flex-basis: 90%;
		margin: 0 0 5px 0;
	}
  .media-partner-textboxs-holder .media-partner-textbox {
		flex-basis: 90%;
		margin: 0 0 5px 0;
	}  
  
  .sub-caption h1 {
      font-size: 105%;
      line-height:1.7em;
 
}
}
     /*sponsors image box ENDS */  


     /*PICTURES box Start */  
.row {
    text-align: center;
}

.row figure {
    height:187px;
    width: 265px;
    margin:0;
    background-size: cover;
	background-position: 50% 50%;
    box-shadow:0 0 15px rgba(0, 0, 0, 0.7);
    transition: all 1s ease-in-out;
    background-repeat:no-repeat;
    z-index:2;
    display:inline-block;
    position:relative;

}

.row a {
    display: inline-block;
    text-align: center;
    margin:10px;
    text-decoration:none;
    color:white;
}

.row a p {
    position:absolute;
    opacity: 0;
    font-size: 20px;
    top:45%;
    z-index:100;
    left: 0;
    right: 0;
    margin: auto;
}

figure:hover p {
    opacity:1;
}

figure:after {
    content:"";
    display:inline-block;
    height:100%;
    width:100%;
    background-color:#F3EFEF;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity:0;
    transition: all 0.4s ease-in-out 0s;
    z-index:99;
}

figure:hover:after {
    opacity:0.4;
}

.photo01 {
	background-image: url("https://www.igc.int/images/conference/2023/pic-2022-Stage-(200).jpg");
}

.photo02 {
	background-image: url("https://www.igc.int/images/conference/2023/pic-2022-Guests-(80).jpg");
}

.photo03 {
	background-image: url("https://www.igc.int/images/conference/2023/pic-2022-Guests-(44).jpg");
}

.photo04 {
	background-image: url("https://www.igc.int/images/conference/2023/pic-2022-Guests-(55).jpg");
}
/* lightbox */

.lightbox-target {
  position: fixed;
  top: -100%;
  width: 95%;
  background: rgba(0, 0, 0, 0.7);

  opacity: 0;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
  overflow: hidden;
  z-index:300;
}

.lightbox-target .container {
  margin: auto;
  position: absolute;
  top: 50vh;
  left: 50vw;
  background-color:#575757;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  text-align:left;
  transform: translate3d(-50%, -50%, 0);
}



.container .elements {
    display:inline-block;
    width: 100%;
    max-height: 325px;

}



a.lightbox-close {
  display: block;
  width: 30px;
  height: 30px;
  background: white;
  color: black;
  text-decoration: none;
  position: absolute;
  top: 0px;
  right: 0;
  margin: 0;
  padding-top: 0px;
}

.lightbox-target:target {
  opacity: 1;
  top: 0;
  bottom: 0;
}

.lightbox-target:target img {
    height: 320px;
    vertical-align: top;
}