/*--------------------------------------------------------------
# Common
--------------------------------------------------------------*/
body{font-family:"Open Sans",sans-serif;color:#444}
a{color:#ec1c24;text-decoration:none}
a:hover{color:#ec1c24;text-decoration:none}
h1,h2,h3,h4,h5,h6{font-family:Raleway,sans-serif}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;overflow:hidden;background:#fff}
#preloader:before{content:"";position:fixed;top:calc(50% - 30px);left:calc(50% - 30px);border:6px solid #ec1c24;border-top-color:#d1e6f9;border-radius:50%;width:60px;height:60px;-webkit-animation:animate-preloader 1s linear infinite;animation:animate-preloader 1s linear infinite}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:996;background:#000000; border:2px solid #000000;width:40px;height:40px;border-radius:4px;transition:all .4s}
.back-to-top i{font-size:28px;color:#fff;line-height:0}
.back-to-top:hover{background:#ffffff;color:#000000;}
.back-to-top:hover i{color:#000000;}
.back-to-top.active{visibility:visible;opacity:1}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {background: #fff;transition: all 0.5s;z-index: 997;padding: 20px 0;top: 0;box-shadow: 0px 2px 15px rgba(25, 119, 204, 0.1);}
#header.header-scrolled {top: 0;}
#header .logo a {color: #2c4964;}
#header .logo img {max-height: 70px;position: absolute;top: 50%;transform: translateY(-50%)}

@media screen and (max-width: 767px){
  #header .logo img {max-height: 60px;}
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar{padding:0}
.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}
.navbar li{position:relative}
.navbar>ul>li{position:relative;white-space:nowrap;padding:8px 0 8px 20px}
.navbar a,.navbar a:focus{display:flex;align-items:center;justify-content:space-between;font-size:15px;color:#2c4964;white-space:nowrap;transition:.3s;border-bottom:2px solid #fff;padding:5px 2px}
.navbar a i,.navbar a:focus i{font-size:12px;line-height:0;margin-left:5px}
.navbar .active,
.navbar .active:focus,
.navbar a:hover,
.navbar li:hover>a{color:#000000;border-color:#000000}
.navbar .dropdown ul{display:block;position:absolute;left:20px;top:calc(100% + 30px);margin:0;padding:10px 0;z-index:99;opacity:0;visibility:hidden;background:#fff;box-shadow:0 0 30px rgba(127,137,161,.25);transition:.3s}
.navbar .dropdown ul li{min-width:200px}
.navbar .dropdown ul a{padding:10px 20px;font-size:14px;font-weight:500;text-transform:none;color:#082744;border:none}
.navbar .dropdown ul a i{font-size:12px}
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul a:hover,
.navbar .dropdown ul li:hover>a{color:#ec1c24}
.navbar .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}
.navbar .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden}
.navbar .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {left: -90%;}
  .navbar .dropdown .dropdown:hover > ul {left: -100%;}
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {color: #2c4964;font-size: 28px;cursor: pointer;display: none;line-height: 0;transition: 0.5s;}
.mobile-nav-toggle.bi-x {color: #fff;}

@media (max-width: 991px) {
  .mobile-nav-toggle {display: block;}
  .navbar ul {display: none;}
}

.navbar-mobile{position:fixed;overflow:hidden;top:0;right:0;left:0;bottom:0;background:rgba(28,47,65,.9);transition:.3s;z-index:999}
.navbar-mobile .mobile-nav-toggle{position:absolute;top:15px;right:15px}
.navbar-mobile ul{display:block;position:absolute;top:55px;right:15px;bottom:15px;left:15px;padding:10px 0;background-color:#fff;overflow-y:auto;transition:.3s}
.navbar-mobile>ul>li{padding:0}
.navbar-mobile a{padding:10px 20px;font-size:15px;color:#2c4964;border:none}
.navbar-mobile .active,
.navbar-mobile a:hover,
.navbar-mobile li:hover>a{color:#ec1c24}
.navbar-mobile .getstarted{margin:15px}
.navbar-mobile .dropdown ul{position:static;display:none;margin:10px 20px;padding:10px 0;z-index:99;opacity:1;visibility:visible;background:#fff;box-shadow:0 0 30px rgba(127,137,161,.25)}
.navbar-mobile .dropdown ul li{min-width:200px}
.navbar-mobile .dropdown ul a{padding:10px 20px}
.navbar-mobile .dropdown ul a i{font-size:12px}
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul li:hover>a{color:#ec1c24}
.navbar-mobile .dropdown>.dropdown-active{display:block}

/*--------------------------------------------------------------
# Home Section
--------------------------------------------------------------*/
#home {width: 100%; padding-bottom: 0;}
.home-slider .swiper-pagination {bottom:40px;position: relative;}
.home-slider .swiper-pagination .swiper-pagination-bullet {width: 20px;height: 20px;background-color: #000000;opacity: 1;border: 2px solid #ffffff;}
.home-slider .swiper-pagination .swiper-pagination-bullet-active {background-color: #ffffff;}
.home-slider .swiper-slide img{max-width: inherit; width: 100%;}


/*--------------------------------------------------------------
# Sections Common
--------------------------------------------------------------*/
#main{margin-top: -30px;}
section {padding: 60px 0;overflow: hidden;}
.section-bg {background-color: #f1f7fd;}
.section-title {text-align: center;padding-bottom: 30px;}
.section-title h2 {font-size: 32px;font-weight: bold;margin-bottom: 20px;padding-bottom: 20px;position: relative;color: #000000;}
.section-title h2::before {content: '';position: absolute;display: block;width: 120px;height: 1px;background: #ddd;bottom: 1px;left: calc(50% - 60px);}
.section-title h2::after {content: '';position: absolute;display: block;width: 40px;height: 3px;background: #000000;bottom: 0;left: calc(50% - 20px);}
.section-title p {margin-bottom: 0;}
.bg-gray{background: #a2a1a1;}
.bg-red{background: #ec1c24;}
.text-gray{color: #808080;}


/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
section#about{background:#fef3f4; padding: 0;}
.about .about-box {/*background: url("../img/about.jpg") center center no-repeat;*/background-size:contain;}

@media screen and (max-width: 767px){
  .about .about-box{max-height: 100%;
    max-width: 100%;}
}


/*--------------------------------------------------------------
# agenda
--------------------------------------------------------------*/

.agenda .icon-box {margin: 20px 0; min-height: 80px;background: #e1e1e1;}
.agenda .icon-box .icon {float: left;display:inline-block;text-align: center;width: 90px;height: 79px;transition: 0.5s; color: #000000; padding: 4px; font-weight: 900;}
.agenda .icon-box .title {font-weight: 700;margin-bottom: 10px;font-size: 18px; color: #000000;}
.agenda .icon-box p {line-height: 18px;font-size: 13px; margin-bottom: 6px; padding-bottom: 6px; border-bottom:1px dashed #a3a3a3;}
.agenda .icon-box .description{margin-left: 100px; padding: 10px 20px;border-left: 1px solid #fff;min-height: 80px;}
.agenda h5{margin:10px 0;}
.agenda .icon-box strong{line-height: 18px;}
.agenda .icon-boxes p:last-child{border-bottom:0; padding-bottom: 0; margin-bottom: 0;}


/*--------------------------------------------------------------
# speakers
--------------------------------------------------------------*/

.speakers h2:after{background: #ffffff;}



/*--------------------------------------------------------------
# Media Partners
--------------------------------------------------------------*/

.media{background:#f7f7f7;}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact{background:#f7f7f7;}
.contact a{color: #000000;}
.contact h6{font-size: 18px; color: #000000;}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {color: #444444;font-size: 14px;background: #f7f7f7;}