/* Revel - Real Estate HTML Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header Style / Two / Three
5. Mega Menu / Sticky Header / Mobile Menu
6. Banner Section / Two / Three
7. Property Search Section / Two / Three
8. About Section
9. Property Section / Two / Three
10. Property List View
11. Property Detail
12. Styled Pagination
13. Services Section
14. Popular Places Section
15. Features Properties
16. Modern Properties
17. Gallery Section
18. App Section
19. Why Choose Us
20. What We Do
21. Fun Facts Section
22. Agents Section / Two
23. Agent Detail
24. Pricing Section
25. Testimonial Section / Two
26. Call To Action
27. News Section / Two
28. Blog Sidebar
29. Blog Detail
30. Contact Page Section
31. Map Section
32. Clients Section
33. Main Footer / Style Two
34. Sidebar Page Container
35. Comments Area
36. Comment Form
37. Login Section
38. Error Section
**********************************************/

/*** 

====================================================================
			Fonts
====================================================================

 ***/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900|Roboto:300,400,400i,500,700,900&display=swap');
	
/*
font-family: 'Roboto', sans-serif;
font-family: 'Montserrat', sans-serif;
*/

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

/*** 

====================================================================
	Reset
====================================================================

 ***/

*{
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	font-size: 100%;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

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

a{
	text-decoration:none;
	cursor:pointer;
	color:#00c0ff;
}

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

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

textarea{
	overflow:hidden;	
	resize: none;
}

button{
	outline: none !important;
	cursor: pointer;
}

p,.text{
	font-size: 15px;
	line-height: 30px;
	font-weight: 400;
	color: #666666;
	margin: 0;
}

::-webkit-input-placeholder{color: inherit;}
::-moz-input-placeholder{color: inherit;}
::-ms-input-placeholder{color: inherit;}

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

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

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

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

.centered{
	text-align:center !important;
}

/*Btn Style One*/

.btn-style-one{
	position:relative;
	font-size:15px;
	line-height:20px;
	color:#ffffff;
	padding: 15px 40px;
	font-weight: 500;
	text-transform: uppercase;
	background-color: #222222;
	overflow: hidden;
}

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

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

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

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

/*Btn Style Two*/

.btn-style-two{
	position:relative;
	font-size:15px;
	line-height:20px;
	color:#ffffff;
	padding: 15px 40px;
	font-weight: 500;
	text-transform: uppercase;
	background-color: #00c0ff;
	overflow: hidden;
}

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

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

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

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

/*Btn Style Three*/

.btn-style-three{
	position:relative;
	font-size:15px;
	line-height:20px;
	color:#ffffff;
	padding: 15px 40px;
	font-weight: 500;
	text-transform: uppercase;
	background-color: #222222;
	overflow: hidden;
}

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

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

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

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

/*Btn Style Four*/

.btn-style-four{
	position:relative;
	font-size:15px;
	line-height:20px;
	color:#ffffff;
	padding: 13px 40px;
	font-weight: 500;
	text-transform: uppercase;
	background-color: transparent;
	border: 2px solid #ffffff;
	overflow: hidden;
}

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

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

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

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

/*Btn Style Five*/

.btn-style-five{
	position:relative;
	font-size:15px;
	line-height:20px;
	color:#222222;
	padding: 15px 40px;
	font-weight: 500;
	text-transform: uppercase;
	background-color: #ffffff;
	overflow: hidden;
}

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

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

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

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

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

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

.list-style-one li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 18px;
	line-height: 25px;
	color: #00c0ff;
	font-weight: 400;
	font-family: "LineAwesome";
    content: "\f17d";
}

.theme_color{
	color:#25262c;
}

.pull-right{
	float: right;
}

.pull-left{
	float: left;
}

.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;
	visibility: visible;
	transition: visibility 1s ease;
}

img[data-src] {
	visibility: hidden;
}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top{
	position: fixed;
	right: 30px;
	bottom: 30px;
	width:30px;
	height:30px;
	color:#ffffff;
	font-size:14px;
	line-height:30px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#222222;
	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{
	background:#ffffff;
	color: #222222;
}

/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header{
	position: relative;
	width:100%;
	z-index: 9999;
}

.main-header .header-top{
	position: relative;
	background-color: #222222;
}

.main-header .top-left{
	position: relative;
	float: left;
}

.main-header .top-left .contact-list{
	position: relative;
	padding: 10px 0;
}

.main-header .top-left .contact-list li{
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 400;
	margin-right: 20px;
}

.main-header .top-left .contact-list li:last-child{
	margin-right: 0;
}

.main-header .top-left .contact-list li i{
	float: left;
	font-size: 14px;
	line-height: 20px;
	margin-right: 5px;
	color: #00c0ff;
}

.main-header .top-left .contact-list li a{
	color: #e9e8e9;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .top-left .contact-list li a:hover{
	color: #00c0ff;
}

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

.main-header .top-right .social-icon-one{
	position: relative;
	float: left;
	padding: 10px 0;
}

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

.social-icon-one li{
	position: relative;
	float: left;
	margin-left: 25px;
}

.social-icon-one li:first-child{
	margin-left: 0;
}

.social-icon-one li a span{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 19px;
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-one li a:hover span{
	color: #00c0ff;
}

.main-header .login-signup{
	position: relative;
	float: right;
	width: 270px;
	text-align: center;
	margin-left: 30px;
	background-color: #00c0ff;
}

.main-header .login-signup:after{
	position: absolute;
	left: 50%;
	top: 0;
	font-size: 14px;
	line-height: 40px;
	color: #ffffff;
	opacity: .50;
	content: "|";
}

.main-header .login-signup li{
	position: relative;
	float: left;
	width: 50%;
}

.main-header .login-signup li a{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 20px;
	padding: 10px 0;
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .login-signup li a:hover{
	color: #00c0ff;
	background-color: #ffffff;
	opacity: 1;
}

/*=== Header Lower ===*/

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

.main-header .header-lower .main-box{
	position: relative;
}

.main-header .header-lower .logo-box{
	position: relative;
	float: left;
}

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

.main-header .header-lower .logo img{
	position: relative;
	max-width: 100%;
	height: 60px;
}

.main-header .header-lower .nav-outer{
	float: right;
}

.main-header .main-box{
	position:static;
	left:0px;
	top:0px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
	font-family: 'Raleway', sans-serif;
}

.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-menu{
	position:static;
	float:left;
}

.main-menu .navbar-header{
	display: none;
}

.main-menu .navbar-collapse{
	padding:0px;	
}

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

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

.main-menu .navigation > li:hover:before{
	height: 100%;
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	font-size:16px;
	line-height:30px;
	font-weight:600;
	color:#252525;
	padding:40px 0;
	opacity:1;
	text-align:center;
	font-family: "Montserrat", sans-serif;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a{
	color:#00c0ff;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
	font-family: 'LineAwesome';
	content: "\f112";
	position:absolute;
	right:10px;
	top:11px;
	width:10px;
	height:20px;
	display:block;
	color:#292929;
	line-height:20px;
	font-size:13px;
	font-weight: 400;
	text-align:center;
	z-index:5;	
}

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

.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:110%;
	width:200px;
	padding:0px 0px;
	z-index:100;
	background-color: #ffffff;
	-webkit-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	-ms-transition:all 200ms linear;
	-o-transition:all 200ms linear;
	transition:all 200ms linear;
	opacity: 1;
	-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.from-right{
	left:auto;
	right:0px;	
}

.main-menu .navigation > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(255,255,255,0.10);
}

.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:400;
	font-size:15px;
	color:#222222;
	text-align:left;
	text-transform:capitalize;
    border-left: 4px solid transparent;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li:hover > a{
    border-left: 4px solid #00c0ff;
	background:rgba(0,0,0,0.01);
}

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

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:110%;
	top:0%;
	width:200px;
	padding:0px 0px;
	z-index:100;
	background:#ffffff;
	-webkit-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	-ms-transition:all 200ms linear;
	-o-transition:all 200ms linear;
	transition:all 200ms linear;
	-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 > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(255,255,255,0.10);
}

.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;
	color:#222222;
	text-align:left;
	text-transform:capitalize;
    border-left: 4px solid transparent;
	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 > a:hover{
    border-left: 4px solid #00c0ff;
	background:rgba(0,0,0,0.01);
}

.main-menu .navigation > li.dropdown:hover > ul{
	-webkit-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	transition:all 300ms linear;
	visibility:visible;
	opacity:1;
	top:100%;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top: 0;
	left: 100%;
	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 .navbar-collapse > ul li.dropdown .dropdown-btn{
	position:absolute;
	right:10px;
	top:8px;
	width:34px;
	height:30px;
	border:1px solid #ffffff;
	text-align:center;
	font-size:16px;
	line-height:30px;
	color:#ffffff;
	cursor:pointer;
	z-index:5;
	display:none;
}

.main-header .outer-box{
	position: relative;
	float: right;
	margin-left: 45px;
	padding: 30px 0;
}

.main-header .outer-box .btn-box a{
	text-transform: unset;
	display: block;
	padding: 15px 30px;
	font-size: 14px;
	color: #ffffff;
	font-weight: 600;
}

/*search box btn*/

.main-header .search-box-outer{
	position:relative;
	float: right;
	padding: 20px 0;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .search-box-btn{
	position: relative;
    cursor: pointer;
    background: none;
    font-size: 16px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    font-weight: 700;
    color: #ffffff;
	outline: none;
	background-color: transparent;
}

.main-header .show .search-box-btn .fa:before{
	content: "\f00d";
	font-size: 18px;
}

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

.main-header .search-box-outer .dropdown-menu{
	top:50px !important;
	right: 0 !important;
	left: auto !important;
	padding:0px;
	width:280px;	
	border-radius:0px;
	border-top:3px solid #00c0ff;
	-webkit-transform: translateX(0) !important;
	-moz-transform: translateX(0) !important;
	-ms-transform: translateX(0) !important;
	-o-transform: translateX(0) !important;
	transform: translateX(0) !important;
}

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

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

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

.main-header .search-panel input:focus,
.main-header .search-panel select:focus{
	border-color:#00c0ff;	
}

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

/*** 

====================================================================
	Header Style Two
====================================================================

***/

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

.header-style-two .header-top{
	background-color: #ffffff;
}

/*===  Header Upper ===*/

.header-style-two .header-upper{
	position:relative;
	z-index: 99999;
}

.header-style-two .header-upper .logo-outer{
	position:relative;
	float: left;
	z-index:25;
}

.header-style-two .logo-outer .logo{
	position: relative;
	padding: 30px 20px;
	background-color: #00c0ff;
	margin-bottom: -50px;
}

.header-style-two .logo-outer .logo img{
	position:relative;
	display:inline-block;
	height: 100px;
}

.header-style-two .header-upper .upper-right{
	position:relative;
	float: right;
	padding: 25px 0;
}

.header-style-two .info-box{
	position:relative;
	float:left;
	padding-left: 70px;
	margin-right: 65px;
	min-height:50px;
}

.header-style-two .info-box .icon-box{
	position:absolute;
	left:0px;
	top:0px;
	height: 50px;
	width: 50px;
	text-align: center;
	font-size: 24px;
	color: #00c0ff;
	line-height: 48px;
	font-weight: 900;
	border: 1px solid #bbbbbb;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.header-style-two .info-box li{
	position:relative;
	font-size:14px;
	line-height:25px;
	color:#666666;
	font-weight:400;
	text-transform:capitalize;
}

.header-style-two .info-box li a{
	color:#666666;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.header-style-two .info-box li a:hover{
	color: #00c0ff;
}

.header-style-two .info-box.btn-box{
	padding-left: 0;
	margin-right: 0;
}

.header-style-two .info-box.btn-box .theme-btn{
	font-size: 15px;
	text-transform: unset;
}

/*===  Header Upper ===*/

.header-style-two .header-lower{
	position: relative;
	background-color: #222222;
}

.header-style-two .header-lower .main-box{
	padding-left: 200px;
}

.header-style-two .header-lower .nav-outer{
	float: left;
	width: 100%;
}

.header-style-two .main-menu .navigation > li{
	padding: 0;
	margin-right: 50px;
}

.header-style-two .main-menu .navigation > li > a{
	text-transform: uppercase;
	font-weight: 600;
	color: #ffffff;
	padding: 10px 0;
	line-height: 30px;
	font-size: 14px;
}

.header-style-two .main-menu .navigation > li.dropdown > a{
	padding-right: 15px;
}

.header-style-two .main-menu .navigation > li.dropdown > a:before{
	position: absolute;
	right: 0px;
	top:10px;
	font-size:14px;
	line-height:30px;
	font-weight:700;
	color:#ffffff;
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.header-style-two .main-menu .navigation > li:last-child{
	margin-right: 0;
	padding-right: 0;
}

.header-style-two .main-menu .navigation > li.dropdown:hover > a:before,
.header-style-two .main-menu .navigation > li.current.dropdown > a:before,
.header-style-two .main-menu .navigation > li:hover > a,
.header-style-two .main-menu .navigation > li.current > a{
	color: #00c0ff;
}

.header-style-two .outer-box{
	padding: 15px 0;
}

/*** 

====================================================================
	Header Style Three
====================================================================

***/

.header-style-three{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.header-style-three .header-top{
	position: relative;
	background-color: #00c0ff;
	z-index: 99999999;
}

.header-style-three .top-left .contact-list{
	padding: 15px 0;
}

.header-style-three .top-left .contact-list li i{
	color: #222222;
	margin-right: 10px;
}

.header-style-three .top-right .text{
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	padding: 10px 0;
}

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

.header-style-three .lang-box .language{
	position: relative;
	padding: 10px 0;
	margin-left: 20px;
	padding-left: 20px;
}

.header-style-three .lang-box .language:before{
	position: absolute;
	left: -3px;
	top: 10px;
	font-size:14px;
	line-height: 30px;
	color: #ffffff;
	content: "|"; 
}

.header-style-three .language .dropdown-menu{
	top:100% !important;
	right:0px !important;
	left:auto !important;	
	transform: none !important;
	border-radius:0px;
	background-color:rgba(47,46,50,.90);
	border:none;
	padding:0px;
    border-top:3px solid #00c0ff;
    margin-top: 0;
}

.btn.focus, .btn:focus{
	box-shadow: none;
}

.main-header .language > a{
	width:auto !important;
	height:auto !important;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight:400;
	background:none !important;
	text-transform:capitalize;
	display:block;
    border:0px;
}

.main-header .language > a .flag{
	position: relative;
	display: inline-block;
	height: 24px;
	width: 50px;
	background-image: url(../images/icons/flag.jpg);
	vertical-align: middle;
	margin-right: 8px;
}

.main-header .language > a .icon{
	margin-left: 3px;
	font-size: 12px;
}

.main-header .language a:hover{
	background:none;
}

.main-header .language .dropdown-menu > li{
	padding-right:0px !important;
	margin:0px !important;
	padding: 0;
	float:none;
	display:block !important;
}

.main-header .language .dropdown-menu > li:last-child{
	border-bottom:none;	
}

.main-header .language .dropdown-menu > li > a{
	padding:5px 10px !important;
	width:auto;
	height:auto;
	display:block;
	font-size: 14px;
	color:#ffffff;
	text-align:left;
	border-radius:0px;
	border-left: 3px solid transparent; 
	-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 .language .dropdown-menu > li > a:hover{
    border-left: 3px solid #00c0ff;
    background-color: rgba(255,255,255,.15);
}

.header-style-three .main-menu .navigation > li{
	position: relative;
	float: none;
	display: inline-block;
	padding: 11px 0px;
	margin: 0 20px;
}

.header-style-three .navbar-toggler{
	color: #ffffff;
	border-color: #ffffff !important;
}

/*===  Header Upper ===*/

.header-style-three .header-upper{
	position:relative;
	z-index: 99999;
}

.header-style-three .header-upper .logo-outer{
	position: absolute;
	float: left;
	z-index:25;
}

.header-style-three .logo-outer .logo{
	position: relative;
	padding: 60px 0;
}

.header-style-three .logo-outer .logo img{
	position:relative;
	display:inline-block;
	height: 50px;
}

.header-style-three .header-upper .upper-right{
	position:relative;
	margin-left: 400px;
	padding: 25px 0;
}

.header-style-three .header-upper .upper-right:before{
	position: absolute;
	left: -140px;
	top: 0;
	height: 100%;
	width: 1000%;
	content: "";
	-webkit-transform: skew(30deg);
	-moz-transform: skew(30deg);
	-ms-transform: skew(30deg);
	-o-transform: skew(30deg);
	transform: skew(30deg);
	background-color: rgba(0,0,0,0.70);
	border-bottom: 1px solid #3d3e3f;
}

.header-style-three .info-box{
	position:relative;
	float:left;
	padding-left: 60px;
	margin-right: 80px;
	min-height:50px;
}

.header-style-three .info-box .icon-box{
	position:absolute;
	left:0px;
	top:0px;
	text-align: center;
	font-size: 38px;
	color: #00c0ff;
	line-height: 40px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.header-style-three .info-box li{
	position:relative;
	font-size:14px;
	line-height:20px;
	color:#ffffff;
	font-weight:400;
	text-transform:capitalize;
}

.header-style-three .info-box li strong{
	font-size: 18px;
	color: #ffffff;
	font-weight: 500;
	font-family: "Montserrat", sans-serif;
}

.header-style-three .info-box li a{
	color:#ffffff;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.header-style-three .info-box li a:hover{
	color: #00c0ff;
}

.header-style-three .info-box.btn-box{
	padding-left: 0;
	margin-right: 0;
	float: right;
}

.header-style-three .info-box.btn-box a{
	display: block;
	line-height: 20px;
	padding: 10px 30px;
	font-weight: 600;
}

.header-style-three .header-lower .main-box{
	position: relative;
	margin-left: 400px;
}

.header-style-three .header-lower .nav-outer{
	position: relative;
	float: left;
	width: 100%;
}

.header-style-three .header-lower .nav-outer:before{
	position: absolute;
	left: -90px;
	top: 0;
	height: 100%;
	width: 1000%;
	content: "";
	-webkit-transform: skew(30deg);
	-moz-transform: skew(30deg);
	-ms-transform: skew(30deg);
	-o-transform: skew(30deg);
	transform: skew(30deg);
	background-color: rgba(0,0,0,0.70);
}

.header-style-three .main-menu .navigation > li{
	padding: 0;
	margin: 0;
	margin-right: 40px;
}

.header-style-three .main-menu .navigation > li > a{
	font-size: 16px;
	padding: 20px 0;
	color: #ffffff;
}

.header-style-three .outer-box{
	padding: 0;
	margin: 0;
}

.header-style-three .search-box-outer{
	padding-left: 30px;
	margin-left: 0px;
}

.header-style-three .search-box-outer:before{
	position: absolute;
	left: 0;
	top: 20px;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	content: "|";
}

/************************ Mega Menu ***************************/

.main-menu .navigation > li.has-mega-menu{
	position:static;
}

.main-menu .navigation > li > .mega-menu{
	position:absolute;
	left:0px;
	right: 0;
	margin: auto;
	width:100%;
	max-width: 1170px;
	background:#ffffff;
    padding: 35px 30px;
    top: 100%;
	z-index:100;
	opacity: 0;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-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:hover > .mega-menu{
	opacity: 1;
	visibility: visible;
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
}

.main-menu .navigation > li > .mega-menu .mega-menu-bar{
	position: relative;
}

.main-menu .navigation > li .mega-menu-bar ul{
	border: 1px solid rgba(0,0,0,0.05);
}

.main-menu .navigation > li .mega-menu-bar h3{
	position:relative;
	color:#222222;
	font-size:18px;
	font-weight:500;
	padding: 10px 20px;
	background-color: rgba(0,0,0,0.02);
}

.main-menu .navigation > li .mega-menu-bar > ul{
	position:relative;

}

.main-menu .navigation > li .mega-menu-bar .column > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(0,0,0,0.03);
	text-transform:capitalize;
	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 .mega-menu-bar .column{
	position:relative;
	margin-bottom:10px;
}

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

.main-menu .navigation > li .mega-menu-bar .column > ul > li > a{
	position:relative;
	display:block;
	padding:10px 20px;
	line-height:24px;
	font-weight:400;
	font-size:15px;
	color:#222222;
	text-align:left;
	text-transform:capitalize;
    border-left: 4px solid transparent;
	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 .mega-menu-bar .column > ul > li > a:hover{
    border-left: 4px solid #00c0ff;
    background: rgba(0,0,0,0.01);
}

/*** 

====================================================================
		Sticky Header
====================================================================

***/

.sticky-header {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    z-index: 99999;
    background: #ffffff;
    box-shadow: 0 0 20px rgba(0,0,0,.05);
}

.fixed-header .sticky-header{
	opacity:1;
	z-index: 9999;
	visibility:visible;
}

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

.sticky-header .logo img{
	height: 50px;
}


.sticky-header .main-menu .navigation > li{
	margin-left: 40px;
	padding: 0 !important;
	margin-right: 0;
	background-color: transparent;
}

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

.sticky-header .main-menu .navigation > li > a{
	padding:20px 0px !important;
	color: #222222;
	font-size: 16px;
	text-transform: unset;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li.current-menu-item > a{
	opacity:1;
	color: #00c0ff;
	background-color: #ffffff;
}

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

.sticky-header .main-menu .navigation > li.dropdown:hover > ul{
	margin-top: 0;
}

.sticky-header .auto-container{
	max-width: 1200px;
}

/*** 

====================================================================
			Mobile Menu
====================================================================

***/

.nav-outer .mobile-nav-toggler{
	position: relative;
	float: right;
	font-size: 40px;
	line-height: 50px;
	cursor: pointer;
	color:#00c0ff;
	display: none;
}

.mobile-menu{
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	max-width:100%;
	height: 100%;
	margin: 0 auto;
	overflow-y: auto;
	opacity: 0;
	visibility: hidden;
	z-index: 999999999;
} 

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

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

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

.mobile-menu .close-btn{
	position: absolute;
	right: 20px;
	top: 30px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	font-size: 12px;
	color: #ffffff;
	background-color: #00c0ff;
	cursor: pointer;
	z-index: 10;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
}

.mobile-menu-visible .mobile-menu .close-btn{
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

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

.mobile-menu .navigation{
	position: relative;
	display: block;
	padding: 0 20px;
}

.mobile-menu .navigation > li{
	position: relative;
	display: block;
	margin-bottom: 10px;
}

.mobile-menu .navigation > li > a{
	font-weight: 500;
	box-shadow: 0 0 6px rgba(0,0,0,0.05);
}

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

.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a{
	color:#00c0ff;	
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:40px;
	height:40px;
	text-align:center;
	font-size:12px;
	line-height:40px;
	border-left: 1px solid #fafafa;
	color:#222222;
	cursor:pointer;
	z-index:5;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.active .fa:before{
	display: inline-block;
	position: relative;
	content: "\f068";
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

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

.mobile-menu .mega-menu h3{
	display: none;
}

.mobile-menu .column{
	width: 100%;
	flex: none;
	max-width: 100%;
}

/*** 

====================================================================
		Section Title
====================================================================

***/

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

.sec-title .devider{
	position: relative;
	display: inline-block;
	width: 100px;
	padding-top: 18px;
	margin-bottom: 10px;
}

.sec-title .devider:before,
.sec-title .devider:after{
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: 3px solid #92c700;
	width: 35px;
	content: "";
}

.sec-title .devider:after{
	left: auto;
	right: 0;
}

.sec-title .devider span{
	position: absolute;
	left: 37px;
	top: 3px;
	height: 25px;
	width: 25px;
	border-top: 3px solid #92c700;
	border-left: 3px solid #92c700;
	content: "";
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.sec-title .devider span:before{
	position: absolute;
    left: 8px;
    bottom: 9px;
    height: 5px;
    width: 5px;
    background-color: #222222;
    content: "";
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

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

.sec-title .text{
	position: relative;
	font-size: 18px;
	line-height: 29px;
	color: #555555;
	font-weight: 500;
	margin-top: 18px; 
}

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

.sec-title.light .devider span:before{
	background-color: #ffffff;
}

/*** 

====================================================================
	Page Title
====================================================================

***/

.page-title{
	position:relative;
	text-align:center;
	padding:90px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page-title:before{
	position:absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(0,0,0,0.80);
}

.page-title .auto-container{
	position:relative;
}

.page-title h1{
	position:relative;
	color:#ffffff;
	font-size:36px;
	line-height:1em;
	font-weight: 600;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.page-title h1:before{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	height: 2px;
	width: 90px;
	background-color: #ffffff;
	content: "";
}

.page-title h1:after{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	height: 4px;
	width: 35px;
	background-color: #00c0ff;
	content: "";
}

.page-breadcrumb{
	position:relative;
	margin-top:5px;
}

.page-breadcrumb li{
	position:relative;
	display:inline-block;
	margin-right:10px;
	padding-right:15px;
	color:#00c0ff;
	font-size:18px;
	font-weight:400;
	text-transform:capitalize;
}

.page-breadcrumb li:after{
	position:absolute;
	content: "\f105";
	right:-2px;
	top:1px;
	color:#00c0ff;
	font-size:14px;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
}

.page-breadcrumb li:last-child::after{
	display: none;
}

.page-breadcrumb li:last-child{
	padding-right:0px;
	margin-right:0px;
}

.page-breadcrumb li a{
	color:#ffffff;
	font-weight:500;
	text-transform: capitalize;
	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;
}

.page-breadcrumb li a:hover{
	color:#00c0ff;
}

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

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

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

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

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

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

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

====================================================================
			Banner Section
====================================================================

***/

.banner-section{
	position: relative;
}

.banner-carousel{
	position: relative;
}

.banner-section .slide-item{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 190px 0 190px;
}

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

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

.banner-section .content-box .price{
	position: relative;
	display: inline-block;
	font-size: 36px;
	line-height: 1em;
	color: #00c0ff;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 35px;
	opacity: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	-webkit-transform: translateY(70px);
	-moz-transform: translateY(70px);
	-ms-transform: translateY(70px);
	-o-transform: translateY(70px);
	transform: translateY(70px);
}

.banner-section .content-box .price small{
	font-weight: 700;
	font-size: 18px;
}

.banner-section .active .content-box .price{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-ms-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms;
}

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

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

.banner-section .content-box .property-info{
	position: relative;
	margin-bottom: 15px;
	opacity: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	-webkit-transform: translateY(70px);
	-moz-transform: translateY(70px);
	-ms-transform: translateY(70px);
	-o-transform: translateY(70px);
	transform: translateY(70px);
}

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

.banner-section .content-box .property-info li{
	position: relative;
	display: inline-block;
	padding-left: 50px;
	font-size: 14px;
	color: #ffffff;
	font-weight: 400;
	text-align: left;
	margin: 0 25px 25px;
}

.banner-section .content-box .property-info li .icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 36px;
	line-height: 1em;
	color: #00c0ff;
}

.banner-section .content-box .property-info li strong{
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 0px;
}

.banner-section .content-box .property-info li p{
	display: block;
	font-size: 14px;
	color: #ffffff;
	font-weight: 400;
}

.banner-section .content-box .address{
	position: relative;
	display: block;
	font-size: 16px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 30px;
	opacity: 0;
	-webkit-transform: translateY(70px);
	-moz-transform: translateY(70px);
	-ms-transform: translateY(70px);
	-o-transform: translateY(70px);
	transform: translateY(70px);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section .active .content-box .address{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 800ms;
	-moz-transition-delay: 800ms;
	-ms-transition-delay: 800ms;
	-o-transition-delay: 800ms;
	transition-delay: 800ms;
}

.banner-section .content-box .address .icon{
	color: #00c0ff;
	margin-right: 20px;
}

.banner-section .content-box .btn-box{
	position: relative;
	padding: 15px 40px;
	font-size: 15px;
	font-weight: 700;
	line-height: 30px;
	opacity: 0;
	-webkit-transform: translateY(70px);
	-moz-transform: translateY(70px);
	-ms-transform: translateY(70px);
	-o-transform: translateY(70px);
	transform: translateY(70px);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

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

.banner-section .active .content-box .btn-box a{
	font-weight: 600;
}

.banner-section .owl-dots{
	display: none;
}

.banner-section .owl-nav{
	position: absolute;
	top: 50%;
	width: 100%;
	z-index: 9999;
}

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

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

.banner-section .owl-next:hover,
.banner-section .owl-prev:hover{
	background-color: #ffffff;
	color: #00c0ff;
}

/*** 

====================================================================
		Banner Section Two
====================================================================

***/

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

.banner-section-two .slide-item{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: hidden;
	padding: 200px 0 250px;
}

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

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

.banner-section-two .left-content{
	position: relative;
	float: left;
	padding: 50px 0;
	max-width: 470px;
	transform-origin: left;
	opacity: 0;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section-two .active .left-content{
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-ms-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms;
	opacity: 1;
}

.banner-section-two .left-content:before{
	position: absolute;
	top: 0;
	right: -70px;
	height: 100%;
	width: 1000%;
	content: "";
	opacity: .70;
	-webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-ms-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	transform: skew(-20deg);
	background-color: #000000;
}

.banner-section-two .status{
	position: relative;
	display: inline-block;
	background-color: #6f6c68;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0px 20px;
	margin-bottom: 30px;
	top: 70px;
	opacity: 0;
	-webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-ms-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	transform: skew(-20deg);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section-two .active .status{
	top: 0;
	opacity: 1;
	-webkit-transition-delay: 400ms;
	-moz-transition-delay: 400ms;
	-ms-transition-delay: 400ms;
	-o-transition-delay: 400ms;
	transition-delay: 400ms;
}

.banner-section-two .status span{
	position: relative;
	display: block;
	-webkit-transform: skew(20deg);
	-moz-transform: skew(20deg);
	-ms-transform: skew(20deg);
	-o-transform: skew(20deg);
	transform: skew(20deg);
}

.banner-section-two .content-box h2{
	position: relative;
	display: block;
	font-size: 48px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 30px;
	opacity: 0;
	-webkit-transform: translateY(70px);
	-moz-transform: translateY(70px);
	-ms-transform: translateY(70px);
	-o-transform: translateY(70px);
	transform: translateY(70px);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section-two .active h2{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.banner-section-two .content-box .text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 35px;
	opacity: 0;
	-webkit-transform: translateY(70px);
	-moz-transform: translateY(70px);
	-ms-transform: translateY(70px);
	-o-transform: translateY(70px);
	transform: translateY(70px);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section-two .content-box .text p{

	color: #ffffff;
	font-weight: 200;
}

.banner-section-two .active .text{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 800ms;
	-moz-transition-delay: 800ms;
	-ms-transition-delay: 800ms;
	-o-transition-delay: 800ms;
	transition-delay: 800ms;
}

.banner-section-two .content-box .btn-box a{
	position: relative;
	padding: 10px 40px;
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	text-transform: uppercase;
	opacity: 0;
	-webkit-transform: translateY(70px);
	-moz-transform: translateY(70px);
	-ms-transform: translateY(70px);
	-o-transform: translateY(70px);
	transform: translateY(70px);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section-two .active .btn-box a{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 1000ms;
	-moz-transition-delay: 1000ms;
	-ms-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	transition-delay: 1000ms;
}

.banner-section-two .right-content{
	position: relative;
	float: right;
	text-align: right;
	padding-top: 80px;
}

.banner-section-two .content-box .tag{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.banner-section-two .content-box .price{
	position: relative;
	display: block;
	font-size: 48px;
	line-height: 1em;
	color: #00c0ff;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 23px;
}

.banner-section-two .content-box .avail{
	position: relative;
	display: block;
	font-size: 18px;
	color: #00c0ff;
	font-weight: 200;
	margin-bottom: 30px;
}

.banner-section-two .content-box .avail2{

	font-size: 18px;
	color: #ffffff;
	font-weight: 200;
}

.banner-section-two .owl-nav{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
	text-align: right;
	margin-top: 40px;
}

.banner-section-two .owl-next,
.banner-section-two .owl-prev{
	position: relative;
	display: inline-block;
	height: 40px;
	width: 60px;
	margin-left: 15px;
	border: 1px solid #333333;
	background-color: #ffffff;
	color: #333333;
	font-size: 20px;
	line-height: 38px;
	text-align: center;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section-two .owl-next:hover,
.banner-section-two .owl-prev:hover{
	background-color: #00c0ff;
	color: #ffffff;
}

/*** 

====================================================================
		Property Search Section
====================================================================

***/

.property-search-section{
	position: relative;
	background-color: #00c0ff;
}

.tabs-box{
	position: relative;
}

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

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

.property-search-tabs{
	position: relative;
	padding: 80px 0 50px;
}

.property-search-tabs .tab-buttons{
	position: absolute;
	left: 0;
	top: -50px;
	z-index: 999;
}

.property-search-tabs .tab-buttons .tab-btn{
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 30px;
	color: #222222;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 30px;
	min-width: 120px;
	text-align: center;
	background-color: #ffffff;
	cursor: pointer;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.property-search-tabs .tab-buttons .tab-btn.active-btn{
	background-color: #00c0ff;
	color: #ffffff;
}

.property-search-form{
	position: relative;
}

.property-search-form .form-group{
	position:relative;
	display:block;
	width:100%;
	margin-bottom:30px;
}

.property-search-form .form-group .form-group{
	margin-bottom: 0;
}

.property-search-form .ui-selectmenu-button.ui-button,
.property-search-form .form-group input,
.property-search-form .form-group select,
.property-search-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	height:60px;
	font-size:14px;
	color:#666666;
	line-height:30px;
	font-weight: 400;
	padding:15px 30px;
	background:#ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.property-search-form .form-group input:focus,
.property-search-form .form-group select:focus,
.property-search-form .form-group textarea:focus{
	box-shadow: 0 0 20px rgba(0,0,0,0.30);
}

.property-search-form .form-group input[type="submit"],
.property-search-form .form-group button{
	position:relative;
	display: block;
	width: 100%;
	font-size: 13px;
	padding: 14px 15px;
	line-height: 20px;
}

.property-search-form .ui-button .ui-icon{
	background:none;
	position:absolute;
    top: 0px;
    right: 0px;
    text-indent: 0px;
    color: #dddddd;
    height: 50px;
    width: 50px;
}

.property-search-form .ui-button .ui-icon:before{
	font-family: 'Font Awesome 5 Free';
    content: "\f0d7";
	font-weight: 900;
	position:absolute;
	right:0px;
	top: 0;
	height: 60px;
	width: 60px;
	line-height: 60px;
	display:block;
	color:#222222;
	font-size:14px;
	text-align:center;
	z-index:5;
}

.ui-state-active,
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, .ui-button:active, 
.ui-button.ui-state-active:hover{
	background-color: #00c0ff;
	border-color: #00c0ff;
}

.ui-menu .ui-menu-item{
	font-size:14px;
	font-weight: 400;
	color: #333333;
	border: 0;
	height: 40px;
	border-bottom: 1px solid #dddddd;
}

.ui-menu .ui-menu-item:last-child{
	border:none;	
}

.ui-menu .ui-menu-item-wrapper{
	position: relative;
    display: block;
    padding: 8px 25px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.property-search-form .range-slider-one{
	position: relative;
}

.property-search-form .range-slider-one .title{
	float: left;
	color:#222222;
	font-size:14px;
	font-weight:400;
	line-height: 30px;
	margin-right: 5px;
}

.property-search-form .range-slider-one .input{
    position: relative;
    float: left;
	max-height: 80px;
	margin-bottom: 5px;
}

.property-search-form .range-slider-one .input input{
	background:none;
	color:#222222;
	font-size:14px;
	font-weight:400;
	line-height: 30px;
	border: 0;
	padding: 0;
	height: auto;
}

.property-search-form .range-slider-one .ui-widget.ui-widget-content{
	position: relative;
	left: 0;
	top: 0;
	height:2px;
	border:none;
	float: left;
	width: 100%;
	margin-bottom:10px;
	background:#1a1d1f;	
}

.property-search-form .range-slider-one .ui-slider .ui-slider-range{
	top:0px;
	height:2px;
	background:#ffffff;	
}

.property-search-form .range-slider-one .ui-state-default,
.property-search-form .range-slider-one .ui-widget-content .ui-state-default{
	top:-4px;
	width:10px;
	height:10px;
	z-index: 99;
	background:#ffffff;
	border: 0;
	cursor:pointer;	
}

/*** 

====================================================================
	Property Search Section Style Two
====================================================================

***/

.property-search-section.style-two{
	position: relative;
	background-color: #f5f5f5;
	margin-top: -50px;
	z-index: 99;
}

.property-search-form-two{
    position: relative;
    display: block;
	background-color: #ffffff;
    top: -50px;
    box-shadow: 0 0 20px rgba(0,0,0,0.20);
}

.property-search-form-two .form-inner{
	position: relative;
	padding: 40px 40px 25px;
}

.property-search-form-two .title{
	position: relative;
	background-color: #00c0ff;
	padding: 10px 30px;
	text-align: center;
}

.property-search-form-two h5{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
}

.property-search-form-two .form-group label{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #222222;
	font-weight: 500;
	text-transform: capitalize;
}

.property-search-form-two .form-group{
	position:relative;
	display:block;
	width:100%;
	margin-bottom:25px;
}

.property-search-form-two .ui-selectmenu-button.ui-button,
.property-search-form-two .form-group input,
.property-search-form-two .form-group select,
.property-search-form-two .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	height:40px;
	font-size:14px;
	color:#777777;
	line-height:26px;
	font-weight: 400;
	padding:5px 20px;
	background:#ffffff;
	border: 2px solid #ebebeb;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.property-search-form-two .form-group input:focus,
.property-search-form-two .form-group select:focus,
.property-search-form-two .form-group textarea:focus{
	box-shadow: 0 0 20px rgba(0,0,0,0.30);
}

.property-search-form-two .form-group input[type="submit"],
.property-search-form-two .form-group button{
	position:relative;
	display: inline-block;
	font-size: 12px;
	padding: 10px 35px;
	line-height: 20px;
	margin-top: 25px;
	margin-bottom: 0;
}

.property-search-form-two .ui-button .ui-icon{
	background:none;
	position:absolute;
    top: 0px;
    right: 0px;
    text-indent: 0px;
    color: #dddddd;
    height: 40px;
    width: 40px;
}

.property-search-form-two .ui-button .ui-icon:before{
	font-family: 'Font Awesome 5 Free';
    content: "\f107";
	font-weight: 900;
	position:absolute;
	right:0px;
	top: 0;
	height: 40px;
	width: 40px;
	line-height: 40px;
	display:block;
	color:#222222;
	font-size:14px;
	text-align:center;
	z-index:5;
}

.property-search-form-two .ui-button .ui-icon:after{
	position: absolute;
	left: 0;
	top: 3px;
	line-height: 30px;
	font-size: 14px;
	color: #777777;
	font-weight: 400;
	content: "|";
}

/*** 

====================================================================
		Property Search Section Three
====================================================================

***/

.property-search-section-three{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 480px 0 300px;
}

.property-search-section-three .content-box{
	position: relative;
	text-align: center;
}

.property-search-section-three .content-box .title-box{
	position: relative;
	margin-bottom: 65px;
}

.property-search-section-three .content-box h2{
	position: relative;
	display: block;
	font-size: 48px;
	color: #ffffff;
	line-height: 1.2em;
	font-weight: 600;
	margin-bottom: 95px;
}

.property-search-section-three .content-box h2 span{
	color: #00c0ff;
}

.property-search-section-three .content-box h4{
	position: relative;
	font-size: 24px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 20px;
}

.property-search-form.style-three:before{
	position: absolute;
	right: -10px;
	top: -10px;
	left: -10px;
	bottom: -10px;
	content: "";
	background-color: rgba(255,255,255,0.50);
}

.property-search-form.style-three .form-group{
	border-left: 1px solid #dddddd;
	margin-bottom: 0;
}

.property-search-form.style-three .form-group:first-child,
.property-search-form.style-three .form-group:last-child{
	border-left: 0;
}

.property-search-form.style-three .ui-selectmenu-button.ui-button,
.property-search-form.style-three .form-group input,
.property-search-form.style-three .form-group select,
.property-search-form.style-three .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	height:70px;
	font-size:14px;
	color:#666666;
	line-height:20px;
	font-weight: 400;
	padding:25px 30px 25px 30px;
	background:#ffffff;
	border: 0;
	border-radius: 0;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.property-search-form.style-three .form-group input[type="submit"],
.property-search-form.style-three .form-group button{
	position:relative;
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: 600;
	padding: 20px 15px;
	line-height: 30px;
	margin-top: 0;
}

.property-search-form.style-three .ui-button .ui-icon{
	background:none;
	position:absolute;
    top: 0px;
    right: 10px;
    text-indent: 0px;
    color: #dddddd;
    height: 70px;
    width: 40px;
}

.property-search-form.style-three .ui-button .ui-icon:before{
	font-family: 'Font Awesome 5 Free';
    content: "\f107";
	font-weight: 900;
	position:absolute;
	right:0px;
	top: 0;
	height: 70px;
	width: 40px;
	line-height: 70px;
	display:block;
	color:#666666;
	font-size:14px;
	z-index:5;
}

/*** 

====================================================================
		About Section
====================================================================

***/

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

.about-section .sec-title{
	margin-bottom: 20px;
}

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

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

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

.about-section .content-column .text-box p{
	position: relative;
	margin-bottom: 20px;
}

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

.about-section .about-block:last-child{
	margin-bottom: 0;
}

.about-section .about-block .inner{
	position: relative;
	padding-top: 20px;
	padding-left: 90px;
	padding-right: 40px;
}

.about-section .about-block .icon{
	position: absolute;
	left: 0;
	top: 0;
	height: 70px;
	width: 70px;
	font-size: 40px;
	border-radius: 35px 35px 15px 35px;
	text-align: center;
	line-height: 70px;
	color: #ffffff;
	background-color: #00c0ff;
}

.about-section .about-block h4{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
	margin-bottom: 15px;
}

.about-section .about-block .text{
	position: relative;
	display: block;
}

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

.about-section .feature-column .title-block{
	position: relative;
	text-align: center;
}

.about-section .feature-column .title-block h3{
	font-size: 24px;
	line-height: 1.4em;
	color: #ffffff;
	font-weight: 600;
}

.about-section .feature-column .inner-column{
	position: relative;
	margin-right: -30px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.about-section .feature-block{
	position: relative;
}

.about-section .title-block .inner-box,
.about-section .feature-block .inner-box{
	position: relative;
	padding: 75px 15px;
	text-align: center;
	background-color: rgba(0,0,0,0.50);
}

.about-section .title-block .inner-box{
	position: absolute;
	height: 100%;
	padding-top: 120px;
	width: 100%;
}

.about-section .feature-block:nth-child(even) .inner-box{
	background-color: rgba(0,0,0,0.80);
}

.about-section .feature-block .icon{
	position: relative;
	display: block;
	font-size: 64px;
	line-height: 1em;
	color: #00c0ff;
	margin-bottom: 18px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.about-section .feature-block .inner-box:hover .icon{
	animation: 1s flipInY;
}

.about-section .feature-block h4{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 4px;
}

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

.about-section .feature-block h4 a:hover{
	color: #00c0ff;
}

.about-section .feature-block .text{
	position: relative;
	display: block;
	font-weight: 600;
	color: #bbbbbb;
}

/*** 

====================================================================
		Property Section
====================================================================

***/

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

.property-block{
	position: relative;
}

.property-carousel .property-block{
	-webkit-transform: scale(.6);
	-moz-transform: scale(.6);
	-ms-transform: scale(.6);
	-o-transform: scale(.6);
	transform: scale(.6);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.property-carousel .active .property-block{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

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

.property-block .image-box{
	position: relative;
	overflow: hidden;
}

.property-block .image-box .image{
	position: relative;
	background-color: #222222;
	margin: 0;
}

.property-block .image-box .image a{
	position: relative;
	display: block;
	z-index: 9;
}

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

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

.property-block .image-box .for{
	position: absolute;
	left: 0;
	top: 20px;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0 15px;
	z-index: 9;
	background-color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.property-block .inner-box:hover .image-box .for{
	background-color: #00c0ff;
}

.property-block .lower-content{
	position: relative;
	padding: 20px 20px;
	background-color: #222222;
	border: 1px solid #333333;
	border-top: 0;
}

.property-block .property-info{
	position: relative;
	margin-bottom: 8px;
}

.property-block .property-info li{
	position: relative;
	float: left;
	padding-left: 25px;
	font-size: 14px;
	color: #ffffff;
	line-height: 30px;
	cursor: default;
	margin-right: 17px;
	margin-bottom: 10px;
}

.property-block .property-info li:last-child{
	margin-right: 0;
}

.property-block .property-info li .icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
	color: #00c0ff;
	line-height: 30px;
}

.property-block h3{
	position: relative;
	display: block;
	font-size: 22px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 15px;
}

.property-block h3 a{
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition : all 300ms ease;
} 

.property-block h3 a:hover{
	color: #00c0ff;
}

.property-block .text{
	position: relative;
	color: #ffffff;
	padding-bottom: 25px;
	border-bottom: 1px solid #555555;
	margin-bottom: 20px;
}

.property-block .property-price{
	position: relative;
}

.property-block .location{
	position: relative;
	float: left;
	font-size: 15px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	padding-left: 30px;
}

.property-block .location .icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 18px;
	line-height: 30px;
	color: #00c0ff;
	font-size: 18px;
}

.property-block .property-price .price{
	position: relative;
	float: 	right;
	font-size: 20px;
	line-height: 30px;
	color: #00c0ff;
	font-weight: 600;
	font-family: "Montserrat", sans-serif;
}

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

.property-carousel .owl-next,
.property-carousel .owl-prev{
	position: absolute;
	top: 0;
	left: -70px;
	height: 40px;
	width: 40px;
	background-color: #00c0ff;
	color: #ffffff;
	font-size: 16px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.property-carousel .owl-next{
	left: auto;
	right: -70px;
}

.property-carousel .owl-next:hover,
.property-carousel .owl-prev:hover{
	background-color: #ffffff;
	color: #00c0ff;
}

/*** 

====================================================================
		Property Section Two
====================================================================

***/

.property-section-two{
	position: relative;
	padding: 70px 0 90px;
	/*background-color: #f5f5f5;*/
}

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

.property-block-two .inner-box{
	position: relative;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition : all 300ms ease;
}

.property-block-two .inner-box:hover{
	box-shadow: 0 0 30px rgba(0,0,0,0.10);
}

.property-block-two .image-box{
	position: relative;
	overflow: hidden;
}

.property-block-two .image-box .image{
	position: relative;
	background-color: #222222;
	margin: 0;
}

.property-block-two .image-box .image a{
	position: relative;
	display: block;
	z-index: 9;
}

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

.property-block-two .inner-box:hover .image img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	opacity: .80;
}

.property-block-two .image-box .for{
	position: absolute;
	left: 0;
	top: 20px;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0 15px;
	z-index: 9;
	background-color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.property-block-two .inner-box:hover .image-box .for{
	background-color: #00c0ff;
}

.property-block-two .lower-content{
	position: relative;
	background-color: #ffffff;
	padding: 30px 25px 0;
	border: 1px solid #dddddd;
	border-top: 0;
}

.property-block-two .property-info{
	position: relative;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 15px;
}

.property-block-two .property-info li{
	position: relative;
	float: left;
	padding-left: 30px;
	font-size: 12px;
	color: #666666;
	line-height: 30px;
	cursor: default;
	margin-right: 20px;
	margin-bottom: 10px;
}

.property-block-two .property-info li:last-child{
	margin-right: 0;
}

.property-block-two .property-info li .icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 18px;
	color: #00c0ff;
	line-height: 30px;
}

.property-block-two h3{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #000000;
	font-weight: 600;
	margin-bottom: 15px;
}

.property-block-two h3 a{
	color: #000000;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition : all 300ms ease;
} 

.property-block-two h3 a:hover{
	color: #00c0ff;
}

.property-block-two .text{
	position: relative;
	color: #666666;
	padding-bottom: 15px;
}

.property-block-two .property-price{
	position: relative;
	padding: 15px 25px;
	border: 1px solid #dddddd;
	border-top: 0;
	background-color: #ffffff;
}

.property-block-two .location{
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	font-weight: 400;
	padding-left: 30px;
}

.property-block-two .location .icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 18px;
	line-height: 30px;
	color: #00c0ff;
	font-size: 18px;
}

.property-block-two .property-price .price{
	position: relative;
	float: 	right;
	font-size: 20px;
	line-height: 30px;
	color: #00c0ff;
	font-weight: 500;
	font-family: "Montserrat", sans-serif;
}

/*** 

====================================================================
		Property Section Three
====================================================================

***/

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

/*=== Mixitup Gallery ===*/

.property-section-three .filters{
	text-align: right;
	padding-top: 100px;
}

.property-section-three .filters .filter-tabs{
	position:relative;
	display: inline-block;
}

.property-section-three .filters li{
	position:relative;
	display: inline-block;
	line-height:30px;
	font-size:14px;
	color:#222222;
	cursor:pointer;
	font-weight:600;
	margin-left: 30px;
	font-family: "Montserrat", sans-serif;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.property-section-three .filters li:first-child{
	margin-left: 0;
}

.property-section-three .filters .filter.active{
	color: #00c0ff;
}

.property-section-three .property-block-two.mix{
	display: none;
	margin-bottom: 60px;
}

.property-section-three.alternate{
	padding: 120px 0;
}

.property-section-three.alternate .filters{
	padding-top: 0;
	text-align: center;
	margin-bottom: 70px;
}

/*** 

====================================================================
		Property List View
====================================================================

***/

.property-list-view{
	position: relative;
}

.property-list-view .property-block-two .inner-box:after{
	display: table;
	clear: both;
	content: "";
}

.property-list-view .property-block-two .image-box{
	float: left;
	width: 50%;
}

.property-list-view .property-block-two .property-price,
.property-list-view .property-block-two .lower-content{
	float: right;
	width: 50%;
}

.property-list-view .property-block-two .lower-content{
	padding: 40px 30px 0;
	border: 1px solid #dddddd;
}

.property-list-view .property-block-two .property-info{
	margin-bottom: 23px;
}

.property-list-view .styled-pagination{
	margin-top: 120px;
}

/*** 

====================================================================
		Property Detail
====================================================================

***/

.property-info-box{
	position: relative;
	margin-bottom: 50px;
}

.property-info-box .about-property{
	position: relative;
	margin-bottom: 40px;
}

.property-info-box .about-property h2{
	position: relative;
	display: block;
	font-size: 32px;
	line-height: 1.2em;
	color: #000000;
	font-weight: 600;
	margin-bottom: 25px;
}

.property-info-box .property-info{
	position: relative;
}

.property-info-box .property-info li{
	position: relative;
	float: left;
	margin-right: 25px;
	padding-left: 45px;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	cursor: default;
	font-weight: 400;
}

.property-info-box .property-info li i{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 24px;
	color: #00c0ff;
	line-height: 30px;
}

.property-info-box .price-column{
	position: relative;
	text-align: right;
	padding-top: 20px;
	margin-bottom: 50px;
}

.property-info-box .price-column .price{
	position: relative;
	display: block;
	font-size: 36px;
	line-height: 1em;
	color: #00c0ff;
	font-weight: 600;
	font-family: "Montserrat", sans-serif;
	margin-bottom: 20px;
}

.property-info-box .price-column .location{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	color: #666666;
	font-weight: 400;
}

.property-info-box .price-column .location .icon{
	display: inline-block;
	margin-right: 5px;
	font-size: 20px;
	line-height: 1.2em;
	color: #222222;
}

.property-info-box .carousel-outer{
	position: relative;
}

.property-info-box .carousel-outer .image-carousel{
	position: relative;
	margin-bottom: 10px;
}

.property-info-box .carousel-outer .owl-nav,
.property-info-box .carousel-outer .owl-dots{
	display: none;
}

.property-info-box .image-box{
	position: relative;
}

.property-info-box .image-box .image{
	position: relative;
	margin-bottom: 0;
}

.property-info-box .image-box .image img{
	display: block;
	width: 100%;
}

.property-info-box .image-box .status{
	position: absolute;
	right: 0;
	top: 30px;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
	padding: 5px 20px;
	background-color: #00c0ff;
	margin-bottom: 20px;
	font-family: "Montserrat", sans-serif;
}

.property-detail{
	position: relative;
}

.property-detail h3{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
	margin-bottom: 25px;
}

.property-detail p{
	position: relative;
	font-size: 15px;
	line-height: 30px;
	margin-bottom: 30px;
}

.property-detail h4{
	position: relative;
	font-size: 20px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
	margin-bottom: 25px;
}

.property-detail .table-outer{
	position: relative;
	margin-bottom: 40px;
}

.property-detail .info-table{
	position: relative;
	width: 100%;
	border: 1px solid #eeeeee;
}

.property-detail .info-table td{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	font-weight: 400;
	padding: 15px 25px;
}

.property-detail .info-table td strong{
	float: left;
	width: 150px;
	font-weight: 700;
	font-size: 14px;
	color: #333333;
}

.property-detail .info-table td a{
	color: #666666;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.property-detail .info-table td a:hover{
	color: #00c0ff;
}

.property-detail .info-table tr:nth-child(even){
	background-color: #eeeeee;
}

.property-detail .features-list{
	position: relative;
	margin-bottom: 50px;
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
}

.property-detail .features-list li{
	position: relative;
	float: left;
	width: 25%;
	font-size: 14px;
	line-height: 28px;
	color: #666666;
	font-weight: 400;
	padding: 10px 20px;
	padding-left: 45px;
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	cursor: default;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.property-detail .features-list li:before{
	position: absolute;
	left: 20px;
	top: 10px;
	font-size: 14px;
	line-height: 28px;
	color: #00c0ff;
	content: "\f105";
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
}

.property-detail .features-list li:hover{
	box-shadow: 0 0 10px rgba(0,0,0,0.10);
}

.property-detail .floor-plans{
	position: relative;
	margin-bottom: 50px;
	border: 1px solid #eeeeee;
}

.property-detail .floor-info{
	position: relative;
	border-bottom: 1px solid #eeeeee;
}

.property-detail .floor-info li.title{
	position: relative;
	float: left;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
}

.property-detail .floor-info li{
	position: relative;
	float: right;
	margin: 0 30px;
	font-size: 14px;
	line-height: 28px;
	color: #666666;
	font-weight: 400;
	padding: 10px 0;
}

.property-detail .floor-plans .text{
	position: relative;
	padding: 30px 30px;
}

.property-detail .floor-plans .floor-image{
	position: relative;
	text-align: center;
	margin-bottom: 50px;
}

.property-detail .floor-plans .floor-image .image{
	position: relative;
	margin-bottom: 0;
}

.video-box{
	position: relative;
	margin-bottom: 50px;
}

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

.video-box .image:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	opacity: .50;
	content: "";
}

.video-box .image img{
	display: block;
	margin-bottom: 0;
}

.video-box .content-box{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.video-box .content-box .play-now{
	margin-bottom: 40px;
}

.video-box .content-box h4{
	position: relative;
	font-size: 18px;
	line-height: 1.1em;
	color: #ffffff;
	font-weight: 500;
	text-transform: unset;
	margin-bottom: 0;
}

.property-detail .map-outer{
	position: relative;
	margin-bottom: 50px;
}

.property-detail .map-canvas{
	height: 250px;
}

.property-detail .review-area{
	position: relative;
}

.about-agent-widget{
	position: relative;
}

.about-agent-widget .widget-content{
	position: relative;
	padding: 30px;
	border: 1px solid #dddddd;
}

.about-agent-widget .image-box{
	position: relative;
}

.about-agent-widget .image-box .image{
	position: relative;
	margin-bottom: 0;
}

.about-agent-widget .image-box .image img{
	display: block;
	width: 100%;
}

.about-agent-widget .info-box{
	position: relative;
	padding: 30px 0 0;
}

.about-agent-widget .name{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	text-transform: uppercase;
}

.about-agent-widget .designation{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 30px;
	color: #00c0ff;
	font-weight: 400;
	margin-bottom: 25px;
}

.about-agent-widget .contact-info{
	position: relative;
}

.about-agent-widget .contact-info li{
	position: relative;
	font-size: 14px;
	line-height: 26px;
	color: #666666;
	font-weight: 400;
	margin-bottom: 10px;
}

.about-agent-widget .contact-info li strong{
	position: relative;
	display: inline-block;
	font-size: 14px;
	color: #222222;
	font-weight: 400;
	min-width: 75px;
}

.about-agent-widget .contact-info li a{
	color: #666666;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.about-agent-widget .contact-info li a:hover{
	color: #00c0ff;
}

.about-agent-widget .social-links{
	position: relative;
	margin-bottom: 30px;
}

.about-agent-widget .social-links strong{
	position: relative;
	display: inline-block;
	font-size: 14px;
	color: #222222;
	font-weight: 400;
	min-width: 75px;
}

.about-agent-widget .social-links a{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 26px;
	color: #666666;
	font-weight: 400;
	margin-right: 20px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.about-agent-widget .social-links a:hover{

}

.about-agent-widget .btn-box{
	position: relative;
}

.about-agent-widget .btn-box a{
	display: block;
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
}

/*=====================
 	Reviews Area
 ======================*/

.review-area{
	position: relative;
}

.review-area .reviews-container h3{
	font-size: 20px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
	margin-bottom: 30px;
}

.review-area .reviews-container{
	position: relative;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 55px;
}

.review-area .review-box{
	position: relative;
	margin-bottom: 40px;
	padding-left: 130px;
	padding-top: 10px;
}

.review-area .review-box.reply{
	margin-left: 130px;
}

.review-area .review-box .thumb-box{
	position: absolute;
	left: 0;
	top: 0;
	margin-bottom: 20px;
	width: 100px;
	overflow: hidden;
}

.review-area .review-box .thumb-box .thumb{
	position: relative;
	margin-bottom: 0;
}

.review-area .review-box .thumb-box .thumb img{
	width: 100%;
	border-radius: 50px;
	color: #ffffff;
	height: auto;
}

.review-area .review-box .thumb-box .reply-btn{
	position: relative;
	display: block;
	font-size: 13px;
	line-height: 27px;
	text-align: center;
	font-weight: 700;
	color: #ffffff;
	text-transform: uppercase;
	background-color: #00c0ff;
	border-radius: 50px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.review-area .review-box .thumb-box .reply-btn:hover{
	background-color: #222222;
}

.review-area .review-box .content-box{
	position: relative;
}

.review-area .review-box .name{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 28px;
	color: #222222;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 8px;
}

.review-area .review-box .date{
	font-size: 12px;
	line-height: 28px;
	color: #00c0ff;
	font-weight: 400;
	margin-bottom: 5px;
}

.review-area .review-box .date i{
	margin-right: 3px;
	font-size: 14px;
	color: #00c0ff;
	vertical-align: middle;
}

.review-area .review-box .text{
	font-size: 14px;
	line-height: 28px;
	color: #777777;
	font-weight: 400;
}

.review-area .review-box .rating{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	line-height: 1.2em;
	color: #00c0ff;
	font-weight: 400;
}

.review-area .review-box .rating span{
	margin: 0 2px;
}

.review-area .review-box .rating a{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.review-area .review-box .rating a:hover{
	color: #00c0ff;
}

/*** 

====================================================================
		Review Comment Form
====================================================================

***/

.review-comment-form{
	position: relative;
}

.review-comment-form h3{
	font-size: 20px;
}

.review-comment-form .form-group{
	position:relative;
	display: block;
	width: 100%;
	margin-bottom: 25px;
}

.review-comment-form .form-group:last-child{
	margin-bottom: 0;
}

.review-comment-form input[type="text"],
.review-comment-form input[type="email"],
.review-comment-form input[type="password"],
.review-comment-form input[type="url"],
.review-comment-form input[type="tel"],
.review-comment-form select,
.review-comment-form textarea{
	position:relative;
	display:block;
	width:100%;
	font-size:14px;
	color: #222222;
	font-weight:400;
	line-height:20px;
	padding:10px 25px;
	background-color:#ffffff;
	border:1px solid #cccccc;
	height: 44px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.review-comment-form .form-group textarea{
	height: 160px;
	resize: none;
}

.review-comment-form .form-group input:focus,
.review-comment-form .form-group textarea:focus{
	border-color:#00c0ff;
}

.review-comment-form .form-group input[type="submit"],
.review-comment-form button{
	position:relative;
	text-transform: capitalize;
	line-height: 30px;
	padding: 10px 35px;
	font-size: 16px;
}

.review-comment-form .form-group .rating-box{
	position: relative;
	padding: 10px 0;
}

.review-comment-form .form-group .rating-box .text{
	position: relative;
	display: inline-block;
	font-size: 16px;
	color: #222222;
	line-height: 30px;
	font-weight: 400;
}

.review-comment-form .form-group .rating-box .rating{
	position: relative;
	display: inline-block;
	font-size: 12px;
	line-height: 30px;
	color: #222222;
}

.review-comment-form .form-group .rating-box .rating a:hover{
	color: #222222;
}

/*** 

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

***/

.styled-pagination{
	position:relative;
	display: block;
	width: 100%;
}

.styled-pagination ul{
	position:relative;
	width: 100%;
}

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

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

.styled-pagination li a{
	position:relative;
	display: block;
	height:40px;
	width: 40px;
	text-align: center;
	line-height:38px;
	font-weight:400;
	font-size:14px;
	color:#666666;
	border-radius: 50%;
	border:1px solid #cccccc;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.styled-pagination li a:hover,
.styled-pagination li.active a{
	color:#ffffff;	
	border-color:#00c0ff;
	background:#00c0ff;
}

.styled-pagination li.next-post a,
.styled-pagination li.prev-post a{
	width: auto;
	padding: 0 20px;
	background-color: #dddddd;
	color: #222222;
	border-radius: 0 30px 30px 0;
}

.styled-pagination li.prev-post a{
	border-radius: 30px 0 0 30px;
}

.styled-pagination li.next-post a:hover,
.styled-pagination li.prev-post a:hover{
	background-color: #222222;
	color: #ffffff;
}

/*** 

====================================================================
		Services Section
====================================================================

***/

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

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

.services-section .image-column .image-box{
	position: relative;
	text-align: center;
}

.services-section .image-column .image{
	position: relative;
	margin-bottom: 0;
	display: inline-block;
	z-index: 9;
	border: 10px solid #ffffff;
	box-shadow: 0 0 30px rgba(0,0,0,0.10);
}

.services-section .image-column .image-box .image:before{
	position: absolute;
	top: -40px;
	left: -40px;
	height: 100%;
	width: 100%;
	background-image: url(../images/icons/pattern.png);
	content: "";
	z-index: -1;
}

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

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

.services-section .service-column .inner-column{
	position: relative;
	padding-top: 30px;
}

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

.service-block .inner-box{
	position: relative;
	background: #ffffff;
	border: 1px solid #dddddd;
	padding: 30px;
	padding-left: 100px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block .inner-box:hover{
	box-shadow: 0 0 30px rgba(0,0,0,0.05);
}


.service-block .icon{
	position: absolute;
	left: 30px;
	top: 30px;
	font-size: 50px;
	line-height: 1em;
	color: #bbbbbb;
	margin-bottom: 20px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block .inner-box:hover .icon{
	color: #00c0ff;
}

.service-block h4{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.1em;
	color: #1a1d1f;
	font-weight: 600;
	margin-bottom: 10px;
}

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

.service-block .inner-box:hover h4 a{
	color: #00c0ff;
}

.service-block .text{
	position: relative;
	font-size: 15px;
	line-height: 25px;
	color: #666666;
}

/*.right-column .service-block{
	position: relative;
}

.right-column .service-block .inner-box{
	padding-left: 110px;
	padding-right: 0;
	text-align: left;
}

.right-column .service-block .icon{
	right: auto;
	left: 5px;
}*/

/*** 

====================================================================
		Popular Places Section
====================================================================

***/

.popular-places-section{
	position: relative;
	padding: 70px 0 90px;
	background-color: #f5f5f5;
}

.popular-places-section .masonry-items-container{
	position: relative;
	margin: 0 -15px;
}

.popular-places-section .small-item{
	width: 33.3333333%;
}

.popular-places-section .medium-item{
	width: 50%;
}

.popular-places-section .large-item{
	width: 50%;
}

.popular-item{
	position: relative;
	float: left;
	padding: 0 15px;
	margin-bottom: 30px;
}

.popular-item .inner-box{
	position: relative;
}

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

.popular-item .image{
	position: relative;
	overflow: hidden;
	margin-bottom: 0;
}

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

.popular-item .caption-box{
	position: absolute;
	left: 0;
	bottom: 30px;
	padding: 15px 30px;
	background-color: rgba(0,0,0,0.80);
}

.popular-item .caption-box:before{
	position: absolute;
	top: 0;
	left: 100%;
	border-right: 50px solid transparent;
	border-bottom: 90px solid rgba(0,0,0,0.80);
	content: "";
}

.popular-item .caption-box h4{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
}

.popular-item .caption-box span{
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 500;
}

.popular-item .overlay-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #00c0ff;
	opacity: 0;
	transform: scale(.4);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.popular-item .image-box:hover .overlay-box{
	opacity: 1;
	transform: scale(1);
}

.popular-item .overlay-box .info-box{
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	text-align: center;
	transform: translateY(-50%);
}

.popular-item .overlay-box .info-box h4{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 30px;
	color: #222222;
	font-weight: 700;
	text-transform: uppercase;
}

.popular-item .overlay-box .info-box .properties{
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #222222;
	font-weight: 500;
	margin-bottom: 20px;
}

.popular-item .overlay-box .info-box .images-btn{
	position: relative;
	display: inline-block;
	font-size: 14px;
	background-color: #222222;
	color: #ffffff;
	line-height: 42px;
	padding: 4px 35px;
	padding-right: 4px;
	text-align: left;
	border-radius: 30px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.popular-item .overlay-box .info-box .images-btn:hover{
	box-shadow: 0 20px 30px rgba(0,0,0,0.20);
}

.popular-item .overlay-box .info-box .images-btn .fa{
	position: relative;
	display: inline-block;
	margin-bottom: -2px;
	height: 42px;
	width: 42px;
	background-color: #ffffff;
	font-size: 14px;
	line-height: 42px;
	color: #222222;
	border-radius: 50%;
	margin-left: 20px;
	text-align: center;
}

/*** 

====================================================================
		Features Properties
====================================================================

***/

.features-properties{
	position:relative;
	padding:120px 0px;
	background-color:#00c0ff;
}

.features-properties:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-image: url(../images/icons/pattern-4.jpg);
	opacity: .10;
}

.features-properties .sec-title .devider:before, 
.features-properties .sec-title .devider:after,
.features-properties .sec-title .devider span{
	border-color: #ffffff;
}

.property-tab{
	position:relative;	
}

.property-tab .tabs-header{
	position:relative;
}

.property-tab .p-tab-btn{
	position:relative;
	display: block;
	cursor:pointer;
	font-size:16px;
	color:#ffffff;
	font-weight:600;
	line-height: 30px;
	padding:15px 30px;
	background-color: #222222;
	border-bottom: 1px solid #363636;
	text-transform: uppercase;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.property-tab .p-tab-btn:after{
	position:absolute;
	content:'\f0da';
	right:30px;
	top:15px;
	font-size: 16px;
	line-height: 30px;
	color:#ffffff;
	font-family: "Font Awesome 5 Free";
}

.property-tab .p-tab-btn:hover,
.property-tab .p-tab-btn.active-btn{
	color:#222222;
	background-color: #ffffff;
}

.property-tab .p-tab-btn:hover:after,
.property-tab .p-tab-btn.active-btn:after{
	color: #222222;
}

.property-tab .tab-btns-box .btn-box{
	position: relative;
	margin-top: 45px;
}

.property-tab .tab-btns-box .btn-box a{
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	padding: 15px 30px;
	line-height: 30px;
	text-transform: capitalize;
}

.property-tab .p-tabs-content{
	position:relative;
	display:block;	
}

.property-tab .p-tab{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	visibility:hidden;	
}

.property-tab .p-tab .property-block-three{
	-webkit-transform:scaleX(0.50);
	-moz-transform:scaleX(0.50);
	-ms-transform:scaleX(0.50);
	-o-transform:scaleX(0.50);
	transform:scale(0.50);	
	-webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;	
	transition:all 0.7s ease;
	opacity: 0;
}

.property-tab .p-tab.active-tab .property-block-three{
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
	-ms-transform:scaleX(1);
	-o-transform:scaleX(1);
	transform:scaleX(1);
	opacity: 1;
}

.property-tab .p-tab.active-tab{
	position:relative;
	visibility:visible;
	z-index:5;
}

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

.property-block-three .inner-box{
	position:relative;
	display:block;
	border-bottom: 1px solid #ffffff;
}

.property-block-three .image-box{
	position:relative;
	margin-bottom: 0;
}

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

.property-block-three .lower-content{
	position: relative;
	padding: 20px 20px 15px;
	background-color: #ffffff;
}

.property-block-three .lower-content .left-column{
	position: relative;
	float: left;
}

.property-block-three .lower-content h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
	margin-bottom: 20px;
}

.property-block-three .lower-content h3 a{
	color: #222222;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.property-block-three .lower-content h3 a:hover{
	color: #00c0ff;
}

.property-block-three .property-info{
	position: relative;
}

.property-block-three .property-info li{
	position: relative;
	float: left;
	padding-left: 25px;
	font-size: 14px;
	color: #222222;
	line-height: 30px;
	cursor: default;
	margin-right: 20px;
	margin-bottom: 5px;
}

.property-block-three .property-info li:last-child{
	margin-right: 0;
}

.property-block-three .property-info li .icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	color: #00c0ff;
	line-height: 30px;
}

.property-block-three .right-column{
	position: relative;
	float: right;
	text-align: right;
}

.property-block-three .status{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0 20px;
	background-color: #222222;
	margin-bottom: 20px;
}

.property-block-three .status:before{
	position: absolute;
	top: 0;
	right: 100%;
	border-left: 10px solid transparent;
	border-top: 30px solid #222222;
/*	content: "";*/
}

.property-block-three .price{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #222222;
	font-weight: 600;
	font-family: "Montserrat", sans-serif;
}

.property-block-three .price span{
	font-size: 14px;
	color: #222222;
	font-weight: 500;
}

.property-tab .single-item-carousel{
	padding-bottom: 35px;
}

.property-tab .owl-nav{
	display: none;
}

.property-tab .owl-dots{
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 100%;
	text-align: center;
}

.property-tab .owl-dot{
	position: relative;
	display: inline-block;
	height: 4px;
	width: 20px;
	margin: 0 4px;
	background-color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.property-tab .owl-dot.active,
.property-tab .owl-dot:hover{
	background-color: #222222;
}

/*** 

====================================================================
		Modern Properties
====================================================================

***/

.modern-properties{
	position: relative;
	padding: 120px 0;
	background-color: #f5f5f5;
}

.modern-properties .single-item-carousel{
	position: relative;
}

.modern-property .image-column{
	position: relative;
	margin-bottom: 50px;
}

.modern-property .image-column .inner-column{
	position: relative;
	padding-left: 35px;
	padding-bottom: 35px;
}

.modern-property .image-column .inner-column:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 450px;
	width: 520px;
	background-image: url(../images/icons/pattern-6.jpg);
	background-repeat: repeat;
	background-position: left bottom;
	content: "";
}

.modern-property .image-box{
	position: relative;
}

.modern-property .image-box .image{
	position: relative;
	margin-bottom: 0;
}

.modern-property .image-box img{
	display: block;
	width: 100%;
}

.modern-property .image-box .property-options{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0 30px 20px;
}

.modern-property .property-options li{
	position: relative;
	float: right;
	margin-bottom: 10px;
	margin-left: 15px;
}

.modern-property .property-options li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 10px;
	line-height: 25px;
	padding: 0 15px;
	border-radius: 3px;
	color: #ffffff;
	background-color: rgba(0,0,0,0.70);
	content: attr(data-tooltip);
	text-transform: uppercase;
	opacity: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.modern-property .property-options li:hover:before{
	top: -38px;
	opacity: 1;
}

.modern-property .property-options li:after{
	position: absolute;
	left: 8px;
	top: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid rgba(0,0,0,0.70);
	content: "";
	opacity: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.modern-property .property-options li:hover:after{
	top: -13px;
	opacity: 1;
}

.modern-property .property-options li:first-child{
	margin-left: 0;
	float: left;
}

.modern-property .property-options li:nth-child(2){
	float: left;
}

.modern-property .property-options li a{
	position: relative;
	display: block;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: #ffffff;
	border-radius: 5px;
	background-color: #000000;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.modern-property .property-options li:hover a{
	background-color: #00c0ff;
}

.modern-property .content-column{
	position: relative;
}

.modern-property .content-column .inner-column{
	position: relative;
	padding-left: 30px;
}

.modern-property .status{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0 15px;
	background-color: #00c0ff;
	margin-bottom: 20px;
}

.modern-property .status:before{
	position: absolute;
	top: 0;
	left: 100%;
	border-right: 10px solid transparent;
	border-bottom: 30px solid #00c0ff;
	content: "";
}

.modern-property h3{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
	margin-bottom: 15px;
}

.modern-property .location{
	position: relative;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	font-weight: 400;
	padding-left: 35px;
	margin-bottom: 30px;
}

.modern-property .location .icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 24px;
	line-height: 30px;
	color: #00c0ff;
}

.modern-property .text{
	position: relative;
	padding-bottom: 40px;
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 40px;
}

.modern-property .property-info{
	position: relative;
}

.modern-property .property-info li{
	position: relative;
	float: left;
	width: 25%;
	margin-bottom: 30px;
	padding: 0 15px;
	font-size: 14px;
	line-height: 24px;
	color: #000000;
	text-align: center;
}

.modern-property .property-info li .icon{
	display: block;
	font-size: 42px;
	color: #00c0ff;
	line-height: 1em;
	margin-bottom: 0px;
}

.modern-property .property-info li:before{
	position: absolute;
	right: 0;
	top: 15px;
	height: 60px;
	border-right: 1px solid #d7d7d7;
	content: "";
}

.modern-properties .owl-nav{
	display: none;
}

.modern-properties .owl-dots{
	position: relative;
	text-align: center;
	margin-top: 20px;
}

.modern-properties .owl-dot{
	position: relative;
	display: inline-block;
	height: 4px;
	width: 27px;
	margin: 0 7px;
	background-color: #a1a1a1;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.modern-properties .owl-dot:hover,
.modern-properties .owl-dot.active{
	background-color: #00c0ff;
}

/*** 

====================================================================
		Gallery Section
====================================================================

***/

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

.gallery-section .filters{
	position: relative;
	margin-bottom: 60px;
}

.gallery-section .filters .filter-tabs{
	position:relative;
	text-align: center;
}

.gallery-section .filters li{
	position:relative;
	display: inline-block;
	line-height:30px;
	font-size:14px;
	color:#333333;
	cursor:pointer;
	font-weight:600;
	margin-left: 30px;
	text-transform: uppercase;
	font-family: "Montserrat", sans-serif;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.gallery-section .filters li:first-child{
	margin-left: 0;
}

.gallery-section .filters li.active,
.gallery-section .filters li:hover{
	color: #00c0ff;
	text-decoration: underline;
}

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

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

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

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

.gallery-item .overlay-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(34,34,34,0.70);
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	-ms-transform: scale(.5);
	-o-transform: scale(.5);
	transform: scale(.5);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.gallery-item .overlay-box .inner{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.gallery-item .overlay-box .link{
	position: relative;
	display: inline-block;
	height: 40px;
	width: 40px;
	background-color: #00c0ff;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	color: #ffffff;
	margin-bottom: 25px;
}

.gallery-item .image-box:hover .overlay-box{
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.gallery-item .overlay-box h5{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1em;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 20px;
}

.gallery-item .overlay-box .tag{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 400;
}

.gallery-section .styled-pagination{
	margin-top: 70px;
}

/*** 

====================================================================
		App Section
====================================================================

***/

.app-section{
	position: relative;
	background-color: #f5f5f5;
	padding: 90px 0;
	z-index: 9;
}

.app-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-image: url(../images/icons/pattern-8.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
}

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

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

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

.app-section .image{
	position: relative;
	margin-bottom: 0;
}

.app-section .image img{
	display: inline-block;
	max-width: 100%;
	height: auto;
}

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

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

.app-section .content-column .sec-title{
	margin-bottom: 30px;
}

.app-section .content-column .text-box{
	font-size: 14px;
	margin-bottom: 30px;
}

.app-section .link-box{
	position: relative;
}

.app-section .link-box a{
	position: relative;
	display: inline-block;
	margin-right: 25px;
	margin-bottom: 10px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.app-section .link-box a:hover{
	-webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.30);
	-moz-box-shadow: 0 10px 25px rgba(0,0,0,0.30);
	-ms-box-shadow: 0 10px 25px rgba(0,0,0,0.30);
	-o-box-shadow: 0 10px 25px rgba(0,0,0,0.30);
	box-shadow: 0 10px 25px rgba(0,0,0,0.30);
}

/*** 

====================================================================
		Why Choose Us
====================================================================

***/

.why-choose-us{
	position: relative;
	padding: 120px 0;
}

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

.why-choose-us .info-column .inner-column{
	position: relative;
	padding: 35px 0 0;
}	

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

.why-choose-us .info-column .text-box{
	position: relative;
	margin-bottom: 65px;
}

.why-choose-us .info-column .text-box p{
	position: relative;
	margin-bottom: 20px;
}

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

.feature-block-two .inner-box{
	position: relative;
	padding-left: 60px;
}

.feature-block-two .inner-box .icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 38px;
	line-height: 1em;
	color: #999999; 
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block-two .inner-box:hover .icon{
	-webkit-animation: flipInY 1s;
	-moz-animation: flipInY 1s;
	-ms-animation: flipInY 1s;
	-o-animation: flipInY 1s;
	animation: flipInY 1s;
	color: #00c0ff;
}

.feature-block-two h4{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
	margin-bottom: 3px;
}

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

.feature-block-two h4 a:hover{
	color: #00c0ff;
}

.feature-block-two h4 .text{
	position: relative;
	font-size: 15px;
	line-height: 24px;
}

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

.why-choose-us .image-column .image-box{
	position: relative;
	padding-right: 40px;
	padding-left: 60px;
}

.why-choose-us .image-column .image-box:before{
	position: absolute;
	right: 0;
	top: 45px;
	bottom: 45px;
	width: 100px;
	background-image: url(../images/icons/pattern.png);
	content: "";
}

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

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

.why-choose-us .image-box .contact-info{
	position: absolute;
	left: 0;
	bottom: 65px;
	background-color: #00c0ff;
	min-height: 60px;
	padding-left: 60px;
	text-align: center;
}

.why-choose-us .image-box .contact-info:before {
    position: absolute;
    top: 0;
    left: 100%;
    border-right: 20px solid transparent;
    border-bottom: 60px solid #00c0ff;
    content: "";
}

.why-choose-us .image-box .contact-info .icon{
	position: absolute;
	left: 0;
	top: 0;
	height: 60px;
	width: 60px;
	background-color: #222222;
	color: #ffffff;
	text-align: center;
	line-height: 60px;
	font-size: 20px;
}

.why-choose-us .image-box .contact-info .number{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 500;
	padding: 15px 25px;
	letter-spacing: 0.05em;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.why-choose-us .image-box .contact-info .number:hover{
	color: #222222;
}

/*** 

====================================================================
		What We Do
====================================================================

***/

.what-we-do{
	position: relative;
	padding: 120px 0 70px;
}

.what-we-do .sec-title{
	margin-bottom: 30px;
}

.what-we-do .features-column{
	position: relative;
}

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

.feature-block-three .inner-box{
	position: relative;
	padding-left: 65px;
}

.feature-block-three .inner-box .icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 48px;
	line-height: 1em;
	color: #00c0ff; 
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block-three .inner-box:hover .icon{
	animation: flipInY 1s;
}

.feature-block-three h3{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
	margin-bottom: 14px;
}

.feature-block-three h3 a{
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}	

.feature-block-three h3 a:hover{
	color: #00c0ff;
}

.feature-block-three .text{
	position: relative;
	font-size: 15px;
	line-height: 30px;
	color: #666666;
}

.what-we-do .image-column{
	position: relative;
}

.what-we-do .image-column .image-box{
	position: relative;
	margin-top: -130px;
}

.what-we-do .image-column .image{
	position: absolute;
	left: 0;
	top: 0;
	height: 220px;
	width: 220px;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid #ffffff;
	box-shadow: 0 0 20px rgba(0,0,0,0.20);
}

.what-we-do .image-column .image-2{
	left: auto;
	right: 0;
}

.what-we-do .image-column .image-3{
	right: 0;
	margin: 0 auto;
	top: 150px;
}

.what-we-do .image-column .image figcaption{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	background-color: rgba(0,0,0,0.80);
	padding: 70px 20px 0;
}

.what-we-do .image-column .image figcaption .icon{
	display: block;
	font-size: 36px;
	line-height: 1em;
	color: #00c0ff;
	font-weight: 400;
	margin-bottom: 10px;
}

.what-we-do .image-column .image figcaption h4{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
}

/***

====================================================================
			Fun Facts Section
====================================================================

***/

.fun-facts-section{
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-color: #222222;
	padding: 105px 0 55px;
}

.fun-facts-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 250px;
	width: 100%;
	background-image: url(../images/icons/pattern-5.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
}

.fun-facts{
	position: relative;
	font-family: "Montserrat", sans-serif;
}

.fun-facts-section .column{
	position:relative;
	margin-bottom:50px;
}

.fun-facts-section .column .content{
	position:relative;
	padding-left: 75px;
}

.fun-facts-section .column .icon-box{
	position:absolute;
	left:0px;
	top:10px;
	font-size:48px;	
	line-height:1em;
	color: #00c0ff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.fun-facts-section .column .content:hover .icon-box{
	animation: fadeInUp 1s;
}

.fun-facts-section .count-outer{
	position:relative;
	font-size:48px;
	font-weight:600;
	line-height: 1em;
	color:#ffffff;
}

.fun-facts-section .count-outer .count-text{
	font-size:48px;
	font-weight:600;
	line-height: 1em;
	color:#ffffff;
}

.fun-facts-section .column .counter-title{
	position:relative;
	font-size:18px;
	line-height:30px;
	font-weight:500;
	color:#ffffff;
	margin-top: 10px;
}

/*** 

====================================================================
		Agents Section
====================================================================

***/

.agents-section{
	position: relative;
	background-color: #f5f5f5;
	padding: 120px 0 80px;
}

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

.agents-carousel{
	position: relative;
}

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

.agent-block .inner-box{
	position: relative;
	padding-top: 30px;
	padding-left: 30px;
}

.agent-block .inner-box:before{
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	right: 70px;
	border: 1px solid #959595;
	content: "";
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.agent-block .inner-box:hover:before{
	border: 2px solid #00c0ff;
	right: 120px;
}

.agent-block .image-box{
	position: relative;
}

.agent-block .image-box .image{
	position: relative;
	overflow: hidden;
	margin: 0;
}

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

.agent-block .inner-box:hover .image-box .image img{
	transform: scale(1.1);
}

.agent-block .info-box{
	position: relative;
	padding: 35px 0;
}

.agent-block .info-box .name{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 24px;
	color: #333333;
	font-weight: 700;
}

.agent-block .info-box .name a{
	color: #333333;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.agent-block .info-box .designation{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 30px;
	color: #666666;
	font-weight: 400;
}

.agent-block .social-links{
	position: absolute;
	right: 20px;
	top: 25px;
	width: 84px;
	margin: -5px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.agent-block .inner-box:hover .social-links{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.agent-block .social-links li{
	position: relative;
	float: left;
	padding: 0 5px;
	margin-bottom: 10px;
}

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

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

.agents-section .owl-nav{
	position: absolute;
	right: 0;
	top: -100px;
}

.agents-section .owl-next,
.agents-section .owl-prev{
	position: relative;
	display: inline-block;
	height: 40px;
	width: 40px;
	margin-left: 15px;
	border: 1px solid #333333;
	background-color: #ffffff;
	color: #333333;
	font-size: 16px;
	line-height: 38px;
	border-radius: 50%;
	text-align: center;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.agents-section .owl-next:hover,
.agents-section .owl-prev:hover{
	background-color: #00c0ff;
	color: #ffffff;
}

.agents-section.alternate{
	background-color: #ffffff;
	padding: 120px 0 50px;
}

.agents-section.alternate .agent-block{
	position: relative;
	margin-bottom: 70px;
}

/***

==================================================================
		Agents Section Two
==================================================================

***/

.agents-section-two{
	position: relative;
	padding:120px 0px;
	background-color:#00c0ff;
}

.agents-section-two:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-image: url(../images/icons/pattern-4.jpg);
	opacity: .10;
}

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

.agents-section-two .sec-title .devider:before, 
.agents-section-two .sec-title .devider:after,
.agents-section-two .sec-title .devider span{
	border-color: #ffffff;
}

.agents-section-two .sec-title .text{
	color: #ffffff;
}

.agents-section-two .carousel-outer{
	margin: 0 -15px;
}

.agent-block-two{
	position: relative;
	padding: 15px;
}	

.agent-block-two .image-column{
	position: relative;
	z-index: 9;
}

.agent-block-two .image-box{
	position: relative;
	padding: 0 40px 40px;
}

.agent-block-two .image-box .image{
	position: relative;
	margin-bottom: 0;
	opacity: 0;
	-webkit-transform: translateX(50px);
	-moz-transform: translateX(50px);
	-ms-transform: translateX(50px);
	-o-transform: translateX(50px);
	transform: translateX(50px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.agent-block-two .image-box:before{
	position: absolute;
	left: 40px;
	top: 100px;
	right: 0;
	bottom: 0;
	background-image: url(../images/icons/pattern-7.png);
	background-repeat: repeat;
	background-position: right top;
	content: "";
	opacity: .50;
}

.active .agent-block-two .image-box .image{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.agent-block-two .image-box img{
	display: block;
	width: 100%;
}

.agent-block-two .content-column{
	position: relative;
}

.agent-block-two .content-column .inner-column{
	position: relative;
	background-color: #ffffff;
	padding: 45px 45px 40px;
	padding-right: 150px;
	margin-right: -150px;
	margin-top: 60px;
	box-shadow: 0 0 15px rgba(0,0,0,0.10);
	opacity: 0;
	-webkit-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	-o-transform: translateX(-50px);
	transform: translateX(-50px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.active .agent-block-two .content-column .inner-column{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

.agent-block-two .name{
	position: relative;
	font-size: 24px;
	line-height: 1em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 10px;
}

.agent-block-two .designation{
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
	margin-bottom: 20px;
}

.agent-block-two .text{
	position: relative;
	margin-bottom: 30px;
}

.agent-block-two .contact-info{
	position: relative;
	margin-bottom: 35px;
}

.agent-block-two .contact-info li{
	position: relative;
	display: block;
	padding-left: 30px;
	font-size: 14px;
	line-height: 26px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 10px;
}

.agent-block-two .contact-info li .icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	line-height: 24px;
	color: #8bbc08;
}

.agent-block-two .contact-info li a{
	display: inline-block;
	color: #777777;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.agent-block-two .contact-info li a:hover{
	color: #222222;
}

.agent-block-two .follow-us{
	position: relative;
}

.agent-block-two .follow-us li.title{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color: #222222;
	font-weight: 600;
	margin-right: 25px;
}

.agent-block-two .follow-us li{
	position: relative;
	float: left;
	margin-right: 10px;
}

.agent-block-two .follow-us li a span{
	position: relative;
	display: block;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 28px;
	border: 1px solid #dddddd;
	font-size: 14px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.agent-block-two .follow-us li a:hover{
	color: #ffffff;
}

.agent-block-two .btn-box{
	position: relative;
	float: right;
	margin-top: -20px;
}

.agent-block-two .btn-box a{
	font-weight: 700;
}

.agents-section-two .owl-nav{
	position: absolute;
	left: 50%;
	top: 50px;
	margin-left: -145px;
}

.agents-section-two .owl-next,
.agents-section-two .owl-prev{
	position: relative;
	display: inline-block;
	height: 40px;
	width: 90px;
	text-align: center;
	line-height: 38px;
	border: 1px solid #dddddd;
	font-size: 14px;
	color: #00c0ff;
	background-color: #ffffff;
	text-transform: uppercase;
	margin-left: 25px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.agents-section-two .owl-next:hover,
.agents-section-two .owl-prev:hover{
	background-color: #222222;
	color: #ffffff;
	border-color: #222222;
}

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

.agents-section-two.alternate:before{
	display: none;
}

.agents-section-two.alternate .agent-block-two .content-column .inner-column{
	margin-right: -70px;
	padding-right: 70px;
}

.agents-section-two.alternate .sec-title .devider:before, 
.agents-section-two.alternate .sec-title .devider:after,
.agents-section-two.alternate .sec-title .devider span{
	border-color: #222222;
}

/*** 

====================================================================
		Agent Detail
====================================================================

***/

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

.agent-detail .sec-title h2{
	font-size: 30px;
}

.agent-detail .upper-box{
	position: relative;
	margin-bottom: 40px;
}

.agent-detail .upper-box .image-column{
	position: relative;
	margin-bottom: 50px;
}

.agent-detail .upper-box .info-column{
	position: relative;
}

.agent-detail .upper-box .info-column .inner-column{
	position: relative;
}

.agent-detail .upper-box .info-column h3{
	position: relative;
	font-size: 30px;
	line-height: 1em;
	color: #222222;
	font-weight: 600;
	margin-bottom: 25px;
}

.agent-detail .upper-box .info-column p{
	position: relative;
	font-size: 15px;
	line-height: 26px;
	color: #666666;
	margin-bottom: 24px;
}

.agent-detail .agent-info{
	position: relative;
	width: 100%;
}

.agent-detail .agent-info td{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	font-weight: 400;
	padding: 15px 25px;
	border: 1px solid #eeeeee;
}

.agent-detail .agent-info td strong{
	float: left;
	width: 40%;
	font-weight: 700;
	font-size: 14px;
	color: #333333;
}

.agent-detail .agent-info td a{
	color: #666666;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.agent-detail .agent-info td a:hover{
	color: #00c0ff;
}

.agent-detail .agent-info tr:nth-child(even){
	background-color: #eeeeee;
}

.agent-form{
	position: relative;
	padding: 35px 35px 15px;
	box-shadow: 0 0 20px rgba(0,0,0,0.10);
}

.agent-form.style-two{
	border: 1px solid #dddddd;
	box-shadow: none;
}

.agent-form h3{
	font-size: 18px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 25px;
}

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

.agent-form .form-group input[type="text"],
.agent-form .form-group input[type="email"],
.agent-form .form-group input[type="url"],
.agent-form .form-group textarea,
.agent-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #666666;
    line-height: 28px;
    padding: 15px 24px;
    border: 1px solid transparent;
    background-color: #f5f5f5;
    font-weight: 400;
    height: 50px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.agent-form .form-group input:focus,
.agent-form .form-group select:focus,
.agent-form .form-group textarea:focus{
	box-shadow: 0 0 10px rgba(0,0,0,0.10);
}

.agent-form .form-group textarea{
	height: 150px;
	resize: none;
}

.agent-form .form-group button{
	text-transform: uppercase;
	font-weight: 600;
	width: 100%;
}

.instalment-widget{
	position: relative;
}

.instalment-widget h3{
	font-size: 18px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.instalment-widget .instalment-info{
	position: relative;
}

.instalment-widget .instalment-info li{
	position: relative;
	padding: 10px 0;
	padding-left: 75px;
	font-size: 16px;
	line-height: 30px;
	color: #333333;
	font-weight: 400;
	margin-bottom: 20px;
	border: 1px solid #d7d7d7;
}

.instalment-widget .instalment-info li .icon{
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
	color: #222222;
	background-color: #d7d7d7;
}

.instalment-widget .btn-box{
	margin-top: 40px;
}

.instalment-widget .btn-box a{
	position: relative;
	text-transform: uppercase;
	font-weight: 700;
}

/*** 

====================================================================
		Pricing Section
====================================================================

***/

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

.pricing-table{
	position: relative;
	margin-bottom: 30px;
}

.pricing-table .inner-box{
	position: relative;
	text-align: center;
	border: 1px solid #eeeeee;
	padding-bottom: 30px;
	box-shadow: 0 0 30px rgba(0,0,0,0.10);
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.pricing-table .title{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #222222;
	font-weight: 600;
	font-family: "Montserrat", sans-serif;
	padding: 8px 15px;
	text-transform: uppercase;
}

.pricing-table .price-box{
	position: relative;
	padding: 20px 0;
	background-color: #00c0ff;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.pricing-table .inner-box:hover .price-box{
	background-color: #222222;
}

.pricing-table .price{
	position: relative;
	font-size: 54px;
	line-height: 60px;
	color: #ffffff;
	font-weight: 600;
	font-family: "Montserrat", sans-serif;
}

.pricing-table .price span{
	position: relative;
	display: inline-block;
	font-size: 36px;
	line-height: 40px;
	color: #ffffff;
	font-weight: 500;
	font-family: "Montserrat", sans-serif;
	margin-right: 5px;
	top: -20px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
} 

.pricing-table .price sub{
	font-size: 18px;
	font-weight: 600;
	bottom: 0px;
}

.pricing-table .table-content{
	position: relative;
	text-align: center;
}

.pricing-table .table-content ul{
	position: relative;
	padding-top: 15px;
	margin-bottom: 15px;
}

.pricing-table .table-content ul li{
	position: relative;
	font-size: 15px;
	line-height: 30px;
	color: #666666;
	font-weight: 400;
	padding: 10px 15px;
}

.pricing-table .table-content ul li:nth-child(even){
	background-color: #f8f8f8;
}

.pricing-table .table-footer{
	position: relative;
}

.pricing-table .table-footer a{
	position: relative;
	font-weight: 700;
}

/***

==================================================================
		Testimonial Section
==================================================================

***/

.testimonial-section{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 120px 0;
}

.testimonial-section.alternate{
	background-color: #f5f5f5;
}

.testimonial-carousel{
	position: relative;
}

.testimonial-block{
	position: relative;
}

.testimonial-block .inner-box{
	position: relative;
	padding-top: 50px;
	padding-left: 240px;
}

.testimonial-block .image-box{
	position: absolute;
	left: 0;
	top: 0;
}

.testimonial-block .image-box:before{
	position: absolute;
	left: 30px;
	top: 40px;
	height: 100%;
	width: 100%;
	background-color: #ebebeb;
	content: "";
}

.testimonial-block .image-box .image{
	position: relative;
	margin: 0;	
	width: 170px;
	height: auto;
}

.testimonial-block .content-box{
	position: relative;
}

.testimonial-block .content-box .designation{
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #00c0ff;
	font-weight: 700;
	margin-bottom: 15px;
}

.testimonial-block .content-box .name{
	position: relative;
	font-size: 18px;
	line-height: 1em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 30px; 
}

.testimonial-block .content-box .text{
	display: block;
	margin-bottom: 15px;
}

.testimonial-block .content-box .rating{
	position: relative;
}

.testimonial-block .content-box .rating span{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	color: #00c0ff;
}

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

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

.testimonial-section .owl-dots{
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100%;
	text-align: center;
}	

.testimonial-section .owl-dot{
	position: relative;
	display: inline-block;
	height: 6px;
	width: 6px;
	background-color: #00c0ff;
	margin: 0 4px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.testimonial-section .owl-dot.active{
	width: 30px;
	background-color: #333333;
}

.testimonial-section .owl-dot:hover{
	background-color: #333333;
}

/***

==================================================================
		Testimonial Section Two
==================================================================

***/

.testimonial-section-two{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 120px 0;
}

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

.testimonial-block-two .inner-box{
	position: relative;
	padding-right: 70px;
}

.testimonial-block-two .info-box{
	position: relative;
	padding-left: 130px;
	padding-top: 5px;
	margin-bottom: 35px;
}

.testimonial-block-two .thumb{
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
}

.testimonial-block-two .thumb img{
	display: block;
	width: 100%;
}

.testimonial-block-two .name{
	position: relative;
	font-size: 20px;
	line-height: 1.2em;
	color: #00c0ff;
	font-weight: 600;
	margin-bottom: 10px; 
}

.testimonial-block-two .designation{
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #666666;
	font-weight: 400;
	margin-bottom: 10px;
}

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

.testimonial-block-two .rating span{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	color: #fce100;
}

.testimonial-block-two .text{
	display: block;
	padding-bottom: 50px;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 20px;
}

.testimonial-block-two .icon{
	position: absolute;
	right: 150px;
	bottom: -18px;
	height: 40px;
	width: 40px;
	text-align: center;
	font-size: 20px;
	line-height: 40px;
	color: #777777;
	background-color: #e2e2e2;
	border-radius: 50%;
}

.testimonial-section-two .testimonial-carousel{
	position: relative;
	padding-bottom: 100px;
}

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

.testimonial-section-two .owl-dots{
	position: absolute;
	bottom: -20px;
	left: 0;
	width: 100%;
	text-align: center;
}

.testimonial-section-two .owl-dot{
	position: relative;
	display: inline-block;
	height: 10px;
	width: 10px;
	margin: 0 4px;
	background-color: #e2e2e2;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.testimonial-section-two .owl-dot:hover,
.testimonial-section-two .owl-dot.active{
	background-color: #00c0ff;
}

/*** 

====================================================================
		Call To Action
====================================================================

***/

.call-to-action{
	position: relative;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 120px 0 110px;
}

.call-to-action:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	content: "";
	opacity: 0.85;
}

.call-to-action .sec-title{
	margin-bottom: 40px;
}

.call-to-action .sec-title .text{
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 30px;
}

.call-to-action .sec-title h2{
	font-size: 48px;
	line-height: 1em;
}

.call-to-action .btn-box{
	text-align: center;
}

.call-to-action .btn-box a{
	margin: 0 10px 10px;
	text-transform: capitalize;
}

/*** 

====================================================================
		News Section
====================================================================

***/

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

.news-section .inner-container{
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
}

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

.news-block .inner-box{
	position: relative;
	padding-bottom: 45px;
	padding-right: 70px;
}

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

.news-block .image-box .image{
	position: relative;
	margin-bottom: 0;
	overflow: hidden;
	background-color: #222222;
}

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

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

.news-block .lower-content{
	position: absolute;
	bottom: 0;
	right: 0px;
	left: 60px;
	margin-left: 60px;
	margin-top: -45px;
	padding: 30px 30px;
	background-color: #ffffff;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	z-index: 9;
}

.news-block .inner-box:hover .lower-content{
	background-color: #333333;
}

.news-block .lower-content .post-date{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 1.2em;
	color: #666666;
	font-weight: 500;
	margin-bottom: 10px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .inner-box:hover .post-date{
	color: #ffffff;
}

.news-block .lower-content h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 36px;
	color: #333333;
	font-weight: 700;
}

.news-block .lower-content h3 a{
	color: #333333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

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

.news-section .owl-nav{
	position: absolute;
	left: 0;
	top: 175px;
	width: 100%;
}

.news-section .owl-next,
.news-section .owl-prev{
	position: absolute;
	left: -70px;
	top: 0;
	height: 40px;
	width: 40px;
	border: 1px solid #333333;
	background-color: #ffffff;
	color: #333333;
	font-size: 16px;
	line-height: 38px;
	border-radius: 50%;
	text-align: center;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-section .owl-next{
	left: auto;
	right: -70px;
}

.news-section .owl-next:hover,
.news-section .owl-prev:hover{
	background-color: #00c0ff;
	color: #ffffff;
}

/*** 

====================================================================
		News Section Two
====================================================================

***/

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

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

.news-block-two .inner-box{
	position: relative;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .inner-box:hover{
	box-shadow: 0 0 20px rgba(0,0,0,0.10);
}

.news-block-two .image-box{
	position: relative;
}

.news-block-two .image-box .overlay-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.50);
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	-ms-transform: scale(.5);
	-o-transform: scale(.5);
	transform: scale(.5);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .image-box .overlay-box a{
	position: absolute;
	left: 50%;
	top: 50%;
	height: 40px;
	width: 40px;
	background-color: #00c0ff;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	margin-top: -20px;
	margin-left: -20px;
	color: #ffffff;
}

.news-block-two .inner-box:hover .image-box .overlay-box{
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.news-block-two .image-box .image{
	position: relative;
	margin-bottom: 0;
	overflow: hidden;
}

.news-block-two .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .inner-box:hover .image-box .image a img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.news-block-two .lower-content{
	position: relative;
	padding: 20px 20px 10px;
	border: 1px solid #dddddd;
	z-index: 9;
}

.news-block-two .lower-content h3{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.3em;
	color: #333333;
	font-weight: 600;
	margin-bottom: 10px;
}

.news-block-two .lower-content h3 a{
	color: #333333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .lower-content h3 a:hover{
	color: #00c0ff;
}

.news-block-two .lower-content .post-info{
	position: relative;
}

.news-block-two .lower-content .post-info:after{
	content: "";
	display: table;
	clear: both;
}

.news-block-two .lower-content .post-info li{
	position: relative;
	float: left;
	padding-right: 15px;
	margin-right: 15px;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	font-weight: 400;
	margin-bottom: 10px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .lower-content .post-info li:before{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	font-weight: 400;
	content: "|";
}

.news-block-two .lower-content .post-info li:last-child:before{
	display: none;
}

/*** 

====================================================================
		Blog Sidebar
====================================================================

***/

.blog-sidebar{
	position: relative;
}

.blog-sidebar .news-block-two{
	margin-bottom: 50px;
}

.blog-sidebar .news-block-two .lower-content{
	padding-top: 35px;
	padding-bottom: 30px;
	border-bottom: 1px solid #bbbbbb;
}

.blog-sidebar .news-block-two .lower-content h3{
	font-size: 24px;
}

.news-block-two .lower-content .post-info{
	margin-bottom: 5px;
}

/*** 

====================================================================
		Blog Detail
====================================================================

***/

.blog-detail{
	position: relative;
}

.blog-detail .news-block-two{
	margin-bottom: 20px;
}

.blog-detail .news-block-two .inner-box:hover{
	box-shadow: none;
}

.blog-detail .news-block-two .lower-content{
	padding: 0;
	padding-top: 35px;
	padding-bottom: 0px;
	border: 0;
}

.blog-detail .news-block-two .lower-content h3{
	font-size: 24px;
}

.blog-detail .news-block-two .lower-content .post-info{
	margin-bottom: 5px;
}

.blog-detail h4{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 600;
	margin-bottom: 20px;
}

.blog-detail p{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 28px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 28px;
}

.blog-detail blockquote{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 28px;
	color: #1a1d1f;
	font-weight: 700;
	margin-left: 40px;
	padding-left: 25px;
	border-left: 2px solid #00c0ff;
	margin-bottom: 45px;
}

.blog-detail .lower-content h4{
	font-size: 20px;
}

.blog-detail .two-column{
	position: relative;
	margin-bottom: 10px;
}

.blog-detail .two-column .text-column,
.blog-detail .two-column .image-column{
	margin-bottom: 28px;
}

.blog-detail .two-column .image-column .image{
	margin-bottom: 0;
}

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

.blog-detail .two-column .text-column{
	padding-top: 20px;
}

/*post share options*/

.blog-detail .post-share-options{
	position:relative;
	padding: 25px 0;
	border-top: 1px solid #dddddd;
	margin-bottom: 25px;
}

.blog-detail .post-share-options .icon{
	position:relative;
	float: left;
	margin-right: 30px;
	font-size: 20px;
	color:#1a1d1f;
	line-height: 30px;
}

.blog-detail .post-share-options .tags{
	position: relative;
	float: left;
}

.blog-detail .post-share-options .tags li{
	position: relative;
	display: inline-block;
}

.blog-detail .post-share-options .tags a{
	position:relative;
	font-size:16px;
	font-weight:400;
	line-height: 30px;
	color:#666666;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.blog-detail .post-share-options .tags a:hover{
	color: #00c0ff;
}

.blog-detail .post-share-options .social-icon{
	position: relative;
	float: left;
}

.blog-detail .post-share-options .social-icon li{
	position: relative;
	float: left;
	margin-left: 15px;
}

.blog-detail .post-share-options .social-icon li:first-child{
	margin-left: 0;
}

.blog-detail .post-share-options .social-icon li a i{
	position:relative;
	display: block;
	font-size:14px;
	line-height: 28px;
	width: 30px;
	height: 30px;
	border: 1px solid #eeeeee;
	text-align: center;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.blog-detail .post-share-options .social-icon li a:hover i{
	color: #ffffff;
}

/* post-controls */

.blog-post-controls{
	position: relative;
	text-align: left;
	padding: 40px 40px;
	border: 1px solid #dddddd;
	margin-bottom: 50px;
}

.blog-post-controls .inner{
	position: relative;
}

.blog-post-controls:before{
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	border-right: 1px solid #dddddd;
	content: "";
}

.blog-post-controls .thumb{
	position: absolute;
	left: 0;
	top: 0;
}

.blog-post-controls .title{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
	font-weight: 400;
}

.blog-post-controls h5{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	color: #222222;
	font-weight: 700;
	max-width: 230px;
}

.blog-post-controls h5 a{
	display: inline-block;
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.blog-post-controls h5 a:hover{
	color: #00c0ff;
}

.blog-post-controls .prev-post{
	position: relative;
	float: left;
	width: 50%;
	padding-left: 100px;
	padding-right: 70px;
}

.blog-post-controls .next-post{
	position: relative;
	float: right;
	width: 50%;
	text-align: right;
	padding-right: 100px;
	padding-left: 70px;
}

.blog-post-controls .next-post .thumb{
	left: auto;
	right: 0;
}

/*** 

====================================================================
		Contact Page Section
====================================================================

***/

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

.contact-page-section .outer-box{
	position: relative;
	padding: 70px 0 50px;
}

.contact-page-section .outer-box:before{
	position: absolute;
	left: 100px;
	top: 0;
	right: 0;
	height: 100%;
	box-shadow: 0 0 21px rgba(0,0,0,0.18);
	content: "";
}

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

.contact-page-section .contact-column .inner-column{
	position: relative;
	background-color: #00c0ff;
	padding: 45px 35px;
	margin-right: -30px;
}

.contact-page-section .contact-column h2{
	position: relative;
	display: block;
	font-size: 36px;
	line-height: 1em;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 50px;
}

.contact-page-section .contact-info {
	position: relative;
}

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

.contact-page-section .contact-info li p{
	font-size: 18px;
	line-height: 36px;
	color: #ffffff;
	font-weight: 400;
}

.contact-page-section .contact-info li p a{
	color: #ffffff;
}

.contact-page-section .contact-info li p a:hover{
	color: #ffffff;
	text-decoration: underline;
}

.contact-page-section .contact-info li .icon{
	position: absolute;
	left: 0;
	top: 0px;
	font-size: 18px;
	line-height: 36px;
	color: #222222;
}

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

.contact-page-section .contact-info li a:hover{
	color: #222222;
}

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

.contact-page-section .form-column .inner-column{
	position: relative;
	padding: 0 100px;
}

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

.contact-page-section .form-column .title h2{
	position: relative;
	display: block;
	font-size: 36px;
	line-height: 1em;
	color: #00c0ff;
	font-weight: 700;
	margin-bottom: 10px;
}	

.contact-page-section .form-column .title .text{
	font-size: 20px;
	line-height: 1.2em;
	color: #777777;
	font-weight: 600;
}

.contact-form{
	position: relative;
}

.contact-form .row{
	margin: 0 -10px;
}

.contact-form .form-group{
	position:relative;
	padding: 0 10px;
	margin-bottom:20px;	
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group input[type="url"],
.contact-form .form-group textarea,
.contact-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #777777;
    line-height: 28px;
    padding: 15px 20px;
    border: 1px solid transparent;
    background-color: #f5f5f5;
    font-weight: 400;
    height: 50px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
	box-shadow: 0 0 10px rgba(0,0,0,0.10);
}

.contact-form .form-group textarea{
	height: 185px;
	resize: none;
}

.contact-form .form-group button{
	margin-top: 10px;
	text-transform: capitalize;
	font-size: 18px;
}

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

.contact-form label.error{
	display:block;
	font-weight:500;
	font-size:13px;
	text-transform:capitalize;
	line-height:24px;
	color:#ff0000;
	padding-top:7px;
}

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

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

.social-icon-four li:first-child{
	margin-left: 0;
}

.social-icon-four li.title{
	position: relative;
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 500;
	font-family: "Montserrat", sans-serif;
	margin-right: 20px;
}

.social-icon-four li a{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

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

/*** 

====================================================================
		Map Section
====================================================================

***/

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

.map-area{
	position:relative;
}

.map-data{
	text-align:center;
	font-size:14px;
	font-weight:400;
	line-height:1.8em;
}

.map-data a{
	display: block;
}

.map-data h6{
	font-size:16px;
	font-weight:700;
	text-align:center;
	margin-bottom:5px;
	color:#121212;
}

.map-canvas{
	height:590px;
	background-color: #a3ccff;
}

/*** 

====================================================================
		Clients Section
====================================================================

***/

.clients-section{
	position: relative;
	padding: 80px 0;
	background-color: #fafafa;
}

.clients-section .sponsors-outer{
	position:relative;
}

.clients-section .sponsors-outer .owl-dots,
.clients-section .sponsors-outer .owl-nav{
	display:none;
}

.clients-section .sponsors-outer .image-box{
	position:relative;
	text-align:center;
	margin-bottom: 0;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.clients-section .sponsors-outer .image-box img{
	max-width:100%;
	width:auto;
	display:inline-block;
	opacity: 1;
    -webkit-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease;    
}

.clients-section .sponsors-outer .image-box:hover img{
	opacity: .70;
}

/***

==================================================================
				Main Footer
==================================================================

***/

.main-footer{
	position:relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 120px 0 0;
}

.main-footer:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background:#000000;
	opacity: 0.70;
	content: "";
}

.main-footer .upper-box{
	position: relative;
}

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

.main-footer .upper-column h2{
	position: relative;
	font-size: 24px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
}

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

.main-footer .footer-logo .image{
	position: relative;
	margin-bottom: 0;
}

.main-footer .footer-logo .image a{
	position: relative;
	display: block;
}

.main-footer .footer-logo .image img{
	display: inline-block;
	max-width: 100%;
	height: 60px;
}

/*=== Subscribe Form ===*/

.main-footer .subscribe-form{
	position: relative;
}

.main-footer .subscribe-form .form-group{
	position:relative;
	margin:0px;	
	padding-right: 160px;
}

.main-footer .subscribe-form .form-group input[type="text"],
.main-footer .subscribe-form .form-group input[type="email"]{
	position:relative;
	display:block;
	font-size:14px;
	color:#666666;
	line-height:20px;
	padding:15px 20px;
	height:50px;
	width:100%;
	border: 1px solid transparent;
	background-color: #ffffff;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

::-webkit-input-placeholder{color:#666666;}
::-moz-input-placeholder{color:#666666;}
::-ms-input-placeholder{color:#666666;}

.main-footer .subscribe-form .form-group input:focus{
	border-color:#00c0ff;	
}

.main-footer .subscribe-form .form-group input[type="submit"],
.main-footer .subscribe-form .form-group button{
	position:absolute;
	right: 0;
	top: 0;
	min-width: 160px;
}

/*=== Social Icon Two ===*/

.main-footer .upper-box .social-links{
	position: relative;
}

.social-icon-two{
	position: relative;
	display: block;
	text-align: right;
	padding-top: 10px;
}

.social-icon-two li{
	position: relative;
	display: inline-block;
	margin-left: 25px;
}

.social-icon-two li:first-child{
	margin-left: 0;
}

.social-icon-two li a span{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 30px;
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-two li a:hover span{
	color: #00c0ff;
}

/*=== Widgets Section ===*/

.main-footer .widgets-section{
	position:relative;
	padding: 95px 0 40px;
	border-top: 1px solid #666666;
}

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

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

.main-footer .footer-column .widget-title{
	position: relative;
	font-size:18px;
	font-weight:600;
	color:#ffffff;
	line-height: 24px;
	margin-bottom:36px;
	padding-bottom: 20px;
}

.main-footer .footer-column .widget-title:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	width: 60px;
	background-color: #ffffff;
	content: "";
}

.main-footer .footer-column .widget-title:after{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 20px;
	background-color: #00c0ff;
	content: "";
}

/*=== Contact Widget ===*/

.contact-widget{
	position: relative;
}

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

.main-footer .contact-list li{
	position: relative;
	font-size: 14px;
	line-height: 36px;
	color: #ffffff;
	font-weight: 400;
	padding-left: 30px;
}

.main-footer .contact-list li:first-child{
	margin-bottom: 30px;
}

.main-footer .contact-list li span{ 
	position: absolute;
	left: 0;
	top: 0;
	font-size:14px;
	line-height: 36px;
	color: #00c0ff;
}

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

.main-footer .contact-list li a:hover{
	color: #00c0ff;
}

/*=== Cities Widget ===*/

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

.main-footer .cities-widget .list li{
	float: left;
	width: 50%;
}

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

.main-footer .list li{
	position:relative;
	display: block;
	padding-left: 20px;
	font-size: 14px;
	line-height: 36px;
	color: #ffffff;
	font-weight: 400;
	padding-right: 10px;
}

.main-footer .list li:before{
	position: absolute;
	left: -3px;
	top: 0;
	font-size: 16px;
	line-height: 36px;
	color: #00c0ff;
	font-weight: 900;
	content: "\f105";
	font-family: "Font Awesome 5 Free";
}

.main-footer .list li a{
	display: block;
	color: #ffffff;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.main-footer .list li a:hover{
	color:#00c0ff;
}

/*=== Popular Posts ===*/

.popular-posts{
	position: relative;
}

.popular-posts .post{
	position: relative;
	min-height: 70px;
	padding-left: 130px;
	margin-bottom: 15px;
}

.popular-posts .post:last-child{
	margin-bottom: 0;
}

.popular-posts .post .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 70px;
	width: 100px;
	overflow: hidden;
}

.popular-posts .post .thumb a{
	display: block;
}

.popular-posts .post .thumb img{
	display: block;
	width: 100%;
	height: auto;
}

.popular-posts .post h4{
	position: relative;
	font-size: 16px;
	color: #ffffff;
	line-height: 24px;
	font-weight: 600;
	margin-bottom: 3px;
}

.popular-posts .post h4 a{
	color:#ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.popular-posts .post h4 a:hover{
	color: #00c0ff;
}

.popular-posts .post .date{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #bbbbbb;
}

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

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

.main-footer .footer-bottom .inner-container{
	position: relative;
	border-top: 1px solid #666666;
}

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

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

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

.main-footer .footer-bottom .copyright-text a:hover{
	text-decoration: underline;
}

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

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

.main-footer .footer-bottom .footer-nav ul li{
	position: relative;
	float: left;
	margin-left: 40px;
}

.main-footer .footer-bottom .footer-nav ul li:first-child{
	margin-left: 0px;
}

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

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

.main-footer.style-two{
	padding-top: 0;
}

.main-footer.style-two .widgets-section{
	border-top: 0;
}

.main-footer.style-two .subscribe-form .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #dddddd;
	font-weight: 400;
	margin-bottom: 20px;
}

.main-footer.style-two .subscribe-form .form-group{
	padding-right: 0;
}

.main-footer.style-two .subscribe-form .form-group input[type="text"],
.main-footer.style-two .subscribe-form .form-group input[type="email"]{
	display: block;
	width: 100%;
	height: 45px;
	line-height: 25px;
	padding: 10px 20px;
}

.main-footer.style-two .subscribe-form .form-group input[type="submit"], 
.main-footer.style-two .subscribe-form .form-group button{
	position: relative;
	display: inline-block;
	left: 0;
	top: 0;
	margin-top: 12px;
	padding: 10px 35px;
	line-height: 23px;
	min-width: auto;
}

.main-footer.style-two .footer-bottom{
	background-color: #252525 !important;
}

.main-footer.style-two .footer-bottom .inner-container{
	border-top: 0;
}

.main-footer.style-two .footer-bottom .copyright-text{
	padding: 15px 0;
}

.main-footer.style-two .footer-bottom .footer-nav ul{
	padding: 17px 0;
}

/***

==================================================================
			Sidebar Page Container
==================================================================

***/

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

.sidebar-page-container .sidebar-side,
.sidebar-page-container .content-side{
	position: relative;
	margin-bottom: 50px;
}

.sidebar-page-container.left-sidebar .content-side{
	order: 12;
}

.sidebar-widget{
    position: relative;
    background-color: #ffffff;
    margin-bottom:60px;
}

.sidebar-side .sidebar-widget:last-child{
	margin-bottom: 0;
}

.sidebar-page-container .sidebar-title{
	position: relative;
	background-color: #f5f5f5;
	padding: 15px 35px; 
}

.sidebar-page-container .sidebar-title h2{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #222222;
	font-weight: 600;
}

.sidebar .property-search-form .form-group{
	margin-bottom: 20px;
}

/* Sort By */
.sidebar .sort-by{
	position: relative;
	box-shadow: none;
}

.sidebar .sort-by .ui-selectmenu-button.ui-button{
	position:relative;
	display:block;
	width:100%;
	height:60px;
	font-size:16px;
	color:#777777;
	line-height:30px;
	font-weight: 400;
	padding:14px 25px;
	background:#ffffff;
	border:1px solid #cccccc;
	-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 .sort-by .ui-button .ui-icon{
	background:none;
	position:absolute;
    top: 0px;
    right: 0px;
    text-indent: 0px;
    color: #dddddd;
    height: 60px;
    width: 60px;
}

.sidebar .sort-by .ui-button .ui-icon:before{
	font-family: 'Font Awesome 5 Free';
    content: "\f107";
	font-weight: 900;
	position:absolute;
	right:0px;
	top: 0;
	height: 60px;
	width: 60px;
	line-height: 58px;
	display:block;
	color:#1a1d1f;
	font-size:12px;
	text-align:center;
	z-index:5;
}

/*=== Social Links Widget ===*/
.sidebar .social-links-widget{
	position: relative;
}

.sidebar .social-links-widget .widget-content{
	padding: 30px 30px 20px;
	border: 1px solid #dddddd;
}

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

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

.social-icon-three li:last-child{
	margin-left: 0;
}

.social-icon-three li a span{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 48px;
	height: 50px;
	width: 50px;
	text-align: center;
	border: 1px solid #eeeeee;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

/*=== Search Properties ===*/
.sidebar .search-properties{
	position: relative;
}

.sidebar .property-search-form.style-four form{
	padding: 30px 30px 10px;
	border: 1px solid #dddddd;
}

.property-search-form.style-four .ui-selectmenu-button.ui-button, 
.property-search-form.style-four .form-group input, 
.property-search-form.style-four .form-group select, 
.property-search-form.style-four .form-group textarea{
	border: 1px solid #dddddd;	
	font-size: 14px;
	line-height: 28px;
	color: #666666;
	font-weight: 500;
	padding: 10px 30px;
	height: 50px;
}

.property-search-form.style-four .ui-button .ui-icon:before {
    content: "\f107";
    height: 50px;
    width:50px;
    line-height: 50px;
    color: #00c0ff;
}

.property-search-form.style-four .range-slider-one label{
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 1.2em;
    color: #777777;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.property-search-form.style-four .range-slider-one{
	position: relative;
}

.property-search-form.style-four .range-slider-one .title{
	float: right;
	color:#777777;
	font-size:14px;
	font-weight:400;
}

.property-search-form.style-four .range-slider-one .input{
    position: relative;
    float: left;
	max-height: 80px;
}

.property-search-form.style-four .range-slider-one .input input{
	background:none;
	color:#777777;
	font-size:14px;
	font-weight:400;
	width:auto;
	text-align:left;
	border: 0;
	padding: 0;
	height: auto;
}

.property-search-form.style-four .range-slider-one .ui-widget.ui-widget-content{
	height:3px;
	border:none;
	margin-top:20px;
	margin-bottom:10px;
	background:#cfcfcf;	
}

.property-search-form.style-four .range-slider-one .ui-slider .ui-slider-range{
	top:0px;
	height:4px;
	background:#00c0ff;	
}

.property-search-form.style-four .range-slider-one .ui-state-default,
.property-search-form.style-four .range-slider-one .ui-widget-content .ui-state-default{
	top:-6px;
	width:16px;
	height:16px;
	z-index: 99;
	background:#222222;
	border: 2px solid #222222;
	cursor:pointer;	
	border-radius: 10px;
}

.property-search-form .form-group input[type="submit"], 
.property-search-form .form-group button{
	font-size: 16px;
	font-weight: 600;
}

/*=== Agent Widget ===*/

.agent-widget{
	position: relative;
}

.agent-widget .widget-content{
	position: relative;
	padding: 25px 25px;
}

.agent-widget .image-box{
	position: relative;
}

.agent-widget .image-box .image{
	position: relative;
	margin-bottom: 0;
	background-color: #f5f5f5;
}

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

.agent-widget .info-box{
	position: relative;
	padding: 35px 0 0;
}

.agent-widget .info-box .name{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1em;
	color: #222222;
	font-weight: 700;
}

.agent-widget .info-box .designation{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 24px;
	color: #00c0ff;
	font-weight: 400;
	margin-bottom: 20px;
}

.agent-widget .contact-info{
	position: relative;
	display: block;
}

.agent-widget .contact-info li{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 10px;
}

.agent-widget .contact-info li strong{
	position: relative;
	float: left;
	min-width: 85px;
	font-weight: 700;
	color: #222222;
}

.agent-widget .follow-us{
	position: relative;
	margin-bottom: 30px;
}

.agent-widget .social-links li.link{
	position: relative;
	font-size: 14px;
	line-height: 26px;
	color: #222222;
	font-weight: 700;
	min-width: 85px;
}

.agent-widget .social-links li{
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 24px;
	color: #00c0ff;
	margin-right: 10px;
}

.agent-widget .social-links li a{
	color: #00c0ff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.agent-widget .social-links li a:hover{
	color: #222222;
}

.agent-widget .btn-box{
	position: relative;
}

.agent-widget .btn-box a{
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}

/*=== Agent Form Widget ===*/

.agent-from-widget{
	position:relative;
}

.agent-from-widget .widget-content{
	position: relative;
	padding: 30px 30px; 
}

.agent-from-widget .form-group{
	position:relative;
	margin-bottom:20px;
}

.agent-from-widget .form-group:last-child{
	margin-bottom: 0;
}

.agent-from-widget input[type="text"],
.agent-from-widget input[type="email"],
.agent-from-widget input[type="password"],
.agent-from-widget input[type="url"],
.agent-from-widget input[type="tel"],
.agent-from-widget select,
.agent-from-widget textarea{
	position:relative;
	display:block;
	width:100%;
	font-size:14px;
	color: #777777;
	font-weight:400;
	line-height:20px;
	padding:14px 25px;
	background-color:#ffffff;
	border:1px solid #ebebeb;
	height: 50px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.agent-from-widget .form-group textarea{
	height: 240px;
	resize: none;
	margin-bottom: 10px;
}

.agent-from-widget .form-group input:focus,
.agent-from-widget .form-group textarea:focus{
	border-color:#00c0ff;
}

.agent-from-widget .form-group input[type="submit"],
.agent-from-widget button{
	position:relative;
	text-transform: capitalize;
	line-height: 30px;
	padding: 10px 35px;
	font-size: 16px;
	display: block;
	width: 100%;
}

/*=== Categories ===*/

.category-list{
	position: relative;
	display: block;
}

.category-list li{
	position: relative;
	border: 1px solid #dddddd;
	border-bottom: 0;
}

.category-list li:last-child{
	border: 1px solid #dddddd;
}

.category-list li a{
	position: relative;
	display: block;
	font-size: 14px;
	color: #666666;
	font-weight: 500;
	line-height: 28px;
	padding: 15px 30px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.category-list li a span{
	float: right;
	font-size: 14px;
	margin-right: 20px;
	color: #666666;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.category-list li a:hover{
	color: #ffffff;
	background: #00c0ff;
}

.category-list li a:hover:before{
	color: #ffffff;
}

.category-list li a:hover span{
	color: #ffffff;
}

/*=== Latest News ===*/
.latest-news{
	position: relative;
}

.latest-news .sidebar-title{
	position: relative;
	margin-bottom: 30px;
}

.latest-news .post{
	position: relative;
	padding-left: 130px;
	margin-bottom: 30px;
	padding-top: 10px;
	min-height: 100px;
}

.latest-news .post-thumb{
	position: absolute;
	left: 0;
	top: 0;	
	height: 100px;
	width: 100px;
	margin-bottom: 20px;
}

.latest-news .post-thumb img{
	position: relative;
	display: block;
	width: 100%;
}

.latest-news .post h3{
	position: relative;
	font-size: 16px;
	line-height: 24px;
	color: #222222;
	font-weight: 600;
	margin-bottom: 7px;
}

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

.latest-news .post:hover h3 a{
	color: #00c0ff;
}

.latest-news .post .post-info{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	font-weight: 400;
}

/*=== Recent Properties ===*/

.recent-properties{
	position: relative;
}

.recent-properties .widget-content{
	padding: 30px 30px 30px;
	border: 1px solid #dddddd;
}

.recent-properties .post{
	position: relative;
	padding-left: 140px;
	margin-bottom: 30px;
	min-height: 90px;
}

.recent-properties .post:last-child{
	margin-bottom: 0;
}

.recent-properties .post-thumb{
	position: absolute;
	left: 0;
	top: 0;	
	width: 120px;
	margin-bottom: 10px;
}

.recent-properties .post-thumb .status{
	position: absolute;
	right: 10px;
	top: 10px;
	padding: 0 8px;
	font-size: 12px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 400;
	background-color: #00c0ff;
	text-transform: capitalize;
}

.recent-properties .post-thumb .status.hot{
	background-color: #ff0000;
}

.recent-properties .post-thumb img{
	position: relative;
	display: block;
	width: 100%;
}

.recent-properties .post .location{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #00c0ff;
	font-weight: 400;
	margin-bottom: 3px;
}

.recent-properties .post h3{
	position: relative;
	font-size: 18px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
	margin-bottom: 13px;
}

.recent-properties .post h3 a{
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.recent-properties .post:hover h3 a{
	color: #00c0ff;
}

.recent-properties .post .price{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
	font-weight: 400;
}

/*=== Tags ===*/

.tag-list{
	position: relative;
	display: block;
}

.tags .sidebar-title{
	margin-bottom: 30px;
}

.tag-list li{
	position: relative;
	float: left;
	margin-bottom: 15px;
	margin-right: 15px;
} 

.tag-list li a{
	position: relative;
    display: block;
    font-size: 16px;
    color: #666666;
    line-height: 20px;
    padding: 15px 25px;
    font-weight: 400;
    text-align: center;
    background-color: #eeeeee;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.tag-list li a:hover{
	background-color: #00c0ff;
	color: #ffffff;
}

/*=== Search Box ===*/

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
	position:relative;
	display:block;
	font-size:14px;
	color:#777777;
	line-height:28px;
	padding:15px 25px;
	padding-right: 60px;
	height:60px;
	width:100%;
	border:1px solid #dddddd;
	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;
}

.sidebar .search-box .form-group input:focus{
	border-color:#00c0ff;	
}

.sidebar .search-box .form-group button{
	position:absolute;
	right:0;
	top:0;
	width:60px;
	height:60px;
	line-height: 60px;
	text-align:center;
	display:block;
	font-size:16px;
	background-color: transparent;
	color:#00c0ff;
	font-weight:normal;
}

/*** 

====================================================================
			Comments Area
====================================================================

 ***/

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

 .group-title h3{
 	position: relative;
 	display: block;
 	font-size: 24px;
 	line-height: 1.2em;
 	color: #333333;
 	font-weight: 600;
 	text-transform: uppercase;
 } 

.comments-area{
	position:relative;
	margin-top:90px;
	margin-bottom:70px;
}

.comments-area .comment-box{
	position:relative;
	margin-bottom: 60px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.comments-area .comment-box.reply-comment{
	margin-left:130px;
}

.comments-area .comment-box:last-child{
	border:0px;
	padding-bottom:0px;
	margin-bottom: 0;
}

.comments-area .comment{
	position:relative;
	font-size:14px;
	padding:30px 0px 0px 160px;
	min-height: 140px;
}

.comments-area .comment .comment-inner{
	position:relative;
}

.comments-area .comment .comment-reply{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	color:#ffffff;
	font-size:14px;
	line-height: 24px;
	padding:5px 20px;
	font-weight:500;
	text-align:center;
	background-color:#00c0ff;
	width: 80px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.comments-area .comment .comment-reply:hover{
	color: #ffffff;
	background: #222222;
}

.comments-area .comment-box .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	width:120px;
	overflow:hidden;
	margin-bottom:20px;
	padding-bottom: 15px;
}

.comments-area .comment-box .author-thumb img{
	display:block;
	width: 100%;
	border:2px solid #e1e1e1;
}

.comments-area .comment-info{
	font-size:20px;
	color:#222222;
	line-height:1.2em;	
	font-weight:500;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.comments-area .comment-info .comment-time{
	position:relative;
	font-size:13px;
	color:#00c0ff;
	margin-left:25px;
	font-weight:400;
	text-transform:uppercase;
	display:inline-block;
}

.comments-area .comment .comment-inner .rating{
	position:relative;
	font-size:18px;
	color:#ffb200;
}

.comments-area .comment-box .text{
	font-size: 14px;
	line-height: 24px;
}

/*** 

====================================================================
	Comment Form
====================================================================

 ***/

.comment-form{
	position:relative;
}

.comment-form .row{
	margin: 0 -10px;
}

.comment-form .form-group{
	position:relative;
	padding: 0 10px;
	margin-bottom:20px;
}

.comment-form .form-group:last-child{
	margin-bottom: 0;
}

.comment-form input,
.comment-form select,
.comment-form textarea{
	position:relative;
	display:block;
	width:100%;
	font-size:15px;
	color: #222222;
	font-weight:400;
	line-height:20px;
	padding:13px 22px;
	height:50px;
	background-color:#ffffff;
	border:2px solid #dddddd;
	-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 textarea{
	height: 180px;
	resize: none;
	padding: 20px 22px;
	margin-bottom: 20px;
}

.comment-form .form-group input:focus,
.comment-form .form-group textarea:focus{
	border-color:#00c0ff;
}

.comment-form button{
	position:relative;
	padding: 8px 30px;
	font-weight: 600;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
}

/*** 

====================================================================
		Login Section
====================================================================

***/

.login-section{
	position:relative;
	padding:120px 0px 50px;
}

.login-section .column{
	position: relative;
	margin-bottom: 70px;
}

.login-section h2{
	position:relative;
	color:#ffffff;
	font-size:28px;
	font-weight:600;
	line-height:1.2em;
	margin-bottom:25px;
}

.login-form{
	position:relative;
	margin-bottom:40px;
	padding:30px 40px 25px;
	background-color: #00c0ff;
	max-width: 500px;
	margin: 0 auto;
}

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

.login-form .form-group label{
	position:relative;
	top:-1px;
	color:#ffffff;
	font-weight:400;
	font-size:16px;
}

.login-form .form-group input[type="text"],
.login-form .form-group input[type="password"],
.login-form .form-group input[type="tel"],
.login-form .form-group input[type="email"]{
	position:relative;
	display:block;
	width:100%;
	line-height:30px;
	padding:10px 20px;
	height:50px;
	color: #aaaaaa;
	font-size:14px;
	background-color: #ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.login-form .form-group input[type="text"]:focus,
.login-form .form-group input[type="password"]:focus,
.login-form .form-group input[type="tel"]:focus,
.login-form .form-group input[type="email"]:focus,
.login-form .form-group select:focus,
.login-form .form-group textarea:focus{
	border-color:#00c0ff;
	color: #ffffff;
}

.login-form button{
	top:0px;
	margin-top:0px;
	font-size:16px;
	font-weight:700;
	padding:10px 36px;
	line-height: 25px;
	color:#ffffff;
	text-transform:uppercase;
	width: 100%;
}

.login-form .psw{
	position:relative;
	color:#ffffff;
	font-size:16px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.login-form .psw:hover{
	text-decoration: underline;
	color: #ffffff;
}

/*** 

====================================================================
	Error Section
====================================================================

***/

.error-section{
	position:relative;
	text-align: center;
	padding:200px 0px 150px;
}

.error-section .sec-title{
	margin-bottom: 20px;
}

.error-section .sec-title .float-text{
	top: 0px;
}

.error-section .sec-title h1{
	position: relative;
	display: inline-block;
	font-size: 200px;
	line-height: 1em;
	color: #00c0ff;
	font-weight: 700;
}

.error-section .sec-title h1 span{
	color: #222222;
}

.error-section h3{
	font-size:24px;
	line-height: 1.2em;
	padding: 0;
	margin: 0;
	font-weight: 400;
	color: #222222;
	margin-bottom: 50px;
}

.error-section .text{
	font-size:30px;
	line-height: 1.2em;
	color:#222222;
	font-weight: 700;
	margin-bottom:35px;
}

.error-section .theme-btn{
	border-radius:5px;
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	margin: 0 3px;
}

/*=========================================================
			Social icon Colored
=========================================================*/

.social-icon-colored .fa-adn{color:#504e54;} 
.social-icon-colored .fa-apple{color:#aeb5c5;} 
.social-icon-colored .fa-android{color:#A5C63B;}  
.social-icon-colored .fa-bitbucket,.social-icon-colored .fa-bitbucket-square{color:#003366;} 
.social-icon-colored .fa-bitcoin,.social-icon-colored .fa-btc{color:#F7931A;} 
.social-icon-colored .fa-css3{color:#1572B7;} 
.social-icon-colored .fa-dribbble{color:#F46899;}  
.social-icon-colored .fa-dropbox{color:#018BD3;}
.social-icon-colored .fa-facebook,.social-icon-colored .fa-facebook-f, .social-icon-colored .fa-facebook-square{color:#3C599F;}  
.social-icon-colored .fa-flickr{color:#FF0084;}
.social-icon-colored .fa-foursquare{color:#0086BE;}
.social-icon-colored .fa-github,.social-icon-colored .fa-github-alt,.social-icon-colored .fa-github-square{color:#070709;} 
.social-icon-colored .fa-google-plus,.social-icon-colored .fa-google-plus-g,.social-icon-colored .fa-google-plus-square{color:#CF3D2E;} 
.social-icon-colored .fa-html5{color:#E54D26;}
.social-icon-colored .fa-instagram{color:#A1755C;}
.social-icon-colored .fa-linkedin,.social-icon-colored .fa-linkedin-in,.social-icon-colored .fa-linkedin-square{color:#0085AE;} 
.social-icon-colored .fa-linux{color:#FBC002;color:#333;}
.social-icon-colored .fa-maxcdn{color:#F6AE1C;}
.social-icon-colored .fa-pagelines{color:#241E20;color:#3984EA;}
.social-icon-colored .fa-pinterest,.social-icon-colored .fa-pinterest-square{color:#CC2127;} 
.social-icon-colored .fa-renren{color:#025DAC;}
.social-icon-colored .fa-skype{color:#01AEF2;}
.social-icon-colored .fa-stack-exchange{color:#245590;}
.social-icon-colored .fa-stack-overflow{color:#FF7300;}
.social-icon-colored .fa-trello{color:#265A7F;}
.social-icon-colored .fa-tumblr,.social-icon-colored .fa-tumblr-square{color:#314E6C;} 
.social-icon-colored .fa-twitter,.social-icon-colored .fa-twitter-square{color:#32CCFE;} 
.social-icon-colored .fa-vimeo-square{color:#229ACC;}
.social-icon-colored .fa-vk{color:#375474;}
.social-icon-colored .fa-weibo{color:#D72B2B;}
.social-icon-colored .fa-windows{color:#12B6F3;}
.social-icon-colored .fa-xing,.social-icon-colored .fa-xing-square{color:#00555C;} 
.social-icon-colored .fa-youtube,.social-icon-colored .fa-youtube-play,.social-icon-colored .fa-youtube-square{color:#C52F30;}

/*Social icon Colored*/
.social-icon-colored li a:hover .fa-adn{background-color:#504e54;} 
.social-icon-colored li a:hover .fa-apple{background-color:#aeb5c5;} 
.social-icon-colored li a:hover .fa-android{background-color:#A5C63B;}  
.social-icon-colored li a:hover .fa-bitbucket,.social-icon-colored li a:hover .fa-bitbucket-square{background-color:#003366;} 
.social-icon-colored li a:hover .fa-bitcoin,.social-icon-colored li a:hover .fa-btc{background-color:#F7931A;} 
.social-icon-colored li a:hover .fa-css3{background-color:#1572B7;} 
.social-icon-colored li a:hover .fa-dribbble{background-color:#F46899;}  
.social-icon-colored li a:hover .fa-dropbox{background-color:#018BD3;}
.social-icon-colored li a:hover .fa-facebook,.social-icon-colored li a:hover .fa-facebook-f, .social-icon-colored li a:hover .fa-facebook-square{background-color:#3C599F;}  
.social-icon-colored li a:hover .fa-flickr{background-color:#FF0084;}
.social-icon-colored li a:hover .fa-foursquare{background-color:#0086BE;}
.social-icon-colored li a:hover .fa-github,.social-icon-colored li a:hover .fa-github-alt,.social-icon-colored li a:hover .fa-github-square{background-color:#070709;} 
.social-icon-colored li a:hover .fa-google-plus,.social-icon-colored li a:hover .fa-google-plus-g,.social-icon-colored li a:hover .fa-google-plus-square{background-color:#CF3D2E;} 
.social-icon-colored li a:hover .fa-html5{background-color:#E54D26;}
.social-icon-colored li a:hover .fa-instagram{background-color:#A1755C;}
.social-icon-colored li a:hover .fa-linkedin,.social-icon-colored li a:hover .fa-linkedin-in,.social-icon-colored li a:hover .fa-linkedin-square{background-color:#0085AE;} 
.social-icon-colored li a:hover .fa-linux{background-color:#FBC002;color:#333;}
.social-icon-colored li a:hover .fa-maxcdn{background-color:#F6AE1C;}
.social-icon-colored li a:hover .fa-pagelines{background-color:#241E20;color:#3984EA;}
.social-icon-colored li a:hover .fa-pinterest,.social-icon-colored li a:hover .fa-pinterest-square{background-color:#CC2127;} 
.social-icon-colored li a:hover .fa-renren{background-color:#025DAC;}
.social-icon-colored li a:hover .fa-skype{background-color:#01AEF2;}
.social-icon-colored li a:hover .fa-stack-exchange{background-color:#245590;}
.social-icon-colored li a:hover .fa-stack-overflow{background-color:#FF7300;}
.social-icon-colored li a:hover .fa-trello{background-color:#265A7F;}
.social-icon-colored li a:hover .fa-tumblr,.social-icon-colored li a:hover .fa-tumblr-square{background-color:#314E6C;} 
.social-icon-colored li a:hover .fa-twitter,.social-icon-colored li a:hover .fa-twitter-square{background-color:#32CCFE;} 
.social-icon-colored li a:hover .fa-vimeo-square{background-color:#229ACC;}
.social-icon-colored li a:hover .fa-vk{background-color:#375474;}
.social-icon-colored li a:hover .fa-weibo{background-color:#D72B2B;}
.social-icon-colored li a:hover .fa-windows{background-color:#12B6F3;}
.social-icon-colored li a:hover .fa-xing,.social-icon-colored li a:hover .fa-xing-square{background-color:#00555C;} 
.social-icon-colored li a:hover .fa-youtube,.social-icon-colored li a:hover .fa-youtube-play,.social-icon-colored li a:hover .fa-youtube-square{background-color:#C52F30;}
.social-icon-colored li a:hover .fab{
	color: #ffffff;
}