
/*@import url('https://fonts.googleapis.com/css?family=Muli');*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,500;0,600;0,700;1,100;1,500;1,600;1,700&display=swap');@import 'font-awesome.min.css';
@import 'bootstrap.min.css';
@import 'animate.css';

/* CSS Document */
html{ font-size:calc(13px + 9 * ((100vw - 320px) / 1180))}
body{ font-family: 'Montserrat', sans-serif; margin:0px; line-height:20px; font-size:18px;transition:2s ease-in-out; -webkit-transition:2s ease-in-out;-o-transition:2s ease-in-out; background:#fcfcfc url(../images/bodybg.jpg) no-repeat 0 0;}
h1, h2{; font-size:30px; line-height:30px; margin-bottom:10px;color:#000; margin-bottom:39px;}
footer  h4{margin-bottom:10px;}

ul, li{ list-style: none; margin:0px; padding:0px;}
a{ text-decoration:none;}
*, *:before, *:after{ box-sizing: border-box; margin:0px; padding:0px;}
img{ display: block; margin:0 auto;}

header,#header-body, #agenda, #whotoattend, #Health-Tech, footer { display: block; width:100%}
#slider img { /*width:100%*/}
.navbar-fixed-top{ background:#fff;}
/*.nav-bg{ background:rgba(255,255,255,0.95)}*/
header{  background:rgba(255,255,255,1); position:fixed;transtion:all 0.4s ease; -webkit-transtion:all 0.4s ease;-o-transtion:all 0.4s ease;-ms-transtion:all 0.4s ease; left:0; top:0px; width:100%; z-index:999999; padding:8px 0px; display: none;}
nav{overflow: hidden; padding:15px 0;}
.navbar-brand{ float:left; display: block;  height:auto!important; padding:0px !important; margin:15px 0px;}
.change-logo{ display: block; padding:0px; margin:15px 0;}
.navbar-fixed-top{ width:100%!important;}
.navbar{ margin-bottom:0px!important; position: relative; }
.navbar img{ position:absolute; top:0px}
.container > .navbar-collapse{/*margin-top:26px!important;*/}
.navbar-nav > li > a{ padding:10px 15px!important;  background:none; margin-left:2px; color:#000;}
.nav > li > a:hover, .nav > li > a:focus{ background:#f2272a !important;color:#fff;}
.navbar-collapse{ padding:0px;}
nav ul{ display: block; text-align:center; margin-top:30px;}
nav ul li{ }
nav ul li a{ padding:30px 15px; color:#0f0f0f; }
nav ul li a:hover{ background:#f2272a;color:#fff;
  }
#header-body{ background:url(../images/bg.jpg) no-repeat; background-size:100% 100%; padding-bottom:30px;}

#header-body h1{ font-size:50px; color:#fff; text-align:center}
#header-body h3{font-size:40px; color:#fff; text-align:center}
.top-navbar>.container{ position:relative; height:68px}
.top-navbar{ background:#fff;}
#header-body>.container{ position:relative;}
.sociallink{ position:absolute; right:0; bottom:6%; color:#fff; font-size:.75em}
.sociallink a{ color:#fff; margin-left:20px}

#overview{ padding:30px 0;}
.overview2{ position:relative;}
.overview2:before{ position:absolute; left:-8px; top:0; width:10px ; height:40px; background:#000; content:""}
#overview  p{ font-size:1.125em; line-height:28px; display: block;} 


.pcquest{position: absolute; left:0; top:28%}
.cybermedia{position: absolute; right:0 ; top:28% }



#Health-Tech2{}
#Health-Tech2 .box{ padding:15px; background:#002F5D;}
#Health-Tech2 .affordable-box img{  margin-right:18px; margin:0 auto; display:block ; margin-bottom:30px; transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg); position:relative; margin-top:0px;}
#Health-Tech2 .affordable-box:hover img{ transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);}
#Health-Tech2 .affordable-box {height:230px; margin-bottom:15px; border-radius:4px; text-align:left; padding:20px; text-align:center;transition:2s ease-in-out; -webkit-transition:2s ease-in-out;-o-transition:2s ease-in-out; border:1px solid #ccc}
#Health-Tech2 .affordable-box:hover {background: linear-gradient(125deg, rgba(27,43,60,1) 0%, rgba(0,178,208,1) 100%); margin-bottom:15px; border-radius:4px; text-align:left; padding:20px; text-align:center; color:#fff;
}


.partner-section{ background:#02191e url(../images/partner-bg.png) no-repeat center top; width:100%;}
.partner-box{ float:left; width:100%}
#Health-Tech{}
#Health-Tech .box{ padding:15px; background:#002F5D;}

.afforadable-text{ display:block; margin:12% 0px; font-size:1em;}


#Health-Tech h3{ margin-bottom:30px;}
#Health-Tech .affordable-box{ background:#CCC; height:150px; margin-bottom:15px; border-radius:4px; text-align:left; padding:20px;}
#Health-Tech .affordable-box img{ float:left; margin-right:18px;}


#Keyhighlights{background: rgb(27,43,60);
background: linear-gradient(125deg, rgba(27,43,60,1) 0%, rgba(0,178,208,1) 100%); padding:50px 0;}
#Keyhighlights h1{ color:#FFF;}
#Keyhighlights .box{ border-right:5px solid #FFF;  height:150px; margin-bottom:35px; position:relative; color:#000; background:#fff; padding:15px;font-size:1.25em;}
#Keyhighlights .box:before{ width:100%; height:100%; content:""; top:15px; right:15px; position:absolute; background:none; border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;border-top:1px solid #fff;}

#Keyhighlights .box span{ font-size:1.70em; display:block; line-height:80px; }


.speaker-box{ position:relative; margin-bottom:15px; border:1px solid #CCC;
transition: all 0.3s ease-out 0s; padding:10px; min-height:339px;
-webkit-transition: all 0.3s ease-out 0s;
       -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
 
 
 }
 .speaker-box img{transition: all ease-in-out 0.5s; -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%); width:100%;}
.speaker-box:hover img{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}
.speaker-box .caption p{ font-size:0.75em; color:#000;  line-height:15px ; margin:0px;text-align: center}
.speaker-box .caption h5{ font-size:.88em; color:#000; margin:0px;margin-bottom:5px; text-align: center; font-weight:600;}
.speaker-box .caption h6{text-align: center}
.speaker-box .caption{  width:100%;  margin-top:18px;
-webkit-transition: all 0.3s ease-out 0s;
       -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;box-sizing: border-box; }
/*.speaker-box:hover .caption{ left:0px; }
*/

.speaker-box .description{ left:0px; top:0; display: none; position:absolute;-webkit-transition: all 0.3s ease-out 0s;
       -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;}
.speaker-box:hover .description {display: none; background:#000; color:#000; padding:15px;overflow:auto; height:270px;}

.speaker-box:hover .description p{ font-size:0.75em; }





#whotoattend{background: rgb(27,43,60);
background: linear-gradient(125deg, rgba(27,43,60,1) 0%, rgba(0,178,208,1) 100%); padding:50px 0; margin:15px 0px;}
#whotoattend ul { margin:0px; padding:0px;}
#whotoattend ul li{ margin-bottom:10px; padding-left:20px; background: url(../images/bullet.png) no-repeat 0 7px; color:#fff;}


#agenda{}
#agenda td strong{ font-weight:normal; }
#agenda td,#agenda th { padding:10px;}
#agenda td h2{ margin-top:0px; font-weight:500; font-size:1.375em; margin-bottom:20px;} 
#agenda td h3{ font-weight:500; font-size:1.25em; margin:13px 0px} 
#agenda td ul { margin:0px ; padding:0px;}
#agenda td ul li{  padding-left:20px; background:url(../images/bullet-2.png) 0 6px no-repeat;}
#agenda td span{ display: block; margin-top:20px;}
#agenda td span a{ color:#ff3300;}

#agenda td span img{ margin:inherit; display:inherit; margin-right:20px;}

footer{ background:#000A25; color:#fff}
footer h1{ color:#fff;}

 {
    padding: 1rem;
	width:97%; background:#fff; border-radius:20px;
	}
	
	.twitter-post{ padding:20px; background:#fff; border-radius:10px;}
footer .box{  height:400px; overflow-y: scroll; 
scrollbar-color: #6969dd #e0e0e0;
scrollbar-width: thin;border-radius:20px; background:#fff;
}

.box::-webkit-scrollbar
 {
    width: 13px;
}

.box::-webkit-scrollbar-track {
    background-color: #04242e;border-radius:20px;
}



.box::-webkit-scrollbar-thumb {
background-image: linear-gradient(180deg, #15d0df 0%, #04858f 99%);
    box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);
    border-radius: 100px;	
}



 hr{ background:#fff; margin-bottom:30px;} 


@media screen and (max-width:768px){
.header-img{ width:50%; }

}
@media screen and (max-width:700px){
.overview{display:none;}
.pcquest{ width:40%; left:5%}
.cybermedia{ width:40%; right:5%}
.sociallink{  bottom:-20%; color:#000; }
.sociallink a{ color:#000; margin-left:20px}
.affordable-box{ min-height:200px;}
.afforadable-text{  float:none; text-align:center;}
#Keyhighlights .box span{ font-size:1.75em;}
#Keyhighlights .box{font-size:1em;}
#Health-Tech .affordable-box img{ display:block; float:  none; margin:0 auto;}

}

@media screen and (max-width:320px){
	.pcquest{ width:50%;left:24%}

	.cybermedia{display:none;}

