@charset "utf-8";
/* CSS Document */
html{ font-size:calc(13px + 9 * ((100vw - 320px) / 1180))}
body{ font-family: 'Padauk', 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;}
h1, h2{font-family: 'Changa', sans-serif; font-size:30px; line-height:30px; margin-bottom:10px;}
footer h4{font-family: 'Changa', sans-serif;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{ width:100%;}
header, #slider, #target-audiuce, #about ,#agenda, #speaker,#partner, #Venue, #news, footer, nav, #bn4,#sponsors { display: block;}
.container{ width:1170px; margin-left:auto; margin-right:auto;}
.navbar-fixed-top{ background:#fff;}
header{ border-bottom:2px solid #c1560f; box-shadow:0 0 10px 5px #e1e1e1; -webkit-box-shadow:0 0 10px 5px #e1e1e1;-o-box-shadow:0 0 10px 5px #e1e1e1;-moz-box-shadow:0 0 10px 5px #e1e1e1; }
nav{background:#fff; overflow: hidden; padding:15px 0;}
.navbar-brand{ float:left; display: none; padding:0px !important; height:auto!important;}
.change-logo{ display: block; padding:0px; margin:15px 0;}
.navbar-fixed-top{ width:100%!important;}
.navbar{ margin-bottom:0px !important;}
.navbar-nav > li > a{ padding:45px 15px !important;}
.nav > li > a:hover, .nav > li > a:focus{ /* For browsers that do not support gradients */
background: -webkit-linear-gradient(top, #5cba56 , #30ae4c); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(top, #5cba56 , #30ae4c); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(top, #5cba56 , #30ae4c); /* For Firefox 3.6 to 15 */
background: linear-gradient(top, #5cba56 , #30ae4c); /* Standard syntax */
color:#fff;}
.navbar-collapse{ padding:0px;}
nav ul{ display: block; text-align:center;}
nav ul li{ float:left;}
nav ul li a{ padding:30px 15px; color:#0f0f0f; font-size:17px;}
nav ul li a:hover{ background: red; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(top, #5cba56 , #30ae4c); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(top, #5cba56 , #30ae4c); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(top, #5cba56 , #30ae4c); /* For Firefox 3.6 to 15 */
background: linear-gradient(top, #5cba56 , #30ae4c); /* Standard syntax */
color:#fff;
}
#slider{ background:url(../images/slider-bg.jpg) 0 0 no-repeat; background-size:100% 100%;}
/*news section css start here*/
#news2{background:#278632 url(../images/light-pattern.png); position:relative; z-index:1}
#bn4{}
.breakingNews{width:100%;position:relative; overflow:hidden;}
.breakingNews>.bn-title{width:auto; height:71px; display:inline-block;position:relative;}
.breakingNews>.bn-title>h1{display:inline-block; margin:0; padding:20px;color:#FFF; box-sizing:border-box; background:#f0670b; }
.breakingNews>.bn-title>span{width: 0;position:absolute;right:-10px;top:30px;height: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent #2096cd;}
.breakingNews>ul{padding:0; margin:0; list-style:none; position:absolute; left:210px; top:0; right:40px; height:71px;}
.breakingNews>ul>li{position:absolute; height:71px; width:100%; line-height:70px; display:none;}
.breakingNews>ul>li>a{text-decoration:none; color:#000000; overflow:hidden; display:block; white-space: nowrap;text-overflow: ellipsis; font-weight:normal;}
.breakingNews>ul>li>a>span{color:#d5d5d5;}
.breakingNews>ul>li>a:hover{color:#2096cd;}
.breakingNews>.bn-navi{width:40px; height:70px; position:absolute; right:0; top:0; opacity:0;}
.breakingNews>.bn-navi>span{width:20px; height:70px; position:absolute; top:0; cursor:pointer; opacity:0.3; background-image:url(../images/bn-arrows.png); background-repeat:no-repeat;}
.breakingNews>.bn-navi>span:hover{opacity:1;}
.breakingNews>.bn-navi>span:first-child{background-position:left center; left:0;}
.breakingNews>.bn-navi>span:last-child{background-position:right center; right:0;}
.breakingNews:hover .bn-navi{opacity:1;}
.bn-green{border-color:#27ae60;}
.bn-green>.bn-title{background:#f0670b;}
.bn-green>.bn-title>span{border-left-color:#f0670b;}
.bn-green>ul>li>a:hover,.bn-green>ul>li>a>span{color:#fff;}
/*news section css end here*/
/*about section css start here*/
#about{ color:#3db24f; padding:45px 0px; background: #000 url(../images/light-pattern.png) no-repeat 0 0; position:relative;}
#about .top-corner{ position:absolute; border-top: 50px solid transparent ; border-right: 1505px solid #000; left:0; top:-49px; z-index:-1;}
#about p a{ color:#fff;}
/*about section css start here*/
/*target-audiuce section css start here*/
#target-audiuce{ color:#fff; padding:90px 0px 45px 0px; background:url(../images/audienc-bg.jpg)0 0 no-repeat; position:relative;background-size:100% 100%;}
#target-audiuce .top-corner{ position:absolute; border-bottom: 50px solid transparent ; border-left: 1349px solid #000; left:0; top:0px; z-index:1;}
/*target-audiuce section css start here*/
/*agenda section css start here*/
#agenda{ color:#fff; padding:90px 0px 45px 0px; background:url(../images/agenda-bg.jpg) 0 0 repeat-y;position:relative;background-size:100%;}
#agenda:before{ position:absolute; left:0; top:-2px; z-index:1; width:100% ; height:41px;background: #000 url(../images/agenda-bg.jpg);background-size:100%; content:""; transform:rotate(-2deg) skewY(0deg); }
/*#agenda .top-corner{ position:absolute; border-bottom: 50px solid transparent ; border-left: 1349px solid #000; left:0; top:0px; z-index:1;}*/
#agenda .sec-box-heading{ width:100%; border:1px solid #000; padding:20px 40px 0px 40px; background:rgba(0,0,0,.6); color:#000; overflow:auto; margin-top:2px; color:#fff;}
#agenda .sec-box{ width:100%; border:1px solid #FFF; padding:20px 40px 0px 40px; background:rgba(255,255,255,.6); color:#000; overflow:auto; margin-top:2px;}
.session,.time-block{ display:block;margin-bottom:10px}
.session .section-lef{ float:left; width:15%; margin-bottom:10px}
.session .section-right{ float:right; width:85%; margin-bottom:10px}
/*agenda section css start here*/
/*speakers css start here*/
#speakers{ color:#fff; padding:90px 0px 45px 0px; background:#000 url(../images/light-pattern.png) no-repeat 0 0; position:relative;}
#speakers .top-corner{ position:absolute; border-top: 50px solid transparent ; border-right: 1507px solid #000; left:0; top:-49px; z-index:1;}
.speaker-details{ width:100%; margin-top:30px;}
.speaker-details img{ border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%; border:10px solid #5fc613; width:100%;}
.speaker{ width:20%; float: left;}
.details{ width:75%; float: right;}
.details h3{ font-size:22px; color:#3db24f;}
.details h3 span{ color:#6b6f6c; font-size:18px;}
.details p{ margin-top:10px;}
.details .btn{ border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px; background:#3db24f; color:#fff; padding:8px 15px; display: inline-flex; margin-top:15px;}
.speaker-carousel-left,.speaker-carousel-right{ font-size:50px; z-index:3;top:60px; color:#fff; top:-50px;}
.speaker-carousel-left{ left:92%; position:absolute}
.speaker-carousel-right{ right:0%; position:absolute}
/*speakers section css start here*/
/*partner css start here*/
#partner{ color:#fff; padding:15px 0px 15px 0px; background:url(../images/partner-bg.jpg)0 0 no-repeat; position:relative;background-size:100% 100%;}
#partner .top-corner{ position:absolute; border-bottom: 50px solid transparent; border-left:1349px solid #000; left:0; top:0px; z-index:1;}
.partner-logo{ width:100%; position:relative; border:3px solid #08b147; margin-bottom:30px;}
.partner-logo img{ width:100%;}
.partner-logo .caption{ position:absolute;bottom:0-3x; width:104%; text-align:center; color:#fff; background:#08b147; padding:3px 0px; z-index:1; left:-3px;}
.partner-carousel-left,.partner-carousel-right{ font-size:60px; z-index:3;top:60px; color:#fff;}
.partner-carousel-left{ left:-50px; position:absolute}
.partner-carousel-right{ right:-50px; position:absolute}
/*partner section css start here*/
/*venue css start here*/
#venue{ color:#fff; padding:30px 0px 45px 0px; position:relative; background:#000;}
#venue .top-corner{ position:absolute; border-top: 50px solid transparent; border-right:1506px; solid #000; left:0; top:-40px; z-index:1;}
.map{ width:100%; margin-top:25px; float:left;}
/*venue section css start here*/
/*venue css start here*/
footer{ color:#fff; padding:30px 0px 45px 0px; position:relative; background:#000;}
footer .contact{ color:#5cba56; position:relative}
footer h4:before{ content:""; position:absolute; height:1px; width:100%; background:#5cba56; left:0px; top:-10px;}
footer .contact .fa{ margin-right:15px;}
footer .contact p{ font-size:16px;}
.footer-link{ width:100%; background:#161515;}
.footer-link p{ color:#3f3e3e; font-size:12px; line-height:20px;}
/*venue section css start here*/
#sponsors{ background: url(../images/contact.jpg) 0 0 no-repeat; background-size:100% 100%;padding:45px 0px; color:#fff;}
#sponsors { text-align:center;}
#sponsors h4{ font-size:30px; margin-bottom:30px;}
#sponsors h3{ margin:10px 0px; color:#ed2830;}
#sponsors h3 span{ margin:10px 0px; color:#fff; font-weight:bold;}
#sponsors p{font-size:24px; line-height:30px; font-family: 'Padauk', sans-serif; }
#sponsors p a{ color:#ed2830;}
#sponsors .fa{ margin-right:10px;}
#speaker-details{
}
#speaker-details .speaker-details{ display: flex; border-bottom:2px solid #999; padding:15px;}
#speaker-details .speaker-details .speaker{ width:20%;}
#speaker-details .speaker-details .details{ width:70%; margin-left:5%;}
#speaker-details .speaker-details img{ width:100%;}
#about .top-corner,#target-audiuce .top-corner,#speakers .top-corner,#partner .top-corner{display: none!important;}
#ict-winner{ color:#fff; padding:90px 0px 45px 0px; background:url(../images/itc-winner/ici-bg.jpg) no-repeat;position:relative;background-size:100% 100%;}
#ict-winner .winner-box{ position:relative;}
#ict-winner .frame{ position:absolute; left:0px; top:0px; z-index:-10px; width:100%;}
#ict-winner .pro-pic{ padding:15px;}
#ict-winner .winner-box h3{ font-size:20px; color:#d2232a; text-align:center}
#ict-winner h2{color:#000}
.caption{text-align:center; font-size:18px; color:#0d0b01; line-height:22px}
.caption strong{ color:#C30; font-weight:bold;font-size:20px;}
#gallery{}
#gallery img{ width:100%; height:100%; border:1px solid #CCC; padding:2px; margin-bottom:15px;}
@media (min-width:320px) and (max-width:1100px) {
.container{ width:100%;}
.speaker-carousel-right .fa,.speaker-carousel-left .fa{ font-size:100px !important;}
.speaker-carousel-right{right:-20px!important;}
.speaker-carousel-left{left:-20px!important;}
}
@media (max-width:768px){
.speaker-details{ position:relative!important;}
.speaker{ width:50%;}
.details{ width:100%;}
.speaker-carousel-right{right:0!important; top:0px;}
.speaker-carousel-left{left:90%!important;top:0px;}
.speaker-carousel-right .fa,.speaker-carousel-left .fa{ font-size:20px !important;}
.partner-carousel-left{ left:0px; top:25%;}
.partner-carousel-right{right:0px; top:25%;}
.partner-carousel-right .fa,.partner-carousel-left .fa{ font-size:20px !important;}
.session .section-lef,.session .section-right{ width:100%;}
}
@media screen and (max-width: 320px) {
.navbar-brand{ display: block!important;}
}