@charset "utf-8";

/*
Theme Name: BeEvent - Event and Conference Template
Author: WMD Team
Version:1.0
*/

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

 =  Table of Css
 
	1. General code
		1.1. Typography
		1.2. Button
		1.3. Space margins and padding
		1.4. Form
		1.5. Section-background-color & sectino-heading
		1.6. Overlay-color
		1.7. parallex-background
		1.8. Tab & Accordion
	
	2. Header
		2.1. Header Fixed top
		2.2. Navigation
	
	3. Banner
		3.1. Default Background image
		3.2. Video Background
		3.3. Background Slideshow
		
	4. Timer CountDown 
	5. About Us Section
	6. our-conference info
	7. Event Gallery
	8. Conference Schedule
	9. Our Speakers
	10. Priceing
	11. Testimonial
	12. FAQ
	13. Sponsors
	14. Venue
	15. Footer
	16. Back to top
	17. Registration form
	18. Elements
	19. Responsive CSS
                                                     
===========================*/

/*====================
	1. General code
==========================*/

body {
	font-family:'Roboto', sans-serif;
	margin:0px;
	padding:0px;
	overflow-x:hidden;
	color:#555555;
}

/*------------------
	1.1. Typography
--------------------------*/

h1, h2, h3, h4, h5, h6 {
	color:#111111;
	font-weight:500;
	line-height:auto;
	margin:0 auto 25px;
}
h1 {
	font-size: 64px;
}
h2 {
	font-size: 54px;
	color:#222222;
}
h3 {
	font-size: 44px;
	font-weight:700;
}
h4 {
	font-size:36px;
}
h5 {
	font-size: 28px;
	line-height:32px;
}
h6 {
	font-size: 20px;
	color:#555555;
}
p {
	font-size:18px;
	line-height:32px;
	font-weight:300;
}

a {
	transition-duration:0.5s;
	 -moz-transition-duration:0.5s;
	  -o-transition-duration:0.5s;
	   -webkit-transition-duration:0.5s;
	    -ms-transition-duration:0.5s;
	text-decoration:none;
	color:#de302f;
}
a:hover, a:focus {
	text-decoration:none;
	color:#de302f;
	outline:none;
}
ul, ol {
	margin:0 auto 20px;
}
ul li, ol li {
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
  /* margin: 0 auto 10px; */
}
ul li i, ol li i {
	margin:0 12px 0 0;
}
ul.list_style_none, ol.list_style_none {
	list-style:none;
}
table {
	margin:0 0 30px;
}
table th, table td {
  border: 1px solid #cccccc;
  padding: 15px;
}


/*-----------------
	1.2. Button
-------------------------*/
button.btn.btn-block {
  background: #de2f2f none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  color: #ffffff;
  font-size: 19px;
  font-weight: 400;
  line-height: 1;
  margin: auto;
  padding: 17px 40px;
  text-transform: uppercase;
  transition: all 0.9s linear 0s;
}


.btn {
  background: #de2f2f none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  color: #ffffff;
  font-size: 19px;
  font-weight: 400;
  line-height: 1;
  margin: auto;
  padding: 17px 40px;
  text-transform: uppercase;
  transition: all 0.9s linear 0s;
}
.btn.btn-lg {
	font-size: 28px;
	line-height: 35px;
	padding: 25px 83px;
}
.btn.btn-lg:hover {
	background:#c51514
}
.btn:hover, .btn:focus {
	background-color: #de302f;
	color: #ffffff;
	outline:none;
}

/*-----------------
	1.4. Form
---------------------------*/

.form-control, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #dedede;
  border-radius: 0;
  box-shadow: none;
  color: #888888;
  font-size: 14px !important;
  height: 40px !important;
  padding: 0 20px !important;
  font-family:'Roboto', sans-serif !important;

}
textarea {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #dedede;
	border-radius: 0;
	box-shadow: none;
	color: #888888;
	font-size: 15px;
	height: 120px;
	padding: 0 23px;
}
.form-control:focus {
	border-color: #de302f;
	box-shadow:none;
}
.form-control::-moz-placeholder {
 color: #7e7d7d;
}
.form-group {
	margin:auto auto 20px !important;
	position:relative
}
.form-control option {
	padding: 10px;
	font-size: 14px !important;
}
.js-gmap iframe {
    width: 100%;
    height: 100%;
}
.form-control{
	color: #888888 !important;
	background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dedede;
    border-radius: 0 !important;
    box-shadow: none;
    font-size: 14px !important;
    height: 40px !important;
    padding: 0 20px !important;
	font-family:'Roboto', sans-serif;

}

/*-------------------------------------------------
	1.5. Section-background-color & sectino-heading
------------------------------------------------------*/

.secondary-bg {
	background-color:#222222;
	color:#fff;
}
.primary-bg {
	background-color:#de302f;
	color:#fff;
}
.third-bg {
	background-color:#161616;
	color:#fff;
}
.section-padding {
	padding:140px 0px;
}

.secondary-bg  p, 
.secondary-bg h1, 
.secondary-bg h2,
.secondary-bg h3,
.secondary-bg h4,
.secondary-bg h5,
.secondary-bg h6,
.primary-bg h1,
.primary-bg h2,
.primary-bg h3,
.primary-bg h4,
.primary-bg h5,
.primary-bg h6,
.primary-bg p, 
.third-bg h1,
.third-bg h2,
.third-bg h3,
.third-bg h4,
.third-bg h5,
.third-bg h6,
.third-bg p {
	color:#fff;
}
.section-header {
	margin-bottom:80px
}
.section-header p {
	color: #222222;
	text-decoration: underline;
	width: 98%;
}
.section-header h2 {
  margin-bottom: 15px;
}
.secondary-bg .section-header h2 {
	color: #ffffff;
}
.secondary-bg .section-header p, .third-bg .section-header p {
	color: #ffffff;
}
.divider {
  border-bottom:#ccc solid 1px;
  float: left;
  height: 0px;
  margin: 20px 0;
  width: 100%;
}
.divider.dashed {
  border-bottom:#ccc dashed 1px;
}
.divider.dotted {
  border-bottom:#ccc dotted 1px;
}

.divider.double {
  border-bottom: 4px double #cccccc;
  clear: both;
  float: none;
}



/*--------------------------------------------
	1.6. Overlay-color
---------------------------------------------------*/

.dark-layer {
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: inherit;
}
.div_zindex {
	position:relative;
	z-index:1;
}
.white_text {
	color:#fff;
}
.white_text h1, .white_text h2, 
.white_text h3, .white_text h4, 
.white_text h5, .white_text h6, 
.white_text p {
	color:#fff;
}


/*====================
	3. Banner
=============================*/

.banner-section {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	position:relative;
}
.logo-imags {
  text-align: left;
  color: #ffffff;
  margin-top: 47px;
}
.logo-imags h4{
  color: #ffffff;
}
.logo-images h4{
  color: #ffffff;
}
.logo-images {
  text-align: left;
  color: #ffffff;
  margin-top: 47px;
}
.logo-images img{
  margin-top: 0px;
  width: 30%;
}
.logo-imags img{
  margin-top: 0px;
  width: 20%;
}

.Bill-gates img {
  width: 100%;
}
.Bill-gates {
  /* float: right; */
  /* text-align: right; */
  position: absolute;
  top: 105px;
  left: 51%;
}
.Successful{
	background: rgb(148, 34, 58);
    z-index: 999;
    display: block;
    position: relative;
  
}
.text {
	background-color: rgb(148, 34, 58);
    height: auto;
    filter: drop-shadow(2px 2px 15px rgba(0.6567506194114685, 0.6505873203277588, 0.6321932673454285, 0.20000000298023224));
    border-radius: 30px;
    padding: 40px;
    text-align: left;
    margin-bottom: 30%;
	margin-top: 50px;
}
.text h4{
font-size: 35px;
    color: #ffffff;

    font-weight: 500;
	margin-bottom: 20px;
	text-align: center;
}
.text p{
    color: #ffffff;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 20px;
	text-align: left;
}
.about{
	background-image: url(../images/mumbai.jpg);
	background-size: cover;
}
/*-----------------------------------
	3.1. Default Background image
------------------------------------------*/
#banner {
	background: rgb(148,34,58);
background: linear-gradient(90deg, rgba(0,0,0,1) 35%, rgba(148,34,58,1) 100%);

}
.banner-content h1 {
	font-size: 60px;
  font-weight: bold;
	color:#fff;
}
.banner-fixed {
  display: block;
  height: auto;
  padding: 80px 31px 0px;
  position: relative;
  vertical-align: middle;
  width: 100%;
  z-index: 1;
}

.banner-content {
	padding-top: 0px;
}
.banner-tagline p.tagline{
	font-size:24px;
	color:#fff;
	margin-top:20px;
  font-weight: 500;
}

p{
	color:#fff;
	font-size: 18px;
	font-weight:400 ;
}
.banner-form {
	background: #ffffff none repeat scroll 0 0;
	padding: 26px;
}
.banner-form > div {
  background: #eeeeee none repeat scroll 0 0;
  /*padding-top: 35px;*/
}

.banner-form h4 {
  font-weight: bold;
  line-height: 36px;
  text-align: center;
  margin-bottom: 30px;
}
.select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.select::after {
  color: hsl(0, 0%, 53%);
  content: "";
  cursor: pointer;
  font-family: fontawesome;
  font-size: 12px;
  padding: 14px 2px;
  pointer-events: none;
  position: absolute;
  right: 8px;
  top: 0;
}



@media (min-width: 1400px) and (max-width: 1500px) {
    .Bill-gates {
		position: absolute;
        top: 260px !important;
        left: 56%;
    }
.Bill-gates img {
    width: 80%;
}
.Successful {
  background: rgb(148, 34, 58);
  z-index: 999 !important ;
  display: block;
  position: relative;
}

  }

  @media (min-width: 1025px) and (max-width: 1400px) {
	.Bill-gates img {
        width: 100%;
    }
    .Bill-gates {
        position: absolute;
        top: 354px !important;
        left: 70%;
    }
	    .Successful {
        background: rgb(148, 34, 58);
        z-index: 999 !important;
        display: block;
        position: relative;
    }

  }

@media (min-width: 350px) and (max-width: 1024px) {

  .Bill-gates{
    display: block;
position:inherit ;

  }
  .logo-imags {
    text-align: left;
    color: #ffffff;
    margin-top: 18px!important;
}
.banner-content h1 {
  font-size: 30px!important;
  font-weight: bold;
  color: #fff;
}
.banner-tagline p {
  font-size: 16px !important;
  color: #fff;
  line-height: auto !important;
  margin-top: 20px;
  font-weight: 500;
}
.logo-imags img {
  margin-top: 0px;
  width: 30% !important;
}
.logo-images img {
  margin-top: 0px;
  width: 50% !important;
}

.banner-fixed {
  display: block;
  height: auto;
  padding: 30px 0px 0px !important;
  position: relative;
  width: 100%;
  z-index: 1;
}
#banner{
  background-image: linear-gradient( rgb(0, 0, 0), #94223a) !important;
}
.logo-images h4{
  font-size: 20px;
}
.logo-images {
  text-align: left;
  color: #ffffff;
  margin-top: 30px;
}
.Successful {
    background: rgb(148, 34, 58);
    z-index: 999;
    display: block;
    position: relative;
}
.text {
    background-color:  rgb(148, 34, 58);
    height: auto;
    filter: drop-shadow(2px 2px 15px rgba(0.6567506194114685, 0.6505873203277588, 0.6321932673454285, 0.20000000298023224));
    border-radius: 30px;

    padding: 10px;
    text-align: left;
  
}
.text h4{
	margin-top: 20px;
	font-size: 24px;
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center;
}

  }