/* [ -- Master Stylesheet -- ] */
/* ##################################################
:: Template Name: South - Real Estate Agency Template
:: Author: Colorlib
:: Author URL: https://colorlib.com
:: Version: 1.0
:: Created: 15 April 2018
:: Last Updated: 25 April 2018
################################################## */
/* ##### 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=Open+Sans:300,400,600,700");
/* :: 2.0 Import All CSS */
@import url(css/bootstrap.min.css);
@import url(css/animate.css);
@import url(css/owl.carousel.css);
@import url(css/classy-nav.min.css);
@import url(css/magnific-popup.css);
@import url(css/font-awesome.min.css);
@import url(css/themify-icons.css);
@import url(css/nice-select.css);
@import url(css/jquery-ui.min.css);
/* :: 3.0 Base CSS */
* {
margin: 0;
padding: 0; }
body {
/*font-family: "Open Sans", sans-serif;*/
font-family: 'Roboto', sans-serif;
cursor: default;}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Playfair Display', serif;
color: #323232;
font-weight: 600; }
p {
color: #7d7d7d;
font-size: 18px;
line-height: 2;
font-weight: 600; }
/*span{
font-family: 'Roboto', sans-serif;
}*/
a {
cursor: default;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
text-decoration: none;
outline: none;
font-size: 18px;
font-weight: 600;
cursor: default; }
a:hover, a:focus {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
text-decoration: none;
outline: none;
font-size: 18px;
font-weight: 600; }
ul,
ol {
margin: 0; }
ul li,
ol li {
list-style: none; }
img {
height: auto;
max-width: 100%; }
.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-15 {
margin-bottom: 15px; }
.mb-30 {
margin-bottom: 30px; }
.mb-50 {
margin-bottom: 50px; }
.ml-15 {
margin-left: 15px; }
.ml-30 {
margin-left: 30px; }
.mr-15 {
margin-right: 15px; }
.mr-30 {
margin-right: 30px; }
.mb-70 {
margin-bottom: 70px; }
.mb-100 {
margin-bottom: 100px; }
.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; }
.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-padding-100 {
padding: 100px 0; }
.section-padding-50 {
padding: 50px 0; }
.section-padding-50-0 {
padding: 50px 0 0 0; }
.section-padding-100-70 {
padding: 100px 0 70px; }
.section-padding-100-50 {
padding: 100px 0 50px; }
.section-padding-30-0 {
padding: 30px 0px; }
.section-padding-100-0 {
padding: 100px 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: #ffb441;
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, black 0%, rgba(0, 0, 0, 0.8) 90%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.8) 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: #ffffff; }
.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: #ffffff;
border-top-color: #ffb441;
border-left-color: #ffb441;
border-right-color: #ffb441;
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: #ffb441;
border-radius: 50%;
bottom: 40px;
right: 40px;
box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.1);
color: #ffffff;
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: 20px; }
.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 {
color: #ffb441;
font-size: 14px;
margin-bottom: 0;
font-style: italic; }
/* :: 7.0 South Button CSS */
.south-btn {
position: relative;
z-index: 1;
min-width: 170px;
height: 50px;
color: #ffffff;
font-size: 14px;
font-weight: 600;
background-color: #ffb441;
border-radius: 0;
line-height: 50px;
padding: 0 25px;
text-transform: uppercase; }
.south-btn.active, .south-btn:hover, .south-btn:focus {
color: #ffffff;
font-size: 14px;
background-color: #223755; }
.south-btn.btn-2 {
border: 2px solid #ffb441;
background-color: transparent;
color: #ffb441;
line-height: 46px; }
.south-btn.btn-2:hover, .south-btn.btn-2:focus {
color: #ffffff;
background-color: #ffb441; }
.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: #ffffff;
background-color: #223755; }
/* :: 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: #000000; }
.classynav .active{
border-bottom: 2px solid #ffb441;
}
.header-area {
position: absolute;
z-index: 10000;
width: 100%;
height: auto;
-webkit-transition-duration: 500ms;
transition-duration: 500ms; }
.centering {
text-align: center;
}
.t-header-area {
position: relative;
z-index: 1;
height: auto;
background-color: rgba(34,55,85, 0.6); }
@media only screen and (max-width: 767px) {
.t-header-area {
height: auto; } }
.t-header-area .email-address {
padding-left: 60px;
line-height: 1; }
@media only screen and (max-width: 767px) {
.t-header-area .email-address {
padding: 15px 30px; } }
.t-header-area .email-address a {
color: #808080;
font-size: 12px;
position: relative;
z-index: 1;
top: -2px; }
.t-header-area .email-address a:hover, .t-header-area .email-address a:focus {
color: #ffffff; }
.t-header-area .phone-number {
line-height: 1;
background-color: #ffb441;
height: 45px;
margin-bottom: 0; }
.t-header-area .phone-number .icon {
background-color: #ffffff;
width: 45px;
height: 45px;
text-align: center; }
.t-header-area .phone-number .icon img {
padding: 16px 0;
max-width: 15px; }
.t-header-area .phone-number .number a {
padding: 0 60px;
color: #ffffff;
line-height: 45px;
font-size: 12px; }
.top-header-area {
position: relative;
z-index: 1;
height: 45px;
background-color: rgb(34,55,85); }
@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: #808080;
font-size: 12px;
position: relative;
z-index: 1;
top: -2px; }
.top-header-area .email-address a:hover, .top-header-area .email-address a:focus {
color: #ffffff; }
.top-header-area .phone-number {
line-height: 1;
background-color: #ffb441;
height: 45px;
margin-bottom: 0; }
.top-header-area .phone-number .icon {
background-color: #ffffff;
width: 45px;
height: 45px;
text-align: center; }
.top-header-area .phone-number .icon img {
padding: 16px 0;
max-width: 15px; }
.top-header-area .phone-number .number a {
padding: 0 60px;
color: #ffffff;
line-height: 45px;
font-size: 12px; }
.main-header-area {
width: 100%;
height: auto;
position: relative;
z-index: 1;
background-color: rgba(34,55,85, 0.6);
-webkit-transition-duration: 500ms;
transition-duration: 500ms; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.main-header-area {
height: auto; } }
@media only screen and (max-width: 767px) {
.main-header-area {
height: auto; } }
.main-header-area .classy-nav-container {
background-color: transparent; }
.main-header-area .classy-navbar {
height: auto;
padding: .5em 15%; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.main-header-area .classy-navbar {
height: auto; } }
@media only screen and (max-width: 767px) {
.main-header-area .classy-navbar {
height: auto;
padding: 0.5em 30px; } }
.main-header-area .classynav ul li a {
color: #ffffff;
text-transform: uppercase;
font-weight: 600; }
.main-header-area .classynav ul li a:hover, .classynav ul li a:focus {
color: #ffb441; }
.main-header-area .classynav ul li a:active {
color: #ffb441; }
.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 .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: #ffb441; } }
@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: #ffb441; } }
.main-header-area .searchbtn:hover {
background-color: #ffb441; }
.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: #ffb441; }
.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: auto;
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
background-color: #223755; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.is-sticky .main-header-area {
height: auto; } }
@media only screen and (max-width: 767px) {
.is-sticky .main-header-area {
height: auto; } }
.is-sticky .main-header-area img {
width: 22%
} @media only screen and (min-width: 768px) and (max-width: 991px) {
.is-sticky .main-header-area img {
width: 70%; } }
@media only screen and (max-width: 767px) {
.is-sticky .main-header-area img {
width: 70%; } }
/* :: 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: 650px; } }
@media only screen and (max-width: 767px) {
.single-hero-slide {
height: 550px; } }
.title-content {
font-size: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.title-content {
font-size: 40px; } }
@media only screen and (max-width: 767px) {
.title-content {
font-size: 16px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
.title-content {
font-size: 24px; } }
.hashtag a{
font-style: italic;
font-size: 24px;
color: #ffb441;
}
.hashtag a:hover, .hastag a:focus{
color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hashtag a{
font-size: 24px; } }
@media only screen and (max-width: 767px) {
.hashtag a{
font-size: 14px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
.hashtag a{
font-size: 22px; } }
.hero-slides-content2 {
position: absolute;
top: 300px;
left: -300px;
right: 0;
z-index: 2; }
.hero-slides-content2 {
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
color: #fff;
font-size: 35px;
margin-bottom: 0;
padding: 10px 15px;
line-height: 1;
right: 0;
display: inline-grid; }
.hero-slides-content2 b {
font-size: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero-slides-content2 {
font-size: 24px;
top: 380px;
text-align: center;
left: 0; }
}
@media only screen and (max-width: 767px) {
.hero-slides-content2 {
font-size: 20px;
text-align: center;
top: 400px;
left: 0; }
.hero-slides-content2 b {
font-size: 36px;
} }
@media only screen and (min-width: 420px) and (max-width: 767px) {
.hero-slides-content2 {
font-size: 19px;
text-align: center;
left: 0; }
.hero-slides-content2 b {
font-size: 30px;
} }
.hero-slides-content1 {
position: absolute;
top: 380px;
text-align: center;
right: 0;
left: 0;
z-index: 2; }
.hero-slides-content1 {
color: #fff;
font-size: 35px;
margin-bottom: 0;
padding: 10px 15px;
line-height: 1;
display: inline-grid; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero-slides-content1 {
font-size: 25px;
top: 280px;
text-align: center;
left: 0; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero-slides-content1 {
font-size: 25px;
top: 330px;
text-align: center;
left: 0; } }
@media only screen and (min-width: 420px) and (max-width: 767px) {
.hero-slides-content1 {
font-size: 25px;
top: 330px;
text-align: center;
left: 0; } }
.hero-slides-content11 {
position: absolute;
top: 450px;
text-align: center;
right: 0;
left: 0;
z-index: 2; }
.hero-slides-content11 {
color: #fff;
font-size: 24px;
margin-bottom: 0;
padding: 10px 15px;
line-height: 1;
display: inline-grid; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero-slides-content11 {
font-size: 24px;
top: 380px;
text-align: center;
left: 0; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero-slides-content11 {
font-size: 20px;
top: 410px;
text-align: center;
left: 0; } }
@media only screen and (min-width: 300px) and (max-width: 767px) {
.hero-slides-content11 {
font-size: 19px;
top: 410px;
text-align: center;
left: 0; } }
.hero-slides-content12 {
position: absolute;
top: 550px;
text-align: center;
right: 0;
left: 0;
z-index: 2; }
.hero-slides-content12 {
color: #fff;
font-size: 24px;
margin-bottom: 0;
padding: 10px 15px;
line-height: 1;
display: inline-grid; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero-slides-content12 {
font-size: 24px;
top: 450px;
text-align: center;
left: 0; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero-slides-content12 {
font-size: 20px;
top: 470px;
text-align: center;
left: 0; } }
@media only screen and (min-width: 300px) and (max-width: 767px) {
.hero-slides-content12 {
font-size: 19px;
top: 470px;
text-align: center;
left: 0; } }
.hero-slides-content {
text-align: center; }
.hero-slides-content h2 {
color: #ffffff;
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) {
.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-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: #ffb441;
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: #000000; }
.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: #123456;
font-size: 12px;
color: #ffffff;
text-align: center;
margin-bottom: 5px; }
.hero-area .owl-dot.active {
background-color: #000000; }*/
/* :: 10.0 Advanced Search Area */
.form-control {
background-color: transparent;
width: 100%;
height: 38px;
border-radius: 0;
font-size: 14px;
color: #000000;
margin-bottom: 30px;
font-weight: 500;
padding: 0 15px;
border: 1px solid #e1dddd; }
.form-control:hover, .form-control:focus {
background-color: transparent;
box-shadow: none;
border: 1px solid #e1dddd; }
.nice-select {
line-height: 34px; }
.nice-select .list {
left: 0 !important;
right: 0 !important;
border-radius: 0; }
.south-search-area {
position: relative;
z-index: 1; }
.south-search-area .advanced-search-form {
position: relative;
z-index: 1;
padding: 30px 50px;
border: 1px solid #e1dddd;
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); }
@media only screen and (max-width: 767px) {
.south-search-area .advanced-search-form {
padding: 30px 20px; } }
.south-search-area .advanced-search-form .search-title {
position: absolute;
width: 260px;
height: 45px;
background-color: #ffb441;
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-area .advanced-search-form .search-title {
width: 210px;
padding: 0 15px; } }
.south-search-area .advanced-search-form .search-title p {
margin-bottom: 0;
color: #ffffff;
text-transform: uppercase;
line-height: 45px;
font-weight: 600; }
.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: #ffb441; }
.south-search-area .advanced-search-form .ui-slider-horizontal {
height: 4px;
background: #ffb441; }
.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: #ffb441;
margin-top: -3px; }
.south-search-area .advanced-search-form .range {
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: #323232; }
.south-search-area .advanced-search-form .more-filter a:hover {
color: #ffb441; }
.south-search-area .advanced-search-form .search-form-second-steps {
display: none; }
/* :: 11.0 Single Property Area CSS */
.single-featured-property {
position: relative;
z-index: 1;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
overflow: hidden; }
.single-featured-property .property-thumb {
position: relative;
z-index: 1; }
.single-featured-property .property-thumb .tag span {
height: 35px;
padding: 0 20px;
background-color: #ffb441;
color: #ffffff;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
display: inline-block;
line-height: 35px;
position: absolute;
top: 20px;
left: 20px;
z-index: 10;
-webkit-transition-duration: 500ms;
transition-duration: 500ms; }
.single-featured-property .property-thumb .list-price p {
background-color: #ffffff;
padding: 10px 20px;
color: #ffb441;
font-size: 24px;
font-weight: 600;
display: inline-block;
position: absolute;
bottom: 20px;
left: 20px;
z-index: 10;
margin-bottom: 0;
line-height: 1;
-webkit-transition-duration: 500ms;
transition-duration: 500ms; }
.single-featured-property .property-content {
padding: 30px;
border: 1px solid #e1dddd; }
.single-featured-property .property-content h5 {
font-size: 18px; }
.single-featured-property .property-content p {
margin-bottom: 30px; }
.single-featured-property .property-content .location {
color: #ffb441;
margin-bottom: 25px;
font-size: 14px;
font-weight: 600; }
.single-featured-property .property-content .location img {
margin-right: 10px;
display: inline-block !important;
width: auto !important; }
.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: #000000;
color: #ffffff; }
.single-featured-property:hover .list-price p, .single-featured-property:focus .list-price p {
background-color: #ffb441;
color: #ffffff; }
/* :: 12.0 Testimonials Area CSS */
.testimonials-slides {
position: relative;
z-index: 1; }
.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: 60px;
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: #ffb441; }
.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: #ffffff;
left: -19px;
margin-top: -19px;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
background-color: #dadada;
font-size: 12px; }
.testimonials-slides .owl-prev:hover,
.testimonials-slides .owl-next:hover {
background-color: #ffb441; }
@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: #f1f6f8;
position: relative;
z-index: 1; }
@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: 100px 5%; }
.south-editor-area .editor-content-area .section-heading {
text-align: left;
margin-bottom: 50px; }
.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: #111113;
padding: 0 15px; }
.footer-area .copywrite-text p {
margin-bottom: 0;
font-size: 12px;
color: #7d7d7d; }
.footer-area .copywrite-text p a {
font-size: 12px;
color: #7d7d7d; }
.footer-widget-area .widget-title {
margin-bottom: 50px; }
.footer-widget-area .widget-title h6 {
font-size: 16px;
color: #ffffff;
margin-bottom: 0;
text-transform: uppercase;
border-bottom: 2px solid;
border-color: #ffb441;
line-height: 1.8;
display: inline-block; }
.footer-widget-area p {
color: #fff;
font-size: 16px;
margin-bottom: 0;
font-weight: 400; }
.footer-widget-area .weekly-office-hours ul li {
padding: 15px 0;
display: block;
border-bottom: 1px solid #7d7d7d; }
.footer-widget-area .weekly-office-hours ul li span {
color: #7d7d7d;
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: 40px; }
.footer-widget-area .address h6 {
position: relative;
z-index: 1;
color: #fff;
margin-bottom: 20px;
display: block;
font-size: 14px;
font-weight: 400;
padding-left: 40px;
line-height: 1.8; }
.footer-widget-area .address h6 img {
position: absolute;
top: 4px;
z-index: 10;
left: 0; }
.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: #fff;
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: #ffb441; }
.footer-content hr {
border: 1px solid #ffb441;
}
.footer-content span {
color: #fff;
}
.footer-logo img{
height: auto;
width: 250px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer-logo img{
height: auto;
width: 230px;
} }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer-logo img{
display: block;
margin-left: auto;
margin-right: auto;
height: auto;
width: 50%;
}
.footer-content span {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
} }
@media only screen and (max-width: 767px) {
.footer-logo img{
display: block;
margin-left: auto;
margin-right: auto;
height: auto;
width: 50%;
}
.footer-content span {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
} }
.footer-navbar {
overflow: hidden;
bottom: 0;
width: 100%;
text-align: center;
padding-bottom: 50px;
}
.footer-navbar a {
color: #f2f2f2;
text-decoration: none;
font-size: 14px;
text-transform: uppercase;
}
.buttonIn {
position: relative;
}
.footer-newsletter input {
margin: 0px;
padding: 16px;
width: 100%;
}
.footer-newsletter input:focus {
color: white;
}
.footer-newsletter button {
position: absolute;
padding: 2px 20px;
top: 4px;
right: 6px;
z-index: 2;
border: none;
height: 80%;
cursor: pointer;
color: white;
background-color: #ffb441;
font-weight: bold;
text-transform: uppercase;
transform: translateX(2px);
cursor: default;
}
/*.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: #ffb441;
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-area {
width: 100%;
height: 450px;
position: relative;
z-index: 1;
padding-top: 130px;
text-align: center; }
.breadcumb-area .breadcumb-title {
font-size: 60px;
margin-bottom: 0;
background-color: #000000;
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: 48px; } }
@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; } }
.article-container {
width: 100%;
height: 800px;
overflow: hidden;
position: relative;
}
.article-img-holder {
width: 100%;
height: 100%;
background: url(img/bg-img/tritowerbldg.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
transition: transform 3.2s, filter 2.1s ease-in-out;
filter: brightness(50%);
}
.article-img-holder:hover {
filter: brightness(100%);
transform: scale(1.2);
}
/* :: 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: #ffb441;
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: 350px;
height: 250px; }
.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 */
.listings-content-wrapper {
overflow-x: hidden; }
.listings-top-meta {
position: relative;
z-index: 100; }
.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 .grid_view a {
color: #323232;
line-height: 1;
font-size: 18px; }
.listings-top-meta .grid_view a.active {
color: #ffb441; }
.listings-top-meta .list_view a {
color: #323232;
line-height: 1;
font-size: 18px; }
.listings-top-meta .list_view a.active {
color: #ffb441; }
.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: #ffb441;
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: 70px; }
.listings-content .list-price p {
margin-bottom: 0;
font-size: 24px;
font-weight: 600;
color: #ffb441; }
.listings-content h5 {
font-size: 30px;
margin-bottom: 10px; }
@media only screen and (max-width: 767px) {
.listings-content h5 {
font-size: 20px; } }
.listings-content .location {
margin-bottom: 40px; }
.listings-content .location img {
margin-right: 15px; }
.listings-content p {
margin-bottom: 40px; }
.listings-content .property-meta-data div {
margin-right: 15px; }
.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;
width: auto !important; }
@media only screen and (max-width: 767px) {
.listings-content .property-meta-data img {
margin-right: 0; } }
.listings-content .listings-core-features {
padding: 70px 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: #323232;
font-size: 15px;
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: #ffb441;
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; }
.contact-realtor-wrapper {
background-color: #f5f5f5;
margin-top: 80px;
position: relative;
z-index: 1; }
.contact-realtor-wrapper .realtor-info > img {
width: 100%; }
.contact-realtor-wrapper .realtor---info {
padding: 40px 45px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.contact-realtor-wrapper .realtor---info {
padding: 40px 30px; } }
@media only screen and (max-width: 767px) {
.contact-realtor-wrapper .realtor---info {
padding: 40px 30px; } }
.contact-realtor-wrapper .realtor---info h2 {
font-size: 24px;
text-transform: uppercase; }
.contact-realtor-wrapper .realtor---info p {
font-style: italic;
color: #ffb441; }
.contact-realtor-wrapper .realtor---info h6 {
font-size: 14px; }
.contact-realtor-wrapper .realtor---info h6 img {
margin-right: 15px; }
.contact-realtor-wrapper .realtor--contact-form {
padding: 0 45px 40px; }
@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 {
display: none;
position: relative;
z-index: 1;
background-color: rgba(255,255,255 , 0.8); }
.single-blog-area img {
height:400px ;
width:100% }
.single-blog-area .blog-post-thumbnail {
position: relative;
z-index: 1; }
.single-blog-area .post-content {
position: relative;
z-index: 1;
padding: 50px 20px;
}
.single-blog-area .post-content .post-date a {
font-size: 14px;
color: #000;
margin-bottom: 10px;
display: block; }
.single-blog-area .post-content .headline {
font-size: 30px;
color: #223755;
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 p {
color: #000;
}
.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; }
#loadMore{
color: #223755;
padding: 10px 20px;
border:2px solid white;
background-color: white;
}
#loadMore:hover{
background-color: transparent;
color: white;
}
.blog-post-thumbnail img {
border: 4px solid #223755;
padding: 5px;
}
.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: #ffb441; }
.south-blog-area {
position: relative;
z-index: 1;
overflow-x: hidden;
}
.south-blog-area h2{
color: #fff;
background-color: rgba(255,255,255, 0.3);
border: 4px solid #fff;
padding: 5px;
}
.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: #ffb441;
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: #ffb441;
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: #ffb441; }
.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 #ffb441;
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; }
/* Accordians */
.single-accordion.panel {
background-color: #ffffff;
border: 0 solid transparent;
border-radius: 4px;
box-shadow: 0 0 0 transparent;
margin-bottom: 15px; }
.single-accordion:last-of-type {
margin-bottom: 0; }
.single-accordion h6 {
margin-bottom: 0;
text-transform: uppercase; }
.single-accordion h6 a {
background-color: #ffb441;
border-radius: 0;
color: #ffffff;
display: block;
margin: 0;
padding: 15px 60px 15px 15px;
position: relative;
font-size: 14px;
text-transform: capitalize;
font-weight: 500;
border: 2px solid transparent; }
.single-accordion h6 a span {
font-size: 10px;
position: absolute;
right: 20px;
text-align: center;
top: 18px; }
.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 {
border: 2px solid #ffb441;
background-color: transparent;
color: #000000; }
.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; }
/* Tabs CSS*/
.south-tabs-content {
position: relative;
z-index: 1; }
.south-tabs-content .nav-tabs {
border-bottom: none;
margin-bottom: 50px; }
.south-tabs-content .nav-tabs .nav-link {
border: 2px solid #ffb441;
padding: 0 30px;
height: 45px;
line-height: 41px;
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: #ffb441;
color: #ffffff; }
.south-tabs-content .tab-content h6 {
font-size: 18px; }
/* 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: #ffb441; }
.single-cool-fact-area h6 {
margin-bottom: 0;
color: #7d7d7d; }
#image1 {
background:
linear-gradient(
rgba(0,0,0,0.70),
rgba(0,0,0,0.70)
),
/* bottom, image */
url(img/bg-img/cover1.jpg) no-repeat center;
background-size: cover;
height: 800px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
#image1 {
height: 700px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
#image1 {
height: 650px; } }
@media only screen and (max-width: 767px) {
#image1 {
height: 550px; } }
#image2 {
background:
linear-gradient(
rgba(0,0,0,0.70),
rgba(0,0,0,0.70)
),
/* bottom, image */
url(img/bg-img/cover3.jpg) no-repeat center;
background-size: cover;
height: 800px;
} @media only screen and (min-width: 992px) and (max-width: 1199px) {
#image2 {
height: 700px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
#image2 {
height: 650px; } }
@media only screen and (max-width: 767px) {
#image2 {
height: 550px; } }
#image3 {
background:
linear-gradient(
rgba(0,0,0,0.70),
rgba(0,0,0,0.70)
),
/* bottom, image */
url(img/bg-img/cover4.jpg) no-repeat center;
background-size: cover;
height: 800px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
#image3 {
height: 700px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
#image3 {
height: 650px; } }
@media only screen and (max-width: 767px) {
#image3 {
height: 550px; } }
#image4 {
background:
linear-gradient(
rgba(0,0,0,0.70),
rgba(0,0,0,0.70)
),
/* bottom, image */
url(img/bg-img/cover5.jpg) no-repeat center;
background-size: cover;
height: 800px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
#image4 {
height: 700px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
#image4 {
height: 650px; } }
@media only screen and (max-width: 767px) {
#image4 {
height: 550px; } }
#image5 {
background:
linear-gradient(
rgba(0,0,0,0.70),
rgba(0,0,0,0.70)
),
/* bottom, image */
url(img/bg-img/cover1.jpg) no-repeat center;
background-size: cover;
height: 500px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
#image5 {
height: 700px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
#image5 {
height: 650px; } }
@media only screen and (max-width: 767px) {
#image5 {
height: 550px; } }
#image6 {
background:
linear-gradient(
rgba(0,0,0,0.70),
rgba(0,0,0,0.70)
),
/* bottom, image */
url(img/bg-img/room2.jpg) no-repeat center;
background-size: cover;
height: 800px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
#image6 {
height: 700px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
#image6 {
height: 650px; } }
@media only screen and (max-width: 767px) {
#image6 {
height: 550px; } }
#image7 {
background:
linear-gradient(
rgba(0,0,0,0.70),
rgba(0,0,0,0.70)
),
/* bottom, image */
url(img/bg-img/room3.jpg) no-repeat center;
background-size: cover;
height: 800px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
#image7 {
height: 700px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
#image7 {
height: 650px; } }
@media only screen and (max-width: 767px) {
#image7 {
height: 550px; } }
#image8 {
background:
linear-gradient(
rgba(0,0,0,0.70),
rgba(0,0,0,0.70)
),
/* bottom, image */
url(img/bg-img/room4.jpg) no-repeat center;
background-size: cover;
height: 800px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
#image8 {
height: 700px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
#image8 {
height: 650px; } }
@media only screen and (max-width: 767px) {
#image8 {
height: 550px; } }
#image9 {
background:
linear-gradient(
rgba(0,0,0,0.70),
rgba(0,0,0,0.70)
),
/* bottom, image */
url(img/bg-img/room5.jpg) no-repeat center;
background-size: cover;
height: 800px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
#image9 {
height: 700px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
#image9 {
height: 650px; } }
@media only screen and (max-width: 767px) {
#image9 {
height: 550px; } }
#image10 {
background:
linear-gradient(
rgba(0,0,0,0.60),
rgba(0,0,0,0.60)
),
/* bottom, image */
url(img/bg-img/tritowerbldg.jpg) no-repeat center;
background-size: cover;
height: 800px;
transition: all 1s;
}
#image10:hover {
transform: scale(1.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
#image10 {
height: 700px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
#image10 {
height: 650px; } }
@media only screen and (max-width: 767px) {
#image10 {
height: 550px; } }
#header-index {
background:
linear-gradient(
rgba(0,0,0,0.70),
rgba(0,0,0,0.70)
),
/* bottom, image */
url(img/bg-img/header-index.jpg) no-repeat center;
background-size: cover;
height: 855px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
#header-index {
height: 550px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
#header-index {
height: 550px; } }
@media only screen and (max-width: 767px) {
#header-index {
height: 580px; } }
#header-index1 {
background:
linear-gradient(
rgba(0,0,0,0.70),
rgba(0,0,0,0.70)
),
/* bottom, image */
url(img/bg-img/header-index.jpg) no-repeat center;
background-size: cover;
height: 480px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
#header-index1 {
height: 450px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
#header-index1 {
height: 450px; } }
@media only screen and (max-width: 767px) {
#header-index1 {
height: 450px; } }
#hide {
opacity: 0;
}
.tri img {
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+, Firefox on Android */
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
/* IE 6-9 */
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.tri:hover img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: none;
filter: none;
}
.p-content {
text-align: justify;
text-justify: inter-word;
text-indent: 50px;
color: #000;
}
.p-content-first{
border-left: 18px solid #223755;
border-bottom: 18px solid #223755;
padding: 25px;
}
.p-content-last{
border-right: 18px solid #223755;
border-top: 18px solid #223755;
padding: 25px;
}
.about-content h2{
text-align: center;
color: #223755;
}
.section-heading .link p a {
color: #000;
} .section-heading .link p a:hover, .section-heading .link p a:focus{
color: #ffb441;
}
/*
@import url(https://fonts.googleapis.com/css?family=Khula:700);
.hidden {
opacity:0;
}
.console-container {
font-size:40px;
text-align:center;
font-weight: bold;
width:auto;
display:block;
position:absolute;
color:#000000;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
}
.console-underscore {
display:inline-block;
position:relative;
top:-0.14em;
left:10px;
} @media only screen and (min-width: 768px) and (max-width: 991px) {
.console-container {
font-size: 30px; } }
@media only screen and (max-width: 767px) {
.console-container {
font-size: 18px; } }
.hidden1 {
opacity:0;
}
.console-container1 {
font-size:40px;
text-align:center;
font-weight: bold;
width:auto;
display:block;
position:absolute;
color:#ffb441;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
}
.console-underscore1 {
display:inline-block;
position:relative;
top:-0.14em;
left:10px;
}@media only screen and (min-width: 768px) and (max-width: 991px) {
.console-container1 {
font-size: 30px; } }
@media only screen and (max-width: 767px) {
.console-container1 {
font-size: 18px; } }
*/
.msdc-content {
background-color: #fff;
padding-top: 50px;
}
.msdc-content1 {
padding-bottom: 50px;
}
.section-cp {
background-color: #223755;
}
.cp-content {
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
} .cp-content h2 {
color: #ffb441;
} .cp-content hr {
border: 2px solid #ffb441;
} .gold-content{
color: #fff;
font-size: 18px;
text-align: justify;
} .cp-content .sub{
color: #aaa;
}
.cs-content {
background-color: #191919;
padding: 16px 24px;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
} .cs-content h2 {
color: #fff;
} .cs-content hr {
border: 2px solid #1a3fa1;
} .gold-content{
color: #fff;
font-size: 18px;
text-align: justify;
} .cs-content .sub{
color: #888;
} .cs-title {
font-size: 18px;
color: #fff;
}
.section-cs {
background-color: #191919;
}
.section-content {
padding: 16px 24px;
background-color: #223755;
} .section-content h2 {
color: #ffb441;
} .section-content p {
color: #fff;
}
.h2-about {
font-size: 2rem;
color: #fff;
}
.left-this{
width: 40%;
background-image: linear-gradient(#ffb441, #ff6f2a);
background-color: ;
padding: 25px;
} @media only screen and (min-width: 768px) and (max-width: 991px) {
.left-this {
padding: 30px 40px;
width: 100%; } }
@media only screen and (max-width: 767px) {
.left-this {
padding: 30px 40px;
width: 100%; } }
.left-this h2 {
color: #fff;
text-align: left;
}
.left-this p {
color: #fff;
text-align: left;
}
.align-left{
text-align: left;
}
.right-this{
width: 60%;
} @media only screen and (min-width: 768px) and (max-width: 991px) {
.right-this {
width: 100%; } }
@media only screen and (max-width: 767px) {
.right-this {
width: 100%; } }
.onoffswitch {
position: relative; width: 120px;
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
position: absolute;
opacity: 0;
pointer-events: none;
}
.onoffswitch-label {
display: block; overflow: hidden; cursor: pointer;
border: 2px solid #808080; border-radius: 12px;
}
.onoffswitch-inner {
display: block; width: 200%; margin-left: -100%;
transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
box-sizing: border-box;
}
.onoffswitch-inner:before {
content: "ENGLISH";
padding-left: 10px;
background-color: #ffb441; color: #FFFFFF;
}
.onoffswitch-inner:after {
content: "中文";
padding-right: 10px;
background-color: #223769; color: #FFFFFF;
text-align: right;
}
.onoffswitch-switch {
display: block; width: 24px; margin: 3px;
background: #FFFFFF;
position: absolute; top: 0; bottom: 0;
right: 86px;
border: 2px solid #808080; border-radius: 12px;
transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 0px;
}
.profile-left{
width: 50%;
height: auto;
padding: 30px 40px;
background-color: #223755;
border-radius: 12px;
} @media only screen and (min-width: 768px) and (max-width: 991px) {
.profile-left {
width: 100%; } }
@media only screen and (max-width: 767px) {
.profile-left {
width: 100%; } }
.profile-right{
width: 50%;
height: auto;
padding: 30px 40px;
background-color: #223755;
border-radius: 12px;
} @media only screen and (min-width: 768px) and (max-width: 991px) {
.profile-right {
width: 100%; } }
@media only screen and (max-width: 767px) {
.profile-right {
width: 100%; } }
.about-content-frame{
background-image:url(https://propertyonline.ph/storage/marble-pattern.jpg);background-position:left top;background-size:cover;background-repeat:repeat;
padding: 100px 0 50px 0;
}
.vidbackground{
padding: 50px;
position: relative;
background-image:url(https://propertyonline.ph/storage/marble-pattern.jpg);background-position:left top;background-size:cover;background-repeat:repeat;
text-align: center;
left: 0;
right: 0;
height: auto;
} @media only screen and (min-width: 768px) and (max-width: 991px) {
.vidbackground1{
height: 60%;
} }
@media only screen and (max-width: 767px) {
.vidbackground1{
height: 100%;
} }
#vidbackground1{
width: 60%;
height: auto;
} @media only screen and (min-width: 768px) and (max-width: 991px) {
#vidbackground1{
width: 75%;
height: auto;
} }
@media only screen and (max-width: 767px) {
#vidbackground1{
width: 100%;
height: 100%;
} }
video{
max-width: 100%;
max-height: 100%;
height: auto;
}
@import url('https://fonts.googleapis.com/css?family=Roboto:700');
#container {
color: #000;
font-size: 36px;
font-weight: bold;
display: inline-flex;
} @media only screen and (min-width: 768px) and (max-width: 991px) {
#container {
font-size: 36px; } }
@media only screen and (max-width: 767px) {
#container {
display: block;
font-size: 30px; } }
#flip {
height:50px;
overflow:hidden;
}
#flip > div > div {
color:#fff;
height:45px;
width: 252px;
margin-bottom:45px;
padding-left: 18px;
display:inline-block;
} /*@media only screen and (min-width: 768px) and (max-width: 991px) {
#flip > div > div {
width: 86px;
height:25px;
margin-bottom:33px;
padding-left: 6;
} }
@media only screen and (max-width: 767px) {
#flip > div > div {
width: 78px;
height:30px;
margin-bottom:16px;
padding-left: 4px;
} }*/
#flip div:first-child {
animation: show 5s linear infinite;
}
#flip div div {
background:#223755;
}
#flip div:first-child div {
background:#ffb441;
}
#flip div:last-child div {
background:#8B4513;
}
@keyframes show {
0% {margin-top:-270px;}
5% {margin-top:-180px;}
33% {margin-top:-180px;}
38% {margin-top:-90px;}
66% {margin-top:-90px;}
71% {margin-top:0px;}
99.99% {margin-top:0px;}
100% {margin-top:-270px;}
}
.profile-left1{
width: 33.33%;
height: auto;
background: url("img/bg-img/bldg2.jpg");
background-position: center;
} @media only screen and (min-width: 768px) and (max-width: 991px) {
.profile-left1 {
width: 100%; } }
@media only screen and (max-width: 767px) {
.profile-left1 {
width: 100%; } }
.content-color1{
height: 791px;
padding: 36px 18px;
background: white;
} @media only screen and (min-width: 768px) and (max-width: 991px) {
.content-color1 {
height: auto; } }
@media only screen and (max-width: 767px) {
.content-color1 {
height: auto; } }
.cp-content1 {
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
} .cp-content1 h2 {
color: #192A56 ;
} .cp-content1 hr {
border: 1px solid #192A56 ;
} .gold-content1{
color: #fff;
font-size: 18px;
} .cp-content1 .sub1{
color: #454545;
} .cp-content1 .cs-title1{
color: #000;
font-size: 24px;
}
.profile-mid1{
width: 33.33%;
height: auto;
padding: 0px 0px 36px 0px;
background: url("img/bg-img/bldg2.jpg");
background-position: top;
position: relative;
} @media only screen and (min-width: 768px) and (max-width: 991px) {
.profile-mid1 {
width: 100%; } }
@media only screen and (max-width: 767px) {
.profile-mid1 {
width: 100%; } }
.cp-content-overlay {
height: 791px;
position: relative;
top: 0;
left: 0;
width: 100%;
background: rgba(25,42,86, 0.8);
padding: 36px 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cabout-content-overlay {
height: auto; } }
@media only screen and (max-width: 767px) {
.cp-content-overlay {
height: auto; } }
.cp-content2 {
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
} .cp-content2 h2 {
color: #ffb441;
} .cp-content2 hr {
border: 1px solid #ffb441;
} .gold-content2{
color: #fff;
font-size: 18px;
text-align: justify;
} .cp-content2 .sub2{
text-align: justify;
color: #fff;
} .cp-content2 .cs-title2{
color: #000;
}
.profile-right1{
width: 33.33%;
height: 100%;
background: url("img/bg-img/bldg2.jpg");
background-position: right;
} @media only screen and (min-width: 768px) and (max-width: 991px) {
.profile-right1 {
width: 100%; } }
@media only screen and (max-width: 767px) {
.profile-right1 {
width: 100%; } }
.content-color3{
padding: 36px 18px 12px 18px;
background: white;
}
.cp-content3 {
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
} .cp-content3 h2 {
color: #192A56;
} .cp-content3 hr {
border: 1px solid #192A56;
} .gold-content3{
color: #fff;
font-size: 18px;
text-align: justify;
} .cp-content3 .sub3{
color: #454545;
} .cp-content3 .sub4{
color: #454545;
font-size: 14px;
} .cp-content3 .br{
margin-top: 20px;
} .cp-content3 .cs-title3{
color: #000;
} @media only screen and (min-width: 768px) and (max-width: 991px) {
.cp-content3 br {
display: none; } }
@media only screen and (max-width: 767px) {
.cp-content3 br {
display: none; } }
.content-back {
width: 100%;
height: auto;
padding: 36px 18px;
background: url("img/bg-img/bldg2.jpg");
background-position: right;
}
.column {
float: left;
width: 33%;
height: 100%;
padding: 0 10px;
}
/* Remove extra left and right margins, due to padding */
.row1 {margin: 0 -5px;}
/* Clear floats after the columns */
.row1:after {
content: "";
display: table;
clear: both;
}
/* Responsive columns */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.column {
width: 100%;
margin-bottom: 20px;
} }
@media only screen and (max-width: 767px) {
.column {
width: 100%;
margin-bottom: 20px;
} }
/* Style the counter cards */
.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
/*padding: 16px;*/
/*text-align: center;*/
/*background-color: #f1f1f1;*/
}
.situated-container {
z-index: 3;
padding: 20px;
}
.situated-container hr{
border: 1px solid #192A56;
}
.situated-content{
padding: 10px;
/*color: #ffb441;*/
color: white;
background-color: rgba(25, 42, 86, 0.7);
font-size: 16px;
text-align: center;
}
.project-content{
padding: 10px;
color: white;
background-color: rgba(25, 42, 86, 0.7);
font-size: 16px;
text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.situated-content{
padding: 10px;
color: black;
font-size: 14px;
text-align: center;
} }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.situated-content{
text-align: justify;
text-justify: inter-word;
} }
@media only screen and (min-width: 544px) and (max-width: 767px) {
.situated-content{
text-align: justify;
text-justify: inter-word;
} }
@media only screen and (max-width: 543px) {
.situated-content{
text-align: justify;
text-justify: inter-word;
} }
.proj-table {
width: 100%;
}
.proj-amenities {
width: 100%;
}
.proj-details1 {
background:
linear-gradient(
rgba(0,0,0,0.80),
rgba(0,0,0,0.80)
),
/* bottom, image */
url(img/bg-img/amenities.jpg) no-repeat center;
background-size: cover;
height: 100%;
}
.proj-details1 td {
font-size: 16px;
color: #ffb441;
padding: 16px;
}
.proj-details1 h2 {
font-size: 24px;
padding: 18px;
color: white;
text-align: center;
background-color: #192A56;
}
.proj-details td, .proj-details th {
border: 1px solid #ddd;
padding: 8px;
}
.proj-details tr:nth-child(even){background-color: #f2f2f2;
}
.proj-details tr{
background-color: #fefefe;
}
.proj-details tr:hover {background-color: #ddd; color: #192a56}
.proj-details th {
padding-top: 12px;
padding-bottom: 12px;
text-align: center;
background-color: #192a56;
color: white;
}
.proj-details .td-title {
font-weight: bold;
}
.proj-det {
font-style: italic;
color: #444;
}
img.gif-img {
height: auto;
width: 100%;
}
.text-center{
text-align: center;
}
.header-logo img{
width: 22%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-logo img {
width: 70%;
} }
@media only screen and (max-width: 767px) {
.header-logo img {
width: 70%;
} }
.contact-details {
width: 100%;
height: auto;
background:
linear-gradient(
rgba(25, 42, 86, 0.40),
rgba(25, 42, 86, 0.40)
),
url(img/bg-img/contact.png) no-repeat center;
background-size: cover;
}
.contact-details h2 {
font-size: 24px;
padding: 10px;
color: white;
text-align: center;
background-color: #192a56;
}
.contact-details p {
font-size: 14px;
color: #ffb441;
text-align: center;
}
.contact-details label {
color: #ffb441;
}
.textarea-form {
padding: 16px;
height: 150px;
}
.contact-details form {
padding: 12px 36px 12px 36px;
}
.image-to-show{
display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.image-to-hide {
display: none; }
.image-to-show{
display: block;
} }
@media only screen and (max-width: 767px) {
.image-to-hide {
display: none; }
.image-to-show{
display: block;
} }
.table-show{
display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.table-hide {
display: none; }
.table-show{
display: block;
} }
@media only screen and (max-width: 767px) {
.table-hide {
display: none; }
.table-show{
display: block;
} }
.logo-div{
margin-bottom: 1rem;
}
#logo-text {
padding-bottom: 2rem;
background: linear-gradient(to right, #ffb441 0%, #fff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.logos{
height: 40px;
width: auto;
margin: 10px 10px;
}
@media only screen and (min-width: 1400px) and (max-width: 1920px) {
.logos{
height: 40px;
width: auto;
margin: 10px 10px;
} }
@media only screen and (min-width: 992px) and (max-width: 1399px) {
.logos{
height: 40px;
width: auto;
margin: 10px 10px;
} }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.logos{
height: 40px;
width: auto;
margin: 10px 10px;
} }
@media only screen and (max-width: 767px) {
.logos{
height: 40px;
width: auto;
margin: 5px 1rem;
} }
.intro-show{
display: block;
}
@media only screen and (min-width: 1400px) and (max-width: 1920px) {
.intro-show{
display: block;
} }
@media only screen and (min-width: 992px) and (max-width: 1399px) {
.intro-show{
display: none;
} }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.intro-show{
display: none;
} }
@media only screen and (max-width: 767px) {
.intro-show{
display: none;
} }
.intro-hide{
display: none;
}
@media only screen and (min-width: 1400px) and (max-width: 1920px) {
.intro-hide{
display: none;
} }
@media only screen and (min-width: 992px) and (max-width: 1399px) {
.intro-hide{
display: block;
} }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.intro-hide{
display: block;
} }
@media only screen and (max-width: 767px) {
.intro-hide{
display: block;
} }
.main-button{
border: 2px solid white;
background-color: none;
padding: 12px 20px;
color: white;
font-size: 14px;
}
.main-button:focus, .main-button:hover{
background-color: white;
color: #ffb441;
font-size: 14px;
}
.main-button{
border: 2px solid white;
background-color: none;
padding: 12px 20px;
color: white;
width: 20%;
font-size: 14px;
}
.main-button:focus, .main-button:hover{
background-color: white;
color: #ffb441;
font-size: 14px;
}
.justify-text1{
text-align: justify;
text-justify: inter-word;
}
.vidcontainer1{
position:relative;
}
.vidcontainer1 img{
position: relative;
height: 800px;
width: 100%;
z-index: 0;
}
.vidcontainer2{
text-align: right
}
.vidcontainer3{
text-align: center;
}
.overlay-description {
margin: 25px;
padding: 25px;
background-color: rgba(0,0,0, 0.4);
position: absolute;
z-index: 2;
width: 25%;
}
.overlay-description h2{
color: #ffb441;
text-transform: uppercase;
font-size: 25px;
}
.overlay-description h4{
color: white;
text-transform: uppercase;
font-size: 20px;
}
.overlay-description hr {
border: 1px solid #ffb441;
}
.overlay-description p{
color: white;
font-size: 14px;
}
.overlay-description a{
color: white;
font-size: 12px;
text-transform: uppercase;
}
.overlay-description a:focus,.overlay-description a:hover{
color: #ffb441;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.overlay-description {
width: 40%;
} }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.overlay-description {
width: 40%;
}
.overlay-description h2{
font-size: 22px;
}
.overlay-description h4{
font-size: 16px;
} }
@media only screen and (min-width: 544px) and (max-width: 767px) {
.overlay-description {
width: 90%;
}
.overlay-description h2{
font-size: 18px;
}
.overlay-description h4{
font-size: 14px;
} }
@media only screen and (max-width: 543px) {
.overlay-description {
width: 90%;
}
.overlay-description h2{
font-size: 16px;
}
}
.overlay-description1 {
margin: 25px;
padding: 25px;
background-color: rgba(0,0,0, 0.4);
position: absolute;
z-index: 2;
width: 25%;
}
.overlay-description1 h2{
color: #ffb441;
text-transform: uppercase;
font-size: 22px;
}
.overlay-description1 hr {
border: 1px solid #ffb441;
}
.overlay-description1 p{
color: white;
font-size: 14px;
}
.overlay-description1 a{
color: white;
font-size: 12px;
text-transform: uppercase;
}
.overlay-description1 a:focus,.overlay-description1 a:hover{
color: #ffb441;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.overlay-description1 {
width: 40%;
} }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.overlay-description1 {
width: 40%;
}
.overlay-description1 h2{
font-size: 22px;222
}
.overlay-description1 h4{
font-size: 16px;
} }
@media only screen and (min-width: 544px) and (max-width: 767px) {
.overlay-description1 {
width: 90%;
}
.overlay-description1 h2{
font-size: 16px;
}
}
@media only screen and (max-width: 543px) {
.overlay-description1 {
width: 90%;
}
.overlay-description1 h2{
font-size: 16px;
}
}
.overlay-description5 {
margin: 0px 0px 25px 0px;
padding: 25px;
background-color: rgba(0,0,0, 0.4);
position: absolute;
z-index: 2;
width: 35%;
}
.overlay-description5 h2{
color: #ffb441;
text-transform: uppercase;
font-size: 25px;
}
.overlay-description5 h4{
color: white;
text-transform: uppercase;
font-size: 20px;
}
.overlay-description5 hr {
border: 1px solid #ffb441;
}
.overlay-description5 p{
color: white;
font-size: 14px;
}
.overlay-description5 a{
color: white;
font-size: 12px;
text-transform: uppercase;
}
.overlay-description5 a:focus,.overlay-description5 a:hover{
color: #ffb441;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.overlay-description5 {
width: 30%;
} }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.overlay-description5 {
width: 40%;
}
.overlay-description5 h2{
font-size: 22px;
}
.overlay-description5 h4{
font-size: 16px;
} }
@media only screen and (min-width: 544px) and (max-width: 767px) {
.overlay-description5 {
width: 73%;
}
.overlay-description5 h2{
font-size: 18px;
}
.overlay-description5 h4{
font-size: 14px;
} }
@media only screen and (max-width: 543px) {
.overlay-description5 {
width: 73%;
height: 82%;
}
.overlay-description5 h2{
font-size: 16px;
}
}
.overlay-description6 {
margin: 0px 0px 55px 0px;
padding: 25px;
/*background-image: linear-gradient(45deg,#fff, rgb(255,180,65));*/
background-image: url("img/bg-img/about-img.jpg");
position: absolute;
z-index: 2;
bottom: 0;
width: 35%;
}
.overlay-description6 h2{
color: #ffb441;
text-transform: uppercase;
font-size: 25px;
}
.overlay-description6 h4{
color: white;
text-transform: uppercase;
font-size: 20px;
}
.overlay-description6 hr {
border: 1px solid #ffb441;
}
.overlay-description6 p{
color: white;
font-size: 14px;
}
.overlay-description6 a{
color: white;
font-size: 12px;
text-transform: uppercase;
}
.overlay-description6 a:focus,.overlay-description6 a:hover{
color: #ffb441;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.overlay-description6 {
width: 30%;
} }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.overlay-description6 {
width: 40%;
}
.overlay-description6 h2{
font-size: 22px;
}
.overlay-description6 h4{
font-size: 16px;
} }
@media only screen and (min-width: 544px) and (max-width: 767px) {
.overlay-description6 {
width: 73%;
}
.overlay-description6 h2{
font-size: 18px;
}
.overlay-description6 h4{
font-size: 14px;
} }
@media only screen and (max-width: 543px) {
.overlay-description6 {
width: 73%;
height: 82%;
}
.overlay-description6 h2{
font-size: 16px;
}
}
.overlay-description6-hided {
padding: 25px;
/*background-image: linear-gradient(45deg,#fff, rgb(255,180,65));*/
background-image: url("img/bg-img/about-img.jpg");
width: 100%;
}
.overlay-description5-hided {
padding: 25px;
background-image: linear-gradient(45deg,#000, rgb(77,89,86));
width: 100%;
}
.overlay-description5-hided h2{
color: #ffb441;
text-transform: uppercase;
font-size: 25px;
}
.overlay-description5-hided h4{
color: white;
text-transform: uppercase;
font-size: 20px;
}
.overlay-description5-hided hr {
border: 1px solid #ffb441;
}
.overlay-description5-hided p{
color: white;
font-size: 14px;
}
.overlay-description5-hided a{
color: white;
font-size: 12px;
text-transform: uppercase;
}
.overlay-description5-hided a:focus,.overlay-description5-hided a:hover{
color: #ffb441;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.overlay-description5-hided {
width: 100%;
} }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.overlay-description5-hided {
width: 100%;
}
.overlay-description5-hided h2{
font-size: 22px;
}
.overlay-description5-hided h4{
font-size: 16px;
} }
@media only screen and (min-width: 544px) and (max-width: 767px) {
.overlay-description5-hided {
width: 100%;
}
.overlay-description5-hided h2{
font-size: 18px;
}
.overlay-description5-hided h4{
font-size: 14px;
} }
@media only screen and (max-width: 543px) {
.overlay-description5-hided {
width: 100%;
}
.overlay-description5-hided h2{
font-size: 16px;
}
}
.left-column {
float: left;
width: 60%;
text-align: center;
}
.img-container1 img {
height: 820px;
}
.right-column {
float: left;
width: 40%;
padding: 25px;
text-align: center;
}
.right-column h2{
text-transform: uppercase;
color: #ffb441;
font-weight: bold;
}
.right-column p{
text-transform: uppercase;
color: #223755;
}
.contact-button{
background-color: #223755;
border: none;
color: white;
padding: 12px 24px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
border-radius: 5px;
}
.contact-button:focus, .contact-button:hover{
background-color: #121d2d;
}
/* Clear floats */
.contact-container:after {
content: "";
display: table;
clear: both;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.left-column {
width: 100%;
}
.right-column {
width: 100%;
} }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.left-column {
width: 100%;
}
.right-column {
width: 100%;
} }
@media only screen and (min-width: 544px) and (max-width: 767px) {
.left-column {
width: 100%;
}
.right-column {
width: 100%;
}
.left-column img {
height: auto;
} }
@media only screen and (max-width: 543px) {
.left-column {
width: 100%;
}
.right-column {
width: 100%;
}
.left-column img {
height: auto;
} }
.overlay-description2 {
margin-top: 300px;
padding: 25px;
position: absolute;
z-index: 2;
width: 35%;
text-align: left;
}
.overlay-description2 h2{
color: white;
text-transform: uppercase;
font-size: 46px;
}
.overlay-description2 p{
color: white;
font-size: 24px;
}
.mini-logo1{
height: 150px;
width: 150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.overlay-description2 {
width: 80%;
}
.mini-logo1{
height: 145px;
width: 145px;
} }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.overlay-description2 {
width: 80%;
}
.overlay-description2 h2{
font-size: 22px;
}
.mini-logo1{
height: 125px;
width: 125px;
} }
@media only screen and (min-width: 544px) and (max-width: 767px) {
.overlay-description2 {
width: 80%;
margin-top: 10px;
}
.overlay-description2 h2{
font-size: 16px;
}
.overlay-description2 p{
font-size: 14px;
}
.mini-logo1{
height: 75px;
width: 75px;
}
}
@media only screen and (max-width: 543px) {
.overlay-description2 {
width: 80%;
margin-top: 10px;
}
.overlay-description2 h2{
font-size: 16px;
}
.overlay-description2 p{
font-size: 14px;
}
.mini-logo1{
height: 75px;
width: 75px;
}
}
.faq_tab {
position: relative;
max-width: 100%;
}
/* (B) HIDE CHECKBOX */
.faq_tab input { display: none; }
.faq_title{
padding: 20px;
font-weight: bold;
}
/* (C) TAB LABEL */
.faq_tab label {
display: block;
margin-top: 10px;
padding: 10px;
color: #fff;
font-weight: bold;
background: #223755;
cursor: pointer;
}
.faq_tab p{
font-size: 16px;
color: #000;
}
/* (D) TAB CONTENT */
.faq_tab .faq_tab-content {
background: #ddd;
/* CSS ANIMATION WILL NOT WORK WITH AUTO HEIGHT */
/* THIS IS WHY WE USE MAX-HEIGHT INSTEAD */
overflow: hidden;
transition: max-height 0.3s;
max-height: 0;
}
.faq_tab .faq_tab-content p { padding: 10px; }
/* (E) OPEN TAB ON CHECKED */
.faq_tab input:checked ~ .faq_tab-content { max-height: 100vh; }
/* (F) EXTRA - ADD ARROW INDICATOR */
.faq_tab label::after {
position: absolute;
right: 10px;
top: 10px;
display: block;
transition: all 0.4s;
}
.faq_tab input:checked ~ label::after { transform: rotate(90deg); }
.terms-title{
color: black;
font-size: 20px;
}
.terms-p{
padding: 5px 20px 5px 20px;
}
/*.proj-img img {
filter: gray;
-webkit-filter: grayscale(1);
-webkit-transition: all .4s ease-in-out;
}
.proj-img img:hover {
filter: none;
-webkit-filter: grayscale(0);
border-style: solid;
border-width: 10px;
border-image: linear-gradient(45deg, rgb(255,180,65), rgb(250,255,249)) 1;
}*/
.img-border{
position: relative;
display: inline-block;
width: 100%;
}
.img-border img{
padding: 10px;
filter: gray;
-webkit-filter: grayscale(1);
-webkit-transition: all 1.2s ease-in-out;
}
.img-border img:hover{
filter: none;
-webkit-filter: grayscale(0);
}
.img-border .span1:before{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 10px;
background-color: transparent;
margin: 0 auto;
}
.img-border .span1:after{
content: '';
position: absolute;
top: 0;
right: 0;
width: 10px;
height: 100%;
background-color: transparent;
margin: 0 auto;
}
.img-border .span2:before{
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 10px;
background-color: transparent;
margin: 0 auto;
}
.img-border .span2:after{
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 10px;
height: 100%;
background-color: transparent;
margin: 0 auto;
}
.img-border:hover .span1:before{
animation: border-top 0.3s linear;
transform-origin: left;
background-image: linear-gradient(45deg,#fff, rgb(255,180,65));
}
@keyframes border-top{
0%{
transform: scaleX(0);
}
}
.img-border:hover .span1:after{
animation: border-right 0.6s linear;
transform-origin: top;
background-image: linear-gradient(rgb(255,180,65), #fff);
}
@keyframes border-right{
0%, 50%{
transform: scaleY(0);
}
}
.img-border:hover .span2:before{
animation: border-bottom 0.9s linear;
transform-origin: right;
background-image: linear-gradient(-45deg,#fff, rgb(255,180,65));
}
@keyframes border-bottom{
0%, 75%{
transform: scaleX(0);
}
}
.img-border:hover .span2:after{
animation: border-left 1.2s linear;
transform-origin: bottom;
background-image: linear-gradient(#fff, rgb(255,180,65));
}
@keyframes border-left{
0%, 80%{
transform: scaleY(0);
}
}
.image-background {
height: 100%;
width: 100%;
background-image: url("img/bg-img/about-img.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.image-background {
height: 100%;
} }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.image-background {
height: 100%;
} }
@media only screen and (min-width: 544px) and (max-width: 767px) {
.image-background {
height: 100%;
} }
@media only screen and (max-width: 543px) {
.image-background {
height: 100%;
} }
.overlay-text{
height: 350px;
background-color: rgba(34, 55, 85 , 0.6);
}
.overlay-text h2{
color: #ffb441;
font-size: 30px;
}
.overlay-text b{
color: #ffb441;
}
.overlay-text p{
color: white;
font-size: 16px;
}
.overlay-text hr{
border: .5px solid white;
}
.overlay-text1 h2{
color: #ffb441;
font-size: 30px;
}
.overlay-text1 b{
color: #ffb441;
}
.overlay-text1 p{
color: white;
font-size: 16px;
}
.overlay-text1 hr{
border: .5px solid white;
}
.col-box-size{
padding: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.overlay-text{
padding: 10px;
height: 100%;
} }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.overlay-text{
padding: 10px;
height: 100%;
} }
@media only screen and (min-width: 544px) and (max-width: 767px) {
.overlay-text{
padding: 10px;
height: 100%;
} }
@media only screen and (max-width: 543px) {
.overlay-text{
padding: 10px;
height: 100%;
} }
#bg {
position: fixed;
top: 0;
left: 0;
/* Preserve aspet ratio */
min-width: 100%;
min-height: 100%;
}
#bg-news {
position: fixed;
top: 0;
left: 0;
/* Preserve aspet ratio */
min-width: 100%;
min-height: 100%;
}
/*.contact-details .form-group input, select{
border: solid 1px #fff;
border-radius: 4px;
color: #fff;
}
.option-control {
color: #fff;
}
.contact-details ::placeholder {
color: #FFFFFF;
opacity: 1;}
.contact-details :-ms-input-placeholder {
color: #FFFFFF;
}
.contact-details ::-ms-input-placeholder {
color: #FFFFFF;
}*/
/*# sourceMappingURL=style.css.map */