@import url(http://fonts.googleapis.com/css?family=Raleway:400,700,800,300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/*-------------------------------------
    Template Name: StatePress HTML5 Template
    Template URI: http://Periodicitems.com/
    Description: This is HTML5 Resl Estate Multipurposes template
    Author: Periodicitems
    Author URI: http://Periodicitems.com/
    Version: 1.0
    --------------------------------------- 

    CSS INDEX
    ===================================
    
    1. Theme Default CSS (body, link color, section etc).
    2.Header Start Here
     2.1 Header top Area Start Here
     2.2 Main Header Area Start Here
    3.  slider area styling
    4.Home Page Services Start Area
    5.Our Skill Area Start Here
    6.Home Featured Project start here
    7.Home Page About Us Section Start Here
    8.Home Page Counter Down start Here
    9.Home Property listing area start here 
    10.Home Page Our Agent Area Start Here
    11.Home Page Blog Start Here
    12. footer top area start
    13.Home Two Header Area Start Here
    14.Home Two Google Map Start Here
      14.1 Google Map Form Start Here
    15.Home two Listing Property start here
    16.Home two Page About Us Section Start Here
    17.Home Two Featured Project start here
    18.Home Two Page Our Agent Area Start Here
    19.Page Header Section breadcumb Start Here
    20.About Page Portfolio Area Start Here
    21.Property List View Start Here
      21.1 Pagination Area Start Here
    22.Property Grid View Two Start Here
      22.1 Sidebar area start here
    23.single property page start here
    24.services Page start here
    25.Services Two Page Start Here
    26.Appointment Page Area Start Here
    27.Slide Menu Section Start Here
    28.Agent Grid View Start Here
    29.Agent List View Start Here
    30.Single Agent Page start Here
      30.1 Sidebar area start here
    31.Blog Two Page Start Here
    32.Login and Registration start Here
    33.FAQ Page Start Here
    34.Error Page Start Here
    35.Single Blog Page Start Here
    36.Contact Page Start Here
    37.Home Three Header Start Here
    38.Home Four Header Start Here

---------------------------------------*/
/*-------------------------------------
1.  Theme default CSS
-------------------------------------*/
html,
body {
  height: 100%;
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  line-height: 24px;
  vertical-align: baseline;
  color: #333333;
}
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}
.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}
.aligncenter {
  display: block;
  margin: 0 auto 15px;
}
a:focus {
  outline: 0px solid;
}
::-webkit-input-placeholder {
  color: #222222;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #222222;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #222222;
}
:-ms-input-placeholder {
  color: #222222;
}
img {
  max-width: 100%;
  height: auto;
}
.fix {
  overflow: hidden;
}
p {
  margin: 0 0 15px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 25px;
}
a {
  -webkit-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  text-decoration: none;
}
a:hover {
  color: #0377a3;
  text-decoration: none;
  -webkit-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
a:active,
a:hover {
  outline: 0 none;
}
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.clear {
  clear: both;
}
.btn-danger {
  background-color: transparent;
  border-color: #00aeef;
  color: #fff;
}
.btn-danger:hover {
  background-color: #00aeef;
  border-color: #00aeef;
  color: #fff;
}
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #00aeef;
  padding: 0.2em 0;
}
.acurate {
  margin: 0;
  padding: 0;
}
.mobile-menu-area {
  display: none;
}
.padding-top {
  padding-top: 30px;
}
.margin-top {
  margin-top: 30px;
}
.padding-top1 {
  padding-top: 60px;
}
.section-title-area h2 {
  font-size: 36px;
  text-transform: uppercase;
  color: #000000;
  font-weight: 900;
  position: relative;
  margin-bottom: 80px;
}
.section-title-area h2:before {
  position: absolute;
  background: #cccccc;
  width: 300px;
  height: 1px;
  content: "";
  left: 0;
  right: 0;
  margin: auto;
  top: 80px;
}
.section-title-area h2:after {
  position: absolute;
  width: 300px;
  height: 1px;
  content: "\f219";
  left: 0;
  right: 0;
  margin: auto;
  top: 65px;
  font-family: fontawesome;
  color: #00aeef;
}
.section-title-area p {
  font-size: 14px;
  padding: 0 100px;
}
/* ------------------------------------
2.Header start Here 
---------------------------------------*/
/* ------------------------------------
2.1 Header Top start Here 
---------------------------------------*/
.header-top-area {
  border-bottom: 1px solid #d4d4d4;
}
.header-top-area .header-top-left ul {
  text-align: left;
}
.header-top-area .header-top-left ul li {
  display: inline-block;
  position: relative;
  margin-right: 5px;
  padding: 10px 15px;
  border-right: 1px solid #dddddd;
}
.header-top-area .header-top-left ul li:last-child {
  margin-right: 0;
  border-right: 0px solid #dddddd;
}
.header-top-area .header-top-left ul li a {
  display: block;
  transition: all 0.35s ease-out;
  color: #333333;
  font-family: 'Open Sans', sans-serif;
  text-decoration: none;
}
.header-top-area .header-top-left ul li a i {
  margin-right: 10px;
  font-size: 14px;
  color: #00aeef;
  font-weight: 800;
}
.header-top-area .header-top-left ul li a:hover {
  color: #00aeef;
}
.header-top-area .header-top-right ul {
  text-align: right;
}
.header-top-area .header-top-right ul li {
  display: inline-block;
  position: relative;
  font-size: 14px;
  margin-right: 20px;
  padding: 10px;
  border-right: 1px solid #dddddd;
}
.header-top-area .header-top-right ul li:last-child {
  margin-right: 0;
  border-right: 0px solid #dddddd;
}
.header-top-area .header-top-right ul li i {
  margin-right: 10px;
  font-size: 14px;
  color: #00aeef;
  font-weight: 800;
}
.header-top-area .header-top-right ul li:hover ul {
  -ms-transform: scaleY(1);
  /* IE 9 */
  -webkit-transform: scaleY(1);
  /* Safari */
  transform: scaleY(1);
  opacity: 1;
  visibility: visible;
}
.header-top-area .header-top-right ul li ul {
  position: absolute;
  background: #00aeef;
  width: 150px;
  top: 100%;
  transition: all 0.35s ease-out;
  left: 0;
  opacity: 0;
  text-align: left;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  visibility: hidden;
  z-index: 99999999;
}
.header-top-area .header-top-right ul li ul li {
  display: block;
  margin: 0;
  padding: 0;
}
.header-top-area .header-top-right ul li ul li a {
  display: block;
  color: #ffffff;
  transition: all 0.35s ease-out;
  padding: 5px 10px;
  text-decoration: none;
}
.header-top-area .header-top-right ul li ul li a:hover {
  background: #0377a3;
}
.header-top-area .header-top-right ul li a {
  display: block;
  transition: all 0.35s ease-out;
}
.main-header {
  /* Main Menu Styling */
}
.main-header .logo-area ul {
  text-align: left;
}
.main-header .logo-area ul li a {
  text-transform: uppercase;
  display: block;
  color: #777a7d;
  font-size: 11px;
  letter-spacing: 5px;
  position: relative;
  padding-left: 35px;
  text-decoration: none;
  padding-top: 25px;
}
.main-header .logo-area ul li a:after {
  position: absolute;
  content: "\f103";
  top: 30px;
  left: -35px;
  width: 70px;
  height: 50px;
  font-family: Flaticon;
  font-size: 40px;
  font-style: normal;
  margin-left: 20px;
  color: #00aeef;
}
.main-header .logo-area ul li a span {
  font-weight: 900;
  color: #222222;
  font-size: 18px;
  display: block;
  letter-spacing: 2px;
}
.main-header .main-menu-area ul {
  text-align: center;
}
.main-header .main-menu-area ul li {
  display: inline-block;
  position: relative;
  /* Dropdown Menu area */
}
 > .main-header .main-menu-area ul li.active > a {
  font-weight: 700;
  color: #00aeef !important;
  position: relative;
}
.main-header .main-menu-area ul li.active > a:after {
  position: absolute;
  content: "";
  top: 30px;
  left: 0px;
  right: 0;
  margin: auto;
  width: 25px;
  height: 2px;
  font-style: normal;
  background: #00aeef;
}
.main-header .main-menu-area ul li a {
  display: block;
  padding: 41px 20px;
  text-decoration: none;
  text-transform: uppercase;
  color: #000000;
  transition: all 0.35s ease-out;
  font-size: 13px;
  font-weight: 500;
  position: relative;
}
.main-header .main-menu-area ul li a:after {
  position: absolute;
  content: "";
  top: 30px;
  left: 0px;
  right: 0;
  margin: auto;
  width: 0px;
  height: 2px;
  font-style: normal;
  background: #00aeef;
  transition: all 0.35s ease-out;
}
.main-header .main-menu-area ul li a:hover {
  color: #00aeef !important;
}
.main-header .main-menu-area ul li a:hover:after {
  width: 25px;
}
.main-header .main-menu-area ul li ul {
  background: #00aeef;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.35s ease-out;
  width: 200px;
  z-index: 99999;
  text-align: left;
  visibility: hidden;
}
.main-header .main-menu-area ul li ul li {
  display: block;
  border-bottom: 1px dashed #ffffff;
}
.main-header .main-menu-area ul li ul li:last-child {
  border-bottom: 0;
}
.main-header .main-menu-area ul li ul li a {
  display: block;
  padding: 10px 20px;
  text-transform: none;
  transition: all 0.35s ease-out;
  color: #ffffff;
}
.main-header .main-menu-area ul li ul li a:hover {
  padding-left: 30px;
  color: #ffffff !important;
}
.main-header .main-menu-area ul li:hover ul {
  opacity: 1;
  transform: scaleY(1);
  visibility: visible;
}
.main-header .header-right ul {
  text-align: left;
  magrin: 0;
  padding: 0;
}
.main-header .header-right ul li {
  display: inline-block;
  position: relative;
  padding: 10px 23px 0 23px;
  width: 24px;
}
.main-header .header-right ul li .search-text {
  color: #000000;
  display: none;
  position: absolute;
  right: 15px;
  top: 100%;
  z-index: 9;
}
.main-header .header-right ul li .search-text .search-box-area #custom-search-input {
  padding: 0px;
}
.main-header .header-right ul li .search-text .search-box-area #custom-search-input input {
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
  margin-left: 75px;
  margin-top: 5px;
  border: 1px solid #00aeef;
}
.main-header .header-right ul li .search-text .search-box-area #custom-search-input button {
  background: none;
  box-shadow: none;
  border: 0;
  color: #666666;
  position: relative;
  z-index: 000000;
  z-index: 999999;
}
.main-header .header-right ul li .search-text .search-box-area #custom-search-input button i {
  position: absolute;
  right: -34px;
  top: -26px;
  color: #00aeef;
}
.main-header .header-right ul li .search-text .search-box-area #custom-search-input button:hover {
  border: 0;
  box-shadow: none;
  border-left: solid 1px #ccc;
}
.main-header .header-right ul li .search-text .search-box-area #custom-search-input .glyphicon-search {
  font-size: 23px;
}
.main-header .header-right ul li i {
  color: #000000;
  cursor: pointer;
  display: inline-block;
  font-size: 20px;
  padding: 30px 0 40px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.35s ease-out;
}
.main-header .header-right ul li i:hover {
  color: #00aeef !important;
}
.mobile-menu-area {
  display: none;
}
.mean-container .mean-nav {
  position: absolute;
  top: 100%;
}
.main-header.stick {
  background: #ffffff;
  position: fixed !important;
  top: 0px;
  z-index: 99;
  margin: 0 auto !important;
  padding: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #00aeef;
}
.main-header.stick .logo-area ul li a {
  padding-top: 10px;
}
.main-header.stick .logo-area ul li a:after {
  top: 20px;
}
.main-header.stick .main-menu-area ul > li > a {
  padding: 20px;
}
.main-header.stick .main-menu-area ul li.active > a:after {
  top: 20px !important;
}
.main-header.stick .main-menu-area ul li > a:after {
  top: 20px !important;
}
.main-header.stick .header-right ul li i {
  padding: 10px 0 !important;
}
.main-header.stick .main-menu-area ul > li > ul > li > a {
  padding: 7px 20px !important;
}
.main-header.stick .main-menu-area ul > li > ul > li > a:hover {
  padding-left: 30px !important;
}
.main-header.stick .main-menu-area ul > li > ul > li > a:after {
  display: none !important;
}
.main-header.stick .header-right ul li .search-text .search-box-area #custom-search-input button i {
  top: -3px !important;
}
.main-header.stick .header-right ul li .search-text .search-box-area #custom-search-input input {
  margin-top: 15px !important;
}
/*----------------------------------------
3.  slider area styling
----------------------------------------*/
.slider-area .slider-1 h1 {
  font-size: 72px;
  color: #ffffff;
  line-height: 1.55;
  letter-spacing: 7px;
  margin: 15px 0 0;
  font-weight: 800;
}
.slider-area .slider-1 div.title2 {
  font-size: 16px;
  color: #ffffff;
  padding: 0 25%;
  font-weight: normal;
}
.slider-area .slider-1 div.slider-botton {
  display: block;
  margin-top: 50px;
}
.slider-area .slider-1 div.slider-botton ul li {
  display: inline-block;
  margin-right: 10px;
}
.slider-area .slider-1 div.slider-botton ul li.acitve a {
  display: block;
  padding: 17px 40px;
  color: #ffffff;
  transition: all 0.35s ease-out;
  background: #00aeef;
  border: 1px solid #00aeef;
}
.slider-area .slider-1 div.slider-botton ul li a {
  display: block;
  padding: 17px 40px;
  color: #ffffff;
  border: 1px solid #00aeef;
  transition: all 0.35s ease-out;
}
.slider-area .slider-1 div.slider-botton ul li a:hover {
  background: #00aeef;
}
.slider-area .slider-2 h1 {
  font-size: 72px;
  color: #ffffff;
  line-height: 1.55;
  letter-spacing: 7px;
  margin: 15px 0 0;
  font-weight: 800;
}
.slider-area .slider-2 div.title2 {
  font-size: 16px;
  color: #ffffff;
  padding: 0 25%;
  font-weight: normal;
}
.slider-area .slider-2 div.slider-botton {
  display: block;
  margin-top: 50px;
}
.slider-area .slider-2 div.slider-botton ul li {
  display: inline-block;
  margin-right: 10px;
}
.slider-area .slider-2 div.slider-botton ul li.acitve a {
  display: block;
  padding: 17px 40px;
  color: #ffffff;
  transition: all 0.35s ease-out;
  background: #00aeef;
}
.slider-area .slider-2 div.slider-botton ul li a {
  display: block;
  padding: 17px 40px;
  color: #ffffff;
  border: 1px solid #00aeef;
  transition: all 0.35s ease-out;
}
.slider-area .slider-2 div.slider-botton ul li a:hover {
  background: #00aeef;
}
.slider-area .leave-comments-area {
  background: #ffffff;
  overflow: hidden;
  padding: 0 15px;
}
.slider-area .leave-comments-area.slide-three {
  padding: 0 !important;
}
.slider-area .leave-comments-area fieldset {
  margin-top: 20px;
}
.slider-area .leave-comments-area fieldset select {
  background: #dddddd none repeat scroll 0 0;
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  height: 45px;
  width: 100%;
  color: #222222;
}
.slider-area .leave-comments-area fieldset select:focus {
  border: 0px;
  box-shadow: none;
}
.slider-area .leave-comments-area fieldset textarea {
  background: #dddddd none repeat scroll 0 0;
  border-radius: 0;
  margin-right: 20px;
}
.slider-area .leave-comments-area fieldset textarea:focus {
  border: 0px;
  box-shadow: none;
}
.slider-area .leave-comments-area fieldset .btn-send {
  background: #00aeef;
  border: 0 none;
  color: #ffffff;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 12px 45px 9px;
  text-transform: uppercase;
  transition: all 0.35s ease-out;
  width: 100%;
  margin: 0;
}
.slider-area .leave-comments-area fieldset .btn-send:hover {
  background: #0377a3;
}
/* ------------------------------------
4.Home Page Services Start Area
---------------------------------------*/
.home-page-service-area {
  padding: 100px 0;
}
.home-page-service-area .services-feature-image {
  margin: 30px 0;
}
.home-page-service-area .services-feature-image img {
  text-align: center;
  background-position: center center;
  background-size: cover;
}
.home-page-service-area .single-services .media .pull-left a i {
  color: #00aeef;
  font-size: 42px;
  margin-right: 10px;
  width: 50px;
  height: 50px;
}
.home-page-service-area .single-services .media .media-body h4.media-heading {
  margin-bottom: 20px;
}
.home-page-service-area .single-services .media .media-body h4.media-heading a {
  color: #000000;
  font-size: 18px;
  text-transform: uppercase;
  transition: all 0.35s ease-out;
  font-weight: 900;
}
.home-page-service-area .single-services .media .media-body h4.media-heading a:hover {
  color: #00aeef;
}
.home-page-service-area .single-services .media .media-body p {
  color: #333333;
}
.home-page-service-area .single-services .media .media-body a {
  color: #00aeef;
  text-transform: uppercase;
  transition: all 0.35s ease-out;
}
.home-page-service-area .single-services .media .media-body a i {
  margin: 0 10px;
  color: #222222;
}
.home-page-service-area .single-services .media .media-body a:hover {
  color: #0377a3;
}
/* ------------------------------------
5.Our Skill Area Start Here
--------------------------------------*/
.our-skill-area {
  padding: 120px 0;
  background: url(images/banner/1.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.our-skill-area h1 {
  text-align: center;
  color: #ffffff;
}
.our-skill-area .our-skill-area .section-heading {
  margin-bottom: 70px;
}
.our-skill-area .our-skill-area .section-heading h1 {
  color: #fff;
  font-size: 45px;
  line-height: 45px;
  margin-bottom: 20px;
}
.our-skill-area .single-skill {
  text-align: center;
}
.our-skill-area .single-skill h4 {
  color: #fff;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 0;
}
/* ------------------------------------
6.Home Featured Project start here 
---------------------------------------*/
.home-featured-project-area {
  padding: 100px 0;
}
.home-featured-project-area .featured-project {
  position: relative;
  overflow: hidden;
}
.home-featured-project-area .featured-project .single-featured {
  margin: 1px;
  overflow: hidden;
}
.home-featured-project-area .featured-project .single-featured:hover .featured-details {
  margin-bottom: 50px;
  transition: all 0.35s ease-out;
  background: rgba(0, 174, 239, 0.9);
  border-bottom: 30px solid #00aeef;
}
.home-featured-project-area .featured-project .single-featured .featured-details {
  position: absolute;
  padding: 15px;
  bottom: 0;
}
.home-featured-project-area .featured-project .single-featured .featured-details h3 {
  margin: 0;
}
.home-featured-project-area .featured-project .single-featured .featured-details h3 a {
  font-weight: 800;
  color: #ffffff;
  transition: all 0.35s ease-out;
  text-transform: uppercase;
}
.home-featured-project-area .featured-project .single-featured .featured-details h3 a:hover {
  color: #00aeef;
}
.home-featured-project-area .featured-project .single-featured .featured-details p {
  color: #ffffff;
}
.home-featured-project-area .featured-project .single-featured img {
  width: 100%;
}
.home-featured-project-area .featured-project .owl-pagination {
  margin-top: 30px;
}
.home-featured-project-area .featured-project .owl-pagination .owl-page span {
  background: #dddddd none repeat scroll 0 0;
  border: 1px solid #00aeef;
  display: inline-block;
  height: 5px;
  width: 45px;
  border-radius: 0;
}
.home-featured-project-area .featured-project .owl-pagination .owl-page.active span {
  background: #00aeef;
  border: 1px solid #00aeef;
}
/* ------------------------------------
7.Home Page About Us Section Start Here 
---------------------------------------*/
.home-about-us-area {
  padding: 100px 0 0;
  background: url('images/about-bg.jpg') no-repeat;
  background-size: cover;
  background-position: center center;
}
.home-about-us-area .about-content h2 {
    font-weight: 800;
    font-size: 40px;
    color: #F8F4F4;
}
.home-about-us-area .about-content p {
  font-size: 15px;
  font-weight: 400;
}
.home-about-us-area .about-content .faq-area {
  margin-top: 30px;
}
.home-about-us-area .about-content .faq-area .panel-group .panel-default {
  margin-bottom: 5px;
}
.home-about-us-area .about-content .faq-area .panel-group .panel-default .panel-heading {
  padding: 0;
}
.home-about-us-area .about-content .faq-area .panel-group .panel-default .panel-heading h4.panel-title a {
  display: block;
  padding: 16px 10px;
  text-decoration: none;
  font-size: 18px;
  background: #00aeef;
  color: #ffffff;
}
.home-about-us-area .about-content .faq-area .panel-group .panel-default .panel-heading h4.panel-title a.collapsed {
  display: block;
  padding: 16px 10px;
  background: #ffffff;
  text-decoration: none;
  font-size: 18px;
  color: #222222;
  transition: all 0.35s ease-out;
}
.home-about-us-area .about-content .faq-area .panel-group .panel-default .panel-heading h4.panel-title a.collapsed:hover {
  background: #00aeef;
  color: #ffffff;
}
.home-about-us-area .about-content .faq-area .panel-group .panel-default .panel-heading h4.panel-title a.collapsed:hover a:after {
  color: #ffffff !important;
}
.home-about-us-area .about-content .faq-area .panel-heading [data-toggle="collapse"]:after {
  font-family: 'FontAwesome';
  content: "\f068";
  /* "play" icon */
  float: right;
  color: #ffffff;
  font-size: 18px;
  line-height: 22px;
}
.home-about-us-area .about-content .faq-area .panel-heading [data-toggle="collapse"].collapsed:after {
  /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
  font-family: 'FontAwesome';
  content: "\f067";
  /* "play" icon */
  float: right;
  color: #ffffff;
  font-size: 18px;
  line-height: 22px;
  color: #222222;
}
/* ------------------------------------
8.Home Page Counter Down start Here 
---------------------------------------*/
.home-counter-down-area {
  padding: 120px 0;
  background: url(images/count.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.home-counter-down-area .ab-count .about-counter-list {
  color: #ffffff;
  display: block;
  text-align: center;
}
.home-counter-down-area .ab-count .about-counter-list i {
  color: #00aeef;
  font-size: 50px;
  margin: 30px 0;
  border-bottom: 1px solid #00aeef;
  padding-bottom: 20px;
}
.home-counter-down-area .ab-count .about-counter-list h1.about-counter {
  font-weight: 800;
  font-size: 48px;
  margin: 30px 0;
}
/* ------------------------------------
9.Home Property listing area start here 
---------------------------------------*/
.home-listing-property-area {
  padding: 100px 0;
}
.home-listing-property-area .total-property-listing .single-property-list .property-listing {
  -webkit-box-shadow: -1px 0px 5px 4px rgba(0, 0, 0, 0.26);
  -moz-box-shadow: -1px 0px 5px 4px rgba(0, 0, 0, 0.26);
  box-shadow: -1px 0px 5px 4px rgba(0, 0, 0, 0.26);
  margin: 5px;
}
.home-listing-property-area .total-property-listing .single-property-list .property-listing .media a.pull-left {
  margin-right: 20px;
  position: relative;
  overflow: hidden;
}
.home-listing-property-area .total-property-listing .single-property-list .property-listing .media a.pull-left img {
  width: 100%;
  transition: all 0.35s ease-out;
}
.home-listing-property-area .total-property-listing .single-property-list .property-listing .media a.pull-left img:hover {
  transform: scale(1.5);
}
.home-listing-property-area .total-property-listing .single-property-list .property-listing .media a.pull-left span {
  position: absolute;
  right: 20px;
  top: 10px;
  background: #00aeef;
  color: #ffffff;
  padding: 2px;
  width: 60px;
  text-align: center;
  transition: all 0.35s ease-out;
}
.home-listing-property-area .total-property-listing .single-property-list .property-listing .media a.pull-left span:hover {
  background: #0377a3;
}
.home-listing-property-area .total-property-listing .single-property-list .property-listing .media .media-body {
  padding: 20px 0 0px;
}
.home-listing-property-area .total-property-listing .single-property-list .property-listing .media .media-body h4.media-heading {
  margin-bottom: 15px;
}
.home-listing-property-area .total-property-listing .single-property-list .property-listing .media .media-body h4.media-heading > a {
  color: #000000;
  font-size: 18px;
  font-weight: 700;
  transition: all 0.35s ease-out;
  background: transparent;
  padding: 0px;
}
.home-listing-property-area .total-property-listing .single-property-list .property-listing .media .media-body h4.media-heading > a:hover {
  color: #00aeef;
}
.home-listing-property-area .total-property-listing .single-property-list .property-listing .media .media-body .property-informations {
  margin-bottom: 10px;
}
.home-listing-property-area .total-property-listing .single-property-list .property-listing .media .media-body .property-informations ul {
  text-align: left;
}
.home-listing-property-area .total-property-listing .single-property-list .property-listing .media .media-body .property-informations ul li {
  font-size: 13px;
  color: #333333;
  margin-bottom: 0px;
}
.home-listing-property-area .total-property-listing .single-property-list .property-listing .media .media-body .property-informations ul li i {
  color: #00aeef;
  font-size: 16px;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
}
.home-listing-property-area .total-property-listing .single-property-list .property-listing .media .media-body a {
  display: inline-block;
  background: #00aeef;
  color: #ffffff;
  padding: 5px 40px;
  margin-top: 10px;
  transition: all 0.35s ease-out;
}
.home-listing-property-area .total-property-listing .single-property-list .property-listing .media .media-body a:hover {
  background: #0377a3;
}
.home-listing-property-area .total-property-listing .owl-pagination {
  margin-top: 30px;
}
.home-listing-property-area .total-property-listing .owl-pagination .owl-page span {
  background: #dddddd none repeat scroll 0 0;
  border: 1px solid #00aeef;
  display: inline-block;
  height: 5px;
  width: 45px;
  border-radius: 0;
}
.home-listing-property-area .total-property-listing .owl-pagination .owl-page.active span {
  background: #00aeef;
  border: 1px solid #00aeef;
}
/* ------------------------------------
10.Home Page Our Agent Area Start Here 
---------------------------------------*/
.home-our-agent-area {
  padding: 100px 0;
  background: #f8f8f8;
}
.home-our-agent-area .single-agent {
  position: relative;
  overflow: hidden;
  transition: all 0.35s ease-out;
}
.home-our-agent-area .single-agent:hover .agent-details {
  margin-top: 30px;
  padding: 10px 0 0;
  background: rgba(0, 174, 239, 0.7);
}
.home-our-agent-area .single-agent:hover .agent-details h3 {
  margin-bottom: 5px;
}
.home-our-agent-area .single-agent:hover .agent-details h3 a {
  display: block;
  color: #ffffff;
  transition: all 0.35s ease-out;
  font-weight: 800;
}
.home-our-agent-area .single-agent:hover .agent-details p.designation {
  color: #ffffff;
}
.home-our-agent-area .single-agent a {
  display: block;
}
.home-our-agent-area .single-agent a img {
  width: 100%;
}
.home-our-agent-area .single-agent .agent-details {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  margin-bottom: auto;
  text-align: center;
  transition: all 0.35s ease-out;
}
.home-our-agent-area .single-agent .agent-details h3 {
  margin-bottom: 5px;
}
.home-our-agent-area .single-agent .agent-details h3 a {
  display: block;
  color: #000000;
  transition: all 0.35s ease-out;
  font-weight: 800;
  font-size: 24px;
}
.home-our-agent-area .single-agent .agent-details p.designation {
  color: #000000;
}
.home-our-agent-area .single-agent .button {
  position: absolute;
  bottom: 0 ;
  right: 0;
}
.home-our-agent-area .single-agent .button a {
  display: inline-block;
  padding: 10px 20px;
  background: #00aeef;
  color: #ffffff;
  transition: all 0.35s ease-out;
  text-align: center;
}
.home-our-agent-area .single-agent .button a:hover {
  background: #0377a3;
}
/* ------------------------------------
6.Testimonial start Here 
---------------------------------------*/
.home-page-testimonial-area {
  padding: 100px 0;
  background: url("images/testimonial.jpg") no-repeat;
  background-position: center center;
  background-size: cover;
}
.home-page-testimonial-area .testimonial-area .single-testiminial {
  text-align: center;
  color: #ffffff;
}
.home-page-testimonial-area .testimonial-area .single-testiminial i {
  font-weight: bold;
  font-size: 25px;
  margin: 4px 20px;
  text-align: center;
}
.home-page-testimonial-area .testimonial-area .single-testiminial p {
  padding: 10px 50px;
  font-size: 16px;
}
.home-page-testimonial-area .testimonial-area .single-testiminial h3 {
  margin-bottom: 5px;
}
.home-page-testimonial-area .testimonial-area .single-testiminial p.designation {
  margin: 0;
  padding: 0;
}
.home-page-testimonial-area .testimonial-area .owl-pagination .owl-page span {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #111111;
  display: inline-block;
  height: 15px;
  width: 15px;
}
.home-page-testimonial-area .testimonial-area .owl-pagination .owl-page.active span {
  background: #00aeef;
  border: 1px solid #0377a3;
}
/* ------------------------------------
11.Home Page Blog Start Here 
---------------------------------------*/
.home-page-blog-area {
  padding: 100px 0;
}
.home-page-blog-area .single-blog .blog-image {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.home-page-blog-area .single-blog .blog-image:hover:before {
  right: 0;
  top: 0;
}
.home-page-blog-area .single-blog .blog-image:hover:after {
  left: 0;
  bottom: 0;
}
.home-page-blog-area .single-blog .blog-image:before {
  right: -100%;
  top: -100%;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  content: "";
  transition: all .5s;
}
.home-page-blog-area .single-blog .blog-image:after {
  left: -100%;
  bottom: -100%;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  content: "";
  transition: all 0.35s ease-out;
}
.home-page-blog-area .single-blog .blog-image a {
  display: block;
}
.home-page-blog-area .single-blog .blog-image a img {
  width: 100%;
}
.home-page-blog-area .single-blog h3 {
  margin-bottom: 10px;
}
.home-page-blog-area .single-blog h3 a {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  transition: all 0.35s ease-out;
  text-transform: inherit;
}
.home-page-blog-area .single-blog h3 a:hover {
  color: #00aeef;
}
.home-page-blog-area .single-blog p.blog-info {
  border-bottom: 0px dashed #646464;
  margin-bottom: 30px;
  padding-bottom: 0px;
}
.home-page-blog-area .single-blog p.blog-info a {
  color: #00aeef;
  font-weight: 600;
  transition: all 0.35s ease-out;
  text-transform: inherit !important;
}
.home-page-blog-area .single-blog p.blog-info a:hover {
  color: #0377a3;
}
.home-page-blog-area .single-blog p {
  border-bottom: 1px dashed #646464;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.home-page-blog-area .single-blog a {
  color: #00aeef;
  text-transform: uppercase;
  transition: all 0.35s ease-out;
}
.home-page-blog-area .single-blog a i {
  margin: 0 10px;
  color: #222222;
}
.home-page-blog-area .single-blog a:hover {
  color: #0377a3;
}
/* -------------------------------------
 12. footer top area start
 -------------------------------------- */
footer {
  background: url(images/footer/footer-bg.jpg) no-repeat scroll center center;
  background-size: cover;
}
.footer-top-area {
  padding: 100px 0;
}
.footer-top-area .footer-three ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-top-area .footer-three ul li {
  display: inline-block;
  width: 30%;
  margin: 0 2px;
}
.footer-top-area .footer-three ul li a {
  display: block;
}
.footer-top-area .footer-three ul li a img {
  display: block;
  width: 100%;
}
.footer-top-area .footer-three ul li a img:hover {
  opacity: .9;
}
.footer-heading h2 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.footer-heading p {
  color: #c2c2c2;
}
.footer-heading .footer-two ul {
  text-align: left;
}
.footer-heading .footer-two ul li {
  display: block;
  margin: 10px 0;
}
.footer-heading .footer-two ul li a {
  display: inline-block;
  color: #FFFFFF;
  transition: all 0.35s ease-out;
  text-decoration: none;
  text-align: center;
}
.footer-heading .footer-two ul li a:hover {
  color: #00aeef;
}
.footer-heading .footer-two ul li a i {
  margin-right: 20px;
  color: #00aeef;
  font-size: 20px;
}
.footer-social-icons {
  margin-top: 35px;
}
.footer-social-icons ul {
  margin: 0;
  padding: 0;
}
.footer-social-icons ul li {
  display: inline-block;
  margin-right: 5px;
}
.footer-social-icons ul li a {
  color: #00aeef;
  display: block;
  transition: all 0.35s ease-out;
  width: 45px;
  height: 45px;
  line-height: 45px;
  margin: auto;
  text-align: center;
  background: transparent;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 1px solid #c2c2c2;
}
.footer-social-icons ul li a i {
  font-size: 18px;
}
.footer-social-icons ul li a:hover {
  background: #00aeef;
  border: 1px solid #00aeef;
  color: #ffffff;
}
.footer-heading p i {
  color: #00aeef;
  padding-right: 10px;
  font-size: 20px;
}
#scrollUp {
  background: transparent;
  border: 1px solid #00aeef;
  bottom: 80px;
  color: #00aeef;
  display: block;
  font-size: 25px;
  height: 40px;
  line-height: 0;
  position: fixed;
  right: 20px;
  text-align: center;
  text-decoration: none !important;
  transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
  width: 40px;
  z-index: 10004;
}
#scrollUp:hover {
  background: #0377a3;
}
#scrollUp:hover i {
  color: #ffffff;
}
#scrollUp i {
  display: block;
  padding-top: 5px;
  font-size: 30px;
  font-weight: bold;
}
.footer-bottom-area {
  padding: 45px 0 10px;
  background: #000000;
}
.footer-bottom-area .footer-bottom-left p {
  text-align: left;
  color: #dddddd;
  margin: 10px 0 0;
}
.footer-bottom-area .footer-bottom-left p a {
  font-weight: bold;
  color: #ffffff;
}
.footer-bottom-area .subscribe {
  text-align: right;
}
.footer-bottom-area .subscribe p {
  color: #ffffff;
  margin: 5px 0 0 0;
}
.footer-bottom-area .search-area #custom-search-input {
  margin: 0;
  margin-top: 0px;
  padding: 0;
}
.footer-bottom-area .search-area #custom-search-input .search-query {
  padding-right: 3px;
  padding-right: 4px;
  padding-left: 3px;
  padding-left: 4px;
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: transparent;
  left: 0;
  position: absolute;
}
.footer-bottom-area .search-area #custom-search-input button {
  border: 0;
  background: none;
  /** belows styles are working good */
  padding: 2px 5px;
  margin-top: 4px;
  position: relative;
  left: 0px;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #00aeef;
}
.footer-bottom-area .search-area #custom-search-input button span i {
  font-size: 16px;
  color: #00aeef;
}
.footer-bottom-area .search-area .search-query:focus + button {
  z-index: 9;
}
/* ------------------------------------
13.Home Two Header Area Start Here 
---------------------------------------*/
.main-header-two {
  /* Main Menu Styling */
}
.main-header-two .main-menu-area ul {
  text-align: left;
}
.main-header-two .main-menu-area ul li {
  display: inline-block;
  position: relative;
  /* Dropdown Menu area */
}
.main-header-two .main-menu-area ul li.logo {
  width: 165px;
  height: 60px;
  top: -60px;
  margin: 0 30px;
}
.main-header-two .main-menu-area ul li.logo .logo-area ul {
  text-align: center;
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
  background: transparent;
}
.main-header-two .main-menu-area ul li.logo .logo-area ul li a {
  text-transform: uppercase;
  display: block;
  color: #777a7d;
  font-size: 11px;
  letter-spacing: 5px;
  position: relative;
  padding-left: 35px;
  text-decoration: none;
  padding-top: 25px;
}
.main-header-two .main-menu-area ul li.logo .logo-area ul li a:hover {
  color: #777a7d !important;
}
.main-header-two .main-menu-area ul li.logo .logo-area ul li a:after {
  position: absolute;
  content: "\f103";
  top: 30px;
  left: -35px;
  width: 70px;
  height: 50px;
  font-family: Flaticon;
  font-size: 40px;
  font-style: normal;
  margin-left: 20px;
  color: #00aeef;
  background: transparent;
}
.main-header-two .main-menu-area ul li.logo .logo-area ul li a span {
  font-weight: 900;
  color: #222222;
  font-size: 18px;
  display: block;
  letter-spacing: 2px;
}
 > .main-header-two .main-menu-area ul li.active > a {
  font-weight: 700;
  color: #00aeef !important;
  position: relative;
}
.main-header-two .main-menu-area ul li.active > a:after {
  position: absolute;
  content: "";
  top: 30px;
  left: 0px;
  right: 0;
  margin: auto;
  width: 25px;
  height: 2px;
  font-style: normal;
  background: #00aeef;
}
.main-header-two .main-menu-area ul li a {
  display: block;
  padding: 38px 20px;
  text-decoration: none;
  text-transform: uppercase;
  color: #000000;
  transition: all 0.35s ease-out;
  font-size: 13px;
  font-weight: 500;
  position: relative;
}
.main-header-two .main-menu-area ul li a:after {
  position: absolute;
  content: "";
  top: 30px;
  left: 0px;
  right: 0;
  margin: auto;
  width: 0px;
  height: 2px;
  font-style: normal;
  background: #00aeef;
  transition: all 0.35s ease-out;
}
.main-header-two .main-menu-area ul li a:hover {
  color: #00aeef !important;
}
.main-header-two .main-menu-area ul li a:hover:after {
  width: 25px;
}
.main-header-two .main-menu-area ul li ul {
  background: #00aeef;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.35s ease-out;
  width: 200px;
  z-index: 99999;
  text-align: left;
  visibility: hidden;
}
.main-header-two .main-menu-area ul li ul li {
  display: block;
  border-bottom: 1px dashed #ffffff;
}
.main-header-two .main-menu-area ul li ul li:last-child {
  border-bottom: 0;
}
.main-header-two .main-menu-area ul li ul li a {
  display: block;
  padding: 10px 20px;
  text-transform: none;
  transition: all 0.35s ease-out;
  color: #ffffff;
}
.main-header-two .main-menu-area ul li ul li a:hover {
  padding-left: 30px;
  color: #ffffff !important;
}
.main-header-two .main-menu-area ul li:hover ul {
  opacity: 1;
  transform: scaleY(1);
  visibility: visible;
}
.main-header-two.stick {
  background: #ffffff;
  position: fixed;
  top: 0px;
  z-index: 99;
  margin: 0 auto !important;
  padding: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #00aeef;
}
.main-header-two.stick .main-menu-area ul > li > a {
  padding: 20px;
}
.main-header-two.stick .main-menu-area ul li.active > a:after {
  top: 20px !important;
}
.main-header-two.stick .main-menu-area ul li > a:after {
  top: 20px !important;
}
.main-header-two.stick .header-right ul li i {
  padding: 20px 0 !important;
}
.main-header-two.stick .main-menu-area ul > li > ul > li > a {
  padding: 7px 20px !important;
}
.main-header-two.stick .main-menu-area ul > li > ul > li > a:hover {
  padding-left: 30px !important;
}
.main-header-two.stick .main-menu-area ul > li > ul > li > a:after {
  display: none !important;
}
.main-header-two.stick .main-menu-area ul li.logo {
  height: 45px;
  margin: 0 30px;
  top: -55px;
  width: 165px;
}
/* ------------------------------------
  14.Home Two Google Map Start Here 
  ---------------------------------------*/
/* ------------------------------------
  14.1 Google Map Form Start Here 
  ---------------------------------------*/
.google-map-form {
  position: relative;
}
.google-map-form .google-form {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-100%);
}
.google-map-form .google-form .leave-comments-area {
  background: #ffffff;
  overflow: hidden;
  padding: 30px;
}
.google-map-form .google-form .leave-comments-area h3 {
  color: #000000;
  font-weight: 800;
  text-align: left;
  margin-left: 15px;
  position: relative;
  margin-bottom: 60px;
}
.google-map-form .google-form .leave-comments-area h3:after {
  position: absolute;
  left: 0;
  top: 40px;
  content: "";
  width: 60px;
  background: #00aeef;
  height: 3px;
}
.google-map-form .google-form .leave-comments-area fieldset {
  margin-top: 20px;
}
.google-map-form .google-form .leave-comments-area fieldset input {
  background: #dddddd none repeat scroll 0 0;
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border: 1px solid #999999;
  height: 45px;
  width: 100%;
  color: #222222;
  padding-left: 5px;
}
.google-map-form .google-form .leave-comments-area fieldset input:focus {
  border: 0px;
  box-shadow: none;
}
.google-map-form .google-form .leave-comments-area fieldset select {
  background: #dddddd none repeat scroll 0 0;
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  height: 45px;
  width: 100%;
  color: #222222;
}
.google-map-form .google-form .leave-comments-area fieldset select:focus {
  border: 0px;
  box-shadow: none;
}
.google-map-form .google-form .leave-comments-area fieldset .btn-send {
  background: #00aeef;
  border: 0 none;
  color: #ffffff;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 13px 45px 9px;
  text-transform: uppercase;
  transition: all 0.35s ease-out;
  width: 100%;
}
.google-map-form .google-form .leave-comments-area fieldset .btn-send:hover {
  background: #0377a3;
}
/* ------------------------------------
15.Home two Listing Property start here 
---------------------------------------*/
.home-two-title-section h3 {
  color: #000000;
  font-weight: 800;
  font-size: 21px;
  text-transform: uppercase;
}
.home-listing-property-area {
  background: #ffffff;
  padding: 100px 0;
}
.home-listing-property-area .home-two-listing {
  margin: 0 -15px;
}
.home-listing-property-area .home-two-listing .single-listing {
  margin: 0 15px;
  transition: all 0.35s ease-out;
}
.home-listing-property-area .home-two-listing .single-listing:hover {
  -webkit-box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(0, -5px) rotate(0.01deg);
  -o-transform: translate(0, -5px) rotate(0.01deg);
  -ms-transform: translate(0, -5px) rotate(0.01deg);
  transform: translate(0, -5px) rotate(0.01deg);
  -webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
}
.home-listing-property-area .home-two-listing .single-listing .listing-image {
  position: relative;
}
.home-listing-property-area .home-two-listing .single-listing .listing-image img {
  width: 100%;
  transition: all 0.35s ease-out;
}
.home-listing-property-area .home-two-listing .single-listing .listing-image img:hover {
  opacity: .5;
}
.home-listing-property-area .home-two-listing .single-listing .listing-image span {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #00aeef;
  color: #ffffff;
  padding: 2px 15px;
  transition: all 0.35s ease-out;
}
.home-listing-property-area .home-two-listing .single-listing .listing-image span:hover {
  background: #0377a3;
}
.home-listing-property-area .home-two-listing .single-listing .listing-image a {
  position: absolute;
  bottom: -20px;
  right: 10px;
  background: #00aeef;
  color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  transition: all 0.35s ease-out;
}
.home-listing-property-area .home-two-listing .single-listing .listing-image a:hover {
  background: #0377a3;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.home-listing-property-area .home-two-listing .single-listing .property-details {
  padding: 30px;
}
.home-listing-property-area .home-two-listing .single-listing .property-details h3 {
  margin-bottom: 5px;
}
.home-listing-property-area .home-two-listing .single-listing .property-details h3 a {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  transition: all 0.35s ease-out;
}
.home-listing-property-area .home-two-listing .single-listing .property-details h3 a:hover {
  color: #0377a3;
}
.home-listing-property-area .home-two-listing .single-listing .property-details p {
  color: #000000;
  position: relative;
  margin-left: 20px;
}
.home-listing-property-area .home-two-listing .single-listing .property-details p:after {
  position: absolute;
  left: -20px;
  top: 0px;
  content: "\f041";
  font-family: 'fontawesome';
  color: #00aeef;
}
.home-listing-property-area .home-two-listing .owl-pagination {
  margin-top: 30px;
}
.home-listing-property-area .home-two-listing .owl-pagination .owl-page span {
  background: #dddddd none repeat scroll 0 0;
  border: 1px solid #00aeef;
  display: inline-block;
  height: 5px;
  width: 45px;
  border-radius: 0;
}
.home-listing-property-area .home-two-listing .owl-pagination .owl-page.active span {
  background: #00aeef;
  border: 1px solid #00aeef;
}
/* ------------------------------------
16.Home two Page About Us Section Start Here 
---------------------------------------*/
.home-two-about-us-area {
  padding: 100px 0 0;
  background: url('images/about-bg.jpg') no-repeat;
  background-size: cover;
  background-position: center center;
}
.home-two-about-us-area .about-content h2 {
  font-weight: 800;
  font-size: 40px;
  color: #000000;
}
.home-two-about-us-area .about-content h2 span {
  font-weight: 400;
}
.home-two-about-us-area .about-content p {
  font-size: 15px;
  font-weight: 400;
}
.home-two-about-us-area .about-content .service-list {
  margin-top: 30px;
}
.home-two-about-us-area .about-content .service-list ul {
  text-align: left;
}
.home-two-about-us-area .about-content .service-list ul li {
  display: block;
  color: #000000;
  margin-left: 40px;
  position: relative;
  margin-bottom: 20px;
}
.home-two-about-us-area .about-content .service-list ul li:after {
  position: absolute;
  left: -40px;
  top: 0px;
  content: "\f058";
  font-family: 'fontawesome';
  color: #00aeef;
  font-size: 30px;
}
/* ------------------------------------
17.Home Two Featured Project start here 
---------------------------------------*/
.home-two-featured-property {
  padding: 100px 0;
}
.home-two-featured-property .single-listing {
  margin: 0 15px;
  transition: all 0.35s ease-out;
  webkit-box-shadow: -1px 0px 5px 4px rgba(0, 0, 0, 0.26);
  -moz-box-shadow: -1px 0px 5px 4px rgba(0, 0, 0, 0.26);
  box-shadow: -1px 0px 5px 4px rgba(0, 0, 0, 0.26);
}
.home-two-featured-property .single-listing:hover {
  -webkit-box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(0, -5px) rotate(0.01deg);
  -o-transform: translate(0, -5px) rotate(0.01deg);
  -ms-transform: translate(0, -5px) rotate(0.01deg);
  transform: translate(0, -5px) rotate(0.01deg);
  -webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
}
.home-two-featured-property .single-listing .listing-image {
  position: relative;
}
.home-two-featured-property .single-listing .listing-image img {
  width: 100%;
  transition: all 0.35s ease-out;
}
.home-two-featured-property .single-listing .listing-image img:hover {
  opacity: .5;
}
.home-two-featured-property .single-listing .listing-image span {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #00aeef;
  color: #ffffff;
  padding: 2px 15px;
  transition: all 0.35s ease-out;
}
.home-two-featured-property .single-listing .listing-image span:hover {
  background: #0377a3;
}
.home-two-featured-property .single-listing .listing-image a {
  position: absolute;
  bottom: -20px;
  right: 10px;
  background: #00aeef;
  color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  transition: all 0.35s ease-out;
}
.home-two-featured-property .single-listing .listing-image a:hover {
  background: #0377a3;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.home-two-featured-property .single-listing .property-details {
  padding: 30px;
}
.home-two-featured-property .single-listing .property-details h3 {
  margin-bottom: 5px;
}
.home-two-featured-property .single-listing .property-details h3 a {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  transition: all 0.35s ease-out;
}
.home-two-featured-property .single-listing .property-details h3 a:hover {
  color: #0377a3;
}
.home-two-featured-property .single-listing .property-details p {
  color: #000000;
  position: relative;
  margin-left: 20px;
}
.home-two-featured-property .single-listing .property-details p:after {
  position: absolute;
  left: -20px;
  top: 0px;
  content: "\f041";
  font-family: 'fontawesome';
  color: #00aeef;
}
/* ------------------------------------
18.Home Two Page Our Agent Area Start Here 
---------------------------------------*/
.home-two-agent-area {
  padding: 100px 0;
  background: #f8f8f8;
}
.home-two-agent-area .home-two-listing {
  margin: 0 -15px;
}
.home-two-agent-area .home-two-listing .single-listing {
  margin: 0 15px;
  transition: all 0.35s ease-out;
}
.home-two-agent-area .home-two-listing .single-listing:hover {
  -webkit-box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(0, -5px) rotate(0.01deg);
  -o-transform: translate(0, -5px) rotate(0.01deg);
  -ms-transform: translate(0, -5px) rotate(0.01deg);
  transform: translate(0, -5px) rotate(0.01deg);
  -webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
}
.home-two-agent-area .home-two-listing .single-listing .listing-image {
  position: relative;
}
.home-two-agent-area .home-two-listing .single-listing .listing-image img {
  width: 100%;
  transition: all 0.35s ease-out;
}
.home-two-agent-area .home-two-listing .single-listing .listing-image img:hover {
  opacity: .5;
}
.home-two-agent-area .home-two-listing .single-listing .listing-image span {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #00aeef;
  color: #ffffff;
  padding: 2px 15px;
  transition: all 0.35s ease-out;
}
.home-two-agent-area .home-two-listing .single-listing .listing-image span:hover {
  background: #0377a3;
}
.home-two-agent-area .home-two-listing .single-listing .listing-image a {
  position: absolute;
  bottom: -20px;
  right: 10px;
  background: #00aeef;
  color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  transition: all 0.35s ease-out;
}
.home-two-agent-area .home-two-listing .single-listing .listing-image a:hover {
  background: #0377a3;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.home-two-agent-area .home-two-listing .single-listing .property-details {
  padding: 30px;
}
.home-two-agent-area .home-two-listing .single-listing .property-details h3 {
  margin-bottom: 5px;
}
.home-two-agent-area .home-two-listing .single-listing .property-details h3 a {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  transition: all 0.35s ease-out;
}
.home-two-agent-area .home-two-listing .single-listing .property-details h3 a:hover {
  color: #0377a3;
}
.home-two-agent-area .home-two-listing .single-listing .property-details p {
  color: #000000;
  position: relative;
  margin-left: 20px;
}
.home-two-agent-area .home-two-listing .single-listing .property-details p:after {
  position: absolute;
  left: -20px;
  top: 0px;
  content: "\f041";
  font-family: 'fontawesome';
  color: #00aeef;
}
.home-two-agent-area .home-two-listing .owl-pagination {
  margin-top: 30px;
}
.home-two-agent-area .home-two-listing .owl-pagination .owl-page span {
  background: #dddddd none repeat scroll 0 0;
  border: 1px solid #00aeef;
  display: inline-block;
  height: 5px;
  width: 45px;
  border-radius: 0;
}
.home-two-agent-area .home-two-listing .owl-pagination .owl-page.active span {
  background: #00aeef;
  border: 1px solid #00aeef;
}
/* ------------------------------------
19.Page Header Section breadcumb Start Here 
---------------------------------------*/
.page-header-area {
  background: rgba(0, 0, 0, 0) url("images/bennar.jpg") no-repeat scroll center center / cover;
  text-align: left;
  padding: 90px 0;
}
.page-header-area h1 {
  font-size: 36px;
  color: #ffffff;
  margin-bottom: 24px;
  font-weight: 700;
  text-transform: uppercase;
}
.page-header-area ul {
  margin: 0;
  padding: 0;
}
.page-header-area ul li {
  display: inline-block;
  border: 0px;
  color: #ffffff;
  margin: 0px 10px;
  font-weight: 400;
  position: relative;
}
.page-header-area ul li:first-child:after {
  position: absolute;
  content: "\f101";
  top: 0;
  left: 50px;
  right: 0;
  display: block;
  font-family: FontAwesome;
}
.page-header-area ul li.second:after {
  position: absolute;
  content: "\f101";
  top: 0;
  left: 65px;
  right: 0;
  display: block;
  font-family: FontAwesome;
}
.page-header-area ul li:last-child {
  color: #00aeef;
  margin-left: 15px;
}
.page-header-area ul li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
}
/* ------------------------------------
20.About Page Portfolio Area Start Here 
---------------------------------------*/
.about-page-portfolio-area {
  padding: 100px 0;
}
.about-page-portfolio-area .dg-wrapper a.dg-center div {
  display: block;
  border: 20px solid #00aeef !important;
}
.about-page-portfolio-area .dg-wrapper a.dg-center {
  border: 20px solid #00aeef !important;
  min-height: 380px;
}
/* ------------------------------------
21.Property List View Start Here 
---------------------------------------*/
.property-grid-view-area {
  padding: 100px 0;
  background: #f8f8f8;
  overflow: hidden;
}
.property-grid-view-area .property-topbar {
  background: #ffffff;
  overflow: hidden;
  padding: 15px;
  margin: 0 0px 0 20px;
}
.property-grid-view-area .property-topbar .show-result p {
  margin: 15px 0 0;
  font-weight: 800;
  font-size: 16px;
  color: #000000;
}
.property-grid-view-area .property-topbar ul.nav-tabs {
  text-align: right;
  border: 0px solid #ffffff !important;
}
.property-grid-view-area .property-topbar ul.nav-tabs li {
  float: inherit;
  display: inline-block;
  margin: 0;
}
.property-grid-view-area .property-topbar ul.nav-tabs li.active a {
  border: 0px solid #ffffff !important;
  background: transparent;
}
.property-grid-view-area .property-topbar ul.nav-tabs li a {
  font-size: 24px;
  border: 0px solid #ffffff !important;
}
.property-grid-view-area .property-topbar ul.nav-tabs li a:hover {
  background: transparent;
  border: 0px solid #ffffff !important;
}
.property-grid-view-area .property-content-area .grid-view-area {
  padding: 30px 0;
  overflow: hidden;
}
.property-grid-view-area .property-content-area .grid-view-area .single-listing {
  margin: 0px;
  transition: all 0.35s ease-out;
  webkit-box-shadow: -1px 0px 5px 4px rgba(0, 0, 0, 0.26);
  -moz-box-shadow: -1px 0px 5px 4px rgba(0, 0, 0, 0.26);
  box-shadow: -1px 0px 5px 4px rgba(0, 0, 0, 0.26);
}
.property-grid-view-area .property-content-area .grid-view-area .single-listing:hover {
  -webkit-box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(0, -5px) rotate(0.01deg);
  -o-transform: translate(0, -5px) rotate(0.01deg);
  -ms-transform: translate(0, -5px) rotate(0.01deg);
  transform: translate(0, -5px) rotate(0.01deg);
  -webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
}
.property-grid-view-area .property-content-area .grid-view-area .single-listing .listing-image {
  position: relative;
  overflow: hidden;
}
.property-grid-view-area .property-content-area .grid-view-area .single-listing .listing-image img {
  width: 100%;
  transition: all 0.35s ease-out;
}
.property-grid-view-area .property-content-area .grid-view-area .single-listing .listing-image img:hover {
  opacity: .5;
}
.property-grid-view-area .property-content-area .grid-view-area .single-listing .listing-image span {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #00aeef;
  color: #ffffff;
  padding: 2px 15px;
  transition: all 0.35s ease-out;
}
.property-grid-view-area .property-content-area .grid-view-area .single-listing .listing-image span:hover {
  background: #0377a3;
}
.property-grid-view-area .property-content-area .grid-view-area .single-listing .listing-image a {
  background: #00aeef;
  color: #ffffff;
  text-align: center;
  transition: all 0.35s ease-out;
  display: block;
  padding: 5px 20px;
}
.property-grid-view-area .property-content-area .grid-view-area .single-listing .listing-image a:hover {
  background: #0377a3;
}
.property-grid-view-area .property-content-area .grid-view-area .single-listing .property-details {
  padding: 30px;
}
.property-grid-view-area .property-content-area .grid-view-area .single-listing .property-details h3 {
  margin-bottom: 5px;
}
.property-grid-view-area .property-content-area .grid-view-area .single-listing .property-details h3 a {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  transition: all 0.35s ease-out;
}
.property-grid-view-area .property-content-area .grid-view-area .single-listing .property-details h3 a:hover {
  color: #0377a3;
}
.property-grid-view-area .property-content-area .grid-view-area .single-listing .property-details p {
  color: #000000;
  position: relative;
  margin-left: 20px;
}
.property-grid-view-area .property-content-area .grid-view-area .single-listing .property-details p:after {
  position: absolute;
  left: -20px;
  top: 0px;
  content: "\f041";
  font-family: 'fontawesome';
  color: #00aeef;
}
.property-grid-view-area .property-content-area .list-view-area {
  overflow: hidden;
}
.property-grid-view-area .property-content-area .list-view-area .single-list-view {
  transition: all 0.35s ease-out;
  overflow: hidden;
}
.property-grid-view-area .property-content-area .list-view-area .single-list-view:hover {
  -webkit-box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(0, -5px) rotate(0.01deg);
  -o-transform: translate(0, -5px) rotate(0.01deg);
  -ms-transform: translate(0, -5px) rotate(0.01deg);
  transform: translate(0, -5px) rotate(0.01deg);
  -webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
}
.property-grid-view-area .property-content-area .list-view-area .single-list-view .list-view-image {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.property-grid-view-area .property-content-area .list-view-area .single-list-view .list-view-image:hover:before {
  right: 0;
  top: 0;
}
.property-grid-view-area .property-content-area .list-view-area .single-list-view .list-view-image:hover:after {
  left: 0;
  bottom: 0;
}
.property-grid-view-area .property-content-area .list-view-area .single-list-view .list-view-image:before {
  right: -100%;
  top: -100%;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  content: "";
  transition: all .5s;
}
.property-grid-view-area .property-content-area .list-view-area .single-list-view .list-view-image:after {
  left: -100%;
  bottom: -100%;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  content: "";
  transition: all 0.35s ease-out;
}
.property-grid-view-area .property-content-area .list-view-area .single-list-view .list-view-image a {
  display: block;
}
.property-grid-view-area .property-content-area .list-view-area .single-list-view .list-view-image a img {
  width: 100%;
}
.property-grid-view-area .property-content-area .list-view-area .single-list-view .list-view-content {
  padding: 30px;
  background: #ffffff;
}
.property-grid-view-area .property-content-area .list-view-area .single-list-view .list-view-content h3 {
  margin-bottom: 5px;
}
.property-grid-view-area .property-content-area .list-view-area .single-list-view .list-view-content h3 a {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  transition: all 0.35s ease-out;
}
.property-grid-view-area .property-content-area .list-view-area .single-list-view .list-view-content h3 a:hover {
  color: #0377a3;
}
.property-grid-view-area .property-content-area .list-view-area .single-list-view .list-view-content p.location {
  color: #000000;
  position: relative;
  margin-left: 20px;
}
.property-grid-view-area .property-content-area .list-view-area .single-list-view .list-view-content p.location:after {
  position: absolute;
  left: -20px;
  top: 0px;
  content: "\f041";
  font-family: 'fontawesome';
  color: #00aeef;
}
.property-grid-view-area .property-content-area .list-view-area .single-list-view .list-view-price {
  background: #ffffff;
  height: 193px;
  border-right: 1px solid #dddddd;
}
.property-grid-view-area .property-content-area .list-view-area .single-list-view .list-view-price ul {
  text-align: left;
}
.property-grid-view-area .property-content-area .list-view-area .single-list-view .list-view-price ul li {
  display: block;
  position: relative;
  padding-top: 30px;
}
.property-grid-view-area .property-content-area .list-view-area .single-list-view .list-view-price ul li.view-more a {
  font-size: 12px;
  background: #00aeef;
  color: #ffffff;
  padding: 5px 18px;
  display: block;
  text-align: center;
  position: absolute;
  top: 100px;
  left: 0;
  transition: all 0.35s ease-out;
}
.property-grid-view-area .property-content-area .list-view-area .single-list-view .list-view-price ul li.view-more a:hover {
  background: #0377a3;
}
.property-grid-view-area .property-content-area .list-view-area .single-list-view .list-view-price ul li a {
  color: #00aeef;
  font-size: 24px;
  font-weight: 700;
}
.property-grid-view-area .property-content-area .list-view-area .single-list-view .list-view-informations {
  padding: 32px 0 40px 20px;
  background: #ffffff;
}
.property-grid-view-area .property-content-area .list-view-area .single-list-view .list-view-informations ul {
  text-align: left;
}
.property-grid-view-area .property-content-area .list-view-area .single-list-view .list-view-informations ul li {
  font-size: 13px;
  color: #333333;
  margin-bottom: 0px;
}
.property-grid-view-area .property-content-area .list-view-area .single-list-view .list-view-informations ul li i {
  color: #00aeef;
  font-size: 16px;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  font-weight: 700;
}
/*--------------------------------------
21.1 Pagination Area Start Here
-------------------------------------*/
.pagination-area {
  padding-top: 30px;
}
.pagination-area ul {
  text-align: center;
}
.pagination-area ul li {
  display: inline-block;
}
.pagination-area ul li.active a {
  background: #00aeef;
  color: #ffffff;
}
.pagination-area ul li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: transparent;
  border: 1px solid #00aeef;
  color: #000000;
  font-size: 18px;
  text-decoration: none;
  transition: all 0.35s ease-out;
  text-align: center;
}
.pagination-area ul li a:hover {
  background: #00aeef;
  color: #ffffff;
}
/* ----------------------------------
  22.Property Grid View Two Start Here 
  -------------------------------------*/
.property-grid-view-two-area {
  background: transparent !important;
}
.property-grid-view-two-area .property-topbar {
  background: #f8f8f8;
  overflow: hidden;
  margin: 0 0px 0 20px;
}
.property-grid-view-two-area .property-content-area .list-view-area .single-list-view .list-view-informations ul li i {
  margin-right: 0px;
}
.property-grid-view-two-area .property-content-area .list-view-area .single-list-view .list-view-content {
  padding: 0 30px !important;
}
.property-grid-view-two-area .property-content-area .list-view-area .single-list-view .list-view-price ul li.view-more a {
  top: 50px !important;
}
.property-grid-view-two-area .property-content-area .list-view-area .single-list-view .list-view-informations {
  padding: 0;
}
.property-grid-view-two-area .property-content-area .list-view-area .single-list-view .list-view-informations ul li {
  font-size: 12px;
}
.property-grid-view-two-area .property-content-area .list-view-area .single-list-view .list-view-informations ul li i {
  font-size: 12px;
  margin-right: 5px;
  width: 20px;
  height: 40px;
}
/*--------------------------------------
   22.1 Sidebar area start here
  ---------------------------------------*/
.sidebar-area {
  padding: 0px 0 0;
}
.sidebar-area .find-propertise-sidebar {
  margin-bottom: 20px;
  padding: 100px 0 0;
}
.sidebar-area .find-propertise-sidebar h3 {
  background: #00aeef;
  padding: 15px;
  font-weight: bold;
  font-size: 20px;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 0;
}
.sidebar-area .find-propertise-sidebar .listed-keyword {
  margin-bottom: 30px;
  overflow: hidden;
  padding: 15px;
  border: 1px solid #dddddd;
}
.sidebar-area .find-propertise-sidebar .listed-keyword ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.sidebar-area .find-propertise-sidebar .listed-keyword ul li {
  height: 45px;
  font-weight: 600;
  margin-bottom: 10px;
}
.sidebar-area .find-propertise-sidebar .listed-keyword ul li .read-more {
  display: inline-block;
  width: 100%;
}
.sidebar-area .find-propertise-sidebar .listed-keyword ul li .read-more button {
  border: 0;
  background: #00aeef;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 0;
  transition: all 0.35s ease-out;
  display: block;
  font-size: 16px;
  padding: 15px 45px;
  width: 100%;
}
.sidebar-area .find-propertise-sidebar .listed-keyword ul li .read-more button:hover {
  background: #0377a3;
}
.sidebar-area .find-propertise-sidebar .listed-keyword ul li .single-field input {
  height: 40px;
  padding: 10px;
  border-radius: 0;
  border: 0px solid #ffffff;
  color: #737373;
  background: #dddddd;
}
.sidebar-area .find-propertise-sidebar .listed-keyword ul li .single-field select {
  background: #dddddd none repeat scroll 0 0;
  border: 0 none;
  font-weight: 600;
  width: 100%;
  height: 40px;
  padding: 10px;
  border-radius: 0;
  border: 0px solid #ffffff;
  color: #939393;
}
.sidebar-area .single-sidebar {
  padding-top: 20px;
}
.sidebar-area .single-sidebar h2 {
  color: #00aeef;
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 40px;
  position: relative;
  text-transform: uppercase;
}
.sidebar-area .single-sidebar h2:after {
  background: #00aeef;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 40px;
  width: 44px;
}
.sidebar-area .single-sidebar .pull-left {
  margin-right: 7px;
}
.sidebar-area .single-sidebar .pull-left img {
  transition: all 0.35s ease-out;
  width: 80px;
}
.sidebar-area .single-sidebar .pull-left img:hover {
  opacity: .9;
}
.sidebar-area .single-sidebar .media-body h4 a {
  color: #000000;
  transition: all 0.35s ease-out;
  display: block;
  margin-top: 0px;
  font-weight: 600;
  font-size: 20px;
}
.sidebar-area .single-sidebar .media-body h4 a:hover {
  color: #00aeef;
}
.sidebar-area .single-sidebar .media-body .property-info {
  margin-top: 0px;
}
.sidebar-area .single-sidebar .media-body .property-info h4 {
  margin-bottom: 10px;
}
.sidebar-area .single-sidebar .media-body .property-info h4 a {
  color: #000000;
  transition: all 0.35s ease-out;
  display: block;
  font-weight: 600;
  font-size: 16px;
}
.sidebar-area .single-sidebar .media-body .property-info h4 a:hover {
  color: #00aeef;
}
.sidebar-area .single-sidebar .media-body .property-info ul {
  margin: 0;
  padding: 0 0 10px;
}
.sidebar-area .single-sidebar .media-body .property-info ul li {
  display: inline-block;
  margin-left: 20px;
  position: relative;
}
.sidebar-area .single-sidebar .media-body .property-info ul li:after {
  position: absolute;
  left: -15px;
  top: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  content: "\f111";
  font-family: fontawesome;
  font-size: 7px;
}
.sidebar-area .single-sidebar .media-body .property-info ul li:last-child {
  border: 0px;
}
.sidebar-area .single-sidebar .media-body .property-info ul li i {
  margin-right: 4px;
  color: #00aeef;
  font-size: 7px;
  font-weight: 800;
}
.sidebar-area .single-sidebar .media-body .property-info a {
  color: #00aeef;
  transition: all 0.35s ease-out;
  display: block;
  margin-top: 0px;
  font-weight: 600;
  font-size: 20px;
}
.sidebar-area .single-sidebar .media-body .property-info a:hover {
  color: #0377a3;
}
/* ------------------------------------
23.single property page start here 
---------------------------------------*/
.property-page-area {
  padding: 100px 0;
}
.property-page-area .property-slider .single-portfolio-gellary ul li img {
  width: 100%;
}
.property-page-area .property-slider .gallery .pics .thumbs {
  width: 16%;
  float: left;
}
.property-page-area .property-slider .gallery .pics .thumbs .preview img {
  margin-bottom: 25px;
  width: 88%;
  display: block;
  overflow: hidden;
}
.property-page-area .property-slider .gallery img {
  width: 84%;
  float: left;
}
.property-page-area .property-details {
  margin-top: 40px;
}
.property-page-area .property-details h3 {
  color: #000000;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 5px;
}
.property-page-area .property-details p.address {
  color: #000000;
  position: relative;
  margin-left: 20px;
}
.property-page-area .property-details p.address:after {
  position: absolute;
  left: -20px;
  top: 0px;
  content: "\f041";
  font-family: 'fontawesome';
  color: #77c720;
}
.property-page-area .property-details p {
  margin-left: 0px;
}
.property-page-area .property-details .single-property-details {
  margin-top: 40px;
  overflow: hidden;
}
.property-page-area .property-details .single-property-details h4 {
  color: #000000;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0;
}
.property-page-area .property-details .single-property-details h5 {
  color: #000000;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 40px;
}
.property-page-area .property-details .single-property-details .single-informations {
  margin-top: 30px;
}
.property-page-area .property-details .single-property-details .single-informations ul {
  text-align: left;
}
.property-page-area .property-details .single-property-details .single-informations ul li {
  display: block;
  color: #000000;
  margin-left: 15px;
  position: relative;
  margin-bottom: 15px;
}
.property-page-area .property-details .single-property-details .single-informations ul li:after {
  position: absolute;
  left: -30px;
  top: 0px;
  content: "\f058";
  font-family: 'fontawesome';
  color: #00aeef;
  font-size: 20px;
}
.property-page-area .property-details .single-property-details .agent-area {
  margin-top: 30px;
}
.property-page-area .property-details .single-property-details .agent-area .media .pull-left {
  display: block;
  margin-right: 20px;
  padding: 0;
}
.property-page-area .property-details .single-property-details .agent-area .media .pull-left img {
  width: 100%;
  transition: all 0.35s ease-out;
  opacity: .9;
}
.property-page-area .property-details .single-property-details .agent-area .media .media-body h4.media-heading {
  font-size: 30px;
  color: #00aeef;
  font-weight: 700;
  position: relative;
  margin-bottom: 30px;
}
.property-page-area .property-details .single-property-details .agent-area .media .media-body h4.media-heading:after {
  background: #00aeef;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 50px;
  width: 60px;
}
.property-page-area .property-details .single-property-details .agent-area .media .media-body span {
  display: block;
}
.property-page-area .property-details .single-property-details .agent-area .media .media-body .social-media {
  margin-top: 5px;
}
.property-page-area .property-details .single-property-details .agent-area .media .media-body .social-media ul {
  text-align: left;
}
.property-page-area .property-details .single-property-details .agent-area .media .media-body .social-media ul li {
  display: block;
  font-size: 16px;
  margin: 10px;
}
.property-page-area .property-details .single-property-details .agent-area .media .media-body .social-media ul li span {
  display: inline-block;
  margin-right: 10px;
}
.property-page-area .property-details .single-property-details .agent-area .media .media-body .social-media ul li span i {
  color: #00aeef;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border: 1px solid #00aeef;
  border-radius: 3px;
  text-align: center;
  font-size: 20px;
}
.property-page-area .sidebar-area {
  padding: 0 !important;
}
.property-page-area .sidebar-area .find-propertise-sidebar {
  margin-bottom: 20px;
  padding-top: 0px !important;
}
.property-page-area .sidebar-area .find-propertise-sidebar h3 {
  background: #00aeef;
  padding: 15px;
  font-weight: bold;
  font-size: 20px;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 0;
}
.property-page-area .sidebar-area .find-propertise-sidebar .listed-keyword {
  margin-bottom: 30px;
  overflow: hidden;
  padding: 15px;
}
.property-page-area .sidebar-area .find-propertise-sidebar .listed-keyword ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.property-page-area .sidebar-area .find-propertise-sidebar .listed-keyword ul li {
  height: 45px;
  font-weight: 600;
  margin-bottom: 10px;
}
.property-page-area .sidebar-area .find-propertise-sidebar .listed-keyword ul li .read-more {
  display: inline-block;
  width: 100%;
}
.property-page-area .sidebar-area .find-propertise-sidebar .listed-keyword ul li .read-more button {
  border: 0;
  background: #00aeef;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 0;
  transition: all 0.35s ease-out;
  display: block;
  font-size: 16px;
  padding: 15px 45px;
  width: 100%;
}
.property-page-area .sidebar-area .find-propertise-sidebar .listed-keyword ul li .read-more button:hover {
  background: #0377a3;
}
.property-page-area .sidebar-area .find-propertise-sidebar .listed-keyword ul li .single-field input {
  height: 40px;
  padding: 10px;
  border-radius: 0;
  border: 0px solid #ffffff;
  color: #737373;
  background: #dddddd;
}
.property-page-area .sidebar-area .find-propertise-sidebar .listed-keyword ul li .single-field select {
  background: #dddddd;
  border: 0 none;
  font-weight: 600;
  width: 100%;
  height: 40px;
  padding: 10px;
  border-radius: 0;
  border: 0px solid #ffffff;
  color: #939393;
}
.property-page-area .sidebar-area .single-sidebar {
  padding-top: 20px;
}
.property-page-area .sidebar-area .single-sidebar h2 {
  color: #00aeef;
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 40px;
  position: relative;
  text-transform: uppercase;
}
.property-page-area .sidebar-area .single-sidebar h2:after {
  background: #00aeef;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 40px;
  width: 44px;
}
.property-page-area .sidebar-area .single-sidebar .pull-left {
  margin-right: 7px;
}
.property-page-area .sidebar-area .single-sidebar .pull-left img {
  transition: all 0.35s ease-out;
  width: 80px;
}
.property-page-area .sidebar-area .single-sidebar .pull-left img:hover {
  opacity: .9;
}
.property-page-area .sidebar-area .single-sidebar .media-body h4 a {
  color: #000000;
  transition: all 0.35s ease-out;
  display: block;
  margin-top: 0px;
  font-weight: 600;
  font-size: 20px;
}
.property-page-area .sidebar-area .single-sidebar .media-body h4 a:hover {
  color: #00aeef;
}
.property-page-area .sidebar-area .single-sidebar .media-body .property-info {
  margin-top: 0px;
}
.property-page-area .sidebar-area .single-sidebar .media-body .property-info h4 {
  margin-bottom: 10px;
}
.property-page-area .sidebar-area .single-sidebar .media-body .property-info h4 a {
  color: #000000;
  transition: all 0.35s ease-out;
  display: block;
  font-weight: 600;
  font-size: 16px;
}
.property-page-area .sidebar-area .single-sidebar .media-body .property-info h4 a:hover {
  color: #00aeef;
}
.property-page-area .sidebar-area .single-sidebar .media-body .property-info ul {
  margin: 0;
  padding: 0 0 10px;
}
.property-page-area .sidebar-area .single-sidebar .media-body .property-info ul li {
  display: inline-block;
  margin-left: 20px;
  position: relative;
}
.property-page-area .sidebar-area .single-sidebar .media-body .property-info ul li:after {
  position: absolute;
  left: -15px;
  top: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  content: "\f111";
  font-family: fontawesome;
  font-size: 7px;
}
.property-page-area .sidebar-area .single-sidebar .media-body .property-info ul li:last-child {
  border: 0px;
}
.property-page-area .sidebar-area .single-sidebar .media-body .property-info ul li i {
  margin-right: 4px;
  color: #00aeef;
  font-size: 15px;
  font-weight: 800;
}
.property-page-area .sidebar-area .single-sidebar .media-body .property-info a {
  color: #00aeef;
  transition: all 0.35s ease-out;
  display: block;
  margin-top: 0px;
  font-weight: 600;
  font-size: 20px;
}
.property-page-area .sidebar-area .single-sidebar .media-body .property-info a:hover {
  color: #0377a3;
}
/* ----------------------------------
  24.services Page start here 
  -------------------------------------*/
.services-area {
  border: 1px solid #cdcdcd;
  padding: 100px 0;
}
.services-area .service-content {
  padding: 60px 0;
}
.services-area .service-content .media a {
  display: block;
}
.services-area .service-content .media a.pull-left {
  font-size: 48px;
  color: #00aeef;
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  font-weight: 400;
  margin-right: 40px;
  transition: all 0.35s ease-out;
  margin-left: 10px;
  margin-top: 10px;
}
.services-area .service-content .media a.pull-left:hover {
  color: #00aeef;
}
.services-area .service-content .media .media-body h4.media-heading {
  margin-bottom: 30px;
}
.services-area .service-content .media .media-body h4.media-heading a {
  color: #000000;
  font-weight: 700;
  font-size: 36px;
  position: relative;
  transition: all 0.35s ease-out;
}
.services-area .service-content .media .media-body h4.media-heading a:hover {
  color: #00aeef;
}
.services-area .service-content .media .media-body h4.media-heading a:after {
  position: absolute;
  right: 0;
  top: 20px;
  height: 5px;
  width: 200px;
  content: "";
  background: #00aeef;
}
.services-area .service-content .media .media-body p {
  margin-right: 60px;
}
.services-area .service-content .media .media-body .single-property-details .single-informations {
  margin-top: 30px;
}
.services-area .service-content .media .media-body .single-property-details .single-informations ul {
  text-align: left;
}
.services-area .service-content .media .media-body .single-property-details .single-informations ul li {
  display: block;
  color: #000000;
  margin-left: 15px;
  position: relative;
  margin-bottom: 15px;
}
.services-area .service-content .media .media-body .single-property-details .single-informations ul li:after {
  position: absolute;
  left: -30px;
  top: 0px;
  content: "\f058";
  font-family: 'fontawesome';
  color: #00aeef;
  font-size: 20px;
}
.services-area .service-feature-image .feature-image {
  position: relative;
  overflow: hidden;
}
.services-area .service-feature-image .feature-image:hover:before {
  right: 0;
  top: 0;
}
.services-area .service-feature-image .feature-image:hover:after {
  left: 0;
  bottom: 0;
}
.services-area .service-feature-image .feature-image:before {
  right: -100%;
  top: -100%;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  content: "";
  transition: all .5s;
}
.services-area .service-feature-image .feature-image:after {
  left: -100%;
  bottom: -100%;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  content: "";
  transition: all 0.35s ease-out;
}
.services-area .service-feature-image .feature-image a {
  display: block;
}
.services-area .service-feature-image .feature-image a img {
  width: 100%;
}
/* ----------------------------------
25.Services Two Page Start Here 
-------------------------------------*/
.service-two-area {
  padding: 100px 0;
}
.service-two-area .single-services .service-image {
  position: relative;
  overflow: hidden;
}
.service-two-area .single-services .service-image:hover:before {
  right: 0;
  top: 0;
}
.service-two-area .single-services .service-image:hover:after {
  left: 0;
  bottom: 0;
}
.service-two-area .single-services .service-image:before {
  right: -100%;
  top: -100%;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  content: "";
  transition: all .5s;
}
.service-two-area .single-services .service-image:after {
  left: -100%;
  bottom: -100%;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  content: "";
  transition: all 0.35s ease-out;
}
.service-two-area .single-services .service-image a {
  display: block;
}
.service-two-area .single-services .service-image a img {
  width: 100%;
}
.service-two-area .single-services .services-details {
  margin: 30px 0;
}
.service-two-area .single-services .services-details h3 {
  margin-bottom: 10px;
}
.service-two-area .single-services .services-details h3 a {
  color: #000000;
  transition: all 0.35s ease-out;
  display: block;
  margin-top: 0px;
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
}
.service-two-area .single-services .services-details h3 a:hover {
  color: #0377a3;
}
.leave-comments-area {
  padding-top: 30px;
}
.leave-comments-area h4 {
  color: #222222;
  font-size: 24px;
  font-weight: 600;
  position: relative;
  margin-bottom: 40px;
  text-decoration: none;
}
.leave-comments-area fieldset {
  margin-top: 20px;
}
.leave-comments-area fieldset input {
  background: #dddddd none repeat scroll 0 0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  height: 45px;
  margin-right: 20px;
}
.leave-comments-area fieldset input:focus {
  border: 0px;
  box-shadow: none;
}
.leave-comments-area fieldset textarea {
  background: #dddddd none repeat scroll 0 0;
  border-radius: 0;
  margin-right: 20px;
}
.leave-comments-area fieldset textarea:focus {
  border: 0px;
  box-shadow: none;
}
.leave-comments-area fieldset .btn-send {
  background: #00aeef;
  border: 0 none;
  color: #ffffff;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 14px 45px;
  text-transform: uppercase;
  transition: all 0.35s ease-out;
  margin-top: 10px;
}
.leave-comments-area fieldset .btn-send:hover {
  background: #0377a3;
}
/* ----------------------------------
  26.Appointment Page Area Start Here 
  -------------------------------------*/
.appointemt-area {
  padding: 100px 0 0;
  background: url(images/about-bg.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}
.appointment-form {
  margin: 0;
  padding: 63px 63px 53px 63px;
}
.appointment-form > h2 {
  color: #222222;
  font-size: 36px;
  font-weight: 600;
  text-align: right;
  margin-right: 15px;
}
.appointment-form .form-control {
  background: transparent none repeat scroll 0 0;
  border-color: #222222;
  box-shadow: none;
  outline: 0 none;
  border-radius: 0;
  height: 45px;
}
.appointment-form .form-control:focus {
  border-color: #222222;
  box-shadow: none;
}
.btn-send.appointment-buttom {
  background: #00aeef;
  border: none;
  color: #ffffff;
  float: right;
  padding: 15px 40px;
  font-size: 14px;
  font-weight: 600;
  transition: all .3s;
}
.btn-send.appointment-buttom:hover {
  background: #0377a3;
}
/* ------------------------------------
  27.Slide Menu Section Start Here 
  ---------------------------------------*/
.slide-menu-area {
  background: rgba(0, 174, 239, 0.9);
  width: 0px;
  height: 100vh;
  position: fixed;
  right: -360px;
  top: 0px;
  padding: 130px 30px;
  transition: all 0.5s ease 0s;
  opacity: 0;
  visibility: hidden;
}
.slide-menu-area .close {
  position: absolute;
  left: 0;
  top: 0;
  color: #ffffff;
  opacity: 1;
  padding: 10px;
}
.slide-menu-area .close i {
  color: #ffffff;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.35s ease-out;
}
.slide-menu-area .close i:hover {
  color: #222222;
}
.slide-menu-area.highlight {
  right: 0;
  opacity: 1;
  width: 300px;
  visibility: visible;
  z-index: 99999999999;
}
.slide-menu-area h3 {
  color: #ffffff;
  font-weight: 600;
  position: relative;
}
.slide-menu-area h3:after {
  position: absolute;
  content: "";
  top: 30px;
  left: 0px;
  width: 60px;
  height: 2px;
  font-style: normal;
  background: #ffffff;
}
.slide-menu-area ul {
  text-align: left;
  transition: all 0.35s ease-out;
  margin: 0;
  padding: 0;
}
.slide-menu-area ul li {
  display: block;
  position: relative;
  font-size: 14px;
  color: #ffffff;
  margin-right: 30px;
  padding: 10px 0;
}
.slide-menu-area ul li:last-child {
  margin-right: 0;
}
.slide-menu-area ul li span {
  font-weight: 600;
  color: #ffffff;
  padding: 0 1px;
}
.slide-menu-area ul li span i {
  margin-left: 50px;
}
.slide-menu-area ul li a {
  display: block;
  color: #ffffff;
  transition: all 0.35s ease-out;
}
.slide-menu-area ul li a:hover {
  color: #dddddd;
}
.slide-menu-area ul li i {
  color: #ffffff;
  margin-right: 10px;
  font-size: 12px;
}
/* ----------------------------------
  28.Agent Grid View Start Here 
  -------------------------------------*/
.property-content-area.agent-grid .single-agent {
  position: relative;
  overflow: hidden;
  transition: all 0.35s ease-out;
}
.property-content-area.agent-grid .single-agent:hover .agent-details {
  margin-top: 30px;
  padding: 10px 0 0;
  background: rgba(0, 174, 239, 0.7);
}
.property-content-area.agent-grid .single-agent:hover .agent-details h3 {
  margin-bottom: 5px;
}
.property-content-area.agent-grid .single-agent:hover .agent-details h3 a {
  display: block;
  color: #ffffff;
  transition: all 0.35s ease-out;
  font-weight: 800;
}
.property-content-area.agent-grid .single-agent:hover .agent-details p.designation {
  color: #ffffff;
}
.property-content-area.agent-grid .single-agent a {
  display: block;
}
.property-content-area.agent-grid .single-agent a img {
  width: 100%;
}
.property-content-area.agent-grid .single-agent .agent-details {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  margin-bottom: auto;
  text-align: center;
  transition: all 0.35s ease-out;
}
.property-content-area.agent-grid .single-agent .agent-details h3 {
  margin-bottom: 5px;
}
.property-content-area.agent-grid .single-agent .agent-details h3 a {
  display: block;
  color: #000000;
  transition: all 0.35s ease-out;
  font-weight: 800;
  font-size: 24px;
}
.property-content-area.agent-grid .single-agent .agent-details p.designation {
  color: #000000;
}
.property-content-area.agent-grid .single-agent .button {
  position: absolute;
  bottom: 0 ;
  right: 0;
}
.property-content-area.agent-grid .single-agent .button a {
  display: inline-block;
  padding: 10px 20px;
  background: #00aeef;
  color: #ffffff;
  transition: all 0.35s ease-out;
  text-align: center;
}
.property-content-area.agent-grid .single-agent .button a:hover {
  background: #0377a3;
}
/* ----------------------------------
  29.Agent List View Start Here 
  -------------------------------------*/
.agent-list-view-area {
  background: #ffffff;
}
.agent-list-view-area .single-agent-list-view .agent-list-view-single {
  trasnsition: all 0.35s ease-out;
}
.agent-list-view-area .single-agent-list-view .agent-list-view-single:hover {
  -webkit-box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(0, -5px) rotate(0.01deg);
  -o-transform: translate(0, -5px) rotate(0.01deg);
  -ms-transform: translate(0, -5px) rotate(0.01deg);
  transform: translate(0, -5px) rotate(0.01deg);
  -webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
}
.agent-list-view-area .single-agent-list-view .agent-list-view-single .media .pull-left {
  margin-right: -10px;
}
.agent-list-view-area .single-agent-list-view .agent-list-view-single .media .media-body {
  background: #ffffff;
  padding: 70px 30px;
  height: 468px;
  border-left: 1px solid #dddddd;
}
.agent-list-view-area .single-agent-list-view .agent-list-view-single .media .media-body h4.media-heading {
  font-weight: 800;
  font-size: 24px;
  color: #000000;
}
.agent-list-view-area .single-agent-list-view .agent-list-view-single .media .media-body span {
  color: #333333;
  font-weight: 600;
  margin-bottom: 30px;
  display: block;
}
.agent-list-view-area .single-agent-list-view .agent-list-view-single .media .media-body .social-media {
  margin-top: 45px;
}
.agent-list-view-area .single-agent-list-view .agent-list-view-single .media .media-body .social-media ul {
  text-align: left;
}
.agent-list-view-area .single-agent-list-view .agent-list-view-single .media .media-body .social-media ul li {
  display: inline-block;
  margin-right: 10px;
}
.agent-list-view-area .single-agent-list-view .agent-list-view-single .media .media-body .social-media ul li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-decoration: none;
  text-align: center;
  background: #00aeef;
  color: #ffffff;
  transition: all 0.35s ease-out;
}
.agent-list-view-area .single-agent-list-view .agent-list-view-single .media .media-body .social-media ul li a:hover {
  background: #0377a3;
}
/* ----------------------------------
  30.Single Agent Page start Here 
  -------------------------------------*/
.single-agent-area {
  padding: 100px 0;
}
.single-agent-area .sidebar-area {
  padding-top: 0 !important;
}
.single-agent-area .sidebar-area .find-propertise-sidebar {
  padding-top: 0 !important;
}
.single-agent-area .agent-content .agent-info {
  margin-bottom: 60px;
}
.single-agent-area .agent-content .agent-info .media .pull-left {
  margin-right: 30px;
}
.single-agent-area .agent-content .agent-info .media .media-body {
  padding: 30px 0 0;
}
.single-agent-area .agent-content .agent-info .media .media-body h4.media-heading {
  font-size: 30px;
  text-transform: uppercase;
  color: #00aeef;
  font-weight: 700;
  margin-bottom: 10px;
}
.single-agent-area .agent-content .agent-info .media .media-body h5 {
  position: relative;
}
.single-agent-area .agent-content .agent-info .media .media-body h5:after {
  background: #00aeef;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 24px;
  width: 44px;
}
.single-agent-area .agent-content .agent-info .media .media-body .social-media {
  margin-top: 40px;
}
.single-agent-area .agent-content .agent-info .media .media-body .social-media ul {
  text-align: left;
}
.single-agent-area .agent-content .agent-info .media .media-body .social-media ul li {
  display: block;
  font-size: 16px;
  margin: 10px 0;
}
.single-agent-area .agent-content .agent-info .media .media-body .social-media ul li span {
  display: inline-block;
  margin-right: 15px;
}
.single-agent-area .agent-content .agent-info .media .media-body .social-media ul li span i {
  color: #00aeef;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  text-align: center;
  font-size: 20px;
}
.single-agent-area .agent-two .social-media {
  margin-top: 40px;
}
.single-agent-area .agent-two .social-media ul {
  text-align: left;
}
.single-agent-area .agent-two .social-media ul li {
  display: inline-block !important;
  font-size: 16px;
  margin: 10px 0;
}
.single-agent-area .agent-two .social-media ul li span {
  display: inline-block;
  margin-right: 15px;
}
.single-agent-area .agent-two .social-media ul li span i {
  color: #00aeef;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  text-align: center;
  font-size: 20px;
}
.single-agent-area .agent-two .agent-info .media .media-body .social-media ul li {
  display: inline-block !important;
}
.single-agent-area .agent-about {
  margin-bottom: 40px;
}
.single-agent-area .agent-about h2 {
  font-size: 24px;
  text-transform: uppercase;
  color: #00aeef;
  font-weight: 800;
  margin-bottom: 40px;
  position: relative;
}
.single-agent-area .agent-about h2:after {
  background: #00aeef;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 40px;
  width: 44px;
}
.single-agent-area .agent-about p {
  font-size: 16px;
}
.single-agent-area .main-contact-form {
  margin-bottom: 60px;
  margin-left: -15px;
  padding-top: 0px;
}
.single-agent-area .main-contact-form h2 {
  font-size: 24px;
  text-transform: uppercase;
  color: #00aeef;
  font-weight: 800;
  margin-bottom: 50px;
  position: relative;
  margin-left: 15px;
}
.single-agent-area .main-contact-form h2:after {
  background: #00aeef;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 40px;
  width: 44px;
}
.single-agent-area .main-contact-form fieldset {
  margin-top: 0px;
}
.single-agent-area .main-contact-form fieldset input {
  background: #ededed;
  border-radius: 0;
  height: 40px;
  margin-right: 20px;
}
.single-agent-area .main-contact-form fieldset input:focus {
  border: 0px;
  box-shadow: none;
}
.single-agent-area .main-contact-form fieldset textarea {
  background: #ededed;
  border-radius: 0;
  margin-right: 20px;
  height: 225px;
}
.single-agent-area .main-contact-form fieldset textarea:focus {
  border: 0px;
  box-shadow: none;
}
.single-agent-area .main-contact-form fieldset .btn-send {
  background: #00aeef;
  border: 0 none;
  color: #ffffff;
  display: block;
  font-size: 16px;
  font-weight: bold;
  padding: 15px 55px;
  text-transform: uppercase;
  transition: all 0.35s ease-out;
  font-weight: 700;
}
.single-agent-area .main-contact-form fieldset .btn-send:hover {
  background: #0377a3;
}
.single-agent-area .my-listing-property-area h2 {
  font-size: 24px;
  text-transform: uppercase;
  color: #00aeef;
  font-weight: 800;
  margin-bottom: 50px;
  position: relative;
}
.single-agent-area .my-listing-property-area h2:before {
  background: #e0e0e0 none repeat scroll 0 0;
  content: "";
  height: 2px;
  left: 38%;
  position: absolute;
  top: 12px;
  width: 435px;
}
.single-agent-area .my-listing-property-area h2:after {
  background: #00aeef;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 40px;
  width: 44px;
}
.single-agent-area .my-listing-property-area .home-two-listing {
  margin: 0 -15px;
}
.single-agent-area .my-listing-property-area .home-two-listing .single-listing {
  margin: 0 15px;
  transition: all 0.35s ease-out;
}
.single-agent-area .my-listing-property-area .home-two-listing .single-listing:hover {
  -webkit-box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(0, -5px) rotate(0.01deg);
  -o-transform: translate(0, -5px) rotate(0.01deg);
  -ms-transform: translate(0, -5px) rotate(0.01deg);
  transform: translate(0, -5px) rotate(0.01deg);
  -webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
}
.single-agent-area .my-listing-property-area .home-two-listing .single-listing .listing-image {
  position: relative;
}
.single-agent-area .my-listing-property-area .home-two-listing .single-listing .listing-image img {
  width: 100%;
  transition: all 0.35s ease-out;
}
.single-agent-area .my-listing-property-area .home-two-listing .single-listing .listing-image img:hover {
  opacity: .5;
}
.single-agent-area .my-listing-property-area .home-two-listing .single-listing .listing-image span {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #00aeef;
  color: #ffffff;
  padding: 2px 15px;
  transition: all 0.35s ease-out;
}
.single-agent-area .my-listing-property-area .home-two-listing .single-listing .listing-image span:hover {
  background: #0377a3;
}
.single-agent-area .my-listing-property-area .home-two-listing .single-listing .listing-image a {
  position: absolute;
  bottom: -20px;
  right: 10px;
  background: #00aeef;
  color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  transition: all 0.35s ease-out;
}
.single-agent-area .my-listing-property-area .home-two-listing .single-listing .listing-image a:hover {
  background: #0377a3;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.single-agent-area .my-listing-property-area .home-two-listing .single-listing .property-details {
  padding: 20px;
}
.single-agent-area .my-listing-property-area .home-two-listing .single-listing .property-details h3 {
  margin-bottom: 5px;
}
.single-agent-area .my-listing-property-area .home-two-listing .single-listing .property-details h3 a {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  transition: all 0.35s ease-out;
}
.single-agent-area .my-listing-property-area .home-two-listing .single-listing .property-details h3 a:hover {
  color: #0377a3;
}
.single-agent-area .my-listing-property-area .home-two-listing .single-listing .property-details p {
  color: #000000;
  position: relative;
  margin-left: 20px;
}
.single-agent-area .my-listing-property-area .home-two-listing .single-listing .property-details p:after {
  position: absolute;
  left: -20px;
  top: 0px;
  content: "\f041";
  font-family: 'fontawesome';
  color: #00aeef;
}
.single-agent-area .my-listing-property-area .home-two-listing .owl-pagination {
  margin-top: 30px;
}
.single-agent-area .my-listing-property-area .home-two-listing .owl-pagination .owl-page span {
  background: #dddddd none repeat scroll 0 0;
  border: 1px solid #00aeef;
  display: inline-block;
  height: 5px;
  width: 45px;
  border-radius: 0;
}
.single-agent-area .my-listing-property-area .home-two-listing .owl-pagination .owl-page.active span {
  background: #00aeef;
  border: 1px solid #00aeef;
}
.single-agent-area .my-listing-property-area .owl-controls .owl-buttons {
  position: absolute;
  right: 15px;
  top: -85px;
}
.single-agent-area .my-listing-property-area .owl-controls .owl-buttons div {
  border: 1px solid #000000;
  color: #ee0548;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: transparent;
  opacity: 1;
  width: 40px;
  height: 40px;
}
.single-agent-area .my-listing-property-area .owl-controls .owl-buttons div.owl-prev {
  right: 0;
}
.single-agent-area .my-listing-property-area .owl-controls .owl-buttons div.owl-next {
  left: 15px;
}
.single-agent-area .my-listing-property-area .owl-controls .owl-buttons div i {
  color: #000000;
  line-height: 30px;
  display: block;
  font-weight: bold;
  font-size: 25px;
}
.single-agent-area .my-listing-property-area .owl-controls .owl-buttons div:hover {
  border: 1px solid #000000;
  background: #000000;
}
.single-agent-area .my-listing-property-area .owl-controls .owl-buttons div:hover i {
  color: #ffffff;
}
/*--------------------------------------
     30.1 Sidebar area start here
    ---------------------------------------*/
.sidebar-area {
  padding-top: 0 !important;
}
.sidebar-area .find-propertise-sidebar {
  margin-bottom: 20px;
}
.sidebar-area .find-propertise-sidebar h3 {
  background: #00aeef;
  padding: 15px 30px;
  font-weight: bold;
  font-size: 20px;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 0;
}
.sidebar-area .find-propertise-sidebar .listed-keyword {
  margin-bottom: 30px;
  overflow: hidden;
  padding: 30px;
}
.sidebar-area .find-propertise-sidebar .listed-keyword ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.sidebar-area .find-propertise-sidebar .listed-keyword ul li {
  height: 45px;
  font-weight: 600;
  margin-bottom: 10px;
}
.sidebar-area .find-propertise-sidebar .listed-keyword ul li .single-field input {
  height: 40px;
  padding: 10px;
  border-radius: 0;
  border: 0px solid #ffffff;
  color: #737373;
  background: #dddddd;
}
.sidebar-area .find-propertise-sidebar .listed-keyword ul li .single-field select {
  background: #dddddd;
  border: 0 none;
  font-weight: 600;
  width: 280px;
  height: 40px;
  padding: 10px;
  border-radius: 0;
  border: 0px solid #ffffff;
  color: #939393;
}
.sidebar-area .find-propertise-sidebar .read-more {
  display: inline-block;
  width: 100%;
}
.sidebar-area .find-propertise-sidebar .read-more button {
  border: 0;
  background: #00aeef;
  color: #ffffff;
  padding: 15px 100px;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 0;
  margin: 12px 0;
  transition: all 0.35s ease-out;
  display: block;
  font-size: 16px;
  width: 100%;
}
.sidebar-area .find-propertise-sidebar .read-more button:hover {
  background: #0377a3;
}
.sidebar-area .single-sidebar {
  padding-top: 20px;
}
.sidebar-area .single-sidebar h2 {
  color: #00aeef;
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 40px;
  position: relative;
  text-transform: uppercase;
}
.sidebar-area .single-sidebar h2:after {
  background: #00aeef;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 40px;
  width: 44px;
}
.sidebar-area .single-sidebar .pull-left {
  margin-right: 20px;
}
.sidebar-area .single-sidebar .pull-left img {
  transition: all 0.35s ease-out;
}
.sidebar-area .single-sidebar .pull-left img:hover {
  opacity: .9;
}
.sidebar-area .single-sidebar .media-body h4 a {
  color: #000000;
  transition: all 0.35s ease-out;
  display: block;
  margin-top: 0px;
  font-weight: 600;
  font-size: 20px;
}
.sidebar-area .single-sidebar .media-body h4 a:hover {
  color: #00aeef;
}
.sidebar-area .single-sidebar .media-body .posted-date a {
  color: #00aeef;
  font-weight: 700;
  transition: all 0.35s ease-out;
  display: block;
  font-size: 18px;
  margin-bottom: 10px;
}
.sidebar-area .single-sidebar .media-body .posted-date a:hover {
  color: #0377a3;
}
.sidebar-area .single-sidebar .media-body .posted-date h5 {
  margin: 0;
}
.sidebar-area .single-sidebar .media-body .social-media {
  margin-top: 5px;
}
.sidebar-area .single-sidebar .media-body .social-media ul {
  margin: 0;
  padding: 0 0 10px;
}
.sidebar-area .single-sidebar .media-body .social-media ul li {
  display: block;
  margin-right: 10px;
  padding-right: 10px;
}
.sidebar-area .single-sidebar .media-body .social-media ul li:last-child {
  border: 0px;
}
.sidebar-area .single-sidebar .media-body .social-media ul li i {
  margin-right: 4px;
  color: #00aeef;
  font-size: 15px;
  font-weight: 800;
}
/* --------------------------------
    31.Blog Two Page Start Here 
    -----------------------------------*/
.blog-two-page-area {
  padding: 100px 0;
}
.blog-two-page-area .sidebar-area .find-propertise-sidebar {
  padding: 0px 0 0 !important;
}
.blog-two-page-area .blog-two-content .single-blog-content {
  background: #f8f8f8;
  transition: all 0.35s ease-out;
}
.blog-two-page-area .blog-two-content .single-blog-content:hover {
  -webkit-box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(0, -5px) rotate(0.01deg);
  -o-transform: translate(0, -5px) rotate(0.01deg);
  -ms-transform: translate(0, -5px) rotate(0.01deg);
  transform: translate(0, -5px) rotate(0.01deg);
  -webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
}
.blog-two-page-area .blog-two-content .single-blog-content .media .pull-left {
  position: relative;
  overflow: hidden;
}
.blog-two-page-area .blog-two-content .single-blog-content .media .pull-left:hover:before {
  right: 0;
  top: 0;
}
.blog-two-page-area .blog-two-content .single-blog-content .media .pull-left:hover:after {
  left: 0;
  bottom: 0;
}
.blog-two-page-area .blog-two-content .single-blog-content .media .pull-left:before {
  right: -100%;
  top: -100%;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  content: "";
  transition: all .5s;
}
.blog-two-page-area .blog-two-content .single-blog-content .media .pull-left:after {
  left: -100%;
  bottom: -100%;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  content: "";
  transition: all 0.35s ease-out;
}
.blog-two-page-area .blog-two-content .single-blog-content .media .pull-left a {
  text-transform: inherit;
}
.blog-two-page-area .blog-two-content .single-blog-content .media .pull-left a img {
  width: 100%;
}
.blog-two-page-area .blog-two-content .single-blog-content .media .media-body {
  padding: 30px 30px 0;
}
.blog-two-page-area .blog-two-content .single-blog-content .media .media-body h4.media-heading a {
  color: #222222;
  font-size: 20px;
  font-weight: 600;
  transition: all 0.35s ease-out;
  text-transform: inherit;
}
.blog-two-page-area .blog-two-content .single-blog-content .media .media-body h4.media-heading a:hover {
  color: #00aeef;
}
.blog-two-page-area .blog-two-content .single-blog-content .media .media-body .blog-informations {
  margin-bottom: 20px;
}
.blog-two-page-area .blog-two-content .single-blog-content .media .media-body .blog-informations ul {
  text-align: left;
}
.blog-two-page-area .blog-two-content .single-blog-content .media .media-body .blog-informations ul li {
  display: inline-block;
}
.blog-two-page-area .blog-two-content .single-blog-content .media .media-body .blog-informations ul li a {
  display: inline-block;
  color: #00aeef;
  font-weight: 500;
  text-transform: inherit;
}
.blog-two-page-area .blog-two-content .single-blog-content .media .media-body p {
  border-bottom: 1px dashed #cccccc;
  padding-bottom: 30px;
}
.blog-two-page-area .blog-two-content .single-blog-content .media .media-body a {
  color: #00aeef;
  text-transform: uppercase;
  transition: all 0.35s ease-out;
}
.blog-two-page-area .blog-two-content .single-blog-content .media .media-body a:hover {
  color: #0377a3;
}
/* ----------------------------------
  32.Login and Registration start Here 
  -------------------------------------*/
.loginregistration-area {
  padding: 100px 0;
}
.loginregistration-area .login-area {
  background: #f8f8f8;
  padding: 30px;
}
.loginregistration-area .login-area h2 {
  color: #222222;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 50px;
  position: relative;
  text-transform: uppercase;
}
.loginregistration-area .login-area h2:after {
  background: #00aeef;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 50px;
  width: 60px;
}
.loginregistration-area .login-area fieldset {
  margin-top: 20px;
  margin-left: -15px;
}
.loginregistration-area .login-area fieldset label {
  font-size: 16px;
  font-weight: normal;
  margin: 10px 0;
}
.loginregistration-area .login-area fieldset input {
  background: #ffffff;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  height: 45px;
  margin-right: 20px;
}
.loginregistration-area .login-area fieldset input:focus {
  border: 0px;
  box-shadow: none;
}
.loginregistration-area .login-area fieldset textarea {
  background: #dddddd none repeat scroll 0 0;
  border-radius: 0;
  margin-right: 20px;
}
.loginregistration-area .login-area fieldset textarea:focus {
  border: 0px;
  box-shadow: none;
}
.loginregistration-area .login-area fieldset .btn-send {
  background: #00aeef;
  border: 0 none;
  color: #ffffff;
  display: block;
  font-size: 18px;
  font-weight: bold;
  padding: 20px 45px;
  transition: all 0.35s ease-out;
  margin-top: 10px;
  width: 100%;
  text-transform: uppercase;
}
.loginregistration-area .login-area fieldset .btn-send:hover {
  background: #0377a3;
}
.loginregistration-area .login-area .connected-area {
  margin-top: 20px;
}
.loginregistration-area .login-area .connected-area p {
  color: #222222;
  font-size: 18px;
}
.loginregistration-area .login-area .connected-area ul li {
  display: inline-block;
  margin: 0 5px;
  cursor: pointer;
}
.loginregistration-area .login-area .connected-area ul li img {
  width: 100%;
}
.loginregistration-area .login-area .checkbox label input {
  margin: -10px 0 0 -25px;
  display: inline-block;
  outline: none;
}
.loginregistration-area .login-area .checkbox p {
  margin: 10px 0 10px 20px;
}
.loginregistration-area .login-area .checkbox p a {
  color: #000000;
  font-size: 16px;
  transition: all 0.35s ease-out;
}
.loginregistration-area .login-area .checkbox p a:hover {
  color: #00aeef;
}
.loginregistration-area .registration-area {
  background: #f8f8f8;
  padding: 30px;
}
.loginregistration-area .registration-area h2 {
  color: #222222;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 50px;
  position: relative;
  text-transform: uppercase;
}
.loginregistration-area .registration-area h2:after {
  background: #00aeef;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 50px;
  width: 60px;
}
.loginregistration-area .registration-area fieldset {
  margin-top: 20px;
  margin-left: -15px;
}
.loginregistration-area .registration-area fieldset label {
  font-size: 16px;
  font-weight: normal;
  margin: 10px 0;
}
.loginregistration-area .registration-area fieldset input {
  background: #ffffff;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  height: 45px;
  margin-right: 20px;
}
.loginregistration-area .registration-area fieldset input:focus {
  border: 0px;
  box-shadow: none;
}
.loginregistration-area .registration-area fieldset textarea {
  background: #dddddd none repeat scroll 0 0;
  border-radius: 0;
  margin-right: 20px;
}
.loginregistration-area .registration-area fieldset textarea:focus {
  border: 0px;
  box-shadow: none;
}
.loginregistration-area .registration-area fieldset .btn-send {
  background: #00aeef;
  border: 0 none;
  color: #ffffff;
  display: block;
  font-size: 18px;
  font-weight: bold;
  padding: 20px 45px;
  transition: all 0.35s ease-out;
  margin-top: 10px;
  width: 100%;
  text-transform: uppercase;
}
.loginregistration-area .registration-area fieldset .btn-send:hover {
  background: #0377a3;
}
/* ----------------------------------
  33.FAQ Page Start Here 
  -------------------------------------*/
.faq-main-content h2 {
  color: #222222;
  font-family: #00aeef;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 30px;
  position: relative;
}
.faq-main-content h2:after {
  background: #00aeef;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  top: 40px;
  width: 60px;
}
.faq-main-content p {
  font-size: 15px;
  margin-right: 30px;
}
.faq-main-content .faq {
  margin-top: 30px;
}
.faq-main-content .faq .panel-group .panel-default {
  margin-bottom: 5px;
}
.faq-main-content .faq .panel-group .panel-default .panel-heading {
  padding: 0;
}
.faq-main-content .faq .panel-group .panel-default .panel-heading h4.panel-title a {
  display: block;
  padding: 20px 10px;
  text-decoration: none;
  font-size: 18px;
  background: #00aeef;
  color: #ffffff;
  font-weight: 600;
  border-radius: 0;
}
.faq-main-content .faq .panel-group .panel-default .panel-heading h4.panel-title a:hover {
  background: #00aeef;
  color: #ffffffff;
}
.faq-main-content .faq .panel-group .panel-default .panel-heading h4.panel-title a:hover:after {
  color: #ffffff;
}
.faq-main-content .faq .panel-group .panel-default .panel-heading h4.panel-title a.collapsed {
  display: block;
  padding: 20px 10px;
  background: #ffffff;
  text-decoration: none;
  font-size: 18px;
  color: #00aeef;
  transition: all 0.35s ease-out;
  font-weight: 600;
  border-radius: 0;
}
.faq-main-content .faq .panel-group .panel-default .panel-heading h4.panel-title a:hover {
  background: #00aeef;
  color: #ffffff;
}
.faq-main-content .faq .panel-group .panel-default .panel-heading h4.panel-title a:hover a:after {
  color: #ffffff;
}
.faq-main-content .faq .panel-group .panel-default .panel-body {
  border-radius: 0;
}
.faq-main-content .faq .panel-heading [data-toggle="collapse"]:after {
  font-family: 'FontAwesome';
  content: "\f068";
  /* "play" icon */
  float: right;
  color: #ffffff;
  font-size: 18px;
  line-height: 22px;
}
.faq-main-content .faq .panel-heading [data-toggle="collapse"].collapsed:after {
  /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
  font-family: 'FontAwesome';
  content: "\f067";
  /* "play" icon */
  float: right;
  color: #ffffff;
  font-size: 18px;
  line-height: 22px;
  color: #222222;
}
/* --------------------------------
    34.Error Page Start Here 
    -----------------------------------*/
.error-page-area {
  padding: 100px;
}
.error-page-area h2 {
  border-bottom: 1px solid #dddddd;
  font-size: 30px;
  font-weight: 800;
  padding-bottom: 20px;
  position: relative;
  text-transform: uppercase;
}
.error-page-area h2:before {
  color: #FDAE00;
  content: "\f071";
  font-family: fontawesome;
  font-size: 60px;
  left: -80px;
  position: absolute;
  top: -16px;
}
.error-page-area .error-feature ul {
  list-style: inherit;
}
.error-page-area .error-feature ul li {
  margin-bottom: 5px;
}
.error-page-area .try-again a {
  background: #00aeef;
  color: #ffffff;
  display: inline-block;
  margin-top: 10px;
  padding: 5px 40px;
  transition: all 0.35s ease-out;
}
.error-page-area .try-again a:hover {
  background: #0377a3;
}
/* --------------------------------
    35.Single Blog Page Start Here 
    -----------------------------------*/
.single-blog-page .blog-featured-image {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.single-blog-page .blog-featured-image:hover:before {
  right: 0;
  top: 0;
}
.single-blog-page .blog-featured-image:hover:after {
  left: 0;
  bottom: 0;
}
.single-blog-page .blog-featured-image:before {
  right: -100%;
  top: -100%;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  content: "";
  transition: all .5s;
}
.single-blog-page .blog-featured-image:after {
  left: -100%;
  bottom: -100%;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  content: "";
  transition: all 0.35s ease-out;
}
.single-blog-page .blog-featured-image img {
  width: 100%;
}
.single-blog-page h3 {
  margin-bottom: 40px;
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  text-decoration: none;
}
.single-blog-page h3:after {
  position: absolute;
  bottom: -20px;
  left: 0;
  content: "";
  background: #004274;
  width: 60px;
  height: 3px;
}
.single-blog-page ul {
  text-align: left;
  margin-bottom: 30px;
  padding-bottom: 15px;
}
.single-blog-page ul li {
  display: inline-block;
}
.single-blog-page ul li span {
  color: #00aeef;
  font-weight: 600;
}
.single-blog-page .single-blog-content {
  padding-bottom: 60px;
  border-bottom: 1px solid #e1e1e1;
}
.single-blog-page .single-blog-content blockquote {
  border-left: 2px solid #00aeef;
}
.single-blog-page .content-info .blog-content-tag {
  margin-top: 20px;
}
.single-blog-page .content-info .blog-content-tag ul li {
  display: inline-block;
  margin-right: 7px;
}
.single-blog-page .content-info .blog-content-tag ul li span {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
}
.single-blog-page .content-info .blog-content-share-social-icons {
  margin-top: 25px;
}
.single-blog-page .content-info .blog-content-share-social-icons ul {
  text-align: right;
}
.single-blog-page .content-info .blog-content-share-social-icons ul li {
  display: inline-block;
  margin-right: 7px;
}
.single-blog-page .content-info .blog-content-share-social-icons ul li span {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
}
.single-blog-page .content-info .blog-content-share-social-icons ul li a {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 28px;
  color: #00aeef;
  border: 1px solid #c3c3c3;
  transition: all 0.35s ease-out;
  text-decoration: none;
  text-align: center;
}
.single-blog-page .content-info .blog-content-share-social-icons ul li a:hover {
  background: #00aeef;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #00aeef;
}
.single-blog-page .content-info .blog-content-share-social-icons ul li a:hover i {
  color: #ffffff;
}
.single-blog-page .author-post {
  margin-top: 30px;
}
.single-blog-page .author-post .about-autor-post h2 {
  color: #222222;
  font-size: 24px;
  font-weight: 600;
  position: relative;
  font-family: 'Raleway', sans-serif;
  margin-bottom: 20px;
  text-decoration: none;
}
.single-blog-page .author-post h2 {
  color: #222222;
  font-size: 24px;
  font-weight: 600;
  position: relative;
  margin-bottom: 40px;
  text-decoration: none;
}
.single-blog-page .author-post .single-author-post {
  border: 1px solid #e1e1e1;
  padding: 30px;
}
.single-blog-page .author-post .single-author-post .media .pull-left {
  margin-right: 10px;
}
.single-blog-page .author-post .single-author-post .media .pull-left a {
  display: block;
}
.single-blog-page .author-post .single-author-post .media .pull-left a img {
  width: 100%;
}
.single-blog-page .author-post .single-author-post .media .media-body h4.media-heading {
  color: #00aeef;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  margin-bottom: 20px;
}
.single-blog-page .author-comment {
  margin-top: 60px;
  border-bottom: 1px solid #e1e1e1;
}
.single-blog-page .author-comment h2 {
  color: #222222;
  font-size: 24px;
  font-weight: 600;
  position: relative;
  margin-bottom: 20px;
  text-decoration: none;
}
.single-blog-page .author-comment .single-author-comment {
  padding: 30px;
}
.single-blog-page .author-comment .single-author-comment .media .pull-left {
  margin-right: 10px;
}
.single-blog-page .author-comment .single-author-comment .media .pull-left a {
  display: block;
}
.single-blog-page .author-comment .single-author-comment .media .pull-left a img {
  width: 100%;
}
.single-blog-page .author-comment .single-author-comment .media .media-body h4.media-heading {
  color: #00aeef;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  margin-bottom: 5px;
}
.single-blog-page .author-comment .single-author-comment .media .media-body ul {
  text-align: left;
  margin-bottom: 10px;
}
.single-blog-page .author-comment .single-author-comment .media .media-body ul li {
  display: inline-block;
}
.single-blog-page .author-comment .single-author-comment .media .media-body ul li.right {
  float: right;
}
.single-blog-page .author-comment .single-author-comment .media .media-body ul li.right i {
  color: #00aeef;
  margin-right: 5px;
}
.single-blog-page .leave-comments-area {
  padding-top: 30px;
}
.single-blog-page .leave-comments-area h4 {
  color: #222222;
  font-size: 24px;
  font-weight: 600;
  position: relative;
  margin-bottom: 40px;
  text-decoration: none;
}
.single-blog-page .leave-comments-area fieldset {
  margin-top: 20px;
  margin-left: -15px;
}
.single-blog-page .leave-comments-area fieldset input {
  background: #dddddd none repeat scroll 0 0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  height: 45px;
  margin-right: 20px;
}
.single-blog-page .leave-comments-area fieldset input:focus {
  border: 0px;
  box-shadow: none;
}
.single-blog-page .leave-comments-area fieldset textarea {
  background: #dddddd none repeat scroll 0 0;
  border-radius: 0;
  margin-right: 20px;
}
.single-blog-page .leave-comments-area fieldset textarea:focus {
  border: 0px;
  box-shadow: none;
}
.single-blog-page .leave-comments-area fieldset .btn-send {
  background: #00aeef;
  border: 0 none;
  color: #ffffff;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 15px 45px;
  text-transform: uppercase;
  transition: all 0.35s ease-out;
  margin-top: 10px;
}
.single-blog-page .leave-comments-area fieldset .btn-send:hover {
  background: #0377a3;
}
/* ----------------------------------
  36.Contact Page Start Here 
  -------------------------------------*/
.contact-area {
  padding: 100px 0 0;
}
.main-conatct-form-area {
  padding: 60px 0 100px 0;
}
.main-conatct-form-area .main-contact-form h3 {
  font-size: 30px;
  font-weight: bold;
  color: #222222;
  position: relative;
  margin-bottom: 60px;
  margin-left: 15px;
}
.main-conatct-form-area .main-contact-form h3:after {
  position: absolute;
  left: 0;
  top: 50px;
  width: 80px;
  height: 5px;
  content: "";
  background: #00aeef;
}
.main-conatct-form-area .main-contact-form fieldset input {
  background: #f4f4f4;
  border-radius: 0;
  height: 45px;
  margin-right: 20px;
  border: 1px solid #f4f4f4;
}
.main-conatct-form-area .main-contact-form fieldset input:focus {
  border: 0px;
  box-shadow: none;
}
.main-conatct-form-area .main-contact-form fieldset textarea {
  background: #f4f4f4;
  border-radius: 0;
  margin-right: 20px;
  border: 1px solid #f4f4f4;
}
.main-conatct-form-area .main-contact-form fieldset textarea:focus {
  border: 0px;
  box-shadow: none;
}
.main-conatct-form-area .main-contact-form fieldset .btn-send {
  background: #00aeef;
  border: 0 none;
  color: #ffffff;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 15px 45px;
  margin-top: 10px;
  text-transform: uppercase;
  transition: all 0.35s ease-out;
}
.main-conatct-form-area .main-contact-form fieldset .btn-send:hover {
  background: #0377a3;
}
.main-conatct-form-area .page-sidebar-area h3 {
  font-size: 30px;
  font-weight: bold;
  color: #222222;
  position: relative;
}
.main-conatct-form-area .page-sidebar-area h3:after {
  position: absolute;
  left: 0;
  top: 50px;
  width: 80px;
  height: 5px;
  content: "";
  background: #00aeef;
}
.main-conatct-form-area .page-sidebar-area .single-sidebar ul {
  padding-top: 20px;
}
.main-conatct-form-area .page-sidebar-area .single-sidebar ul li {
  display: inline-block;
  padding: 10px 0;
  font-size: 16px;
}
.main-conatct-form-area .page-sidebar-area .single-sidebar ul li i {
  color: #00aeef;
  margin-right: 10px;
  font-size: 20px;
}
/* ----------------------------------
  37.Home Three Header Start Here 
  -------------------------------------*/
.main-header.home-three-header.sticky {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(23, 103, 123, 0.5) !important;
  z-index: 99999;
}
.main-header.home-three-header.sticky .logo-area ul li a {
  color: #ffffff;
}
.main-header.home-three-header.sticky .logo-area ul li a:after {
  color: #ffffff;
}
.main-header.home-three-header.sticky .logo-area ul li a span {
  color: #ffffff;
}
.main-header.home-three-header.sticky .main-menu-area ul li.active > a::after,
.main-header.home-three-header.sticky .main-menu-area ul li a::after {
  background: #ffffff none repeat scroll 0 0;
}
.main-header.home-three-header.sticky .main-menu-area ul li a {
  color: #ffffff;
}
.main-header.home-three-header.sticky .main-menu-area ul li a:hover {
  color: #f1f1f1 !important;
}
.main-header.home-three-header.sticky .main-menu-area ul li ul li a:hover::after {
  width: 0px !important;
}
.main-header.home-three-header.sticky .header-right ul li i {
  color: #ffffff;
}
/* ----------------------------------
  38.Home Four Header Start Here 
  -------------------------------------*/
.main-header.transparency.sticky {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  background: transparent !important;
  z-index: 99999;
}
.main-header.transparency.sticky .logo-area ul li a {
  color: #ffffff;
}
.main-header.transparency.sticky .logo-area ul li a:after {
  color: #ffffff;
}
.main-header.transparency.sticky .logo-area ul li a span {
  color: #ffffff;
}
.main-header.transparency.sticky .main-menu-area ul li.active > a::after,
.main-header.transparency.sticky .main-menu-area ul li a::after {
  background: #ffffff none repeat scroll 0 0;
}
.main-header.transparency.sticky .main-menu-area ul li a {
  color: #ffffff;
}
.main-header.transparency.sticky .main-menu-area ul li a:hover {
  color: #f1f1f1 !important;
}
.main-header.transparency.sticky .main-menu-area ul li ul li a:hover::after {
  width: 0px !important;
}
.main-header.transparency.sticky .header-right ul li i {
  color: #ffffff;
}
.main-header.main-header-two.transparency.sticky.stick {
  background: #00aeef !important;
}
