/* ---------------------------------------

[Master Stylesheet]

Project:    	Eventrox - Digital Conference HTML Template
Version:    	1.1
Last Change:    27/01/2025

------------------------------------------

[Table of contents]

1. Fonts
2. Resources / Css Files
3. Reset
4. Global Settings
5. Buttons Style
6. Social Icons
7. Scroll To Top style
8. Page Title
9. Section Title
10. Main Header / Two
11. Mobile Menu
12. Banner Section
15. About Section / Two
17. Features Section / Three
18. Fluid Section One
19. Speakers Section / Three
20. Speaker Detail
21. schedule Section / Two
22. Event Detail
25. FAQ's Section
28. Why Choose Us
30. Gallery Section
31. Event Info Section
32. Testimonial Section
33. News Section
35. Blog Detail
36. Styled Pagination
38. Video Section
39. Call to Action
40. Register Section
41. Contact Page Section
42. Map Section
45. Clients Section / Three
46. Main Footer
48. Sidebar Page Container 
-------------------------------------------*/

/*** 
====================================================================
	 Fonts
====================================================================
***/

@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900|Orbitron:500,700|Ubuntu:400,500,700&display=swap');

/*** 
====================================================================
	 Resources / Css Files
====================================================================
 ***/

@import url('fontawesome-all.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery.fancybox.min.css');

/*** 
====================================================================
    Reset
====================================================================
 ***/

* {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
}

/*** 
====================================================================
	Global Settings
====================================================================
 ***/

body {
	font-size: 14px;
	color: #333;
	line-height: 1.7em;
	font-weight: 400;
	background: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-family: 'Poppins', sans-serif;
}

a {
	text-decoration: none;
	cursor: pointer;
}

button,
a:hover, a:focus, a:visited {
	text-decoration: none;
	outline: none !important;
}

h1, h2, h3, h4, h5, h6 {
	color: #1A1A1A;
	position: relative;
	font-weight: 700;
	margin: 0px;
	background: none;
	line-height: 1.6em;
	font-family: 'Ubuntu', sans-serif;
}

p, .text {
	position: relative;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
}

.auto-container {
	position: static;
	max-width: 1320px;
	padding: 0px 15px;
	margin: 0 auto;
}

.large-container {
	position: static;
	max-width: 1550px;
	padding: 0px 15px;
	margin: 0 auto;
}

.medium-container {
	max-width: 850px;
}

.page-wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 300px;
	overflow: hidden;
}

ul, li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

img {
	display: inline-block;
	max-width: 100%;
}

.theme-btn {
	display: inline-block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.centered {
	text-align: center;
}

.theme-btn .flaticon-arrow {
	display: inherit;
	font-size: inherit;
	margin-left: 3px;
	font-size: 14px;
	-webkit-transform: scaleX(-1) translateY(-1px);
	-moz-transform: scaleX(-1) translateY(-1px);
	-ms-transform: scaleX(-1) translateY(-1px);
	-o-transform: scaleX(-1) translateY(-1px);
	transform: scaleX(-1) translateY(-1px);
}

/*** 
===================================================================
	Buttons Style
====================================================================
 ***/

.theme-btn {
	position: relative;
	transition: all 300ms ease;
}

/* Button style one*/
.btn-style-one {
	position: relative;
	padding: 10px 30px;
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 500;
	text-align: center;
	overflow: hidden;
	border-radius: 10px !important;
}

.btn-style-one .btn-title {
	position: relative;
}

.btn-style-one:hover {
	-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
	-ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
	-o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
}

.btn-style-one:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-color: #ffffff;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
	-webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	/* easeInOutQuint */
	-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
	transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
	/* easeInOutQuint */
}

.btn-style-one:hover:before {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform-origin: bottom left;
}

/* Button style two*/

.btn-style-two {
	position: relative;
	padding: 10px 30px;
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 500;
	text-align: center;
	overflow: hidden;
	border-radius: 10px;
}

.btn-style-two .btn-title {
	position: relative;
}

.btn-style-two:hover {
	-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
	-ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
	-o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
}

.btn-style-two:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-color: #ffffff;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
	-webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	/* easeInOutQuint */
	-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
	transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
	/* easeInOutQuint */
}

.btn-style-two:hover:before {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform-origin: bottom left;
}

/* List Style One */

.list-style-one {
	position: relative;
}

.list-style-one li {
	position: relative;
	font-size: 16px;
	line-height: 26px;
	color: #333;
	font-weight: 500;
	padding-left: 35px;
	margin-bottom: 10px;
}

.list-style-one li:before {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
	content: "\52";
	font-family: 'ElegantIcons';
}

/* List Style Two */

.list-style-two {
	position: relative;
}

.list-style-two li {
	position: relative;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	padding-left: 25px;
	margin-bottom: 10px;
}

.list-style-two li:before {
	position: absolute;
	left: 0;
	top: 12px;
	height: 6px;
	width: 6px;
	content: "";
}

/*** 
====================================================================
	Social Icons
====================================================================
 ***/

/*Social Icon One*/

.social-icon-one {
	position: relative;
}

.social-icon-one li {
	position: relative;
	display: inline-block;
	margin-right: 8px;
	margin-bottom: 10px;
}

.social-icon-one li:last-child {
	margin-right: 0;
}

.social-icon-one li a .fab {
	position: relative;
	display: block;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
}

.social-icon-one li a:hover .fab {
	transform: rotate(360deg);
}

.social-icon-one li a:hover .fab {
	color: #ffffff;
}

/*Social Icon Two*/

.social-icon-two {
	position: relative;
	display: block;
}

.social-icon-two li {
	position: relative;
	display: inline-block;
	margin-right: 8px;
	margin-bottom: 10px;
}

.social-icon-two li a .fab {
	position: relative;
	display: block;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	border: 1px solid #dddddd;
	background-color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-two li a:hover .fab {
	color: #ffffff;
}

/*Social Icon Three*/

.social-icon-three {
	position: relative;
	display: block;
}

.social-icon-three li {
	position: relative;
	display: inline-block;
	margin-left: 30px;
	margin-bottom: 10px;
}

.social-icon-three li a {
	position: relative;
	display: block;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-three li a:hover {
	color: #222222;
}

img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

/*** 
====================================================================
	Scroll To Top style
====================================================================
***/

.scroll-to-top {
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 40px;
	height: 40px;
	color: #ffffff;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 40px;
	text-align: center;
	z-index: 100;
	cursor: pointer;
	display: none;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.scroll-to-top:hover {
	color: #ffffff;
}

.tabs-box {
	position: relative;
}

.tabs-box .tab {
	display: none;
}

.tabs-box .tab.active-tab {
	display: block;
}

/*** 
====================================================================
	Page Title
====================================================================
***/

.page-title {
	position: relative;
	text-align: center;
	overflow: hidden;
	z-index: 1;
	padding: 120px 0 20px;
}

.page-title h1 {
	position: relative;
	display: block;
	font-size: 30px;
	color: #ffffff;
	line-height: 1em;
	font-weight: 700;
	margin-bottom: 0px;
}

.page-title .bread-crumb {
	position: relative;
}

.page-title .bread-crumb li {
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 500;
	cursor: default;
	padding-right: 15px;
	margin-right: 15px;
}

.page-title .bread-crumb li:before {
	position: absolute;
	right: -3px;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	content: "|";
}

.page-title .bread-crumb li:last-child {
	padding-right: 0;
	margin-right: 0;
}

.page-title .bread-crumb li:last-child:before {
	display: none;
}

.page-title .bread-crumb li a {
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

/*** 
====================================================================
	Section Title
====================================================================
***/

.sec-title {
	position: relative;
	margin-bottom: 50px;
}

.sec-title .title {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 1em;
	font-weight: 500;
	color: transparent;
	background-clip: text;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin-bottom: 15px;
}

.sec-title h2 {
	color: #1A1A1A;
	position: relative;
	display: inline-block;
	font-size: 56px;
	line-height: 1.2em;
	font-weight: 700;
}

.sec-title .text {
	position: relative;
	margin-top: 30px;
}

.sec-title.light h2,
.sec-title.light .title {
	color: #ffffff;
	-webkit-text-fill-color: inherit;
}

.anim-icons {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	max-width: 1290px;
	margin: 0 auto;
}

.anim-icons.full-width {
	max-width: 100%;
}

.anim-icons .icon {
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
}

/*** 
====================================================================
	Main Header
====================================================================
***/

.main-header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .main-box {
	position: relative;
	padding: 25px 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .logo-box {
	position: relative;
	float: left;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .logo-box .logo img {
	display: inline-block;
	max-width: 100%;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .nav-outer {
	position: relative;
	float: right;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.main-header .nav-outer .main-menu {
	position: static;
	float: left;
}

.main-menu .navigation {
	position: static;
	margin: 0px;
}

.main-menu .navigation>li {
	position: relative;
	float: left;
	margin-left: 45px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-menu .navigation>li>a {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	font-weight: 500;
	padding: 10px 0;
	color: #222;
	opacity: 1;
	text-align: center;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-menu .navigation>li>a:before {
	position: absolute;
	left: 50%;
	bottom: 10px;
	height: 2px;
	width: 0%;
	content: "";
	-webkit-transform: scale(-1);
	-moz-transform: scale(-1);
	-ms-transform: scale(-1);
	-o-transform: scale(-1);
	transform: scale(-1);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-menu .navigation>li.current>a:before,
.main-menu .navigation>li:hover>a:before {
	left: 0;
	width: 100%;
}

.main-menu .navigation>li>ul>li.dropdown>a:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f105";
	position: absolute;
	right: 25px;
	top: 8px;
	width: 10px;
	height: 20px;
	display: block;
	line-height: 20px;
	font-size: 16px;
	font-weight: 900;
	text-align: center;
	z-index: 5;
}

.main-menu .navigation>li>ul>li>ul>li.dropdown:hover>a:after {
	color: #ffffff;
}

.main-menu .navigation>li>ul {
	position: absolute;
	left: 0px;
	top: 100%;
	width: 220px;
	z-index: 100;
	display: none;
	opacity: 0;
	visibility: hidden;
	padding: 20px 0px;
	background: #ffffff;
	border-radius: 3px;
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	-moz-transform: rotateX(90deg);
	-webkit-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	transform: rotateX(90deg);
	border-radius: 0 0 6px 6px;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li>ul:before {
	position: absolute;
	content: '';
	left: 0px;
	top: -30px;
	width: 100%;
	height: 30px;
	display: block;
}

.main-menu .navigation>li>ul.from-right {
	left: auto;
	right: 0px;
}

.main-menu .navigation>li>ul>li {
	position: relative;
	width: 100%;
	margin-bottom: 0px;
}

.main-menu .navigation>li>ul>li:last-child {
	margin-bottom: 0px;
}

.main-menu .navigation>li>ul>li>a {
	position: relative;
	display: block;
	padding: 5px 25px;
	line-height: 24px;
	font-weight: 400;
	font-size: 16px;
	text-transform: capitalize;
	color: #222222;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>ul {
	position: absolute;
	left: 100%;
	top: 100%;
	width: 220px;
	z-index: 100;
	display: none;
	opacity: 0;
	visibility: hidden;
	margin-top: -50px;
	padding: 20px 0px;
	background: #ffffff;
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	transform: rotateX(90deg);
	border-radius: 0 0 6px 6px;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li>ul>li>ul.from-right {
	left: auto;
	right: 0px;
}

.main-menu .navigation>li>ul>li>ul>li {
	position: relative;
	width: 100%;
	margin-bottom: 0px;
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
	margin-bottom: 0px;
}

.main-menu .navigation>li>ul>li>ul>li>a {
	position: relative;
	display: block;
	padding: 5px 25px;
	line-height: 24px;
	font-weight: 400;
	font-size: 16px;
	text-transform: capitalize;
	color: #222222;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navigation>li.dropdown:hover>ul {
	visibility: visible;
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
	visibility: visible;
	opacity: 1;
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
	position: absolute;
	right: 10px;
	top: 6px;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #ffffff;
	line-height: 28px;
	border: 1px solid #ffffff;
	background-size: 20px;
	cursor: pointer;
	z-index: 5;
	display: none;
}

/* Outer box */
.main-header .outer-box {
	position: relative;
	float: right;
	margin-left: 50px;
}

.main-header .search-box-outer {
	position: relative;
	float: left;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .search-box-btn {
	position: relative;
	float: left;
	font-size: 24px;
	line-height: 30px;
	cursor: pointer;
	background: none;
	color: #ffffff;
	font-weight: 400;
	cursor: pointer;
	margin-top: 10px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.dropdown-toggle::after {
	display: none;
}

.main-header .search-box-outer .dropdown-menu {
	top: 44px !important;
	left: auto !important;
	right: 0;
	padding: 0px;
	width: 280px;
	border-radius: 0px;
	-webkit-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
}

.main-header .search-panel .form-container {
	padding: 25px 20px;
}

.main-header .search-panel .form-group {
	position: relative;
	margin: 0px;
}

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select {
	display: block;
	width: 100%;
	line-height: 24px;
	padding: 7px 40px 7px 15px;
	height: 40px;
	font-size: 14px;
	border: 1px solid #e0e0e0;
	background: #ffffff;
}

.main-header .search-panel .search-btn {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 40px;
	height: 40px;
	text-align: center;
	color: #555555;
	font-size: 12px;
	background: none;
	cursor: pointer;
}

.main-header .outer-box .btn-box {
	position: relative;
	float: right;
	padding: 37px 0 20px;
}

.main-header .outer-box .btn-box a {
	position: relative;
	float: right;
	padding: 10px 20px;
	line-height: 20px;
	font-size: 16px;
}

.nav-outer .mobile-nav-toggler {
	position: relative;
	float: right;
	font-size: 40px;
	line-height: 50px;
	cursor: pointer;
	margin: 35px 0px 2px;
	display: none;
}

/*** 
====================================================================
	Header Style Two
====================================================================
***/

.header-span {
	height: 90px;
	display: block;
}

.header-style-two .main-box {
	padding: 0;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.10);
	background: #fff;
}

.header-style-two .outer-box,
.header-style-two .logo-box {
	padding: 5px 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.header-style-two .main-menu .navigation>li {
	padding: 40px 0 20px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.header-style-two.fixed-header {
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.10);
}

.main-header.header-style-two.fixed-header .main-box {
	background-color: #ffffff;
	padding: 0;
}


/*** 
====================================================================
	Header Style Three
====================================================================
***/

.header-style-three .main-menu .navigation>li {
	margin-left: 35px;
}

.header-style-three .nav-outer {
	float: left;
}

.header-style-three .nav-outer .main-menu {
	margin-left: 45px;
}

.header-style-three .outer-box {
	position: relative;
	float: right;
}

.header-style-three .outer-box .btn-box a {
	border-radius: 3px;
}

.main-header.fixed-header .main-box {
	padding: 10px 0;
}

/*** 
====================================================================
			Mobile Menu
====================================================================
***/

.mobile-menu {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	padding-right: 30px;
	max-width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: 999999;
}

.mobile-menu .nav-logo {
	position: relative;
	padding: 20px 20px;
	text-align: left;
}

.mobile-menu .nav-logo img {
	max-width: 200px;
}

.mobile-menu-visible {
	overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
	opacity: 1;
	visibility: visible;
}

.mobile-menu .menu-backdrop {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
	opacity: 1;
	visibility: visible;
}

.mobile-menu .menu-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background: #ffffff;
	padding: 0px 0px;
	z-index: 5;
	opacity: 0;
	border-radius: 0px;
	visibility: hidden;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: top right;
	-moz-transform-origin: top right;
	-ms-transform-origin: top right;
	-o-transform-origin: top right;
	transform-origin: top right;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.mobile-menu-visible .mobile-menu .menu-box {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.mobile-menu .close-btn {
	position: absolute;
	right: 15px;
	top: 25px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	cursor: pointer;
	z-index: 10;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}

.mobile-menu-visible .mobile-menu .close-btn {
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.mobile-menu .close-btn:hover {
	opacity: 0.50;
}

.mobile-menu .navigation {
	position: relative;
	display: block;
	border-top: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li {
	position: relative;
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li>ul>li:last-child {
	border-bottom: none;
}

.mobile-menu .navigation li>ul>li:first-child {
	border-top: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li>a {
	position: relative;
	display: block;
	line-height: 24px;
	padding: 10px 20px;
	font-size: 16px;
	color: #404040;
	font-weight: 600;
	text-transform: capitalize;
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 44px;
	height: 44px;
	text-align: center;
	font-size: 16px;
	line-height: 44px;
	color: #404040;
	cursor: pointer;
	z-index: 5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 10px;
	width: 1px;
	height: 24px;
	border-left: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
	display: none;
}

/*** 
====================================================================
		Banner Section
====================================================================
***/

.banner-section {
	position: relative;
}

.banner-carousel {
	position: relative;
}

.banner-carousel .slide-item {
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 320px 0 150px;
	text-align: center;
}

.banner-carousel .slide-item:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	opacity: .60;
	content: "";
}

.banner-carousel .content-box {
	position: relative;
	text-align: center;
}

.banner-carousel .content-box .title {
	display: block;
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 25px;
	opacity: 0;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-carousel .active .content-box .title {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.banner-carousel .content-box h2 {
	display: block;
	font-size: 100px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 30px;
	opacity: 0;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-carousel .active .content-box h2 {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.banner-carousel .content-box .info-list {
	position: relative;
	margin-bottom: 45px;
	opacity: 0;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-carousel .active .content-box .info-list {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.banner-carousel .content-box .info-list li {
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 26px;
	color: #ffffff;
	font-weight: 400;
	margin: 0 10px;
	text-transform: uppercase;
}

.banner-carousel .content-box .info-list li .icon {
	margin-right: 10px;
	float: left;
	font-size: 18px;
	line-height: 26px;
}

.banner-carousel .content-box .btn-box {
	opacity: 0;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-carousel .active .content-box .btn-box {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

.banner-carousel .owl-nav {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
}

.banner-carousel .owl-next,
.banner-carousel .owl-prev {
	position: absolute;
	left: 0;
	top: 0;
	height: 100px;
	width: 30px;
	color: #ffffff;
	background-color: rgba(255, 255, 255, 0.10);
	font-size: 20px;
	line-height: 100px;
	text-align: center;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-carousel .owl-next {
	left: auto;
	right: 0;
}

.banner-carousel .owl-next:hover,
.banner-carousel .owl-prev:hover {
	background-color: rgba(255, 255, 255, .90);
	color: #222222;
}

/*** 
====================================================================
		About Section
====================================================================
***/

.about-section-two {
	position: relative;
	padding: 120px 0 70px;
}

.about-section-two .content-column {
	position: relative;
	margin-bottom: 50px;
}

.about-section-two .content-column .inner-column {
	position: relative;
	padding-top: 50px;
}

.about-section-two .content-column .sec-title {
	position: relative;
	margin-bottom: 20px;
}

.about-section-two .content-column .sec-title .text {
	margin-top: 20px;
}

.about-section-two .content-column .sec-title h2 {
	font-size: 48px;
}

.about-section-two .content-column .list-style-one {
	margin-bottom: 30px;
}

.about-section-two .content-column .btn-box {
	position: relative;
}

.about-section-two .about-block {
	position: relative;
	margin-bottom: 30px;
}

.about-section-two .about-block .inner-box {
	position: relative;
}

.about-section-two .about-block h4 {
	position: relative;
	padding-left: 35px;
	font-size: 24px;
	line-height: 50px;
	font-weight: 600;
}

.about-section-two .about-block .icon {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 24px;
	line-height: 50px;
}

.about-section-two .about-block .text {
	font-size: 16px;
	line-height: 1.2em;
	font-weight: 500;
}

.about-section-two .image-column {
	position: relative;
	margin-bottom: 50px;
}

.about-section-two .image-column .image-box {
	position: relative;
	padding-right: 50px;
}

.about-section-two .image-column .image-box img {
	display: block;
	width: 100%;
	z-index: 1;
}

.about-section-two .image-column .image {
	position: relative;
	margin-bottom: 0;
}

.about-section-two .image-column .image:before {
	position: absolute;
	left: -1px;
	top: -1px;
	right: -1px;
	bottom: -1px;
	background-image: url(../images/icons/icon-shape.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	z-index: 8;
}


.about-section-two .icon-circle-blue {
	left: -150px;
	bottom: -150px;
	opacity: .70;
	-webkit-animation: fa-spin 30s infinite;
	-moz-animation: fa-spin 30s infinite;
	-ms-animation: fa-spin 30s infinite;
	-o-animation: fa-spin 30s infinite;
	animation: fa-spin 30s infinite;
}

.about-section-two .icon-dots {
	left: 5%;
	top: 20%;
}

.about-section-two .icon-circle-1 {
	right: -200px;
	top: -200px;
	opacity: .05;
}

/*** 
====================================================================
		Features Section
====================================================================
***/

.features-section {
	position: relative;
	padding: 120px 0 80px;
}

.feature-block {
	position: relative;
	margin-bottom: 40px;
}

.feature-block .inner-box {
	position: relative;
	padding: 60px 40px;
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	box-shadow: 0 30px 40px rgba(0, 0, 0, 0.10);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	text-align: center;
	overflow: hidden;
}

.feature-block .inner-box:hover {
	box-shadow: none;
}

.feature-block .icon-box {
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.feature-block .icon-box .icon {
	position: relative;
	display: inline-block;
	font-size: 70px;
	line-height: 1em;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.feature-block .inner-box:hover .icon-box .icon {
	-webkit-transform: scale(-1) rotate(180deg);
	-moz-transform: scale(-1) rotate(180deg);
	-ms-transform: scale(-1) rotate(180deg);
	-o-transform: scale(-1) rotate(180deg);
	transform: scale(-1) rotate(180deg);
}

.feature-block h4 {
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	font-weight: 700;
	margin-bottom: 20px;
}

.feature-block h4 a {
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block .text {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	margin-bottom: 25px;
	cursor: default;
}

.feature-block .link-box {
	position: relative;
	display: block;
}

.feature-block .link-box a {
	position: relative;
	display: inline-block;
	padding: 10px 20px;
	line-height: 20px;
	font-size: 14px;
	color: #ffffff;
	border-radius: 10px;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.feature-block .inner-box:hover .link-box a {
	border-radius: 0px;
	background: none;
}

.feature-block:nth-child(3n + 2) .inner-box:hover .link-box a {
	background: none;
}


.feature-block:nth-child(3n + 3) .inner-box:hover .link-box a {
	background: none;
}

.features-section .anim-icons {
	max-width: 100%;
}

.feature-block h4,
.feature-block h4 a,
.feature-block-two h4,
.feature-block-two h4 a,
.feature-block-three h4,
.feature-block-three h4 a {
	color: #1a1a1a;
}

.icon-shape-3 {
	height: 490px;
	width: 290px;
	background-image: url(../images/icons/shape-3.png);
	background-size: 100%;
}

.features-section .icon-shape-3 {
	top: 0px;
	left: -110px;
	opacity: .70;
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
}

.features-section .icon-line-1 {
	right: 10%;
	top: 35%;
	-webkit-animation: fa-spin 30s infinite alternate;
	-moz-animation: fa-spin 30s infinite alternate;
	-ms-animation: fa-spin 30s infinite alternate;
	-o-animation: fa-spin 30s infinite alternate;
	animation: fa-spin 30s infinite alternate;
}

.features-section .icon-dots {
	right: 10%;
	top: 35%;
}

/*** 
====================================================================
	Features Section Three
====================================================================
***/

.features-section-three {
	position: relative;
	padding: 120px 0 80px;
}

.features-section-three.no-pd-top {
	padding-top: 0;
}

.feature-block-three {
	position: relative;
	margin-bottom: 40px;
}

.feature-block-three .inner-box {
	position: relative;
	padding: 20px 30px;
	padding-left: 170px;
	padding-right: 100px;
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	box-shadow: 0 30px 40px rgba(0, 0, 0, 0.10);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	overflow: hidden;
}

.feature-block-three .inner-box:hover {
	box-shadow: none;
}

.feature-block-three .icon-box {
	position: absolute;
	left: 50px;
	top: 0;
	height: 100%;
	width: 70px;
	padding: 0 20px;
}

.feature-block-three .icon-box:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	transform: skew(-15deg);
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	transition: all 600ms ease;
}

.feature-block-three .inner-box:hover .icon-box:before {
	-webkit-transform: skew(15deg);
	-moz-transform: skew(15deg);
	-ms-transform: skew(15deg);
	-o-transform: skew(15deg);
	transform: skew(15deg);
}

.feature-block-three .icon-box .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 40px;
	font-size: 40px;
	line-height: 1em;
	margin-top: -20px;
	margin-left: -20px;
	color: #ffffff;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.feature-block-three .inner-box:hover .icon-box .icon {
	-webkit-transform: scale(-1) rotate(180deg);
	-moz-transform: scale(-1) rotate(180deg);
	-ms-transform: scale(-1) rotate(180deg);
	-o-transform: scale(-1) rotate(180deg);
	transform: scale(-1) rotate(180deg);
}

.feature-block-three h4 {
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	font-weight: 700;
	margin-bottom: 10px;
}

.feature-block-three h4 a {
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block-three .text {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	cursor: default;
}

.feature-block-three .link-box {
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -20px;
	font-size: 20px;
	border-radius: 50%;
}

.feature-block-three .link-box a {
	position: relative;
	display: inline-block;
	padding: 10px 20px;
	line-height: 20px;
	font-size: 14px;
	color: #ffffff;
	border-radius: 10px;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	transition: all 600ms ease;
}

.feature-block-three .inner-box:hover .link-box a {
	transform: rotate(360deg);
	border-radius: 0px;
}

.feature-block-three .inner-box:hover .link-box a {
	color: #ffffff;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.10);
}

/***
====================================================================
			Fluid Section One
====================================================================
***/
.fluid-section-one {
	background-color: #1A1A1A;
	position: relative;
}

.fluid-section-one .outer-box {
	position: relative;
}

.fluid-section-one .content-column {
	position: relative;
	float: right;
	width: 50%;
	padding: 0 15px;
}

.fluid-section-one .content-column .inner-column {
	position: relative;
	max-width: 700px;
	padding: 80px 20px;
	margin: 0 auto;
}

.fluid-section-one .content-column h3 {
	position: relative;
	font-size: 48px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 28px;
}

.fluid-section-one .content-column .text {
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	margin-bottom: 30px;
}

.fluid-section-one .content-column .theme-btn {
	border-radius: 5px;
}

.fluid-section-one .image-column {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 50%;
	background-repeat: no-repeat;
	background-position: center left;
	background-size: cover;
}

.fluid-section-one .image-column .image-box {
	display: none;
}

.fluid-section-one .image-column .image {
	position: relative;
	margin-bottom: 0;
}

.fluid-section-one .image-column .image img {
	display: block;
	width: 100%;
	height: auto;
}

/*** 
====================================================================
		Speakers Section
====================================================================
***/

.speakers-section-three {
	position: relative;
	padding: 120px 0 90px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: hidden;
}

.speaker-block-three {
	position: relative;
	margin-bottom: 50px;
}

.speaker-block-three .inner-box {
	position: relative;
	background-color: #ffffff;
	overflow: hidden;
	padding-bottom: 30px;
	max-width: 300px;
	margin: 0 auto;
	overflow: hidden;
	box-shadow: 0 20px 30px rgba(0, 0, 0, 0.10);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.speaker-block-three .inner-box:hover {
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.10);
}

.speaker-block-three .image-box {
	position: relative;
	display: block;
	text-align: center;
	padding: 50px 0;
}

.speaker-block-three .image-box:before {
	position: absolute;
	left: -10px;
	right: -10px;
	top: -4px;
	height: 100%;
	background-image: url(../images/icons/shape-5.webp);
	-webkit-transform: scale(-1);
	-moz-transform: scale(-1);
	-ms-transform: scale(-1);
	-o-transform: scale(-1);
	transform: scale(-1);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: cover;
	content: "";
}

.speaker-block-three .image-box .image {
	position: relative;
	display: inline-block;
	height: 150px;
	width: 150px;
	overflow: hidden;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.30);
	border-radius: 50%;
	z-index: 9;
	margin-bottom: 0;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	transition: all 600ms ease;
}

.speaker-block-three .inner-box:hover .image-box .image {
	border-radius: 0px;
}

.speaker-block-three .image-box .image img {
	display: block;
	width: 100%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.speaker-block-three .inner-box:hover .image img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.speaker-block-three .info-box {
	position: relative;
	display: inline-block;
	padding: 10px 30px;
	padding-right: 10px;
}

.speaker-block-three .info-box:before {
	position: absolute;
	left: 0;
	right: -30px;
	content: "";
	top: 0;
	height: 100%;
	-webkit-transform: skew(-30deg);
	-moz-transform: skew(-30deg);
	-ms-transform: skew(-30deg);
	-o-transform: skew(-30deg);
	transform: skew(-30deg);
	border-radius: 0 14px 14px 0;
}

.speaker-block-three .info-box .name {
	position: relative;
	font-size: 24px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 600;
}

.speaker-block-three .info-box .name a {
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.speaker-block-three .info-box .name a:hover {
	color: #ffffff;
}

.speaker-block-three .info-box .designation {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 500;
}

.speaker-block-three .social-box {
	position: absolute;
	top: 90px;
	transform: translateX(-50px);
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	transition: all 600ms ease;
}

.speaker-block-three .social-box .social-links li {
	margin-bottom: 4px;
}

.speaker-block-three .inner-box:hover .social-box {
	transform: translateX(10px);
}

.speaker-block-three .social-links li a i {
	position: relative;
	display: block;
	width: 32px;
	height: 32px;
	border: 1px solid #eeeeee;
	font-size: 16px;
	line-height: 30px;
	background-color: #ffffff;
	text-align: center;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.speaker-block-three .social-links li a:hover i {
	color: #ffffff;
}

/*** 
====================================================================
	Speker Detail								
====================================================================
***/

.speaker-detail {
	position: relative;
	padding: 120px 0 70px;
}

.speaker-detail .image-column {
	position: relative;
	margin-bottom: 50px;
}

.speaker-detail .image-column .image-box {
	position: relative;
	padding-right: 20px;
}

.speaker-detail .image-column .image {
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
	border: 10px solid #ffffff;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.10);
}

.speaker-detail .image-column .image img {
	display: block;
	width: 100%;
}

.speaker-detail .info-column {
	position: relative;
}

.speaker-detail .info-column .inner-column {
	position: relative;
}

.speaker-detail .info-column h1 {
	position: relative;
	font-size: 50px;
	line-height: 1em;
	font-weight: 700;
	margin-bottom: 20px;
}

.speaker-detail .info-column h3 {
	position: relative;
	display: block;
	font-size: 40px;
	line-height: 1em;
	font-weight: 600;
	margin-bottom: 20px;
}

.speaker-detail .info-column h4 {
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1em;
	font-weight: 500;
	margin-bottom: 20px;
}

.speaker-detail .info-column h5 {
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1em;
	font-weight: 500;
	margin-bottom: 10px;
}

.speaker-detail .info-column .text-box {
	position: relative;
}

.speaker-detail .info-column p {
	position: relative;
	font-size: 16px;
	line-height: 1.6em;
	margin-bottom: 30px;
}

.speaker-detail .speaker-session-info {
	position: relative;
	margin-bottom: 30px;
}

.speaker-detail .speaker-session-info p {
	margin-bottom: 0;
}

.speaker-detail .bottom-box {
	position: relative;
	padding-left: 80px;
	min-height: 50px;
	margin-bottom: 30px;
}

/*** 
====================================================================
	schedule Section
====================================================================
***/

.schedule-section {
	position: relative;
	padding: 120px 0 100px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: #fafafa;
	overflow: hidden;
}

.schedule-section .icon-circle-4 {
	right: -200px;
	bottom: 160px;
}

.schedule-section .icon-circle-3 {
	left: -375px;
	top: 340px;
	opacity: .30;
}

.tabs-box {
	position: relative;
}

.tabs-box .tab {
	display: none;
}

.tabs-box .tab.active-tab {
	display: block;
}

.schedule-tabs {
	position: relative;
}

.schedule-tabs .btns-box {
	position: relative;
	display: block;
	margin-bottom: 40px;
}

.schedule-tabs .tab-buttons {
	position: relative;
	text-align: center;
}

.schedule-tabs .tab-buttons li {
	position: relative;
	display: inline-block;
	height: 135px;
	width: 160px;
	border-radius: 20px;
	background-color: #ffffff;
	font-size: 16px;
	line-height: 20px;
	color: #222222;
	font-weight: 600;
	text-align: left;
	padding: 15px 15px;
	padding-top: 70px;
	padding-left: 90px;
	cursor: pointer;
	margin: 0 15px 20px;
	border: 1px solid #dddddd;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.schedule-tabs .tab-buttons li .day {
	position: absolute;
	left: 0px;
	top: 30px;
	padding: 5px 20px;
	background-color: #222222;
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	color: #ffffff;
	border-radius: 0 15px 15px 0;
}

.schedule-tabs .tab-buttons li .date {
	position: absolute;
	left: -0;
	top: 80px;
	width: 100px;
	text-align: center;
	font-size: 38px;
	line-height: 20px;
	font-weight: 600;
	color: #222222;
}

.schedule-tabs .tab-buttons li .month {
	display: block;
	font-size: 20px;
	line-height: 1em;
	font-weight: 600;
	color: #222222;
	text-transform: uppercase;
}

.schedule-tabs .tab-buttons li .year {
	font-size: 30px;
}

.schedule-tabs .tab-buttons li.active-btn {
	box-shadow: 0 20px 30px rgba(0, 0, 0, .10);
}

.schedule-timeline {
	position: relative;
}

/*=== Schedule Block ===*/

.schedule-block {
	position: relative;
	margin-bottom: 30px;
}

.schedule-block:after {
	display: table;
	clear: both;
	content: "";
}

.schedule-block .inner-box {
	position: relative;
	float: right;
	width: 50%;
	text-align: center;
}

.schedule-block .inner-box .inner {
	position: relative;
	padding: 20px 30px 20px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
	margin-left: 80px;
	border-radius: 20px;
}

.schedule-block .inner:before {
	position: absolute;
	top: 0;
	bottom: -30px;
	right: 100%;
	border-left: 2px dashed #dddddd;
	content: "";
	margin-right: 80px;
}

.schedule-block .inner:after {
	position: absolute;
	right: 100%;
	top: 35px;
	border-top: 15px solid transparent;
	border-right: 20px solid #ffffff;
	border-bottom: 15px solid transparent;
	content: "";
}

.schedule-block .date {
	position: absolute;
	left: -132px;
	width: 100px;
	top: 0px;
	height: 100px;
	background-color: #ffffff;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	padding: 30px 15px 0;
	border-radius: 50%;
	border: 2px dashed #dddddd;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}

.schedule-block .speaker-info {
	position: relative;
	padding-top: 10px;
	min-height: 60px;
}

.schedule-block .speaker-info .thumb {
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	border-radius: 50%;
	overflow: hidden;
}

.schedule-block .speaker-info .name {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2em;
}

.schedule-block .speaker-info .designation {
	font-size: 15px;
	line-height: 30px;
}

.schedule-block h4 {
	position: relative;
	font-size: 28px;
	line-height: 1.3em;
	font-weight: 600;
	margin-bottom: 15px;
	padding-top: 15px;
}

.schedule-block h4 a {
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.schedule-block .text {
	position: relative;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 15px;
}

.schedule-block .btn-box {
	position: relative;
	padding: 6px 0;
}

.schedule-block .btn-box a {
	padding: 10px 20px;
	line-height: 20px;
	font-size: 14px;
	background-color: #333;
	color: #ffffff;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	border-radius: 5px;
}

.schedule-block .btn-box a:hover {
	color: #ffffff;
}

.schedule-block.even .inner-box {
	float: left;
	text-align: right;
}

.schedule-block.even .inner-box .inner {
	margin-right: 80px;
	margin-left: 0px;
}

.schedule-block.even .inner:before {
	right: auto;
	left: 100%;
	margin-left: 80px;
	margin-right: 0;
}

.schedule-block.even .inner:after {
	right: auto;
	left: 100%;
	border-right: 0;
	border-left: 20px solid #ffffff;
}

.schedule-block:last-child .inner:before {
	display: none;
}

.schedule-block.even .date {
	left: auto;
	right: -132px;
}

.schedule-block.even .speaker-info {
	padding-left: 0;
	padding-right: 80px;
}

.schedule-block.even .speaker-info .thumb {
	left: auto;
	right: 0;
}

.schedule-block:nth-child(4n + 1) .btn-box a:hover {
	border-radius: 0px;
	background: none;
}

.schedule-block:nth-child(4n + 2) .btn-box a:hover {
	border-radius: 0px;
	background: none;
}

.schedule-block:nth-child(4n + 3) .btn-box a:hover {
	border-radius: 0px;
	background: none;
}

.schedule-block:nth-child(4n + 4) .btn-box a:hover {
	border-radius: 0px;
	background: none;
}

/*** 
====================================================================
	schedule Section Style two
====================================================================
***/

.schedule-section.style-two {
	position: relative;
}

.schedule-section.style-two .schedule-block .date {
	position: relative;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	border: 0;
	box-shadow: none;
	height: auto;
	width: auto;
	margin-bottom: 20px;
	text-align: center;
	font-size: 18px;
}

.schedule-section.style-two .schedule-block .inner-box {
	width: 100%;
}

.schedule-section.style-two .schedule-block .inner-box .inner {
	margin: 0;
	padding: 50px 50px 40px;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.10);
}

.schedule-section.style-two .schedule-block .inner:before,
.schedule-section.style-two .schedule-block .inner:after {
	display: none;
}

.schedule-section.style-two .schedule-timeline {
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
}


/*** 
====================================================================
		Event Detail
====================================================================
***/

.event-detail {
	position: relative;
	padding: 120px 0 90px;
}

.event-detail .auto-container {
	max-width: 1000px;
}

.event-detail .image-box {
	position: relative;
	margin-bottom: 30px;
}

.event-detail .image-box .image {
	position: relative;
	margin-bottom: 0;
}

.event-detail .image-box .image img {
	display: block;
	width: 100%;
	height: auto;
}

.event-detail .content-box {
	position: relative;
}

.event-detail .upper-info {
	position: relative;
	margin-bottom: 20px;
}

.event-detail .upper-info li {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	color: #222222;
	font-weight: 500;
	text-transform: uppercase;
	padding-left: 25px;
	margin-right: 20px;
}

.event-detail .upper-info .icon {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
	line-height: 24px;
}

.event-detail .content-box h2 {
	display: block;
	font-size: 36px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
	margin-bottom: 25px;
}

.event-detail .speaker-info {
	position: relative;
	padding-left: 75px;
	min-height: 60px;
	margin-bottom: 25px;
}

.event-detail .speaker-info .thumb {
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	border-radius: 50%;
	overflow: hidden;
}

.event-detail .speaker-info .name {
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	color: #222222;
}

.event-detail .speaker-info .designation {
	font-size: 16px;
	line-height: 24px;
}

.event-detail .content-box p {
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	margin-bottom: 30px;
}

.event-detail .two-column {
	position: relative;
}

.event-detail .two-column .column {
	margin-bottom: 30px;
}

.event-detail .two-column .image {
	position: relative;
	margin-bottom: 0;
}

.event-detail .two-column .image img {
	display: block;
	width: 100%;
}

.event-detail .two-column h4 {
	font-size: 22px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 20px;
}

/*====================================================
		FAQ's Section
====================================================*/

.faq-section {
	position: relative;
	padding: 120px 0 90px;
}

.faq-section .content-column {
	position: relative;
	margin-bottom: 30px;
}

/* Accordian Box */

.accordion-box {
	position: relative;
}

.accordion-box .block {
	position: relative;
	margin-bottom: 30px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);
}

.accordion-box .block:last-child {
	margin-bottom: 0px;
}

.accordion-box .block .acc-btn {
	position: relative;
	font-size: 22px;
	cursor: pointer;
	line-height: 28px;
	color: #ffffff;
	font-weight: 500;
	border-radius: 4px;
	padding: 15px 25px 15px 25px;
	padding-right: 50px;
	border: 1px solid #dddddd;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.accordion-box .block .icon-outer {
	position: absolute;
	right: 25px;
	top: 10px;
	font-size: 18px;
	line-height: 35px;
	color: #ffffff;
	text-align: center;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.accordion-box .block .acc-btn .icon-outer .icon {
	position: relative;
}

.accordion-box .block.active-block {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);
}

.accordion-box .block .acc-btn.active .icon-outer {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

.accordion-box .block .acc-content {
	position: relative;
	display: none;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-top: 0;
}

.accordion-box .block .acc-content.current {
	display: block;
}

.accordion-box .block .content {
	position: relative;
	font-size: 16px;
	padding: 30px 35px;
}

.accordion-box .block .content .text {
	position: relative;
	font-size: 16px;
	line-height: 26px;
}

.accordion-box .block .content p:last-child {
	margin-bottom: 0px;
}

/***
====================================================================
			Why Choose Us
====================================================================
***/

.why-choose-us {
	position: relative;
	background-color: #fafafa;
	padding: 120px 0 70px;
}

.why-choose-us .image-column {
	position: relative;
	margin-bottom: 50px
}

.why-choose-us .image-column .image-box {
	position: relative;
}

.why-choose-us .image-column .image-box .image {
	position: relative;
	margin-bottom: 0;
}

.why-choose-us .image-column .image-box img {
	display: block;
	width: 100%;
}

.why-choose-us .content-column {
	position: relative;
	margin-bottom: 50px;
}

.why-choose-us .content-column .inner-column {
	position: relative;
	padding-top: 20px;
}

.why-choose-us .content-column .sec-title {
	position: relative;
	margin-bottom: 30px;
}

.why-choose-us .content-column .list-style-one {
	margin-bottom: 30px;
}

/*** 
====================================================================
		Gallery Section
====================================================================
***/

.gallery-section {
	position: relative;
	padding: 120px 0 90px;
}

.gallery-item {
	position: relative;
	margin-bottom: 30px;
}

.gallery-item .image-box {
	position: relative;
	overflow: hidden;
}

.gallery-item .image-box .image {
	position: relative;
	margin-bottom: 0;
}

.gallery-item .image-box .image img {
	display: block;
	width: 100%;
	height: auto;
}

.gallery-item .overlay-box {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	content: "";
	border-radius: 500px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.gallery-item .overlay-box a {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -29px;
	margin-left: -29px;
}

.gallery-item .overlay-box a span {
	display: block;
	height: 58px;
	width: 58px;
	color: #ffffff;
	border-radius: 50%;
	font-weight: 700;
	font-size: 18px;
	line-height: 58px;
}

.gallery-section .owl-nav {
	display: none;
}

.gallery-section.style-two {
	padding: 0;
}

.gallery-section.style-two .gallery-item {
	margin-bottom: 0;
}

/*** 
====================================================================
		Testimonial Section
====================================================================
***/

.testimonial-section {
	position: relative;
	padding: 120px 0;
	background-color: #fdfdfd;
}

.testimonial-section .bg-layer {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
	opacity: .02;
}

.testimonial-section .sec-title {
	margin-bottom: 50px;
}

.testimonial-section .carousel-outer {
	position: relative;
	max-width: 800px;
	margin: 0 auto;
}

.testimonial-block {
	position: relative;
	text-align: center;
}

.testimonial-block .inner {
	position: relative;
}

.testimonial-block .icon {
	position: relative;
	display: inline-block;
	font-size: 40px;
	line-height: 80px;
	width: 80px;
	height: 80px;
	color: #ffffff;
	border-radius: 50%;
	margin-bottom: 30px;
	text-shadow: 10px 10px 0 rgba(0, 0, 0, 0.2);
}

.testimonial-block .text {
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 36px;
	font-weight: 400;
	max-width: 700px;
	margin: 0 auto 25px;
}

.testimonial-block .name {
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
	margin-bottom: 5px;
}

.testimonial-block .rating {
	position: relative;
	font-size: 15px;
	line-height: 25px;
}

.testimonial-section .owl-nav {
	position: absolute;
	top: 50%;
	width: 100%;
}

.testimonial-section .owl-next,
.testimonial-section .owl-prev {
	position: absolute;
	left: -40px;
	top: 0;
	height: 50px;
	width: 50px;
	font-size: 22px;
	color: #ffffff;
	line-height: 50px;
	margin-left: 15px;
	border-radius: 50%;
	text-align: center;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.testimonial-section .owl-next {
	left: auto;
	right: -40px;
}

.testimonial-section .owl-next:hover,
.testimonial-section .owl-prev:hover {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);
}

/*** 
======================================================
		News Section
====================================================================
***/

.news-section {
	position: relative;
	padding: 110px 0 80px;
	overflow: hidden;
}

.news-block {
	position: relative;
	margin-bottom: 40px;
}

.news-block .inner-box {
	position: relative;
	background-color: #ffffff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);
}

.news-block .lower-content {
	position: relative;
	padding: 20px 30px 30px;
	text-align: center;
}

.news-block h4 {
	position: relative;
	display: block;
	font-size: 26px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
	margin-bottom: 20px;
	text-align: center;
}

.news-block h4 a {
	color: #222222;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .btn-box {
	position: relative;
}

.news-block .btn-box a {
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 26px;
	color: #ffffff;
	padding: 4px 15px;
	border-radius: 5px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	text-align: center;
}

.news-block .btn-box a:hover {
	background: none;
}

/*** 
====================================================================
		Blog Detail
====================================================================
***/

.blog-single {
	position: relative;
}

.blog-single .news-block {
	margin-bottom: 0;
}

.blog-single .news-block .inner-box {
	box-shadow: none;
}

.blog-single .lower-content {
	padding: 20px 0 0;
}

.blog-single h2 {
	font-size: 30px;
	line-height: 1.2em;
	font-weight: 600;
	color: #222222;
	margin-bottom: 15px;
}

.blog-single .lower-content p {
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 30px;
}

.blog-single .lower-content blockquote {
	position: relative;
	padding: 35px 40px;
	padding-left: 95px;
	background-color: #fafafa;
	margin: 45px 0;
}

.blog-single .lower-content blockquote .icon {
	position: absolute;
	left: 40px;
	top: 40px;
	font-size: 30px;
	line-height: 1em;
}

.blog-single .lower-content blockquote p {
	font-size: 20px;
	line-height: 32px;
	color: #7f8897;
	font-weight: 400;
	margin-bottom: 15px;
}

.blog-single .lower-content blockquote cite {
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 30px;
	font-weight: 400;
	font-style: normal;
	padding-left: 30px;
}

.blog-single .lower-content blockquote cite:before {
	position: absolute;
	left: 0;
	top: 14px;
	height: 1px;
	width: 20px;
	content: "";
}

/*** 

====================================================================
		Styled Pagination
====================================================================

***/

.styled-pagination {
	position: relative;
}

.styled-pagination li {
	position: relative;
	display: inline-block;
	margin: 0 8px 0 0;
}

.styled-pagination li:last-child {
	margin-right: 0;
}

.styled-pagination li a {
	position: relative;
	display: block;
	line-height: 50px;
	font-size: 18px;
	height: 50px;
	width: 50px;
	color: #222222;
	font-weight: 500;
	text-align: center;
	background: #ffffff;
	border: 1px solid #dddddd;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.styled-pagination li a:hover,
.styled-pagination li a.active {
	color: #ffffff;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.10);
}

/*** 

====================================================================
		Video Section
====================================================================

***/

.video-section {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 120px 0 140px;
	background-attachment: fixed;
}

.video-section:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: .70;
	content: "";
}

.video-section .content-box {
	position: relative;
	text-align: center;
}

.video-section .content-box .text {
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.video-section .content-box h2 {
	display: block;
	font-size: 60px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
}

.video-section .play-now {
	position: relative;
	display: inline-block;
	margin-top: 50px;
}

.video-section .play-now .icon {
	height: 100px;
	width: 100px;
	line-height: 100px;
	padding-left: 0;
	font-size: 50px;
}

.play-now {
	position: relative;
	display: block;
	z-index: 9;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.play-now .icon {
	position: relative;
	display: inline-block;
	height: 80px;
	width: 80px;
	text-align: center;
	line-height: 80px;
	background-color: #000000;
	color: #ffffff;
	z-index: 1;
	padding-left: 5px;
	font-size: 24px;
	display: block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
	-moz-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
	-ms-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
	-o-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
	box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;
}

.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 70px;
	width: 70px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
}

.play-now .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute;
}

.play-now .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute;
}

@-webkit-keyframes ripple {
	70% {
		box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

@keyframes ripple {
	70% {
		box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

/*** 

====================================================================
		Call to Action
====================================================================

***/

.call-to-action {
	position: relative;
	padding: 60px 0;
}

.call-to-action .content-box {
	position: relative;
	text-align: center;
}

.call-to-action .content-box h2 {
	display: block;
	font-size: 56px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 30px;
}

.call-to-action .content-box .btn-box {
	position: relative;
}

/*** 
====================================================================
		Register Section
====================================================================
***/

.register-section {
	position: relative;
	padding: 120px 0;
	background-color: #fafafa;
	overflow: hidden;
}

.register-section .outer-box {
	position: relative;
	box-shadow: 0 30px 50px rgba(0, 0, 0, 0.10);
	background-color: #ffffff;
}

.register-section .title-column {
	position: relative;
	float: left;
	background-image: url(../images/icons/form-bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.register-section .title-column .inner {
	position: relative;
	text-align: center;
	padding: 80px 50px 20px;
}

.register-section .title-column .icon-box {
	position: relative;
	display: inline-block;
	margin-bottom: 30px;
	background-color: #ffffff;
	height: 150px;
	width: 150px;
	line-height: 150px;
	border-radius: 50%;
}

.register-section .title-column .icon {
	position: relative;
	display: inline-block;
	font-size: 80px;
	color: #222222;
}

.register-section .title-column .text {
	margin-top: 20px;
}

.register-section .title-column h2 {
	position: relative;
	font-size: 34px;
	display: block;
}

.register-section .title-column .text {
	font-size: 16px;
	line-height: 26px;
	color: #ffffff;
}

.register-form {
	position: relative;
}

.register-form .form-inner {
	position: relative;
	padding: 50px 30px 30px;
	background-color: #ffffff;
}

.register-form h2 {
	position: relative;
	display: block;
	font-size: 34px;
	line-height: 1.2em;
	font-weight: 600;
	margin-bottom: 25px;
}

.register-form .form-group {
	position: relative;
	margin-bottom: 20px;
}

.register-form .form-group .icon {
	position: absolute;
	left: 20px;
	top: 10px;
	line-height: 33px;
	color: #aaaaaa;
	font-size: 16px;
	z-index: 9;
}

.register-form .form-group input[type="text"],
.register-form .form-group input[type="email"],
.register-form .form-group input[type="url"],
.register-form .form-group input[type="number"],
.register-form .form-group input[type="date"],
.register-form .form-group input[type="email"],
.register-form .form-group textarea,
.register-form .form-group select {
	position: relative;
	display: block;
	width: 100%;
	line-height: 33px;
	padding: 10px 20px;
	height: 52px;
	color: #777777;
	font-size: 15px;
	background-color: #ffffff;
	border: 1px solid #aaaaaa;
	padding-left: 50px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.register-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 33px;
	padding: 10px 20px;
	height: 200px;
	padding-left: 50px;
}

.register-form button {
	cursor: pointer;
	line-height: 25px;
	font-size: 14px;
	padding: 10px 30px;
}

.register-section .icon-circle-3 {
	right: -100px;
	top: -120px;
	opacity: .20;
}

.register-section .icon-shape-3 {
	right: 5%;
	top: 0%;
}

/*** 
====================================================================
		Contact Page Section
====================================================================
***/

.contact-page-section {
	position: relative;
	padding: 110px 0 70px;
}

.contact-page-section .form-column {
	position: relative;
	margin-bottom: 40px;
}

.contact-page-section .form-column .inner-column {
	position: relative;
}

.contact-page-section .sec-title {
	margin-bottom: 30px;
}

.contact-page-section .sec-title h2 {
	font-size: 36px;
}

.contact-page-section .contact-column {
	position: relative;
	margin-bottom: 30px;
}

.contact-page-section .contact-info {
	position: relative;
	margin-bottom: 37px;
}

.contact-page-section .contact-info li {
	position: relative;
	padding-left: 55px;
	margin-bottom: 30px;
}

.contact-page-section .contact-info li p {
	display: block;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	margin: 0;
}

.contact-page-section .contact-info li strong {
	display: block;
	font-size: 18px;
	line-height: 22px;
	color: #222222;
	font-weight: 600;
}

.contact-page-section .contact-info li .icon {
	position: absolute;
	left: 0;
	top: 0;
	height: 40px;
	width: 40px;
	text-align: center;
	font-size: 18px;
	line-height: 40px;
	color: #ffffff;
}

.contact-page-section .contact-info li a {
	color: #777777;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

/*** 
====================================================================
		Map Section
===================================================================
***/

.map-section {
	position: relative;
	display: block;
	padding-bottom: 120px;
}

/*** 
====================================================================
		Clients Section
====================================================================
***/

.clients-section-three {
	position: relative;
	padding: 60px 0;
}

.client-block {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.client-block .image-box {
	width: 70%;
	margin: 0 auto 1rem;
}
/***
==================================================================
		Main Footer
==================================================================
***/

.main-footer {
	position: relative;
	background-color: #1A1A1A;
}

.main-footer .widgets-section {
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 80px 0 20px;
}

.main-footer .footer-column {
	position: relative;
	margin-bottom: 40px;
}

.main-footer .footer-widget {
	position: relative;
}

.main-footer .footer-column .widget-title {
	position: relative;
	font-size: 26px;
	font-weight: 500;
	color: #ffffff;
	line-height: 30px;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

.main-footer .footer-column .widget-title:before {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	width: 40px;
	content: '';
}

.main-footer .about-widget {
	position: relative;
}

.main-footer .logo {
	position: relative;
	margin-bottom: 5px;
	top: -20px;
}

.main-footer .footer-logo figure {
	margin: 0;
}

.main-footer .footer-logo img {
	display: block;
	width: 160px;
}

.main-footer .about-widget .text {
	position: relative;
	margin-bottom: 30px;
}

.main-footer .about-widget .text p {
	font-size: 15px;
	line-height: 24px;
	color: #f9f9f9;
	font-weight: 400;
	margin-bottom: 30px;
}

.main-footer .contact-list {
	position: relative;
}

.main-footer .contact-list li {
	position: relative;
	margin-bottom: 25px;
}

.main-footer .contact-list li:last-child {
	margin-bottom: 0;
}

.main-footer .contact-list li .icon {
	font-size: 23px;
	line-height: 25px;
	color: #ffffff;
}

.main-footer .contact-list li .text {
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 400;
}

.main-footer .contact-list li .text a {
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

/*=== Footer Bottom ===*/

.main-footer .footer-bottom {
	position: relative;
	width: 100%;
	background-color: rgba(255, 255, 255, .10);
	text-align: center;
}

.main-footer .footer-bottom .inner-container {
	position: relative;
}

.main-footer .footer-bottom .copyright-text {
	position: relative;
	padding: 20px 0;
}

.main-footer .footer-bottom .copyright-text p {
	position: relative;
	line-height: 20px;
	font-size: 14px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 0;
}

.main-footer .footer-bottom .copyright-text a {
	color: #ffffff;
	font-weight: 600;
	text-decoration: underline;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .footer-bottom .footer-nav {
	position: relative;
}

.main-footer .footer-bottom .footer-nav ul {
	position: relative;
	padding: 15px 0;
}

.main-footer .footer-bottom .footer-nav ul li {
	position: relative;
	float: left;
	margin-left: 10px;
	font-family: "Oswald", sans-serif;
}

.main-footer .footer-bottom .footer-nav ul li a {
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 400;
	padding: 5px 10px;
	text-transform: uppercase;
	background-color: #333333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .footer-bottom .footer-nav ul li a:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.20);
}

.main-footer .footer-nav {
	position: relative;
	margin-bottom: 0px;
}

.main-footer .footer-nav li {
	position: relative;
	display: inline-block;
	margin: 0 10px 0;
}

.main-footer .footer-nav li a {
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 500;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

/*** 
====================================================================
	Sidebar Page Container
====================================================================
***/

.sidebar-page-container {
	position: relative;
	padding: 120px 0px 70px;
}

/*=========================================================
			Buy Tickets
=========================================================*/

.buy-ticket {
	position: relative;
	padding: 120px 0 100px;
}

.buy-ticket .form-column {
	position: relative;
	margin-bottom: 30px;
}

.buy-ticket .form-column .inner-column {
	position: relative;
	padding-right: 30px;
}

.buy-ticket .content-column {
	position: relative;
	margin-bottom: 20px;
}

.buy-ticket ul {
	margin-bottom: 30px;
}

.buy-ticket .support-box {
	position: relative;
}

.buy-ticket .support-box p {
	margin-bottom: 10px;
}

.buy-ticket .support-box .number {
	position: relative;
	font-size: 20px;
	line-height: 1.2em;
	font-weight: 500;
}

.buy-ticket .support-box .number span {
	font-size: 18px;
	margin-right: 5px;
}

.buy-ticket .support-box .number a:hover {
	text-decoration: underline;
}

.buy-ticket .icon-circle-blue {
	left: -150px;
	bottom: -150px;
	opacity: .70;
	-webkit-animation: fa-spin 30s infinite;
	-moz-animation: fa-spin 30s infinite;
	-ms-animation: fa-spin 30s infinite;
	-o-animation: fa-spin 30s infinite;
	animation: fa-spin 30s infinite;
}

.buy-ticket .icon-circle-1 {
	right: -250px;
	top: -250px;
	opacity: .05;
}

.social-icon-colored li a:hover .fab {
	color: #ffffff;
}

/* Header Top */

.header-top {
	position: relative;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	transition: all 600ms ease;
}

.header-top .top-left {
	position: relative;
	padding: 15px 0px;
}

.header-top .text {
	position: relative;
	color: #ffffff;
	font-size: 18px;
}

.header-top .top-right {
	position: relative;
}

.header-span.style-two {
	height: 145px;
}

.header-top .social-links {
	position: relative;
	padding: 16px 0px;
	float: left;
}

.header-top .social-links li {
	position: relative;
	margin-left: 18px;
	display: inline-block;
}

.header-top .social-links li a {
	position: relative;
	color: #ffffff;
	font-size: 14px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.header-top .register-btn {
	position: relative;
	color: #ffffff;
	float: left;
	font-size: 18px;
	padding: 16.5px 30px;
	margin-left: 25px;
}

.main-header.header-style-two.alternate-two {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
}

.main-header.header-style-two.alternate-two .outer-box .search-box-btn,
.main-header.header-style-two.alternate-two .main-menu .navigation>li>a {
	color: #ffffff;
}

.main-header.header-style-two.alternate-two.fixed-header .outer-box .search-box-btn,
.main-header.header-style-two.alternate-two.fixed-header .main-menu .navigation>li>a {
	color: #000000;
}

.main-header.header-style-two.alternate.fixed-header .header-top {
	display: none;
}

.main-header.header-style-two.alternate-two .main-box {
	position: fixed;
	width: 100%;
}

/*** 
====================================================================
	Register Section
====================================================================
 ***/

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

.register-section .form-box {
	position: relative;
	max-width: 550px;
	padding: 40px 30px;
	margin: 0 auto;
	width: 100%;
	background-color: #f9f9f9;
}

.register-section .form-box h1 {
	position: relative;
	color: #222222;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.3em;
	text-align: center;
	margin-bottom: 30px;
}

/* Styled Form */

.styled-form {
	position: relative;
}

.styled-form .submit-text {
	font-size: 15px;
	color: #9e9e9e;
	font-weight: 400;
	margin-top: 10px;
}

.styled-form .form-group {
	position: relative;
	margin-bottom: 15px;
	font-size: 14px;
	color: #222222;
}

.styled-form .form-group.social-icon-one {
	padding-top: 8px;
}

.checkout-section .styled-form .form-group {
	position: relative;
	margin-bottom: 20px;
}

.styled-form .form-group .check-box {
	line-height: 24px;
	font-size: 15px;
	font-weight: normal;
	padding-top: 5px;
	color: #272727;
}

.styled-form .form-group .check-box label {
	position: relative;
	top: -1px;
	font-weight: normal;
	padding: 0px;
	font-size: 15px;
	cursor: pointer;
}

.styled-form .pull-left label,
.styled-form .pull-right label {
	cursor: pointer;
}

.styled-form .form-group .adon-icon {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: 10px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 15px;
	color: #999999;
	z-index: 2;
}

.styled-form .form-group .field-label {
	display: block;
	color: #272727;
	text-transform: capitalize;
	font-size: 16px;
	margin-bottom: 7px;
	font-weight: 400;
}

.styled-form input[type="text"],
.styled-form input[type="email"],
.styled-form input[type="password"],
.styled-form input[type="tel"],
.styled-form input[type="number"],
.styled-form input[type="url"],
.styled-form select,
.styled-form textarea {
	position: relative;
	display: block;
	width: 100%;
	background: #ffffff;
	line-height: 30px;
	padding: 8px 20px;
	height: 50px;
	border: 1px solid #f4f4f4;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}