/* ##### Index of Stylesheet #####

:: 1.0 Import Fonts 
:: 2.0 Import All CSS
:: 3.0 Base CSS
:: 4.0 Preloader Area CSS
:: 5.0 Scroll Up Area CSS
:: 6.0 Section Heading Area CSS
:: 7.0 South Button CSS
:: 8.0 Header Area CSS
:: 9.0 Welcome Area CSS
:: 10.0 Advanced Search Area
:: 11.0 Single Property Area CSS
:: 12.0 Testimonials Area CSS
:: 13.0 Editor Area CSS
:: 14.0 Call to Action CSS
:: 15.0 Footer Area CSS
:: 16.0 Breadcumb Area CSS
:: 17.0 About Us Area CSS
:: 18.0 Team Member Area CSS
:: 19.0 Listings Area CSS
:: 20.0 Blog Area CSS 
:: 21.0 Contact Area CSS
:: 22.0 Shortcode Area CSS

##### Index of Stylesheet ##### /*
/* :: 1.0 Import Fonts */
@import url('https://fonts.googleapis.com/css?family=Handlee&display=swap');
/* :: 2.0 Import All CSS */
@import url(bootstrap.min.css);
@import url(animate.css);
@import url(owl.carousel.css);
@import url(classy-nav.min.css);
@import url(magnific-popup.css);
@import url(nice-select.css);
@import url(font-awesome.min.css);
@import url(jquery-ui.min.css);
/* :: 3.0 Base CSS */
* {
  margin: 0;
  padding: 0; }

body{
font-family:"gothamLight", arial;
}
body .content_inner_bg {
  background-color: #1c355e;
  position: relative;
  margin-bottom:70px;
   border-radius: 6px 6px;
   margin-top: 20px;
}
.seksyen-atas{
 border-radius:  6px 6px 0 0;
 border-width: 0.0006rem;
    border-style: solid;
    border-color:rgb(255,254,249);
}
.seksyen-next{
    border-width: 0.0006rem;
    border-style: solid;
    border-color: #1c355e;
}
.seksyen-last{
 border-radius: 0  0 6px 6px;
    border-width: 0.0006rem;
    border-style: solid;
    border-color: #1c355e;
}

.turunlah{
}@media only screen and (max-width: 767px) {
.turunlah  {
text-align: right;
  padding-top:5px;
		} }
.underline{
text-decoration:underline !important;
}
.gothambook{
font-family: gothamBook;
}
.gothammedium{
font-family: gothammedium;
}
.gothamlight{
font-family: gothamLight;
}
.font10, .font10 p {font-size:10px!important;}
.font11, .font11 p {font-size:11px!important;}
.font12, .font12 p {font-size:12px!important;}
.font13, .font13 p {font-size:13px!important;}
.font14, .font14 p {font-size:14px!important;}
.font15, .font16 p {font-size:15px!important;}
.font16, .font16 p {font-size:16px!important;}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1c355e;
  font-weight: 600; }

p {
  color: #7d7d7d;
  font-size: 14px;
  line-height: 1.8;
  font-weight: 500; }
  
  #tarikh-box p  {
color: rgba(255,254,249, 0.8);
  font-size: 14px;
  line-height: 1.8;
  font-weight: 500;
padding-top: 10px;  
margin-bottom:0;
background-color: rgba(28,53,94,0.6);
    padding: 5px 10px;
    border-radius: 2px 2px;
}
#senarai{
margin-bottom:0;
}
#samfonts{  
font-family: 'Handlee', cursive;
font-size: 20px;
color: #7d7d7d;
}

.passport {
float:left;
    height: 50px;
    width: 50px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 3px 0px;
    margin-right: 15px;
    border-radius: 100%;
    border-width: 2px;
    border-style: solid;
    border-color: #67A2BA;
    border-image: initial;
    overflow: hidden;
}
.passport-detail {
float:left;
    height: 60px;
    width: 60px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 3px 0px;
    margin-left: 15px;
    border-radius: 100%;
    border-width: 2px;
    border-style: solid;
    border-color: #67A2BA;
    border-image: initial;
    overflow: hidden;
}


a {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  text-decoration: none;
  outline: none;
  font-size: 14px;
  font-weight: 600; }
  a:hover, a:focus {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    text-decoration: none;
    outline: none;
    font-size: 14px;
    font-weight: 600; }

a#kul{
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  text-decoration: none;
  outline: none;
  font-style: italic;
  font-size: 14px;
  font-weight: 600; color:rgba(255, 254, 249, 0.63);}
  a#kul:hover, a#kul:focus {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    text-decoration: none;
    outline: none;
    font-size: 14px;
    font-weight: 600; color:white;}


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

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

 .lrg-logo {
 padding:0;
 margin:0;
 width: 150px;
  text-align: center;
  position:relative;
}
 .lrg-logo-mobile {
 padding:0;
 margin:0;
 width: 150px;
  text-align: center;
  position:relative;
}
.sml-logo {
 width: 120px;
    position: relative;
    top: -10px;
  text-align: center;
}

.logo-tagline{
font-family: 'Handlee', cursive;
font-size: 14px;
color: rgba(255,254,249, 0.9);
position: absolute; 
left:63px; top:57px;
display: none;
}    @media only screen and (min-width: 768px) and (max-width: 991px) {
.logo-tagline {
left:63px; top:57px; } }
    @media only screen and (max-width: 767px) {
.logo-tagline{
left:32px; top:45px;
font-size: 13px;
} }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
.logo-tagline{
left:63px; top:57px;} }

.hidden>div {
	display:none!important;
}

.visible>div {
	display:block!important;
}
 
img#lkpro {
  height: auto;
  max-width: 42%; }
  img#lkpros {
  height: auto;
  max-width: 39%; }
  .prm-0 {
  padding-right: 0; 
  }@media only screen and (max-width: 767px) {
  .prm-0 {
  padding-right: 15px; 
		} }
.mt-15 {
  margin-top: 15px; }

.mt-30 {
  margin-top: 30px; }

.mt-50 {
  margin-top: 50px; }

.mt-70 {
  margin-top: 70px; }

.mt-100 {
  margin-top: 100px; }
  
  
 .mb-5 {
  margin-bottom: 5px!important; } 
.mb-10 {
  margin-bottom: 10px!important; }
.mb-15 {
  margin-bottom: 15px!important;  }

.mb-30 {
  margin-bottom: 30px!important; }

.mb-50 {
  margin-bottom: 50px!important;  }

.ml-15 {
  margin-left: 15px; }

.ml-30 {
  margin-left: 30px; }
.mr-0 {
  margin-right: 0; }
.mr-15 {
  margin-right: 15px; }

.mr-30 {
  margin-right: 30px; }

.mb-70 {
  margin-bottom: 70px; }

.mb-100 {
  margin-bottom: 100px; }
.pt-10{
 padding-top:10px!important;
}
 .pr-10{
 padding-right:10px!important;
 } 
   .pl-10{
 padding-left:10px!important;
 } 
  .pr-20{
 padding-right:20px!important;
 } 
   .pl-20{
 padding-left:20px!important;
 } 
   .pr-22{
 padding-right:23px!important;
 } 
    .pr-30{
 padding-right:30px!important;
 }
 .pl-5{
 padding-left:5px!important;
 } 
   .pl-22{
 padding-left:23px!important;
 } 
  .pr-50{
 padding-right:50px!important;
 } 
   .pl-50{
 padding-left:50px!important;
 } 
.bg-img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }

  
.bg-transparent {
  background-color: transparent; }

.bg-transparent-dark {
  background-color: rgba(0, 0, 0, 0.5) !important; }

.bg-transparent-light {
  background-color: rgba(255, 255, 255, 0.5) !important; }
.ngebold {
  font-weight: 400;
font-family: gothammedium;
 font-style: oblique;
  }
 .ngeboldx {
  font-weight: 500;
font-family: gothamBook;
  } 
.font-bold {
  font-weight: 700; }

.font-light {
  font-weight: 300; }

.height-500 {
  height: 500px !important; }

.height-600 {
  height: 600px !important; }

.height-700 {
  height: 700px !important; }

.height-800 {
  height: 800px !important; }

  
  .section-paddings-100 {
  padding: 180px 0  0 0; }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-paddings-100  {
  padding: 110px 0  0 0;
	} }
  @media only screen and (max-width: 767px) {
  .section-paddings-100  {
  padding: 120px 0  0 0;
	} } 
  
  
  
   .section-paddings-propage {
  padding: 20px 0  0 0; }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-paddings-propage  {
  padding: 20px 0  0 0;
	} }
  @media only screen and (max-width: 767px) {
  .section-paddings-propage  {
  padding: 20px 0  0 0;
	} }  
  
     .section-paddings-propage2 {
  padding: 30px 0 0 0; }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-paddings-propage2  {
  padding: 0;
	} }
  @media only screen and (max-width: 767px) {
  .section-paddings-propage2  {
  padding: 0;
	} } 
  
  
  
     .section-paddings-artikel {
  padding: 20px 0  0 0; }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-paddings-artikel  {
  padding: 20px 0  0 0;
	} }
  @media only screen and (max-width: 767px) {
  .section-paddings-artikel  {
  padding: 20px 0  0 0;
	} } 
  
    .section-paddings-footer {
background-color: #7283a4;
  padding: 50px 0  0 0; }
   @media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-paddings-footer  {
  padding: 20px 0  0 0;
	} }
  @media only screen and (max-width: 767px) {
  .section-paddings-footer  {
  padding: 20px 0  0 0;
	} }   
  
  
.section-padding-100 {
  padding: 180px 0; }

.section-padding-50 {
  padding: 50px 0; }

  .section-padding-70 {
  padding: 70px 0; }
  
.section-padding-50-0 {
  padding: 50px 0 0 0; }

.section-padding-100-70 {
  padding: 100px 0 70px; }

.section-padding-30-20 {
  padding: 70px 0 20px; }
  
.section-padding-100-50 {
  padding: 100px 0 50px; }
  
.section-padding-100-0 {
  padding: 100px 0 10px; }
  
.section-paddings-100-0 {
  padding: 80px 0 0; }
  
.section-padding-0-100 {
  padding: 0 0 100px; }

.section-padding-100-20 {
  padding: 100px 0 20px 0; }

.bg-fixed {
  background-position: center center;
  background-attachment: fixed;
  background-size: cover; }

.bg-overlay {
  position: relative;
  z-index: 1; }
  .bg-overlay::after {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #d11141;
    opacity: 0.7;
    content: ''; }

.bg-overlay-black {
  position: relative;
  z-index: 1; }
  .bg-overlay-black::after {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.7;
    content: ''; }

.bg-overlay-white {
  position: relative;
  z-index: -1; }
  .bg-overlay-white::after {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(230, 241, 255, 0.5);
    content: ''; }

.gradient-background-overlay:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.9);
  background: -webkit-linear-gradient(top, #323232 0%, rgba(0, 0, 0, 0.9) 90%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, #323232 0%, rgba(0, 0, 0, 0.9) 90%, rgba(0, 0, 0, 0) 100%); }

.bg-gray {
  background-color: #f5f7f9; }

.row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.align-items-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -ms-grid-row-align: stretch;
  align-items: stretch; }

.gradient-background-overlay {
  position: relative;
  z-index: 3; }

  
  
  
  
/* :: 4.0 Preloader Area CSS */
#preloader {
  overflow: hidden;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100000;
  background-color: #2065AB; }

.south-load {
  -webkit-animation: 1500ms linear 0s normal none infinite running south-load;
  animation: 1500ms linear 0s normal none infinite running south-load;
  background: transparent;
  border-color: rgba(255,254,249, 0.9);
  border-top-color: #444444;
  border-left-color: #444444;
  border-right-color: #444444;
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  height: 50px;
  left: calc(50% - 25px);
  position: relative;
  top: calc(50% - 25px);
  width: 50px;
  z-index: 9; }


@-webkit-keyframes south-load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes south-load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
/* :: 5.0 Scroll Up Area CSS */
#scrollUp {
  background-color: #2065AB;
  border-radius: 50%;
  bottom: 40px;
  right: 40px;
  box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.1);
  color:  rgba(255,254,249, 0.9);
  font-size: 24px;
  height: 50px;
  text-align: center;
  width: 50px;
  line-height: 46px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms; }
  #scrollUp:hover {
    background-color: #000000; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #scrollUp {
      bottom: 30px;
      right: 30px;
      height: 50px;
      width: 50px;
      line-height: 46px; } }
  @media only screen and (max-width: 767px) {
    #scrollUp {
      bottom: 30px;
      right: 30px;
      height: 50px;
      width: 50px;
      line-height: 46px; } }

/* :: 6.0 Section Heading Area CSS */
.section-heading {
  position: relative;
  z-index: 1;
  text-align: center;
  margin-bottom: 74px; }
  .section-heading-postoff {
  position: relative;
  z-index: 1;
  text-align: left;
  margin-bottom: 10px; }
#services{
margin-bottom: 30px; }
#featurespro{
margin-bottom: 30px; }
.tomok{
line-height: 0.6;
 margin-bottom: 35px;}
  .section-heading img {
    margin-bottom: 10px; }
  .section-heading h2 {
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 5px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .section-heading h2 {
        font-size: 24px; } }
    @media only screen and (max-width: 767px) {
      .section-heading h2 {
        font-size: 24px; } }
  .section-heading p {

    margin-bottom: 5px;

	
	}
  .section-heading-postoff p.postoff {
    color: rgba(28,53,94, 0.9);
    font-size: 22px;
    margin-bottom: 30px;
	font-weight: 400;
    line-height: 0.6;
	font-family: gothamBook;
	}
/* :: 7.0 South Button CSS */
.buton{
font-family: gothamBook;
  position: relative;
  z-index: 1;
  min-width: 170px;
border:hidden;
  color: #dedede;
  font-size: 14px;
  font-weight: 400;
  background-color: blue;
  margin: 15% 0 15% 15%;
  line-height: 30px;
  padding: 0 30px;
  text-transform: uppercase;
}
 .buton:active, .buton:hover, .buton:focus {
    color: red;
	 font-weight: 500;
	outline: none;
}


.pro-search-btn{
font-family: gothamBook;
  position: relative;
  z-index: 1;
  min-width: 170px;
border:hidden;
  color: #dedede;
  font-size: 14px;
  font-weight: 400;
  background-color: transparent;

  line-height: 30px;
  padding: 0 30px;
  text-transform: uppercase;
}
 .pro-search-btn:active, .pro-search-btn:hover, .pro-search-btn:focus {
    color: #FFFFFF;
	 font-weight: 500;
	outline: none;
}
.btn-outline-enquiry {
position: relative;
margin: 20px 40px 0 10px;
width: 95%;
 color: rgba(255,254,249, 0.8);
background-color: #333333;
border-color: #000;
}
.btn-outline-enquiry:hover {
    color:  rgba(255,254,249, 0.9);
background-color:#444444;
border-color: #333333;
}
.btn-outline-enquiry a {
    color:  rgba(255,254,249, 0.8);
}	
	
.south-btn {
font-family: gothammedium;
  position: relative;
  z-index: 1;
  min-width: 170px;
  height: 50px;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  background-color: #949494;
    border: 1px solid #3E537D; 
	border-radius: 4px 4px 4px 4px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.12); 
  line-height: 50px;
  padding: 0 30px;
  text-transform: uppercase; }
  .south-btn.active, .south-btn:hover, .south-btn:focus {
    color:  rgba(255,254,249, 0.9);
	 font-weight: 500;
    background-color: #759cc9; }
  .south-btn.btn-2 {
    border: 2px solid #d11141;
    background-color: transparent;
    color: #fff;
    line-height: 46px; }
    .south-btn.btn-2:hover, .south-btn.btn-2:focus {
      color:  rgba(255,254,249, 0.9);
      background-color: #d11141; }
  .south-btn.btn-3 {
    border: 2px solid #000000;
    background-color: transparent;
    color: #000000;
    line-height: 46px; }
    .south-btn.btn-3:hover, .south-btn.btn-3:focus {
      color:  rgba(255,254,249, 0.9);
      background-color: #000000; }

/* :: 8.0 Header Area CSS */
.dark .classynav ul li .dropdown,
.dark.classy-nav-container,
.dark .classynav ul li .megamenu,
.dark.breakpoint-on .classynav > ul > li > a,
.dark.breakpoint-on .classy-navbar .classy-menu {
  background-color:#E7F1F8;
  border-radius:  4px 4px;
  
  }      @media only screen and (min-width: 983px) and (max-width: 1296px) {
.dark .classynav ul li .dropdown,
.dark.classy-nav-container,
.dark .classynav ul li .megamenu,
.dark.breakpoint-on .classynav > ul > li > a,
.dark.breakpoint-on .classy-navbar .classy-menu{
background-color: #E7F1F8;  } }
  @media only screen and (max-width: 767px) {
  .dark .classynav ul li .dropdown,
.dark.classy-nav-container,
.dark .classynav ul li .megamenu,
.dark.breakpoint-on .classynav > ul > li > a,
.dark.breakpoint-on .classy-navbar .classy-menu  {
background-color: #1c355e; 
		} }


.header-area {
  position: absolute;
  z-index: 10000;
  width: 100%;
  height: auto;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms; }

.top-header-area {
  position: relative;
  z-index: 1;
  height: 30px;
  border-bottom: 2px solid #dedede;
  background-color: #0da3d6; }
  @media only screen and (max-width: 767px) {
    .top-header-area {
      height: auto; } }
  .top-header-area .email-address {
    padding-left: 60px;
    line-height: 1; }
    @media only screen and (max-width: 767px) {
      .top-header-area .email-address {
        padding: 15px 30px; } }
    .top-header-area .email-address a {

      color: #FFFFFF;
	   letter-spacing: 0.05rem;
      font-size: 13px;
      position: relative;
      z-index: 1;
      top: 1px; 
	  }
.classynav .titlemenu {
font-family: 'Handlee', cursive;
color: rgba(255,254,249, 0.8);
		margin-top:10px;
	font-size:16px;	
		
		}
		
	  
	  
      .top-header-area .email-address a:hover, .top-header-area .email-address a:focus {
        color:  rgba(255,254,249, 0.9);
		}
  .top-header-area .phone-number {
    line-height: 1;
	border-bottom: 2px solid #dedede;
    background-color: #0da3d6;
    height: 31px;
    margin-bottom: 0; }
    .top-header-area .phone-number .icon {
      background-color:  rgba(255,254,249, 0.9);
      width: 45px;
      height: 30px;
      text-align: center; }
      .top-header-area .phone-number .icon img {
        padding: 4px 0;
        max-width: 22px; }
    .top-header-area .phone-number .number a {
      padding: 0 60px;
      color: rgba(255,254,249, 0.9);
      line-height: 33px;
	  letter-spacing: 0.05rem;
      font-size: 13px; }

	  
.bottom-header-area {
opacity: 0.9;
 border-top: 1px solid #868686;
  z-index: 1;
  height: 40px;
  background-color: #1C355E; }
  @media only screen and (max-width: 767px) {
    .bottom-header-area {
      height: auto; } }
  .bottom-header-area .page-title {
    padding-left: 60px;
    line-height: 1; }
    @media only screen and (max-width: 767px) {
      .bottom-header-area .page-title {
        padding: 0; } }
    .bottom-header-area .page-title p {
	letter-spacing: 0.07rem;
	font-weight: 600;
font-family:gothamBook;
	padding-top:22px;
   color:#DEDEDE;
      font-size: 12px;
 text-transform:uppercase;
       }

  .bottom-header-area .tarikh{
    line-height: 1;
    background-color: #1C355E;
    height: 28px;
   }
    .bottom-header-area .tarikh .icon {
      background-color:  rgba(255,254,249, 0.9);
      width: 45px;
      height: 30px;
      text-align: center; }
      .bottom-header-area .tarikh .icon img {
        padding: 10px 0;
        max-width: 25px; }
    .bottom-header-area .tarikh .number p {

      padding: 6px 60px 0 60px;
color:#DEDEDE;
font-family:gothamBook;
      font-size: 12px;
font-weight: 400;}	  
	  
	  
	  
	  
  
.main-header-area {
  width: 100%;
  height: 90px;
  position: relative;
  z-index: 999;
  background-color: rgba(28,53,94, 0.25);
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-header-area {
      height: 70px; } }
  @media only screen and (max-width: 767px) {
    .main-header-area {
      height: 70px; } }
  .main-header-area .classy-nav-container {
    background-color: transparent; }
  .main-header-area .classy-navbar {
    height: 90px;
    padding: .5em 60px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .main-header-area .classy-navbar {
        height: 70px; } }
    @media only screen and (max-width: 767px) {
      .main-header-area .classy-navbar {
        height: 70px;
        padding: 0.5em 30px; } }
  .main-header-area .classynav ul li a {
    color:  rgba(255,254,249, 0.9);
    text-transform: uppercase;
    }
  .main-header-area .nav-brand {
    line-height: 1; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .main-header-area .nav-brand {
        margin-right: 0; } }
  .main-header-area .nav-brand img#logo {
  height:auto;
max-width: 60%;  }
  .main-header-area .classynav ul {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms; }
  .main-header-area .searchbtn {
    margin-left: 30px;
    height: 90px;
    line-height: 90px;
    background-color: transparent;
    width: 90px;
    text-align: center; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .main-header-area .searchbtn {
        margin-left: 15px;
        width: 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .main-header-area .searchbtn {
        margin-left: 0;
        height: 50px;
        width: 100%;
        margin-top: 15px;
        line-height: 50px;
        background-color: #d11141; } }
    @media only screen and (max-width: 767px) {
      .main-header-area .searchbtn {
        margin-left: 0;
        height: 50px;
        width: 100%;
        margin-top: 15px;
        line-height: 50px;
        background-color: #d11141; } }
    .main-header-area .searchbtn:hover {
      background-color: #d11141; }
  .main-header-area .south-search-form {
    position: relative;
    z-index: 1;
    display: none;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms; }
    .main-header-area .south-search-form input {
      width: 650px;
      height: 50px;
      background-color: transparent;
      border: 1px solid rgba(255, 255, 255, 0.2);
      color: #ffffff;
      border-radius: 100px;
      padding: 0 30px;
      font-size: 14px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .main-header-area .south-search-form input {
          width: 550px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .main-header-area .south-search-form input {
          width: calc(100% - 30px);
          margin: 0 15px; } }
      @media only screen and (max-width: 767px) {
        .main-header-area .south-search-form input {
          width: calc(100% - 30px);
          margin: 0 15px; } }
    .main-header-area .south-search-form button {
      position: absolute;
      top: 0;
      right: 15px;
      height: 50px;
      background-color: transparent;
      color: rgba(255, 255, 255, 0.5);
      border: none;
      cursor: pointer;
      width: 50px;
      outline: none;
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms; }
      .main-header-area .south-search-form button:hover {
        color: #ffffff; }

.search-close .searchbtn {
  background-color: #d11141; }
.search-close .classynav ul {
  display: none; }
.search-close .south-search-form {
  display: block; }

.is-sticky .main-header-area {
  width: 100%;
  z-index: 10000 !important;
  height: 90px;
  border-bottom: 2px solid #0D9FD0;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
  background-color: #0da3d6; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .is-sticky .main-header-area {
      height: 70px; } }
  @media only screen and (max-width: 767px) {
    .is-sticky .main-header-area {
      height: 70px; } }

 .page-content-bar {
    position: absolute;
    width: 100%;
    height: 140px;
    background:#fffef9;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.14);
    z-index: 0;
}
 .page-content-bar-artikel {
 border-top: 1px solid rgba(255,254,249, 0.5);
    position: absolute;
    width: 100%;
    height: 200px;
    background:#1c355e;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.64);
    z-index: 0;
}
 .page-content-bar-profile {
    position: absolute;
    width: 100%;
    height: 170px;
    background:#fffef9;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.14);
    z-index: 0;
}
 .page-content-barx {
 
    width: 100%;
    height: 50px;
    background:#304061;

    z-index: 0;
}  @media only screen and (min-width: 768px) and (max-width: 991px) {
 .page-content-barx {
    height: 40px; } }
  @media only screen and (max-width: 767px) {
 .page-content-barx {
       height: 40px; } }
/* :: 9.0 Welcome Area CSS */

.detail-slide {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 1000px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .detail-slide {
      height: 600px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .detail-slide {
      height: 400px; } }
  @media only screen and (max-width: 767px) {
    .detail-slide {
      height: 330px; } }

.myfoto-slides-content {
text-align: center;
width: 100%;
 height: 38px;


  }
  .myfoto-slides-content h2 {
    color:  rgba(255,254,249, 0.9);
    font-size: 60px;
    margin-bottom: 0;
    padding: 10px 15px;
    text-transform: uppercase;
    background-color: #000000;
    line-height: 1;
    display: inline-block; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .myfoto-slides-content h2 {
        font-size: 40px; } }
    @media only screen and (max-width: 767px) {
      .myfoto-slides-content h2 {
        font-size: 16px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .myfoto-slides-content h2 {
        font-size: 24px; } }

.myfoto-area .owl-prev,
.myfoto-area .owl-next {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 50%;
  line-height: 36px;
  text-align: center;
  color: #ffffff;
  left: 70px;
  margin-top: -19px;
  opacity: 0;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 16px; }
  @media only screen and (max-width: 767px) {
    .myfoto-area .owl-prev,
    .myfoto-area .owl-next {
      left: 30px; } }
  .myfoto-area .owl-prev:hover,
  .myfoto-area .owl-next:hover {
    background-color: #2065AB; }
.myfoto-area .owl-next {
  left: auto;
  right: 70px; }
  @media only screen and (max-width: 767px) {
    .myfoto-area .owl-next {
      left: auto;
      right: 30px; } }
.myfoto-area:hover .owl-prev, .myfoto-area:hover .owl-next {
  opacity: 1; }
.myfoto-area .owl-dots {
  width: 1110px;
  position: absolute;
  bottom: 15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .myfoto-area .owl-dots {
      width: calc(100% - 6%);
      left: 5%;
      -webkit-transform: translateX(0%);
      transform: translateX(0%); } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .myfoto-area .owl-dots {
      width: calc(100% - 6%);
      left: 5%;
      -webkit-transform: translateX(0%);
      transform: translateX(0%); } }
  @media only screen and (max-width: 767px) {
    .myfoto-area .owl-dots {
      width: calc(100% - 30px);
      left: 20px;
      -webkit-transform: translateX(0%);
      transform: translateX(0%); } }
.myfoto-area .owl-dot {
  display: block;
  width: 20px;
  height: 20px;
  background-color: transparent;
  font-size: 12px;
  color:  rgba(255,254,249, 0.9);
  text-align: center;
  margin-bottom: 5px; }
  .myfoto-area .owl-dot.active {
    background-color: rgba(0, 0, 0, 0.4); }

	
/* :: 9.0 Welcome Area CSS */
.single-hero-slide {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 800px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-hero-slide {
      height: 700px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-hero-slide {
      height: 350px; } }
  @media only screen and (max-width: 767px) {
    .single-hero-slide {
      height: 330px; } }

.hero-slides-content {
  text-align: center; }
  .hero-slides-content h2 {
    color:  rgb(255,254,249);
    font-size: 60px;
	font-weight:300;
	font-family: gothamBook;
    margin-bottom: 0;
    padding: 10px 15px;
    text-transform: uppercase;
    background-color: rgba(28,53,94, 0.2);
    line-height: 1;
    display: inline-block; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hero-slides-content h2 {
        font-size: 40px; } }
    @media only screen and (max-width: 767px) {
      .hero-slides-content h2 {
        font-size: 16px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .hero-slides-content h2 {
        font-size: 24px; } }
		
		
		
  .hero-slides-content .top {
    color:  rgb(255,254,249);
    font-size: 20px;
	font-weight:300;
	font-family: gothamBook;
    margin-bottom: 0;
    padding: 10px 15px;
    background-color: rgba(28,53,94, 0.4);
    line-height: 1;
    display: inline-block; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slides-content .top {
        font-size: 40px; } }
    @media only screen and (max-width: 767px) {
  .hero-slides-content .top  {
        font-size: 11px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
  .hero-slides-content .top  {
        font-size: 11px; } }		
		
		
  .hero-slides-content .mid {
    color:  rgb(255,254,249);
    font-size: 35px;
	font-weight:400;
	font-family: gothammedium;
    margin-bottom: 0;
    padding: 10px 10px 0 0;
    text-transform: uppercase;
    background-color: rgba(28,53,94, 0.4);
    line-height: 1;
    display: inline-block; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slides-content .mid {
        font-size: 40px; } }
    @media only screen and (max-width: 767px) {
  .hero-slides-content .mid  {
        font-size: 15px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
  .hero-slides-content .mid  {
        font-size: 24px; } }		
		
		
		
  .hero-slides-content .bot {
    color:  rgb(255,254,249);
    font-size: 15px;
	font-weight:300;
	font-family: gothamBook;
    margin-bottom: 0;
    padding: 10px 15px;
    text-transform: uppercase;
    background-color: rgba(28,53,94, 0.4);
    line-height: 1;
    display: inline-block; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slides-content .bot {
        font-size: 40px; } }
    @media only screen and (max-width: 767px) {
  .hero-slides-content .bot  {
        font-size: 11px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
  .hero-slides-content .bot  {
        font-size: 24px; } }		
		
.hero-area .owl-prev,
.hero-area .owl-next {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 50%;
  line-height: 36px;
  text-align: center;
  color: #ffffff;
  left: 70px;
  margin-top: -19px;
  opacity: 0;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 16px; }
  @media only screen and (max-width: 767px) {
    .hero-area .owl-prev,
    .hero-area .owl-next {
      left: 30px; } }
  .hero-area .owl-prev:hover,
  .hero-area .owl-next:hover {
    background-color: #2065AB; }
.hero-area .owl-next {
  left: auto;
  right: 70px; }
  @media only screen and (max-width: 767px) {
    .hero-area .owl-next {
      left: auto;
      right: 30px; } }
.hero-area:hover .owl-prev, .hero-area:hover .owl-next {
  opacity: 1; }
.hero-area .owl-dots {
  width: 1110px;
  position: absolute;
  bottom: 15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-area .owl-dots {
      width: calc(100% - 6%);
      left: 5%;
      -webkit-transform: translateX(0%);
      transform: translateX(0%); } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-area .owl-dots {
      width: calc(100% - 6%);
      left: 5%;
      -webkit-transform: translateX(0%);
      transform: translateX(0%); } }
  @media only screen and (max-width: 767px) {
    .hero-area .owl-dots {
      width: calc(100% - 30px);
      left: 20px;
      -webkit-transform: translateX(0%);
      transform: translateX(0%); } }
.hero-area .owl-dot {
  display: block;
  width: 20px;
  height: 20px;
  background-color: transparent;
  font-size: 12px;
  color:  rgba(255,254,249, 0.9);
  text-align: center;
  margin-bottom: 5px; }
  .hero-area .owl-dot.active {
    background-color: rgba(0, 0, 0, 0.4); }
.myhighlight-area{

background-color:rgba(28,53,94, 0.3);
}
.myhighlight-area .owl-prev,
.myhighlight-area .owl-next {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 50%;
  line-height: 36px;
  text-align: center;
  color: #000;
  left: 20px;
  margin-top: -19px;
  opacity: 0;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  background-color: rgba(255,254,249, 0.5);
  font-size: 16px; }
  @media only screen and (max-width: 767px) {
    .myhighlight-area .owl-prev,
    .myhighlight-area .owl-next {
      left: 30px; } }
  .myhighlight-area .owl-prev:hover,
  .myhighlight-area .owl-next:hover {
    background-color: #2065AB; }
.myhighlight-area .owl-next {
  left: auto;
  right: 20px; }
  @media only screen and (max-width: 767px) {
    .myhighlight-area .owl-next {
      left: auto;
      right: 20px; } }
.myhighlight-area:hover .owl-prev, .myhighlight-area:hover .owl-next {
  opacity: 1; }
    .highlight-textwrap-top {
  z-index:200;
  border-radius: 5px 5px;
  position: absolute;
   padding: 8px 8px 0 8px;
 background-color: rgba(255,254,249,0.8);		  
  top: 80%;
  left: 15%;
  text-align: center; }
  .highlight-textwrap-top h2 {
   
    color:  #C93A58;
    font-size: 15px;
	font-weight:400;
	font-family: gothammedium;
    margin-bottom: 0;
	padding-bottom: 10px;
    text-transform: uppercase;
    line-height: 22px;
    display: inline-block; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .highlight-textwrap-top h2 {
        font-size: 15px; } }
    @media only screen and (max-width: 767px) {
      .highlight-textwrap-top h2 {
        font-size: 14px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .highlight-textwrap-top h2 {
        font-size: 14px; } }	
  .highlight-textwrap {
  z-index:200;
  width: 100%;
  position: absolute;
      padding:0;
	      background-color: rgba(255,254,249,0.8);
  bottom:0;
  left:0;
  text-align: center; }
  .highlight-textwrap h2{
    color: #FF4137;
    font-size: 20px;
	font-weight:600;
	font-family: gothammedium;
    text-transform: uppercase;
	padding: 10px 0 5px 10px;
    line-height: 1;
    display: inline-block; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .highlight-textwrap h2 {
        font-size: 15px; } }
    @media only screen and (max-width: 767px) {
      .highlight-textwrap h2 {
        font-size: 16px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .highlight-textwrap h2 {
        font-size: 16px; } }

 .highlight-textwrap p.top{
   
    color: rgba(28,53,94, 0.9);
    font-size: 1.2rem;
	font-weight:400;
	font-family: gothammedium;

    text-transform: uppercase;
    line-height: 0;
    display: inline-block; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .highlight-textwrap p.top {
        font-size: 15px; } }
    @media only screen and (max-width: 767px) {
      .highlight-textwrap p.top {
        font-size: 16px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .highlight-textwrap p.top {
        font-size: 16px; } }

 .highlight-textwrap .detitle{
   
    color: rgba(28,53,94, 0.9);
    font-size: 1rem;
	font-weight:400;
	font-family: gothamBook;
    padding: 0  0 5px 10px;
    text-transform: uppercase;
    line-height: 1rem;
    display: inline-block; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
  .highlight-textwrap .detitle{
        font-size: 15px; } }
    @media only screen and (max-width: 767px) {
 .highlight-textwrap .detitle {
        font-size: 14px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
 .highlight-textwrap .detitle {
        font-size: 16px; } }		
		
.highlight-textwrap  i {

font-size: 13px;

}
	

.highlight-isi {
  z-index:200;
  width: 100%;
  position: absolute;
      padding:0;
	      background-color: rgba(255,254,249,0.8);
  bottom:0;
  left:0;
  text-align: center; }
  .highlight-isi h2{
    color: #FF4137;
    font-size: 20px;
	font-weight:600;
	font-family: gothammedium;
    text-transform: uppercase;
	padding: 10px 0 5px 10px;
    line-height: 1;
    display: inline-block; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .highlight-isi h2 {
        font-size: 15px; } }
    @media only screen and (max-width: 767px) {
      .highlight-isi h2 {
        font-size: 16px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .highlight-isi h2 {
        font-size: 16px; } }

 .highlight-isi p.top{
   
    color: rgba(28,53,94, 0.9);
    font-size: 1.2rem;
	font-weight:400;
	font-family: gothammedium;

    text-transform: uppercase;
    line-height: 0;
    display: inline-block; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .highlight-isi p.top {
        font-size: 15px; } }
    @media only screen and (max-width: 767px) {
      .highlight-isi p.top {
        font-size: 16px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .highlight-isi p.top {
        font-size: 16px; } }

 .highlight-isi .detitle{
   
    color: rgba(28,53,94, 0.9);
    font-size: 1rem;
	font-weight:400;
	font-family: gothamBook;
    padding: 0  0 5px 10px;
    text-transform: uppercase;
    line-height: 1rem;
    display: inline-block; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
  .highlight-isi .detitle{
        font-size: 15px; } }
    @media only screen and (max-width: 767px) {
 .highlight-isi .detitle {
        font-size: 14px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
 .highlight-isi .detitle {
        font-size: 16px; } }		
		
.highlight-isi  i {

font-size: 13px;

}
	
		
.search-tabs {
	background: #1c355e;
	color:  rgba(255,254,249, 0.9);
	padding: 8px 0px;
}


/* :: 10.0 Advanced Search Area */
.form-control {
  background-color: transparent;
  width: 100%;
  height: 38px;
  border-radius: 0;
  font-size: 14px;
  color: rgba(255,254,249, 0.7);
  margin-bottom: 30px;
  font-weight: 500;
  padding: 0 15px;
  border: 1px solid rgba(255,254,249, 0.4); }
  .form-control:hover, .form-control:focus {
    background-color: transparent;
    box-shadow: none;
	 color: rgba(255,254,249, 0.9);
    border: 1px solid rgba(255,254,249, 0.8); }

.nice-select {
  line-height: 34px; }
  .nice-select .list {
    left: 0 !important;
    right: 0 !important;
    border-radius: 0; }

.south-search-area {
background-color:#304061;
  position: relative;
  padding-bottom: 30px;
  z-index: 1; }
  .south-search-area .advanced-search-form {
  background-color:rgba(77,102,155,0.3); 
    position: relative;
	margin-bottom:80px;
    z-index: 1;
    padding: 30px 50px;
    border: 1px solid #3E537D; 
	border-top:none;
	border-radius: 0 0 4px 4px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.25); }
    @media only screen and (max-width: 767px) {
      .south-search-area .advanced-search-form {
	  margin-bottom:40px;
        padding: 30px 20px; } }
    .south-search-area .advanced-search-form .search-title {
      position: absolute;
      width: 260px;
      height: 45px;
      background-color: rgb(57,76,115);
      top: -45px;
      left: 50%;
	border: 1px solid #3E537D; 
	border-bottom: none;
	border-radius:4px 4px  0 0 ;
	
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      padding: 0 40px;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .south-search-area .advanced-search-form .search-title {
          width: 210px;
          padding: 0 15px; } }
      .south-search-area .advanced-search-form .search-title p {
	  font-family:gothamBook;
        margin-bottom: 0;
        color: #ffffff;
        text-transform: uppercase;
        line-height: 45px;
        font-weight: 300; 
		letter-spacing: 0.07rem;
		}
    .south-search-area .advanced-search-form .slider-range {
      flex: 0 0 50%;
      min-width: 50%;
      margin-bottom: 30px; }
      @media only screen and (max-width: 767px) {
        .south-search-area .advanced-search-form .slider-range {
          margin-bottom: 50px; } }
      .south-search-area .advanced-search-form .slider-range:first-child {
        padding-right: 15px; }
      .south-search-area .advanced-search-form .slider-range:last-child {
        padding-left: 15px; }
    .south-search-area .advanced-search-form .ui-widget.ui-widget-content {
      border: none;
      height: 4px; }
    .south-search-area .advanced-search-form .ui-widget-content {
      background: #d11141; }
    .south-search-area .advanced-search-form .ui-slider-horizontal {
      height: 4px;
      background: #d11141; }
    .south-search-area .advanced-search-form .ui-corner-all,
    .south-search-area .advanced-search-form .ui-corner-bottom,
    .south-search-area .advanced-search-form .ui-corner-right,
    .south-search-area .advanced-search-form .ui-corner-br {
      border-bottom-right-radius: 0; }
    .south-search-area .advanced-search-form .ui-corner-all,
    .south-search-area .advanced-search-form .ui-corner-bottom,
    .south-search-area .advanced-search-form .ui-corner-left,
    .south-search-area .advanced-search-form .ui-corner-bl {
      border-bottom-left-radius: 0; }
    .south-search-area .advanced-search-form .ui-corner-all,
    .south-search-area .advanced-search-form .ui-corner-top,
    .south-search-area .advanced-search-form .ui-corner-right,
    .south-search-area .advanced-search-form .ui-corner-tr {
      border-top-right-radius: 0; }
    .south-search-area .advanced-search-form .ui-corner-all,
    .south-search-area .advanced-search-form .ui-corner-top,
    .south-search-area .advanced-search-form .ui-corner-left,
    .south-search-area .advanced-search-form .ui-corner-tl {
      border-top-left-radius: 0; }
    .south-search-area .advanced-search-form .ui-state-default,
    .south-search-area .advanced-search-form .ui-widget-content .ui-state-default,
    .south-search-area .advanced-search-form .ui-widget-header .ui-state-default,
    .south-search-area .advanced-search-form .ui-button,
    .south-search-area .advanced-search-form html .ui-button.ui-state-disabled:hover,
    .south-search-area .advanced-search-form html .ui-button.ui-state-disabled:active {
      border: none;
      background: #6699CC;
      margin-top: -3px; }
    .south-search-area .advanced-search-form .range {
	color:  rgba(255,254,249, 0.6); 
      font-size: 12px;
      margin-top: 15px;
      font-weight: 600; }
      @media only screen and (max-width: 767px) {
        .south-search-area .advanced-search-form .range {
          font-size: 10px; } }
    .south-search-area .advanced-search-form .more-filter a {
      text-transform: uppercase;
      font-size: 12px;
      color: rgba(255,254,249, 0.7); }
      .south-search-area .advanced-search-form .more-filter a:hover {
        color: #0da3d6;}
    .south-search-area .advanced-search-form .search-form-second-steps {
      display: none; }
   .south-search-area .advanced-search-form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(255,254,249, 0.9);
  opacity: 1; /* Firefox */
}

   .south-search-area .advanced-search-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:rgba(255,254,249, 0.9);
}

   .south-search-area .advanced-search-form ::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(255,254,249, 0.9);
}
/* bottom version */	 
.protheme{
background-color:#e5e5e5;
} 
.south-search-areax {

  position: relative;
  padding:20px 0 0 0;
  z-index: 200; }
  .pos-abs{
      position: absolute;
  }
    .pos-rel{
      position: relative;
  }
  .south-search-areax .advanced-search-form {
  background-color:#fff;

	margin-bottom:0;
    z-index: 200;
    padding: 30px 50px;
    border: 1px solid #e1dddd;
	border-radius: 0 0 4px 4px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); }
    @media only screen and (max-width: 767px) {
      .south-search-areax .advanced-search-form {
	  margin-bottom:40px;
        padding: 30px 20px; } }
    .south-search-areax .advanced-search-form .search-title {
      position: absolute;
      width: 260px;
      height: 45px;
      background-color: #1C355E;
      top: -46px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      padding: 0 40px;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .south-search-areax .advanced-search-form .search-title {
          width: 210px;
          padding: 0 15px; } }
      .south-search-areax .advanced-search-form .search-title p {
	  font-family:gothamBook;
        margin-bottom: 0;
        color: #ffffff;
        text-transform: uppercase;
        line-height: 45px;
        font-weight: 300; 
		letter-spacing: 0.07rem;
		}
    .south-search-areax .advanced-search-form .slider-range {
      flex: 0 0 50%;
      min-width: 50%;
      margin-bottom: 30px; }
      @media only screen and (max-width: 767px) {
        .south-search-areax .advanced-search-form .slider-range {
          margin-bottom: 50px; } }
      .south-search-areax .advanced-search-form .slider-range:first-child {
        padding-right: 15px; }
      .south-search-areax .advanced-search-form .slider-range:last-child {
        padding-left: 15px; }
    .south-search-areax .advanced-search-form .ui-widget.ui-widget-content {
      border: none;
      height: 4px; }
    .south-search-areax .advanced-search-form .ui-widget-content {
      background: #d11141; }
    .south-search-areax .advanced-search-form .ui-slider-horizontal {
      height: 4px;
      background: #d11141; }
    .south-search-areax .advanced-search-form .ui-corner-all,
    .south-search-areax .advanced-search-form .ui-corner-bottom,
    .south-search-areax .advanced-search-form .ui-corner-right,
    .south-search-areax .advanced-search-form .ui-corner-br {
      border-bottom-right-radius: 0; }
    .south-search-areax .advanced-search-form .ui-corner-all,
    .south-search-areax .advanced-search-form .ui-corner-bottom,
    .south-search-areax .advanced-search-form .ui-corner-left,
    .south-search-areax .advanced-search-form .ui-corner-bl {
      border-bottom-left-radius: 0; }
    .south-search-areax .advanced-search-form .ui-corner-all,
    .south-search-areax .advanced-search-form .ui-corner-top,
    .south-search-areax .advanced-search-form .ui-corner-right,
    .south-search-areax .advanced-search-form .ui-corner-tr {
      border-top-right-radius: 0; }
    .south-search-areax .advanced-search-form .ui-corner-all,
    .south-search-areax .advanced-search-form .ui-corner-top,
    .south-search-areax .advanced-search-form .ui-corner-left,
    .south-search-areax .advanced-search-form .ui-corner-tl {
      border-top-left-radius: 0; }
    .south-search-areax .advanced-search-form .ui-state-default,
    .south-search-areax .advanced-search-form .ui-widget-content .ui-state-default,
    .south-search-areax .advanced-search-form .ui-widget-header .ui-state-default,
    .south-search-areax .advanced-search-form .ui-button,
    .south-search-areax .advanced-search-form html .ui-button.ui-state-disabled:hover,
    .south-search-areax .advanced-search-form html .ui-button.ui-state-disabled:active {
      border: none;
      background: #6699CC;
      margin-top: -3px; }
    .south-search-areax .advanced-search-form .range {
      font-size: 12px;
      margin-top: 15px;
      font-weight: 600; }
      @media only screen and (max-width: 767px) {
        .south-search-areax .advanced-search-form .range {
          font-size: 10px; } }
    .south-search-areax .advanced-search-form .more-filter a {
      text-transform: uppercase;
      font-size: 12px;
      color: #323232; }
      .south-search-areax .advanced-search-form .more-filter a:hover {
        color: #d11141; }
    .south-search-areax .advanced-search-form .search-form-second-steps {
      display: none; }
	  
/* :: 11.0 Single Property Area CSS   e5e5e5  */
.postoff-featured-property {
background-color: #e5e5e5 ;
  position: relative;
  z-index: 1;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  overflow: hidden; }
   .postoff-featured-property .button-div .button-div-int .contact-btn {
border: 1px solid #e5e5e5 ; border-top: 1px solid #000;  height: 50px; width: 50%; float:left; border-top:none;text-align: center; padding-top: 0;

 } 
  
    .postoff-featured-property .button-div .button-div-int .button-detail {
border: 1px solid #e5e5e5 ;  height: 50px; width: 50%; float:left;  border-top:none;  border-left:none; text-align: center;  padding-top: 0;

 }  
  
  .postoff-featured-property .button-div .button-div-int .contact-btn a {
      padding: 15px 0;
      font-size: 12px;
      color: #1C355E;
      font-weight: 500; }

  .postoff-featured-property .button-div .button-div-int .contact-btn  a:focus {
        color: blue; } 
  
    .postoff-featured-property .button-div .button-div-int .contact-btn  a:hover {
        color: #d11141; } 
		
  .postoff-featured-property .button-div .button-div-int .button-detail a {
      padding: 15px 0;
        font-size: 12px;
      color: #1C355E;
      font-weight: 500; }

  .postoff-featured-property .button-div .button-div-int .button-detail  a:focus {
        color: blue; } 
  
    .postoff-featured-property .button-div .button-div-int .button-detail   a:hover {
        color: #d11141; } 		
  
  .postoff-featured-property .property-thumb {
    position: relative;
    z-index: 1; }
    .postoff-featured-property .property-thumb .tag span {
	font-family: gothammedium;
	font-weight: 600;
      height: 25px;
      padding: 8px 15px 0 15px;
      background-color: transparent;
      color: transparent;
      text-transform: uppercase;
      font-size: 11px;
      font-weight: 600;
      display: inline-block;
      line-height: 10px;
      position: absolute;
      top: 10px;
      right: 10px;
      z-index: 10;
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms; }
    .postoff-featured-property .property-thumb .list-price p {
	font-family:gothammedium;
      background-color: #ffffff;
      padding: 10px 15px 10px 15px;
      color: #333333;
      font-size: 15px;
      font-weight: 500;
      display: inline-block;
      position: absolute;
      bottom: 10px;
      left: 10px;
      z-index: 10;
      margin-bottom: 0;
      line-height: 1;
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms; }
  .postoff-featured-property .property-content {

    padding: 10px 10px 0 10px;
    border: 1px solid #e5e5e5;  }
    .postoff-featured-property .property-content h5 {
	font-family: gothammedium;
      font-size: 15px;
font-weight: 400;	 
margin-bottom:2px;
color: #333333;
 }

    .postoff-featured-property .property-content p {
      margin-bottom: 30px; }
	    .postoff-featured-property .ptype{
		font-family: gothamBook;
		margin-bottom:0;
		background-color:#7283a4;
      color: #FFFFFF;
      padding: 0 8px 0 8px;
      font-size: 12px;
      font-weight: 300; }
	.postoff-featured-property .sfeet{
			float: right;

     
     
			
	}
    .postoff-featured-property .property-content .location {
	font-family: gothamBook;
      color: #333333;
      margin-bottom: 18px;
      font-size: 13px;
      font-weight: 400;
line-height: 1.1;
text-transform: capitalize;
	  }
	  
	  
	  
	      .postoff-featured-property .property-content .agendiv {
     margin-top: 20px;
      margin-bottom: 0;
	
	   height:45px;
  }

	  	  	      .postoff-featured-property .property-content .bathroom{
margin-left: 10px;
  }  
	  
      .postoff-featured-property .property-content .bathroom  img {
        margin-right: 10px;
        display: inline-block !important;
           height: auto;
    max-width: 30%;}
	      .postoff-featured-property .property-content .garage  img {
        margin-right: 10px;
        display: inline-block !important;
           height: auto;
    max-width: 30%;}
    .postoff-featured-property .property-content .property-meta-data span {
      font-size: 12px;
      font-weight: 600;
      margin-left: 5px;
      color: #838383; }
    .postoff-featured-property .property-content .property-meta-data img {
      margin-right: 10px;
      display: inline-block !important;
      width: auto !important; }
      @media only screen and (max-width: 767px) {
        .postoff-featured-property .property-content .property-meta-data img {
          margin-right: 0; } }
  .postoff-featured-property:hover, .postoff-featured-property:focus {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); }
    .postoff-featured-property:hover .tag span, .postoff-featured-property:focus .tag span {
      background-color: #FF756D;
      color: #ffffff; }
    .postoff-featured-property:hover .list-price p, .postoff-featured-property:focus .list-price p {
      background-color: #1C355E;
      color: #ffffff; }	  
	  
/* :: 11.0 Single Property Area CSS   e5e5e5*/
.single-featured-property {
border-radius: 4px 4px 4px 4px;
background-color: #ffffff;
  position: relative;
  z-index: 0;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  overflow: hidden; }
   .single-featured-property .button-div .button-div-int .contact-btn {
border: 1px solid #fff; border-top: 1px solid #000;  height: 50px; width: 50%; float:left; border-top:none;text-align: center; padding-top: 0;
 border-radius:0 0 4px 0;
 } 
  
    .single-featured-property .button-div .button-div-int .button-detail {
border: 1px solid #fff;  height: 50px; width: 50%; float:left;  border-top:none;  border-left:none; text-align: center;  padding-top: 0;
  border-radius:0 0 4px 4px;
 }  
  
  .single-featured-property .button-div .button-div-int .contact-btn a {
      padding: 15px 0;
      font-size: 12px;
      color: #1C355E;
      font-weight: 500; }

  .single-featured-property .button-div .button-div-int .contact-btn  a:focus {
        color: blue; } 
  
    .single-featured-property .button-div .button-div-int .contact-btn  a:hover {
        color: #d11141; } 
		
  .single-featured-property .button-div .button-div-int .button-detail a {
      padding: 15px 0;
        font-size: 12px;
      color: #1C355E;
      font-weight: 500; }

  .single-featured-property .button-div .button-div-int .button-detail  a:focus {
        color: blue; } 
  
    .single-featured-property .button-div .button-div-int .button-detail   a:hover {
        color: #d11141; } 		
  
  .single-featured-property .property-thumb {
    position: relative;
    z-index: 1; }
    .single-featured-property .property-thumb .tag span {
	font-family: gothammedium;
	font-weight: 600;
      height: 25px;
      padding: 8px 15px 0 15px;
      background-color: transparent;
      color: transparent;
      text-transform: uppercase;
      font-size: 11px;
      font-weight: 600;
      display: inline-block;
      line-height: 10px;
      position: absolute;
      top: 10px;
      right: 10px;
      z-index: 10;
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms; }
    .single-featured-property .property-thumb .list-price p {
	font-family:gothammedium;
      background-color: #ffffff;
      padding: 10px 15px 10px 15px;
      color: #333333;
      font-size: 15px;
      font-weight: 500;
      display: inline-block;
      position: absolute;
      bottom: 10px;
      left: 10px;
      z-index: 10;
      margin-bottom: 0;
      line-height: 1;
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms; }
  .single-featured-property .property-content {

    padding: 10px 10px 0 10px;
    border: 1px solid #fff; }
    .single-featured-property .property-content h5 {
	font-family: gothammedium;
      font-size: 15px;
font-weight: 400;	 
margin-bottom:2px;
color: #333333;
 }

    .single-featured-property .property-content p {
      margin-bottom: 30px; }
	    .single-featured-property .ptype{
		font-family: gothamBook;
		margin-bottom:0;
		background-color:#7283a4;
      color: #FFFFFF;
      padding: 0 8px 0 8px;
      font-size: 12px;
      font-weight: 300; }
	.single-featured-property .sfeet{
			float: right;

     
     
			
	}
    .single-featured-property .property-content .location {
	font-family: gothamBook;
      color: #333333;
      margin-bottom: 18px;
      font-size: 13px;
      font-weight: 400;
line-height: 1.1;
text-transform: capitalize;
	  }
	  
	  
	  
	      .single-featured-property .property-content .agendiv {
     margin-top: 20px;
      margin-bottom: 0;
	
	   height:45px;
  }
.agendivtop {
width: 100%;
border-radius: 5px 4px 0px 0px;
display: flex;
padding: 3px 16px 8px 16px;
height: 48px;
background-color:#84B4C8;
z-index: 999;
position: relative;
-moz-box-pack: center;
justify-content: left;


  }
.agendivtop .agenname {
    text-transform: capitalize;
    color: #FFFFFF;
margin: 17px 0 0 0;
line-height: 0;
font-family: gothamBook;
font-size: 12px;
font-weight: 300;
} 
.agendivtop .postdate {
margin: 15px 0 0 0;
    color: #FFFFFF;
line-height: 0;
font-family: gothamBook;
font-size: 11px;
font-weight: 300;
} 
  
  
	  
	  	      .single-featured-property .property-content .agendetail {
			  float:left;

  }
  
  
  .wsp {
margin-left: 10px;
float:left;
    height: 50px;
    width: 60px;

    margin-right: 5px;

    overflow: hidden;
}
  
  
  	  	      .single-featured-property .property-content .agenname{
			   text-transform: capitalize;
color: #444444;
margin:15px 0 5px 0;
line-height: 0;
font-size:15px;
    font-weight: 600;
  }
  	  	      .single-featured-property .property-content .postdate{
color:#444444;
   margin-bottom: 0;
   line-height: 2;
   font-size:12px;
    font-weight: 500;
  }
	  	  	      .single-featured-property .property-content .bathroom{
margin-left: 10px;
  }  
	  
      .single-featured-property .property-content .bathroom  img {
        margin-right: 10px;
        display: inline-block !important;
           height: auto;
    max-width: 30%;}
	      .single-featured-property .property-content .garage  img {
        margin-right: 10px;
        display: inline-block !important;
           height: auto;
    max-width: 30%;}
    .single-featured-property .property-content .property-meta-data span {
      font-size: 12px;
      font-weight: 600;
      margin-left: 5px;
      color: #838383; }
    .single-featured-property .property-content .property-meta-data img {
      margin-right: 10px;
      display: inline-block !important;
      width: auto !important; }
      @media only screen and (max-width: 767px) {
        .single-featured-property .property-content .property-meta-data img {
          margin-right: 0; } }
  .single-featured-property:hover, .single-featured-property:focus {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); }
    .single-featured-property:hover .tag span, .single-featured-property:focus .tag span {
      background-color: #FF756D;
      color: #ffffff; }
    .single-featured-property:hover .list-price p, .single-featured-property:focus .list-price p {
      background-color: #1C355E;
      color: #ffffff; }

/* :: 12.0 Testimonials Area CSS */
.south-testimonials-area{
 background-color: #fffef9;
}
.testimonials-slides {
  position: relative;
  z-index: 1; }
  
  .img-caption {
    text-transform: uppercase;
    background: rgba(17,47,76,0.8);
color: #fff;
    position: absolute;
    width: 100%;
    padding: 1rem;
    top: 76%;
    height: 25%;
    text-align: center;
    font-family: "gothamBook", arial;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
  .testimonials-slides .single-testimonial-slide {
    position: relative;
    z-index: 1;
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
    .testimonials-slides .single-testimonial-slide h5 {
      margin-bottom: 30px;
      color: #7d7d7d; }
    .testimonials-slides .single-testimonial-slide .testimonial-author-info {
      margin-top: 50px; }
      .testimonials-slides .single-testimonial-slide .testimonial-author-info img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        margin: 0 auto 20px; }
      .testimonials-slides .single-testimonial-slide .testimonial-author-info p {
        margin-bottom: 0;
        color: #323232; }
        .testimonials-slides .single-testimonial-slide .testimonial-author-info p span {
          color: #d11141; }
  .testimonials-slides .center .single-testimonial-slide {
    -webkit-transform: scale(1);
    transform: scale(1); }
    .testimonials-slides .center .single-testimonial-slide h5 {
      color: #000000; }
  .testimonials-slides .owl-prev,
  .testimonials-slides .owl-next {
    width: 38px;
    height: 38px;
    position: absolute;
    top: 50%;
    line-height: 40px;
    text-align: center;
    color:  rgba(255,254,249, 0.9);
    left: -19px;
    margin-top: -19px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    background-color: rgba(28,53,94, 0.3);
    font-size: 12px; }
    .testimonials-slides .owl-prev:hover,
    .testimonials-slides .owl-next:hover {
      background-color: #0da3d6; }
    @media only screen and (max-width: 767px) {
      .testimonials-slides .owl-prev,
      .testimonials-slides .owl-next {
        left: 0; } }
  .testimonials-slides .owl-next {
    left: auto;
    right: -19px; }
    @media only screen and (max-width: 767px) {
      .testimonials-slides .owl-next {
        left: auto;
        right: 0; } }

/* :: 13.0 Editor Area CSS */
.south-editor-area {
  background-color: #304061;
  position: relative;
  z-index: 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .south-editor-area {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  @media only screen and (max-width: 767px) {
    .south-editor-area {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .south-editor-area .editor-content-area,
  .south-editor-area .editor-thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .south-editor-area .editor-content-area,
      .south-editor-area .editor-thumbnail {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        min-width: 100%; } }
    @media only screen and (max-width: 767px) {
      .south-editor-area .editor-content-area,
      .south-editor-area .editor-thumbnail {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        min-width: 100%; } }
  .south-editor-area .editor-content-area {
    position: relative;
    z-index: 1;
    padding: 0 18px 0 5%; }
	
	  .south-editor-area .editor-content-area p{
	color: rgba(255,254,249, 0.8);
font-weight: 400;
 text-align: justify;
  text-justify: inter-word;
	}
	
	
	@media only screen and (max-width: 1450px) {
	  .south-editor-area .editor-content-area p{
font-size: 90%;
line-height: 130%;
  }
}	
	
	@media only screen and (min-width: 1451px) {
	  .south-editor-area .editor-content-area p{
font-size: 100%;
line-height: 130%;
  }
}
	@media only screen and (min-width: 1920px) {
	  .south-editor-area .editor-content-area p{
font-size: 120%;
line-height: 150%;
  }
}


		  		  .south-editor-area .editor-content-area .head-cha{
		  font-size: 95%;
		  font-weight: 900;
		  }
		  		  		  .south-editor-area .editor-content-area .discover-more{
						  color: #FF4137;
						  font-family: gothamBook;
		  font-size: 13px;
		  font-weight: 500;
		  }
    .south-editor-area .editor-content-area .section-heading {
      text-align: left;
      margin-bottom: 30px; }
    .south-editor-area .editor-content-area .address {
      margin-top: 30px; }
      .south-editor-area .editor-content-area .address h6 {
        margin-bottom: 15px;
        font-size: 14px; }
        .south-editor-area .editor-content-area .address h6:last-of-type {
          margin-bottom: 0; }
        .south-editor-area .editor-content-area .address h6 img {
          margin-right: 10px; }

/* :: 14.0 Call to Action CSS */
.call-to-action-area {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 650px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .call-to-action-area {
      height: 500px; } }
  @media only screen and (max-width: 767px) {
    .call-to-action-area {
      height: 500px; } }
  .call-to-action-area .cta-content h2 {
    color: #ffffff;
    font-size: 48px;
    margin-bottom: 20px;
    text-transform: uppercase; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .call-to-action-area .cta-content h2 {
        font-size: 40px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .call-to-action-area .cta-content h2 {
        font-size: 30px; } }
    @media only screen and (max-width: 767px) {
      .call-to-action-area .cta-content h2 {
        font-size: 24px; } }
  .call-to-action-area .cta-content h6 {
    font-size: 30px;
    font-style: italic;
    color: #ffffff; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .call-to-action-area .cta-content h6 {
        font-size: 24px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .call-to-action-area .cta-content h6 {
        font-size: 18px; } }
    @media only screen and (max-width: 767px) {
      .call-to-action-area .cta-content h6 {
        font-size: 16px; } }

/* :: 15.0 Footer Area CSS */


.footer-area {
  position: relative;
  z-index: 1;
  overflow-x: hidden; }
  .footer-area .copywrite-text {
    width: 100%;
    height: 60px;
    background-color: #1c355e;
    padding: 0 15px; 
	}
    .footer-area .copywrite-text p {
      margin-bottom: 0;
      font-size: 12px;
      color: #999999; 
	  font-weight: 300;}
      .footer-area .copywrite-text p a {
        font-size: 12px;
        color: #7d7d7d; }

.footer-widget-area .widget-title {
  margin-bottom: 22px; }
  .footer-widget-area .widget-title h6 {
 font-size: 0.9rem; 
    color: rgba(255,254,249, 0.9);
    margin-bottom: 0;
    text-transform: capitalize;
	font-weight: 600;
    border-bottom: 2px solid;
    border-color: rgba(255,254,249, 0.6);
    line-height: 1.8;
    display: inline-block; }
	
	.footer-widget-area .address h6 i {
	font-size: 19px;
    position: absolute;
    top: 2px;
    z-index: 10;
    left: 22px;
}
	.footer-widget-area .address h6 i.phone{
	font-size: 22px;
    position: absolute;
    top: 2px;
    z-index: 10;
    left: 20px;
}
	.footer-widget-area .address h6 i.velup {
	font-size: 17px;
    position: absolute;
    top: 2px;
    z-index: 10;
    left: 16px;
}
	.footer-widget-area .address h6 i.velupx {
	color:#25D366;
		font-size: 28px;
		font-weight:500;
    position: absolute;
    top: 2px;
    z-index: 10;
    left: 16px;
}

	.footer-widget-area .address h6 i.wsp {
	font-size: 20px;
    position: absolute;
    top: 5px;
    z-index: 10;
    left: 6px;
}	
.footer-widget-area p {
  color: #7d7d7d;
  margin-bottom: 0;
  font-weight: 400; }
  
  .footer-widget-area .enlogowrap img{
height: auto;
max-width: 25%;  
padding: 5px;
  }
  
  
.footer-widget-area .colist{  
position: relative;
z-index: 1;
color: rgba(255,254,249, 0.8);
margin-bottom: 20px;
display: block;

font-weight: 500;
padding-left: 0;
line-height: 1.3;
 font-size: 0.8rem; 
 } 
.footer-widget-area .colist .regno{  

color: rgba(255,254,249, 0.7);

font-weight: 300;


 font-size: 0.68rem; 
 }  
 
 
  .footer-widget-area .titik{  
position: absolute;
top: 0;
z-index: 10;
left: 0;
  }
.footer-widget-area .weekly-office-hours ul li {
  padding: 15px 0;
  display: block;
  border-bottom: 1px solid rgba(255,254,249, 0.5); }
  .footer-widget-area .weekly-office-hours ul li span {
    color:rgba(255,254,249, 0.8);
    font-size: 14px;
    font-weight: 400; }
  .footer-widget-area .weekly-office-hours ul li:first-of-type {
    padding-top: 0; }
.footer-widget-area .address {
  margin-top: 30px; }
  .footer-widget-area .address h6 {
    position: relative;
    z-index: 1;
    color: rgba(255,254,249, 0.8);
    margin-bottom: 10px;
    display: block;
	font-family:gothamBook;
 font-size: 0.75rem; 
    font-weight: 400;
    padding-left: 50px;
    line-height: 1.4; }
	 .footer-widget-area .address h6.add {
    position: relative;
    z-index: 1;
    color: rgba(255,254,249, 0.8);
    margin-bottom: 10px;
    display: block;
	font-family:gothamBook;
 font-size: 0.88rem; 
    font-weight: 400;
    padding-left: 40px;
    line-height: 1.4; }
	 .footer-widget-area .address h6.phoneno {
    position: relative;
    z-index: 1;
    color: rgba(255,254,249, 0.8);
    margin-bottom: 10px;
    display: block;
	font-family:gothamBook;
 font-size: 0.8rem; 
    font-weight: 400;
    padding-left:10px;
    line-height: 1.4; }
	
	 .footer-widget-area .address p.phone-title {
    position: relative;
    z-index: 1;
    color: rgba(255,254,249, 0.8);
    margin-bottom: 10px;
    display: block;
	font-family:gothamBook;
 font-size: 0.88rem; 
    font-weight: 600;
    padding-left:15px;
    line-height: 1.4; }
    .footer-widget-area .address h6 img {
      position: absolute;
      top: 4px;
      z-index: 10;
      left: 0; }
	  
.footer-widget-area .address h6 a:link {
font-family: 'Handlee', cursive;
padding-top:10px;
font-size: 22px;
color: rgb(255,254,249) !important;
font-weight:bolder;
}
.footer-widget-area .address h6 a:visited {
color: rgb(255,254,249) !important;
}
 .footer-widget-area .address h6 a:hover,  a:active {
  color: #000;
}	  
	  
	  
	  
.footer-widget-area .useful-links-nav {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .footer-widget-area .useful-links-nav li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%; }
    .footer-widget-area .useful-links-nav li a {
      padding: 15px 0;
      display: block;
      color: #7d7d7d;
      font-weight: 400; }
	  
      .footer-widget-area .useful-links-nav li a:first-child, .footer-widget-area .useful-links-nav li a:nth-child(2) {
        padding-top: 0; }
      .footer-widget-area .useful-links-nav li a:hover, .footer-widget-area .useful-links-nav li a:focus {
        color: #d11141; }
.footer-widget-area .featured-properties-slides {
  position: relative;
  z-index: 1; }
  .footer-widget-area .featured-properties-slides .owl-prev,
  .footer-widget-area .featured-properties-slides .owl-next {
    width: 38px;
    height: 38px;
    position: absolute;
    top: 50%;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    left: -19px;
    opacity: 0;
    visibility: hidden;
    margin-top: -19px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    background-color: rgba(0, 0, 0, 0.4);
    font-size: 13px;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.15); }
    .footer-widget-area .featured-properties-slides .owl-prev:hover,
    .footer-widget-area .featured-properties-slides .owl-next:hover {
      background-color: #000000; }
  .footer-widget-area .featured-properties-slides .owl-next {
    left: auto;
    right: -19px; }
  .footer-widget-area .featured-properties-slides:hover .owl-prev, .footer-widget-area .featured-properties-slides:hover .owl-next {
    opacity: 1;
    visibility: visible; }
/* :: 16.0 Breadcumb Area CSS */
.breadcumb-areax {
background-color: #1c355e;
  width: 100%;
 border-bottom: 1px solid #dedede;
  position: relative;
  z-index: 1;
  padding-top: 121px;
  text-align: center; Sunday}
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
.breadcumb-areax {
  padding-top: 121px;} }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
.breadcumb-areax{
  padding-top: 121px;} }
    @media only screen and (max-width: 767px) {
.breadcumb-areax {
  padding-top: 80px; } }
.breadcumb-area {
  width: 100%;
  height: 450px;
  position: relative;
  z-index: 1;
  padding-top: 350px;
  text-align: right; 
  }@media only screen and (min-width: 992px) and (max-width: 1199px) {
.breadcumb-area {
  height: 450px;
  } }@media only screen and (min-width: 768px) and (max-width: 991px) {
.breadcumb-area{
  height: 330px;
  } }@media only screen and (max-width: 767px) {
.breadcumb-area {
  padding-top: 250px;
  height: 330px;
  } }
  
  

  .breadcumb-area .breadcumb-title {
    font-size: 20px;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 5px 20px 7px;
    line-height: 1;
    color: #ffffff;
    display: inline-block;
    text-transform: uppercase; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .breadcumb-area .breadcumb-title {
        font-size: 28px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .breadcumb-area .breadcumb-title {
        font-size: 36px; } }
    @media only screen and (max-width: 767px) {
      .breadcumb-area .breadcumb-title {
        font-size: 30px; } }
		
	  .breadcumb-area .title-co {
    font-size: 14px;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 5px 20px 7px;
    line-height: 1;
    color: #dedede;
    display: inline-block;
    text-transform: capitalize; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .breadcumb-area .title-co  {
        font-size: 22px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .breadcumb-area .title-co  {
        font-size: 13px; } }
    @media only screen and (max-width: 767px) {
      .breadcumb-area .title-co  {
        font-size: 12px; } }	
	

  .breadcumb-area .tag-title {
 font-family: 'Handlee', cursive;
    font-size: 0.7rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 5px 20px 7px;
    line-height: 1;
    color: #dedede;
    display: inline-block;
    text-transform: capitalize; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .breadcumb-area .tag-title  {
        font-size: 13px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .breadcumb-area .tag-title   {
        font-size: 11px; } }
    @media only screen and (max-width: 767px) {
      .breadcumb-area .tag-title   {
        font-size: 11px; } }	
		
.breadcumb-area .chonget   {
font-family: gothammedium;
font-weight: 500;
height: 25px;
padding: 15px 15px;
background-color: rgba(28,53,94, 0.4);
color: rgba(255,254,249, 0.8);
text-transform: uppercase;
font-size: 28px;
display: inline-block;
line-height: 10px;
position: absolute;
top: 50%;
right: 34%;
z-index: 10;
}    @media only screen and (min-width: 992px) and (max-width: 1199px) {
.breadcumb-area .chonget   {
        font-size: 13px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
.breadcumb-area .chonget   {
        font-size: 11px; } }
    @media only screen and (max-width: 767px) {
.breadcumb-area .chonget   {
        font-size: 16px; 
right: 18%;
		} }	
		
		
/* :: 17.0 About Us Area CSS */
.about-content-wrapper {
  position: relative;
  z-index: 1;
  overflow-x: hidden; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-content-wrapper .about-content {
      margin-bottom: 100px; } }
  @media only screen and (max-width: 767px) {
    .about-content-wrapper .about-content {
      margin-bottom: 100px; } }
  .about-content-wrapper .about-content img {
    margin-bottom: 40px; }
  .about-content-wrapper .featured-properties-slides {
    position: relative;
    z-index: 1; }
    .about-content-wrapper .featured-properties-slides .owl-prev,
    .about-content-wrapper .featured-properties-slides .owl-next {
      width: 38px;
      height: 38px;
      position: absolute;
      top: 50%;
      line-height: 40px;
      text-align: center;
      color: #ffffff;
      left: -19px;
      opacity: 0;
      visibility: hidden;
      margin-top: -19px;
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms;
      background-color: #d11141;
      font-size: 13px;
      box-shadow: 0 0 5px rgba(255, 255, 255, 0.15); }
      .about-content-wrapper .featured-properties-slides .owl-prev:hover,
      .about-content-wrapper .featured-properties-slides .owl-next:hover {
        background-color: #000000; }
    .about-content-wrapper .featured-properties-slides .owl-next {
      left: auto;
      right: -19px; }
    .about-content-wrapper .featured-properties-slides:hover .owl-prev, .about-content-wrapper .featured-properties-slides:hover .owl-next {
      opacity: 1;
      visibility: visible; }

/* :: 18.0 Team Member Area CSS */
.single-team-member {
  position: relative;
  z-index: 1; }
  .single-team-member .team-member-thumb {
    margin-bottom: 40px; }
    .single-team-member .team-member-thumb img {
      width: 100%; }
  .single-team-member .team-member-info {
    text-align: center; }
    .single-team-member .team-member-info .section-heading {
      margin-bottom: 40px; }
    .single-team-member .team-member-info .address h6 {
      margin-bottom: 15px;
      font-size: 14px; }
      .single-team-member .team-member-info .address h6:last-of-type {
        margin-bottom: 0; }
      .single-team-member .team-member-info .address h6 img {
        margin-right: 10px; }

/* :: 19.0 Listings Area CSS */


.lcl_fade_oc.lcl_pre_show #lcl_overlay,
.lcl_fade_oc.lcl_pre_show #lcl_window,
.lcl_fade_oc.lcl_is_closing #lcl_overlay,
.lcl_fade_oc.lcl_is_closing #lcl_window {
	opacity: 0 !important;
}
.lcl_fade_oc.lcl_is_closing #lcl_overlay {
	-webkit-transition-delay: .15s !important; 
	transition-delay: .15s !important;
}

.listings-content-wrapper {
  overflow-x: hidden;
background-color: #e5e5e5; }
.detail-content-wrapper {
  overflow-x: hidden;
background-color: rgba(255,254,249, 0.9); }



.listings-content-wrapper .container #bookcontent{
min-height:800px;
}
.listings-top-meta {
  position: relative;
  z-index: 0; }
  .listings-top-meta .nice-select {
    float: right;
    height: 34px;
    line-height: 34px;
    position: relative;
    z-index: 100; }
    .listings-top-meta .nice-select .list {
      position: absolute;
      z-index: 500; }
    .listings-top-meta .nice-select .option {
      min-height: 34px;
      line-height: 34px; }
  .listings-top-meta span {
    color: #323232;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px; }
    @media only screen and (max-width: 767px) {
      .listings-top-meta span {
        font-size: 11px; } }
		
  .listings-top-meta span.tagpage {
     color: rgba(255,254,249, 0.8);
	 font-family: gothammedium;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 22px;
background-color: rgba(28,53,94,0.6);
padding: 5px 10px;
 border-radius:  2px 2px;
	}  @media only screen and (min-width: 768px) and (max-width: 991px) {
   .listings-top-meta span.tagpage{
    font-size: 22px;} }
  @media only screen and (max-width: 767px) {
  .listings-top-meta span.tagpage {
    font-size: 0.8rem; 
	 font-family: gothamLight;
	} }

		
		
		
		
  .listings-top-meta .grid_view a {
    color: #323232;
    line-height: 1;
    font-size: 18px; }
    .listings-top-meta .grid_view a.active {
      color: #d11141; }
  .listings-top-meta .list_view a {
    color: #323232;
    line-height: 1;
    font-size: 18px; }
    .listings-top-meta .list_view a.active {
      color: #d11141; }

.single-listings-sliders {
  position: relative;
  z-index: 1; }
  .single-listings-sliders .owl-prev,
  .single-listings-sliders .owl-next {
    width: 38px;
    height: 38px;
    position: absolute;
    top: 50%;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    left: -19px;
    opacity: 0;
    visibility: hidden;
    margin-top: -19px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    background-color:rgba(0, 0, 0, 0.4);
    font-size: 13px;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.15); }
    .single-listings-sliders .owl-prev:hover,
    .single-listings-sliders .owl-next:hover {
      background-color: #000000; }
  .single-listings-sliders .owl-next {
    left: auto;
    right: -19px; }
  .single-listings-sliders:hover .owl-prev, .single-listings-sliders:hover .owl-next {
    opacity: 1;
    visibility: visible; }



	
.listings-content {
  margin-top: 0; 
  }
 
 .property-detail-header .title {
color: rgba(255,254,249, 0.9);
    font-size: 30px;
    font-family: gothammedium;
    margin-bottom: 0;
	font-weight: 500;
}@media only screen and (max-width: 767px) {
 .property-detail-header .title {
    font-size:17px;
		font-weight: 400;
		} }
.property-detail-header p {
color: rgba(255,254,249, 0.8);
    font-size: 16px;
    font-family: gothamBook;
    margin-bottom: 0;
}@media only screen and (max-width: 767px) {
.property-detail-header p {
  font-size: 13px;
line-height:17px;
		} }
		
.property-detail-header p.forsale {
color: rgba(255,254,249, 0.8);
    font-size: 18px;
    font-family: gothamBook;
    margin-bottom: 0;
}@media only screen and (max-width: 767px) {
.property-detail-header p.forsale {
  font-size: 14px;

		} }		
 .property-detail-header p.nama{
 text-align: center;
 line-height:3px;
color: rgba(28,53,94, 0.9);
    font-size: 16px;
    font-family: gothamBook;
    margin-bottom: 8px;
	font-weight: 500;
}

.property-detail-header p.jawatan {
text-align: center;
color: rgba(28,53,94, 0.8);
    font-size: 13px;
    font-family: gothamBook;
    margin-bottom: 0;
}
.property-detail-header h6 {
color: rgba(28,53,94, 0.9);
    font-size: 13px;

}
	.pro-detail-box{
	background: #1c355e;
	color:  rgba(255,254,249, 0.9);
	padding: 8px 0px;
}@media only screen and (max-width: 767px) {
	.pro-detail-box {
	height: 115px;
		} }
 .property-detail-header .type-header div {
    padding: 17px 0px;

}@media only screen and (max-width: 767px) {
 .property-detail-header .type-header div {
    padding: 5px 0px;
		} }

.property-detail-header .thumb-icons {
    margin-right: 15px;
}
.property-detail-header .card-icons {
    border-top: solid 2px rgba(255,254,249, 0.7);
    font-size: 17px;
    padding: 17px 0 20px;
}@media only screen and (max-width: 767px) {
.property-detail-header .card-icons {
    font-size: 13px;
    padding: 10px 0 10px;
		} }
.contact-agent {
 box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 3px 0px;
    background: #fff;
    padding: 20px 30px 35px 30px;
    top: -65px;
    position: absolute;
    width: 97%;
	z-index:200;
}
.contact-agent-mobile {
    background:  rgb(255,254,249);
    padding-left:15px;
margin-top: 50px;
    position: relative;
    width: 100%;
	z-index:200;
}
.contact-agent-mobile p.nama{
 text-align: center;
 line-height:3px;
color: rgba(28,53,94, 0.9);
    font-size: 16px;
    font-family: gothamBook;
    margin-bottom: 8px;
	font-weight: 500;
}

.contact-agent-mobile p.jawatan {
text-align: center;
color: rgba(28,53,94, 0.8);
    font-size: 13px;
    font-family: gothamBook;
    margin-bottom: 0;
}

.property-detail-header .property-price {
color: rgba(255,254,249, 0.8);
    font-family: gothammedium;
    font-size: 22px;
    margin-bottom: 0;
}@media only screen and (max-width: 767px) {
.property-detail-header .property-price  {
font-size: 15px;
font-weight: 400;
		} }

.contact-agent h4 {
color: rgba(28,53,94, 0.8);
text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    font-family: gothammedium;
    margin-bottom: 23px;
}
.page-content-barx .yehaaa  p{
color: rgba(255,254,249, 0.9);
    font-size: 15px;
    font-family: gothamBook;
    padding: 10px 0px;
    display: inline-block;
}

.dummysidepage{
height: 300px;
width: 100%;
text-align: center;
padding-top: 30%;
border: 1px dashed  #1c355e;
}


.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #304061;
background-clip: padding-box;
border: 1px solid rgba(28,53,94, 0.9);
    border-radius: .3rem;
    outline: 0;
}
.modal-content  .modal-header .close {
color: rgba(255,254,249, 0.7);
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}
.modal-content .modal-header  h3#myModalLabel {
color: rgba(255,254,249, 0.7);
font-size: 16px;
}

.listings-content #social-div a.ct-agen:link {
width:135px; 
float: left;
padding-top:3px;
font-family: gothammedium;
    font-size: 14px; 
	font-weight: 600;
color: #1c355e;
font-weight:400;
}
.listings-content #social-div a.ct-agen:visited {
 
color: #bd2130;

}

.listings-content #social-div a.ct-agen:hover,  a.ct-agen:active {
  color: #000;
}	  
.pon{
font-size: 22px;
margin:  0 10px 0 5px;
}
.mail{
margin:  0 8px 0 2px;
font-size: 15px;
}

.pwsp{
margin:  0 8px 0 2px;
font-size: 20px;
}

  .mydesc{
min-height:50px;
 background-color: rgba(115,185,255, 0.1);
 padding: 20px 10px;  
 margin-bottom:40px;
 border-radius: 4px 4px;
 font-size: 14px!important;
  }
    .mydesc h6{
	font-family:gothamBook;
	font-weight: 500;
	font-size: 14px!important;

	}
	    .loan-cal-cover{

 background-color: #d2e7ff;

 padding: 20px 15px 0 15px;  
 border-radius: 4px 4px;
 font-size: 14px!important;
  }
    .related-cover{

 background-color: #fffef9;

 padding: 20px 15px 0 15px;  
 border-radius: 4px 4px;
 font-size: 14px!important;
  }
  .listings-content .ptype {
  margin-top: 0;
    margin-bottom: 0;
    background-color: 
#000000;
color:
    #FFFFFF;
    padding: 0 8px 0 8px;
    font-size: 13px;
    font-weight: 300;
}	
  .listings-content .sfeet {
    float: right;
}
  .listings-content .south-tabs-content {
 margin-top: 20px;
}


  .listings-content .south-tabs-content  .weekly-office-hours ul li{
padding: 15px 0;
    padding-top: 15px;
display: block;
border-bottom: 1px solid
rgba(0, 0, 0, 0.2);
height: 70px;
font-size:14px;
}

  .listings-content .south-tabs-content  .weekly-office-hours ul li .title{
font-weight: 600;
}


.keli{
position: relative;
}
 .keli .tag span {
height: auto;
padding: 8px 20px 8px 20px;
background-color: rgba(0, 0, 0, 0.6);
color: #ffffff;
text-transform: uppercase;
font-family: gothammedium;
font-size: 14px;
font-weight: 500;
display: inline-block;
line-height: 1.2;
position: absolute;
top: 20px;
right: 20px;
z-index: 10;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
text-align: center; }


  .listings-content .postedate {

font-size: 13px;
	} 
	@media only screen and (max-width: 767px) {
      .listings-content h5 {
	  font-size: 12px;
} }	  
	  
	  
	  
	  
	  

  .listings-content h5 {
  font-weight: 500;
    font-size: 30px;
    margin-bottom: 0; }
    @media only screen and (max-width: 767px) {
      .listings-content h5 {
	    font-weight: 600;
        font-size: 20px; } }
  .listings-content .location {
  margin-top: 0;
margin-bottom: 28px; 
	font-size:18px;
	
color:#555555;
line-height:1.2;
text-transform: capitalize;
font-weight: 500;
	
	
	
	}
	
	
    @media only screen and (max-width: 767px) {
    .listings-content .location {
        font-size: 15px; } }
		
    .listings-content .location img {
      margin-right: 15px; }
  .listings-content p { 
  margin-top: 10px;
    margin-bottom: 40px; }
	  .listings-content ph6{ 
 font-size: 18px; }
  .listings-content .property-meta-data div {
    margin-right: 0; 
	margin-bottom: 20px; }
  .listings-content .property-meta-data span {
    font-size: 12px;
    font-weight: 600;
    margin-left: 5px;
    color: #838383; }
  .listings-content .property-meta-data img {
    margin-right: 10px;
    display: inline-block !important;
           height: auto;
    max-width: 35%; }

    @media only screen and (max-width: 767px) {
      .listings-content .property-meta-data img {
        margin-right: 0; } }
  .listings-content .listings-core-features {
    padding: 20px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .listings-content .listings-core-features li {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333%;
      flex: 0 0 33.3333333%;
      min-width: 33.3333333%;
      color: #1c355e;
      font-size: 14px;
      margin-bottom: 25px; }
      @media only screen and (max-width: 767px) {
        .listings-content .listings-core-features li {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          min-width: 100%; } }
      .listings-content .listings-core-features li i {
        width: 27px;
        height: 27px;
        background-color: #888888;
        color: #ffffff;
        border-radius: 50%;
        text-align: center;
        line-height: 27px;
        font-size: 12px;
        margin-right: 10px; }
  .listings-content .listings-btn-groups a:first-child {
    margin-bottom: 15px; }
  .listings-content .listings-btn-groups .south-btn {
    min-width: 285px;
    width: 285px;
    display: block; }
.make-me-sticky {
 position: -webkit-sticky;
  position: sticky;

  top: 100px;
}
.contact-realtor-wrapper {

  margin-top: 0;


 }
 
 .contact-realtor-wrapper .passport {
  position: absolute; /* or absolute */
  top: 30px;
  left: 30%;
    height: 130px;
    width: 130px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 3px 0px;
    margin-right: 15px;
    border-radius: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: rgb(195,195,195);
    border-image: initial;
    overflow: hidden;
}
   .contact-realtor-wrapper .realtor-info{
     background-color: rgba(207,207,207, 0.8);
  border-radius: 4px 4px 4px 4px;
   }
 
 
  .contact-realtor-wrapper .realtor-info > img {
    width: 100%; }
  .contact-realtor-wrapper .realtor---info {
   position: relative;
    padding: 175px 45px 30px 45px ; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .contact-realtor-wrapper .realtor---info {
   padding: 160px 45px 30px 45px ; } } 
    @media only screen and (max-width: 767px) {
      .contact-realtor-wrapper .realtor---info {
     padding: 160px 45px 30px 45px ; } }
    .contact-realtor-wrapper .realtor---info h5 {
	color: #1c355e;
	margin-bottom: 5px;
      font-size: 15px;
      text-transform: capitalize; }
    .contact-realtor-wrapper .realtor---info p {
	font-size: 13px;
line-height: 1;
margin-bottom: 0;
     color: #1c355e; }
    .contact-realtor-wrapper .realtor---info h6 {
	color: #1c355e;
      font-size: 14px; }
	    .contact-realtor-wrapper .realtor---info h6 img{
		height: auto;
max-width: 10%;
}		
  

	 
	  
     .contact-realtor-wrapper .realtor---info a#wapplk:link {
font-family: 'Handlee', cursive;
    font-size: 18px; 
color: #1c355e;
font-weight:bolder;
}
     .contact-realtor-wrapper .realtor---info a#wapplk:visited {
 
color: #128c7e;

}

     .contact-realtor-wrapper .realtor---info a#wapplk:hover,  a#wapplk:active {
  color: orange;
}	  
	  
	  
      .contact-realtor-wrapper .realtor---info h6 img {
        margin-right: 15px; }
  .contact-realtor-wrapper .realtor--contact-form {
    padding:10px  10px 20px 10px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .contact-realtor-wrapper .realtor--contact-form {
        padding: 0 30px 40px; } }
    @media only screen and (max-width: 767px) {
      .contact-realtor-wrapper .realtor--contact-form {
        padding: 0 30px 40px; } }
    .contact-realtor-wrapper .realtor--contact-form .form-group {
      margin-bottom: 15px; }
    .contact-realtor-wrapper .realtor--contact-form .form-control {
      border: 1px solid #e1dddd;
      height: 45px;
      background-color: #ffffff;
      border-radius: 0;
      font-style: italic;
      font-size: 12px;
      margin-bottom: 15px; }
    .contact-realtor-wrapper .realtor--contact-form textarea.form-control {
      height: 100px;
      padding: 15px; }

.listings-maps {
  position: relative;
  z-index: 1; }
  .listings-maps #googleMap {
    width: 100%;
    height: 540px; }

/* :: 20.0 Blog Area CSS */
.single-blog-area {
  position: relative;
  z-index: 1; }
  .single-blog-area .blog-post-thumbnail {
    position: relative;
    z-index: 1; }
  .single-blog-area .post-content {
    position: relative;
    z-index: 1;
    padding: 50px 0; }
    .single-blog-area .post-content .post-date a {
      font-size: 14px;
      color: #d11141;
      margin-bottom: 10px;
      display: block; }
    .single-blog-area .post-content .headline {
      font-size: 30px;
      color: #323232;
      display: block; }
    .single-blog-area .post-content .post-meta {
      position: relative;
      margin-bottom: 30px; }
      .single-blog-area .post-content .post-meta p {
        color: #aaa8a8;
        font-size: 12px; }
        .single-blog-area .post-content .post-meta p a {
          font-size: 12px;
          color: #aaa8a8;
          display: inline-block; }
    .single-blog-area .post-content p {
      margin-bottom: 50px; }

.search-widget-area form {
  position: relative;
  z-index: 1; }
.search-widget-area input[type=search] {
  width: 100%;
  height: 43px;
  border: 1px solid #e1dddd;
  font-size: 12px;
  font-style: italic;
  padding: 0 30px; }
.search-widget-area button[type=submit] {
  width: 50px;
  height: 43px;
  background-color: transparent;
  border: none;
  font-size: 14px;
  color: #7e7e7e;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer; }

.south-catagories-card h5 {
  margin-bottom: 30px;
  font-size: 16px; }
.south-catagories-card ul li a {
  display: block;
  padding: 8px 0;
  color: #7d7d7d;
  font-size: 14px;
  font-weight: 400; }
  .south-catagories-card ul li a:hover, .south-catagories-card ul li a:focus {
    color: #d11141; }

.south-blog-area {
  position: relative;
  z-index: 1;
  overflow-x: hidden; }
.backgroundnya{

background-color:#e5e5e5;}

.backgroundtwo{

background-color:#E3E1FB;

}

.properties-btn2 {
text-transform: capitalize;
font-size: 15px;
font-family:gothamLight;
    color: #6c757d;
background-color:
transparent;
background-image: none;
border-color:
    #6c757d;
font-weight: 400
}
.properties-btn2:hover {
text-transform: capitalize;
font-size: 15px;
    color:  #fff;
background-color:#759cc9;
border-color:#759cc9;

}



.properties-btn3 {
text-transform: capitalize;
font-size: 14px;
font-family:gothamBook;
    color: #6c757d;
background-color:
transparent;
background-image: none;
border-color:
    #6c757d;
font-weight: 500
}
.properties-btn3:hover {
text-transform: capitalize;
font-size: 14px;
    color:  #fff;
border-color: #1c355e  ;
font-weight: 500
}

.blog-sidebar-area .featured-properties-slides {
  position: relative;
  z-index: 1; }
  .blog-sidebar-area .featured-properties-slides .owl-prev,
  .blog-sidebar-area .featured-properties-slides .owl-next {
    width: 38px;
    height: 38px;
    position: absolute;
    top: 50%;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    left: -19px;
    opacity: 0;
    visibility: hidden;
    margin-top: -19px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    background-color: #d11141;
    font-size: 13px;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.15); }
    .blog-sidebar-area .featured-properties-slides .owl-prev:hover,
    .blog-sidebar-area .featured-properties-slides .owl-next:hover {
      background-color: #000000; }
  .blog-sidebar-area .featured-properties-slides .owl-next {
    left: auto;
    right: -19px; }
  .blog-sidebar-area .featured-properties-slides:hover .owl-prev, .blog-sidebar-area .featured-properties-slides:hover .owl-next {
    opacity: 1;
    visibility: visible; }

.pagination .page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }
.pagination .page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
.pagination .page-item.active .page-link {
  color: #ffffff;
  background-color: #323232; }
.pagination .page-link {
  padding: 0;
  margin-left: 3px;
  line-height: 20px;
  color: #323232;
  border: none;
  width: 20px;
  height: 20px;
  background-color: #d11141;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  margin-bottom: 5px; }
  .pagination .page-link.active {
    background-color: #000000; }
  .pagination .page-link:focus, .pagination .page-link:hover {
    color: #ffffff;
    background-color: #000000; }

.comments-area h5 {
  margin-bottom: 50px; }

.single_comment_area {
  margin-bottom: 50px; }
  .single_comment_area .comment-wrapper .comment-author {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    min-width: 60px;
    border-radius: 50%;
    margin-right: 30px; }
    .single_comment_area .comment-wrapper .comment-author img {
      border-radius: 50%; }
    @media only screen and (max-width: 767px) {
      .single_comment_area .comment-wrapper .comment-author {
        margin-right: 10px; } }
  .single_comment_area .comment-wrapper .comment-content .comment-meta a {
    display: inline-block;
    color: #323232;
    font-size: 12px;
    margin-bottom: 15px;
    text-transform: uppercase; }
    .single_comment_area .comment-wrapper .comment-content .comment-meta a:hover {
      color: #d11141; }
  .single_comment_area .comment-wrapper .comment-content p {
    font-size: 13px;
    margin-bottom: 0; }
  .single_comment_area .children {
    margin-top: 50px;
    padding-left: 90px; }
    @media only screen and (max-width: 767px) {
      .single_comment_area .children {
        padding-left: 30px; } }

.leave-comment-area .comment-form h5,
.leave-comment-area .contact-form h5,
.south-contact-area .comment-form h5,
.south-contact-area .contact-form h5 {
  margin-bottom: 50px; }
.leave-comment-area .comment-form .form-group,
.leave-comment-area .contact-form .form-group,
.south-contact-area .comment-form .form-group,
.south-contact-area .contact-form .form-group {
  margin-bottom: 10px; }
.leave-comment-area .comment-form .form-control,
.leave-comment-area .contact-form .form-control,
.south-contact-area .comment-form .form-control,
.south-contact-area .contact-form .form-control {
  width: 100%;
  height: 43px;
  background-color: transparent;
  padding: 15px;
  border: 1px solid #e1dddd;
  font-size: 12px;
  font-style: italic;
  margin-bottom: 0 !important; }
.leave-comment-area .comment-form textarea.form-control,
.leave-comment-area .contact-form textarea.form-control,
.south-contact-area .comment-form textarea.form-control,
.south-contact-area .contact-form textarea.form-control {
  height: 200px !important; }
.leave-comment-area .comment-form button[type=submit],
.leave-comment-area .contact-form button[type=submit],
.south-contact-area .comment-form button[type=submit],
.south-contact-area .contact-form button[type=submit] {
  margin-top: 40px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .leave-comment-area .comment-form,
  .leave-comment-area .contact-form,
  .south-contact-area .comment-form,
  .south-contact-area .contact-form {
    margin-bottom: 100px; } }
@media only screen and (max-width: 767px) {
  .leave-comment-area .comment-form,
  .leave-comment-area .contact-form,
  .south-contact-area .comment-form,
  .south-contact-area .contact-form {
    margin-bottom: 100px; } }

/* :: 21.0 Contact Area CSS */
.contact-heading {
  margin-bottom: 90px; }
  .contact-heading h6 {
    border-bottom: 2px solid #d11141;
    display: inline-block;
    padding: 5px 0;
    text-transform: uppercase; }

.content-sidebar .weekly-office-hours ul li {
  padding: 15px 0;
  display: block;
  border-bottom: 1px solid #f8f7f7; }
  .content-sidebar .weekly-office-hours ul li span {
    color: #7d7d7d;
    font-size: 14px;
    font-weight: 400; }
  .content-sidebar .weekly-office-hours ul li:first-of-type {
    padding-top: 0; }
.content-sidebar .address {
  margin-top: 40px; }
  .content-sidebar .address h6 {
    position: relative;
    z-index: 1;
    color: #7d7d7d;
    margin-bottom: 20px;
    display: block;
    font-size: 14px;
    padding-left: 40px;
    line-height: 1.8; }
    .content-sidebar .address h6 img {
      position: absolute;
      top: 4px;
      z-index: 10;
      left: 0; }

.googleMap {
  width: 100%;
  height: 540px; }

/* :: 22.0 Shortcode Area CSS */
.elements-title h2 {
  text-transform: uppercase;
  font-size: 30px;
  margin-bottom: 100px; }

/* Accordians2 */
.single-accordion.panel {
  background-color: #ffffff;
  border: 0 solid transparent;
  border-radius: 4px;
  box-shadow: 0 0 0 transparent;
  margin-top: 20px; }
.single-accordion:last-of-type {
  margin-bottom: 0; }
.single-accordion h6 {
  margin-bottom: 0;
  text-transform: uppercase; }
  .single-accordion h6 a {
    background-color: #1c355e;
    border-radius: 4px 4px 0 0;
    color: #ffffff;
    display: block;
    margin: 0;
    padding: 5px 60px 5px 15px;
    position: relative;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    border: 2px solid transparent; }
    .single-accordion h6 a span {
      font-size: 10px;
      position: absolute;
      right: 20px;
      text-align: center;
      top: 8px; }
      .single-accordion h6 a span.accor-open {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0); }
    .single-accordion h6 a.collapsed {
   padding-left: 30%;
      background-color: transparent;
font-size: 14px;
font-weight: 500;
      color: #1c355e; }
      .single-accordion h6 a.collapsed span.accor-close {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0); }
      .single-accordion h6 a.collapsed span.accor-open {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100); }
.single-accordion .accordion-content {
  border-top: 0 solid transparent;
  box-shadow: none; }
  .single-accordion .accordion-content p {
    padding: 20px 15px 5px;
    margin-bottom: 0; }

/* Accordians2 */
.cal-accordion.panel {
    
  background-color: #fff;
  border: 1px solid rgba(28,53,94, 0.8);
  border-radius: 4px;
  box-shadow: 0 0 0 transparent;
  margin-top: 0px; }
.cal-accordion:last-of-type {
  margin-bottom: 0; }
.cal-accordion h6 {
  margin-bottom: 0;
  text-transform: uppercase; }
  .cal-accordion h6 a {
    background-color:  rgba(28,53,94, 0.8);
    border-radius: 4px 4px 0 0;
 color: rgba(255,254,249, 0.8);
    display: block;
    margin: 0;
    padding: 5px 0 5px 15px;
    position: relative;
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 400;
    border: 2px solid transparent; }
    .cal-accordion h6 a span {
      font-size: 10px;
      position: absolute;
      right: 20px;
      text-align: center;
      top: 8px; }
      .cal-accordion h6 a span.accor-open {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0); }
    .cal-accordion h6 a.collapsed {
	font-family: gothamBook;
  text-align:center;
      background-color: transparent;
font-size: 17px;
font-weight: 600!important;
    color: rgba(28,53,94, 0.8);
	  }
      .cal-accordion h6 a.collapsed span.accor-close {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0); }
      .cal-accordion h6 a.collapsed span.accor-open {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100); }
.cal-accordion .accordion-content {
  border-top: 0 solid transparent;
  box-shadow: none; }
  .cal-accordion .accordion-content p {
    padding: 20px 15px 5px;
    margin-bottom: 0; }
.advanced-calculator-form{
background-color: rgba(28,53,94, 0.8);
padding: 10px 20px 0px 20px;
}

.advanced-calculator-form .form-controls {
  background-color: #7283a4;
  width: 100%;
  height: 38px;
  border-radius: 0;
  font-size: 14px;
  color:  rgb(255,254,249);
  margin-bottom: 30px;
  font-weight: 500;
  padding: 0 15px;
  border: 1px solid rgba(255,254,249, 0.5);}
 .advanced-calculator-form  .form-controls:hover, .form-controls:focus {
    background-color: transparent;
	 color:  #fff;
    box-shadow: none;
    border: 1px solid #e1dddd; }
	
.advanced-property-form{
background-color: #fff;
padding: 10px 20px 30px 20px;
}

.advanced-property-form .form-controls {
  background-color: #fff;
  width: 100%;
  height: 38px;
  border-radius: 0;
  font-size: 14px;
  color:  #000;
  margin-bottom: 30px;
  font-weight: 500;
  padding: 0 15px;
  border: 1px solid  black;}
 .advanced-property-form  .form-controls:hover, .form-controls:focus {
    background-color: transparent;
	 color:  blue;
    box-shadow: none;
    border: 1px solid #e1dddd; }	
	
.advanced-property-form label {
color: #000!important;
 font-family: gothamBook!important;
 font-weight: 400!important;
 font-size: 15px!important;
    display: inline-block;
    margin-bottom: .5rem;
}		
	
label {
color: rgba(255,254,249, 0.7)!important;
 font-family: gothamBook!important;
 font-weight: 400!important;
 font-size: 15px!important;
    display: inline-block;
    margin-bottom: .5rem;
}	

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


input[type=number] {
  -moz-appearance:textfield;
}	
	
 .disable{
 
   height: 48px!important;
 font-family: gothammedium!important;
 font-weight: 600!important;
 font-size: 20px!important;
 color: rgba(28,53,94, 0.9) !important;
	background-color:rgb(255,254,249) !important;
	}

 .img-thumbnail {
    padding: .15rem;
    background-color: rgba(255,254,249, 0.7);
border: 1px solid rgba(255,254,249, 0.7);
border-radius: .22rem;
max-width: 77%;
height: auto;

} 


.material-thumbnail	{
margin-bottom: 40px;
margin-top: 20px;
position: relative;
}
.material-captionx {
    margin-top: 10px;
    position: relative;
}		
.material-caption {
    margin-top: -35px;
    position: relative;

}	

.material-thumbnails	{
margin-bottom: 40px;
margin-top: 0;
position: relative;
}
.material-captionxs {
    margin-top: 10px;
    position: relative;
}		
.material-captions {
    margin-top: -35px;
    position: relative;

}	
.caption-text {
    background: #fff;
border: solid 1px  #d4d4d4;
    font-size: 12px;
    font-family: gothammedium;
}

.caption-text b {
    font-size: 14px;
}	
.caption-text  p {
line-height:18px;
color: #222222;
    font-family: gothamLight;
	 font-size: 12px;
}
/* Tabs CSS*/
.south-tabs-content {
  position: relative;
  z-index: 1; }
  .south-tabs-content .nav-tabs {
    border-bottom: none;
    margin-bottom: 20px; }
    .south-tabs-content .nav-tabs .nav-link {
      border: 1px solid #1c355e;
      padding: 2px 20px 0 20px;
      height: 35px;
      line-height: 32px;
      color: #000000;
      margin: 0 2px;
      border-radius: 0; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .south-tabs-content .nav-tabs .nav-link {
          padding: 0 10px; } }
      .south-tabs-content .nav-tabs .nav-link.active {
        background-color: #1c355e;
        color: #ffffff; }
  .south-tabs-content .tab-content h6 {
    font-size:1rem; }

/* Loaders CSS */
.single-pie-bar {
  position: relative;
  z-index: 1; }
  .single-pie-bar h5 {
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 0; }

/* Cool Facts CSS */
.single-cool-fact-area h2 {
  font-size: 60px;
  margin: 15px 0;
  color: #d11141; }
.single-cool-fact-area h6 {
  margin-bottom: 0;
  color: #7d7d7d; }

  
 /*  MAP OII */ 

 .tiles {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 230px;
  }
  .tile {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
 .tilesx {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .tilex {
    position: relative;
    float: left;
   width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .photoz {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: transform .5s ease-out;
  }

  .txt {
    position: absolute;
    z-index: 2;
    right: 2%;
    bottom: 2%;
    cursor: default;
  }

  .x {
    font-family: gothamMedium;
	font-weight: 300;
    font-size: 12px;
    line-height: 10px;
  }


  
/*# sourceMappingURL=style.css.map */