@charset "utf-8";
	 html { /* Vertical scrollbar */ 
  overflow-y: scroll;
}
* { 
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}

/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
  margin: 0;
  padding: 0;
}
nav ul { list-style:none; }

img, fieldset {
  border: 0; 
}
/* CSS Document */

/*xxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* GLOBAL */



  
 


/*
main { 
  margin: 0 auto;
	padding-left: 2.275%;
	padding-right: 2.275%;
}

.labelDate { margin: 0 auto; }
    
input {
  display: none;  
}

.labelx {
display:inline-flex;align-items: center; width:30%; text-align: left; font-size: 2.4em;  
color: rgba(26, 58, 129,1.00); font-weight:600; line-height: 0.98em;
  margin-top: 26px;
 margin-left: 131px;
  margin-bottom: 26px;

  }
*/
    
/*
span.labeldate {font-size: 0.33em;line-height: 1.35em;
padding: 5px 8px; 
 }   

.labelx:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 5px;
}

.labelx[for*="1"]:before {
  content: ""; 
  
}
*/

/*
.labelx[for*="2"]:before {
  content: ""; 
}
*/



/*
.labelx:hover {
  background-color:#a7bcb9; 
  cursor: pointer;
  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
}    
*/

/*
input:checked + .labelx {
  color: #fff;
  border: 0px solid #ddd;
  border-top: 3px solid red;
  border-bottom: 3px solid red;
  background:#a7bcb9; 

}
*/
/*

#tab1:checked ~ #content1,
#tab2:checked ~ #content2 {
  display: inline-flex;
}
*/
	
/*
section {  max-width: 1960px; width: 100%; 
 display: none;
  margin: 0 auto;
 position: relative;
  padding: 20px 0 0;
  border-top: 8px solid #ddd;

}
*/
  
/*
.grid-container {
  display: grid; grid-template-columns: 4fr;
grid-gap: 0px; margin: 0 auto; height: auto; justify-content: space-evenly;position: relative}
    
*/
/*
.time-box {display: grid; vertical-align: middle; align-content: center; text-align: left; font-size: 1.1em; line-height: 1.5em;  color: rgba(26, 58, 129,1.00); font-weight:600;margin-left: 0px;}
   
span.sessions {color: aliceblue;background: rgba(58, 83, 155, 1); max-width:107px; width:99%; padding: 0px;text-align:center; font-weight:900; font-size:0.91em; border-radius: 3px;  text-transform: uppercase;} 
      
.box-text {display: grid; vertical-align: middle; align-content: center;}
    
.box-text h2  {color: rgba(26, 58, 129,1.00); line-height: 1.30em;text-align: left; margin-bottom: 0px; margin-left: 0px;padding: 0px; font-weight:600;font-size:1.13em }
    
.box-text h3 {color: rgba(248,4,8,1.00); line-height: 0px }
*/

.box-text p {text-align: left;padding: 5px 0px;line-height: 1.65em; vertical-align: middle; font-size: 0.94em; color: rgba(0,0,0,1.00)}
    
/*
.time-box, .box-text {
    border-top: 0.01em solid rgba(254, 121, 104, 1);
    grid-column: 1 / 0; padding: 10px 0px;  this code makes the row stretch to entire width of the container 
}
*/
/*
.speakers-span{font-size: 0.89em; padding: 0 0px 0px 5px}

span.sessionsDay2  {color: aliceblue;background: rgba(0,132,58,1.00); max-width:107px; width:99%; padding: 3px;text-align:center; font-weight:900; font-size:0.91em; border-radius: 3px;  text-transform: uppercase;}
      
.container-speakers {font-size:0.95em;}
*/
  
/*xxxxxxxxxxx.speakersPanel { }  xxxxxxxxxxxxxxx*/ 
/*
  .link-style { font-size: 0.89em; line-height: 0.98em;
  font-weight: 600;
  color: hotpink;
}

.container-speakers:hover {
  color: cadetblue;
}
  .container-speakers a:hover, a:active { outline: none; }
a, a:active, a:visited {  text-decoration:none }
*/

  
  
/*
  #wrapper-speakers {
	margin:0 auto;
    max-width:1060px; 
    width: 100%;

}
*/
 


body { max-width:1960px;
	 margin: 0 auto;  width: 88%;position: absolute;

top: 0;
left: 0; right: 0; 
 
 
}
.
 main { max-width:1960px;
  width: 88%;
  margin: 10px auto;
	padding-left: 2%;
	padding-right: 2%;position: relative;
}
   
.speakers-wrapper {  
/*    max-width:1960px; */
   max-width:1960px;
  width: 88%;
 margin-left:100px;
    display:flex;
      flex-wrap:wrap;  
      align-items: left;
      justify-content: space-around;
      justify-content: flex-start;  
      flex-basis: 100%;
  }  
  
.speakers-wrapper .container-speakers {
	max-width:240px; 
	width: 100%;
	height: 11.1em;
	display:inline-table;
	margin:20px 0px 10px 0px;
	padding: 10px;  
}

  .speakers-wrapper .container-speakers h2 {
	margin:0px auto;
	padding: 0px; 
  }
		
	/*.image{  background-color: aqua; margin:0 ; width:200px;} */ 
.image{  margin: 0px auto; width:140px; height: 140px; }
img{display: flex;flex-wrap:nowrap;  
      align-items: center;
      justify-content: space-around;
      justify-content: center;  
      flex-basis: 100%;
}
		
.nameplate {width: 100%;/*	49*/position: relative; 
  max-height: 590px; height: 100%; margin: 0px 0px; padding: 10px 0px 10px 2px; text-align: center; font-size: 0.81em;line-height: 1.4em;  font-family: 'open san', sans-serif; display: block; } /*background: #0C7124;*/

.name-p {font-weight: 300;color:#444040;}
		
span.name-p { position: relative;text-align: center; text-transform: uppercase;font-weight: 600; letter-spacing: 0.01em; font-size: 1.09em; margin: 10px 0px; padding: 10px 0px;
   }

p.company {text-align: center; margin:5px 0px; padding: 5px 0px 10px 0px;font-weight: 300;line-height: 1.4em;} 
      
span.name-pX { position: relative;font-weight: 300;width: 100%;text-align: center;  height: 100%; overflow: hidden;  font-size: 0.96em; line-height: 0.81em;}
      
.modal-banner {max-width: 240px; width:99.999%; margin: 0 5px 0 0px; display: inline-block;  vertical-align: middle;}
        


/* Landscape phones and down */

		
			  

.btn {
  position: relative;
  display: inline;
  margin: 0 auto;
  padding: 0.4em 0.8em;
  max-width: 12em;
  width: 100%;
  color: #ffffff;
  background: #0A3EB5;
  font-size: 0.96em;
text-transform: none; 
  text-align: center;
  text-decoration: none;
  border: 1px solid #ffffff;

}
.btn:before, .btn:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;color: #ffffff;
}
.btn:before {
  height: 0px; color: #ffffff;

}
.btn:after {
  height: 100%; width: 100%;
 color: #ffffff;

}
.btn:hover, .btn:focus {
  text-decoration: none;
  background-size: 100%; background: #1E88E5;border: 1px solid #ffffff;color: #ffffff;

}
.btn:focus {
  outline: none;width: 100%;
  border: 1px solid #ffffff;color: #ffffff;

  background-size: 100%;

}
.btn:active {
  top: 0px;border: 1px solid #ffffff;color: #ffffff;
}
.btn:active:after {
 border: 0px solid #ffffff;
}

 /* xxxxxxxxxxxxxxxxx Modal xxxxxxxxxxxxxxxxxxxxxxxxx */	


   .biog {  
   padding:0px; 
   margin: 60px 5px 0px 0px; 
   text-align: left; 
   color: #000000; font-size: 1.15em; 
   font-weight: 600;
   border-bottom-width:2px; 
   border-bottom-style:solid; 
   border-bottom-color:#F73A3D; 
   padding-bottom:4px;
   font-family: 'Roboto', sans-serif; 
   /*background: linear-gradient(to top right, #e11931 0%, #ff6666 100%);*/
}    

.modal-dialog {
  background-color:#FFFFFF;
 max-width: 860px;
  width: 100%; margin: 0 auto;
  }
.modal-content1{
	background-color:grey;
	margin:20px;		
  } 
.modal-header {margin: 0px; border: none;
  }
h2.presentation {background-color: #000000; color: #FFFFFF;padding: 7px;
  }
  .modal-body {margin-top: 5px; float: left; width: 58.667%; 
  }	
  .modal-body p { padding: 1.10em 1em 0 0; font-size: 0.90em; line-height: 18px; font-weight: 400;
   font-family: 'Roboto', sans-serif; text-align: left; 
  }
  
.modal-title {font-family: 'Roboto', sans-serif; }
.modal-title h1 {padding:0px; margin: 10px 5px 0px 0px; text-align: left; color: #000000; font-size: 1.35em; line-height: 0px;font-weight: 600;border: none; 
  }  
.modal-title p  {  padding: 1.10em 1em 0 0;font-size: 0.90em; line-height: 18px; font-weight: 400;
  text-align: left; 
  }
.modal-banner {padding:0px 10px 0px 10px;width: 43.334%; margin: 10px 5px 0 0px; float: left; vertical-align: middle;
  }
/*
.headerxh2 h2 { width: 100%; 
  padding:5px;margin: 0px 10px 5px 10px;
  text-align: left; color: #7a9999;
  font-size: 1.15em; font-weight: 400;
  font-family: 'Roboto', sans-serif;
} 
*/
.modal-banner h4{  
  padding:5px;
  margin: 0px;
  text-align: center;
  border: 1px solid #333333;
  color: #2C3E50; /*color: #7a9999;*/
  font-size: 1.35em; 
  font-weight: 600;
  font-family: 'Roboto', sans-serif;
}   
/*
.modal-banner p{  
  padding:0px 10px 0px 20px;margin: 0px 0px 1px 0px;
  text-align: left;
 color: red; color: #7a9999;
  font-size: 0.95em; font-weight: 400;
  font-family: 'Roboto', sans-serif;
} 
*/
.modal-banner .date{  
  padding:2px;margin: 0px;
  text-align: center;
 color: #FFFFFF;
  background: #F73A3D;
/*  background: #2C3E50;*/
  font-size: 1.08em; font-weight: 400;
  font-family: 'Roboto', sans-serif;
}


/*xxxxxxxxxxx.speakersPanel { }  xxxxxxxxxxxxxxx ENDS*/

@media (max-width: 679px) { 
	
  .speakers-wrapper {
    margin: 0px auto; 
  }
  
  .container-speakers {
    width: 100%;
    height: 99.999%;
	  display:block;
	  margin: 0px auto; 
	  padding: 10px; 
    word-wrap: break-word;
}

  .nameplate {
    width: 100%; 
    margin: 0px auto;  
    font-size: 0.73em; 
    line-height: 1.0em; 
    padding: 10px;
    overflow-wrap: break-word;
  }	
	.name-p {font-size: 0.58em;   } 
    .modal-body {margin-top: 5px; float: none; width: 100%; 
  }	
  .modal-title h1 {width: 100%; padding:0px; margin: 0px; text-align: left;  color: #000000; font-size: 90%; 
    line-height: 17px;border: none;
     
    
  }  
  .modal-body p { 
    padding: 0.81em; 
    font-size: 0.78em; 
    line-height: 17px;
   
  }
  
  .modal-banner .date{  
    padding:2px;
    margin: 0px;
    font-size: 88%;
    line-height: 21px;

}
  
  .biog {  
     padding:0px; 
     margin: 10px 0px 0px 0px; 
     font-size: 1.00em; 
     border: none;
}    

  
  
}/* @media  ENDS */




@media screen and (max-width: 920px) { 
   main {  
     width: 100%; 
     margin: 0;
	   padding-left: 0.175%; 
     padding-right: 0.175%; 
     font-size: 98%; 
  }
   
  .labelx {
    margin:0 auto;
    display: inline-flex; 
    width: 43%;
    padding: 23px 22px;
    font-size: 1.19em;}
   
span.labeldate { 
    display: none
 } 
  
/*
.grid-container {display: grid; grid-template-rows: 1fr;
grid-gap:5px; margin: 0 auto;width: 100%; }
*/
  
/*font-size: 97%}*/
    
/*.time-box {display: grid; vertical-align:top;  text-align: left; font-size: 83%; line-height: 1.3em;  color:rgba(154,157,0,1.00); font-weight:400;}*/
    
.time-box {display: grid; vertical-align: top; align-content: center; text-align: left; font-size: 1.1em; line-height: 1.5em;  color: rgba(26, 58, 129,1.00); font-weight:600;margin-left: 26px;background: rgba(240,248,180,1.00);} 
  
.box-text {vertical-align: top; align-content:space-around;
    font-size: 97%; text-align: center;width: auto; 
    grid-column: 0 / 0; /* this code makes the row stretch to entire width of the container */
}

/*
  span.sessions {  width:93%; padding: 0px; 
    color:rgba(192,3,28,1.00);background:rgba(255,255,255,1.00);  padding: 1px;text-align:left;   border-radius:none;font-weight:bold;
     }
*/
   } /* xxx Media ENDS xxx */