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

[Master Stylesheet]

Project:    Dro - App Landing HTML Template
Version:    1
Last Change:    18/12/2018
Primary Use:    Software and App Landing

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

[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. Section Title
9. Main Header
10. Banner Section
11. Sponsors Section
12. Features Section
13. Features Section Two
14. Features Section Three
15. Video Section
16. Testimonial Section
17. Team Section
18. Price Section
19. Message Section
20. App Section
21. Main Footer
22. Banner Section Two
23. Features Section Four
24. Fluid Section One
25. Features Section Five
26. Fluid Section Two
27. Call To Action Section
28. Works Section
29. Testimonial Section Two
30. Price Section
31. Faq Section
32. Development Section
33. Call To Action Section Two
34. Banner Section Three
35. Services Section
36. Perfectly Section
37. Design Section
38. Design Section Two
39. Accounts Section
40. Testimonial Section Three
41. App Section Two
42. Faq Section Two
43. News Section
44. Drop Message Section
45. Banner Section Four
46. Feature Section Six
47. Screenshots Section
48. Renovate Section
49. Testimonial Section Four
50. Footer Style Two
51. Banner Section Five
52. App Section Three
53. Device Section
54. Services Section Two
55. Testimonial Section Five
56. App Section Four
57. Call To Action Section Three
58. Drop Message Section Two
59. Footer Section Three
60. Page Title
61. Sidebar Page Container
62. Comments Area
63. Comment Form
64. Screenshots Section Two

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

/*** 

====================================================================
	1. Fonts
====================================================================

 ***/
 
@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

/*font-family: 'Muli', sans-serif;
font-family: 'Raleway', sans-serif;*/

/*** 

====================================================================
	2. Resources / Css Files
====================================================================

 ***/
 
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('custom-animate.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.mCustomScrollbar.min.css');

/*** 

====================================================================
	3. Reset
====================================================================

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

/*** 

====================================================================
	4. Global Settings
====================================================================

 ***/

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

.bordered-layout .page-wrapper{
	padding:0px 50px 0px;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#1f8ceb;
}

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

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight:normal;
	margin:0px;
	background:none;
	line-height:1.6em;
	font-family: 'Raleway', sans-serif;
}

input,button,select,textarea{
	
}

textarea{
	overflow:hidden;
}

p{
	position:relative;
	line-height:1.8em;	
}

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

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

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

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

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

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

.centered{
	text-align:center;	
}

/*** 

====================================================================
	5. Buttons Style
====================================================================

 ***/

/*Btn Style One*/

.btn-style-one{
	position:relative;
	line-height:24px;
	color:#ffffff;
	font-size:14px;
	font-weight:700;
	letter-spacing:2px;
	padding:18px 41px 18px;
	text-transform:uppercase;
	font-family: 'Raleway', sans-serif;
	background:rgba(255,255,255,0.15);
}

.btn-style-one:hover{
	background:#ffffff;
	color:#00d6a9;
}

/*Btn Style Two*/

.btn-style-two{
	position:relative;
	line-height:24px;
	background:#00d6a9;
	color:#ffffff;
	font-size:14px;
	font-weight:700;
	border-radius: 2px;
	letter-spacing: 2px;
	padding:16px 39px 16px;
	border:2px solid #00d6a9;
	text-transform:uppercase;
	font-family: 'Raleway', sans-serif;
}

.btn-style-two:hover{
	background:none;
	color:#00d6a9;
}

/*Btn Style Three*/

.btn-style-three{
	position:relative;
	line-height:24px;
	background:none;
	color:#ffffff;
	font-size:14px;
	font-weight:700;
	border-radius: 2px;
	letter-spacing: 2px;
	padding:16px 39px 16px;
	border:2px solid #ffffff;
	text-transform:uppercase;
	font-family: 'Raleway', sans-serif;
}

.btn-style-three:hover{
	background-color:#ffffff;
	border-color:#ffffff;
	color:#00d6a9;
}

/*Btn Style Four */

.btn-style-four{
	position:relative;
	line-height:24px;
	color:#ffffff;
	font-size:14px;
	font-weight:700;
	letter-spacing:2px;
	border-radius:3px;
	padding:16px 38px 16px;
	text-transform:uppercase;
	border:2px solid #00d6a9;
	background-color:#00d6a9;
	font-family: 'Raleway', sans-serif;
	box-shadow:0px 20px 40px 0px rgba(0,214,169,0.30);
}

.btn-style-four:hover{
	background-color:inherit;
	color:#00d6a9;
}

/*Btn Style Five */

.btn-style-five{
	position:relative;
	line-height:24px;
	color:#00d6a9;
	font-size:14px;
	font-weight:700;
	letter-spacing:2px;
	border-radius:3px;
	padding:16px 40px 16px;
	text-transform:uppercase;
	border:2px solid #00d6a9;
	font-family: 'Raleway', sans-serif;
}

.btn-style-five:hover{
	background-color:#00d6a9;
	color:#ffffff;
}

/* Btn Style Six */

.btn-style-six{
	position:relative;
	line-height:24px;
	background:#ffb300;
	color:#ffffff;
	font-size:14px;
	font-weight:700;
	border-radius: 2px;
	letter-spacing: 2px;
	padding:16px 39px 16px;
	border:2px solid #ffb300;
	text-transform:uppercase;
	font-family: 'Raleway', sans-serif;
}

.btn-style-six:hover{
	background:none;
	color:#ffb300;
}

/* Btn Style Seven */

.btn-style-seven{
	position:relative;
	line-height:24px;
	background:#ffb300;
	color:#ffffff;
	font-size:14px;
	font-weight:700;
	border-radius: 2px;
	letter-spacing: 2px;
	padding:16px 39px 16px;
	border:2px solid #ffb300;
	text-transform:uppercase;
	box-shadow:0px 20px 40px 0px rgba(255,179,0,0.30);
	font-family: 'Raleway', sans-serif;
}

.btn-style-seven:hover{
	background:none;
	color:#ffb300;
}

/*Btn Style Eight*/

.btn-style-eight{
	position:relative;
	line-height:24px;
	background:#b58fff;
	color:#ffffff;
	font-size:14px;
	font-weight:700;
	border-radius: 2px;
	letter-spacing: 2px;
	padding:16px 39px 16px;
	border:2px solid #b58fff;
	text-transform:uppercase;
	font-family: 'Raleway', sans-serif;
}

.btn-style-eight:hover{
	background:none;
	color:#b58fff;
}

/* Btn Style Nine */

.btn-style-nine{
	position:relative;
	line-height:24px;
	background:none;
	color:#b58fff;
	font-size:14px;
	font-weight:700;
	border-radius: 2px;
	letter-spacing: 2px;
	padding:16px 39px 16px;
	border:2px solid #b58fff;
	text-transform:uppercase;
	font-family: 'Raleway', sans-serif;
}

.btn-style-nine:hover{
	background-color:#b58fff;
	color:#ffffff;
}

/* List Style One */

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

.list-style-one li{
	position:relative;
	color:#4e5c66;
	font-size:18px;
	font-weight:400;
	line-height:1.8em;
	margin-bottom:20px;
	padding-left:45px;
}

.list-style-one li:last-child{
	margin-bottom:0px;
}

.list-style-one li span{
	position:relative;
	font-weight:600;
}

.list-style-one li:before{
	position:absolute;
	content: "\f1c0";
	left:0px;
	top:5px;
	font-size:28px;
	color:#c2b5ff;
	line-height:1em;
	font-family: "Flaticon";
}

/*** 

====================================================================
	6. Social Icons
====================================================================

 ***/

/*Social Icon One*/

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

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

.social-icon-one li.twitter a{
	color:#00b9f1;
}

.social-icon-one li.linkedin a{
	color:#0089b1;
}

.social-icon-one li a{
	position:relative;
	font-size:16px;
	color:#4a72a9;
	font-weight:400;
	width:52px;
	height:52px;
	line-height:50px;
	text-align:center;
	border-radius:50px;
	border:1px solid #e2e2e2;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.social-icon-one li a:hover{
	color:#ffffff;
	border-color:#00d6a9;
	background-color:#00d6a9;
}

.theme_color{
	color:#00d6a9;
}

.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.svg);}

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

/*** 

====================================================================
	7. Scroll To Top style
====================================================================

***/

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

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

/*** 

====================================================================
	8. Section Title
====================================================================

***/

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

.sec-title .arrow-icon{
	position:relative;
	width:50px;
	height:33px;
	margin-bottom:25px;
	display:inline-block;
	background:url(../images/icons/arrow.png) no-repeat;
}

.sec-title .arrow-icon.alternate{
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.sec-title h2{
	position:relative;
	color:#293039;
	font-size:48px;
	font-weight:300;
	line-height:1.3em;
	text-transform:capitalize;
}

.sec-title .text{
	position:relative;
	color: #4e5c66;
	font-size: 18px;
	line-height: 1.8em;
	font-weight: 300;
	margin-top:20px !important;
}

.sec-title.centered{
	text-align: center;
}

.sec-title.centered .text{
	max-width:580px;
	margin:0 auto;
}

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

/*** 

====================================================================
	9. Main Header
====================================================================

***/

.main-header{
	position:fixed;
	z-index:999;
	width:100%;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
}

.main-header .main-box{
	position:relative;
	padding:0px 0px;
	left:0px;
	top:0px;
	width:100%;
	background:none;
	-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 .main-box .outer-container{
	position:relative;
	padding:0px 40px;
}

.main-header .main-box .logo-box{
	position:relative;
	float:left;
	left:0px;
	z-index:10;
	padding:30px 0px;
}

.main-header .main-box .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-toggler{
	position:absolute;
	top:50%;
	margin-top:0px;
	display: block;
}

.main-header .nav-toggler button{
	position:relative;
	display:block;
	color:#444444;
	text-align:center;
	font-size:24px;
	line-height:34px;
	font-weight:normal;
	background:none;
}

.main-header .header-upper{
	position:relative;
}

.main-header .header-upper .contact-number{
	position:relative;
	float: left;
	color: #262626;
	font-size: 18px;
	font-weight: 500;
	margin-top: 30px;
	padding:12px 0px 12px 32px;
	border-left: 1px solid #dde4db;
}

.main-header .header-upper .contact-number .number-inner{
	position:relative;
	padding-left: 35px;
	line-height:30px;
}

.main-header .header-upper .contact-number .icon{
	position:absolute;
	left: 0px;
	top: 0px;
	color: #1f8ceb;
	font-size: 28px;
	line-height: 1em;
}

.main-header .nav-outer{
	position:relative;
	float: left;
	float: right;
	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-header .header-upper .logo-box{
	position: relative;
	padding: 15px 0px 0px;
	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-header .header-upper .logo-box .logo{
	position:relative;
}

.main-header .header-upper .button-box{
	position: relative;
	float: right;
	padding: 40px 0px 0px;
	margin-left: 70px;
	transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.sticky-header .main-menu{
	margin-top:0px;
}

.main-menu{
	position:relative;
	float:left;
	-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-menu .navbar-collapse{
	padding:0px;
	float: left;
}

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

.main-menu .navigation > li{
	position:relative;
	float:left;
	margin-right:40px;
	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:last-child{
	margin-right:0px;
}

.sticky-header .main-menu .navigation > li > a{
	color:#444444 !important;
}

.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a{
	color:#1f8ceb;
	background-color:inherit !important;
}

.sticky-header .nav-outer .options-box{
	margin-top:26px;
}

.main-header .header-upper .upper-right{
	padding-top:32px;
}

.main-header .info-box{
	position:relative;
	float:left;
	margin-left:35px;
	font-size:14px;
	color:#98b2c4;
	text-align:left;
	text-transform:uppercase;
	padding:0px 0px 0px 50px;
}

.main-header .info-box .icon-box{
	position:absolute;
	left:0px;
	top:5px;
	color:#1f8ceb;
	font-size:36px;
	line-height:1em;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .info-box li{
	position:relative;
	color:#7c7b7b;
	font-size:18px;
	font-weight:400;
	line-height:1.2em;
	text-transform:capitalize;
}

.main-header .info-box li strong{
	color:#262626;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

.header-style-three .main-menu{
	margin-top:0px;
}

.header-style-three .header-upper .logo-box{
	padding-top:20px;
}

.header-style-three .main-menu .navigation > li > a{
	padding:30px 0px;
}

/*Sticky Header*/

.sticky-header{
	position:fixed;
	opacity:0;
	visibility:hidden;
	left:0px;
	top:0px;
	width:100%;
	padding:0px 0px;
	background:#ffffff;
	z-index:0;
	border-bottom:1px solid #e8f1f7;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sticky-header .logo{
	padding:9px 0px 9px;
}

.fixed-header{
	background-color: #0f0750;
}

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

.fixed-header .main-menu .navigation > li > a{
	padding:30px 0px;
}

.fixed-header .header-upper .button-box{
	padding-top:15px;
}

.fixed-header .header-upper .button-box .btn-style-one{
	background-color: rgba(255,255,255,1);
	color:#222222;
}

.fixed-header .header-upper .button-box .btn-style-one:hover{
	
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	color:#ffffff;
	text-align:center;
	line-height:30px;
	text-transform:capitalize;
	letter-spacing:0px;
	opacity:1;
	font-weight:700;
	padding:56px 0px 20px;
	font-size:18px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.header-style-three .main-menu .navigation > li > a,
.header-style-two .main-menu .navigation > li > a{
	color:#222222;
}

.sticky-header .main-menu .navigation > li{
	position:relative;
	margin-left:30px;
	margin-right:0px;
}

.sticky-header .main-menu .navigation > li:before,
.sticky-header .main-menu .navigation > li:after{
	display:none;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-header.light-version .main-menu .navigation > li:hover > a,
.main-header.light-version .main-menu .navigation > li.current > a{
	opacity:1;
	color:#00d6a9;
}

.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:100%;
	width:220px;
	z-index:100;
	display:none;
	opacity: 0;
    visibility: hidden;
	padding: 0px 0px;
	background-color: #ffffff;
	border-top: 3px solid #00d6a9;
	transition: all 500ms ease-in;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
	-webkit-transform:translateY(40px);
	-ms-transform:translateY(40px);
	transform:translateY(40px);
	-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%;
	border-bottom: 1px solid #f0f0f0;
}

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

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:10px 20px;
	line-height:24px;
	font-weight:600;
	font-size:15px;
	text-transform:capitalize;
	color:#343434;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sticky-header .main-menu .navigation > li > a{
	padding:19px 0px;
}

.sticky-header .main-menu .navigation > li > a:before{
	display: none;
}

.main-menu .navigation > li > ul > li:hover > a{
	color:#ffffff;
	background:#00d6a9;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
	font-family: 'FontAwesome';
	content: "\f105";
	position:absolute;
	right:15px;
	top:14px;
	width:10px;
	height:20px;
	display:block;
	color:#ffffff;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;	
}

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

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:100%;
	top:0px;
	width:210px;
	z-index:100;
	display:none;
    padding: 0px 0px;
	background-color: #ffffff;
	border-top: 3px solid #1f8ceb;
	transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
	-webkit-transform:translateY(20px);
	-ms-transform:translateY(20px);
	transform:translateY(20px);
	-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%;
	border-bottom: 1px solid #f0f0f0;
}

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

.main-menu .navigation > li > ul > li > ul > li > a{
	position:relative;
	display:block;
	padding:10px 20px;
	line-height:24px;
	font-weight:400;
	font-size:15px;
	text-transform:capitalize;
	color:#7c7b7b;
	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 > li:hover > a{
	color:#ffffff;
	background:#1f8ceb;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
	font-family: 'FontAwesome';
	content: "\f105";
	position:absolute;
	right:10px;
	top:10px;
	width:10px;
	height:20px;
	display:block;
	color:#272727;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;	
}

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

.main-menu .navigation > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	-webkit-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	-webkit-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);	
}

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

/*** 

====================================================================
	10. Banner Section
====================================================================

***/

.banner-section{
	position:relative;
	padding-top:180px;
	padding-bottom: 100px;
	background-size:cover;
}

.banner-section .auto-container{
	position:relative;
}

.banner-section .content{
	position:relative;
	max-width:630px;
	z-index:1;
	padding-top:100px;
	padding-bottom:150px;
}

.banner-section .content h2{
	position:relative;
	color:#ffffff;
	font-size:60px;
	font-weight:300;
	line-height:1.3em;
	margin-bottom:20px;
}

.banner-section .content .text{
	position:relative;
	color:#ffffff;
	font-size:24px;
	line-height:1.5em;
	margin-bottom:50px;
}

.banner-section .content .btns-box{
	position:relative;
}

.banner-section .content .btns-box .theme-btn{
	margin-right:15px;
	margin-bottom:10px;
}

.banner-section .image-box{
	position:absolute;
	right:-150px;
	bottom:-80px;
}

.banner-section:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	right:0px;
	border-bottom: 200px solid #ffffff;
    border-left: 2600px solid transparent;
}

/*** 

====================================================================
	11. Sponsors Section
====================================================================

***/

.sponsors-section{
	position:relative;
	padding:90px 0px 80px;
}

.sponsors-section .sponsor-box{
	position:relative;
	text-align:center;
	margin-bottom:10px;
}

.sponsors-section .sponsor-box img{
	position:relative;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sponsors-section .sponsor-box img:hover{
	opacity:0.6;
}

/*** 

====================================================================
	12. Features Section
====================================================================

***/

.features-section{
	position:relative;
}

.features-section .auto-container{
	max-width:1480px;
}

.features-section .title-column{
	position:relative;
}

.features-section .title-column .inner-column{
	position:relative;
	max-width:560px;
	float:right;
	padding-top:240px;
	padding-right:45px;
	margin-bottom:60px;
}

.features-section .title-column .inner-column .sec-title{
	margin-bottom:40px;
}

.features-section .blocks-column{
	position:relative;
	margin-bottom:60px;
}

.features-section .blocks-column .feature-block{
	width:50%;
	padding:0px 15px;
	margin:0 auto;
}

.features-section .blocks-column .feature-block:nth-child(1) .inner-box{
	padding-bottom:125px;
	margin-bottom:-55px;
}

.features-section .blocks-column .feature-block:nth-child(2){
	position:relative;
	float:left;
}

.features-section .blocks-column .feature-block:nth-child(3){
	position:relative;
	float:right;
}

.features-section .blocks-column .inner-column .border-circle{
	position:absolute;
	top:40px;
	left:50%;
	width:600px;
	height:600px;
	border-radius:50%;
	margin-left:-300px;
	border:1px dashed #a2a9b7;
}

.features-section .blocks-column .inner-column .border-circle .circle-one{
	position:absolute;
	left:10%;
	top:14%;
	width:30px;
	height:30px;
	border-radius:50%;
	background-color:#ffffff;
	border:3px solid #ffd06f;
}

.features-section .blocks-column .inner-column .border-circle .circle-two{
	position:absolute;
	right:10%;
	top:14%;
	width:30px;
	height:30px;
	border-radius:50%;
	background-color:#ffffff;
	border:3px solid #07d7ab;
}

.features-section .blocks-column .inner-column .border-circle .circle-three{
	position:absolute;
	left:50%;
	top:100%;
	width:30px;
	height:30px;
	border-radius:50%;
	margin-left:-15px;
	margin-top:-15px;
	background-color:#ffffff;
	border:3px solid #562cff;
}

.features-section.alternate .title-column .inner-column{
	padding-top:60px;
}

.features-section.alternate .blocks-column .inner-column .border-circle .circle-one{
	border-color:#00d6a9;
}

.features-section.alternate .blocks-column .inner-column .border-circle .circle-two{
	border-color:#5126ff;
}

.features-section.alternate .blocks-column .inner-column .border-circle .circle-three{
	border-color:#f4c76a;
}







.features-section .title-column .task-blocks{
	position:relative;
}

.features-section .title-column .task-blocks .task-block{
	position:relative;
	padding:20px 30px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.features-section .title-column .task-blocks .task-block.active,
.features-section .title-column .task-blocks .task-block:hover{
	box-shadow:0px 20px 35px 0px rgba(0,0,0,0.08);
}

.features-section .title-column .task-blocks .task-block .block-inner{
	position:relative;
	padding-left:70px;
}

.features-section .title-column .task-blocks .task-block .block-inner .arrow-box{
	position:absolute;
	left:0px;
	top:2px;
	width:52px;
	height:52px;
	color:#6843ff;
	font-size:20px;
	line-height:50px;
	text-align:center;
	border-radius:50px;
	display:inline-block;
	border:1px solid #efefef;
}

.features-section .title-column .task-blocks .task-block .block-inner h3{
	position:relative;
	color:#293039;
	font-size:18px;
	font-weight:600;
	line-height:1.3em;
}

.features-section .title-column .task-blocks .task-block .block-inner .text{
	position:relative;
	color:#4e5c66;
	font-size:16px;
	line-height:1.8em;
	margin-top:6px;
}

/* Feature Block */

.feature-block{
	position:relative;
}

.feature-block .inner-box{
	position:relative;
	border-radius:4px;
	padding:100px 25px 100px;
	background-color:#5126ff;
	box-shadow:0px 0px 35px rgba(0,0,0,0.20);
}

.feature-block .inner-box h3{
	position:relative;
	color:#ffffff;
	font-size:22px;
	font-weight:500;
	line-height:1.3em;
	margin-bottom:16px;
	font-family: 'Raleway', sans-serif;
}

.feature-block .inner-box .text{
	position:relative;
	color:#ffffff;
	font-size:16px;
	font-weight:400;
	line-height:1.9em;
}

.feature-block.style-two .inner-box{
	background-color:#00d6a9;
}

.feature-block.style-three .inner-box{
	background-color:#ffffff;
}

.feature-block.style-three .inner-box h3,
.feature-block.style-three .inner-box .text{
	color:#293039;
}

.feature-block.style-four .inner-box{
	background-color:#f4c76a;
}

/*** 

====================================================================
	13. Features Section Two
====================================================================

***/

.features-section-two{
	position:relative;
	padding:110px 0px 90px;
}

.features-section-two .auto-container{
	max-width:1480px;
}

.features-section-two .title-column{
	position:relative;
}

.features-section-two .title-column .inner-column{
	position:relative;
	max-width:570px;
	padding-left:100px;
	padding-top:200px;
	margin-bottom:60px;
}

.features-section-two .title-column .inner-column .sec-title{
	margin-bottom:40px;
}

.features-section-two .blocks-column{
	position:relative;
	margin-bottom:40px;
}

.features-section-two .blocks-column .inner-column{
	position:relative;
}

.features-section-two .blocks-column .inner-column .feature-block-two{
	position:relative;
	float:left;
	padding:0px;
}

/* Feature Block */

.feature-block-two{
	position:relative;
}

.feature-block-two .inner-box{
	position:relative;
	border-radius:4px;
	padding:70px 40px 70px;
	background-color:#5126ff;
	box-shadow:0px 0px 25px rgba(0,0,0,0.20);
}

.feature-block-two .inner-box .icon-box{
	position:relative;
	color:#ffffff;
	font-size:64px;
	line-height:1em;
	margin-bottom:30px;
}

.feature-block-two .inner-box h3{
	position:relative;
	color:#ffffff;
	font-size:22px;
	font-weight:500;
	line-height:1.3em;
	margin-bottom:12px;
	font-family: 'Raleway', sans-serif;
}

.feature-block-two .inner-box .text{
	position:relative;
	color:#ffffff;
	font-size:16px;
	font-weight:400;
	line-height:1.5em;
}

.features-section-two .blocks-column .inner-column .feature-block-two:nth-child(2) .inner-box{
	position:relative;
	margin-top:45px;
	z-index:1;
	margin-left:-20px;
	background-color:#fff4dd;
}

.features-section-two .blocks-column .inner-column .feature-block-two:nth-child(2) .inner-box .icon-box{
	color:#ffd06f;
}

.features-section-two .blocks-column .inner-column .feature-block-two:nth-child(2) .inner-box h3,
.features-section-two .blocks-column .inner-column .feature-block-two:nth-child(2) .inner-box .text{
	color:#293039;
}

.features-section-two .blocks-column .inner-column .feature-block-two:nth-child(3) .inner-box{
	background-color:#ffe8ed;
	margin-top:-55px;
	margin-left:60px;
	margin-right:-60px;
}

.features-section-two .blocks-column .inner-column .feature-block-two:nth-child(3) .inner-box .icon-box{
	color:#ff859f;
}

.features-section-two .blocks-column .inner-column .feature-block-two:nth-child(3) .inner-box h3,
.features-section-two .blocks-column .inner-column .feature-block-two:nth-child(3) .inner-box .text{
	color:#293039;
}

.features-section-two .blocks-column .inner-column .feature-block-two:nth-child(4) .inner-box{
	background-color:#00d6a9;
	margin-left:60px;
	margin-top:-40px;
	z-index:2;
	margin-right:-60px;
}

.features-section-two .blocks-column .inner-column .feature-block-two:nth-child(4) .inner-box .icon-box{
	color:#ffffff;
}

.features-section-two .blocks-column .inner-column .feature-block-two:nth-child(4) .inner-box h3,
.features-section-two .blocks-column .inner-column .feature-block-two:nth-child(4) .inner-box .text{
	color:#ffffff;
}

/*** 

====================================================================
	14. Features Section Three
====================================================================

***/

.features-section-three{
	position:relative;
	padding:50px 0px 50px;
	background-color:#f8f9ff;
	margin-top: 170px;
}

.features-section-three:before{
	position:absolute;
	content:'';
	right:-10%;
	top:-100px;
	width: 110%;
	border-top: 220px solid #f8f9ff;
	-webkit-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	transform: rotate(-4deg);
	z-index: 2;
}

.features-section-three:after{
	position: absolute;
    content: '';
    left: -20px;
    top: -80px;
    width: 60%;
    border-top: 120px solid #f1f3ff;
	-webkit-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
	-moz-transform: rotate(1deg);
    transform: rotate(1deg);
    z-index: 1;
}

.features-section-three .auto-container{
	position: relative;
	z-index: 5;
}

/* Feature Block Three */

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

.feature-block-four .inner-box{
	position:relative;
	text-align:center;
}

.feature-block-four .inner-box .icon-box{
	position:relative;
	color:#00d6a9;
	font-size:64px;
	line-height:1em;
	margin-bottom:24px;
}

.feature-block-four .inner-box h3{
	position:relative;
	color:#293039;
	font-size:22px;
	font-weight:500;
	line-height:1.3em;
	font-family: 'Raleway', sans-serif;
}

.feature-block-four .inner-box .text{
	position:relative;
	color:#4e5c66;
	font-size:16px;
	font-weight:400;
	line-height:1.8em;
	max-width:290px;
	margin:0 auto;
	margin-top:15px;
}

/*** 

====================================================================
	15. Video Section
====================================================================

***/

.video-section{
	position:relative;
	padding:100px 0px 120px;
	background-color:#1d65ff;
}

.video-section:before{
	position:absolute;
	content:'';
	left:-10%;
	bottom:-50px;
	width: 110%;
	border-top: 220px solid #1a68ff;
	-webkit-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	transform: rotate(-4deg);
	z-index: 2;
}

.video-section:after{
	position:absolute;
	content:'';
	right:-20px;
	bottom:-65px;
	width: 53%;
	border-top: 170px solid #2998ff;
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	transform: rotate(3deg);
	z-index: 1;
}

.video-section .auto-container{
	position: relative;
	z-index: 5;
}

.video-section .sec-title{
	margin-bottom:70px;
}

/*Video Box*/

.video-box{
	position:relative;
	border-radius:5px;
	overflow:hidden;
	box-shadow:0px 15px 40px 0px rgba(0,0,0,0.20);
}

.video-box .image{
	position:relative;
	overflow:hidden;
	margin:0px;
}

.video-box .image img{
	position:relative;
	width:100%;
}

.video-box .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
	background:rgba(81,38,255,0.08);
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.video-box .overlay-box:hover{
	background:rgba(81,38,255,0.20);
}

.video-box .overlay-box span{
	position: relative;
	width:120px;
	height: 120px;
    top: 50%;
	z-index:99;
	color: #00d6a9;
	font-weight:400;
	font-size:20px;
	text-align: center;
	border-radius:50%;
	padding-left:4px;
	background-color: #ffffff;
	display: inline-block;
	margin-top: -60px;
	line-height: 120px;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}

.video-box:hover .overlay-box span{
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

/*** 

====================================================================
	16. Testimonial Section
====================================================================

***/

.testimonial-section{
	position:relative;
	padding:180px 0px 110px;
}

.testimonial-block{
	position:relative;
}

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

.testimonial-block .inner-box .image{
	position:relative;
	width:90px;
	height:90px;
	overflow:hidden;
	margin:0 auto;
	border-radius:50%;
}

.testimonial-block .inner-box .text{
	position:relative;
	color:#4e5c66;
	font-size:16px;
	line-height:1.8em;
	max-width:780px;
	margin:0 auto;
	margin-top:35px;
	margin-bottom:25px;
}

.testimonial-block .inner-box h3{
	position:relative;
	color:#293039;
	font-size:16px;
	font-weight:600;
}

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

.testimonial-section .owl-dots{
	position:relative;
	margin-top:70px;
	text-align:center;
}

.testimonial-section .owl-dots .owl-dot{
	position:relative;
	width:15px;
	height:15px;
	margin:0px 7px;
	border-radius:50px;
	display:inline-block;
	background-color:#cabdff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.testimonial-section .owl-dots .owl-dot.active,
.testimonial-section .owl-dots .owl-dot:hover{
	background-color:#5126ff;
}

.testimonial-section .btn-box{
	margin-top:60px;
}

/*** 

====================================================================
	17. Team Section
====================================================================

***/

.team-section{
	position:relative;
	padding:90px 0px 80px;
	margin-top: 100px;
	background-color:#f6f9fd;
}

.team-section:before{
	position:absolute;
	content:'';
	right:-10%;
	top:-50px;
	width: 110%;
	border-top: 220px solid #f6f9fd;
	-webkit-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	transform: rotate(-4deg);
	z-index: 2;
}

.team-section:after{
	position:absolute;
	content:'';
	left:-20px;
	top:-60px;
	width: 53%;
	border-top: 150px solid #ecf2f9;
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	transform: rotate(3deg);
	z-index: 1;
}

.team-section .auto-container{
	position: relative;
	z-index: 5;
}

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

.team-block .inner-box{
	position:relative;
	overflow:hidden;
	border-radius:4px;
}

.team-block .inner-box .image{
	position:relative;
}

.team-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.team-block .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	bottom:0px;
	right:0px;
	text-align:center;
	padding:12px 10px 10px;
	transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.team-block .inner-box .image .overlay-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	opacity:0.8;
	transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
	background-image: -ms-linear-gradient(left, #3348FF 0%, #008bff 100%);
	background-image: -moz-linear-gradient(left, #3348FF 0%, #008bff 100%);
	background-image: -o-linear-gradient(left, #3348FF 0%, #008bff 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #3348FF), color-stop(100, #008bff));
	background-image: -webkit-linear-gradient(left, #3348FF 0%, #008bff 100%);
	background-image: linear-gradient(to right, #3348FF 0%, #008bff 100%);
}

.team-block .inner-box:hover .image .overlay-box:before{
	opacity:0.9;
}

.team-block .inner-box .image .overlay-box h3{
	position:relative;
	font-size:18px;
	font-weight:500;
	color:#ffffff;
	line-height:1.3em;
}

.team-block .inner-box .image .overlay-box h3 a{
	position:relative;
	color:#ffffff;
}

.team-block .inner-box .image .overlay-box .designation{
	position:relative;
	font-size:14px;
	color:#ffffff;
	margin-top:4px;
}

/*** 

====================================================================
	18. Price Section
====================================================================

***/

.price-section{
	position:relative;
	padding:100px 0px 80px;
}

.price-section .sec-title{
	margin-bottom:70px;
}

.price-section .row{
	margin:0px -22px;
}

.price-section .price-block{
	padding:0px 22px;
}

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

.price-block .inner-box{
	position:relative;
	border-radius:5px;
	text-align:center;
	padding:50px 40px 60px;
	border:1px solid #dde2e8;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.price-block .inner-box:hover{
	box-shadow:0px 0px 65px rgba(0,0,0,0.06);
}

.price-block.active-block .inner-box{
	box-shadow:0px 0px 65px rgba(0,0,0,0.06);
}

.price-block .inner-box:hover .price-btn .theme-btn,
.price-block.active-block .inner-box .price-btn .theme-btn{
	background-color:#00d6a9;
	color:#ffffff;
}

.price-block.alternate .inner-box:hover .price-btn .theme-btn,
.price-block.alternate.active-block .inner-box .price-btn .theme-btn{
	background-color:#b58fff;
	color:#ffffff;
}

.price-block .inner-box .upper-box{
	position:relative;
	padding-bottom:25px;
	margin-bottom:40px;
	border-bottom:1px solid #dde2e8;
}

.price-block .inner-box .upper-box h3{
	position:relative;
	color:#293039;
	font-size:22px;
	font-weight:500;
	line-height:1.3em;
}

.price-block .inner-box .upper-box .title{
	position:relative;
	font-size:16px;
	color:#4e5c66;
	margin-top:6px;
}

.price-block .inner-box .upper-box .price{
	position:relative;
	font-size:30px;
	color:#293039;
	margin-top:35px;
	font-weight:600;
}

.price-block .inner-box .upper-box .price sub{
	color:#293039;
	font-size:16px;
	font-weight:400;
}

.price-block .inner-box .lower-box{
	position:relative;
}

.price-block .inner-box .lower-box .price-list{
	position:relative;
}

.price-block .inner-box .lower-box .price-list li{
	position:relative;
	color:#4e5c66;
	font-size:16px;
	margin-bottom:14px;
}

.price-block .inner-box .lower-box .price-list li:last-child{
	margin-bottom:0px;
}

.price-block .inner-box .lower-box .price-list li.removed{
	text-decoration:line-through;
}

.price-block .inner-box .price-btn{
	position:relative;
	margin-top:40px;
}

/*** 

====================================================================
	19. Message Section
====================================================================

***/

.message-form-section{
	position:relative;
	padding:110px 0px;
	background-color:#f6f9fd;
}

.message-form-section:before{
	content: '';
	position: absolute;
	left: 0px;
	bottom: -80px;
	width: 100%;
	height: 100px;
	background-color:#f6f9fd;
}

.message-form-section.alternate{
	background-color:inherit;
}

.message-form-section.alternate:before{
	display: none;
}

.message-form-section .form-column{
	position:relative;
}

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

.message-form-section .form-column .inner-column .sec-title{
	position:relative;
	margin-bottom:70px;
}

.message-form .form-group{
	margin-bottom:30px;
}

.message-form .form-group input[type="text"],
.message-form .form-group input[type="email"],
.message-form .form-group input[type="password"],
.message-form .form-group select,
.message-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	height:60px;
	font-size:14px;
	color:#848484;
	line-height:38px;
	padding:10px 18px;
	font-weight:400;
	border-radius:2px;
	background:#ffffff;
	border:1px solid #efefef;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.message-form .form-group .theme-btn{
	cursor:pointer;
	text-transform:uppercase;
}

.message-form .form-group textarea{
	position:relative;
	width:100%;
	resize:none;
	height:220px;
	font-weight:400;
	border-radius:2px;
	background:#ffffff;
	border:1px solid #efefef;
}

.message-form .form-group input:focus,
.message-form .form-group select:focus,
.message-form .form-group textarea:focus{
	border-color:#00d6a9;
}

.message-form-section .image-column{
	position:relative;
	text-align:center;
}

.message-form-section .image-column .inner-column{
	position:relative;
}

.message-form-section .image-column .inner-column .image{
	position:relative;
	margin-right:-150px;
}

.message-form input.error,
.message-form select.error,
.message-form textarea.error{
	border-color:#ff0000;
}

.message-form label.error{
	display:block;
	line-height:24px;
	padding:5px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:11px;
	color:#ff0000;
	font-weight:500;
}

/*** 

====================================================================
	20. App Section
====================================================================

***/

.app-section{
	position:relative;
	height: 600px;
	padding:200px 0px;
	background:url(../images/background/app-section-pattern.png) center center no-repeat;
	background-size: 100% 100%;
}

.app-section:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background:url(../images/background/2.png) center top repeat;
}

.app-section .title-column{
	position:relative;
}

.app-section .title-column .inner-column{
	position:relative;
}

.app-section .buttons-column{
	position:relative;
}

.app-section .buttons-column .inner-column{
	position:relative;
	padding-top:50px;
	text-align:right;
}

.app-section .buttons-column .inner-column .theme-btn{
	margin-left:20px;
	margin-bottom:15px;
}

/*** 

====================================================================
	21. Main Footer
====================================================================

***/

.main-footer{
	position:relative;
}

.main-footer .widgets-section{
	position:relative;
	padding:100px 0px 80px;
}

.main-footer .widgets-section .footer-widget{
	position:relative;
	margin-bottom:40px;
}

.main-footer .footer-widget h2{
	position:relative;
	font-size:22px;
	font-weight:500;
	color:#293039;
	line-height:1.2em;
	margin-bottom:26px;
	text-transform:capitalize;
	font-family: 'Raleway', sans-serif;
}

.main-footer .about-widget .text{
	position:relative;
	padding-right:50px;
}

.main-footer .about-widget .text p{
	position:relative;
	color:#4e5c66;
	font-size:16px;
	line-height:1.7em;
	margin-bottom:20px;
}

.main-footer .about-widget .text p:last-child{
	margin-bottom:0px;
}

/* Footer List */

.link-list{
	position:relative;
}

.link-list li{
	position:relative;
	margin-bottom:10px;
}

.link-list li a{
	position:relative;
	color:#4e5c66;
	font-size:16px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.link-list li a:hover{
	color:#00d6a9;
}

.main-footer .subscribe-form .form-group{
    position: relative;
    display: block;
    z-index:1;
	margin-bottom: 0px;
}

.main-footer .subscribe-form .form-group input[type="text"],
.main-footer .subscribe-form .form-group input[type="tel"],
.main-footer .subscribe-form .form-group input[type="email"],
.main-footer .subscribe-form .form-group textarea {
    position:relative;
	display:block;
	width:100%;
	height:60px;
	font-size:14px;
	color:#848484;
	line-height:38px;
	padding:10px 18px;
	font-weight:400;
	border-radius:2px;
	background:#ffffff;
	border:1px solid #efefef;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.main-footer .subscribe-form .form-group input[type="email"]:focus{
	border-color:#00d6a9;
}

.main-footer .subscribe-form .form-group .submit-btn{
	position: absolute;
	top: 0px;
	right: 0px;
	cursor:pointer;
	line-height:24px;
	background:#00d6a9;
	color:#ffffff;
	font-size:14px;
	font-weight:700;
	border-radius: 2px;
	letter-spacing: 2px;
	padding:18px 39px 17px;
	text-transform:uppercase;
	font-family: 'Raleway', sans-serif;
}

.main-footer .subscribe-form .form-group .submit-btn.style-two{
	background-color:#ffb300;
}

.main-footer .social-icon-one{
	margin-top:50px;
}

.main-footer .footer-bottom{
	position:relative;
	padding:22px 0px;
	border-top:1px solid #edecf1;
}

.main-footer .footer-bottom .copyright-column{
	position:relative;
}

.main-footer .footer-bottom .copyright-column .copyright{
	position:relative;
	color:#4e5c66;
	font-size:16px;
}

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

.main-footer .footer-bottom .nav-column .footer-nav{
	position:relative;
	text-align:right;
}

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

.main-footer .footer-bottom .footer-nav li{
	position:relative;
	margin-left:25px;
	display:inline-block;
}

.main-footer .footer-bottom .footer-nav li a{
	position:relative;
	color:#4e5c66;
	font-size:14px;
	text-transform:uppercase;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.main-footer .footer-bottom .footer-nav li a:hover{
	color:#00d6a9;
}

.main-footer.style-two{
	background-color:#293141;
}

.main-footer.style-two .widgets-section{
	padding-top:110px;
	padding-bottom:60px;
}

.main-footer.style-two .footer-widget h2{
	color:#ffffff;
}

.main-footer.style-two .link-list li a{
	color:#bdbec2;
}

.main-footer.style-two .link-list li a:hover{
	color:#ffffff;
}

.main-footer.style-two .about-widget .text p{
	color:#bdbec2;
}

.main-footer.style-two .footer-bottom{
	border-color:rgba(255,255,255,0.20);
}

.main-footer.style-two .footer-bottom .copyright{
	color:#7e818c;
}

.main-footer.style-two .footer-bottom .copyright a{
	color:#30c192;
}

.main-footer.style-two .subscribe-form .form-group .submit-btn{
	position:relative;
	margin-top:10px;
	width:100%;
}

/*** 

====================================================================
	22. Banner Section Two
====================================================================

***/

.banner-section-two{
	position:relative;
	text-align:center;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center bottom;
}

.banner-section-two .content{
	position:relative;
	z-index:1;
	padding-top:230px;
	padding-bottom:60px;
}

.banner-section-two .content h2{
	position:relative;
	color:#ffffff;
	font-size:60px;
	font-weight:300;
	line-height:1.3em;
	margin-bottom:20px;
}

.banner-section-two .content .text{
	position:relative;
	color:#ffffff;
	font-size:18px;
	line-height:1.4em;
	margin-bottom:40px;
}

.banner-section-two .content .btns-box{
	position:relative;
}

.banner-section-two .content .btns-box .theme-btn{
	margin:0px 10px 10px;
}

.banner-section-two .image-box{
	position:relative;
}

/*** 

====================================================================
	23. Features Section Four
====================================================================

***/

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

.features-section-four:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	-ms-transform: skewY(-2deg);
	-webkit-transform: skewY(-2deg);
	transform: skewY(-2deg);
	background-image: -ms-linear-gradient(left, #F8F9FF 0%, #fefeff 100%);
	background-image: -moz-linear-gradient(left, #F8F9FF 0%, #fefeff 100%);
	background-image: -o-linear-gradient(left, #F8F9FF 0%, #fefeff 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #F8F9FF), color-stop(100, #fefeff));
	background-image: -webkit-linear-gradient(left, #F8F9FF 0%, #fefeff 100%);
	background-image: linear-gradient(to right, #F8F9FF 0%, #fefeff 100%);
}

.features-section-four .sec-title{
	margin-bottom:70px;
}

.features-section-four .row{
	margin:0px -30px;
}

.features-section-four .feature-block-three{
	padding:0px 30px;
}

/* Feature Block Three */

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

.feature-block-three .inner-box{
	position:relative;
	border-radius:4px;
	padding:60px 40px 60px;
	background-color:#ffffff;
	box-shadow:0px 0px 30px rgba(0,0,0,0.06);
}

.feature-block-three .inner-box .icon-box{
	position:relative;
	color:#a58fff;
	font-size:70px;
	line-height:1em;
	margin-bottom:30px;
}

.feature-block-three:nth-child(2) .inner-box .icon-box{
	color:#00d6a9;
}

.feature-block-three:nth-child(3) .inner-box .icon-box{
	color:#ff81bc;
}

.feature-block-three .inner-box h3{
	position:relative;
	color:#293039;
	font-size:22px;
	font-weight:500;
	line-height:1.3em;
	margin-bottom:20px;
	font-family: 'Raleway', sans-serif;
}

.feature-block-three .inner-box .text{
	position:relative;
	color:#4e5c66;
	font-size:16px;
	font-weight:400;
	line-height:1.9em;
	font-family: 'Muli', sans-serif;
}

/*** 

====================================================================
	24. Fluid Section One
====================================================================

***/

.fluid-section-one{
	position:relative;
	padding:100px 0px 100px;
}

.fluid-section-one:before{
	position: absolute;
    content: '';
    left: 0px;
    top: 0px;
	width:100%;
	height:100%;
	-ms-transform: skewY(-2deg);
	-webkit-transform: skewY(-2deg);
	transform: skewY(-2deg);
	background-image: -ms-linear-gradient(left, #FDFEFF 0%, #f8f9ff 100%);
	background-image: -moz-linear-gradient(left, #FDFEFF 0%, #f8f9ff 100%);
	background-image: -o-linear-gradient(left, #FDFEFF 0%, #f8f9ff 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FDFEFF), color-stop(100, #f8f9ff));
	background-image: -webkit-linear-gradient(left, #FDFEFF 0%, #f8f9ff 100%);
	background-image: linear-gradient(to right, #FDFEFF 0%, #f8f9ff 100%);
}

.fluid-section-one .outer-container{
	position:relative;
	min-height:250px;
}

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

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

.fluid-section-one .image-column .image-box img{
	position:relative;
	display:block;
	width:100%;
}

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

.fluid-section-one .content-column .inner-column{
	position:relative;
	max-width:585px;
	padding:110px 15px 80px 80px;
}

.fluid-section-one .content-column .inner-column h2{
	position:relative;
	color:#293039;
	font-size:48px;
	font-weight:300;
	line-height:1.3em;
	margin-bottom:22px;
}

.fluid-section-one .content-column .inner-column .text{
	position:relative;
	color:#4e5c66;
	font-size:18px;
	line-height:1.7em;
	margin-bottom:40px;
}

/*** 

====================================================================
	25. Features Section Five
====================================================================

***/

.feature-section-five{
	position:relative;
	padding:120px 0px 60px;
}

.feature-section-five .sec-title{
	margin-bottom:80px;
}

.feature-section-five .outer-container{
	position:relative;
	min-height:870px;
}

.feature-section-five .outer-container .circle-box{
	position: absolute;
    top: 60px;
    left: 50%;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    margin-left: -300px;
    border: 1px dashed #a2a9b7;
}

.feature-section-five .outer-container .feature-block-five{
	max-width:305px;
}

.feature-section-five .feature-block-five:first-child{
	left:50%;
	margin-left:-80px;
}

.feature-section-five .feature-block-five:nth-child(2){
	left:50%;
	float:left;
	margin-top:-50px;
	margin-left:-320px;
}

.feature-section-five .feature-block-five:nth-child(2) .inner-box{
	background-color:#00d6a9;
}

.feature-section-five .feature-block-five:nth-child(3){
	left:50%;
	margin-top:-25px;
	margin-left:10px;
}

.feature-section-five .feature-block-five:nth-child(3) .inner-box{
	background-color:#5126ff;
}

.feature-section-five .blocks-outer{
	position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
}

.feature-section-five .blocks-outer .block-info:first-child{
	position:absolute;
	content:'';
	left:10%;
	top:10px;
}

.feature-section-five .blocks-outer .block-info:first-child::after{
	position:absolute;
	content:'';
	right:-130px;
	bottom:0px;
	width:30px;
	height:30px;
	border-radius:50px;
	background-color:#ffffff;
	border:3px solid #00d6a9;
}

.feature-section-five .blocks-outer .block-info:nth-child(2){
	position:absolute;
	content:'';
	right:5%;
	top:90px;
}

.feature-section-five .blocks-outer .block-info:nth-child(2)::after{
	position:absolute;
	content:'';
	left:-96px;
	bottom:0px;
	width:30px;
	height:30px;
	border-radius:50px;
	background-color:#ffffff;
	border:3px solid #ff81bc;
}

.feature-section-five .blocks-outer .block-info:nth-child(2) .info-inner .icon{
	color:#ff81bc;
}

.feature-section-five .blocks-outer .block-info:nth-child(3){
	position:absolute;
	content:'';
	left:39%;
	bottom:5%;
}

.feature-section-five .blocks-outer .block-info:nth-child(3)::after{
	position:absolute;
	content:'';
	left:50%;
	top:-60px;
	width:30px;
	height:30px;
	margin-left:-15px;
	border-radius:50px;
	background-color:#ffffff;
	border:3px solid #5126ff;
}

.feature-section-five .blocks-outer .block-info:nth-child(3) .info-inner .icon{
	color:#977eff;
}

.block-info{
	position:relative;
}

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

.block-info .info-inner .icon{
	position:relative;
	color:#00d6a9;
	font-size:64px;
	line-height:1em;
	margin-bottom:25px;
}

.block-info .info-inner h3{
	position:relative;
	color:#293039;
	font-size:22px;
	font-weight:500;
}

/* Feature Block Five */

.feature-block-five{
	position:relative;
}

.feature-block-five .inner-box{
	position:relative;
	border-radius:10px;
	padding:70px 25px 90px;
	background-color:#ff81bc;
	box-shadow:0px 0px 65px rgba(0,0,0,0.06);
}

.feature-block-five .inner-box h3{
	position:relative;
	color:#ffffff;
	font-size:22px;
	font-weight:500;
	line-height:1.3em;
	margin-bottom:15px;
}

.feature-block-five .inner-box .text{
	position:relative;
	color:#ffffff;
	font-size:16px;
	line-height:1.7em;
}

/*** 

====================================================================
	26. Fluid Section Two
====================================================================

***/

.fluid-section-two{
	position:relative;
	padding:70px 0px 120px;
	margin-top: 70px;
	background-color:#f8f9ff;
}

.fluid-section-two:before{
	position:absolute;
	content:'';
	left:-5%;
	top:-20px;
	width: 110%;
	border-top: 220px solid #f8f9ff;
	transform: rotate(4deg);
	-webkit-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	z-index: 2;
}

.fluid-section-two:after{
	position: absolute;
    content: '';
    right: -5%;
    top: -50px;
    width: 60%;
    border-top: 220px solid #f1f3ff;
	-webkit-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
    transform: rotate(-4deg);
    z-index: 1;
}

.fluid-section-two .auto-container{
	position: relative;
	z-index: 5;
}

.fluid-section-two .outer-container{
	position:relative;
	z-index: 5;
}

.fluid-section-two .image-column{
    position: absolute;
    right: 0px;
	top:0px;
    width: 50%;
    height: 100%;
	float:right;
    background-size: cover;
    background-repeat: no-repeat;
	box-shadow:0px 20px 40px 0px rgba(0,0,0,0.20);
    background-position: center center;
}

.fluid-section-two .image-column .image{
    width: 100%;
    display: none;
}

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

.fluid-section-two .image-column .overlay-link{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(81,38,255,0.20);
    transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}

.fluid-section-two .image-column .overlay-link .icon-box{
    position: absolute;
    left: 50%;
	top: 50%;
    width: 120px;
    height: 120px;
    color: #2c6dff;
    font-size: 26px;
    padding-left: 6px;
    line-height: 120px;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 50px;
    display: inline-block;
	margin-left: -60px;
	margin-top: -60px;
    background-color: #ffffff;
}

.fluid-section-two .image-column:hover .overlay-link{
	background: rgba(81,38,255,0.30);
}

/*Content Column*/

.fluid-section-two .content-column{
	position: relative;
    width: 50%;
	float:left;
	padding:80px 60px 70px 15px;
}

.fluid-section-two .content-column .content-box{
	position:relative;
	max-width:520px;
	width:100%;
	float:right;
}

.fluid-section-two .content-column .content-box h2{
	position:relative;
	color:#293039;
	font-size:48px;
	font-weight:300;
	line-height:1.3em;
	margin-bottom:30px;
}

.fluid-section-two .content-column .content-box .theme-btn{
	margin-top:40px;
}

/*** 

====================================================================
	27. Call To Action Section
====================================================================

***/

.call-to-action-section{
	position:relative;
	text-align:center;
	padding:120px 0px 190px;
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:cover;
}

.call-to-action-section h2{
	position:relative;
	color:#ffffff;
	font-size:48px;
	font-weight:300;
	line-height:1.3em;
	margin-bottom:18px;
}

.call-to-action-section .text{
	position:relative;
	color:#ffffff;
	font-size:16px;
	line-height:1.9em;
	margin-bottom:35px;
}

.call-to-action-section .theme-btn{
	margin:0px 10px 10px;
}

/*** 

====================================================================
	28. Works Section
====================================================================

***/

.works-section{
	position:relative;
	padding:75px 0px 50px;
}

.works-section .sec-title{
	margin-bottom:70px;
}

.works-section .works-tabs{
	position:relative;
	text-align:center;
}

.works-section .works-tabs .tab-btns{
	position:relative;
	margin-bottom:30px;
	display:inline-block;
}

.works-section .works-tabs .tab-btns .tab-btn{
	position:relative;
	display:block;
	font-size:18px;
	background:#f3f5ff;
	color:#293039;
	font-weight:600;
	line-height:24px;
	cursor:pointer;
	padding:14px 30px;
	margin-bottom:12px;
	border-radius:3px;
	float:left;
	text-transform:capitalize;
	transition:all 500ms ease;
	box-shadow:0px 0px 25px rgba(0,0,0,0.15);
}

.works-section .works-tabs .tab-btns .tab-btn.active-btn{
	color:#ffffff;
	padding:14px 100px;
	background-color:#2c6dff;
}

.works-section .works-tabs .tabs-content{
	position:relative;
}

.works-section .works-tabs .tabs-content .tab{
	position:relative;
	display:none;
}

.works-section .works-tabs .tabs-content .tab.active-tab{
	display:block;
}

.works-section .works-tabs .tabs-content .text{
	position:relative;
	color:#4e5c66;
	font-size:18px;
	line-height:1.9em;
	max-width:770px;
	margin:0 auto;
	margin-bottom:60px;
}

.works-section .works-tabs .tabs-content .image{
	position:relative;
	display:inline-block;
	box-shadow:0px 15px 35px rgba(0,0,0,0.10);
}

/*** 

====================================================================
	29. Testimonial Section Two
====================================================================

***/

.testimonial-section-two{
	position:relative;
	padding:70px 0px 140px;
}

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

.testimonial-section-two .auto-container{
	max-width:970px;
}

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

.testimonial-block-two .inner-box{
	position:relative;
	padding-left:200px;
}

.testimonial-block-two .inner-box .image{
	position:absolute;
	left:0px;
	top:30px;
	width:160px;
	height:160px;
	border-radius:50%;
	overflow:hidden;
}

.testimonial-block-two .inner-box .quote-icon{
	position:relative;
	font-size:30px;
	line-height:1em;
	color:#9ba2b1;
	margin-bottom:22px;
}

.testimonial-block-two .inner-box .text{
	position:relative;
	color:#4e5c66;
	font-size:18px;
	line-height:1.8em;
	margin-bottom:20px;
}

.testimonial-block-two .inner-box .author{
	position:relative;
	color:#293039;
	font-size:16px;
	font-weight:600;
}

.testimonial-section-two .owl-nav{
	display:none;
}

.testimonial-section-two .owl-dots{
	position:relative;
	margin-top:70px;
	text-align:center;
}

.testimonial-section-two .owl-dots .owl-dot{
	position:relative;
	width:15px;
	height:15px;
	margin:0px 7px;
	border-radius:50px;
	display:inline-block;
	background-color:#cabdff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.testimonial-section-two .owl-dots .owl-dot.active,
.testimonial-section-two .owl-dots .owl-dot:hover{
	background-color:#5126ff;
}

/*** 

====================================================================
	30. Price Section
====================================================================

***/

.price-section-two{
	position:relative;
	padding:110px 0px 80px;
	background-color:#f6f9fd;
	margin-bottom: 100px;
}

.price-section-two:before{
	position:absolute;
	content:'';
	right:-5%;
	bottom:-20px;
	width: 110%;
	border-top: 200px solid #f6f9fd;
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	transform: rotate(3deg);
	z-index: 2;
}

.price-section-two:after{
	position: absolute;
    content: '';
    left: -5%;
    bottom: -44px;
    width: 56%;
    border-top: 200px solid #ecf2f9;
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
    transform: rotate(-3deg);
    z-index: 1;
}

.price-section-two .auto-container{
	position: relative;
	z-index: 5;
}

.price-section-two .sec-title{
	margin-bottom:70px;
}

.price-block-two{
	position:relative;
	margin-bottom:35px;
}

.price-block-two .inner-box{
	position:relative;
	border-radius:4px;
	overflow:hidden;
	border:1px solid #e9edf2;
}

.price-block-two .inner-box .title{
	position:relative;
	font-size:24px;
	color:#ffffff;
	font-weight:500;
	line-height:1.3em;
	padding:20px 15px;
	text-align:center;
	background-color:#2c6dff;
	font-family: 'Raleway', sans-serif;
}

.price-block-two .inner-box .upper-box{
	position:relative;
	padding:30px 15px;
	text-align:center;
}

.price-block-two .inner-box .upper-box .price{
	position:relative;
	color:#293039;
	font-size:42px;
	font-weight:600;
	line-height:1.3em;
}

.price-block-two .inner-box .upper-box .user{
	position:relative;
	color:#4e5c66;
	font-size:14px;
	font-weight:400;
	line-height:1.3em;
	font-style:italic;
	margin-top:8px;
	margin-bottom:15px;
}

.price-block-two .inner-box .upper-box .text{
	position:relative;
	color:#4e5c66;
	font-size:16px;
	line-height:1.8em;
}

.price-block-two .inner-box .lower-box{
	position:relative;
	padding:30px 30px;
	text-align:center;
	background-color:#ffffff;
}

.price-block-two .inner-box .lower-box .price-list{
	position:relative;
}

.price-block-two .inner-box .lower-box .price-list li{
	position:relative;
	color:#4e5c66;
	font-size:16px;
	margin-bottom:15px;
}

.price-block-two .inner-box .lower-box .price-list li:last-child{
	margin-bottom:0px;
}

.price-block-two .inner-box .lower-box .theme-btn{
	width:100%;
	display:block;
	margin-top:30px;
}

/*** 

====================================================================
	31. Faq Section
====================================================================

***/

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

.faq-section .sec-title{
	margin-bottom:80px;
}

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

.faq-block .block-inner{
	position:relative;
	padding-top:12px;
	padding-left:100px;
	padding-right:20px;
}

.faq-block .block-inner .icon{
	position:absolute;
	left:0px;
	top:0px;
	width:70px;
	height:70px;
	color:#ffffff;
	font-size:20px;
	line-height:70px;
	text-align:center;
	display:inline-block;
	border-radius:50%;
	background-color:#2c6dff;
}

.faq-block .block-inner h3{
	position:relative;
	color:#293039;
	font-size:22px;
	font-weight:500;
	line-height:1.3em;
	font-family: 'Raleway', sans-serif;
}

.faq-block .block-inner .text{
	position:relative;
	color:#4e5c66;
	font-size:16px;
	line-height:1.8em;
	margin-top:15px;
}

/*** 

====================================================================
	32. Development Section
====================================================================

***/

.development-section{
	position:relative;
	padding:110px 0px 100px;
	background-color:#f6f9fd;
	margin-bottom: 60px;
}

.development-section:before{
	position:absolute;
	content:'';
	right:-5%;
	bottom:-20px;
	width: 110%;
	border-top: 200px solid #f6f9fd;
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	transform: rotate(3deg);
	z-index: 2;
}

.development-section:after{
	position: absolute;
    content: '';
    left: -5%;
    bottom: -44px;
    width: 56%;
    border-top: 200px solid #ecf2f9;
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
    transform: rotate(-3deg);
    z-index: 1;
}

.development-section .auto-container{
	position: relative;
	z-index: 5;
}

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

.development-block .inner-box{
	position:relative;
	padding-right:60px;
}

.development-block .inner-box .icon-box{
	position:relative;
	color:#2c6dff;
	font-size:46px;
	line-height:1em;
	margin-bottom:25px;
}

.development-block .inner-box h3{
	position:relative;
	font-size:24px;
	font-weight:600;
	color:#293039;
	line-height:1.3em;
	margin-bottom:16px;
}

.development-block .inner-box .title{
	position:relative;
	color:#4e5c66;
	font-size:16px;
	margin-bottom:18px;
}

.development-block .inner-box .development-list{
	position:relative;
}

.development-block .inner-box .development-list li{
	position:relative;
	color:#4e5c66;
	font-size:16px;
	padding-left:30px;
	margin-bottom:15px;
}

.development-block .inner-box .development-list li:before{
	position:absolute;
	content: "\f1a8";
	left:0px;
	top:0px;
	color:#4e5c66;
	font-weight: 700;
	font-size:18px;
	font-family: 'Flaticon';
}

.development-block .inner-box .text{
	position:relative;
	color:#4e5c66;
	font-size:16px;
	line-height:1.8em;
	padding-top:15px;
	margin-top:25px;
	border-top:1px solid #dde2e8;
}

.development-section .button-box{
	position:relative;
	margin-top:40px;
}

/*** 

====================================================================
	33. Call To Action Section Two
====================================================================

***/

.call-to-action-section-two{
	position:relative;
	text-align:center;
	padding:180px 0px 135px;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}

.call-to-action-section-two h2{
	position:relative;
	color:#ffffff;
	font-size:48px;
	font-weight:300;
	line-height:1.3em;
	margin-bottom:18px;
}

.call-to-action-section-two .text{
	position:relative;
	color:#ffffff;
	font-size:16px;
	line-height:1.9em;
	margin-bottom:35px;
}

.call-to-action-section-two .theme-btn{
	margin:0px 10px 10px;
}

.call-to-action-section-two.alternate{
	padding:120px 0px 120px;
	background-position:center bottom;
}

/*** 

====================================================================
	34. Banner Section Three
====================================================================

***/

.banner-section-three{
	position:relative;
	padding-top:220px;
	padding-bottom:200px;
	background-size:cover;
}

.banner-section-three .content{
	position:relative;
	max-width:630px;
	z-index:1;
	float:left;
	padding-top:130px;
	padding-bottom:50px;
}

.banner-section-three .content h2{
	position:relative;
	color:#ffffff;
	font-size:60px;
	font-weight:300;
	line-height:1.3em;
	margin-bottom:20px;
}

.banner-section-three .content .text{
	position:relative;
	color:#ffffff;
	font-size:24px;
	line-height:1.5em;
	margin-bottom:50px;
}

.banner-section-three .content .btns-box{
	position:relative;
}

.banner-section-three .content .btns-box .theme-btn{
	margin-right:15px;
	margin-bottom:12px;
}

.banner-section-three .form-box{
	position:relative;
	max-width:470px;
	width:100%;
	float:right;
}

.banner-section-three .form-box .form-inner{
	position:relative;
	padding:40px 35px 30px;
	background-color:#ffffff;
	box-shadow:0px 0px 65px rgba(0,0,0,0.06);
}

.banner-section-three .form-box .form-inner h2{
	position:relative;
	font-size:30px;
	color:#293039;
	font-weight:500;
	line-height:1.3em;
	margin-bottom:25px;
	font-family: 'Raleway', sans-serif;
}

/* Banner Form */

.banner-form .form-group{
	margin-bottom:20px;
}

.banner-form .form-group input[type="text"],
.banner-form .form-group input[type="email"],
.banner-form .form-group input[type="password"],
.banner-form .form-group select,
.banner-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	height:60px;
	font-size:14px;
	color:#848484;
	line-height:38px;
	padding:10px 26px;
	font-weight:400;
	border-radius:2px;
	background:#ffffff;
	border:1px solid #cbd2db;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.banner-form .form-group .theme-btn{
	cursor:pointer;
	margin-top:10px;
	text-transform:uppercase;
}

.banner-form .form-group input:focus,
.banner-form .form-group select:focus,
.banner-form .form-group textarea:focus{
	border-color:#00d6a9;
}

/*** 

====================================================================
	35. Services Section
====================================================================

***/

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

.services-section .blocks-column{
	position:relative;
}

.services-section .blocks-column .inner-column{
	position:relative;
	margin-left:-155px;
}

.services-block{
	position:relative;
	margin-bottom:35px;
}

.services-block .inner-box{
	position:relative;
	padding:60px 35px 60px;
	box-shadow:0px 0px 25px rgba(0,0,0,0.15);
}

.services-block .inner-box:before{
	position:absolute;
	content:'';
	left:22px;
	bottom:-9px;
	right:22px;
	height:8px;
	background-color:#6542f4;
	border-radius:0px 0px 4px 4px;
}

.services-block .inner-box .icon-box{
	position:relative;
	color:#6542f4;
	font-size:56px;
	line-height:1em;
	margin-bottom:28px;
}

.services-block .inner-box h3{
	position:relative;
	font-size:22px;
	color:#293039;
	font-weight:500;
	line-height:1.3em;
	margin-bottom:20px;
}

.services-block .inner-box .text{
	position:relative;
	font-size:16px;
	color:#4e5c66;
	font-weight:400;
	line-height:1.8em;
}

.services-block.margin-top{
	margin-top:80px;
}

.services-block.pink .inner-box:before{
	background-color:#f47f98;
}

.services-block.pink .inner-box .icon-box{
	color:#f47f98;
}

.services-block.orange .inner-box:before{
	background-color:#f4c76a;
}

.services-block.orange .inner-box .icon-box{
	color:#f4c76a;
}

.services-block.green .inner-box:before{
	background-color:#00cda2;
}

.services-block.green .inner-box .icon-box{
	color:#00cda2;
}

.services-section .content-column{
	position:relative;
}

.services-section .content-column .inner-column{
	position:relative;
	padding-top:260px;
	padding-left:100px;
}

.services-section .content-column h2{
    position: relative;
    color: #293039;
    font-size: 48px;
    font-weight: 300;
    line-height: 1.3em;
    text-transform: capitalize;
}

.services-section .content-column .text{
    position: relative;
    color: #4e5c66;
    font-size: 18px;
    line-height: 1.8em;
    font-weight: 300;
    margin-top: 20px;
	margin-bottom:38px;
}

/*** 

====================================================================
	36. Perfectly Section
====================================================================

***/

.perfectly-section{
	position:relative;
	margin-top:130px;
	padding:100px 0px 50px;
	background-color:#f6f9fd;
}

.perfectly-section .sec-title{
	margin-bottom:70px;
}

.perfectly-section .video-outer-box{
	position:relative;
	max-width:970px;
	margin:0 auto;
}

.perfectly-section .lower-section{
	position:relative;
	padding-top:100px;
}

/*** 

====================================================================
	37. Design Section
====================================================================

***/

.design-section{
	position:relative;
	padding:100px 0px 50px;
}

.design-section .image-column{
	position:relative;
}

.design-section .image-column .inner-column{
	position:relative;
	margin-left:-150px;
}

.design-section .image-column .inner-column .image{
	position:relative;
}

.design-section .image-column .inner-column .image img{
	position:relative;
}

.design-section .content-column{
	position:relative;
}

.design-section .content-column .inner-column{
	position:relative;
	padding-top:155px;
	padding-left:70px;
}

.design-section .content-column .inner-column h2{
    position: relative;
    color: #293039;
    font-size: 48px;
    font-weight: 300;
    line-height: 1.3em;
    text-transform: capitalize;
}

.design-section .content-column .inner-column .text{
    position: relative;
    color: #4e5c66;
    font-size: 18px;
    line-height: 1.8em;
    font-weight: 300;
    margin-top: 20px;
	margin-bottom:45px;
}

.design-section.alternate{
	padding-bottom:110px;
}

/*** 

====================================================================
	38. Design Section Two
====================================================================

***/

.design-section-two{
	position:relative;
	padding:60px 0px 0px;
}

.design-section-two .image-column{
	position:relative;
}

.design-section-two .image-column .inner-column{
	position:relative;
	margin-right:-150px;
}

.design-section-two .image-column .inner-column .image{
	position:relative;
}

.design-section-two .image-column .inner-column .image img{
	position:relative;
}

.design-section-two .content-column{
	position:relative;
}

.design-section-two .content-column .inner-column{
	position:relative;
	padding-top:155px;
	padding-right:70px;
}

.design-section-two .content-column .inner-column h2{
    position: relative;
    color: #293039;
    font-size: 48px;
    font-weight: 300;
    line-height: 1.3em;
    text-transform: capitalize;
}

.design-section-two .content-column .inner-column .text{
    position: relative;
    color: #4e5c66;
    font-size: 18px;
    line-height: 1.8em;
    font-weight: 300;
    margin-top: 20px;
	margin-bottom:45px;
}

/*** 

====================================================================
	39. Accounts Section
====================================================================

***/

.accounts-section{
	position:relative;
	padding:100px 0px 115px;
	background-color:#f6f9fd;
}

.accounts-section .sec-title{
	margin-bottom:75px;
}

.accounts-section .sec-title .text{
	max-width:660px;
}

.accounts-section .accounts-tab{
	position:relative;	
}

.accounts-section .accounts-tab .tab-btns{
	position:relative;
	margin-bottom:40px;
	border-radius:4px;
	background-color:#ffffff;
	border-left:5px solid rgba(44,109,255,0.20);
}

.accounts-section .accounts-tab .tab-btns .tab-btn{
	position:relative;
	display:block;
	font-size:18px;
	color:#293039;
	font-weight:600;
	cursor:pointer;
	line-height:1.6em;
	padding:14px 30px;
	transition:all 500ms ease;
	text-transform:capitalize;
	font-family: 'Raleway', sans-serif;
}

.accounts-section .accounts-tab .tab-btns .tab-btn:hover,
.accounts-section .accounts-tab .tab-btns .tab-btn.active-btn{
	background-color:#edf1f7;
}

.accounts-section .accounts-tab .tab-btns .tab-btn:before{
	position:absolute;
	content:'';
	left:-5px;
	top:0px;
	width:5px;
	height:0px;
	background-color:#2c6dff;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.accounts-section .accounts-tab .tab-btns .tab-btn:hover:before,
.accounts-section .accounts-tab .tab-btns .tab-btn.active-btn:before{
	height:100%;
	background-color:#3295ed;
}

.accounts-section .accounts-tab .tabs-content{
	position:relative;
}

.accounts-section .accounts-tab .tabs-content .tab{
	position:relative;
	display:none;
}

.accounts-section .accounts-tab .tabs-content .tab .content{
	padding-top:20px;
	margin-top:20px;
	padding-left:100px;
	transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
}

.accounts-section .accounts-tab .tabs-content .tab.active-tab .content{
	margin-left:0px;
	margin-top:0px;
}

.accounts-section .accounts-tab .tabs-content .tab.active-tab{
	display:block;	
}

.accounts-section .accounts-tab .tabs-content .title-box{
	position:relative;
	padding-left:90px;
	padding-top:20px;
	min-height:70px;
	margin-bottom:35px;
}

.accounts-section .accounts-tab .tabs-content .title-box .icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#ffffff;
	font-size:28px;
	width:70px;
	height:70px;
	line-height:70px;
	border-radius:50%;
	text-align:center;
	background-color:#2c6dff;
}

.accounts-section .accounts-tab .tabs-content .title-box h3{
	position:relative;
	color:#293039;
	font-size:24px;
	font-weight:600;
	line-height:1.3em;
	font-family: 'Raleway', sans-serif;
}

.accounts-section .accounts-tab .tabs-content .lists-boxed{
	position:relative;
}

.accounts-section .accounts-tab .tabs-content .lists-boxed{
	position:relative;
}

.accounts-section .accounts-tab .tabs-content .lists-boxed .list{
	position:relative;
}

.accounts-section .accounts-tab .tabs-content .lists-boxed .list li{
    position: relative;
    color: #4e5c66;
    font-size: 16px;
    padding-left: 28px;
    margin-bottom: 15px;
}

.accounts-section .accounts-tab .tabs-content .lists-boxed .list li:before{
    position: absolute;
    content: "\f00c";
    left: 0px;
    top: 0px;
    color: #4e5c66;
    font-size: 16px;
    font-family: 'FontAwesome';
}

.accounts-section .text{
	position:relative;
	color:#4e5c66;
	font-size:18px;
	line-height:1.8em;
	text-align:center;
	max-width:770px;
	margin:0 auto;
	margin-top:35px;
	margin-bottom:40px;
}

/*** 

====================================================================
	40. Testimonial Section Three
====================================================================

***/

.testimonial-section-three{
	position:relative;
	padding:105px 0px 0px;
}

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

.testimonial-section-three .owl-carousel{
	margin:0px -20px;
	width:auto;
}

.testimonial-section-three .owl-carousel .owl-stage-outer{
	padding:15px 0px 30px;
}

.testimonial-section-three .testimonial-block-three{
	margin:0px 20px;
}

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

.testimonial-block-three .inner-box{
	position:relative;
	padding:50px 40px 40px;
	box-shadow:0px 10px 30px 0px rgba(0,0,0,0.10);
}

.testimonial-block-three .inner-box .content{
	position:relative;
	padding-left:115px;
}

.testimonial-block-three .inner-box .image{
	position:absolute;
	left:0px;
	top:40px;
	width:90px;
	height:90px;
	border-radius:50%;
	overflow:hidden;
}

.testimonial-block-three .inner-box .quote-icon{
	position:relative;
	font-size:28px;
	line-height:1em;
	color:#9ba2b1;
	margin-bottom:22px;
}

.testimonial-block-three .inner-box .text{
	position:relative;
	color:#4e5c66;
	font-size:18px;
	line-height:1.8em;
	margin-bottom:20px;
}

.testimonial-block-three .inner-box .author{
	position:relative;
	color:#293039;
	font-size:16px;
	font-weight:600;
	font-family: 'Raleway', sans-serif;
}

.testimonial-section-three .owl-nav{
	display:none;
}

.testimonial-section-three .owl-dots{
	position:relative;
	margin-top:50px;
	text-align:center;
}

.testimonial-section-three .owl-dots .owl-dot{
	position:relative;
	width:15px;
	height:15px;
	margin:0px 7px;
	border-radius:50px;
	display:inline-block;
	background-color:#cabdff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.testimonial-section-three .owl-dots .owl-dot.active,
.testimonial-section-three .owl-dots .owl-dot:hover{
	background-color:#5126ff;
}

/*** 

====================================================================
	41. App Section Two
====================================================================

***/

.app-section-two{
	position:relative;
	padding:80px 0px 65px;
}

.app-section-two .image-column{
	position:relative;
	text-align:center;
}

.app-section-two .image-column .image{
	position:relative;
}

.app-section-two .content-column{
	position:relative;
}

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

.app-section-two .content-column .inner-column h2{
	position:relative;
	font-size:48px;
	color:#ffffff;
	font-weight:300;
	line-height:1.3em;
	margin-bottom:18px;
}

.app-section-two .content-column .inner-column .text{
	position: relative;
	color:#ffffff;
	font-size:16px;
	line-height:1.9em;
	margin-bottom:35px;
}

/*** 

====================================================================
	42. Faq Section Two
====================================================================

***/

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

.faq-section-two .sec-title{
	margin-bottom:80px;
}

.faq-section-two .accordion-box{
	position:relative;
	max-width:970px;
	margin:0 auto;
}

.accordion-box .block{
	position: relative;
    margin-bottom:30px;
	background-color:#ffffff;
}

.accordion-box .block .acc-btn{
	position:relative;
	font-size:22px;
	cursor:pointer;
	line-height:30px;
	color:#293039;
	font-weight:500;
	border-radius:4px;
	padding:20px 30px 20px 28px;
	transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	font-family: 'Raleway', sans-serif;
	background-color:#edf1f7;
}

.accordion-box .block .icon-outer{
	position:absolute;
	right:30px;
	top:50%;
	margin-top:-15px;
	font-size:22px;
	color:#293039;
	text-align:center;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.accordion-box .block .acc-btn .icon-outer .icon{
	position: relative;
    left: 0px;
    top: 0px;
	line-height: 1em;
}

.accordion-box .block .acc-btn.active{
	
}

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

.accordion-box .block .acc-content{
	position:relative;
	display:none;
}

.accordion-box .block .acc-content .content-text{
	
}

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

.accordion-box .block .content{
	position:relative;
	font-size:14px;
	padding:25px 25px 0px 25px;
}

.accordion-box .block .content .text{
	line-height:1.9em;
	font-size:18px;	
	color:#4e5c66;
}

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

/*** 

====================================================================
	43. News Section
====================================================================

***/

.news-section{
	position:relative;
	padding:105px 0px 65px;
	background-color:#f6f9fd;
}

.news-section.alternate{
	background-color:#ffffff;
}

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

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

.news-block .inner-box .image{
	position:relative;
	background-color:#000000;
	overflow: hidden;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.news-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.news-block .inner-box:hover .image img{
	opacity:0.5;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
}

.news-block .inner-box .lower-content{
	position:relative;
	padding-top:35px;
}

.news-block .inner-box .lower-content h3{
	position:relative;
	color:#293039;
	font-size:22px;
	font-weight:600;
	line-height:1.3em;
	margin-bottom:15px;
}

.news-block .inner-box .lower-content h3 a{
	position:relative;
	color:#293039;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.news-block .inner-box .lower-content h3 a:hover{
	color:#00d6a9;
}

.news-block .inner-box .lower-content .text{
	position:relative;
	color:#4e5c66;
	font-size:18px;
	line-height:1.8em;
}

.news-block .inner-box .lower-content .post-meta{
	position:relative;
	padding-top:20px;
	margin-top:20px;
	border-top:1px solid #dde2e8;
}

.news-block .inner-box .lower-content .post-meta li{
	position:relative;
	color:#4e5c66;
	font-size:14px;
	margin-right:15px;
	display:inline-block;
}

.news-block .inner-box .lower-content .post-meta li .icon{
	position:relative;
	margin-right:4px;
}

.news-block .inner-box .lower-content .post-meta li:last-child{
	margin-right:0px;
}

/*** 

====================================================================
	44. Drop Message Section
====================================================================

***/

.drop-message-section{
	position:relative;
	padding:110px 0px 90px;
}

.drop-message-section .form-column{
	position:relative;
}

.drop-message-section .form-column .inner-column{
	position:relative;
}

.drop-message-section .info-column{
	position:relative;
}

.drop-message-section .info-column .inner-column{
	position:relative;
	padding-left:70px;
	padding-top:15px;
}

.drop-message-section .info-column h2{
	position:relative;
	font-size:18px;
	font-weight:600;
	line-height:1.3em;
	color:#293039;
	margin-bottom:25px;
}

.drop-message-section .info-column .info-list{
	position:relative;
}

.drop-message-section .info-column .info-list li{
	position:relative;
	color:#4e5c66;
	font-size:18px;
	line-height:1.8em;
	padding-left:80px;
	margin-bottom:10px;
}

.drop-message-section .info-column .info-list li.socials{
	padding-left:0px;
}

.drop-message-section .info-column .info-list li.follow{
	padding-left:0px;
	position:relative;
}

.drop-message-section .info-column .info-list li span{
	position:absolute;
	left:0px;
	top:0px;
	font-weight: 500;
	width:75px;
	display:inline-block;
}

.drop-message-section .info-column .info-list li.follow span{
	position:relative;
	width:100%;
	display:block;
	margin-bottom:25px;
}

.drop-message-section .info-column .info-list a{
	position:relative;
	width:40px;
	height:40px;
	color:#ffffff;
	line-height:40px;
	font-size:17px;
	text-align:center;
	border-radius:50px;
	margin-right:8px;
	display:inline-block;
	background-color:#4e5c66;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.drop-message-section .info-column .info-list a:hover{
	background-color:#00d6a9;
}

/*** 

====================================================================
	45. Banner Section Four
====================================================================

***/

.banner-section-four{
	position:relative;
	padding-top:180px;
	padding-bottom:180px;
	background-size:cover;
}

.banner-section-four:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	opacity:0.9;
	display:block;
	background-image: -ms-linear-gradient(top left, #ED4A90 0%, #4c78ec 100%);
	background-image: -moz-linear-gradient(top left, #ED4A90 0%, #4c78ec 100%);
	background-image: -o-linear-gradient(top left, #ED4A90 0%, #4c78ec 100%);
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #ED4A90), color-stop(100, #4c78ec));
	background-image: -webkit-linear-gradient(top left, #ED4A90 0%, #4c78ec 100%);
	background-image: linear-gradient(to bottom right, #ED4A90 0%, #4c78ec 100%);
}

.banner-section-four:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:-1px;
	width:100%;
	height:290px;
	background:url(../images/icons/banner-layer.png) repeat-x;
}

.banner-section-four .content-column{
	position:relative;
	padding-top:110px;
}

.banner-section-four .content-column h2{
	position:relative;
	color:#ffffff;
	font-weight:300;
	font-size:60px;
	line-height:1.2em;
}

.banner-section-four .content-column .text{
	position:relative;
	color:#ffffff;
	font-size:18px;
	margin-top:25px;
	line-height:1.8em;
	margin-bottom:38px;
}

.banner-section-four .content-column .btns-box{
	position:relative;
}

.banner-section-four .content-column .btns-box .theme-btn{
	margin-right:15px;
	margin-bottom:10px;
}

.banner-section-four .image-column{
	position:relative;
	text-align:center;
}

/*** 

====================================================================
	46. Feature Section Six
====================================================================

***/

.feature-section-six{
	position:relative;
	padding-top:100px;
}

.feature-section-six .sec-title{
	margin-bottom:60px;
}

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

.feature-block-six .inner-box:after{
	position:absolute;
	content:'';
	right:-35px;
	top:30px;
	width:36px;
	height:16px;
	display:inline-block;
	background:url(../images/icons/right-arrow.png) no-repeat;
}

.feature-block-six:last-child .inner-box:after{
	display:none;
}

.feature-block-six .inner-box{
	position:relative;
	text-align:center;
}

.feature-block-six .inner-box .icon-box{
	position:relative;
	width:80px;
	height:80px;
	color:#ffffff;
	line-height:80px;
	text-align:center;
	border-radius:50%;
	margin:0 auto;
	font-size:34px;
	margin-bottom:28px;
	background-color:#e95e50;
}

.feature-block-six .inner-box .icon-box span{
	position:relative;
}

.feature-block-six:nth-child(2) .inner-box .icon-box{
	background-color:#0091ff;
}

.feature-block-six:nth-child(3) .inner-box .icon-box{
	background-color:#00a54a;
}

.feature-block-six .inner-box h3{
	position:relative;
	font-size:22px;
	font-weight:500;
	color:#293039;
	line-height:1.3em;
	margin-bottom:18px;
	font-family: 'Raleway', sans-serif;
}

.feature-block-six .inner-box .text{
	position:relative;
	font-size:16px;
	font-weight:400;
	color:#4e5c66;
	line-height:1.7em;
}

/*** 

====================================================================
	47. Screenshots Section
====================================================================

***/

.screenshots-section{
	position:relative;
	margin:300px 0px 300px;
	padding:80px 0px 50px;
	background-color:#f0f9ff;
}

.screenshots-section .sec-title{
	margin-bottom:70px;
}

.screenshots-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:-228px;
	width:100%;
	height:228px;
	background:url(../images/background/10.png) left bottom repeat-x;
}

.screenshots-section:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:-189px;
	width:100%;
	height:189px;
	background:url(../images/background/11.png) left bottom repeat-x;
}

.screenshots-section .owl-carousel{
	margin:0px -15px;
	width:auto;
}

.screenshots-section .owl-carousel .owl-stage-outer{
	padding:15px 0px 15px;
}

.screenshots-section .image{
	margin:0px 15px;
}

.screenshots-section .image{
	border-radius:10px;
	overflow:hidden;
	box-shadow:0px 0px 30px rgba(0,0,0,0.15);
}

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

.screenshots-section .owl-dots{
	position:relative;
	margin-top:60px;
	text-align:center;
}

.screenshots-section .owl-dots .owl-dot{
	position:relative;
	width:12px;
	height:12px;
	margin:0px 7px;
	border-radius:50px;
	display:inline-block;
	background:none;
	border:2px solid #cfcfcf;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.screenshots-section .owl-dots .owl-dot.active,
.screenshots-section .owl-dots .owl-dot:hover{
	background-color:#3f7dfb;
	border-color:#3f7dfb;
}

/*** 

====================================================================
	48. Renovate Section
====================================================================

***/

.renovate-section{
	position:relative;
}

.renovate-section .sec-title{
	margin-bottom:70px;
}

.renovate-block{
	position:relative;
	margin-bottom:110px;
}

.renovate-block .inner-box{
	position:relative;
}

.renovate-block .inner-box .content-column{
	position:relative;
	margin-bottom:40px;
}

.renovate-block .inner-box .content-column .inner-column{
	position:relative;
	padding-top:110px;
}

.renovate-block .inner-box .content-column .inner-column h2{
	position:relative;
	color:#293039;
	font-size:30px;
	font-weight:600;
	line-height:1.3em;
	padding-top:18px;
	margin-bottom:16px;
	font-family: 'Raleway', sans-serif;
}

.renovate-block .inner-box .content-column .inner-column h2:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	height:3px;
	width:80px;
	background:url(../images/icons/separater.png) no-repeat;
}

.renovate-block .inner-box .content-column .inner-column .text{
	position:relative;
	color:#4e5c66;
	font-size:16px;
	line-height:1.8em;
	max-width:450px;
}

.renovate-block .inner-box .image-column{
	position:relative;
}

.renovate-block .inner-box .image-column .inner-column{
	position:relative;
	padding-left:20px;
}

.renovate-block .inner-box .image-column .inner-column .image{
	position:relative;
}

.renovate-block .inner-box .image-column .inner-column .image img{
	position:relative;
	width:100%;
	display:block;
	border-radius:0px 100px 100px 100px;
}

.renovate-block .inner-box .image-column .inner-column .image:before{
	position:absolute;
	content:'';
	left:15px;
	top:15px;
	right:-15px;
	bottom:-15px;
	border-radius:0px 100px 100px 100px;
	background-color:rgba(0,125,140,0.10);
}

.renovate-block .inner-box .image-column .inner-column .image:after{
	position:absolute;
	content:'';
	left:30px;
	top:30px;
	right:-30px;
	bottom:-30px;
	z-index:-1;
	border-radius:0px 100px 100px 100px;
	background-color:rgba(0,125,140,0.10);
}

/* Renovate Block Two */

.renovate-block-two{
	position:relative;
	margin-bottom:110px;
}

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

.renovate-block-two .inner-box .content-column{
	position:relative;
	margin-bottom:40px;
}

.renovate-block-two .inner-box .content-column .inner-column{
	position:relative;
	padding-top:110px;
	padding-left:145px;
}

.renovate-block-two .inner-box .content-column .inner-column h2{
	position:relative;
	color:#293039;
	font-size:30px;
	font-weight:600;
	line-height:1.3em;
	padding-top:18px;
	margin-bottom:16px;
	font-family: 'Raleway', sans-serif;
}

.renovate-block-two .inner-box .content-column .inner-column h2:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	height:3px;
	width:80px;
	background:url(../images/icons/separater.png) no-repeat;
}

.renovate-block-two .inner-box .content-column .inner-column .text{
	position:relative;
	color:#4e5c66;
	font-size:16px;
	line-height:1.8em;
	max-width:450px;
}

.renovate-block-two .inner-box .image-column{
	position:relative;
}

.renovate-block-two .inner-box .image-column .inner-column{
	position:relative;
	padding-right:20px;
}

.renovate-block-two .inner-box .image-column .inner-column .image{
	position:relative;
}

.renovate-block-two .inner-box .image-column .inner-column .image img{
	position:relative;
	width:100%;
	display:block;
	border-radius:100px 0px 100px 100px;
}

.renovate-block-two .inner-box .image-column .inner-column .image:before{
	position:absolute;
	content:'';
	left:-15px;
	top:15px;
	right:15px;
	bottom:-15px;
	border-radius:100px 0px 100px 100px;
	background-color:rgba(0,125,140,0.10);
}

.renovate-block-two .inner-box .image-column .inner-column .image:after{
	position:absolute;
	content:'';
	left:-30px;
	top:30px;
	right:30px;
	bottom:-30px;
	z-index:-1;
	border-radius:100px 0px 100px 100px;
	background-color:rgba(0,125,140,0.10);
}

/*** 

====================================================================
	49. Testimonial Section Four
====================================================================

***/

.testimonial-section-four{
	position:relative;
	padding-top:260px;
	padding-bottom:340px;
	background-color:#3f7dfb;
}

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

.testimonial-section-four:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:200px;
	background:url(../images/background/18.png) left center repeat-x;
}

.testimonial-section-four:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:-1px;
	width:100%;
	height:269px;
	background:url(../images/background/19.png) left bottom repeat-x;
}

.testimonial-section-four .owl-dots,
.testimonial-section-four .owl-nav{
	display:none;
}

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

.testimonial-block-four .inner-box{
	position:relative;
	padding:45px 35px;
	border-radius:2px;
	background-color:#ffffff;
}

.testimonial-block-four .inner-box .quote-icon{
	position:relative;
	color:#edecf1;
	line-height:1em;
	font-size:36px;
	margin-bottom:20px;
}

.testimonial-block-four .inner-box .text{
	position:relative;
	color:#4e5c66;
	font-size:18px;
	line-height:1.8em;
	margin-bottom:18px;
}

.testimonial-block-four .inner-box .author{
	position:relative;
	color:#161c25;
	font-size:18px;
	font-weight:600;
	font-family: 'Raleway', sans-serif;
}

.testimonial-block-four .inner-box .designation{
	position:relative;
	color:#4e5c66;
	font-size:16px;
	font-weight:400;
	margin-top:5px;
}

/*** 

====================================================================
	50. Footer Style Two
====================================================================

***/

.footer-style-two{
	position: relative;
	padding:510px 0px 100px;
	background-color:#1b2028;
}

.footer-style-two:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:423px;
	background:url(../images/background/20.png) left center repeat-x;
}

.footer-style-two .footer-upper{
	position: relative;
	padding-bottom:20px;
	border-bottom:1px solid rgba(255,255,255,0.10);
}

.footer-style-two .footer-upper .title-column{
	position: relative;
}

.footer-style-two .footer-upper .title-column .inner-column{
	position: relative;
	margin-bottom:40px;
}

.footer-style-two .footer-upper .title-column .inner-column h2{
	position: relative;
	color:#ffffff;
	font-size:48px;
	font-weight:300;
	line-height:1.3em;
	margin-bottom:20px;
}

.footer-style-two .footer-upper .title-column .inner-column .text{
	position: relative;
	color:#a1adb6;
	font-size:18px;
	line-height:1.7em;
}

.footer-style-two .footer-upper .buttons-column{
	position: relative;
}

.footer-style-two .footer-upper .buttons-column .inner-column{
	position: relative;
	text-align:right;
	padding-top:45px;
}

.footer-style-two .footer-upper .buttons-column .inner-column .theme-btn{
	margin-left:15px;
	margin-bottom:10px;
}

.footer-style-two .footer-middle{
	position:relative;
	text-align:center;
	padding-top:70px;
	padding-bottom:65px;
}

.footer-style-two .footer-middle .logo{
	margin-bottom:25px;
}

.footer-style-two .footer-middle .text{
	position:relative;
	color:#a1adb6;
	font-size:18px;
	line-height:1.8em;
	margin-bottom:30px;
}

.footer-style-two .footer-middle .social-box{
	position:relative;
}

.footer-style-two .footer-middle .social-box li{
	position:relative;
	margin:0px 8px;
	display:inline-block;
}

.footer-style-two .footer-middle .social-box li a{
	position:relative;
	width:60px;
	height:60px;
	line-height:60px;
	font-size:20px;
	color:#ffffff;
	text-align:center;
	display:inline-block;
	border-radius:50px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-color:rgba(255,255,255,0.10);
}

.footer-style-two .footer-middle .social-box li a:hover{
	background-color:#6373e7;
}

.footer-style-two .footer-bottom{
	position:relative;
}

.footer-style-two .footer-bottom .area-column{
	position:relative;
}

.footer-style-two .footer-bottom .area-column h3{
	position:relative;
	color:#ffffff;
	font-size:24px;
	font-weight:500;
	line-height:1.3em;
	margin-bottom:25px;
}

.footer-style-two .footer-bottom .area-column .area{
	position:relative;
	color:#a1adb6;
	font-size:18px;
	padding-top:25px;
	padding-left:100px;
}

.footer-style-two .footer-bottom .area-column .area .image{
	position:absolute;
	left:0px;
	top:0px;
	width:80px;
	height:80px;
	border-radius:50%;
	overflow:hidden;
}

.footer-style-two .footer-bottom .nav-column{
	position:relative;
	text-align:right;
}

.footer-style-two .footer-bottom .nav-column .footer-nav{
	position:relative;
	text-align:right;
	padding-top:85px;
}

.footer-style-two .footer-bottom .nav-column .footer-nav li{
	position:relative;
	color:#a1adb6;
	font-size:18px;
	padding:0px 15px;
	line-height:1.3em;
	display:inline-block;
	border-left:1px solid #a1adb6;
}

.footer-style-two .footer-bottom .nav-column .footer-nav li span{
	color:#3f7dfb;
}

.footer-style-two .footer-bottom .nav-column .footer-nav li:first-child{
	border-left:0px;
	padding-left:0px;
}

.footer-style-two .footer-bottom .nav-column .footer-nav li a{
	position:relative;
	color:#a1adb6;
	font-size:18px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.footer-style-two .footer-bottom .nav-column .footer-nav li a:hover{
	color:#ffffff;
}

/*** 

====================================================================
	51. Banner Section Five
====================================================================

***/

.banner-section-five{
	position:relative;
	padding-top:220px;
	padding-bottom:180px;
	background-size:cover;
	background-position:left bottom;
}

.banner-section-five .content-column{
	position:relative;
}

.banner-section-five .content-column .inner-column{
	position:relative;
	padding-top:135px;
}

.banner-section-five .content-column h2{
	position:relative;
	color:#ffffff;
	font-weight:300;
	font-size:60px;
	line-height:1.2em;
}

.banner-section-five .content-column .text{
	position:relative;
	color:#ffffff;
	font-size:18px;
	margin-top:25px;
	line-height:1.8em;
	margin-bottom:42px;
}

.banner-section-five .content-column .btns-box{
	position:relative;
}

.banner-section-five .content-column .btns-box .theme-btn{
	margin-right:15px;
	margin-bottom:12px;
}

.banner-section-five .image-column{
	position:relative;
	text-align:center;
}

/*** 

====================================================================
	52. App Section Three
====================================================================

***/

.app-section-three{
	position:relative;
	padding:65px 0px 0px;
}

.app-section-three .title-column{
	position:relative;
}

.app-section-three .title-column .inner-column{
	position:relative;
	padding-top:190px;
}

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

.feature-block-seven.margin-top{
	margin-top:50px;
}

.feature-block-seven .inner-box{
	position:relative;
	text-align:center;
	border-radius:40px;
	padding:35px 20px 50px;
	background-color:#ffffff;
	box-shadow:0px 0px 25px rgba(0,0,0,0.10);
}

.feature-block-seven .inner-box:before{
	position:absolute;
	content:'';
	top:40px;
	left:35px;
	right:-5px;
	bottom:-5px;
	z-index:-1;
	border-radius:40px;
	background-color:#997cf7;
}

.feature-block-seven .inner-box .icon-box{
	position:relative;
	width:57px;
	height:57px;
	color:#ffffff;
	line-height:57px;
	font-size:26px;
	text-align:center;
	border-radius:6px;
	display:inline-block;
	margin-bottom:32px;
	background-color:#9e80ff;
}

.feature-block-seven .inner-box h3{
	position:relative;
	font-size:20px;
	color:#293039;
	font-weight:500;
	line-height:1.3em;
	margin-bottom:16px;
}

.feature-block-seven .inner-box .text{
	position:relative;
	color:#4e5c66;
	font-size:16px;
	line-height:1.8em;
}

.feature-block-seven.style-two .inner-box:before,
.feature-block-seven.style-two .inner-box .icon-box{
	background-color:#80c2ff;
}

.feature-block-seven.style-three .inner-box:before,
.feature-block-seven.style-three .inner-box .icon-box{
	background-color:#ca82f2;
}

.feature-block-seven.style-four .inner-box:before,
.feature-block-seven.style-four .inner-box .icon-box{
	background-color:#ffb380;
}

.app-section-three .blocks-column{
	position:relative;
}

.app-section-three .blocks-column .inner-column{
	position:relative;
}

.app-section-three .blocks-column .inner-column .row{
	position:relative;
	margin:0px -20px;
}

.app-section-three .blocks-column .inner-column .column{
	position:relative;
	padding:0px 20px;
}

/*** 

====================================================================
	53. Device Section
====================================================================

***/

.device-section{
	position:relative;
	padding-bottom:60px;
}

.device-section .image-column{
	position:relative;
	margin-bottom:40px;
}

.device-section .image-column .inner-column{
	position:relative;
	margin-left:-150px;
}

.device-section .content-column{
	position:relative;
	margin-bottom:40px;
}

.device-section .content-column .inner-column{
	position:relative;
	padding-top:100px;
}

/*** 

====================================================================
	54. Services Section Two
====================================================================

***/

.services-section-two{
	position:relative;
	padding:130px 0px 270px;
	background-position:center bottom;
	background-repeat:no-repeat;
}

.services-section-two .sec-title{
	margin-bottom:70px;
}

.services-block-two{
	position:relative;
	margin-bottom:60px;
}

.services-block-two .inner-box{
	position:relative;
	text-align:center;
}

.services-block-two .inner-box .icon-box{
	position:relative;
	width:75px;
	height:75px;
	color:#ffffff;
	text-align:center;
	line-height:75px;
	margin:0 auto;
	font-size:38px;
	background-repeat:no-repeat;
	background:url(../images/icons/1.png) no-repeat;
}

.services-block-two:nth-child(2) .inner-box .icon-box{
	background:url(../images/icons/2.png) no-repeat;
}

.services-block-two:nth-child(3) .inner-box .icon-box{
	background:url(../images/icons/3.png) no-repeat;
}

.services-block-two:nth-child(4) .inner-box .icon-box{
	background:url(../images/icons/4.png) no-repeat;
}

.services-block-two:nth-child(5) .inner-box .icon-box{
	background:url(../images/icons/3.png) no-repeat;
}

.services-block-two:nth-child(6) .inner-box .icon-box{
	background:url(../images/icons/4.png) no-repeat;
}

.services-block-two:nth-child(7) .inner-box .icon-box{
	background:url(../images/icons/1.png) no-repeat;
}

.services-block-two:nth-child(8) .inner-box .icon-box{
	background:url(../images/icons/2.png) no-repeat;
}

.services-block-two .inner-box h3{
	position:relative;
	font-size:22px;
	font-weight:500;
	color:#293039;
	line-height:1.3em;
	margin-top:30px;
	margin-bottom:15px;
}

.services-block-two .inner-box .text{
	position:relative;
	line-height:1.8em;
	color:#4e5c66;
	font-size:16px;
	padding:0px 15px;
}

/*** 

====================================================================
	55. Video Section Two
====================================================================

***/

.video-section-two{
	position:relative;
	padding:105px 0px 120px;
	background-color:#1d65ff;
	background-size:cover;
}

.video-section-two .sec-title{
	margin-bottom:70px;
}

.video-section-two .laptop-mokeup{
	position:relative;
	width:554px;
	height:317px;
	margin:0 auto;
}

.video-section-two .laptop-mokeup .image{
	position:relative;
}

.video-section-two .laptop-mokeup .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.video-section-two .laptop-mokeup .image .overlay-box:hover{
	
}

.video-section-two .laptop-mokeup .image .overlay-box span{
	position: relative;
	width:80px;
	height: 80px;
    top: 46%;
	z-index:99;
	color: #b58fff;
	font-weight:400;
	font-size:20px;
	text-align: center;
	border-radius:50%;
	padding-left:4px;
	background-color: #ffffff;
	display: inline-block;
	margin-top: -50px;
	line-height: 80px;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}

.video-section-two .laptop-mokeup .image:hover .overlay-box span{
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

/*** 

====================================================================
	55. Testimonial Section Five
====================================================================

***/

.testimonial-section-five{
	position:relative;
	padding:105px 0px 60px;
}

.testimonial-section-five .icon-one{
	position:absolute;
	left:2%;
	top:3%;
	width:42px;
	height:47px;
	display:inline-block;
	background:url(../images/icons/icon-1.png) no-repeat;
}

.testimonial-section-five .icon-two{
	position:absolute;
	left:6%;
	top:18%;
	width:42px;
	height:47px;
	display:inline-block;
	background:url(../images/icons/icon-2.png) no-repeat;
}

.testimonial-section-five .icon-three{
	position:absolute;
	right:2%;
	top:3%;
	width:42px;
	height:47px;
	display:inline-block;
	background:url(../images/icons/icon-4.png) no-repeat;
}

.testimonial-section-five .icon-four{
	position:absolute;
	right:15%;
	top:24%;
	width:42px;
	height:47px;
	display:inline-block;
	background:url(../images/icons/icon-3.png) no-repeat;
}

.testimonial-section-five .owl-nav{
	display:none;
}

.testimonial-section-five .owl-dots{
	position:relative;
	margin-top:50px;
	text-align:center;
}

.testimonial-section-five .owl-dots .owl-dot{
	position:relative;
	width:18px;
	height:18px;
	margin:0px 7px;
	border-radius:50px;
	display:inline-block;
	border:2px solid #cfcfcf;
	background-color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.testimonial-section-five .owl-dots .owl-dot.active,
.testimonial-section-five .owl-dots .owl-dot:hover{
	background-color:#9d6cf9;
	border-color:#9d6cf9;
}

.testimonial-section-five .outer-section{
	position:relative;
}

.testimonial-section-five .outer-section{
	position:relative;
	padding:0px 80px;
}

.testimonial-section-five .owl-carousel .owl-stage-outer{
	padding:20px 0px;
}

.testimonial-section-five .owl-carousel{
	margin:0px -10px;
	width:auto;
}

.testimonial-section-five .testimonial-block-five{
	margin:0px 10px;
}

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

.testimonial-block-five .inner-box{
	position:relative;
	padding:45px 35px;
	border-radius:2px;
	background-color:#ffffff;
	box-shadow:0px 0px 15px rgba(0,0,0,0.20);
}

.testimonial-block-five .inner-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:0px;
	height:100%;
	display:block;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	background-image: -ms-linear-gradient(left, #7A5BFF 0%, #d285f1 100%);
	background-image: -moz-linear-gradient(left, #7A5BFF 0%, #d285f1 100%);
	background-image: -o-linear-gradient(left, #7A5BFF 0%, #d285f1 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7A5BFF), color-stop(100, #d285f1));
	background-image: -webkit-linear-gradient(left, #7A5BFF 0%, #d285f1 100%);
	background-image: linear-gradient(to right, #7A5BFF 0%, #d285f1 100%);
}

.testimonial-block-five .inner-box:hover::before{
	width:100%;
}

.testimonial-block-five .inner-box .quote-icon{
	position:relative;
	color:#edecf1;
	line-height:1em;
	font-size:36px;
	margin-bottom:20px;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.testimonial-block-five .inner-box .text{
	position:relative;
	color:#4e5c66;
	font-size:18px;
	line-height:1.8em;
	margin-bottom:18px;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.testimonial-block-five .inner-box .author{
	position:relative;
	color:#161c25;
	font-size:18px;
	font-weight:500;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	font-family: 'Raleway', sans-serif;
}

.testimonial-block-five .inner-box .designation{
	position:relative;
	color:#4e5c66;
	font-size:16px;
	font-weight:400;
	margin-top:5px;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.testimonial-block-five .inner-box:hover .quote-icon,
.testimonial-block-five .inner-box:hover .text,
.testimonial-block-five .inner-box:hover .author,
.testimonial-block-five .inner-box:hover .designation{
	color:#edecf1;
}

/*** 

====================================================================
	56. App Section Four
====================================================================

***/

.app-section-four{
	position:relative;
	padding:65px 0px 60px;
}

.app-section-four .title-column{
	position:relative;
	margin-bottom:40px;
}

.app-section-four .title-column .inner-column{
	position:relative;
}

.app-section-four .title-column .inner-column .btn-box{
	position:relative;
}

.app-section-four .title-column .inner-column .btn-box .theme-btn{
	position:relative;
	margin-right:10px;
	margin-bottom:10px;
}

.app-section-four .image-column{
	position:relative;
}

.app-section-four .image-column .inner-column{
	position:relative;
	margin-right:-140px;
}

/*** 

====================================================================
	57. Call To Action Section Three
====================================================================

***/

.call-to-action-three-section{
	position:relative;
	padding:190px 0px;
	text-align:center;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	overflow:hidden;
}

.call-to-action-three-section .mobile-one{
	position:absolute;
	right:-200px;
	z-index:1;
	bottom:-30px;
}

.call-to-action-three-section .mobile-two{
	position:absolute;
	left:-180px;
	top:50px;
	z-index:1;
}

.call-to-action-three-section .auto-container{
	z-index:10;
	position:relative;
}

.call-to-action-three-section h2{
	position:relative;
	color:#ffffff;
	font-size:48px;
	font-weight:300;
	line-height:1.3em;
}

.call-to-action-three-section .title{
	position:relative;
	color:#ffffff;
	font-size:30px;
	font-weight:300;
	line-height:1.3em;
	margin-top:15px;
	margin-bottom:50px;
}

.call-to-action-three-section .app-form{
	max-width:710px;
	margin:0 auto;
}

.app-form .form-group{
    position: relative;
    display: block;
    z-index:1;
	margin-bottom: 0px;
}

.app-form .form-group:before{
	position:absolute;
	content: "\f003";
	left:20px;
	top:24px;
	z-index:1;
	font-size:20px;
	font-family: 'FontAwesome';
}

.app-form .form-group input[type="text"],
.app-form .form-group input[type="tel"],
.app-form .form-group input[type="email"],
.app-form .form-group textarea {
    position:relative;
	display:block;
	width:100%;
	height:72px;
	font-size:14px;
	color:#848484;
	line-height:48px;
	padding:10px 60px;
	font-weight:400;
	border-radius:3px;
	background:#ffffff;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.app-form .form-group input[type="email"]:focus{
	border-color:#00d6a9;
}

.app-form .form-group .send-btn{
	position: absolute;
	width:165px;
	top: 0px;
	right: 0px;
	height:72px;
	cursor:pointer;
	line-height:24px;
	background:#b58fff;
	color:#ffffff;
	font-size:18px;
	font-weight:600;
	border-radius: 2px;
	letter-spacing: 2px;
	padding:18px 39px 17px;
	text-transform:uppercase;
	font-family: 'Raleway', sans-serif;
}

/*** 

====================================================================
	58. Drop Message Section Two
====================================================================

***/

.drop-message-section-two{
	position:relative;
	padding:110px 0px 160px;
}

.drop-message-section-two:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:420px;
	height:179px;
	background:url(../images/icons/curve-1.png) no-repeat;
}

.drop-message-section-two .inner-container{
	background-position:center top;
	background-repeat:no-repeat;
}

.drop-message-section-two .sec-title{
	margin-bottom:70px;
}

.drop-message-section-two .message-form{
	max-width:940px;
	margin:0 auto;
}

/*** 

====================================================================
	59. Footer Section Three
====================================================================

***/

.footer-style-three{
	position:relative;
	padding-top:110px;
	margin-top:80px;
	background-color:#f8f6ff;
}

.footer-style-three:before{
	position:absolute;
	content:'';
	left:0px;
	top:-82px;
	width:100%;
	height:92px;
	display:block;
	z-index:1;
	background:url(../images/background/21.png) repeat-x;
}

.footer-style-three:after{
	position:absolute;
	content:'';
	left:0px;
	top:-220px;
	width:100%;
	height:224px;
	display:block;
	text-align:center;
	background:url(../images/resource/flower.png) center center no-repeat;
}

.footer-style-three .widgets-section{
	position:relative;
	padding-bottom:60px;
}

.footer-style-three .widgets-section .footer-widget{
	position:relative;
	margin-bottom:40px;
}

.footer-style-three h2{
	position:relative;
	color:#293039;
	font-size:20px;
	font-weight:600;
	line-height:1.3em;
	margin-bottom:25px;
}

.footer-style-three .widgets-section .about-widget .logo{
	margin-bottom:30px;
}

.footer-style-three .widgets-section .about-widget .text{
	position:relative;
	color:#4e5c66;
	font-size:16px;
	line-height:1.8em;
	padding-right:60px;
}

.footer-style-three .social-list{
	position:relative;
}

.footer-style-three .social-list li{
	position:relative;
	margin-bottom:15px;
}

.footer-style-three .social-list li a{
	position:relative;
	color:#4e5c66;
	font-size:14px;
	text-transform:capitalize;
}

.footer-style-three .social-list li a .fa{
	margin-right:8px;
}

.footer-style-three .footer-bottom{
	position:relative;
	padding:25px 0px;
	text-align:center;
	border-top:1px solid #e7e5ed;
}

.footer-style-three .footer-bottom .copyright{
	position:relative;
	color:#7e818c;
	font-size:16px;
}

.footer-style-three .footer-bottom .copyright a{
	color:#b58fff;
}

/*** 

====================================================================
	60. Page Title Style
====================================================================

***/

.page-title{
	position:relative;
	padding:180px 0px 100px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	text-align:center;
}

.page-title:before{
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	position:absolute;
	background:#324cf5;
	opacity:0.90;
}

.page-title .auto-container{
	position:relative;
	z-index:1;
}	

.page-title h1{
	position:relative;
	font-size:52px;
	font-weight:400;
	color:#ffffff;
	line-height:1.4em;
	word-spacing:5px;
	margin-bottom:15px;
	text-transform: capitalize;
}

.page-title .breadcrumbs{
	position:relative;
}

.page-title .breadcrumbs li{
	position:relative;
	font-size:16px;
	font-weight:300;
	padding:0px 10px;
	color:#ffffff;
	display:inline-block;
}

.page-title .breadcrumbs li a{
	position:relative;
	font-size:16px;
	font-weight:300;
	color:#ffffff;
}

.page-title .breadcrumbs li:after{
	position:absolute;
	content:'-';
	right:-4px;
	top:0px;
	color:#ffffff;
	font-size:15px;
}

.page-title .breadcrumbs li:last-child::after{
	display:none;
}

/*** 

====================================================================
	61. Sidebar Page Container
====================================================================

***/

.sidebar-page-container{
	position:relative;
	padding:110px 0px 60px;
}

.sidebar-page-container .sidebar-side,
.sidebar-page-container .content-side{
	margin-bottom:30px !important;	
}

.sidebar-page-container .sidebar-side .sidebar{
	position:relative;
	padding-left:20px;
}

.sidebar .sidebar-widget{
	position:relative;
	margin-bottom:30px;
	padding:40px 28px;
	border:1px solid #ebebeb;
}

.sidebar .sidebar-widget .sidebar-title{
	position:relative;
	margin-bottom:25px;	
}

.sidebar .sidebar-widget .sidebar-title h3{
	position:relative;
	display:block;
	font-size:22px;
	line-height:1.4em;
	text-transform:capitalize;
	font-weight:500;
	color:#293039;
}

/* Sidebar List */

.sidebar .list{
	position:relative;
}

.sidebar .list li{
	position:relative;
	line-height:24px;
	margin-bottom:15px;
}

.sidebar .list li a{
	position:relative;
	display:block;
	color:#4e5c66;
	font-size:14px;
	font-weight:400;
	line-height:26px;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sidebar .list li a span{
	position:absolute;
	right:0px;
}

.sidebar .list li:last-child{
	margin-bottom:0px;
}

.sidebar .list li a:hover{
	color:#00d6a9;
}

/* Popular Posts */

.sidebar .popular-posts .post{
	position:relative;
	font-size:15px;
	color:#696969;
	padding-left:80px;
	min-height:68px;
	margin-bottom:25px;
}

.sidebar .popular-posts .post:last-child{
	margin-bottom:0px;
	padding-bottom:0px;
}

.sidebar .popular-posts .post .post-thumb{
	 position:absolute;
	 left:0px;
	 top:0px;
	 width:67px;
	 transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.sidebar .popular-posts .post:hover .post-thumb img{
	opacity:0.70;
}

.sidebar .popular-posts .post .post-thumb img{
	display:block;
	width:100%;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.sidebar .popular-posts .post h4{
	font-size:14px;
	margin:0px 0px 2px;
	font-weight:500;
	color:#333333;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sidebar .popular-posts .post a,
.sidebar .popular-posts .post a:hover{
	color:#00d6a9;	
}

.sidebar .popular-posts .post h4 a{
	color:#333333;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.sidebar .popular-posts .category{
	position:relative;
	font-size:12px;
	color:#4e5c66;
	margin-bottom:2px;
}

.sidebar .popular-posts .post-info .fa{
	position:relative;
	padding-right:5px;
	color:#1f8ceb;
	font-style:normal;
}

.sidebar .popular-posts .post-time{
	position:relative;
	font-size:12px;
	color:#4e5c66;
	padding-left:20px;
}

.sidebar .popular-posts .post-time:before{
	position:absolute;
	content: "\f017";
	left:0px;
	top:0px;
	font-family: 'FontAwesome';
}

.subscribe-form-two .form-group{
    position: relative;
    display: block;
    z-index:1;
	margin-bottom: 20px;
}

.subscribe-form-two .form-group .fa{
	position:absolute;
	right:15px;
	top:18px;
	z-index:1;
}

.subscribe-form-two .form-group:last-child{
	margin-bottom:0px;
}

.subscribe-form-two .form-group input[type="text"],
.subscribe-form-two .form-group input[type="tel"],
.subscribe-form-two .form-group input[type="email"],
.subscribe-form-two .form-group textarea {
    position:relative;
	display:block;
	width:100%;
	height:52px;
	font-size:14px;
	color:#848484;
	line-height:30px;
	padding:10px 18px;
	font-weight:400;
	border-radius:3px;
	background:#ffffff;
	border:1px solid #eaebec;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.subscribe-form-two .form-group input[type="email"]:focus{
	border-color:#00d6a9;
}

.subscribe-form-two .form-group .submit-btn{
	position: relative;
	width:100%;
	cursor:pointer;
	line-height:24px;
	background:#00d6a9;
	color:#ffffff;
	font-size:14px;
	font-weight:700;
	border-radius:3px;
	letter-spacing: 2px;
	padding:13px 39px 13px;
	text-transform:uppercase;
	font-family: 'Raleway', sans-serif;
}

.sidebar .sidebar-widget.instagram-widget{
	padding-bottom:15px;
}

.instagram-widget .images-outer{
	position:relative;
	margin:0px -9px;
}

.instagram-widget .images-outer .image-box{
	position:relative;
	float:left;
	width:33.333%;
	padding:0px 9px;
	margin-bottom:18px;
}

.instagram-widget .images-outer .image-box img{
	position:relative;
	display:block;
	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;
}

.instagram-widget .images-outer .image-box img:hover{
	opacity:0.70;	
}

/* Blog Details */

.blog-details{
	position:relative;
}

.blog-details .inner-box{
	position:relative;
}

.blog-details .inner-box h2{
	position:relative;
	color:#293039;
	font-size:34px;
	font-weight:500;
	line-height:1.3em;
}

.blog-details .inner-box .title{
	position:relative;
	color:#7d8d98;
	font-size:16px;
	font-weight:400;
	line-height:1.3em;
	margin-top:15px;
}

.blog-details .inner-box .title span{
	color:#4e5c66;
}

.blog-details .inner-box .image{
	position:relative;
	margin:40px 0px;
}

.blog-details .inner-box .text{
	position:relative;
}

.blog-details .inner-box .text p{
	position:relative;
	color:#4e5c66;
	font-size:16px;
	line-height:1.8em;
	margin-bottom:20px;
}

.blog-details .inner-box .text blockquote{
	position:relative;
	border:none;
	padding-top:45px;
	padding-left:55px;
}

.blog-details .inner-box .text blockquote .quote-icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#f4f4f5;
	font-size:130px;
	line-height:1em;
}

.blog-details .inner-box .text blockquote .quote-text{
	position:relative;
	color:#4e5c66;
	font-size:16px;
	font-weight:600;
	line-height:2em;
	font-style:italic;
	font-family: 'Raleway', sans-serif;
}

/* Post Share Option */

.post-share-options{
	position:relative;
	margin-top:70px;
	padding:0px 0px 0px;
}

.post-share-options .tags span{
	position:relative;
	color:#9f9f9f;
	font-size:16px;
	font-weight:500;
	margin-right:25px;
}

.post-share-options .tags a{
	position:relative;
	color:#4e5c66;
	font-size:14px;
	font-weight:400;
	margin-left:6px;
	display:inline-block;
	padding:6px 20px;
	margin-bottom:10px;
	border:1px solid #e6e6e6;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.post-share-options .tags a:hover{
	color:#00d6a9;
	border-color:#00d6a9;
}

/* Post Social Icons */

.post-social-icons{
	position:relative;
}

.post-social-icons li{
	position:relative;
	margin-right:2px;
	margin-bottom:5px;
	display:inline-block;
}

.post-social-icons li a{
	position:relative;
	color:#ffffff;
	width:32px;
	height:32px;
	font-size:14px;
	font-weight:500;
	text-align:center;
	line-height:32px;
	border-radius:2px;
	display:inline-block;
	background-color:#3b5998;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.post-social-icons li a:hover{
	background-color:#444444 !important;
}

.post-social-icons li a .fa{
	margin-right:5px;
}

.post-social-icons li.twitter a{
	background-color:#57acef;
}

.post-social-icons li.linkedin a{
	background-color:#007bb6;
}

.post-social-icons li.vimeo a{
	background-color:#62a0ad;
}

/* Author Box */

.blog-details .author-box{
	position:relative;
	margin-bottom:30px;
	margin-top:70px;
}

.blog-details .author-box .inner{
	position:relative;
	padding-left:220px;
	padding-top:10px;
	min-height:180px;
}

.blog-details .author-box .inner .image{
	position:absolute;
	left:0px;
	top:0px;
	width:180px;
	height:180px;
}

.blog-details .author-box .inner h3{
	position:relative;
	color:#293039;
	font-size:22px;
	font-weight:300;
	margin-bottom:3px;
	text-transform:capitalize;
}

.blog-details .author-box .inner .author-info{
	position:relative;
	color:#4e5c66;
	font-size:14px;
	margin-bottom:15px;
}

.blog-details .author-box .inner .text{
	position:relative;
	color:#4e5c66;
	font-size:16px;
	font-weight:400;
	line-height:1.8em;
}

/*** 

====================================================================
	62. Comments Area
====================================================================

 ***/

.sidebar-page-container .comments-area{
	position:relative;
	margin-top:60px;
	margin-bottom:60px;
}

.sidebar-page-container .group-title{
	position:relative;
	margin-bottom:40px;
}

.sidebar-page-container .group-title:before{
	position:absolute;
	content:'';
	left:0px;
	top:18px;
	height:1px;
	width:100%;
	background-color:#eaeaed;
}

.sidebar-page-container .group-title h2{
	position:relative;
	font-size:22px;
	color:#293039;
	font-weight:500;
	padding-right:20px;
	display:inline-block;
	background-color:#ffffff;
}

.sidebar-page-container .comments-area .comment-box{
	position:relative;
	padding:0px 0px 0px;
	margin-bottom:40px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.sidebar-page-container .comments-area .comment{
	position:relative;
	padding:0px 0px 0px 100px;
	font-size:14px;
}

.sidebar-page-container .comments-area .reply-comment{
	padding-left:100px;	
}

.sidebar-page-container .comments-area .reply-comment-two{
	padding-left:200px;	
}

.sidebar-page-container .comments-area .comment-box .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	width:75px;
	border-radius:5px;
	margin-bottom:20px;
	overflow:hidden;
}

.sidebar-page-container .comments-area .comment-box .author-thumb img{
	width:100%;
	display:block;
}

.sidebar-page-container .comments-area .comment-info{
	margin-bottom:10px;
}

.sidebar-page-container .comments-area .comment-box strong{
	font-size:18px;
	font-weight:300;
	color:#293039;
	display:block;
	line-height:1.2em;
	line-height:30px;
	text-transform:capitalize;
}

.sidebar-page-container .comments-area .comment-box .text{
	color:#4e5c66;
	font-size:16px;
	line-height:1.9em;
	margin-bottom:15px;
}

.sidebar-page-container .comments-area .comment-info .comment-time{
	font-size:14px;
	color:#4e5c66;
	font-family: 'Raleway', sans-serif;
}

.sidebar-page-container .comments-area .comment-box .theme-btn{
	position:relative;
	right:0px;
	top:0px;
	font-size:14px;
	color:#00d6a9;
	font-weight:700;
	border-radius:4px;
	letter-spacing:1px;
	padding:7px 22px 6px;
	display:inline-block;
	border:1px solid #00d6a9;
	text-transform:uppercase;
}

.sidebar-page-container .comments-area .comment-box .theme-btn:hover{
	color:#ffffff;
	background-color:#00d6a9;
}

/*** 

====================================================================
	63. Comment Form
====================================================================

 ***/

.comment-form{
	position:relative;
	margin-top:0px;
}

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

.comment-form .form-group:last-child{
	margin-bottom:0px;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:26px;
	padding:10px 20px;
	height:60px;
	font-size:14px;
	border-radius:3px;
	border:1px solid #ccd6df;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
	border-color:#00d6a9;
}

.comment-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:26px;
	padding:10px 20px;
	color:#a5a5a5;
	height:190px;
	font-size:14px;
	resize:none;
	border-radius:3px;
	border:1px solid #ccd6df;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.comment-form .theme-btn{
	cursor:pointer;
	margin-top:10px;
	font-size:16px;
	text-transform:uppercase;
	padding:15px 28px 13px 28px;
}

/*** 

====================================================================
	64. Screenshots Section Two
====================================================================

***/

.screenshots-section-two{
	position:relative;
	overflow:hidden;
	padding:60px 0px 80px;
}

.screenshots-section-two .outer-container{
	position:relative;
}

.screenshots-section-two .outer-container .title-column:before{
	position:absolute;
	content:'';
	right:-15px;
	top:0px;
	width:2000px;
	height:100%;
	display:block;
	z-index:10;
	background-color:#ffffff;
}

.screenshots-section-two .outer-container .title-column{
	position: relative;
	z-index:10;
	padding-top:155px;
	background-color:#ffffff;
}

.screenshots-section-two .outer-container .title-column .inner-column{
	position: relative;
	z-index:10;
	background-color:#ffffff;
}

.screenshots-section-two .outer-container .carousel-column{
	position:relative;
}

.screenshots-section-two .outer-container .carousel-column .inner-column{
	position: relative;
    width: 254px;
    height: 532px;
    padding:66px 15px 94px;
    background: url(../images/resource/mobile-2.png) left top no-repeat;
}

.screenshots-section-two .outer-container .carousel-column .inner-column:before{
	position:absolute;
	content:'';
	left:100%;
	top:0px;
	width:10000%;
	height:100%;
	display:block;
	background-color:#ffffff;
}

.screenshots-section-two .outer-container .carousel-column .inner-column .mockup-layer{
    position: absolute;
    width: 254px;
    left: 0px;
    top: 0px;
    z-index: 20;
}

.screenshots-section-two .outer-container .carousel-column .inner-column .mockup-layer:before{
	content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 22px;
    height: 630px;
    background: url(../images/resource/mobile-2.png) left top no-repeat;
    z-index: 20;
}

.screenshots-section-two .carousel-column .inner-column .mockup-layer:after{
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 22px;
    height: 630px;
    background: url(../images/resource/mobile-2.png) right top no-repeat;
    z-index: 20;
}

.screenshots-section-two .carousel-column .owl-carousel .owl-stage-outer{
	overflow:visible;
}

.screenshots-section-two .carousel-column .image img{
	width:100%;
	display:block;
}

.screenshots-section-two .carousel-column .owl-nav{
	display:none;
}

.screenshots-section-two .carousel-column .owl-dots{
	position:relative;
	margin-top:100px;
	text-align:center;
}

.screenshots-section-two .carousel-column .owl-dots .owl-dot{
	position:relative;
	width:12px;
	height:12px;
	margin:0px 7px;
	border-radius:50px;
	display:inline-block;
	background:none;
	border:2px solid #cfcfcf;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.screenshots-section-two .carousel-column .owl-dots .owl-dot.active,
.screenshots-section-two .carousel-column .owl-dots .owl-dot:hover{
	background-color:#3f7dfb;
	border-color:#3f7dfb;
}

/*Styled Pagination*/

.styled-pagination{
	position:relative;
	margin-top:30px;
}

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

.styled-pagination li a{
	position:relative;
	display:inline-block;
	line-height:39px;
	height:40px;
	font-size:14px;
	min-width:40px;
	color:#666666;
	font-weight:600;
	text-align:center;
	background:#ffffff;
	border-radius:2px;
	border:1px solid #cccccc;
	text-transform:capitalize;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
}

.styled-pagination li.prev a{
	color:#666666;
	width:100px;
	border-color:#cccccc;
}

.styled-pagination li.next a{
	border-color:#cccccc;
	color:#666666;
	width:100px;
}

.styled-pagination li a:hover,
.styled-pagination li a.active{
	color:#ffffff;
	border-color:#00d6a9;
	background-color:#00d6a9;
}

/* Blog Title */

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

.blog-title h2{
	position:relative;
	color:#293039;
	font-size:22px;
	font-weight:500;
	line-height:1.3em;
	padding-bottom:18px;
	border-bottom:4px solid #ebebeb;
}

.blog-title h2:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:-3px;
	height:4px;
	width:40px;
	background-color:#00d6a9;
}

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

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

.news-block-two .inner-box .image{
	position:relative;
	background-color: #000000;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.news-block-two .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.news-block-two .inner-box:hover .image img{
	opacity:0.6;
}

.news-block-two .inner-box .image .play-btn{
	position:absolute;
	left:0px;
	bottom:0px;
	width:43px;
	height:43px;
	color:#ffffff;
	line-height:43px;
	text-align:center;
	font-size:16px;
	display:inline-block;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	background-color:rgba(54,54,54,0.50);
}

.news-block-two .inner-box .image .play-btn:hover{
	background-color:#00d6a9;
}

.news-block-two .inner-box .lower-content{
	position:relative;
	padding-top:25px;
}

.news-block-two .inner-box .lower-content h2{
	position:relative;
	color:#293039;
	font-size:30px;
	font-weight:500;
	line-height:1.3em;
	margin-bottom: 10px;
}

.news-block-two .inner-box .lower-content h2 a{
	position:relative;
	color:#293039;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
}

.news-block-two .inner-box .lower-content h2 a:hover{
	color:#00d6a9;
}

.news-block-two .inner-box .lower-content .post-meta{
	position:relative;
}

.news-block-two .inner-box .lower-content .post-meta li{
	position:relative;
	color:#4e5c66;
	font-size:14px;
	margin-right:18px;
	margin-top:10px;
	display:inline-block;
}

.news-block-two .inner-box .lower-content .post-meta li.author{
	position:relative;
	color:#00d6a9;
	font-size:16px;
}

.news-block-two .inner-box .lower-content .post-meta li .icon{
	position:relative;
	color:#4e5c66;
	font-size:14px;
	margin-right:6px;
}

.news-block-two .inner-box .lower-content .text{
	position: relative;
	color:#4e5c66;
	font-size:16px;
	line-height:1.7em;
	margin-top:18px;
}

.news-block-two .inner-box .lower-content .read-more{
	position:relative;
	color:#00d6a9;
	font-size:14px;
	font-weight:700;
	letter-spacing:2px;
	margin-top:22px;
	display:inline-block;
	text-transform:uppercase;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
}

.news-block-two .inner-box .lower-content .read-more:hover{
	color:#293039;
}

.news-block-two.style-two .inner-box .lower-content{
	background-color:#fbfbfb;
	border:2px solid #f6f6f6;
	border-radius:8px;
	padding:30px 35px;
}

.news-block-two.style-two .inner-box .lower-content .post-meta li .icon{
	color:#9794a4;
}

.news-block-two.style-three .inner-box .lower-content h2{
	font-size:22px;
	margin-bottom: 0px;
}

/* Blog Pagination */

.blog-pagination{
	position:relative;
}

.blog-pagination li{
	position:relative;
	margin-right:15px;
	margin-bottom:8px;
	display:inline-block;
}

.blog-pagination li a{
	position:relative;
	color:#a8a8a8;
	font-size:14px;
	font-weight:700;
	line-height:1.3em;
	padding:13px 30px;
	border-radius:4px;
	letter-spacing:1px;
	display:inline-block;
	border:1px solid #999999;
	text-transform:uppercase;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
}

.blog-pagination li a:hover{
	color:#293039;
	border-color:#293039;
}

/* Top Stories */

.top-stories{
	position:relative;
	margin-top:85px;
}