/*

Klank Event - Event Landing Page

1. Common CSS
2. Nav
3. Head Area
4. About Area
5. Magnific Animation Area
6. Statistic Area
7. Schedule Area
8. Separator1  Area
9. Video Area
10. Featured Testimonial Area
11. Speakers Area
12. Separator2  Area
13. Testimonials Area
14. Sponsor Area
15. Blogs Area
16. Subscribe Area
17. Plans Area
18. Booking Area
19. Google Map Area
20. CTA Area
21. Single Blog Area
22. Footer Area
23. Coustom Media Query CSS
*/

/* ##################### RESET CSS  ##################### */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
img{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
a:focus {
	outline: 0;
	text-decoration: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration:none;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}
a:hover {
	text-decoration:none;
}

::-webkit-input-placeholder {
   opacity:1;
}

:-moz-placeholder { /* Firefox 18- */
   opacity:1;
}

::-moz-placeholder {  /* Firefox 19+ */
   opacity:1;
}

:-ms-input-placeholder {  
   opacity:1;
}

img{
	max-width:100%;
}

/* Common CSS */

.no-padding{
	padding:0;
}
.no-margin{
	margin:0;
}
.relative{
	position:relative;
}
.icon{
	font-style:normal;
}
.mtb15{
	margin-top:15px;
	margin-bottom:15px;
}
.mtb30{
	margin-top:30px;
	margin-bottom:30px;
}
.padding10px{
	padding:10px;
}
.border1px{
	border:1px solid;
}
.button{
	line-height:40px;
	padding:0 30px;
	display:inline-block;
	font-weight:600;
	text-align:center;
	border:none;
	text-transform:uppercase;
}
.button.button-large{
	line-height:50px;
	padding:0 50px;
}
.section-title{
}
.section-title-innr{
	position:relative;
	min-height:80px;
}
.section-title h3{
	position:absolute;
	top:50%;
	margin-top:-30px;
	left:0;
	width:100%;
	padding:12px 0;
	font-weight:700;
	text-transform:uppercase;
}

/*Nav*/

.pushy a{
	text-transform:uppercase;
}
.pushy .nav-logo a{
	background:none;
	display:block;
}
.pushy .nav-logo a img{
	padding:20px 0;
}
.menu-btn{
	position:fixed;
	top:0;
	right:0;
	z-index:999;
	line-height:40px;
	padding:5px 10px;
	cursor:pointer;
	text-transform:uppercase;
	border-left:1px solid;
	border-bottom:1px solid;
}
.menu-btn .line{
	height:2px;
	width:30px;
	margin:5px 0;
}

/*Head Area*/

.head-area{
	background: url(../images/bg/head-area.jpg) fixed;
	background-size:cover;
}
.head-area .overlay{
	padding:250px 0;
}
.head-area .date h4{
	border-bottom:1px solid;
	display:inline-block;
}
.head-area h1{
	font-weight:700;
}

/*About Area*/

.about-area .section-title-innr{
	height:441px;
}
.about-area{
	padding:85px 0;
}
.about-images{
	padding:5px;
}
.about-images .owl-item{
	padding:5px;
}
.about-text-innr{
	padding:18px 20px;
}

/*Magnific Animation Area*/

.image-link {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}
.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}
.mfp-no-margins img.mfp-img {
	padding: 0;
}
.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}
.mfp-no-margins .mfp-container {
	padding: 0;
}
.mfp-title {
  text-align: center;
  padding: 6px 0;
}
.image-source-link {
  color: #DDD;
}

/*Statistic Area*/

.statistic-area{
	padding:85px 0;
}
.single-statistic{
	position:relative;
	padding:11px 30px 18px;
}
.single-statistic h2{
	font-weight:700;
}
.single-statistic h4{
	text-transform:uppercase;
}
.single-statistic .icon{
	font-size:64px;
	line-height:64px;
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-32px;
}

/*Schedule Area*/

.schedule-area .section-title-innr{
	height:253px;
}
.schedule-area{
	padding:85px 0;
}
.schedule-title{
	margin-bottom:10px;
}
.schedule-title-innr{
	padding:21px 25px;
}
.schedule-title h6{
	text-transform:uppercase;
	font-weight:700;
	padding-bottom:5px;
}
.schedule-title h4{
	text-transform:uppercase;
}
.schedule-text-innr{
	padding:18px 20px;
}

/*Separator1  Area*/

.separator1-area{
	background: url(../images/bg/sap1.jpg) fixed;
	background-size:cover;
}
.separator1-area .overlay{
	padding:110px 0 120px;
}
.separator1-area h2{
	text-transform:uppercase;
	font-weight:700;
	padding-bottom:40px;
}

/*Video Area*/

.video-area{
	padding:100px 0;
}

/*Featured Testimonial Area*/

.fetu-testimonial-area{
	background:url(../images/bg/ftestimonial-area.jpg) fixed;
	background-size:cover;
}
.fetu-testimonial-innr{
	position:relative;
	padding:88px 0 93px;
}
.fetu-client-image{
	position:absolute;
	bottom:0;
	right:0;
}
.fetu-testimonial-innr h4{
	padding-top:20px;
}
.fetu-testimonial-innr h4 small{
	padding-left:15px;
	font-weight:400;
}

/*Speakers Area*/

.speakers-area .section-title-innr{
	height:362px;
}
.speakers-area{
	padding:85px 0;
}
.single-speakers{}
.single-speakers h4{
	text-transform:uppercase;
	margin-bottom:10px;
}
.single-speakers h6{
	font-weight:700;
	text-transform:uppercase;
}
.speaker-top{
	position:relative;
	overflow:hidden;
}
.speaker-social{
	position:absolute;
	left:0;
	bottom:-50px;
	width:100%;
	padding:10px 0;
	text-align:center;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}
.single-speakers:hover .speaker-social{
	bottom:0;
}
.speaker-social li{
	display:inline-block;
}
.speaker-social li a{
	display:inline-block;
	line-height:30px;
	width:30px;
}
.speaker-top img{
	width:100%;
}
.speaker-bottom{
	margin-top:10px;
}
.speaker-bottom-innr{
	padding:15px 0;
}

/*Separator2  Area*/

.separator2-area{
	background: url(../images/bg/sap2.jpg) fixed;
	background-size:cover;
}
.separator2-area .overlay{
	padding:110px 0;
}
.separator2-area h2{
	text-transform:uppercase;
	font-weight:700;
}

/*Testimonials Area*/

.testimonials-area .section-title-innr{
	height:170px;
}
.testimonials-area{
	padding:85px 0;
}
.single-testimonial{
	padding-left:50px;
	position:relative;
}
.client-image{
	padding:10px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-60px;
}
.single-testimonial-in-innr{
	padding:20px 20px 20px 80px;
}
.single-testimonial h4{
	text-transform:uppercase;
	padding-top:8px;
}
.single-testimonial h4 small{
	padding-left:15px;
}

/*Sponsor Area*/

.sponsors-area .section-title-innr{
	height:118px;
}
.sponsors-area{
	padding:85px 0;
}
.sponsors-area .button{
	margin-top:20px;
}

/*Blogs Area*/

.blogs-area .section-title-innr{
	height:410px;
}
.blogs-area{
	padding:85px 0;
}
.blog-title,
.blog-meta{
	margin-top:10px;
}
.blog-title{
	padding:20px;
}
.blog-title h4{
	text-transform:uppercase;
}
.blog-meta{
	position:relative;
}
.blog-meta ul{
	padding:0 20px;
}
.blog-meta ul li{
	text-transform:uppercase;
	display:inline-block;
	line-height:40px;
	font-weight:600;
	margin-right:30px;
	position:relative;
}
.blog-meta ul li:after{
	position:absolute;
	content:"-";
	top:0;
	right:-19px;
}
.blog-meta ul li:last-child:after{
	display:none;
}
.read-more{
	line-height:40px;
	padding:0 15px;
	text-transform:uppercase;
	font-weight:600;
	display:inline-block;
	position:absolute;
	top:-1px;
	right:-1px;
	border:1px solid;
}
.read-more:hover{
	border:1px solid;
}

/*Subscribe Area*/

.subscribe-area{
	background: url(../images/bg/subscribe-bg.jpg) fixed;
	background-size:cover;
}
.subscribe-area h2{
	font-weight:700;
	padding-bottom:30px;
}
.subscribe-area p{
	padding-top:10px;
}
.subscribe-area .overlay{
	padding:90px 0;
}
.subscribe-form{}
.subscribe-form input[type="text"]{
	width:100%;
	line-height:40px;
	border:none;
	padding-left:15px;
}
.subscribe-form input[type="submit"]{
	width:100%;
	line-height:40px;
	border:none;
	text-transform:uppercase;
	font-weight:600;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}


/*Plans Area*/

.plans-area .section-title-innr{
	height:416px;
}
.plans-area{
	padding:85px 0;
}
.single-plan-innr{
	padding:30px;
}
.single-plan .button{
	width:100%;
}
.plan-head{
	margin-bottom:20px;
}
.price{
	font-weight:700;
	font-size:48px;
	padding:13px 0 12px;
}
.plan-head h4{
	padding-bottom:15px;
}
.plan-features{
	margin-bottom:20px;
}
.plan-features ul{
	padding:20px 0;
}
.plan-features ul li{
	line-height:30px;
	text-transform:uppercase;
}

/*Booking Area*/

.booking-area{
	background: url(../images/bg/booking-area.jpg) fixed;
	background-size:cover;
}
.booking-area .overlay{
	padding:100px 0;
}
.booking-content{}
.booking-content h2{
	text-transform:uppercase;
	font-weight:700;
	margin-bottom:15px;
}
.booking-content h4{
	text-transform:uppercase;
	margin-bottom:15px;
}
.booking-content img{
	margin:20px 0 0 200px;
}
.booking-form-innr{
	padding:30px 18px 10px;
}
.booking-form{}
.booking-form h5{
	text-transform:uppercase;
	font-weight:700;
	padding-bottom:7px;
}
.input-field input[type="text"]{
	width:100%;
	line-height:40px;
	border:none;
	padding-left:15px;
}
.input-field input[type="submit"]{
	width:100%;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}
.input-field{
	padding-bottom:20px;
}
.input-field ul{}
.input-field ul li{
	display:inline-block;
	line-height:15px;
	padding-right:10px;
}
.input-field input[type="radio"]{
	display:none;
}
.input-field ul li label{
	position:relative;
	padding-left:25px;
	cursor:pointer;
}
.input-field ul li label:after{
	position:absolute;
	height:15px;
	width:15px;
	border:3px solid;
	content:"";
	left:0;
}

/*Google Map Area*/

.google-map-area{
	background: url(../images/bg/gmap.jpg);
	padding:100px 0;
}
.google-map{
	height:330px;
}
.location-content{}
.location-content h2{
	text-transform:uppercase;
	font-weight:700;
	margin-bottom:15px;
}
.location-content h4{
	text-transform:uppercase;
	margin-bottom:15px;
}
.location-content img{
	margin:20px 200px 0 0;
}
/*CTA Area*/

.cta-area{
	background: url(../images/bg/cta.jpg) fixed;
	background-size:cover;
}
.cta-area .overlay{
	padding:80px 0;
}
.cta-area h2{
	text-transform:uppercase;
	font-weight:700;
}
.cta-button{
	text-align:right;
}

/*Single Blog Area*/

.sb-head-area{
	background:url(../images/bg/single-blog.jpg) fixed;
	background-size:cover;
}
.sb-head-area .overlay{
	padding:200px 0 100px;
}
.sb-head-area .sb-meta{}
.sb-head-area h2{
	text-transform:uppercase;
	font-weight:700;
}
.sb-head-area h4{
	text-transform:uppercase;
}
.sb-meta h4{
	border-bottom:1px solid;
	display:inline-block;
	padding-bottom:5px;
	margin-bottom:10px;
}
.sb-date{
	margin-right:15px;
}
.sb-comment{
	margin-left:15px;
}
.blog-content p{
	padding-bottom:12px;
}
.blog-content-innr{
	padding:15px 20px 5px;
}
.blog-article-area{
	margin-top:-50px;
}
.share-post{}
.share-post ul{
	padding:20px;
}
.share-post ul li{
	display:inline-block;
	line-height:40px;
	padding-right:15px;
	text-transform:uppercase;
}
.share-post ul li a .fa{
	width:40px;
	border-right:1px solid;
	text-align:center;
	line-height:40px;
	margin-right:13px;
}
.share-post ul li a{
	display:inline-block;
	border:1px solid;
	padding-right:15px;
}
.post-author{
	padding-left:60px;
}
.post-author-in-innr{
	padding:25px 20px 25px 70px;
	position:relative;
}
.post-author-in-innr img{
	position:absolute;
	padding:10px;
	border:1px solid;
	top:50%;
	left:-70px;
	margin-top:-60px;
}
.post-author h4{
	padding-top:15px;
	text-transform:uppercase;
}
.post-author h4 small{
	padding-left:15px;
}
.comments-title h4{
	text-transform:uppercase;
	padding:15px 20px;
}
.single-comment{
	padding-left:40px;
}
.single-comment.level2{
	padding-left:80px;
}
.single-comment-in-innr{
	padding:15px 20px 30px 50px;
	position:relative;
}
.single-comment-in-innr img{
	position:absolute;
	padding:5px;
	border:1px solid;
	top:50%;
	left:-30px;
	margin-top:-30px;
}
.single-comment h4{
	padding-bottom:5px;
	text-transform:uppercase;
}
.single-comment h4 small{
	padding-left:15px;
}
.replay{
	line-height:30px;
	padding:0 20px;
	border:1px solid;
	position:absolute;
	right:-1px;
	bottom:-1px;
	text-transform:uppercase;
}
.replay:hover{
	border:1px solid;
}
.comment-form{
	padding:20px 30px;
}
.comment-form h5 {
  font-weight: 700;
  padding-bottom: 7px;
  text-transform: uppercase;
}
.comment-form textarea{
	width:100%;
	line-height:40px;
	height:100px;
	border:none;
	padding-left:15px;
	resize:none;
}
.comment-form input[type="submit"]{
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}

.blog-sidebar{
	padding-top:20px;
}
.widget-title{
	padding:15px 20px;
	border-bottom:1px solid;
}
.widget-title h4{
	text-transform:uppercase;
}
.post-widget{
	padding:20px 15px 0;
}
.single-post-widget{
	padding-bottom:20px;
}
.single-post-widget a{
	display:block;
}
.single-post-widget h5{
	padding:10px 15px;
	border:1px solid;
	font-weight:600;
}

.tag-widget{
	padding:20px 15px 15px;
}
.tag-widget ul{}
.tag-widget ul li{
	display:inline-block;
	margin:0 2px 5px 0;
}
.tag-widget ul li a{
	line-height:30px;
	padding:0 10px;
	display:inline-block;
}
.add-widget{
	padding: 15px;
}

/*Footer Area*/

.footer-area{
	padding:25px 0;
	line-height:30px;
}

/*Coustom Media Query CSS*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.parallax {
		background-attachment: scroll !important;
		background-position: center top !important;
		background-size: cover !important;
		height: auto;
		margin: 0 auto;
		width: 100%;
	}
	.about-area .section-title-innr{
		height:150px;
	}
	.schedule-area .section-title-innr {
		height: 277px;
	}
	.speakers-area .section-title-innr{
		height:443px;
	}
	.blogs-area .section-title-innr{
		height:150px;
	}
	.blog-meta{
		text-align:center;
	}
	.read-more{
		position:relative;
		width:100%;
		top:0;
		right:0;
		border:0;
		border-top:1px solid;
	}
	.mtb15{
		margin-top:30px;
		margin-bottom:30px;
	}
	.location-content img,.booking-content img{
		display:none;
	}
	h2.large{
		font-size:36px;
	}
	.single-post-widget{
		width:33%;
		float:left;
		padding-left:5px;
		padding-right:5px;
	}
	.add-widget img{
		width:100%;
	}
	.share-post ul li{
		margin-bottom:10px;
	}

}

@media only screen and (max-width: 767px) {
	.parallax {
		background-attachment: scroll !important;
		background-position: center top !important;
		background-size: cover !important;
		height: auto;
		margin: 0 auto;
		width: 100%;
	}
	.about-area .section-title-innr,
	.schedule-area .section-title-innr,
	.speakers-area .section-title-innr,
	.plans-area .section-title-innr,
	.blogs-area .section-title-innr{
		height:200px;
	}
	.fetu-testimonial-innr{
		padding-bottom:350px;
	}
	.location-content img,.booking-content img{
		display:none;
	}
	h1, .h1-like {
		font-size: 30px;
		line-height: 36px;
	}
	h2, .h2-like {
		font-size: 24px;
		line-height: 30px;
	}
	h2.large{
		font-size:20px;
	}
	h4, .h4-like {
		font-size: 14px;
	}
	.input-field ul li {
		padding-bottom:10px;
	}
	.mtb15{
		margin-top:30px;
		margin-bottom:30px;
	}
	.single-testimonial,.post-author{
		padding-top:50px;
		padding-left:0;
		position:relative;
	}
	.client-image{
		padding:10px;
		position:absolute;
		left:50%;
		top:0;
		margin-left:-60px;
		margin-top:0;
	}
	.post-author img{
		padding:10px;
		position:absolute;
		left:50%;
		top:-60px;
		margin-left:-60px;
		margin-top:0;
	}
	.single-testimonial-in-innr,
	.post-author-in-innr{
		padding:80px 20px 20px 20px;
	}
	.cta-area h2{
		padding-bottom:20px;
		text-align:center;
	}
	.cta-button{
		text-align:center;
	}
	.share-post ul li{
		padding-right:0;
		margin-bottom:10px;
	}
}