/*
Author       : Themes_master.
Template Name: Nurjahan - Creative Architecture & Interior HTML5 Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT DESIGN
    05. START SKILLS DESIGN
    06. START COUNTER DESIGN
    07. START SERVICE DESIGN
    08. START PORTFOLIO DESIGN
    09. START TEAM DESIGN
    10. START TESTIMONIAL DESIGN
    11. START BLOG DESIGN
    12. START COMPANY PARTNER LOGO
    13. START CONTACT FORM , MAP CONTACT ADDRESS DESIGN
    14. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
/* background: #fff none repeat scroll 0 0; */
/* background: rgb(72,130,77);
background: #757F9A;  /* fallback for old browsers *
background: -webkit-linear-gradient(to bottom, #D7DDE8, #757F9A);  /* Chrome 10-25, Safari 5.1-6 *
background: linear-gradient(to bottom, #D7DDE8, #757F9A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ */

background-color: #9e8fb2;
background-image: linear-gradient(315deg, #9e8fb2 0%, #a7acd9 74%);
color: #555;
font-family: "Open Sans",sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 26px;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin-top: 0px;
  font-family: "Dosis", sans-serif;
  color: #333;
  font-weight: 400;
}
a {
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    margin-bottom: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}

.pmiddle {
  position: relative;
}

.mmiddle {
  width: 300px;
  height: 100px;
  padding: 20px;

  position: absolute;
  top: 50%;
  left: 50%;

  margin: -70px 0 0 -170px;
}

/*START PRELOADER DESIGN*/
.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

.status-mes {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 2px solid rgba(0, 0, 0, 0.08);
    border-right: 2px solid rgba(0, 0, 0, 0.08);
    border-bottom: 2px solid rgba(0, 0, 0, 0.08);
    border-left: 2px solid #000;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 10000;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding { padding:90px 0 }
/*START SECTION TITLE DESIGN*/
.section-title { margin-bottom: 60px }
.section-title  h2 {
font-weight: 500;
letter-spacing: 2px;
margin-top: 0;
text-transform: capitalize;
}
.section-title span {
background: #a8a8a8 none repeat scroll 0 0;
display: block;
height: 2px;
margin: 20px auto 0;
overflow: hidden;
width: 50px;
}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #2a80b9 none repeat scroll 0 0;
border-radius: 5px;
bottom: 5px;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
font-size: 22px;
height: 35px;
line-height: 33px;
opacity: 1;
position: fixed;
right: 5px;
text-align: center;
transition: all 0s ease 0s;
width: 35px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/

.navbar-default {
background:#fff none repeat scroll 0 0;
border: medium none;
border-radius: 0;
margin-bottom: 0;
padding: 10px 0;
transition: all 0.4s ease-in-out 0s;
width: 100%;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #2a80b9 !important;
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #171717 !important;
    background-color: transparent;
}
.navbar-brand { padding: 0px }
.navbar-brand img {width: 150px;}
@media only screen and (max-width:768px) {
	.navbar-brand img { margin-left: 10px;}
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #fff }
.menu-top li a {
color: #333 !important;
font-family: "Dosis",sans-serif;
font-size: 1.2rem;
font-weight: 600;
letter-spacing: 4px;
text-transform: uppercase;
}
.menu-top li a:hover { color: #2a80b9!important }
@media only screen and (max-width:768px) {
    .navbar-default .navbar-nav > li > a {
        margin-top: 10px;
        padding: 8px;
    }
}
@media only screen and (max-width:480px) {
    .menu-top { background-color: #fff }
    .navbar-default .navbar-nav > li > a { color: #313131  !important }
}
.navbar-default.menu-shrink {
background:#fff;
padding: 10px 0;
width: 100%;
 margin-top:0px
}
@media only screen and (max-width:480px) {
    .menu-top {
        color: #fff !important;
        margin-left: 0px;
    }
}
.navbar-default.menu-shrink li a {color:#333 !important; }
.navbar-default.menu-shrink li a:hover { color: #2a80b9 !important }
.navbar-default .navbar-toggle { background: #fff none repeat scroll 0 0 }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #fff }
.navbar-default .navbar-toggle .icon-bar { background-color: #2a80b9 }
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home_bg {
    height: 700px;
    position: relative;
}
.home_bg:before {
    background: rgba(0, 0, 0, 0.75);
    content: "";
    height: 100%;
    filter: alpha(opacity=80);
    position: absolute;
    width: 100%;
}
.hero-text h2 {
color: #fff;
font-size: 50px;
font-weight: 600;
letter-spacing: 2px;
line-height: 60px;
padding-top: 250px;
text-transform: uppercase;
}
@media only screen and (max-width:768px) {
.hero-text h2 {
    font-size: 40px;
    line-height: 40px;
}
}
@media only screen and (max-width:480px) {
    .hero-text h2 {
		padding-top: 200px;
        font-size: 30px;
        line-height: 40px;
    }
}
@media only screen and (max-width:360px) {
    .hero-text h2 {
        font-size: 26px;
        line-height: 34px;
    }
}
.hero-text p {
color: #fff;
font-size: 20px;
font-weight: 600;
letter-spacing: 2px;
margin: auto;
text-transform: uppercase;
width: 70%;
}
@media only screen and (max-width:768px) {
.hero-text p {width: 100%;padding:0px 10px}
}
.home_btn{
margin-top: 30px;
}
.home_btn a {
background: transparent none repeat scroll 0 0;
border: 2px solid #fff;
border-radius: 2px;
display: inline-block;
font-family: "Dosis",sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: 2px;
margin: 0 10px 15px;
padding: 9px 30px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.home_btn a:hover{
background: transparent none repeat scroll 0 0!important;
border: 2px solid #fff!important;
color:#fff!important;
}
.home_btn_color_one{background: #fff none repeat scroll 0 0 !important;color: #333;}
.home_btn_color_two{background: #2a80b9 none repeat scroll 0 0 !important;border: 2px solid #2a80b9 !important;color: #fff;}

.welcome-area,
.welcome-slider-area,
.welcome-slider-area div { height: 700px }
.welcome-slider-area div.single-slide-item-tablecell,
.welcome-slider-area div.single-slide-item-tablecell div { height: auto }
.single-slide-item-table {
    display: table;
    /* text-align: center; */
    width: 100%;
}
.single-slide-item-tablecell {
    display: table-cell;
    vertical-align: middle;
}
.single-slide-item {
    position: relative;
    z-index: 1;
}
.single-slide-item:after {
    position: absolute;
    background: rgba(0,0,0,0.09);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

}


@font-face {
    font-family: 'aprilliantreguler';
    src: url('../fonts/aprilliant-webfont.woff2') format('woff2'),
         url('../fonts/aprilliant-webfont.woff') format('woff');
    font-weight: boldest;
    font-style: normal;

}

@font-face {
    font-family: 'mandymores';
    src: url('../fonts/mandymores.ttf');
    font-weight: boldest;
    font-style: normal;

}

@font-face {
    font-family: 'mentios';
    src: url('../fonts/mentionsignature.ttf');
    font-weight: boldest;
    font-style: normal;
mentionsignature.ttf
}

.single-slide-item h2 {
color: #fff;
font-size: 40px; /*50 600*/
font-weight: 600;
letter-spacing: 2px;
line-height: 60px;
/*text-transform: uppercase;*/
font-family : "mentios";
}
@media only screen and (max-width:768px) {
.single-slide-item h2 p {
    font-size: 40px;
    line-height: 40px;
}
}
@media only screen and (max-width:480px) {
.single-slide-item h2 p {
		padding-top: 200px;
        font-size: 30px;
        line-height: 40px;
    }
}
@media only screen and (max-width:360px) {
.single-slide-item h2 p {
        font-size: 26px;
        line-height: 34px;
    }
}
.single-slide-item p {color: #fff;}
.single-slide-item p {
color: #fff;
font-size: 20px;
font-weight: 600;
letter-spacing: 2px;
margin: auto;
text-transform: uppercase;
width: 80%;
}
@media only screen and (max-width:768px) {
.single-slide-item p  {width: 100%;padding:0px 10px}
}
.carousel-indicators-slider { bottom: 30px !important }
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
.about_content{margin-bottom: 25px;}
.about_content h1{
font-weight: 600;
letter-spacing: 1px;
line-height: 48px;
margin-bottom: 15px;
}
.about_content p{}
.single_about {
border: 1px solid #eee;
float: left;
margin-right: 15px;
padding: 20px 10px;
text-align: center;
transition: all 0.2s ease 0s;
width: 175px;
}
@media only screen and (max-width:480px) {
.single_about {margin-bottom: 15px;width: 175px;}
}
.single_about_mrnone{margin-right: 0px;}
.single_about:hover{background:#2a80b9;border: 1px solid #2a80b9;}

.single_about i {
color: #2a80b9;
font-size: 30px;
margin-bottom: 10px;
transition: all 0.2s ease 0s;
}
.single_about:hover i{color: #fff;}
.single_about h3 {
margin-bottom: 0;
transition: all 0.2s ease 0s;
}
.single_about:hover h3{color: #fff;}
/*ABOUT SLIDER*/
.about-slide iframe {
  width: 100%;
  height: 380px;
  border: none;
}
/*ABOUT SLIDER*/
/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 05.START SKILLS DESIGN
* ----------------------------------------------------------------------------------------
*/
.skills{
margin-top: 60px;
padding: 0 50px;
}
.template_skills_bg {
  background: #f9f9f9 none repeat scroll 0 0;
}
.progress-bar-text {
color: #333;
font-size: 12px;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 500;
}
.progress-bar-text span { float: right }
.progress-bar {
    background: #e8e8e9 none repeat scroll 0 0;
    box-shadow: 0 0 0;
    height: 5px;
    margin: 0 0 30px;
    position: relative;
    width: 100%;
}
.progress-bar > span {
    background: #2a80b9 none repeat scroll 0 0;
    display: block;
    height: 100%;
    width: 0;
}
/*
* ----------------------------------------------------------------------------------------
* 05.END SKILLS DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 06.START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_counter{
background: #2a80b9 none repeat scroll 0 0;
border-right: 1px solid #1F77B2;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
padding: 60px 30px;
}
.single_counter h1{color:#fff;margin-bottom: 0;}
.single_counter span{
background: #fff none repeat scroll 0 0;
display: block;
height: 2px;
margin: 10px auto;
width: 60px;
}
.single_counter h5{
color: #fff;
margin-bottom: 0;
font-size: 18px;
letter-spacing: 1px;
}
/*
* ----------------------------------------------------------------------------------------
* 06.END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 07.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_service{background:#f9f9f9;padding-top:60px;padding-bottom:30px;}
.single_service {
position: relative;
margin-bottom: 30px;
padding:30px;
}
.single_service:after {
background: #2a80b9 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.96;
position: absolute;
top: 0;
transition: all 0.2s ease 0s;
width: 100%;
z-index: 1;
}
.single_service:hover:after{
background: #000 none repeat scroll 0 0;
opacity: 0.9;
}

.single_service_inner{
border: 1px dashed #fff;
padding: 25px;
position: relative;
z-index: 999;
transition: all 0.4s ease 0s;
}
.single_service:hover .single_service_inner{border:1px dashed #2a80b9}
.single_service i{
color: #fff;
font-size: 40px;
margin-bottom: 15px;
position: relative;
z-index: 999;
}
.single_service h4{
color: #fff;
font-size: 22px;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 15px;
margin-top: 0;
position: relative;
z-index: 999;
}
.single_service p{
color: #fff;
margin-bottom: 0;
position: relative;
z-index: 999;
}
/*
* ----------------------------------------------------------------------------------------
* 07.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 08.START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.template_portfolio{padding-bottom: 30px;
padding-top: 90px;}
.single_project {
  padding-bottom: 40px;
}
.single_our_work{
	margin-bottom:30px;
	overflow: hidden;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.sing_work_photo{
	position: relative;
}

.single_our_work img{
	width: 100%;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.single_our_work figure{
	margin-bottom: 0;
}
.sing_work_text_link{
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0;
	color: #fff;
	background: rgba(0,0,0, 0.6);
	-webkit-transition: .5s;
	transition: .5s;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
}
.sing_work_content_wrap{
	display: table;
	height: 100%;
	width: 100%;
}
.sing_work_content{
	display: table-cell;
	vertical-align: middle;
}
.sing_work_text_link h5{
color: #fff;
font-size: 16px;
font-weight: 600;
margin-bottom: 5px;
margin-top: 20px;
text-transform: uppercase;
letter-spacing: 2px;
}

.sing_link_img a i.fa{
	font-size: 14px;
}
.sing_link_img a{
	background: #2a80b9 none repeat scroll 0 0;
	border: 1px solid #2a80b9;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	height: 40px;
	line-height: 39px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 40px;
}
.sing_link_img a:hover{
	background: #fff none repeat scroll 0 0;
	border-color: #fff;
	color: #2a80b9;
}
.sing_link_img a.search{
	margin-right: 16px;
}
.single_our_work:hover  .sing_link_img a.search{
	-webkit-animation: slideInDown 800ms ease-in-out;
	        animation: slideInDown 800ms ease-in-out;
}
.single_our_work:hover  .sing_link_img a.link{
	-webkit-animation: slideInDown 800ms ease-in-out;
	        animation: slideInDown 800ms ease-in-out;
}
.single_our_work:hover{
	background: #ff5f83;
	color: #fff;
}
.single_our_work:hover .sing_work_text_link{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
}

/*project modal*/
.modal-title {
  color: #333;
  margin: 0;
  text-transform: uppercase;
}
.modal-content{
	padding: 10px 30px;
	border-radius: 0px;
}
.modal-body{
	margin-bottom: 15px;
}
.modal-body p{
margin: 20px 0;
}
.project-list {
margin: 30px 0;
}
.project-list label{
color: #333;
margin-bottom: 0;
margin-right: 20px;
width: 180px;
}
.project-list li{
padding: 7px 0;
font-size: 14px;
}
.project-list li a{
color: #777;
font-size: 13px;
transition: all 0.4s ease 0s;
}
.project-list li a:hover{color:#2a80b9;}
/*End project modal*/
/*
* ----------------------------------------------------------------------------------------
* 08.END PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 09.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_team {
	position: relative;
	overflow: hidden;
}
@media only screen and (max-width:768px) {
.single_team {margin-bottom:40px}
}
.team-hover {
	position: absolute;
	width: 100%;
	bottom: -100%;
	padding: 30px;
	padding-bottom: 0px;
	background: #2a80b9;
	transition: all 0.3s ease-in-out;
}
.single_team:hover .team-hover {
	bottom: 0px;
}
.team .position-center-center {
	width: 100%;
	padding: 0 20px;
}
.single_team h5 {
color: #fff;
font-size: 18px;
margin: 0;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 2px;
}

.single_team span {
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 600;
margin: 10px 0 0;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.single_team p{color: #fff;}
.social {
    text-align: center;
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 15px;
}
.social li {
    display: inline-block;
    padding: 0;
}
.social li a {
background: #fff none repeat scroll 0 0;
border-radius: 30px;
color: #333;
display: inline-block;
font-size: 18px;
height: 45px;
line-height: 45px;
text-align: center;
text-transform: uppercase;
transition: all 0.2s ease 0s;
width: 45px;
margin: 0px 2px;
}
.social li a:hover {
	color: #2a80b9;
}
.team-name {
background:#2a80b9;
opacity:0.8;
bottom: 0;
color: #fff;
font-size: 16px;
font-weight: 600;
left: 0;
letter-spacing: 2px;
margin: 0;
padding: 25px 20px;
position: absolute;
text-transform: uppercase;
transition: all 0.2s ease-in-out 0s;
width: 100%;
}
/*
* ----------------------------------------------------------------------------------------
* 09.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 10.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial {
  background: #f9f9f9 none repeat scroll 0 0;
}
.testimonial-text {
background: #fff none repeat scroll 0 0;
border: 1px solid #eee;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
overflow: hidden;
padding: 30px;
text-align: center;
}
.testimonial-text i{
color: #2a80b9;
font-size: 60px;
margin-bottom: 20px;
}
.testimonial_img{
float: left;
margin-right: 20px;
text-align: center;
background: #2a80b9;
padding: 15px 30px;
}
@media only screen and (max-width:360px) {
.testimonial_img{float: none;margin-bottom: 20px;}
}
.testimonial_img img{
border: 4px solid #eee;
border-radius: 100px;
height: 150px;
margin-bottom: 10px;
width: 150px;
}

.testimonial_img h4 {
color: #fff;
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
text-transform: uppercase;
}
.testimonial_img h5{
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 0;
}
.testimonial-text p {
font-size: 18px;
line-height: 28px;
margin-bottom: 20px;
overflow: hidden;
}
.carousel-indicators li {
    border: 1px solid #2a80b9;
    border-radius: 12px;
    height: 12px;
    margin: 0 1px;
    width: 5px;
    background: #2a80b9;
}
.carousel-indicators .active {
  background-color: #2a80b9;
  height: 18px;
  margin: 0 1px ;
  width: 5px;
}
.site-wrapper { margin-bottom: 65px }
#team__carousel { margin-bottom: 70px }
#team__carousel .carousel-indicators { bottom: -80px }
.carousel-control { display: none }
/*
* ----------------------------------------------------------------------------------------
* 10.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 11.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.template_blog{background:#f9f9f9;}
.single_blog{
background: #fff none repeat scroll 0 0;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
overflow: hidden;
padding: 20px;
}
@media only screen and (max-width:480px) {
.single_blog {margin-bottom: 40px;}
}
.single_blog h3 {
font-size: 22px;
font-weight: 500;
letter-spacing: 1px;
margin: 15px 0 12px;
}
.single_blog p{margin-bottom: 0px;}
.single_blog_header{
overflow: hidden;
border-top: 1px solid #e8e8e9;
margin-top: 10px;
}
.single_blog_header span{
display: block;
padding-top: 10px;
}
.btn-blog-bg {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #333;
padding: 0;
text-transform: capitalize;
transition: all 0.2s ease 0s;
}
.btn-blog-bg:hover,
.btn-blog-bg:focus {
    color: #2a80b9;
}
/*
* ----------------------------------------------------------------------------------------
* 11.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 12.START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
.partner-logo {background:#2a80b9;}
.partner { text-align: center }
/*
* ----------------------------------------------------------------------------------------
* 12.END COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 13.START CONTACT FORM , MAP CONTACT ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact_area {
  /* background:#f9f9f9;  */
  background-color: #9e8fb2;
  background-image: linear-gradient(315deg, #9e8fb2 0%, #a7acd9 74%);

  padding-top: 60px
}

#map { height: 500px }
.contact {
    padding-left: 50px;
    padding-right: 60px;
    padding-top: 90px;
    padding-bottom: 30px;
}
@media only screen and (max-width:768px) {
    .contact { padding: 60px 60px 60px 50px }
}
@media only screen and (max-width:480px) {
    .contact {margin-bottom: 60px;
padding: 0 10px;}
}
.contact input {
background: #fff none repeat scroll 0 0;
border: 1px solid #e8e8e9;
border-radius: 2px;
box-shadow: none;
color: #333;
height: 52px;
padding: 10px;
width: 520px;
}
@media only screen and (max-width:768px) {
    .contact input { width: 100% }
}
.contact textarea {
background: #fff none repeat scroll 0 0;
border: 1px solid #e8e8e9;
    border-radius: 4px;
    box-shadow: none;
    color: #333;
    width: 520px;
    padding: 10px;
}
@media only screen and (max-width:768px) {
    .contact textarea { width: 100% }
}
.contact input:focus {
    border: 1px solid #2a80b9;
    box-shadow: none;
    outline: 0 none;
}
.contact textarea:focus {
     border: 1px solid #2a80b9;
    box-shadow: none;
    outline: 0 none;
}
.btn-contact-bg {
    background: #2a80b9 none repeat scroll 0 0 !important;
    border: 2px solid #2a80b9 !important;
    border-radius: 3px;
    box-shadow: none;
    color: #fff!important;
    font-size: 12px;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #333!important;
    color: #fff;
    border: 2px solid #333!important;
}


.single_address {}
@media only screen and (max-width:768px) {
    .single_address { margin-bottom: 30px }
}
.single_address i {
background: #2a80b9 none repeat scroll 0 0;
border-radius: 30px;
color: #fff;
font-size: 24px;
height: 55px;
line-height: 55px;
margin-bottom: 10px;
width: 55px;
}
.single_address p {font-weight: 400;}
@media only screen and (max-width:768px) {
    .single_address p { font-size: 15px }
}
@media only screen and (max-width:480px) {
    .single_address p { font-size: 14px }
}
/*
* ----------------------------------------------------------------------------------------
* 13.END CONTACT FORM , MAP CONTACT ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 14.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
background: #25252a none repeat scroll 0 0;
  padding:30px 0;
}
.footer_menu {
    float: right;
    margin-top: 5px;
}
@media only screen and (max-width:480px) {
    .footer_menu {
        margin-top: 15px;
        float: none;
    }
}
.footer_menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
@media only screen and (max-width:480px) {
    .footer_menu ul { text-align: center }
}
.footer_menu ul li { display: inline }
@media only screen and (max-width:480px) {
    .footer_copyright ul li a { text-align: center }
}
.footer_menu ul li a {
    color: #fff;
    padding: 0 10px;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
@media only screen and (max-width:768px) {
.footer_menu ul li a {padding: 0 3px;}
}
@media only screen and (max-width:480px) {
.footer_menu ul li a {padding: 0 10px;}
}
.footer_menu ul li a:hover { color: #2a80b9 }
/*END FOOTER SOCIAL DESIGN*/
.copyright p {
color:#fff;
margin-bottom: 0;
padding-top: 10px;
}
@media only screen and (max-width:480px) {
.copyright p {text-align:center;}
}
/*
* ----------------------------------------------------------------------------------------
* 14.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/* -------- Property Search --------- */
.property-query-area.property-page-bg::before {
	background:#34495e;
	content: "";
	height: 100%;
	/*left: 0;*
	position: absolute;
	top: 0;*/
	width: 100%;

}
.property-query-area.property-page-bg {
	position: relative;
}
.property-query-area {
	background: #3a668c;
}
.property-query-area.container.section-title > h2 {
  color:white;
}
.query-title {
	background: #02b2e1;
	margin-top: -70px;
	position: relative;
	text-align: center;
	z-index:20;
}
.single-query option {
	background:#02b2e1;
	color:#fff;
}
.query-title > h2 {
	font-size: 18px;
	font-weight: bold;
	padding:21px 0;
	text-transform: uppercase;
}
.query-title > h2 a {
	color: #fff;
}
.property-query-area.property-page-bg label {
	color: #e5ecf1;
	font-weight:normal;
}
.single-query label {
	color: #262626;
	font-size: 15px;
	margin-bottom: 12px;
	margin-top: 25px;
	font-weight:normal;
}
.single-query > input[type="text"] {
	border:1px solid rgba(255, 255, 255, 0.2);
	height: 40px;
	padding-left: 10px;
	transition: all 0.3s ease 0s;
}
.single-query input, .single-query select {
	text-transform: capitalize;
	width: 100%;
}
.single-query input, .single-query select {
	text-transform: capitalize;
	width: 100%;
	background: transparent;
}
.single-query select {
	-moz-appearance: none;
	background:url(../images/select-icon.png);
	background-position: right center;
	background-repeat: no-repeat;
	border:1px solid rgba(255, 255, 255, 0.2);
	color: #fff;
	height: 40px;
	padding: 10px;
	position: relative;
}
.single-query option {
	border-bottom: 1px solid #ddd;
	padding: 10px;
}
.single-query {
}
.property-page-bg .query-submit-button.pull-right > input[type="submit"] {
	background: #02b2e1;
}
.toggle-btn button {
	background: rgba(0, 0, 0, 0.2);
	border: 0 none;
	border-radius: 2px 2px 0 0;
	color: #fff;
	font-size: 24px;
	height: 36px;
	line-height: 24px;
	margin: 0;
	padding: 0;
	width: 65px;
}
.nstSlider {
	height: 2px;
	top: 5px;
	background-color: #efefef;
}
.query-submit-button {
	margin-top: 20px;
}
.nstSlider .rightGrip, .nstSlider .leftGrip {
	width: 12px;
	height: 12px;
	top: -6px;
	background-color: #2aacff;
}
.nstSlider .bar {
	height: 2px;
	top: 0;
	background-color: #3d4448;
}
.leftLabel, .rightLabel {
	margin-top: 10px;
	color: #838e95;
}
.leftLabel {
	float: left;
}
.rightLabel {
	float: right;
}
.white .nstSlider {
	background-color: #5D6D7E;
}
.white .nstSlider .bar, .white .nstSlider .rightGrip, .white .nstSlider .leftGrip {
	background-color: #fff;
}
.white .leftLabel, .white .rightLabel {
	color: #fff;
}
.user-properties-filters {
	background-color: #fcfcfd;
}
.user-properties-filters .wrapper-filters {
	padding-top: 40px;
	padding-bottom: 15px;
	margin-left: 0;
	margin-right: 0;
}
.btn.btn-transparent.green-color {
	color: #838e95;
	border-color: #efefef;
}
.btn.btn-transparent.green-color:hover {
	border-color: #2aacff;
}
.search-properties .group-button-search {
	width: 100%;
}
.search-properties .group-button-search .more-filter {
	display: inline-block;
	line-height: 50px;
}
.search-properties .group-button-search .more-filter .text-1, .search-properties .group-button-search .more-filter .text-2, .search-properties .group-button-search .more-filter .icon {
	display: inline-block;
	margin-bottom: 0;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.5s ease;
}
.search-properties .group-button-search .more-filter .text-1, .search-properties .group-button-search .more-filter .text-2 {
	padding-right: 15px;
	font-weight: 700;
	cursor: pointer;
}
.search-properties .group-button-search .more-filter .text-2 {
	letter-spacing: 0.045em;
}
.search-properties .group-button-search .more-filter .icon {
	font-size: 1.14em;
}
.search-properties .group-button-search .more-filter.show-more .icon {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.search-properties .group-button-search .btn-search {
	display: inline-block;
	float: right;
}
.search-properties.search-page {
	padding: 60px 0;
}
.search-properties.search-page .btn-search {
	margin-top: 30px;
}
.search-properties.bg-gray {
	background-color: #fcfdfd;
}
.search-properties.bg-gray .title-search-property {
	font-size: 24px;
	font-weight: 700;
	text-align: left;
	text-transform: capitalize;
	margin-bottom: 30px;
}
.search-properties.bg-gray .group-button-search .more-filter .text-1, .search-properties.bg-gray .group-button-search .more-filter .text-2, .search-properties.bg-gray .group-button-search .more-filter .icon {
	color: #838e95;
}
.search-propertie-filters {
	background-color: #3e5266;
	position:relative;
}
.search-propertie-filters .container {
	padding-top: 40px;
	padding-bottom: 15px;
}
.search-propertie-filters.bg-gray {
	background-color: #fcfdfd;
}
.group-button-search {
  margin-top: 35px;
  position: relative;
  z-index: 999;
}
.more-filter {
	border: 1px solid #fff;
	display: inline-block;
	height: 40px;
	padding: 10px 18px;
	width: 160px;
}
.search-form-group {
	display: inline-block;
	margin-bottom: 25px;
	width: 100%;
}
.padding-bottom {
	padding-bottom: 100px;
}
.more-filter .text-1, .more-filter .text-2 {
	cursor: pointer;
	padding-right: 15px;
}
.more-filter .text-1, .more-filter .text-2, .more-filter .icon {
	color: #fff;
	display: inline-block;
	margin-bottom: 0;
	text-transform: uppercase;
	transition: all 0.5s ease 0s;
}
.search-form-group .type-checkbox {
	cursor: pointer;
	font-weight: normal;
	letter-spacing: 0.1em;
	margin-bottom: 0;
}
.search-form-group input[type=checkbox] {
	display: none
}
.search-form-group input[type=checkbox] + label:before {
	font-family: FontAwesome;
	display: inline-block
}
.search-form-group input[type=checkbox] + label:before {
	content: "\f096"
}
.search-form-group input[type=checkbox] + label:before {
	letter-spacing: 10px
}
.search-form-group input[type=checkbox]:checked + label:before {
	content: "\f14a"
}
.search-form-group input[type=checkbox]:checked + label:before {
	letter-spacing: 9px
}
.search-form-group.white .type-checkbox {
	color: #fefefe
}
/* -------- Property --------- */
#property .property-box {
	background:#34495e;
	clear: both;
	height:100%;
	position: relative;
	width:100%;
}
#property {
	padding-bottom: 0;
}
#property .image-heading {
	border-bottom:1px solid #404245;
	padding: 20px 0 10px;
}
#property .image-heading > h3 {
	display: inline-block;
	font-size:20px;
}
#property .image-heading > a {
	float:right;
}
#property .image-heading > span {
	color: #47B848;
	padding-right: 50px;
	font-size:16px;
}
#property .property-box .box-heading {
	border-bottom:1px solid #404245;
	padding:20px;
	margin-bottom:10px;
}
#property .image-heading > a {
	background: #02b2e1;
	color: #fff;
	padding: 3px 20px;
	position: relative;
	float:right;
}
#property .image-heading > a::before {
	background: transparent;
	border-bottom: 13px solid transparent;
	border-right: 17px solid #02b2e1;
	border-top: 13px solid transparent;
	bottom: 0;
	content: "";
	height: 0;
	margin-left: -36px;
	position: absolute;
	top: 0;
	width: 0;
}
#property .property-box .box-heading > span {
	color: #47B848;
	padding-right: 50px;
	font-size:16px;
}
#property .property-box .box-heading > a {
	background: #fff;
	color: #000;
	padding: 3px 20px;
	position: relative;
	float:right;
}
#property .property-box .box-heading > a::before {
	background: transparent;
	border-bottom: 13px solid transparent;
	border-right: 17px solid #fff;
	border-top: 13px solid transparent;
	bottom: 0;
	content: "";
	height: 0;
	margin-left: -36px;
	position: absolute;
	top: 0;
	width: 0;
}
#property .property-box .box-heading > span {
	color: #47B848;
	padding-right: 50px;
	font-size:16px;
}
#property .property-box .box-heading h3 {
	color: #fff;
	padding-bottom:10px;
	font-size:18px;
}
#property .property-box .area-box {
	display: inline-block;
	margin: -15px;
}
#property .property-box .area-box ul li {
	color: #fff;
	display: inline-block;
	padding:13px 28px;
	vertical-align: middle;
}
#property .property-box .area-box ul li p {
	margin:0;
	color:#939ca4;
	font-size:14px;
}
#property .property-box .area-box ul li strong {
	font-size:18px;
}
#property .property-box .area-box ul li small {
	padding: 5px;
	font-size:10px;
	color:#939ca4;
}
#property .property-box .area-box ul li .fa {
	color:#02b2e1;
	font-size:20px;
}
#property .single-effect {
	margin-bottom: 30px;
}
#property .single-effect h4 {
	color:#ed2427;
	font-size:16px;
}
#property .single-effect ul li {
	font-size:12px;
	margin: 5px 15px;
	list-style:url(../images/bullet_on.png);
}
#property .single-effect ul li a {
	color:#ed2427;
}
#property .single-effect {
	display: inline-block;
	margin: 0 0 40px;
	width:100%;
	max-width:100%;
}
.menu-heading {
	margin-top: -20px;
	margin-bottom:-10px;
}
#property .single-effect .hover {
	background-color: #fff;
	color: #888;
}
.wpf-property {
	background-color: #fff;
	display: block;
	width:100%;
	height:100%;
	overflow: hidden;
	position: relative;
	box-shadow: 0 0 0 0 #555;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 1;
	filter: alpha(opacity=100);
}
.wpf-property img {
	height: 100%;
	width: 100%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 1;
	filter: alpha(opacity=100);
}
.wpf-property:hover img {
	transform: translateX(50%);
	opacity: 1;
	filter: alpha(opacity=100);
}
.wpf-property:hover .view-caption {
	transform: translate3d(-30%, 0px, 0px);
}
.wpf-property .view-caption {
	background-color: #fff;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	padding: 0 0 0 30%;
	text-align: left;
	top: 0;
	z-index: 99;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	transform: translate3d(-110%, 0px, 0px);
}
.wpf-property .view-caption h4 {
	border-bottom: 1px solid #ccc;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
	padding-bottom: 5px;
	letter-spacing: 0.5px;
}
.wpf-property .view-caption p {
	font-size: 15px;
	letter-spacing: 0.5px;
}
/* -------- Submit-Property --------- */
.submit-property {
	background:url(../images/submit-bg.jpg) 50% center;
}

/*
 * ------------------------------------------------------------------------------------------------
 * 10.0 Property listing
 * ------------------------------------------------------------------------------------------------
 */
 .property-listing .lisi-bg {
	background: #34495e;
	height: 46px;
	max-height: 100%;
	width: 100%;
}
.property-listing {
	float:left;
	width:100%;
}
.property-type-menu {
	line-height:3.3;
	padding:0;
}
.lisi-bg ul.property-type li a.active {
	background: #fff;
	padding: 11px 14px;
	border:1px solid #34495e;
	color:#34495e;
}
.lisi-bg ul.property-type li a:hover {
	background: #fff;
	padding: 11px 14px;
	border:1px solid #34495e;
	color:#34495e;
}
.lisi-bg ul.property-type li a {
	padding: 11px 14px;
	color:#fff;
	border:1px solid transparent;
}
.property-listing-type-button {
	width:170px;
	height:45px;
	float: right;
	margin-right: -16px;
}
.property-listing-type-button li {
	border: 1px solid #ced8e1;
	display: inline;
	float: left;
	height: 100%;
	width: 33.33%;
	cursor:pointer;
	text-align:center;
	line-height:2.2;
	overflow:hidden;
}
.property-listing-type-button > li:first-child {
	border-right: 0 none;
}
.property-listing-type-button > li:last-child {
	border-left: 0 none;
}
.property-listing-type-button > li > a {
	color:#7e8c99;
	display: block;
	font-size:20px;
}
.property-listing-type-button > li > a:hover, .property-listing-type-button > li > a.active {
	background-color:#fff;
}
.property-list-area {
	margin-bottom:80px;
}
.load_more {
	margin-bottom: 160px;
}
.load_more_btn {
	background: #31a2e1 none repeat scroll 0 0;
	border: none;
	color: #fff;
	height: 45px;
	text-transform: uppercase;
	width: 165px;
	font-size: 14px;
	font-weight: 700;
	-moz-transition: .2s all;
	-webkit-transition: .2s all;
	-o-transition: .2s all;
	-ms-transition: .2s all;
	transition: .2s all
}
.load_more_btn:hover {
	background: #435060
}
/*
 * ------------------------------------------------------------------------------------------------
 *  10.1 Property listing gride
 * ------------------------------------------------------------------------------------------------
 */
.property-listing.multiple-recent-properties {
	background:#fff;
}
/*
 * ------------------------------------------------------------------------------------------------
 *  10.2 Property listing list
 * ------------------------------------------------------------------------------------------------
 */
.carousel-slide-recent-property a > h3 {
	color:#6f6f6f;
	font-size:22px;
	padding-top:20px;
}
.recent-properties-price {
	padding-bottom: 20px;
}
.property-list-list-info a > h3 {
	color: #fff;
	padding-top: 20px;
}
.property-list-list {
	width: 100%;
	float: left;
	background-color: #34495e;
	border-top: 3px solid #02b2e1;
}
.property-list-list h5 {
	font-weight: normal;
	font-size: 22px;
	margin-top: 35px;
}
.property-list-list .property-list-list-image {
	padding: 0;
	margin-top: -3px;
}
.property-list-list .property-list-list-image img {
	max-width: 365px;
	max-height: 230px;
}
.property-list-list .property-list-list-info div {
	padding-left: 0;
}
.property-list-list .recent-properties-price {
	margin: 20px 0 10px 0;
}
.property-list-list p {
	font-size: 14px;
	line-height: 1.8;
	color:#fff;
}
.property-list-list ul {
	float: left;
	list-style: outside none none;
	margin-bottom: 0;
	padding: 0 0 0 10px;
	width: 100%;
	min-height: 45px;
}
.property-list-list ul li {
	float: left;
	padding: 10px 0;
	width: 90%;
}
.property-list-list ul li {
	margin-right: 20px;
	width: auto;
	color:#fff;
}
.property-list-list ul li.left {
	font-size: 15px;
}
.property-list-list ul li.left img, .property-list-list ul li.left svg {
	width: auto;
	margin-right: 20px;
	height:25px;
	width:25px;
	fill:#7e8c99;
}
.property-list-list ul li.right {
	text-align: right;
	width: 10%;
	float: right;
}
.property-list-list ul li.right span {
	background-color: #02b2e1;
	border-radius: 100px;
	padding: 5px 11px;
	color: #fff;
}
.recent-properties-address {
	color: #47b848;
	font-size: 18px;
}
.property-list-list .property-list-list-label {
	margin-top: 35px;
	float: right;
}
.property-list-list .property-list-list-facility {
	padding-top: 10px;
}
.property-list-list {
	margin: 15px 0;
}
@media screen and (max-width: 1199px) and (min-width: 767px) {
.property-list-list h5, .property-list-list .property-list-list-label {
	margin-top: 20px;
}
}
@media screen and (max-width: 991px) and (min-width: 767px) {
.property-list-list h5 {
	margin-top: 10px;
}
.property-list-list .property-list-list-label {
	margin-top: 32px;
}
.property-list-list {
	padding-bottom: 10px;
}
}
@media screen and (max-width: 767px) {
.col-xs-12.col-sm-4.col-md-4.property-list-list-image {
	padding: 0 15px;
}
.property-list-list .property-list-list-label {
	margin: 20px 0;
	float: left;
}
.property-list-list ul {
	padding: 0;
}
}
/*
 * ------------------------------------------------------------------------------------------------
 *  10.3 Property listing map
 * ------------------------------------------------------------------------------------------------
 */
/* Property Listing Map */
.property-listing-map-parent {
	padding-top: 35px !important;
	border-top: 1px solid #e5eaf1;
	margin-top: 10px;
}
.property-list-map {
	height: 1050px;
}
.property-list-map .multiple-location-map {
	position: absolute;
	width: 100%;
	left: 0;
}
.property-list-map-area {
	margin-bottom: 0;
}
/* Property listing map info window*/
.property-listing-map-info-window {
	width:100%;
	height:auto;
	float: left;
}
.property-listing-map-info-window img {
	max-width: 360px;
	max-height: 355px;
}
.property-listing-map-info-window .image-with-label {
	clear: both;
	position: relative;
}
.property-listing-map-info-window .image-with-label label {
	bottom: -12px;
	position: absolute;
	right: 6%;
	background-color: #fff;
	font-size: 11px;
	font-weight: normal;
	padding: 8px 15px;
	text-transform: uppercase;
	border-radius:0;
}
.property-list-list .property-list-list-label::before {
	background: transparent none repeat scroll 0 0;
	border-bottom: 14px solid transparent;
	border-right: 17px solid #fff;
	border-top: 14px solid transparent;
	bottom: 0;
	content: "";
	height: 0;
	margin-left: -32px;
	position: absolute;
	top:35px;
	width: 0;
}
.property-listing-map-info-window .featured-properties-detail {
	background-color: #fff;
	float: left;
	padding: 28px 25px 0;
	width: 100%;
}
.property-listing-map-info-window .featured-properties-detail h6 {
	font-size: 18px;
	margin-top: 0;
}
.property-listing-map-info-window .featured-properties-detail .featured-properties-address {
	float: left;
	font-size: 14px;
	margin: 0;
	padding: 5px 0 15px 0;
	width: 100%;
}
.property-listing-map-info-window .featured-properties-detail .featured-properties-price {
	color: #31a2e1;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 0;
}
/* white background and box outline */
.gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div {
	width: auto !important;
	height: auto !important;
	border: none !important;
}
.gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div > div > div {
	box-shadow: none !important;
}
.gm-style > div:first-child > div + div > div:last-child > div > div:last-child > img {
	display: none;
}
.gm-style-iw {
	top: 22px !important;
	left: 25px !important;
}

.css-typing p {
  text-transform: capitalize;
  /* border-right: .15em solid orange; */
  font-family: "mentios";
  font-size: 4rem;
  white-space: nowrap;
  overflow: hidden;
  line-height: 55px;
  padding-bottom: 20px;


}
@media only screen and (max-width:520px) {
  .css-typing p {
    font-size: calc(11px + 6 * ((100vw - 120px) / 680));
  }
}

.css-typing p:nth-child(1) {
  width: 38.3em;
  -webkit-animation: type 2s steps(50, end);
  animation: type 2s steps(50, end);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.css-typing p:nth-child(2) {
  width: 38.8em;
  opacity: 0;
  -webkit-animation: type2 2s steps(40, end);
  animation: type2 2s steps(40, end);
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.css-typing p:nth-child(3) {
  width: 38.3em;
  opacity: 0;
  -webkit-animation: type3 5s steps(20, end), blink .5s step-end infinite alternate;
  animation: type3 5s steps(20, end), blink .5s step-end infinite alternate;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@keyframes type {
  0% {
    width: 0;
  }
  99.9% {
    /* border-right: .15em solid orange; */
  }
  100% {
    border: none;
  }
}

@-webkit-keyframes type {
  0% {
    width: 0;
  }
  99.9% {
    /* border-right: .15em solid orange; */
  }
  100% {
    border: none;
  }
}

@keyframes type2 {
  0% {
    width: 0;
  }
  1% {
    opacity: 1;
  }
  99.9% {
    /* border-right: .15em solid orange; */
  }
  100% {
    opacity: 1;
    border: none;
  }
}

@-webkit-keyframes type2 {
  0% {
    width: 0;
  }
  1% {
    opacity: 1;
  }
  99.9% {
    /* border-right: .15em solid orange; */
  }
  100% {
    opacity: 1;
    border: none;
  }
}

@keyframes type3 {
  0% {
    width: 0;
  }
  1% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes type3 {
  0% {
    width: 0;
  }
  1% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink {
  50% {
    border-color: transparent;
  }
}
@-webkit-keyframes blink {
  50% {
    border-color: tranparent;
  }
}