:root {
  --yellow: #f7ae10;--white: #ffffff;--black: #000000;--mediumgray: #5d5e5f;--offwhite: #fcfcfc;--offwhite-o: #f3f3f3;--lightgrayblue:#a1a5ab;--darkgray:#242424;--mediumdarkblue:#4d546b;--darkblack:#222222;--gray: #cccccc;--lightblue-o: #eceaf5;--lightgray-o: #cccccca8;--lightgray-t: #4e4e4e;--lightness-th: #d9dff1;--magenta-th: #595859;--transparent: transparent;--blue1: #0e3dcc;--Mariner: #3B5998;--lightskyblue:#55acee;--lightred:#dd4b39;--Sttropaz:#2e5e86;--Silver: #b7b7b7;--hawkesblue: #ebe9f5;--suvagrey: #ebe9f5;--suryaograyo:#8a8a8a
}
:root {
  --common-font-o: 'Roboto Condensed', sans-serif;--common-font-t: "Roboto Condensed";--common-font-th: 'Roboto', sans-serif;
}
/* -------------- Common css ------------ */
#testimonials .our-teams-head span,#our-blogs .our-blogs-head span,#our-teams .our-teams-head span,#our-works .work-head span,#brouse-categories .categories-wrap span,#our-featured .our-featured-head span,#latest-proprties .latest-proprties-head span{
  font:700 20px var(--common-font-o);
  letter-spacing: 2px;
  line-height: 23px;
  color: var(--mediumdarkblue);
  text-align: center;
}
#testimonials .our-teams-head h2,#our-blogs .our-blogs-head h2,#our-teams .our-teams-head h2,#our-works .work-head h2,#brouse-categories .categories-wrap h2,#our-featured .our-featured-head h2,#latest-proprties .latest-proprties-head h2{
  margin-bottom: 0;
  font:700 56px var(--common-font-o);
  line-height: 94px;
  color: var(--darkblack);
  text-align: center;
  padding: 0;
}
#our-partners #partners-loop,#testimonials-loop,#team-loop,#records-loop,#work-loop,#categories-loop,#featured-loop,#our-blogs .blog-active,#our-blogs .our-blogs-contents:hover .blog-normal{
  display: none;
}
#slider .slider-box p,#slider .slider-button-1,#slider .slider-button-2,#slider .slider-button-2:hover,#slider .slide_nav i,#our-works .work-content a,#our-featured .read-more a,.video-content i,.btn-floating i,#our-records p.record-count-title,#best-place h2,#best-place span,.our-places-button a,#newsletter h3,#newsletter input[type="submit"],#our-blogs .blog-active a i,#brouse-categories .cat-icons i,#our-works .work-box:hover .work-content span,#newsletter h5,#our-works .work-head span,#our-works .work-head h2{
  color: var(--white);
}
#slider,#our-works,#our-featured,#latest-proprties,#our-blogs .our-blogs-image{
  position: relative;
}
#our-works .work-icons,#brouse-categories .cat-icons,.best-content .our-places-button,.hcontact-img{
  display: flex;
  align-items: center;
}
#slider .slider-box h1,#slider .slider-box p,#slider .slider-button-1,#slider .slider-button-2,#slider .slider-box,#testimonials .our-teams-head,#our-blogs .our-blogs-head,button.form-control,#brouse-categories .categories-wrap,#latest-proprties .latest-proprties-head,#our-works .work-head,#our-featured .read-more,#our-featured .read-more a,#our-video .video-rcodes,.btn-floating i,#our-records span.count_no.our-places-button a,
#our-teams,.our-teams-contents a,#our-featured .our-featured-head,.our-teams-contents span,#newsletter,#newsletter h3,#newsletter input[type="submit"]{
  text-align: center;
}
#slider .carousel-caption,.hcontact-box span.title-box{
  text-align: left;
}
#slider .slider-box span,#brouse-categories .category-box a,#our-works .work-content a,.our-teams-contents a,.client-image a.client-title,#our-blogs .blog-normal a,#our-blogs .blog-active a,#our-blogs .our-blogs-contents:hover .blog-active,.hcontact-box span{
  display: block;
}
/* -------------- Section Slider ------------ */
#slider{ 
  max-width:100%; 
  padding:0; 
}
#slider img {
  width: 100%;
}
#slider .slider-box span{
  font:700 17px var(--common-font-th);
  letter-spacing: 2px;
  color: var(--mediumgray);
  padding: 10px 0;
}
#slider .slider-box h1 {
  padding: 0 0 0 15px;
  font:700 100px var(--common-font-o);
  letter-spacing: -2px;
  line-height: 94px;
  color: var(--offwhite);  
}
#slider .slider-box p {
  max-width: 80%;
  font:500 19px var(--common-font-th);
  letter-spacing: 0px;
  line-height: 28px;
  margin: 20px auto;
}
#slider .slider-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 20px 20px 20px 20px;
  max-width: 70%;
  margin: 0 auto;
  left: 14%;
}
#slider .carousel-caption {
  top: 0;
  bottom: inherit;
  left: 0;
  right: 0;
  margin: 0 !important;
  padding: 0 !important;
  bottom: 0;
}
#slider .carousel-prev-button,#slider .carousel-next-button{
  position: absolute;
  top: 47%;
}
#slider .carousel-prev-button {
  left: 39px;
}
#slider .carousel-next-button{
  right: 80px;
}
.carousel-control-next-icon,.carousel-control-prev-icon{
  width: auto;
  height: auto;
  background-image: none !important;
}
#slider .slider-button-1,#slider .slider-button-2{
  font:700 19px var(--common-font-o);
  letter-spacing: 2px;
  line-height: 20px;
  padding: 17px 40px;
  display: inline-block;
  border-radius: 0;
}
#slider .slider-button-1,#slider .slider-button-2{
  border:2px solid var(--yellow);
}
#slider .slider-button-1 {
  background-color: var(--yellow);
  margin-right: 15px;  
}
#slider .slider-button-2:hover{
  border-color: var(--transparent);
}
ol.carousel-indicators li {
  padding: 3px;
  border:2px solid var(--darkgray);
  background-color:var(--transparent);
  margin-right: 7px;
  width: auto;
  height: auto;
  text-indent: 0;
  border-radius: 50%;
}
#slider ol.carousel-indicators{
  text-align: left;
  position: absolute;
  bottom: -10%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 5;
}
#slider ol.carousel-indicators .active{
  background-color:var(--yellow);
  border:2px solid var(--yellow);
}
#slider .slide_nav i{
  font-size: 25px;
  padding: 13px 16px;
}
#slider ol.carousel-indicators li {
  padding: 4px;
  border: 2px solid var(--white);
  background-color: var(--transparent);
  margin-right: 7px;
  width: auto;
  height: auto;
  text-indent: 0;
  border-radius: 0%;
  opacity: 1;
}
/* -------------- Find search------------ */
#find-best-pro .find-box{
  background-color: var(--white);
  box-shadow: 0px 0px 20px 10px var(--gray);
  padding: 29px 20px;
  border-radius: 7px;
}
#find-best-pro h3 {
  font:700 30px var(--common-font-t);
  letter-spacing: 0px;
  line-height: 23px;
  color: var(--darkblack);
}
button.form-control {
  background-color: var(--yellow);
  border: none;
  font:700 22px var(--common-font-t);
  letter-spacing: 1px;
  line-height: 7px;
  color: var(--white);
  padding: 30px 0;
}
#find-best-pro select {
  background-color: var(--lightblue-o);
  padding: 18px;
  border-color: var(--gray);
  font:500 16px var(--common-font-th);
  letter-spacing: 0px;
  line-height: 28px;
  color: var(--mediumdarkblue);
  border-radius: 3px;
}
/* -------------- Browse By Category------------ */
#brouse-categories .our-categories-content:hover .category-box{
  opacity: 1;
}
#brouse-categories .category-box a{
  font-size: 22px;
}
#brouse-categories .category-box {
  position: absolute;
  bottom: 5%;
  background-color: var(--white);
  margin: 0 auto;
  width: 80%;
  left: 10%;
  opacity: 0;
}
#brouse-categories .category-box a {
  font:700 28px var(--common-font-o);
  line-height: 26px;
  color: var(--darkblack);
}
#brouse-categories .category-box span {
  font:400 18px var(--common-font-o);
  line-height: 33px;
  color: var(--mediumdarkblue);
}
/* -------------- latest proprties------------ */
.property-box {
  margin: 15px 10px;
  background-color: var(--white);
}
.property-box:hover{
  box-shadow: 0px 0px 10px 10px var(--lightgray-o);
}
.property-box .pro-cotes {
  padding: 26px 0;
  padding-right: 6%;
}
.property-box .pro-cotes h5 a{
  font:700 30px var(--common-font-o);
  line-height: 30px;
  color: var(--darkblack);
}
.property-box .reants span,.best-seller-meta span{
  font:500 20px var(--common-font-o);
  line-height: 30px;
  color: var(--lightgray-t);
}
.property-box .pro-cotes .seller-text {
  font:500 16px var(--common-font-th);
  letter-spacing: 0px;
  line-height: 25px;
  color: var(--magenta-th);
}
.property-box .pro-cotes .best-seller-meta {
  background-color: var(--offwhite-o);
}
/* -------------- Our Works------------ */
#our-works .work-container {
  position: relative;
  margin-bottom: -15%;
  padding:0 5%;
}
#our-works .work-content {
  position: absolute;
  bottom: 0;
  padding: 69px 20px 20px 20px;
  background: linear-gradient(to top, var(--black) 25%, var(--transparent) 100%);
  left: 0;
  right: 0;
}
#our-works .work-content a{
  font:700 26px var(--common-font-o);
  line-height: 35px;
}
#our-works .work-content span{
  color: var(--lightness-th);
  font:500 15px;
  line-height: 28px;
}
#our-works .work-icons i,#brouse-categories .cat-icons i{
  background-color: var(--yellow);
  font-size: 15px;
  border-radius: 50%;
  padding: 15px;
}
#our-works .work-box:hover .work-content{
  background: linear-gradient(to top, var(--yellow) 25%, var(--transparent) 100%);
}
#our-works .work-box:hover .work-icons i{
  border:2px solid var(--white);
}
/* -------------- Our Featured------------ */
#our-featured{
  margin: 10% auto 2% auto;
}
#our-featured .our-featured-head{
  padding: 20px 0 0px;
}
#our-featured .featured-content h5{
  padding: 20px 0 7px 0;
  margin:0;
}
#our-featured .featured-content h5 a,#our-featured .featured-content span.pro-locations,#our-featured .seller-text,.best-seller-meta span{
  line-height: 30px;
}
#our-featured .featured-content h5 a{
  font:700 30px var(--common-font-o);  
  color: var(--darkblack);
}
#our-featured .featured-content span.pro-locations{
  font:500 18px var(--common-font-o);
  color: var(--lightgray-t);
}
#our-featured .seller-text{
  font:500 15px var(--common-font-th);
  letter-spacing: 0px;
  color: var(--mediumdarkblue);
}
#our-featured .best-seller-meta {
  background-color: var(--offwhite-o);
}
.best-seller-meta span {
  font:400 15px var(--common-font-th);
  letter-spacing: 0px;
  color: var(--mediumdarkblue);
  padding: 0 5px;
}
.best-seller-meta span i {
  margin-right: 5px;
}
span.squre {
  margin-left: 14%;
}
#our-featured .owl-dots {
  position: absolute;
  margin: 0 auto;
  left: 50%;
  bottom: -35%;
}
#our-featured .read-more{
  margin-top: 6%;
}
#our-featured .read-more a {
  font:700 20px var(--common-font-o);
  letter-spacing: 1px;
  line-height: 23px;
  background-color: var(--yellow);
}
/* -------------- video Recodes------------ */
#our-video {
  background: linear-gradient(55deg, var(--blue1) 57%,var(--white) 35%);
  padding: 100px;
}
/* -------------- video------------ */
#our-video .video-rcodes {
  padding: 70px 0;
  background-size: 100%;
  background-repeat: no-repeat;
}
.video-content i {
  background-color: var(--yellow);
  font-size: 30px;
  border-radius: 3px;
  cursor: pointer;
}
.btn-fb {
  background-color: var(--Mariner) !important;
}
.btn-tw {
  background-color: var(--lightskyblue) !important;
}
.btn-gplus {
  background-color: var(--lightred) !important;
}
.btn-ins {
  background-color: var(--Sttropaz) !important;
}
.btn-floating i {
  display: inline-block;
  width: 30px;
  height: 30px;
  padding: 8px 9px;
  font-size: 17px;
  border-radius: 50%;
}
#our-video button.btn{
  border-radius: 50px !important;
}
/* --------------Recodes------------ */
#our-records{
  padding-bottom: 0;
}
#our-records span.count_no{
  font:700 85px var(--common-font-o);
  letter-spacing: -2px;
  line-height: 83px;
  color: var(--offwhite);
}
#our-records p.record-count-title {
  font:700 18px var(--common-font-th);
  letter-spacing: 1px;
  line-height: 28px;
  margin:15px auto;
}
/* -------------- Find Best places------------ */
#best-place h2 {
  font:700 65px var(--common-font-o);
  letter-spacing: -1px;
  line-height: 90px;
}
#best-place span{
  font:500 15px var(--common-font-th);
  letter-spacing: 0px;
  line-height: 30px;
}
.our-places-button a {
  font:700 20px var(--common-font-o);
  letter-spacing: 1px;
  line-height: 23px;
  background-color: var(--yellow);
}
/* -------------- Our Team ------------ */
#our-teams .our-teams-contents img{
  border-radius: 50%;
}
.our-teams-contents:hover img {
  border: 5px solid var(--yellow);
  border-right-color: var(--blue);
  border-bottom-color: var(--blue);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.our-teams-contents a {
  font:700 28px var(--common-font-o);
  line-height: 28px;
  color: var(--darkblack);
  padding: 50px 0 10px 0;
}
.our-teams-contents .team-social-profiles a {
  display: inline-block;
  line-height: 10px;
  padding: 20px 0;
}
.our-teams-contents span{
  font:400 18px var(--common-font-o);
  line-height: 10px;
  color: var(--lightgray-t);
}
/* -------------- Section Partner ------------ */
#our-partners {
  padding: 8% 6%;
}
#our-partners .partner-box {
  background-color: var(--white);
}
/* -------------- Section Testimonials ------------ */
#testimonials {
  padding: 70px 0;
}
.client-image p {
  font:400 italic 16px var(--common-font-th);
  letter-spacing: 0px;
  line-height: 32px;
  color: var(--lightgray-t);
}
.client-image i {
  font-style:italic;
  font-size: 35px;
  color: var(--Silver);
}
.client-image img {
  border-radius: 50%;
}
.client-image a.client-title {
  font:700 25px var(--common-font-o);
  line-height: 28px;
  color: var(--darkblack);
}
.client-image span {
  font:300 16px var(--common-font-o);
  line-height: 45px;
  color: var(--lightgray-t);
}
/* -------------- Section newsletter ------------ */
#newsletter{
  padding: 6%;
}
#newsletter h3{
  font:700 56px var(--common-font-o);
  line-height: 94px;
  letter-spacing: 1px;
}
#newsletter input[type="email"]{
  width: 60%;
  background-color: var(--white);
  padding: 15px;
  margin-right: 25px;
}
#newsletter input[type="email"]::placeholder{
  font:500 15px var(--common-font-th) italic;
  letter-spacing: 1px;
  line-height: 32px;
  color: var(--lightgray-t);
}
#newsletter input[type="submit"] {
  padding: 15px 25px;
  border: none;
  background-color: var(--yellow);
  font:700 18px var(--common-font-o);
  letter-spacing: 1px;
  line-height: 23px;
}
/* -------------- Section Blog ------------ */
#our-blogs .blog-normal ,#our-blogs .blog-active{
  border: 2px solid var(--hawkesblue);
  background-color: var(--white);
  width: 85%;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  bottom: -15%;
  border-radius: 5px;
}
#our-blogs .blog-normal a,#our-blogs .blog-active a {
  font:700 24px var(--common-font-o);
  line-height: 28px;
  color: var(--darkblack);
}
.blog-normal span,#our-blogs .blog-active span {
  color: var(--mediumdarkblue);
  font:400 16px var(--common-font-o);
  line-height: 30px;
}
#our-blogs .owl-carousel .owl-stage-outer{
  padding-bottom: 7%;
}
#our-blogs .blog-active .blog-text{
  font:500 16px var(--common-font-th);
  letter-spacing: 0px;
  line-height: 24px;
  color: var(--suryaograyo);
}
#our-blogs .blog-active a i {
  font-size: 15px;
  background-color: var(--yellow);
  padding: 12px;
  border-radius: 50%;
}
/* -------------- Home Contact ------------ */
#home-contact{
  padding-top: 0;
}
.hcontact-box span.title-box {
  font:700 26px var(--common-font-o);
  line-height: 30px;
  color: var(--darkblack);
}
.hcontact-box span.text-span {
  font:400 19px var(--common-font-o);
  line-height: 23px;
  color: var(--mediumdarkblue);
}
/* ---------- Button Animation ---------- */
/* Bounce To Right */
.hvr-bounce-to-right {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right bottom, var(--yellow), var(--blue));
  background-position: 100% 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}