@import url('owl.carousel.css');

body { color: #8f8f8f; font-size: 1.6rem;line-height: 1.7em;font-weight: 400; font-family: 'Source Sans Pro'; -webkit-font-smoothing: subpixel-antialiased;  -webkit-text-stroke: 1px transparent;
    font-size: 62.5%;   -moz-osx-font-smoothing: grayscale;   -webkit-tap-highlight-color: transparent }

h1 {  font-size: 5.0rem; font-family: "Montserrat", sans-serif;margin-top: 0;  color: #333333;  font-weight: 400; text-transform: uppercase;letter-spacing: 0.1em; }
h2.lg { font-family: "Montserrat", sans-serif;font-size: 5.4rem; margin: 0 0 15px 0;text-transform: uppercase; letter-spacing: 0;line-height: 1.2;color: #333333; }
h2 {  font-weight: 400; font-size: 4.0rem; color: #848484;  margin: 0 0 30px 0; text-transform: uppercase; letter-spacing: 0; line-height: 1.2;font-family: "Montserrat", sans-serif; }
h3 {  font-weight: 400;  color: #848484; font-size: 2.6rem; font-family: "Montserrat", sans-serif; text-transform: uppercase; }
h4 { font-weight: 400; font-size: 2.2rem; line-height: 1.2; }
h5 { font-weight: 400; font-size: 1.8rem; line-height: 1.2; }
h6 { font-weight: 400; font-size: 1.4rem; line-height: 1.1; }
p {  margin-bottom: 30px; font-family: 'Source Sans Pro'; font-size: 1.6rem; line-height: 1.4; }

a,
a:link,
a:visited {  color: #333333; text-decoration: none;  -webkit-transition: all 0.5s;   -o-transition: all 0.5s;  transition: all 0.5s; }
a:hover, a:active {  color: #0393FC; }
.text-alt { color: #333333; }
.btn-list {  margin: -8px; }
.btn-list .btn {  margin: 8px; }
hr {  border-color: #e9e9e9; }
img.content {  border: 1px solid #CCC; }
.box { padding: 15px;border: solid 1px #cccccc;  background: #fff; }
.banner-replace { display: none; }
.slideOpen { display: none; }
.box {  border: 0;  background: #f2f2f2; padding: 40px 20px; }
.padding-left-xxl {  padding-left: 65px; }
.padding-bottom-none { padding-bottom: 0 !important; }

/* Fonts Css Start Here */
@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Bold.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Black.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-LightIt.woff2') format('woff2'),
        url('../fonts/SourceSansPro-LightIt.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-SemiboldIt.woff2') format('woff2'),
        url('../fonts/SourceSansPro-SemiboldIt.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Semibold.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Regular.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Fonts Css Ends Here */

/* All Button Css Start Here */
.animated-slow { -webkit-animation-duration: 3s;  animation-duration: 3s; }
.btn { position: relative; background: #333333; border-color: #333333; color: #fff !important; padding: 0px 25px; font-size: 1.4rem; line-height: 42px; height: 45px; border-radius: 25px; text-transform: uppercase; min-width: 215px; overflow: hidden; font-family: 'Source Sans Pro'; border: 1px solid transparent; }
.btn:hover { color: #333333 !important; border-color: #333333;  background: #fff; }
.btn-invert { background-color: Transparent; border-color: rgba(255,255,255,0.5);background-repeat: no-repeat; }
.btn-invert:hover { border-color: #fff; background: #fff; }
.btn-white {  background-color: #fff; border-color: #fff !important; color: #000 !important; }
.btn-white:hover { color: #fff !important; border-color: #fff; background: transparent; }
.btn-outline {position: relative;overflow: hidden; height: 42px; line-height: 42px; padding: 0 25px; border-radius: 25px;background: transparent; border-color: #8f8f8f; color: #333333 !important; font-size: 1.4rem;  text-transform: uppercase; }
.btn-outline:hover { color: #fff !important;border-color: #333; opacity: 1; background: #333 !important; }
.btn-slide:after {content: ''; position: absolute;top: 0;left: 0; width: 100%;    height: 100%; background: #333;z-index: -1; -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; }
.btn-slide:hover:after {-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);-webkit-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s; }
/* All Button Css End Here */


/* Header Css Start Here */
#header .container-fluid { position: relative; height: 100%;z-index: 2;max-width: 1500px;margin: 0 auto; }
#header .phone { font-size: 2.4rem;position: absolute; right: 225px; top: 26px; }
#header .phone .number { font-size: 3.6rem; }
#header .nav { position: absolute;right: 15px; bottom: 0; transition: all 0.5s ease-in-out; }
#header.affix .nav { position: absolute;top: 28px; right: 403px; bottom: auto; transition: all 0.5s ease-in-out; }
.affix .top-right-buttons {top: 15px; transition: all 0.5s ease-in-out; }
#header.affix #nav > ul > li { padding: 0 5px;}
#header .nav .launch-menu-button {color: #fff; font-size: 1.8rem; height: 9px; width: 25px; }
#header .nav .launch-menu-button:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #fff; opacity: 0.5; }
#header .nav .launch-menu-button:after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #fff; opacity: 0.5; }
#header .nav .logins:after {  content: 'v';position: absolute;top: 2px; right: -4px;display: inline-block; -webkit-transform: scale(0.9, 0.5); -ms-transform: scale(0.9, 0.5); transform: scale(0.9, 0.5); }
#skip a {  position: absolute; left: -10000px;top: auto;width: 1px;height: 1px; overflow: hidden; }
#skip a:focus {  position: static; width: auto; height: auto; }
#header { width: 100%; position: fixed;  z-index: 1000;color: #fff; padding: 15px 0; transition: all 0.5s ease-in-out; }

#header .social { position: absolute;right: 15px;top: 24px;}
#header .social > ul { list-style-type: none; padding: 0; margin: 0;}
#header .social > ul > li { list-style-type: none; padding: 0; margin: 0; display: inline-block; }
#header .social > ul > li > a { color: #333333; width: 30px;height: 30px;line-height: 30px; background-color: #ffffff; margin: 0 2px;display: inline-block;font-size: 1.8rem; border-radius: 15px; text-align: center; }
#header .social > ul > li > a:hover {  opacity: 0.7; }
#header .links { position: absolute; right: 15px;  top: 82px;text-transform: uppercase; font-size: 1.5rem; color: #333333; }
#header .links > ul { list-style-type: none;padding: 0;   margin: 0;}
#header .links > ul > li {list-style-type: none;  padding: 0;margin: 0; display: inline-block; }
#header .links > ul > li:nth-child(1n+2):before { content: "|"; margin: 0 5px; }
#header.affix { border-top: 0; background: rgba(0, 0, 0, 0.95); transition: all 0.5s ease-in-out; }
/*#header.affix:after { background: rgba(0, 0, 0, 0.95);}*/
/*#header.affix .mobile-show {  display: block !important; top: 17px;position: relative;}*/
/*#header.affix .mobile-show { display: block !important; top: 0; position: absolute; right: 0; margin-top: -15px; }*/
/*#header.affix .mobile-hide {  display: none !important; }*/
#header.affix .logo {  left: 15px; right: auto; top: 10px; }
/*#header.affix .logo img {max-height: 30px; }*/
#header.affix .social {  display: none; }
#header.affix .links {  display: none; }
#header.affix .phone { display: none; }
/*#header.affix .nav { left: auto;right: 15px;top: 2px; border: 0;height: auto;line-height: 50px; width: 20px; }*/


#nav {font-size: 1.4rem;text-transform: uppercase;text-align: right;letter-spacing: 0.1em; }
#nav > ul {padding: 0;margin: 0;}
#nav > ul > li {position: relative;list-style: none;display: inline-block; padding: 0 10px; }
#nav > ul > li:last-child { padding-right: 0; }
#nav > ul > li > a, #nav > ul > li > a:link, #nav > ul > li > a:visited { display: inline-block; line-height: 1.2;color: #fff; }
#nav > ul > li > a:hover, #nav > ul > li > a:active { opacity: 0.6; }
#nav > ul > li > ul {display: none; position: absolute;white-space: nowrap; z-index: 575; text-align: left; padding: 0; background-color: #000; top: 30px; left: 0px;
    font-size: 1.2rem;text-transform: uppercase; letter-spacing: 0.1em }
#nav > ul > li:last-child > ul { left: auto; right: 0;}
#nav > ul > li > ul > li, #nav > ul > li > ul > li a { height: 35px; line-height: 35px;display: block; padding: 0 25px; }
#nav > ul > li > ul > li > a {  color: #fff; padding: 0; }
#nav > ul > li > ul > li:hover {background-color: #333333; }
.launch-menu.sidebar { background: #d3efff; }
.launch-menu > ul > li, .launch-menu > ul > li > ul > li { font-size: 1.4rem; line-height: 1.33em;text-transform: uppercase; letter-spacing: 0.1em;-webkit-transition: all 0.5s; -o-transition: all 0.5s;
    transition: all 0.5s; }
.launch-menu ul li { padding: 0; }
.launch-menu a { color: #000; padding: 15px 20px;}
.launch-menu .btn.btn-invert { border-color: #000; color: #000 !important; box-shadow: none !important; }
.launch-menu .btn.btn-invert:hover, .launch-menu .btn.btn-invert:focus { box-shadow: none !important; }
.launch-menu > ul > li { border-bottom: solid 1px #000;box-shadow: none; }
.launch-menu > ul > li:first-child { border-top: solid 1px #000;box-shadow: none; }
.launch-menu > ul > li:hover{ border-color: #000; }
.launch-menu > ul > li a:hover { background: #000; color: #fff; }
.launch-menu > ul > li.sk-logo:hover a {background: #d3efff; }
.launch-menu > ul > li > ul > li:hover { background: rgba(255, 255, 255, 0.2); -webkit-transition: all 0.5s;  -o-transition: all 0.5s;transition: all 0.5s; }
.launch-menu .phone { font-size: 1.4rem; text-align: center;margin: 15px 0 20px; }
.launch-menu .links > ul > li { margin: 12px 0;padding: 0 40px; }
.launch-menu .links > ul > li a {padding: 0; font-size: 1.4rem;height: 48px;line-height: 44px; }
.launch-menu .social { text-align: center; padding: 20px 0 10px; }
.launch-menu .social > ul { list-style-type: none; padding: 0; margin: 0; }
.launch-menu .social > ul > li { list-style-type: none; padding: 0; margin: 0; display: inline-block; }
.launch-menu .social > ul > li > a { color: #333333; width: 30px;height: 30px; line-height: 30px; padding: 0;background-color: #ffffff; margin: 0 2px; display: inline-block;font-size: 1.8rem;border-radius: 15px;   text-align: center; }
.launch-menu .social > ul > li > a:hover { opacity: 0.7; }
.launch-menu > ul > li.sk-logo { width: 100%; }
.launch-menu > ul > li.sk-logo:hover { background: #d3efff; }
.launch-menu > ul > li.sk-logo a img { width: 100px; }
#loading-container { position: fixed;left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999;background: #000;background-size: cover;display: none !important;}

#header .container-fluid  { position: relative; } 
.mobile-icon { display: none; opacity: 0.5; }
.sk-icon { margin-bottom: 35px; text-align: center; }
.sk-icon img { width: 100px !important; opacity: 0.5; margin: 0 auto;}

.social-icons { position: absolute; right: 20px; bottom: 45px; z-index: 111; transition: all 0.5s ease-in-out; }
.scrolled .social-icons { position: fixed; transition: all 0.5s ease-in-out; transition: opacity 1 ease-in-out; }
.social-icons ul { list-style: none; padding-left: 0; margin-bottom: 0; }
.social-icons ul li { margin-bottom: 10px; }
.social-icons ul li:last-child { margin-bottom: 0; }
.social-icons ul li a {opacity: 0.5;}
.social-icons ul li a:hover { opacity: 0.7; }
.social-icons ul li a img { width: 30px; }
.social-icons.dark-icons ul li a img { filter: brightness(0); }


.top-right-buttons {  position: absolute; right: 15px; top: 0;display: flex; align-items: center; justify-content: flex-end; list-style: none;margin-bottom: 0; }
/*.affix .top-right-buttons { top: 6px; }*/
/*.affix .top-right-buttons { right: 50px; }*/
.top-right-buttons li { margin-right: 10px; }
.top-right-buttons li:last-child { margin-right: 0; }
.top-right-buttons .btn { height: auto; line-height: normal; padding: 11.27px 20px; min-width: 185px;transition: 0.5s ease-in-out;  }
.affix .top-right-buttons .btn { background: #000; position: relative; z-index: 11; }
.affix .top-right-buttons .btn:hover { background: #fff; }
/*.affix .top-right-buttons { right: 50px; opacity: 1; top: 7px; }*/
/*.affix .top-right-buttons .btn { padding: 5px 15px; transition: 0.5s ease-in-out;  }*/
.launch-menu .launch-menu-close img { width: 35px; }
.btn-list .btn { min-width: 215px; margin: 0 10px; }
/* Header Css Ends Here */


/* Top Slide/Hero Area Section Css Starts Here */
#home-banner { position: relative;  height: 100vh;min-height: 674px;background: #000; }
#home-banner .container-fluid { max-width: 1500px;margin: 0 auto;position: relative; }
#home-banner .overlay {position: absolute; top: 0; left: 0; height: 100%; width: 100%;background: #000; z-index: 11; }
#home-banner .container { height: 100%;  padding: 165px 15px;display: flex;justify-content: center;align-items: center;}
#home-banner .prompt { position: relative; z-index: 100; text-align: center; padding: 80px 0; }
#home-banner .prompt h6 { color: #fff; text-transform: uppercase; letter-spacing: 0.1em;margin: 0 0 50px;}
#home-banner .prompt h6 br {display: none;}
#home-banner .prompt h1 { color: #fff; font-weight: 300; font-family: "Montserrat", sans-serif;text-transform: uppercase; letter-spacing: 0em; margin: 0 0 60px;line-height: 1.33em;}
#home-banner .prompt #carousel-inner-text { background: transparent !important; }
#home-banner .scroll-down {  cursor: pointer; width: 24px;position: absolute; bottom: 45px; display: block; height: 44px; border-radius: 12px;border: 2px solid rgba(255, 255, 255, 0.5); left: 50%; margin-left: -12px; z-index: 200; }
#home-banner .scroll-down span {display: block;margin: 6px auto;width: 2px;height: 6px;border-radius: 4px;background: #fff;border: 1px solid transparent;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-name: scroll;animation-name: scroll; }

#home-carousel .carousel-inner { height: 100%; width: 100%; }
#home-carousel .carousel-inner .item { height: 100%; width: 100%;background-size: cover; background-repeat: no-repeat; background-position: center top; background-attachment: fixed;}
#home-carousel .carousel-inner .item:after {content: '';  position: absolute; top: 0;left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.5);z-index: -1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both;animation-fill-mode: both; -webkit-animation-name: fadeOutBlack; animation-name: fadeOutBlack; }

.carousel-fade {  background: #000 }
.carousel-fade .carousel-inner .item { -webkit-transition-property: opacity;-o-transition-property: opacity; transition-property: opacity; }
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {  opacity: 0; }
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {  opacity: 1; }
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {  left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-control { z-index: 2; }
.btn.btn-rent { position: fixed;  left: 0; right: 0;  bottom: 0; background: #000; z-index: 9; border-radius: 0; display: none; height: 40px; line-height: 38px;}
.btn.btn-rent:hover{ background: #fff; border-color: #fff; color: #000;}

#home-carousel { height: 100%; z-index: 12; }
#home-carousel .owl-stage-outer { height: 100%; }
#home-carousel .owl-stage { height: 100%; }
#home-carousel .owl-item { height: 100%; }
#home-carousel .owl-item .item .carousel-inner h1 { opacity: 0; transition: opacity 3s ease; }
#home-carousel .owl-item.active .item .carousel-inner h1 { animation-delay: 2s; opacity: 1; }

#home-carousel .owl-item .item { background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; z-index: 1; height: 100%;}
#home-carousel .owl-item .item:after {content: '';  position: absolute; top: 0;left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.5);z-index: -1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both;animation-fill-mode: both; -webkit-animation-name: fadeOutBlack; animation-name: fadeOutBlack; }
/* Top Slide/Hero Area Section Css Ends Here */


.our-services { padding: 50px 0 60px; background: #d3efff; text-align: center; }
.our-services h3 { text-transform: uppercase; margin-bottom: 35px; color: #000; }
.our-services .btn-transparent { border-color: rgba(0, 0, 0, 0.4) !important; color: #000 !important; margin: 0 10px; /*display: table; */ min-width: 335px;}
.our-services .btn-transparent:hover { background: #fff; border-color: #fff !important; box-shadow: none; }

/* About Us Area Section Css Starts Here */
.about-sec {  position: relative; padding: 150px 0 130px;background-color: #f2f2f2;}
.about-sec h2 { color: #333333; }
.about-sec h4 { color: #848484;margin-bottom: 30px; }
.about-sec p { color: #8f8f8f; }
.about-sec .bg { position: absolute; top: 0; bottom: 0; left: 0%; width: 50%;  overflow: hidden;}
.about-sec .bg .img {position: absolute; top: 0; bottom: 0; left: 0%; width: 100%; height: 100%;  background-repeat: no-repeat;background-position: center center;background-size: cover;-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.about-sec .btn-text { font-size: 1.6rem; color: #8f8f8f; font-weight: 400; }
.about-sec .btn-text:hover { text-decoration: underline; }
/* About Us Area Section Css Ends Here */

/* Service Section Css Starts Here */
.services-sec.grey-bg { background: #f2f2f2; }
.services-sec { padding: 60px 0 20px; }
.services-sec h3 { margin-bottom: 55px; }
.services-sec .item { position: relative; padding-left: 60px;  margin-bottom: 55px; }
.services-sec .item img { width: 30px; }
.services-sec .item .icon { position: absolute; left: 0; top: 0px; }
.services-sec .item h4 {  color: #333333; letter-spacing: 0.1px; font-size: 1.8rem; margin: 10px 0; }
.services-sec .item p {  font-size: 1.6rem;  line-height: 1.6em;color: #8f8f8f; margin-bottom: 15px; }
.services-sec .heading-wrap { padding-bottom: 25px; }
.services-sec .heading-wrap p { max-width: 680px; margin: 0 auto 30px; }
/* Service Section Css Ends Here */

/* CTA Banner Section Css Start Here */
.cta-banner { background: #d3efff; color: #fff; text-align: center; padding: 45px 0; }
.cta-banner.gray {  background: #8f8f8f; }
.cta-banner.dark-gray {  background: #333333; }
.cta-banner.white {  background: #f2f2f2; }
.cta-banner h2 { display: inline-block; color: #333; font-size: 3.0rem; padding-right: 25px; vertical-align: middle; margin: 0; font-weight: 400; }
.cta-banner h2 .sub {font-size: 1.8rem; color: #8f8f8f;  display: block; text-align: right; }
.cta-banner.white h2 { color: #333333; }
.cta-banner .btn-transparent { border-color: rgba(0,0,0,0.4) !important; color: #000 !important; }
.cta-banner .btn-transparent:hover { border-color: #fff !important; box-shadow: none; } 
/* CTA Banner Section Css Ends Here */

.rent-properties-sec { background: #f2f2f2; padding: 60px 0; text-align: center; }
.rent-properties-sec h2 { text-align: center; margin-bottom: 15px; }
.rent-properties-sec h3 br { display: none; }
.rent-properties-sec iframe { width: 100%; }

/* Get in Touch Section Css Starts Here */
.form-section { padding: 60px 0 50px;text-align: center;  background: #111; position: relative; z-index: 1; }
.form-section:after { content: ""; background: #111 url(../images/pattren-bg.png) repeat 0 0; background-position: center; display: block !important; background-size: contain; background-repeat: repeat-x;  position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; opacity: 0.08; }
.form-section .row { display: flex; justify-content: center; }
.form-section iframe { height: 600px !important; Ś}
.form-section h2 { color: #fff;text-align: center; } 
.form-section h3 { color: #fff; margin: 0 0 15px; }
.form-section p { color: #8f8f8f; font-weight: 300; margin-bottom: 0; }
.form-container-invert { padding-top: 55px; }
/* Get in Touch Section Css Ends Here */

/* Blog Section Css Starts Here */
.blog-sec { padding: 55px 0 65px; background: #ebebeb; }
.blog-sec h2 { margin-bottom: 0; }
.blog-sec h2, .blog-sec h3 { text-align: center; }
.blog-sec h3 { margin-bottom: 60px; }
.blog-sec .post-details { color: #adadad; font-size: 1.4rem; text-transform: uppercase; text-align: left; border-bottom: 2px solid #000; padding: 10px 15px;line-height: 1.2; }
.blog-sec .post-details strong {color: #6a6a6a;}
.blog-sec .post-title h2 { text-align: left !important;line-height: 1.1; margin-bottom: 0; }
.post-des { padding: 15px 15px; text-align: left; border-top: 2px solid #000; margin-top: auto; } 
.post-des p { margin-bottom: 0; }
.blog-sec .post-title { font-size: 1.8rem; color: #6a6a6a; letter-spacing: 0.1em; text-transform: uppercase; padding: 20px 15px; line-height: 1.2; text-align: left; }
.blog-sec .post-title a { color: #6a6a6a; }
.blog-sec .post-title a:hover { color: #adadad; }
.blog-sec .featured-img { position: relative; overflow: hidden; padding-top: 56%; width: 100%; }
.blog-sec .featured-img:hover img { -webkit-transform: scale(1.05) translateX(-50%) translateY(-50%); -ms-transform: scale(1.05) translateX(-50%) translateY(-50%); transform: scale(1.05) translateX(-50%) translateY(-50%);  -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.blog-sec .featured-img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);  min-width: 100%;  min-height: 100%; max-width: none;    -webkit-transition: all 0.3s;  -o-transition: all 0.3s;transition: all 0.3s;}
.blog-sec .read-more { color: #adadad;}
.blog-sec .read-more:hover {  color: #6a6a6a; }
.blog-sec .post-comments { color: #adadad;font-size: 1.4rem; float: right;padding-left: 20px; background-image: url('/images/comment.png'); background-repeat: no-repeat; background-position: left center;}
.blog-sec .post-comments a {color: #adadad;}

.blog-sec .row { display: flex; flex-wrap: wrap;gap:20px; }
.blog-sec .row .item { text-align: center; width: 31.1%; border: 2px solid #000;  }
.blog-item { display: flex; flex-direction: column; flex-grow: 1; height: 100%; }
/* Blog Section Css Ends Here */


/* Testimonials Section Css Stars Here */
.testimonials-slider-sec {position: relative; text-align: center;padding: 120px 0 270px; color: #fff; background-position: center top; background-size: cover;background-attachment: fixed; z-index: 1;}
.testimonials-slider-sec::after { content: ''; position: absolute;  top: 0; left: 0; width: 100%;height: 101%;background: rgba(0,0,0,0.85); z-index: -1; }
.testimonials-slider-sec .row { display: flex; justify-content: center; }
.testimonials-slider-sec .row .col-md-9 { max-width: 100%;/* width: 100%;*/ }
.testimonials-slider-sec .container { position: relative; z-index: 1; }
.testimonials-slider-sec h2 { color: #fff; margin-bottom: 45px; }
.testimonials-slider-sec p { line-height: 1.65; }
.testimonials-slider-sec p strong { text-transform: uppercase; }
.owl-nav { position: absolute;bottom: -95px;  width: 50px; left: 0; right: 0; margin: 0 auto; }
.owl-nav .owl-prev, .owl-nav .owl-next { background: transparent; border: none; width: 50px; height: 50px;border-radius: 0; }
.owl-nav .owl-prev { background: url('../images/arrow-left.png') no-repeat center center; background-size: 20px; font-size: 0; position: absolute; left: -25px; transition: all 0.5s ease-in-out; }
.owl-nav .owl-prev:hover { opacity: 0.5; transition: all 0.5s ease-in-out; }
.owl-nav .owl-next { background: url('../images/arrow-right.png') no-repeat center center;background-size: 20px; font-size: 0; position: absolute; right: -25px; transition: all 0.5s ease-in-out; }
.owl-nav .owl-next:hover { opacity: 0.5; transition: all 0.5s ease-in-out; }
/* Testimonials Section Css Ends Here */

/* Footer Section Css Stars Here */
.footer-sec { background: #000; padding: 60px 0 50px; }
.footer-sec .row { display: flex; align-items: flex-start; justify-content: space-around; }
.footer-sec .footer-item { width: auto; }
.footer-sec .footer-item .footer-logo { width: 250px; padding-top: 7px; }
.logo-items {display: flex;  align-items: center; list-style: none; padding: 45px 0 0;  justify-content: center; margin-bottom: 0; }
.logo-items li { margin: 0 15px; }
.logo-items li img { width: 70px; }
.logo-items li.realtor-logo img { width: 60px; }
/*.logo-items li:last-child { margin-right: 0; }*/
.footer-sec .footer-item h4 { margin-top: 0; color: rgba(255, 255, 255, 0.3); text-transform: uppercase; margin-bottom: 15px; }
.footer-sec .footer-item .links { padding-left: 0; list-style: none; }
.footer-sec .footer-item .links li { margin-bottom: 10px; margin-bottom: 10px;  }
.footer-sec .footer-item .links li:last-child{ margin-bottom: 0; }
.footer-sec .footer-item .links li a { color: rgba(255,255,255,0.3); font-size: 1.4rem; line-height: 1; display: inline-block;}
.footer-sec .footer-item .links li a:hover {color: rgba(255,255,255,1); }
.footer-item .contact-info { padding-left: 0; list-style: none; }
.footer-item .contact-info li { margin-bottom: 15px; display: flex; align-items: center; }
.footer-item .contact-info li.phone-number { padding-bottom: 5px; }
.footer-item .contact-info li img { width: 20px; opacity: 0.3; transition: all 0.5s ease-in-out;}
.footer-item .contact-info li img.phone {width: 23px; }
.footer-item .contact-info a { color: rgba(255,255,255,0.3); font-size: 1.4rem; line-height: 1.2; display: inline-block; padding-left: 15px; text-align: left; }
.footer-item .contact-info li:hover img { opacity: 1; transition: all 0.5s ease-in-out; }
.footer-item .contact-info li:hover a { color: rgba(255,255,255,1); cursor: pointer; }
.footer-item .contact-info a:hover { color: rgba(255,255,255,1); }
.footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.1); padding: 15px 0; text-align: center; margin-top: 55px; }
.footer-bottom p { margin-bottom: 0; font-size: 1.4rem; }
.footer-bottom p a { color: #fff; }
.footer-bottom p a:hover { color: #696969; }
.logo-items.mobile { display: none; }
/* Footer Section Css Ends Here */


@media (min-width: 1314px) {
    .container { width: 1200px; }
}

@media (max-width: 1240px) {
    #header.affix .top-right-buttons .btn { min-width: 142px; font-size: 1.3rem; }
    #header.affix .nav { right: 315px; }
}

@media (max-width: 1200px) {
    .about-sec { padding: 80px 0 60px; }    
    .our-services .btn-transparent { margin: 10px 10px; }
    #nav { font-size: 1.3rem; }
}

@media (max-width: 1140px) {
    #header.affix .logo img { max-height: 43px !important; }
    #header.affix .nav { top: 15px; }
    .affix .top-right-buttons { top: 0; }
}
 
@media (max-width: 1065px) {
    #header.affix #nav > ul > li { padding: 0 2px; }
    #nav { font-size: 1.3rem; }
    
}
    

@media (max-width: 991px) {
    h1 { font-size: 4.8rem; }
    h2.lg { font-size: 3.6rem; line-height: 1.2; } 
    #header.affix .mobile-show { display: block !important; top: 18px; position: absolute; right: -5px;/*margin-top: -15px;*/}
    
    body { overflow-x: hidden; }
    body.scrolled { overflow-x: hidden; }
    .mobile-hide { display: none !Important; }
    .mobile-icon { display: block; opacity: 0.4;position: absolute; left: -40px; width: 40px; bottom: 17px;}
    .affix .mobile-icon { top: 2px; left: -75px; }
    .affix .mobile-show { right: 0; }
    .mobile-icon:hover { opacity: 0.8; }
    #header .logo { top: 20px; }
    #header.affix .nav { right: 20px; top: 0; }
    .mobile-show { display: block !Important; position: relative; bottom: 33px;right: -15px; }
    /*#header { height: 100px; }*/
    #header .phone .lbl {  display: none; }
    #header .nav { text-align: center;line-height: 35px;right: 30px; }
    .top-right-buttons { display: none; }
    .padding-left-xl,
    .padding-left-xxl { padding-left: 15px; }
    .padding-right-xl,
    .padding-right-xxl {  padding-right: 15px; }
    
    .form-section .row { width: 100%; margin: 0 auto; }
    .form-section .row .col-md-10{ width: 100%; }
    
    .about-sec { padding: 0px 0 40px; }
    .about-sec .bg {  position: relative; right: 0; width: 100%; height: 480px; margin-bottom: 35px; }
    
    .services-sec { padding: 40px 0 0px; }
    .services-sec h3 {margin-bottom: 40px; }
    .services-sec .item { margin-bottom: 35px; }
    
    .cta-banner.dark-gray h2 {padding-right: 0px; display: block; }
    .cta-banner.dark-gray h2 .sub {text-align: center;}
    .cta-banner.dark-gray .btn {  margin-top: 15px;}
    
    .blog-sec h3 {  margin-bottom: 30px; }
    .blog-sec .row { justify-content: flex-start; gap:0; margin: 0 -20px; }
    .blog-sec { padding: 30px 0 30px; }
    .blog-sec .row .item { width: 47%;margin: 0 10px 20px; }
    .testimonials-slider-sec .row .col-md-9 { width: 100%; }
}

@media (max-width: 767px) {
    h2.lg { font-size: 3.2rem; line-height: 1.1; letter-spacing: 0px;}
    h2 { letter-spacing: 0;line-height: 1.1; font-size: 3.0rem; }
    h3 { letter-spacing: 0;line-height: 1.1; font-size: 2.2rem; }
    h4 { font-size: 2rem; line-height: 1; }
    h6 { line-height: 1.26; }
    p { margin-bottom: 15px; font-size: 1.6rem; }
    /*.mobile-icon { top: -35px; }*/
    /*.mobile-show { position: relative;bottom: 12px;right: -15px; }*/
    /*.mobile-icon { top: -27px; }*/
    .launch-menu > ul > li.sk-logo { width: 100%; }
    .launch-menu > ul > li.sk-logo:hover { background: #d3efff; }
    .launch-menu > ul > li.sk-logo a img { width: 100px; }
    .sk-icon img {  width: 80px !important; }
    .launch-menu .links > ul > li a { font-size: 1.3rem; }
    .launch-menu > ul > li, .launch-menu > ul > li > ul > li { font-size: 1.3rem; }
    /*#header {padding: 10px 0; }*/
    
    #home-banner .prompt h1 {font-size: 4.2rem;  }
    #home-banner .prompt h6 br {display: block;} 
    .scrolled .btn.btn-rent { display: block; margin-bottom: 0 !important; }
    
    .our-services { padding: 25px 0 20px; }
    .our-services h3 { max-width: 300px; margin: 0 auto 27px; }
    .our-services h3 br { display: none; }
    .our-services .btn-transparent { margin: 0 auto 10px; display: table; }
    .services-sec .heading-wrap { padding-bottom: 11px; }
    .services-sec .heading-wrap p br { display: none; }
    
    .about-sec .bg { height: auto;  padding-bottom: 65%; margin-bottom: 25px; }
    .about-sec { padding: 0px 0 25px; }
    .about-sec h4 { margin-bottom: 25px; }
    .banner h3 { margin:0 0 15px; }
    
    .services-sec { padding: 30px 0 10px; }
    .services-sec h3 { max-width: 310px;  margin: 0 auto 30px; }
    .services-sec .item { margin-bottom: 25px; padding-left: 50px; }
    #loading-container { display: none !important;  }
    .testimonials-slider-sec p { line-height: 1.45; }
    .services-sec .item p { font-size: 1.6rem; line-height: 1.4; }
    .services-sec .heading-wrap p { margin: 0 auto 12px; }
    
    .cta-banner h2 {padding-right: 0px; display: block; }
    .cta-banner h2 .sub { text-align: center; }
    .cta-banner .btn {  margin-top: 15px;}
    
    .cta-banner { padding: 25px 0 30px;}
    .rent-properties-sec { padding: 30px 0; }
    .rent-properties-sec h2 {  margin-bottom: 25px; }
    .rent-properties-sec h3 br { display: block; }
    .content { padding: 20px 10px 25px !important;}
    .form-section { padding: 30px 0 20px; }
    .form-section h2.lg { margin-bottom: 10px; }
    .form-container-invert { padding-top: 20px; }
    .form-section .row .col-md-10 { padding: 0; }
    .form-section iframe { height: 750px !important; }
    
    .testimonials-slider-sec { padding: 30px 0 65px; }
    .owl-nav .owl-prev, .owl-nav .owl-next { width: 30px; height: 30px; }
    .owl-nav { width: 30px; bottom: 0; }
    .owl-nav .owl-prev { background-size: 15px; left: -15px; }
    .owl-nav .owl-next { background-size: 15px; right: -15px;}
    .testimonials-slider-sec h2 { margin-bottom: 20px; }
    
    .blog-sec { padding: 30px 0 25px; }
    .blog-sec .row .item {width: 100%;  margin: 0 0 15px; }
    .blog-sec .post-details { padding: 15px; }
    .blog-sec .post-title { padding: 10px 15px; }
    .blog-sec .post-title h2 { font-size: 3.2rem; line-height: 1.1; }
    .blog-sec .row { margin: 0; }
    .blog-sec h3 { margin: 10px 0 30px;}
    
    .footer-sec { padding: 30px 0 40px; }
    .footer-sec .footer-item .footer-logo { margin: 0 auto; padding-top: 0; }
    .footer-item .contact-info { max-width: 175px; margin: 0 auto; }
    .footer-sec .row { flex-wrap: wrap; }
    .footer-sec .footer-item { width: 100%; text-align: center; margin-bottom: 25px; }
    .footer-item .contact-info li:last-child { margin-bottom: 0; }
    .footer-bottom p br { display: none; }
    .footer-bottom { margin-top: 0; }
    .logo-items.desktop { display: none; }
    .logo-items.mobile { display: flex; padding: 28px 0 3px; margin-bottom: 0; }
    .footer-sec .footer-item h4 { margin-bottom: 10px; }
    .footer-sec .footer-item .links { margin-bottom: 0; }
}

@media (max-width: 500px) {
    
    #header .logo { right: auto; }
    .launch-menu .links > ul > li { padding: 0 20px; }
    
    #header .logo { top: 15px;}
    .sk-icon { margin-bottom: 15px; }
    
    .first-slide { padding: 0 15px; }
    #home-banner { min-height: auto; }
    #home-banner .prompt { padding-top: 0; padding-bottom: 0; }
    #home-banner .prompt h1 {font-size: 2.8rem; letter-spacing: 0px; line-height: 1.2; }
    .social-icons ul li a img { width: 30px; }
    .social-icons { bottom: 40px;right: 15px; }
    .scrolled .social-icons { bottom: 50px; }
    #home-banner .prompt h6 { margin-bottom: 20px;letter-spacing: 0.3px; }
    #home-banner .prompt h1 { margin-bottom: 30px; }
    #home-banner .btn { min-width: 196px; margin-bottom: 10px; }
    #home-banner .overlay { display: none; }
    #home-banner .scroll-down { bottom: 45px; padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 25px); }
    
    .lazy-zoom-out { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
    .lazy-reveal { position: relative;  overflow: hidden;}
   
}

@media (min-width: 426px) {
    /*#header .logo { left: 15px; }*/
    #header .logo img { max-height: 73px; transition: all 0.5s ease-in-out; }
    #header.affix .logo img { max-height: 73px; transition: all 0.5s ease-in-out;}
}

@media (max-width: 425px) {
    #header { padding: 10px 0; }
    #header .phone {left: 15px;right: 15px;text-align: center; top: 5px; }
    #header .phone .number {  font-size: 2.0rem; }
    /*#header .logo { right: 15px; text-align: center;top: 20px; }*/
    #header .logo img { max-height: 60px; }
    #header.affix .logo img {  max-height: 60px !important; }
    #header .nav { left: auto; text-align: center; bottom: auto; position: static; top: auto;  right: auto; }
    #header .social {display: none;}
    #header .links {display: none; }
    .mobile-icon { left: auto; width: 30px; top: 13px; right: 50px; bottom: auto; }
    #header.affix .nav { position: static; right: auto; top: auto;}
    #header.affix .mobile-show { top: 26px; right: 15px; margin-top: auto; }
    .affix .mobile-icon {left: auto;  width: 30px; top: 13px !important; bottom: auto;right: 50px; }
    .mobile-show { display: block ! Important; position: absolute; bottom: auto; top: 26px; right: 15px; }
    
    #home-banner:before {content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.5);z-index: 1; }  
}


.carousel-inner {transition: height 0.5s ease;overflow: hidden;}
.animate-2 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.animate-3 { -webkit-animation-delay: 1s;animation-delay: 1s; }
.animate-4 { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.animate-5 { -webkit-animation-delay: 2s; animation-delay: 2s; }
.animate-6 { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }

@-webkit-keyframes scroll {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(25px);
        transform: translateY(25px)
    }
}
@keyframes scroll {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(25px);
        -ms-transform: translateY(25px);
        transform: translateY(25px)
    }
}
@keyframes fade-in { 
  from { opacity:0; }  
  to { opacity:1; }  
} 
.reveal-left { position: relative;overflow: hidden;}
.reveal-left:before{content: '';position: absolute;z-index: 4;top: 0;left: 0;width: 100%;height: 100%;background: #ebebeb;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: slideOutLeft;animation-name: slideOutLeft;}.reveal-left:after{content: '';position: absolute;z-index: 3;top: 0;left: 0;width: 100%;height: 100%;background: #ccc;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-delay: 1s;animation-delay: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: slideOutLeft;animation-name: slideOutLeft;}}.animate-2{-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}.animate-3{-webkit-animation-delay: 1s;animation-delay: 1s; }


.blog-banner {
    width: 100%;
    height: 445px;
    padding-top: 110px;
    position: relative;
    z-index: 1;
    background-color: #000;
}

.blog-banner .container { height: 100%; }
.blog-banner .social-icons { bottom: 20px; }
.scrolled .blog-banner .social-icons {bottom: 45px;}
.blog-banner:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background-image: url(https://host2.joneagene.net/~saltandkeypm/images/banner-patern.png); background-size:200px; background-repeat: repeat; opacity: 0.1; }
.blog-banner .container-fluid {  max-width: 1500px;position: relative; margin: 0px auto; }

/*.blog-banner:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.5); z-index: -1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeOutBlack; animation-name: fadeOutBlack;}*/

.blog-banner-block {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin: 0 -15px;margin-top: auto; height: 100%; }
.blog-banner h1 {color: #fff; margin-bottom: 20px; }
.blog-banner p {color: #fff; }
.blog-banner p br {display: none;}
.blog-bnr-cnt { width: 100%; text-align: center; }
.blog-bnr-list {padding: 0 15px; display: none;}
.blog-bnr-list ul {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; padding-bottom: 40px; }
.blog-bnr-list ul li {list-style: none; font-family: 'Source Sans Pro'; font-size: 1.6rem; line-height: 1.4; color: #ffffff; position: relative; padding: 0 14px;}
.blog-bnr-list ul li:after {content: ""; position: absolute; top: 50%; transform: translateY(-50%); height: 4px; width: 4px; background: #fff; border-radius: 50%; right: -2px;  }
.blog-bnr-list ul li:last-child:after {display: none;}
.blog-bnr-list ul li:last-child {padding-right: 0;}
.blog-bnr-list ul li a{color: #fff; text-transform: uppercase; }
.blog-bnr-list ul li a:hover{opacity: 0.6; }

.blog-content{background: #ebebeb; padding: 93px 0 75px; width: 100%; }
.blog-container {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 -15px;}
.blog-box {width: 50%; padding: 0 15px; margin-bottom: 30px; }
.blog-box-inner { height: 100%; background: #fff; position: relative; }
.blog-box-image {background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; padding-top: 62%; }
.blog-box-cnt {width: 100%; background: #fff; padding: 30px 30px 80px 30px;}
.blog-box-cnt .listing-title {  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;  text-overflow: ellipsis; }
.blog-box-cnt .btn {border-color: rgba(0, 0, 0, 0.4) !important; color: #000 !important; background: transparent; position: absolute; bottom: 35px;}
.blog-box-cnt .btn:hover { color: #fff !important; background: #000; border-color: #000 !important;}
.post-details { margin-bottom: 0px; font-family: 'Source Sans Pro';font-size: 1.4rem; line-height: 1.4;}
.blog-box-cnt > a:focus { outline:0;}
.blog-box-cnt h2 { transition: all 0.5s ease-in-out; line-height: 1.2; font-size: 3.0rem; }
.recent-post-single-page .blog-box-cnt h2 { font-size: 3.5rem; }
.blog-box-cnt a:hover h2 {color: #000; }

.recent-post-single-page .blog-box{ width: 65%; margin-bottom: 30px; } 
.recent-post-single-page .blog-box-cnt { padding: 30px 30px 10px 30px;}
.recent-post-sidebar {width: 35%; padding: 0 15px; }
.recent-post-top {padding-left: 30px;margin-top: -6px; }
.recent-post-sidebar h4 {border-bottom: 1px solid #cccccc; padding-bottom: 15px; margin-top: 0; margin-bottom: 18px; letter-spacing: 2px;}
.recent-post ul {width: 100%;padding-left: 30px; }
.recent-post ul li {list-style: none; margin-bottom: 20px;    list-style: none !important;}

.recent-post-blc {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
.recent-post-left-image {width: 135px; height: 91px; position: relative; overflow: hidden;}
.recent-post-img {position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-size: cover !important; background-position: center center !important; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.recent-post-blc:hover .recent-post-img{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.recent-post-cnt {width: calc(100% - 135px); padding-left: 20px;margin-top: -5px;}
.post-title {font-family: 'Source Sans Pro';font-size: 1.6rem; line-height: 1.4;color: #8f8f8f; margin-bottom: 5px;text-transform: uppercase;}
.post-details {font-family: 'Source Sans Pro';font-size: 1.4rem; line-height: 1.4;color: #8f8f8f;}
.post-details p {text-transform: uppercase;}

.recent-post-single-page ul { margin-bottom: 30px; padding-left: 30px;}
.recent-post-single-page ul li {font-family: 'Source Sans Pro'; font-size: 1.6rem; line-height: 1.4; list-style: disc;    margin-bottom: 15px;}
.recent-post-single-page ul li a {color: #000;}
.recent-post-single-page ul li a:hover {color: #8f8f8f; text-decoration: underline;}
.recent-post-single-page p a {color: #000;}
.recent-post-single-page p a:hover {color: #8f8f8f; text-decoration: underline;}

.recent-post-single-page .recent-post ul li a {text-decoration: none; outline: 0; }

.recent-post-single-page ol {margin-bottom: 25px; padding-left: 35px;}
.recent-post-single-page ol li {font-family: 'Source Sans Pro'; font-size: 1.6rem; line-height: 1.4;    margin-bottom: 5px;}
.recent-post-single-page ol li a {color: #000;}
.recent-post-single-page ol li a:hover {color: #8f8f8f; text-decoration: underline;}

/* Pagination Styles */
.pagination {  display: flex; justify-content: center; margin-top: 65px;}
.pagination a { margin: 0 5px;  padding: 13px 25px;  font-size: 16px; background-color: #f1f1f1;color: #333; text-decoration: none; transition: background-color 0.3s ease, color 0.3s ease; line-height: 1.2;outline: 0;text-transform: uppercase; text-align: center; }
.back-to-main { min-width: 149px; }

.pagination .prev { min-width: 149px; }
.pagination .next { min-width: 149px; }
.pagination a:hover {  background-color: #000;color: #fff; }
.pagination .current { margin: 0 5px;padding: 13px 25px; font-size: 16px; background-color: #000;color: #fff;font-weight: bold;line-height: 1.4;outline: 0; }
.pagination { width: 100%; }
.recent-post-single-page .pagination {  width: 65%; }
.pagination a { border: 1px solid #000!important; border-radius: 0!important; }
.pagination a:hover, .pagination a:focus { background-color: #000!important; color: #fff!important; }
.page-numbers { font-size: 24px;  color: #8f8f8f;  text-align: center;  line-height: 42px; margin: 0 10px; }

@media (max-width: 1366px) {
    .post-title { font-size: 1.4rem; } 
}
@media (max-width: 991px) {
    .recent-post-blc {flex-wrap: wrap;}
    .recent-post-left-image {width: 100%; margin-bottom: 10px; }
    .recent-post-cnt {width: 100%; padding-left: 0; margin-top: 0; }
    
    .recent-post-top {padding-left: 20px;}
    .recent-post ul {padding-left: 20px;}
    .pagination .next { min-width: 125px; }
    .pagination .prev { min-width: 125px; }
    .back-to-main { min-width: 125px; }
    .page-numbers { margin: 0 5px;}
    .pagination a { padding: 13px 20px; }
    .pagination .current { padding: 13px 21px; margin-left: 0; margin-right: 0; }
}

@media (max-width: 767px) {
    .blog-banner-block { justify-content: flex-start; }
    .blog-bnr-list ul { padding-left: 0; padding-bottom: 0; margin-bottom: 0; }
    .blog-bnr-list { padding: 0 15px; }
    .blog-box-cnt { padding: 30px 30px 35px 30px; }
    .blog-bnr-list ul li:first-child { padding-left: 0; }
    .blog-box-cnt .btn { position: relative; bottom: auto; }
    .blog-box { width: 100%; }
    .blog-content { padding: 30px 0 10px !important; }
    .post-details { margin-bottom: 15px; }
    .recent-post-single-page .pagination { width: 100%; padding: 0 15px;}
    .pagination .prev { margin: 0; }
    
    .recent-post-single-page .blog-box {width: 100%; }
    .recent-post-sidebar {width: 100%; padding-top: 10px; }
    .recent-post-top {padding-left: 0; margin-top: 0;}
    .recent-post ul {padding-left: 0; margin-bottom: 0;}
    .pagination { margin: 5px 0 20px !important; }
    .blog-box { margin-bottom: 25px; }
    .recent-post-left-image { height: auto; padding-bottom: 56%; }
    .recent-post-single-page .blog-box-cnt h2 {  font-size: 3.2rem; }
    .blog-banner .social-icons { bottom: 20px; }
    
    .blog-banner {height: 300px; padding-top: 100px;}
    .blog-banner h1 {font-size: 3.2rem; margin-bottom: 10px; letter-spacing: 0;}
/*    .blog-banner .social-icons {bottom: -40px;}*/
    .scrolled .blog-banner .social-icons {bottom: 50px;}
    .blog-bnr-cnt {padding-bottom: 0;}
    .blog-banner p br {display: block;}
}

@media (max-width: 575px) {
    .recent-post-single-page .pagination { padding: 0 15px; display: block;}
    .pagination .prev { margin: 0; display: block; }
    .pagination .next { margin: 0; display: block; }
    .pagination .back-to-main { display: block; margin: 0;}
    .page-numbers { display: block;}
}

@media (max-width: 425px) {
    .blog-banner {padding-top: 80px;}
}