/*
=====================================================================
*   Zoon v1.0 Layout Stylesheet
*   url: styleshout.com
*   06-07-2014
=====================================================================

   TOC:
   a. General Styles
   b. Intro Section
   c. About Section
   d. Location Section
   e. Footer

===================================================================== */

/* ------------------------------------------------------------------ */
/* a. General Styles
/* ------------------------------------------------------------------ */

body { background: #0f0f0f; }


/* ------------------------------------------------------------------ */
/* b. Intro Styles
/* ------------------------------------------------------------------ */

#intro {
   position: relative;
   padding-bottom: 102px;   
   min-height: 900px;
   width: 100%;
   background: #161415 url(../images/header-background.jpg) no-repeat center center;
   background-size: cover !important;
	-webkit-background-size: cover !important;   
}

/* Header 
/* ------------------------------------------------------------------ */
header {   
   height: 60px;
   width: 100%; 
   position: relative;       
}
header #logo {	
	width: 250px;	
	margin-left: -130px;
	text-align: center;
	
	position: absolute;
	top: 35px;
	left: 50%;
}

/* primary navigation
--------------------------------------------------------------------- */
#nav-wrap, #nav-wrap ul, #nav-wrap li, #nav-wrap a {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

/* nav-wrap */
#nav-wrap {
   font: 11px 'montserrat-bold', sans-serif;
   text-transform: uppercase;
   letter-spacing: 2px;
   float: left;
   z-index: 9999;

   position: absolute;
   top: 12px;
   right: 30px;    
}

/* hide toggle button */
#nav-wrap > a { display: none; }
#nav-wrap > a {	   
   text-align: left;
   border: none;            
   height: 54px;
   line-height: 54px; 
   float: right;     
                        
   font: 0/0 a;
   text-shadow: none;
   color: transparent;

   position: absolute;
   top: 0px;
   right: 36px;
}
#nav-wrap > a:before {   
	font-family: 'FontAwesome';
   content: "\f0c9";
   color: #fff;
   margin: 0;
   font-size: 25px;
   line-height: 54px;
   text-align: left;      
   display: block; 
   float: right;     
}

/* hide menu panel */
#nav-wrap ul#nav {
   padding: 24px 36px 36px 36px;     
   height: auto; 
   width: auto;     
   clear: both;    
   display: none;
   background: #111;
   background: rgba(0, 0, 0, .8);
   border-radius: 3px;
            
   position: relative;
   top: 54px;
   right: 30px;           
}
   
/* display toggle buttons */
.no-js #nav-wrap:not( :target ) > a:first-of-type,
.no-js #nav-wrap:target > a:last-of-type  {
   display: block;
} 
.js #nav-wrap a { display: block; }  

/* display menu panels - no JS*/
.no-js #nav-wrap:target > ul#nav  {
   display: block;           
}

ul#nav li {
   display: block;
   height: auto;      
   text-align: left;
   border-bottom: 1px solid #202226;
   border-bottom-style: dotted; 
}

ul#nav li a {  
   display: block;   
   width: auto;  
   margin: 0;
   padding: 0;      
   margin: 12px 0; 
   line-height: 16px; /* reset line-height from 54px */
   border: none;
   color: #fff;

   -webkit-transition: color .2s ease-in-out;
   -moz-transition: color .2s ease-in-out;
   -o-transition: color .2s ease-in-out;
   -ms-transition: color .2s ease-in-out;
   transition: color .2s ease-in-out;
}  

ul#nav li a:hover { color: #af3f16; }
ul#nav li a:active { background-color: transparent !important; }
ul#nav li.current a { color: #af3f16; }


/* Main 
------------------------------------------------------------------ */
#main {
	margin: 46px auto 0;
	text-align: center;	
}
#main h1 {
	font: 42px/1.2em 'montserrat-bold', sans-serif;	
	color: #fff;
	margin-bottom: 18px;	
	padding: 0 10%;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, .5);	
}
#main p {	
	font: 16px/33px 'montserrat-regular', sans-serif;
	color: #fff;
	margin-bottom: 18px;
	padding: 0 18%;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, .7);
}
#main h5 {
	font: 13px/24px 'montserrat-bold', sans-serif;
	color: #af3f16;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, .7);	
}

/* counter 
#main #counter {
	width: 100%;
	color: #fff;
	text-align: center;
	margin: 18px auto 0;
}
#main #counter span {
	font: 70px/1em 'merriweather-bold', serif;
	display: block;
	padding: 12px 0 30px;
	min-width: 25%;
	float: left;	
	text-shadow: 0px 1px 3px rgba(0, 0, 0, .5);	
	border-left: 1px dotted rgba(255, 255, 255, .2);	
}
#main #counter span:first-child { border-left: none; }
#main #counter span em {
	font: 11px/18px 'montserrat-regular', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	margin-top: 12px;	
	display: block;
	color: #BCBCBC;
	color: rgba(255, 255, 255,.6);
	text-shadow: 0px 1px 2px rgba(0, 0, 0, .7);	
}

/* mailchimp form */
#main #mc_embed_signup {
	clear: both;
	margin: 48px auto 18px;
	width: 50%;	
}
#main #mc_embed_signup:before,
#main #mc_embed_signup:after {
    content: " ";
    display: table;
}
#main #mc_embed_signup:after {
    clear: both;
}

#main #mc_embed_signup input {
	display: inline-block;
	float: left;
}
#main #mc_embed_signup input[type="email"] {	
	font-size: 15px;
	height: 54px;
	line-height: 30px;
	padding: 12px 15px;
	border-radius: 3px 0 0 3px;	
	background: #727272;
	background: rgba(255, 255, 255, .2);	
	width: 70%;
}
#main #mc_embed_signup input[type="submit"] {
	font-size: 15px;
	line-height: 30px;
	height: 54px;
	padding: 12px 30px;
	margin: 0 0 18px 0;
	border-radius: 0 3px 3px 0;	
	background: #af3f16;
	background: rgba(25, 124, 40, 1);	
	width: 30%;	
}
#main #mc_embed_signup input[type="submit"]:hover {
	background: #146320;
}

/* social links */
#main .social {
	clear: both;
	font-size: 22px;
   margin: 12px 0 24px;
   padding: 0;   
   text-shadow: 0px 1px 2px rgba(0, 0, 0, .8);
}
#main .social li {
   display: inline-block;
   margin: 0 12px;
   padding: 0;
}
#main .social li a { color: #fff; }
#main .social li a:hover { color: #af3f16; }


/* ------------------------------------------------------------------ */
/* c. About Section
/* ------------------------------------------------------------------ */

#about {
	background: #1f1f1f;
	color: #fff; 
   padding-top: 96px;
   padding-bottom: 72px;     
   overflow: hidden; 
}
#about a, #about a:visited  { color: #af3f16; }
#about a:hover, #about a:focus { color: #fff; }

.section-header,
.section-content {
	max-width: 880px;
}
#about .section-header {
	text-align: center;	
	margin-bottom: 12px;
}
#about .section-header .icon-wrap { 	
	font-size: 60px;
	margin-bottom: 18px;
	color: #af3f16; 
}
#about .section-header h1 {
   font: 30px/36px 'montserrat-bold', sans-serif;
   color: #fff;
   margin-bottom: 12px;
   padding: 0 15%;
}
#about .section-header p { 
	color: #fff; 
	padding: 0 3%;
}
#about h3 {
   font: 15px/24px 'montserrat-bold', sans-serif;
   color: #af3f16;
   text-transform: uppercase;
   letter-spacing: 3px;   
   margin-bottom: 12px;
}

/* Call To Action 
------------------------------------------------------------------ */
#call-to-action {
	padding-top: 30px;  
   text-align: center; 
}
#call-to-action .section-ads {
	max-width: 880px;
	padding-top: 36px;
	border-top: 1px dotted #4b8f57;
	border-top: 1px dotted rgba(255, 255, 255, .2);	
}
#call-to-action h2 {
   font: 30px/36px 'montserrat-bold', sans-serif;
   color: #EBEEEE;
   letter-spacing: -0.5px;   
   margin-bottom: 18px;
   padding: 0 15%;
}
#call-to-action h2 a { color: #fff !important; }
#call-to-action p { 
	color: #fff; 
	padding: 0 8%;
}
#call-to-action span { 
	font-family: 'merriweather-regular', serif;
	color: #af3f16; 
}
#call-to-action .action a.button { 
	width: 350px;	
	margin: 0 auto;
}
#call-to-action .button {
	background: #af3f16;
	color: #fff !important;
}
#call-to-action .button:hover,
#call-to-action .button:active {
   background: #FFFFFF;
   color: #0D0D0D !important;
}


/* ------------------------------------------------------------------ */
/* d. Location Section
/* ------------------------------------------------------------------ */

#location .contacts {
	background: #1F1F1F;   
	padding-top: 48px;
   padding-bottom: 18px;   
}
#location .contact-details {
	max-width: 900px;	
	text-align: center;
}
#location .contacts .row .columns {	width: 33.33333%; }
#location .contacts .row .end { float: left; }
#location .contacts h3 {
   font: 14px/24px 'montserrat-bold', sans-serif;
   color: #fff;
   text-transform: uppercase;
   letter-spacing: 1.5px;   
   margin-bottom: 6px;
}
#location .contacts p {	
   line-height: 30px;
   font-family: 'montserrat-regular', sans-serif;
   font-size: 14px;
   color: #6C6C6C;
}
#location .contacts h3 i {	margin-right: 8px; }

/* map */
#map {
   display: block;
	height: 486px;
   width: 100%;
   background-color: #F6F4EF;
}
#map img { max-width:inherit !important; }
#map .map-error {
  text-align: center;
  padding-top: 48px;
  color: #C0B491;
  font-size: 14px;
}
#map .fa {
	font-size: 60px;
	color: #1F1F1F;
}


/* ------------------------------------------------------------------ */
/* e. Footer
/* ------------------------------------------------------------------ */

footer {
	font: 14px/24px 'montserrat-regular', sans-serif;
	background: #0f0f0f;
   padding-top: 24px;
   padding-bottom: 24px;
   color: #303030;      
}
footer a, footer a:visited { color: #525252; }
footer a:hover, footer a:focus { color: #fff; }

/* copyright */
footer .copyright {
    margin: 0;
    padding: 0;
    text-align: center;
 }
footer .copyright li {
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 24px;
}
.ie footer .copyright li {
   display: inline;
}
footer .copyright li:before {
    content: "\2022";
    padding-left: 6px;
    padding-right: 10px;
    color: #1B6728;
}
footer .copyright  li:first-child:before {
    display: none;
}

/* Go To Top Button */
#go-top {
	position: fixed;
	bottom: 30px;
   right: 30px;  
   text-align: center; 
   display: none;
}
#go-top a {
	text-decoration: none;
	border: 0 none;
	display: block;
	width: 48px;
	height: 48px;
	background-color: #303030;

	-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;

   color: #fff;
   font-size: 16px;
   line-height: 48px;
 	border-radius: 3px;
}
#go-top a:hover { background: #af3f16; }

/*
	Template Name: exhibz
	Author: Themewinter
	Author URI: https://themeforest.net/user/tripples
	Description: Exhibz conference html template. 
  Version: 1.0

=====================
   table of content 
====================

1.   Typography
2.   Global Styles
3.   header nav
4.   hero area
5    intro area
6.   ts speakers area
7.   experiyence area
8.   schedule area 
9.   pricing area 
10.  blog area 
11.  sponsros area 
12.  map direction area 
13.  newsletter area 
14.  footer area 
15.  funfact area 
16.  contact area 
17.  blog details area 
18.  about area 
19.  faq area 
20.  404  
*/
/*
	Template Name: Exhibit -  Conference & Event HTML Template
	Author: Themewinter
	Author URI: https://themeforest.net/user/tripples
	Description: Eventor -  Conference & Event HTML Template
	Version: 1.0
*/
/* Table of Content
==================================================
1.	Typography
2.  Global Styles (body, link color, gap, ul, section-title, overlay etc)
3.  Header area
4.	Banner area

	
*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i");
@import url("https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
/* ============================== */
/* Typography
================================================== */
body,
p {
  font-family: 'Roboto', sans-serif;
  line-height: 26px;
  font-size: 16px;
  color: #888888; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1c1c24;
  font-family: 'Roboto', sans-serif; }

h1, h2 {
  font-family: 'Raleway', sans-serif; }

h1 {
  font-size: 36px;
  line-height: 36px;
  font-weight: 900; }

h2 {
  font-size: 30px;
  line-height: 36px;
  font-weight: 700; }

h3 {
  font-size: 24px;
  margin-bottom: 0px;
  font-weight: 700; }

h4 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700; }

h5 {
  font-size: 14px;
  line-height: 24px; }

/* Global styles
================================================== */
html {
  overflow-x: hidden !important;
  width: 100%;
  height: 100%;
  position: relative;
  text-rendering: optimizeLegibility; }

body {
  border: 0;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

ul {
  padding: 0;
  margin: 0; }

a:link,
a:visited {
  text-decoration: none; }

a {
  color: #ff963b;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease; }

a:hover {
  text-decoration: none;
  color: #ff963b; }

a.read-more {
  color: #ff963b;
  font-weight: 700; }

a.read-more:hover {
  color: #222; }

.body-color {
  background: #151515;
  color: #fff; }

section,
.section-padding {
  padding: 0px 0;
  position: relative; }

.section-bg {
  background: #151515; }

.no-padding {
  padding: 0; }

.p-60 {
  padding: 60px 0; }

.media > .pull-left {
  margin-right: 20px; }

.gap-60 {
  clear: both;
  height: 60px; }

.gap-40 {
  clear: both;
  height: 40px; }

.gap-30 {
  clear: both;
  height: 30px; }

.gap-20 {
  clear: both;
  height: 20px; }

.mb-25 {
  margin-bottom: 25px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-60 {
  margin-bottom: 60px; }

.mb-70 {
  margin-bottom: 70px; }

.mb-100 {
  margin-bottom: 100px; }

.mt-60 {
  margin-top: 60px; }

.mrb-30 {
  margin-bottom: 30px; }

.mrb-80 {
  margin-bottom: -80px; }

.mr-70 {
  margin-right: 70px; }

.mr-80 {
  margin-right: 80px; }

.mr-100 {
  margin-right: 100px; }

.ml-70 {
  margin-left: 70px; }

.mr-70 {
  margin-right: 70px; }

.mr-80 {
  margin-right: 80px; }

.mr-100 {
  margin-right: 100px; }

.mrt-0 {
  margin-top: 0 !important; }

.pab {
  padding-bottom: 0; }

a:focus {
  outline: 0; }

img.pull-left {
  margin-right: 20px;
  margin-bottom: 20px; }

img.pull-right {
  margin-left: 20px;
  margin-bottom: 20px; }

.unstyled {
  list-style: none;
  margin: 0;
  padding: 0; }

/* Dropcap */
.dropcap {
  font-size: 48px;
  line-height: 60px;
  padding: 0 7px;
  display: inline-block;
  float: left;
  font-weight: 700;
  margin: 5px 15px 5px 0;
  position: relative;
  text-transform: uppercase; }

.btn {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  background: #d97c2b;
  height: 50px;
  padding: 0 35px;
  line-height: 50px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  outline: none;
  text-decoration: none;
  cursor: pointer; }
  .btn:focus {
    outline: none; }
  .btn:hover {
    color: #fff;
    background: #ff963b;
    -webkit-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.15); }
  .btn.fill {
    background: transparent;
    padding: 0 25px;
    color: #fff;
    margin-left: 20px;
    border: 2px solid #fff; }
    .btn.fill:hover {
      background: #ff963b;
      border-color: #ff963b; }
  .btn.btn-round {
    border-radius: 36px;
    -webkit-border-radius: 36px;
    -ms-border-radius: 36px; }

.btn-link {
  font-size: 16px;
  font-weight: 700;
  color: #222222;
  text-decoration: none !important; }
  .btn-link i {
    margin-left: 6px;
    position: relative;
    top: 2px; }
  .btn-link:hover {
    color: #ff963b; }

.section-title,
.column-title {
  font-size: 36px;
  font-weight: 800;
  color: #3b1d82;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 85px;
  text-align: center; }
  .section-title:after,
  .column-title:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    right: 0;
    background-image: url(../images/shap/title.png);
    background-repeat: no-repeat;
    background-size: center center;
    background-position: contain;
    width: 70px;
    height: 10px;
    margin: auto auto 0;
    top: auto;
    bottom: 0; }
  .section-title span,
  .column-title span {
    display: block;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    line-height: 26px;
    color: #888888;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    margin-bottom: 10px;
    margin-top: -5px; }
  .section-title.white,
  .column-title.white {
    color: #fff; }
    .section-title.white:after,
    .column-title.white:after {
      background-image: url(../images/shap/title-white.png); }
    .section-title.white span,
    .column-title.white span {
      color: #fff; }

.column-title {
  margin-bottom: 35px;
  line-height: 42px;
  text-align: left; }
  .column-title span {
    margin-top: 0; }
  .column-title:after {
    right: auto; }

.ts-title {
  font-size: 24px; }

.hidden-title {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.gradient {
  position: relative; }
  .gradient:before {
    position: absolute;
    left: 0;
    top: 0;
    background-image: -webkit-linear-gradient(306deg, #321575 0%, #8d0b93 51%, #ff0066 100%, #ff057c 100%);
    background-image: -o-linear-gradient(306deg, #321575 0%, #8d0b93 51%, #ff0066 100%, #ff057c 100%);
    background-image: linear-gradient(144deg, #321575 0%, #8d0b93 51%, #ff0066 100%, #ff057c 100%);
    width: 100%;
    height: 100%;
    content: '';
    opacity: 0.902; }

.overlay:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: '';
  background: rgba(0, 0, 0, 0.5); }

/* Pagination */
.pages {
  margin-bottom: -5px;
  text-align: center; }
  .pages .pagination {
    margin: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .pages .pagination li:first-child a, .pages .pagination li:last-child a {
      border-radius: 50%; }
    .pages .pagination li a {
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -ms-border-radius: 50%;
      margin-right: 8px;
      color: #7c7c7c;
      width: 40px;
      height: 40px;
      padding: 10px 0; }

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > li > a:hover {
  color: #fff;
  background: #ff0763;
  border: 1px solid transparent; }

/*  */
.dropdown-menu.show {
  display: none; }

/*==========================
      header area
===========================*/
.header .navbar {
  padding: 10px 0; }

.header .navbar-brand {
  padding: 0; }

.header ul.navbar-nav > li > a {
  font-weight: 700;
  font-size: 14px;
  line-height: 78px;
  text-transform: uppercase;
  padding: 0 20px;
  display: block; }
  .header ul.navbar-nav > li > a:hover {
    color: #ff963b; }

.header ul.navbar-nav > li.header-ticket {
  margin-top: 15px; }
  .header ul.navbar-nav > li.header-ticket .ticket-btn {
    height: 40px;
    line-height: 40px;
    padding: 0px 25px;
    background: #d97c2b;
    margin-left: 30px; }
    .header ul.navbar-nav > li.header-ticket .ticket-btn:hover {
      background: #ff963b; }

.header ul.navbar-nav li .dropdown-menu {
  padding: 10px 20px;
  min-width: 230px;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  border: none; }
  .header ul.navbar-nav li .dropdown-menu li a {
    padding: 12px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    font-size: 14px;
    display: block;
    color: #222; }
    .header ul.navbar-nav li .dropdown-menu li a:hover {
      color: #ff963b; }
  .header ul.navbar-nav li .dropdown-menu li:last-child a {
    border-bottom: none; }

.header.header-transparent {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  height: auto; }
  .header.header-transparent .navbar-brand {
    padding: 0; }
    .header.header-transparent .navbar-brand img {
      vertical-align: top; }
  .header.header-transparent ul.navbar-nav {
    position: relative;
    top: 5px; }
    .header.header-transparent ul.navbar-nav > li > a {
      color: #fff;
      line-height: 72px; }
  .header.header-transparent.nav-border {
    border-bottom: 1px solid #363d8a;
    padding: 10px 0; }
    .header.header-transparent.nav-border .navbar {
      padding: 0px 0; }
    .header.header-transparent.nav-border ul.navbar-nav > li.header-ticket .ticket-btn {
      background: #3a6af0; }

.header.header-classic .navbar {
  padding: 0; }

.header.header-classic ul.navbar-nav {
  margin-top: 5px; }
  .header.header-classic ul.navbar-nav > li > a {
    color: #222222;
    line-height: 74px; }
    .header.header-classic ul.navbar-nav > li > a:hover {
      color: #ff963b; }
  .header.header-classic ul.navbar-nav > li.active > a {
    color: #ff963b; }
  .header.header-classic ul.navbar-nav > li.header-ticket .ticket-btn {
    background: #ff963b;
    color: #fff; }
    .header.header-classic ul.navbar-nav > li.header-ticket .ticket-btn:hover {
      -webkit-box-shadow: none;
      box-shadow: none;
      background: #d20055; }

.header.sticky {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99;
  background: rgb(16 16 16 / 95%);
  padding: 5px 0; }
  .header.sticky .navbar {
    padding: 0; }
  .header.sticky.fade_down_effect {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: .1s;
    animation-delay: .1s; }
  .header.sticky.header-classic {
    background: #fff;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 0; }

@media (min-width: 991px) {
  .header ul.navbar-nav li:hover > .dropdown-menu {
    display: block;
    border: none; } }


/*=============================
   Live area
===============================*/
span{
  /*position: absolute;*/
  top: 50%;
  left: 20%;
  /*transform: translate(-50%, -50%);*/
  color: #fff;
  
  i2{
    -moz-animation-duration: 500ms;
    -moz-animation-name: blink;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;

    -webkit-animation-duration: 500ms;
    -webkit-animation-name: blink;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction: alternate;

    animation-duration: 500ms;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate; 
    color: #ff963b;
  }
}

@-moz-keyframes blink {
  from { opacity: 1;}
  to { opacity: 0;}
}
@-webkit-keyframes blink {
  from { opacity: 1;}
  to { opacity: 0;}
}
@keyframes blink {
  from { opacity: 1;}
  to { opacity: 0;}
}

i2{
    -moz-animation-duration: 500ms;
    -moz-animation-name: blink;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;

    -webkit-animation-duration: 500ms;
    -webkit-animation-name: blink;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction: alternate;

    animation-duration: 500ms;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate; 
    color: #15a2b1;
  }
}

@-moz-keyframes blink {
  from { opacity: 1;}
  to { opacity: 0;}
}
@-webkit-keyframes blink {
  from { opacity: 1;}
  to { opacity: 0;}
}
@keyframes blink {
  from { opacity: 1;}
  to { opacity: 0;}
}   


 /*================
     banner rotator
	 ====================*/



#slider-banner { 
        width: 100%;
    /* box-shadow: 0 0 20px rgb(0 0 0 / 40%); */
    position: relative;
    padding-bottom: 0%;
    padding-top: 0px;
    height: 90px;
    overflow: hidden;
    /* padding-left: 15px; */
    max-width: 100%;
    margin-top: 55px;
}


#slider-banner > div { 
    position: inherit;   
	height: 90px;
	max-width: 100%;

}

.responsive {
  max-width: 100%;
  height: auto;
}

 /*=========================
  Livestream Video 
  =====================*/
  
.video-container { position: relative;
    padding-bottom: 45.25%;
    padding-top: 100px;
    height: 0;
    overflow: hidden;
    /* margin-top: 75px; */
    /* border: 1px solid #ff963b; */
    box-shadow: 0 0 50px rgb(0 0 0 / 80%); }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/*===========================
   Chat
   =========================*/


/* Create two equal columns that floats next to each other */
.divider {
  float: left;
  
}

.left-divider{
  width: 75%;
}

.right-divider{
	width: 25%;
}
  
  /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1200px) {
  .divider {
    width: 100%;
  }
}
 

/* timeline */
 

@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
*, html,body-timeline{
	padding:0px;
	margin:0px;
	box-sizing:border-box;
	font-family:'Poppins', sans-serif;
	
}
body-timeline{
	/* background-color: #227093; */
width: 100%;
/* min-height: 100vh; */
/* display: flex; */
justify-content: center;
align-items: center;
}
.timeline{
	color: #fff;
padding: 30px 20px;
}
.timeline ul{
	list-style-type:none;
	border-left:2px solid #8c8c8c;
	padding:10px 5px;
}
.timeline ul li{
	padding:20px 20px;
	position:relative;
	cursor:pointer;
	transition:.5s;
}
.timeline ul li span{
	display:inline-block;
	background-color:#121212;
	/*border-radius:25px;*/
	padding:2px 5px;
	font-size:15px;
	text-align:center;
}
.timeline ul li .content h3{
	color:#af3f15;
	font-size:17px;
	padding-top:5px;
}
.timeline ul li .content p{
	padding:5px 0px 15px 0px;
	font-size:15px;
}
.timeline ul li:before{
	position:absolute;
	content:'';
	width:10px;
	height:10px;
	background-color:#939393;
	border-radius:50%;
	left:-11px;
	top:28px;
	transition:.5s;
}
.timeline ul li:hover{
	background-color: #000;
}
.timeline ul li:hover:before{
	background-color:#a03a15;
	box-shadow:0px 0px 10px 2px #a93e17;
}
@media (max-width:300px){
	.timeline{
		width:100%;
		padding:30px 5px 30px 10px;
	}
	.timeline ul li .content h3{
		color:#34ace0;
		font-size:15px;
	}

}