Created
June 19, 2017 18:03
-
-
Save sohelrana820/c00f171fecdc25e54f05d2016fafa8b8 to your computer and use it in GitHub Desktop.
Enable Sticky Header of Real Estate Template
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$(function () { | |
'use strict'; | |
// Showing page loader | |
$(window).load(function () { | |
setTimeout(function () { | |
$(".page_loader").fadeOut("fast"); | |
}, 100) | |
}); | |
// WOW animation library initialization | |
var wow = new WOW( | |
{ | |
animateClass: 'animated', | |
offset: 100, | |
mobile: false | |
} | |
); | |
wow.init(); | |
// Banner slider | |
(function ($) { | |
//Function to animate slider captions | |
function doAnimations(elems) { | |
//Cache the animationend event in a variable | |
var animEndEv = 'webkitAnimationEnd animationend'; | |
elems.each(function () { | |
var $this = $(this), | |
$animationType = $this.data('animation'); | |
$this.addClass($animationType).one(animEndEv, function () { | |
$this.removeClass($animationType); | |
}); | |
}); | |
} | |
//Variables on page load | |
var $myCarousel = $('#carousel-example-generic') | |
var $firstAnimatingElems = $myCarousel.find('.item:first').find("[data-animation ^= 'animated']"); | |
//Initialize carousel | |
$myCarousel.carousel(); | |
//Animate captions in first slide on page load | |
doAnimations($firstAnimatingElems); | |
//Pause carousel | |
$myCarousel.carousel('pause'); | |
//Other slides to be animated on carousel slide event | |
$myCarousel.on('slide.bs.carousel', function (e) { | |
var $animatingElems = $(e.relatedTarget).find("[data-animation ^= 'animated']"); | |
doAnimations($animatingElems); | |
}); | |
$('#carousel-example-generic').carousel({ | |
interval: 3000, | |
pause: "false" | |
}); | |
})(jQuery); | |
// Page scroller initialization. | |
$.scrollUp({ | |
scrollName: 'page_scroller', | |
scrollDistance: 300, | |
scrollFrom: 'top', | |
scrollSpeed: 500, | |
easingType: 'linear', | |
animation: 'fade', | |
animationSpeed: 200, | |
scrollTrigger: false, | |
scrollTarget: false, | |
scrollText: '<i class="fa fa-chevron-up"></i>', | |
scrollTitle: false, | |
scrollImg: false, | |
activeOverlay: false, | |
zIndex: 2147483647 | |
}); | |
// Counter | |
function isCounterElementVisible($elementToBeChecked) { | |
var TopView = $(window).scrollTop(); | |
var BotView = TopView + $(window).height(); | |
var TopElement = $elementToBeChecked.offset().top; | |
var BotElement = TopElement + $elementToBeChecked.height(); | |
return ((BotElement <= BotView) && (TopElement >= TopView)); | |
} | |
$(window).scroll(function () { | |
$(".counter").each(function () { | |
var isOnView = isCounterElementVisible($(this)); | |
if (isOnView && !$(this).hasClass('Starting')) { | |
$(this).addClass('Starting'); | |
$(this).prop('Counter', 0).animate({ | |
Counter: $(this).text() | |
}, { | |
duration: 3000, | |
easing: 'swing', | |
step: function (now) { | |
$(this).text(Math.ceil(now)); | |
} | |
}); | |
} | |
}); | |
}); | |
// Range sliders initialization | |
$(".range-slider-ui").each(function () { | |
var minValue = $(this).attr('data-min'); | |
var maxValue = $(this).attr('data-max'); | |
var unit = $(this).attr('data-unit'); | |
$(this).append("<input type='text' class='min-value' disabled/><input type='text' class='max-value' disabled/>"); | |
$(this).slider({ | |
range: true, | |
min: minValue, | |
max: maxValue, | |
values: [minValue, maxValue], | |
slide: function (event, ui) { | |
event = event; | |
$(this).children(".min-value").val(ui.values[0].toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,") + " " + unit); | |
$(this).children(".max-value").val(ui.values[1].toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,") + " " + unit); | |
} | |
}); | |
$(this).children(".min-value").val($(this).slider("values", 0).toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,") + " " + unit); | |
$(this).children(".max-value").val($(this).slider("values", 1).toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,") + " " + unit); | |
}); | |
// Select picket | |
$('.selectpicker').selectpicker(); | |
// Search option's icon toggle | |
$('.search-options-btn').click(function () { | |
$('.search-contents').toggleClass('show-search-area'); | |
$('.search-options-btn .fa').toggleClass('fa-chevron-down'); | |
}); | |
// Carousel with partner initialization | |
(function () { | |
$('#ourPartners').carousel({interval: 3600}); | |
}()); | |
(function () { | |
$('.our-partners .item').each(function () { | |
var itemToClone = $(this); | |
for (var i = 1; i < 4; i++) { | |
itemToClone = itemToClone.next(); | |
if (!itemToClone.length) { | |
itemToClone = $(this).siblings(':first'); | |
} | |
itemToClone.children(':first-child').clone() | |
.addClass("cloneditem-" + (i)) | |
.appendTo($(this)); | |
} | |
}); | |
}()); | |
// Background video playing script | |
$(document).ready(function () { | |
$(".player").mb_YTPlayer(); | |
}); | |
// Multilevel menuus | |
$('[data-submenu]').submenupicker(); | |
// Expending/Collapsing advance search content | |
$('.show-more-options').click(function () { | |
if ($(this).find('.fa').hasClass('fa-minus-circle')) { | |
$(this).find('.fa').removeClass('fa-minus-circle'); | |
$(this).find('.fa').addClass('fa-plus-circle'); | |
} else { | |
$(this).find('.fa').removeClass('fa-plus-circle'); | |
$(this).find('.fa').addClass('fa-minus-circle'); | |
} | |
}); | |
var videoWidth = $('.sidebar-widget').width(); | |
var videoHeight = videoWidth * .61; | |
$('.sidebar-widget iframe').css('height', videoHeight); | |
// Dropzone initialization | |
Dropzone.autoDiscover = false; | |
$(function () { | |
$("div#myDropZone").dropzone({ | |
url: "/file-upload" | |
}); | |
}); | |
// Filterizr initialization | |
$(function () { | |
$('.filtr-container').filterizr(); | |
}); | |
function toggleChevron(e) { | |
$(e.target) | |
.prev('.panel-heading') | |
.find(".fa") | |
.toggleClass('fa-minus fa-plus'); | |
} | |
$('.panel-group').on('shown.bs.collapse', toggleChevron); | |
$('.panel-group').on('hidden.bs.collapse', toggleChevron); | |
}); | |
// mCustomScrollbar initialization | |
(function ($) { | |
$(window).resize(function () { | |
$('#map').css('height', $(this).height() - 110); | |
if ($(this).width() > 768) { | |
$(".map-content-sidebar").mCustomScrollbar( | |
{theme: "minimal-dark"} | |
); | |
$('.map-content-sidebar').css('height', $(this).height() - 110); | |
} else { | |
$('.map-content-sidebar').mCustomScrollbar("destroy"); //destroy scrollbar | |
$('.map-content-sidebar').css('height', '100%'); | |
} | |
}).trigger("resize"); | |
})(jQuery); | |
$(window).scroll(function(){ | |
if ($(window).scrollTop() >= 1) { | |
$('.main-header').addClass('fixed-header'); | |
} | |
else { | |
$('.main-header').removeClass('fixed-header'); | |
} | |
}); | |
/* scrollTop() >= 240 | |
Should be equal the the height of the header | |
*/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*------------------------------------------------------------------ | |
[Main Stylesheet] | |
Project: Real House | |
Version: 1.1.0 | |
-------------------------------------------------------------------*/ | |
/*------------------------------------------------------------------ | |
[Table of contents] | |
1. Top Header / .top-header | |
2. Main Header / .main-header | |
3. Home Page Banner (Main Home) / .banner | |
4. Banner Search Box / .search-area | |
5. Recent Properties / .recent-properties | |
6. Articles Tips / .articles-tips | |
7. Application Counter / .counters | |
8. Partner / .partners-block | |
9. Testimonials / .testimonial-section | |
10. Map Content /.map-content | |
11. Map Content Sidebar /.map-content-sidebar | |
12. Single Page Banner / .sub-banner | |
13. Properties List View / .listing-properties-box | |
14. Properties Grid View / .recent-properties-box | |
15. Single Property Details / .properties-details-page | |
16. Listing Page Sidebar /.sidebar | |
17. Pricing Table /.pricing-container | |
18. Agent Contact Form /.agent-widget | |
19. Properties Comments /.properties-comments | |
20. Help Center /.helping-center | |
21. Specifications /.specifications | |
22. My Profile /.my-profile | |
23. My Properties Box /.my-properties-box | |
24. Submit Property /.submit-property | |
25. Blog /.blog-body | |
26. Contact Form /.contact-form | |
27. Signup/Login Wrapper /.form-content-box | |
28. Pagination /.pagination | |
29. Main Footer / .main-footer | |
30. Sub Footer / .sub-footer | |
-------------------------------------------------------------------*/ | |
/** GLOBAL CLASSES **/ | |
html, body { | |
height: 100%; | |
} | |
body { | |
font-family: 'Open Sans', sans-serif; | |
} | |
a { | |
cursor: pointer; | |
color: #555; | |
} | |
a:hover { | |
text-decoration: none; | |
} | |
.delay-02s { | |
animation-delay: 0.2s; | |
-webkit-animation-delay: 0.2s | |
} | |
.delay-03s { | |
animation-delay: 0.3s; | |
-webkit-animation-delay: 0.3s | |
} | |
.delay-04s { | |
animation-delay: 0.4s; | |
-webkit-animation-delay: 0.4s | |
} | |
.delay-05s { | |
animation-delay: 0.5s; | |
-webkit-animation-delay: 0.5s | |
} | |
.delay-06s { | |
animation-delay: 0.6s; | |
-webkit-animation-delay: 0.6s | |
} | |
.delay-07s { | |
animation-delay: 0.7s; | |
-webkit-animation-delay: 0.7s | |
} | |
.delay-08s { | |
animation-delay: 0.8s; | |
-webkit-animation-delay: 0.8s | |
} | |
.delay-09s { | |
animation-delay: 0.9s; | |
-webkit-animation-delay: 0.9s | |
} | |
.delay-1s { | |
animation-delay: 1s; | |
-webkit-animation-delay: 1s | |
} | |
.delay-12s { | |
animation-delay: 1.2s; | |
-webkit-animation-delay: 1.2s | |
} | |
#page_scroller { | |
-webkit-animation-duration: 1s; | |
animation-duration: 1s; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-name: fadeInRight; | |
animation-name: fadeInRight; | |
animation-delay: 0.3s; | |
-webkit-animation-delay: 0.3s; | |
cursor: pointer; | |
color: #FFF; | |
padding: 10px 11px; | |
font-size: 12px; | |
position: fixed; | |
bottom: 25px; | |
right: 25px; | |
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2); | |
border-radius: 3px; | |
} | |
.margin-t-10 { | |
margin-top: 10px; | |
} | |
.checkbox { | |
padding-left: 20px; | |
margin: 15px 0px; | |
} | |
.checkbox label { | |
display: inline-block; | |
position: relative; | |
padding-left: 15px; | |
color: #7B7B7B; | |
font-size: 13px; | |
} | |
.checkbox label::before { | |
content: ""; | |
display: inline-block; | |
position: absolute; | |
width: 20px; | |
height: 20px; | |
left: 0; | |
margin-left: -20px; | |
border: 1px solid #cccccc; | |
border-radius: 0px; | |
background-color: #fff; | |
-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; | |
-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; | |
transition: border 0.15s ease-in-out, color 0.15s ease-in-out; | |
} | |
.checkbox-theme input[type="checkbox"]:checked + label::before { | |
background-color: #fff; | |
} | |
input[type=checkbox]:checked + label:before { | |
display: inline-block; | |
font: normal normal normal 14px/1 FontAwesome; | |
font-size: inherit; | |
text-rendering: auto; | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
content: "\f00c"; | |
text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); | |
font-size: 14px; | |
text-align: center; | |
line-height: 16px; | |
font-weight: 300; | |
} | |
/* Solid Buttons Structure**/ | |
.button-sm { | |
cursor: pointer; | |
padding: 7px 12px; | |
letter-spacing: 1px; | |
font-size: 11px; | |
font-weight: 600; | |
text-transform: uppercase; | |
color: #555; | |
background: #DDD; | |
transition: .5s; | |
border-radius: 2px; | |
border: none; | |
} | |
.button-sm:hover { | |
color: #333; | |
text-decoration: none; | |
} | |
.button-md { | |
cursor: pointer; | |
padding: 14px 26px; | |
letter-spacing: 1px; | |
font-size: 13px; | |
font-weight: 600; | |
text-transform: uppercase; | |
color: #555; | |
background: #DDD; | |
transition: .5s; | |
border-radius: 2px; | |
border: none; | |
} | |
.button-md:hover { | |
color: #333; | |
text-decoration: none; | |
} | |
.button-lg { | |
cursor: pointer; | |
padding: 18px 30px; | |
letter-spacing: 1px; | |
font-size: 18px; | |
font-weight: 600; | |
text-transform: uppercase; | |
color: #555; | |
background: #DDD; | |
transition: .5s; | |
border-radius: 2px; | |
border: none; | |
} | |
.button-lg:hover { | |
color: #333; | |
text-decoration: none; | |
} | |
/** Solid Buttons Colors **/ | |
.button-default { | |
color: #555; | |
background: #DDD; | |
} | |
.button-default:hover { | |
color: #333; | |
background: #DDD; | |
} | |
.button-theme { | |
color: #FFF; | |
} | |
.button-theme:hover { | |
color: #fff; | |
} | |
/** Border Buttons Colors **/ | |
.border-button-sm { | |
cursor: pointer; | |
padding: 5px 12px; | |
letter-spacing: 1px; | |
font-size: 11px; | |
font-weight: 600; | |
text-transform: uppercase; | |
color: #555; | |
background: #DDD; | |
transition: .5s; | |
border-radius: 2px; | |
border: none; | |
} | |
.border-button-default { | |
color: #555; | |
background: #DDD; | |
} | |
.border-button-default:hover { | |
color: #333; | |
background: #DDD; | |
} | |
.border-button-theme { | |
background: transparent; | |
} | |
.border-button-theme:hover { | |
color: #fff; | |
} | |
.button-section a { | |
margin: 0px 5px 5px; | |
} | |
.alert { | |
text-transform: uppercase; | |
font-size: 11px; | |
border-radius: 0px; | |
} | |
.panel-title { | |
text-transform: uppercase; | |
font-size: 14px; | |
font-weight: 600; | |
} | |
/** TABS **/ | |
.theme-tabs .nav-tabs { | |
border-bottom: 2px solid #DDD; | |
} | |
.nav-tabs > li.active > a, | |
.theme-tabs .nav-tabs > li.active > a:focus, | |
.theme-tabs .nav-tabs > li.active > a:hover { | |
border-width: 0; | |
} | |
.theme-tabs .nav-tabs > li > a { | |
border: none; | |
color: #ffffff; | |
} | |
.theme-tabs .nav-tabs > li.active > a, | |
.theme-tabs .nav-tabs > li > a:hover { | |
border: none; | |
background: #fff; | |
} | |
.theme-tabs .nav-tabs > li > a::after { | |
content: ""; | |
height: 2px; | |
position: absolute; | |
width: 100%; | |
left: 0px; | |
bottom: -1px; | |
transition: all 250ms ease 0s; | |
transform: scale(0); | |
} | |
.theme-tabs .nav-tabs > li.active > a::after, | |
.theme-tabs .nav-tabs > li:hover > a::after { | |
transform: scale(1); | |
} | |
.theme-tabs .tab-nav > li > a::after { | |
color: #fff; | |
} | |
.theme-tabs .tab-pane { | |
padding: 15px 0; | |
} | |
.theme-tabs .tab-content { | |
padding: 20px | |
} | |
.theme-tabs .nav-tabs > li { | |
width: 20%; | |
text-align: center; | |
} | |
.theme-tabs { | |
background: #FFF none repeat scroll 0% 0%; | |
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); | |
margin-bottom: 30px; | |
} | |
@media all and (max-width: 724px) { | |
.theme-tabs .nav-tabs > li > a > span { | |
display: none; | |
} | |
.theme-tabs .nav-tabs > li > a { | |
padding: 5px 5px; | |
} | |
} | |
/* Tabs panel */ | |
.tab-style-2 { | |
border: 1px solid #eee; | |
padding: 10px; | |
margin-bottom: 20px; | |
} | |
/* Default mode */ | |
.tab-style-2-line > .nav-tabs { | |
border: none; | |
margin: 0px; | |
} | |
.tab-style-2-line > .nav-tabs > li { | |
margin-right: 2px; | |
} | |
.tab-style-2-line > .nav-tabs > li > a { | |
border: 0; | |
margin-right: 0; | |
color: #737373; | |
} | |
.tab-style-2-line > .nav-tabs > li > a > i { | |
color: #a6a6a6; | |
} | |
.tab-style-2-line > .nav-tabs > li.open, .tab-style-2-line > .nav-tabs > li:hover { | |
border-bottom: 4px solid #b2b1b1; | |
} | |
.tab-style-2-line > .nav-tabs > li.open > a, .tab-style-2-line > .nav-tabs > li:hover > a { | |
border: 0; | |
background: none !important; | |
color: #333333; | |
} | |
.tab-style-2-line > .nav-tabs > li.open > a > i, .tab-style-2-line > .nav-tabs > li:hover > a > i { | |
color: #a6a6a6; | |
} | |
.tab-style-2-line > .nav-tabs > li.open .dropdown-menu, .tab-style-2-line > .nav-tabs > li:hover .dropdown-menu { | |
margin-top: 0px; | |
} | |
.tab-style-2-line > .nav-tabs > li.active { | |
border-bottom: 4px solid #b2b1b1; | |
position: relative; | |
} | |
.tab-style-2-line > .nav-tabs > li.active > a { | |
border: 0; | |
color: #333333; | |
background: transparent !important; | |
} | |
.tab-style-2-line > .nav-tabs > li.active > a > i { | |
color: #404040; | |
} | |
.tab-style-2-line > .tab-content { | |
margin-top: -3px; | |
background-color: transparent !important; | |
border: 0; | |
border-top: 1px solid #eee; | |
padding: 15px 0; | |
} | |
.portlet .tab-style-2-line > .tab-content { | |
padding-bottom: 0; | |
} | |
/* Below tabs mode */ | |
.tab-style-2-line.tabs-below > .nav-tabs > li { | |
border-top: 4px solid transparent; | |
} | |
.tab-style-2-line.tabs-below > .nav-tabs > li > a { | |
margin-top: 0; | |
} | |
.tab-style-2-line.tabs-below > .nav-tabs > li:hover { | |
border-bottom: 0; | |
border-top: 4px solid #b2b1b1; | |
} | |
.tab-style-2-line.tabs-below > .nav-tabs > li.active { | |
margin-bottom: -2px; | |
border-bottom: 0; | |
border-top: 4px solid #b2b1b1; | |
} | |
.tab-style-2-line.tabs-below > .tab-content { | |
margin-top: -10px; | |
border-top: 0; | |
border-bottom: 1px solid #eee; | |
padding-bottom: 15px; | |
} | |
/** TOP HEADER AREA START **/ | |
.top-header { | |
background-color: #171C26; | |
} | |
.top-header .list-inline { | |
padding: 10px 0px; | |
} | |
.list-inline a { | |
text-decoration: none; | |
color: #aaa; | |
margin-right: 15px; | |
font-size: 11px; | |
} | |
.list-inline a i { | |
margin-right: 5px; | |
} | |
.top-header ul { | |
margin: 0px; | |
padding: 0px; | |
} | |
.top-header ul li { | |
padding: 0px 5px; | |
height: 40px; | |
display: inline-block; | |
text-align: center; | |
line-height: 40px; | |
color: #aaa; | |
} | |
.top-header ul li a { | |
text-decoration: none; | |
color: #aaa; | |
} | |
.top-header ul li a:hover { | |
color: #6e6e6f; | |
} | |
.top-header .sign-in, .top-header .sign-in:hover { | |
color: #fff; | |
text-decoration: none; | |
line-height: 36px; | |
margin-left: 20px; | |
font-size: 11px; | |
border-radius: 2px; | |
text-transform: uppercase; | |
font-weight: 600; | |
} | |
/** MAIN HEADER AREA START **/ | |
.main-header { | |
width: 100%; | |
position:fixed !important; | |
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); | |
background: #fff; | |
z-index: 10; | |
} | |
.fixed-header { | |
position: fixed; | |
top:0; left:0; | |
width: 100%; | |
box-shadow: none; | |
border-bottom: 1px solid #ddd; | |
} | |
.navbar-default { | |
background: none; | |
border: none; | |
margin-bottom: 0px; | |
border-radius: 0px; | |
} | |
.logo { | |
padding: 14px 0px; | |
float: left; | |
margin-right: 50px; | |
} | |
.logo img { | |
height: 50px; | |
} | |
.main-header .navbar-default .nav > li > a { | |
position: relative; | |
display: block; | |
padding: 25px 20px 26px; | |
font-size: 14px; | |
line-height: 27px; | |
font-weight: 500; | |
letter-spacing: 1px; | |
/* text-transform: uppercase; */ | |
color: #686868; | |
outline: none; | |
cursor: pointer; | |
} | |
.navbar-nav > li { | |
z-index: 9999; | |
} | |
.main-header .navbar-default .nav > li > a:hover { | |
background: #eee; | |
} | |
.dropdown-menu > li > a { | |
display: block; | |
padding: 15px 15px; | |
clear: both; | |
font-weight: normal; | |
line-height: 1.42857143; | |
color: #686868; | |
font-size: 12px; | |
white-space: nowrap; | |
border-bottom: solid 1px #dddddd; | |
cursor: pointer !important; | |
outline: none; | |
} | |
.dropdown-menu > li:last-child > a { | |
border-bottom: none; | |
} | |
.dropdown-menu .open > a, .dropdown-menu .open > a:focus, .dropdown-menu .open > a:hover { | |
background-color: #eee; | |
border-bottom: 1px solid #dddddd; | |
} | |
.navbar-nav .dropdown-menu { | |
border: none; | |
padding-top: 0px; | |
padding-bottom: 0px; | |
border-radius: 0px; | |
margin-top: 10px; | |
min-width: 200px; | |
} | |
.open > .dropdown-menu { | |
-webkit-transform: scale(1, 1); | |
transform: scale(1, 1); | |
opacity: 1; | |
} | |
.caret-up { | |
width: 0; | |
height: 0; | |
border-left: 4px solid rgba(0, 0, 0, 0); | |
border-right: 4px solid rgba(0, 0, 0, 0); | |
border-bottom: 4px solid; | |
display: inline-block; | |
margin-left: 2px; | |
vertical-align: middle; | |
} | |
.navbar-default .navbar-nav > .active > a, | |
.navbar-default .navbar-nav > .active > a:focus, | |
.navbar-default .navbar-nav > .active > a:hover { | |
color: #555 !important; | |
background-color: #eee !important; | |
} | |
.navbar-default .navbar-nav > .open > a, | |
.navbar-default .navbar-nav > .open > a:focus, | |
.navbar-default .navbar-nav > .open > a:hover { | |
color: #686868; | |
} | |
.rightside-navbar { | |
padding: 20px 0px; | |
} | |
.rightside-navbar li a { | |
padding: 3px 10px !important; | |
} | |
.rightside-navbar li .button { | |
padding: 3px 10px !important; | |
border-radius: 3px; | |
} | |
.rightside-navbar li .button:hover { | |
color: #fff !important; | |
} | |
/** BANNER AREA START **/ | |
.banner { | |
position: relative; | |
} | |
.banner .carousel-inner { | |
} | |
.banner_video_bg { | |
max-height: 700px; | |
} | |
.pattern-overlay { | |
background-color: rgba(0, 0, 0, 0.35); | |
min-height: 496px; | |
} | |
#wrapper_mbYTP_bgndVideo { | |
z-index: -999 !important; | |
} | |
.banner .item { | |
height: 700px; | |
} | |
.banner .item img { | |
height: 100%; | |
width: 100%; | |
} | |
.carousel-control { | |
width: 0px; | |
} | |
.carousel-control.left { | |
background: none; | |
} | |
.carousel-control.right { | |
background: none; | |
} | |
.slider-mover-left { | |
width: 50px; | |
height: 50px; | |
line-height: 42px; | |
position: absolute; | |
top: 45%; | |
z-index: 5; | |
display: inline-block; | |
border-radius: 50%; | |
left: 20px; | |
border: solid 2px #1B1410; | |
box-shadow: 0 0 black; | |
} | |
.slider-mover-left img { | |
width: 25px; | |
} | |
.slider-mover-right { | |
width: 50px; | |
height: 50px; | |
line-height: 42px; | |
border-radius: 50%; | |
position: absolute; | |
top: 45%; | |
z-index: 5; | |
display: inline-block; | |
right: 20px; | |
border: solid 2px #1B1410; | |
} | |
.slider-mover-right img { | |
width: 25px; | |
} | |
.banner .banner-slider-inner { | |
top: 100px; | |
display: inline-block; | |
text-shadow: none; | |
} | |
.banner .banner-slider-inner h1 { | |
color: #FFF; | |
margin-bottom: 20px; | |
font-size: 50px; | |
font-weight: 900; | |
text-transform: uppercase; | |
text-shadow: 1px 1px 0 rgba(0, 0, 0, .75); | |
} | |
.banner .banner-slider-inner h1 span { | |
letter-spacing: 2px; | |
font-weight: 100; | |
} | |
.banner .banner-slider-inner h2 { | |
color: #FFF; | |
margin-bottom: 20px; | |
font-size: 36px; | |
font-weight: 900; | |
text-transform: uppercase; | |
text-shadow: 1px 1px 0 rgba(0, 0, 0, .75); | |
} | |
.banner .banner-slider-inner h2 span { | |
letter-spacing: 2px; | |
font-weight: 100; | |
} | |
.banner-slider-inner p { | |
font-size: 16px; | |
font-weight: 300; | |
margin-bottom: 25px; | |
letter-spacing: 1px; | |
} | |
.b-text-l { | |
text-align: left; | |
right: 20%; | |
} | |
.pad-top { | |
padding-top: 0px !important; | |
} | |
/** BANNER DETAIL BOX AREA START **/ | |
.banner-detail-box { | |
bottom: 200px; | |
left: 15px; | |
z-index: 2; | |
} | |
.banner-detail-box .white-box { | |
min-height: 200px; | |
float: left; | |
padding: 30px; | |
background: #FFF; | |
width: 260px; | |
padding-bottom: 20px; | |
z-index: 3; | |
text-align: left; | |
} | |
.banner-detail-box .red-box { | |
width: 190px; | |
min-height: 200px; | |
padding: 38px; | |
color: #fff; | |
float: left; | |
margin-left: -2px; | |
text-align: left; | |
} | |
.banner-detail-box .red-box ul { | |
margin: 0px; | |
padding: 0px; | |
} | |
.banner-detail-box .red-box ul li { | |
list-style: none; | |
margin-bottom: 19px; | |
} | |
.banner-detail-box .red-box ul li:last-child { | |
margin-bottom: 0px; | |
} | |
.banner-detail-box .red-box ul li i { | |
margin-right: 15px; | |
} | |
.banner-detail-box .white-box h2 { | |
font-size: 22px; | |
font-weight: 600; | |
color: #000; | |
text-transform: uppercase; | |
line-height: 31px; | |
margin: 0 0 16px; | |
} | |
.banner-detail-box .white-box .slide-price { | |
font-size: 25px; | |
font-weight: 600; | |
} | |
.banner-detail-box .white-box .slide-location { | |
position: relative; | |
padding-bottom: 15px; | |
margin: 0px 0px 15px; | |
display: inline-block; | |
color: #7a7f80; | |
width: 100%; | |
} | |
.banner-detail-box .white-box .slide-location i { | |
margin-right: 20px; | |
} | |
.banner-detail-box .white-box .slide-location::before { | |
content: ""; | |
width: 100%; | |
height: 1px; | |
background-color: #e1e1e1; | |
position: absolute; | |
bottom: 0px; | |
left: 0px; | |
} | |
.banner-detail-box .white-box .slide-location::after { | |
content: ""; | |
width: 70px; | |
height: 2px; | |
left: 0px; | |
bottom: -1px; | |
position: absolute; | |
} | |
/** SEARCH AREA **/ | |
.search-area { | |
position: absolute; | |
width: 60%; | |
left: 20%; | |
bottom: 80px; | |
text-align: left; | |
z-index: 999; | |
} | |
.search-area-inner { | |
margin: 0px auto; | |
} | |
.search-contents { | |
display: none; | |
background: #FFF; | |
border: 1px solid #EEE; | |
padding: 30px 30px 0px; | |
border-radius: 4px; | |
transition: 0.9s ease-out; | |
} | |
.show-search-area { | |
z-index: 9999; | |
transition: all 0.4s; | |
display: block; | |
} | |
.search-options-btn, .search-options-btn:hover { | |
position: absolute; | |
bottom: -80px; | |
color: #FFF; | |
text-decoration: none; | |
padding: 15px 25px; | |
font-size: 16px; | |
font-weight: 600; | |
border-top-right-radius: 5px; | |
border-top-left-radius: 5px; | |
cursor: pointer; | |
z-index: -1; | |
} | |
.search-area label { | |
font-size: 12px; | |
color: #555; | |
font-weight: 600; | |
} | |
.search-area .form-group { | |
margin-bottom: 25px; | |
} | |
.search-fields { | |
min-height: 40px; | |
padding: 3px 0px !important; | |
border-radius: 1px; | |
box-shadow: none; | |
border: 1px solid #e0e0e0; | |
background: #fcfcfc !important; | |
} | |
.form-control { | |
padding-left: 15px !important; | |
} | |
.search-fields button { | |
border-radius: 1px; | |
box-shadow: none; | |
border: none !important; | |
background: #fcfcfc !important; | |
} | |
.search-button { | |
cursor: pointer; | |
padding: 11px 26px; | |
letter-spacing: 1px; | |
font-size: 13px; | |
font-weight: 600; | |
text-transform: uppercase; | |
color: #FFF; | |
transition: .5s; | |
border-radius: 2px; | |
border: none; | |
width: 100%; | |
} | |
.search-button:hover { | |
color: #fff; | |
} | |
/** BOOTSTRAP SELECT START **/ | |
.bootstrap-select { | |
width: 100% !important; | |
font-family: 'Roboto', sans-serif !important;; | |
} | |
.bootstrap-select button { | |
color: #999; | |
border-radius: 2px; | |
outline: none; | |
} | |
.bootstrap-select .dropdown-menu li { | |
padding: 0px; | |
} | |
.bootstrap-select .dropdown-menu li a { | |
padding: 10px; | |
} | |
.bootstrap-select .dropdown-menu { | |
padding: 0px !important; | |
margin: 0px 0px !important; | |
border: 1px solid #e0e0e0; | |
box-shadow: none !important; | |
border-radius: 0px !important; | |
} | |
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { | |
margin-top: 12px; | |
} | |
.bootstrap-select .dropdown-menu li a { | |
padding: 10px; | |
font-weight: 500; | |
font-size: 12px; | |
outline: none; | |
border: 0px !important; | |
} | |
.bootstrap-select .dropdown-menu li a:hover { | |
border: none; | |
color: #FFF; | |
font-size: 12px; | |
font-weight: 500; | |
} | |
.bootstrap-select .btn-default.active, | |
.bootstrap-select .btn-default:active, | |
.bootstrap-select .open > .dropdown-toggle.btn-default { | |
color: #333; | |
background-color: #eee; | |
border-color: transparent !important; | |
box-shadow: none !important; | |
} | |
.bootstrap-select .btn-default:hover { | |
background: transparent !important; | |
color: #777 !important; | |
box-shadow: none !important; | |
} | |
.bootstrap-select .btn-default.active, | |
.bootstrap-select .btn-default:active, | |
.bootstrap-select .open > .dropdown-toggle.btn-default { | |
color: #333; | |
background-color: transparent; | |
!important; | |
border-color: #adadad; | |
} | |
.btn-default.active, | |
.btn-default:active, | |
.open > .dropdown-toggle.btn-default { | |
color: #333; | |
background-color: transparent !important; | |
box-shadow: none !important; | |
border-color: #adadad; | |
} | |
.bootstrap-select .dropdown-toggle:focus { | |
outline: none !important; | |
} | |
.bootstrap-select .dropdown-menu > .active > a, | |
.bootstrap-select .dropdown-menu > .active > a:focus, | |
.bootstrap-select .dropdown-menu > .active > a:hover { | |
text-decoration: none; | |
background-color: #fff; | |
outline: 0; | |
} | |
.bootstrap-select .bs-actionsbox, .bootstrap-select .bs-donebutton, .bs-searchbox { | |
padding: 4px 8px; | |
background: #EEE; | |
border-bottom: 1px solid #d5d5d5; | |
} | |
.bootstrap-select .bs-searchbox .form-control { | |
margin-bottom: 0; | |
width: 100%; | |
float: none; | |
height: 36px; | |
border: 1px solid #ddd; | |
box-shadow: none; | |
} | |
/** RECENT PROPERTIES AREA START **/ | |
.recent-properties { | |
padding: 70px 0px; | |
background: #f5f5f5; | |
} | |
.main-title { | |
text-align: center; | |
max-width: 700px; | |
margin: 0px auto 40px; | |
} | |
.main-title h1 { | |
font-size: 24px; | |
text-transform: uppercase; | |
color: #3f3f3f; | |
font-weight: 700; | |
margin: 0px 0px 15px; | |
} | |
.recent-properties-box { | |
position: relative; | |
padding: 0px; | |
margin: 0px 0px 30px 0px; | |
border-radius: 0px; | |
border: none; | |
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); | |
} | |
.main-title p { | |
font-weight: 300; | |
font-size: 16px; | |
line-height: 27px; | |
color: #949494; | |
} | |
.border { | |
background: #e5e5e5; | |
height: 3px; | |
width: 120px; | |
margin: 0px auto 30px; | |
} | |
.border-inner { | |
height: 3px; | |
width: 60px; | |
margin: 0px auto; | |
} | |
.tag-f a { | |
position: absolute; | |
top: 15px; | |
display: inline-block; | |
font-size: 13px; | |
padding: 6px 14px; | |
font-weight: 600; | |
border-radius: 2px; | |
text-decoration: none; | |
left: 15px; | |
color: #fff; | |
} | |
.tag-s a { | |
position: absolute; | |
top: 15px; | |
display: inline-block; | |
font-size: 13px; | |
padding: 6px 14px; | |
font-weight: 600; | |
border-radius: 2px; | |
text-decoration: none; | |
background: #1d1d1d; | |
right: 15px; | |
color: #9b9b9b; | |
} | |
.recent-properties-box .detail { | |
position: relative; | |
padding: 20px; | |
background: #fff; | |
color: #909090; | |
} | |
.recent-properties-box .detail header { | |
position: relative; | |
padding-bottom: 20px; | |
margin: 0px 0px 20px !important; | |
display: inline-block; | |
width: 100%; | |
} | |
.recent-properties-box .detail .title { | |
font-size: 18px; | |
text-transform: uppercase; | |
font-weight: 600; | |
margin: 0px; | |
text-decoration: none; | |
} | |
.recent-properties-box .detail header a { | |
text-decoration: none; | |
} | |
.recent-properties-box .detail header a:hover { | |
color: #909090; | |
} | |
.recent-properties-box .detail header::before { | |
content: ""; | |
width: 100%; | |
height: 1px; | |
background-color: #e1e1e1; | |
position: absolute; | |
bottom: 0px; | |
left: 0px; | |
} | |
.recent-properties-box .detail header::after { | |
content: ""; | |
width: 70px; | |
height: 2px; | |
left: 0px; | |
bottom: -1px; | |
position: absolute; | |
} | |
.recent-properties-box .detail header .price { | |
font-size: 15px; | |
float: right; | |
color: #383737; | |
font-weight: 900; | |
} | |
.recent-properties-box .detail h3 { | |
margin: 0 0 25px; | |
} | |
.recent-properties-box .detail .location a { | |
font-size: 14px; | |
margin: 0px 0px 20px; | |
text-decoration: none; | |
color: #909090; | |
} | |
.recent-properties-box .detail .location a:hover { | |
color: #707070; | |
} | |
.recent-properties-box .detail .location a i { | |
margin-right: 10px; | |
} | |
.recent-properties-box .detail .facilities-list { | |
padding: 0px; | |
margin: 0px; | |
} | |
.recent-properties-box .detail .facilities-list li { | |
margin-right: 15px; | |
float: left; | |
font-size: 13px; | |
line-height: 16px; | |
font-weight: 400; | |
margin-bottom: 10px; | |
list-style: none; | |
} | |
.recent-properties-box .detail .facilities-list li i { | |
font-size: 16px; | |
} | |
.recent-properties-box .detail .facilities-listt li a i { | |
margin-right: 10px; | |
font-size: 56px; | |
font-weight: 500; | |
} | |
.recent-properties-box .detail .footer span { | |
float: right; | |
} | |
.recent-properties-box .detail .footer { | |
border-top: solid 1px #e7e6e6; | |
padding-top: 15px; | |
margin-top: 20px; | |
} | |
.recent-properties-box .detail .footer a:hover { | |
color: #707070; | |
} | |
.recent-properties-box .detail .footer a { | |
color: #909090; | |
text-decoration: none; | |
} | |
/** SECTION-1 AREA START **/ | |
.section-1 { | |
text-align: center; | |
padding-top: 70px; | |
} | |
.section-1 .content { | |
max-width: 262px; | |
margin: 0px auto 30px; | |
} | |
.mgn-top { | |
margin-top: 30px; | |
} | |
.section-1 .content i { | |
width: 65px; | |
height: 65px; | |
line-height: 65px; | |
font-size: 30px; | |
display: inline-block; | |
color: rgb(255, 255, 255); | |
box-shadow: rgba(50, 50, 50, 0.109804) 0px 5px 2px 0px; | |
margin-bottom: 20px; | |
} | |
.section-1 .content h4 { | |
text-transform: uppercase; | |
font-size: 16px; | |
font-weight: bold; | |
margin: 0px 0px 10px; | |
} | |
.section-1 .content p { | |
color: #949494; | |
font-size: 13px; | |
line-height: 23px; | |
} | |
/** ARTICLES BOX AREA START **/ | |
.articles-box { | |
padding: 0px; | |
margin: 0px 0px 30px 0px; | |
border-radius: 0px; | |
border: none; | |
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); | |
} | |
.articles-box .detail .title { | |
font-size: 16px; | |
position: relative; | |
font-weight: 600; | |
line-height: 22px; | |
margin: 0px 0px 20px; | |
text-decoration: none; | |
} | |
.articles-box .detail .title a { | |
text-decoration: none; | |
} | |
.articles-box .detail .title a:hover { | |
color: #909090; | |
} | |
.articles-box .detail { | |
position: relative; | |
padding: 15px; | |
background: #fff; | |
color: #909090; | |
} | |
.articles-box .detail p { | |
margin-bottom: 20px; | |
} | |
.section-2 { | |
background: #f5f5f5; | |
} | |
.content-area { | |
padding: 70px 0px 40px; | |
} | |
.theme img { | |
margin-bottom: 30px; | |
} | |
/** PARTNERS BLOCK AREA START **/ | |
.partners-block { | |
padding: 40px 0; | |
background-image: url(http://placehold.it/1920x248); | |
background-repeat: repeat; | |
background-position: center; | |
position: relative; | |
text-align: center; | |
} | |
.partners-block h3 { | |
font-size: 24px; | |
font-weight: 600; | |
margin-bottom: 40px; | |
} | |
.our-partners .carousel-control { | |
width: 4%; | |
background-image: none; | |
} | |
.our-partners .carousel-control.left { | |
margin-left: -30px; | |
} | |
.our-partners .carousel-control.right { | |
margin-right: -30px; | |
} | |
.our-partners .carousel-control .fa { | |
font-size: 38px; | |
text-shadow: none; | |
color: #777; | |
top: 32%; | |
font-weight: 300;; | |
} | |
.our-partners .cloneditem-1, | |
.our-partners .cloneditem-2, | |
.our-partners .cloneditem-3 { | |
display: none; | |
} | |
.our-partners img { | |
-webkit-filter: grayscale(100%); | |
-moz-filter: grayscale(100%); | |
filter: grayscale(100%); | |
} | |
.our-partners img:hover { | |
-webkit-filter: grayscale(0%); | |
-moz-filter: grayscale(0%); | |
filter: grayscale(0%); | |
} | |
/** CATEGORY AREA START **/ | |
.categories { | |
padding: 70px 0px 40px; | |
} | |
.category { | |
overflow: hidden; | |
position: relative; | |
text-align: center; | |
margin: 0 0 30px 0; | |
} | |
.category:hover:before { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
display: block; | |
content: ""; | |
background-color: #000; | |
opacity: 0.4; | |
z-index: -11; | |
transition: 0.3s ease-out; | |
} | |
.category_bg_box { | |
transition: all 0.55s; | |
border-radius: 3px; | |
background-position: center center; | |
background-repeat: no-repeat; | |
background-size: cover; | |
height: 270px; | |
} | |
.cat-1-bg{ | |
background-image: url(http://placehold.it/555x270); | |
} | |
.cat-2-bg{ | |
background-image: url(http://placehold.it/555x270); | |
} | |
.cat-3-bg{ | |
background-image: url(http://placehold.it/555x270); | |
} | |
.cat-4-bg{ | |
background-image: url(http://placehold.it/360x570); | |
} | |
.category:hover .category_bg_box { | |
transform: scale(1.06); | |
transition: transform 0.35s ease-out; | |
} | |
.category_long_bg { | |
height: 570px; | |
} | |
.category .category-overlay { | |
background-color: rgba(0, 0, 0, 0.30); | |
border-radius: 3px; | |
bottom: 0; | |
left: 0; | |
position: absolute; | |
right: 0; | |
top: 0; | |
transition: background-color .15s linear; | |
} | |
.category-content { | |
bottom: 40px; | |
display: block; | |
left: 50%; | |
position: absolute; | |
top: 50%; | |
transform: translateX(-50%) translateY(-35%); | |
transition: all .15s linear; | |
} | |
.category:hover .category-view-more { | |
visibility: visible; | |
} | |
.category-title { | |
color: #fff; | |
font-size: 24px; | |
font-weight: 700; | |
} | |
.category-subtitle { | |
color: rgba(255, 255, 255, 0.9); | |
font-size: 14px; | |
margin: 0; | |
white-space: nowrap; | |
} | |
.category-content .btn, .category-content .pricing-btn { | |
border: 0; | |
margin: 15px 0 0 0; | |
opacity: 0; | |
transition: all .15s linear; | |
visibility: hidden; | |
letter-spacing: 1px; | |
font-size: 13px; | |
font-weight: 600; | |
text-transform: uppercase; | |
color: #fff; | |
padding: 8px 20px; | |
transition: 0.5s; | |
border-radius: 2px; | |
} | |
.category:hover .category-content .btn, .category:hover .category-content .pricing-btn { | |
opacity: 1; | |
visibility: visible; | |
} | |
.category a:hover { | |
text-decoration: none; | |
} | |
/** FOOTER AREA START **/ | |
footer { | |
background: #171C26; | |
padding: 40px 0 30px; | |
color: #7c7e83; | |
} | |
footer .footer-item .title { | |
color: #cecdcd; | |
letter-spacing: 1px; | |
font-weight: 600; | |
position: relative; | |
font-size: 16px; | |
text-transform: uppercase; | |
margin: 0px 0px 30px; | |
} | |
footer .footer-item p { | |
font-size: 12px; | |
line-height: 25px; | |
} | |
.footer-logo img { | |
height: 50px; | |
margin-bottom: 30px; | |
} | |
footer ul { | |
margin: 0px; | |
padding: 0px; | |
list-style: none; | |
} | |
footer .footer-item { | |
margin-bottom: 30px; | |
} | |
footer .footer-item .links li { | |
font-size: 11px; | |
line-height: 16px; | |
margin-bottom: 15px; | |
letter-spacing: 0.5px; | |
} | |
footer .footer-item .links li a { | |
text-decoration: none; | |
color: #999999; | |
} | |
footer .footer-item .links li a:hover { | |
color: #868686; | |
} | |
footer .footer-item .contact-info { | |
margin: 0px; | |
padding: 0px; | |
} | |
footer .footer-item .contact-info li { | |
margin-bottom: 11px; | |
} | |
footer .footer-item .contact-info li i { | |
float: left; | |
color: #A0A2A5; | |
position: relative; | |
top: 7px; | |
display: block; | |
margin-right: 6px; | |
text-align: center; | |
} | |
footer .footer-item .contact-info li label { | |
float: right; | |
width: 88%; | |
font-size: 12px; | |
font-weight: 400; | |
line-height: 24px; | |
} | |
footer .footer-item .contact-info li label a { | |
text-decoration: none; | |
color: #7c7e83; | |
} | |
footer .footer-item .contact-info li label a:hover { | |
} | |
footer .footer-item .newsletter { | |
padding: 20px; | |
background: #2b303b; | |
} | |
footer .footer-item .newsletter .f-text { | |
font-size: 12px; | |
line-height: 24px; | |
margin-bottom: 10px; | |
} | |
footer .footer-item .newsletter label { | |
margin-bottom: 10px; | |
display: none; | |
} | |
footer .footer-item .newsletter input { | |
width: 100%; | |
padding: 10px 15px; | |
font-size: 12px; | |
height: 38px; | |
border: 1px solid #e8e7e7; | |
outline: none; | |
color: #717171; | |
border-radius: 0px; | |
} | |
/** SUB FOOTER AREA START **/ | |
.sub-footer { | |
background: #2b303b; | |
padding: 30px 0px; | |
} | |
.sub-footer .social-list ul { | |
margin: 0px; | |
padding: 0px; | |
} | |
.sub-footer .social-list ul li { | |
list-style: none; | |
float: right; | |
margin-left: 10px; | |
} | |
.sub-footer .social-list ul li a { | |
font-size: 17px; | |
width: 35px; | |
height: 35px; | |
line-height: 35px; | |
text-align: center; | |
display: inline-block; | |
color: #C7C7D3; | |
} | |
.sub-footer .social-list ul li a:hover { | |
color: #6e6e6f; | |
} | |
.copy-right { | |
color: #7f7f80; | |
font-size: 12px; | |
line-height: 36px; | |
} | |
.copy-right a { | |
color: #C7C7D3; | |
} | |
.section-4 { | |
padding-top: 130px; | |
background: #f5f5f5; | |
} | |
.img-responsive { | |
width: 100%; | |
} | |
/** ICON BOX AREA START **/ | |
.icon-box { | |
text-align: center; | |
max-width: 360px; | |
margin: 0px auto; | |
margin-bottom: 30px; | |
} | |
.icon-box .icon { | |
position: absolute; | |
top: -46px; | |
left: 50%; | |
width: 90px; | |
font-size: 37px; | |
height: 90px; | |
line-height: 90px; | |
margin-left: -45px; | |
margin-bottom: 20px; | |
color: #fff; | |
border-radius: 50%; | |
} | |
.icon-box .detail { | |
padding: 30px 30px 30px; | |
border-radius: 3px; | |
border: solid 1px #e4e4e4; | |
} | |
.icon-box .detail h3 { | |
font-size: 22px; | |
margin: 30px 0px 20px; | |
} | |
.icon-box .detail p { | |
font-size: 15px; | |
line-height: 25px; | |
color: #949494; | |
margin-bottom: 20px; | |
font-weight: 300; | |
} | |
/** TESTIMONIAL STYLE TWO AREA START **/ | |
.sec-title-three h2 { | |
color: #45445a; | |
font-size: 35px; | |
font-weight: 600; | |
line-height: 1.2em; | |
} | |
.sec-title-three .text { | |
color: #777777; | |
margin-top: 10px; | |
font-size: 20px; | |
font-weight: 300; | |
margin-bottom: 15px; | |
} | |
.sec-title-three h4 { | |
position: relative; | |
color: black; | |
font-size: 16px; | |
font-weight: 600; | |
margin-bottom: 8px; | |
text-transform: uppercase; | |
} | |
.testimonials .content .text { | |
color: #777777; | |
font-size: 20px; | |
font-weight: 300; | |
margin: 30px 0px 15px; | |
} | |
.testimonials .content .avatar { | |
border-radius: 50%; | |
max-width: 220px; | |
margin: 0pc auto; | |
} | |
.testimonials .content .avatar img { | |
border-radius: 50%; | |
} | |
.img-responsive { | |
width: 100%; | |
} | |
.testimonials .content ul { | |
margin: 0px; | |
padding: 0px; | |
} | |
.testimonials .content ul li { | |
list-style: none; | |
display: inline-block; | |
color: orange; | |
} | |
.testimonials .content .author-name { | |
text-transform: uppercase; | |
font-weight: bold; | |
margin-bottom: 15px; | |
} | |
.testimonials .content { | |
margin-bottom: 30px; | |
} | |
.testimonials .slider-mover-left { | |
width: 30px; | |
height: 30px; | |
line-height: 22px; | |
position: absolute; | |
top: 100%; | |
z-index: 5; | |
display: inline-block; | |
right: 0px; | |
border: solid 1px #1B1410; | |
text-align: center; | |
} | |
.slider-mover-left img { | |
width: 20px; | |
} | |
.testimonials .slider-mover-right { | |
width: 30px; | |
height: 30px; | |
line-height: 22px; | |
position: absolute; | |
top: 100%; | |
z-index: 5; | |
display: inline-block; | |
right: 0px; | |
border: solid 1px #1B1410; | |
text-align: center; | |
} | |
.slider-mover-right img { | |
width: 20px; | |
} | |
.testimonial-section { | |
position: relative; | |
padding: 100px 0px; | |
background: #eaeaea; | |
display: inline-block; | |
width: 100%; | |
float: left; | |
background: #eaeaea;; | |
} | |
/** LISTINGS PARALLAX AREA START **/ | |
.listings-parallax { | |
background: url(http://placehold.it/1920x389); | |
background-size: cover; | |
background-attachment: fixed; | |
background-size: 1349px 851.556px; | |
background-position: 50% -175.027px; | |
color: #efefef; | |
} | |
.listings-parallax-inner { | |
padding: 100px 0px; | |
background-color: rgb(37, 37, 41); | |
opacity: 0.90; | |
} | |
.listings-parallax h1 { | |
font-size: 31px; | |
margin: 0 0px 30px; | |
} | |
.listings-parallax h3 { | |
font-size: 17px; | |
line-height: 25px; | |
margin-bottom: 30px; | |
} | |
.pad { | |
padding-top: 0px; | |
} | |
/** PRICING TABLES AREA START **/ | |
.pricing-tables { | |
background: #f5f5f5; | |
padding-bottom: 40px; | |
} | |
.pricing-tables .col-pad { | |
padding: 0px; | |
} | |
.plan { | |
text-align: center; | |
position: relative; | |
z-index: 9; | |
margin-bottom: 60px; | |
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); | |
} | |
.plan .price-header h3 { | |
margin: 0; | |
color: #000; | |
font-size: 25px; | |
} | |
.plan .price-header h1 { | |
font-size: 55px; | |
font-weight: 700; | |
margin: 0 0 20px; | |
} | |
.plan.featured h1 { | |
color: #fff !important; | |
} | |
.plan .price-header p { | |
color: #6a6a6a; | |
padding: 0 10%; | |
} | |
.plan .plan-features { | |
padding: 35px 30px; | |
background: #fff; | |
} | |
.plan .plan-features ul { | |
list-style: none; | |
padding: 0; | |
margin-bottom: 30px; | |
} | |
.plan .plan-features ul li { | |
text-align: left; | |
border-bottom: solid 1px #ebebeb; | |
padding: 10px 0px; | |
color: #848181; | |
} | |
.plan-features ul li:last-child { | |
border-bottom: none; | |
} | |
.plan-features ul li span { | |
float: right; | |
} | |
.price-header { | |
width: 100%; | |
background: #e3e3e3; | |
border-bottom: solid 1px #f3f3f3; | |
padding: 38px 20px; | |
padding-top: 48px; | |
border-radius: 10px 10px 0 0; | |
} | |
.plan.featured { | |
margin-left: -1px; | |
margin-right: -1px; | |
transform: translateY(-23px); | |
border-radius: 0 0 3px 3px; | |
z-index: 11; | |
margin-bottom: 30px; | |
} | |
.plan.featured h3 { | |
color: #fff; | |
} | |
.plan.featured p { | |
color: #fff; | |
} | |
.plan.featured .price-header { | |
} | |
.plan.featured .plan-features { | |
padding: 45px 30px; | |
} | |
.listing-badges { | |
position: absolute; | |
top: 0; | |
z-index: 999; | |
right: 0; | |
width: 100%; | |
display: block; | |
font-size: 13px; | |
padding: 0px; | |
overflow: hidden; | |
height: 100px; | |
} | |
.plan.featured .listing-badges .featured { | |
background: #fff; | |
color: black; | |
} | |
.listing-badges .featured { | |
background-color: #66676b; | |
float: left; | |
transform: rotate(-45deg); | |
left: -67px; | |
top: 17px; | |
position: relative; | |
text-align: center; | |
width: 200px; | |
font-size: 12.5px; | |
margin: 0; | |
} | |
.listing-badges span { | |
display: inline-block; | |
padding: 5px 10px; | |
float: right; | |
background: #fff; | |
border-radius: 3px; | |
top: 15px; | |
right: 15px; | |
position: absolute; | |
} | |
.margin-top-40 { | |
margin-top: 40px; | |
} | |
/** COUNTERS AREA START **/ | |
.counters { | |
background: url(http://placehold.it/1920x273); | |
background-size: cover; | |
background-size: 1349px 851.556px; | |
background-position: 50% -175.027px; | |
color: #efefef; | |
} | |
.counters-inner { | |
padding: 50px 0px 30px; | |
background-color: rgb(37, 37, 41); | |
opacity: 0.90; | |
} | |
.counter-box { | |
text-align: center; | |
margin-bottom: 20px; | |
} | |
.counter-box i { | |
font-size: 50px; | |
} | |
.counter-box h1 { | |
font-size: 40px; | |
font-weight: 700; | |
} | |
.counter-box p { | |
font-size: 20px; | |
} | |
/** ABOUT TEAM MEET AREA START **/ | |
.about-team-meet { | |
padding: 70px 0px 40px; | |
} | |
.about-box { | |
padding: 0px; | |
border-radius: 0px; | |
border: none; | |
margin: 0px auto 30px; | |
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.10), 0 6px 5px 0 rgba(0, 0, 0, 0.10); | |
max-width: 360px; | |
} | |
.about-box:hover { | |
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); | |
} | |
.about-box .detail { | |
padding: 15px 15px 15px; | |
background: #fff; | |
} | |
.about-box .detail h6 { | |
color: #999; | |
font-weight: 400; | |
font-size: 13px; | |
margin: 10px 0px; | |
} | |
.about-box img { | |
background: #d2d2d2; | |
} | |
.about-box .detail h3 a { | |
text-decoration: none; | |
} | |
.about-box .detail h3 a:hover { | |
color: #7c7c7c; | |
} | |
.about-box .detail h3::before { | |
content: ""; | |
width: 100%; | |
height: 1px; | |
background-color: #dadada; | |
position: absolute; | |
bottom: 0px; | |
left: 0px; | |
} | |
.about-box .detail h3::after { | |
content: ""; | |
width: 70px; | |
height: 2px; | |
left: 0px; | |
bottom: -1px; | |
position: absolute; | |
} | |
.about-box .detail h3 { | |
position: relative; | |
padding-bottom: 15px; | |
font-weight: 600; | |
margin: 0px 0px 30px; | |
font-size: 18px; | |
} | |
.about-box .detail .contact { | |
margin: 0px 0px 30px; | |
} | |
.about-box .detail .contact p i { | |
margin-right: 15px; | |
width: 27px; | |
height: 27px; | |
background: #f1ebeb; | |
text-align: center; | |
line-height: 27px; | |
} | |
.about-box .detail .contact p a { | |
text-decoration: none; | |
color: #767676; | |
} | |
.about-box .detail .contact p { | |
margin-bottom: 10px; | |
} | |
.about-box .social-list { | |
margin: 0px; | |
padding: 0px; | |
} | |
.about-box .social-list li { | |
list-style: none; | |
float: left; | |
margin: 0 5px 5px 0; | |
} | |
.about-box .social-list li a { | |
font-size: 11px; | |
border-radius: 0px; | |
display: inline-block; | |
width: 30px; | |
height: 30px; | |
text-align: center; | |
line-height: 30px; | |
color: white; | |
} | |
.about-box .facebook { | |
background: #3b589e; | |
} | |
.about-box .facebook:hover { | |
background: #304e94; | |
} | |
.about-box .twitter { | |
background: #56d7fe; | |
} | |
.about-box .twitter:hover { | |
background: #47c5eb; | |
} | |
.about-box .linkedin { | |
background: #1c82ca; | |
} | |
.about-box .linkedin:hover { | |
background: #1373b7; | |
} | |
.about-box .google { | |
background: #dc4e41; | |
} | |
.about-box .google:hover { | |
background: #cc4135; | |
} | |
.about-box .rss { | |
background: #e78733; | |
} | |
.about-box .rss:hover { | |
background: #da7d2b; | |
} | |
/** BLOCK HEADING AREA START **/ | |
.option-bar { | |
background: #fff; | |
border-radius: 3px; | |
height: 50px; | |
margin-bottom: 30px; | |
} | |
.option-bar .heading-icon { | |
width: 50px; | |
text-align: center; | |
margin-right: 20px; | |
display: inline-block; | |
border-radius: 3px 0 0 3px; | |
position: relative; | |
color: #fff; | |
} | |
.option-bar h4 { | |
line-height: 50px; | |
display: inline-block; | |
padding-right: 20px; | |
border-radius: 3px 0 0 3px; | |
margin: 0 0 0; | |
font-weight: 600; | |
} | |
.option-bar .heading-icon .icon-design { | |
color: rgba(0, 0, 0, .1); | |
font-size: 20px; | |
position: absolute; | |
right: -7px; | |
top: 16px; | |
} | |
.option-bar .sorting { | |
padding: 8px 12px; | |
background: #FFF; | |
border: 1px solid #EEE; | |
color: #999; | |
margin-right: 5px; | |
font-size: 13px; | |
font-weight: 300; | |
} | |
.option-bar .sorting-options { | |
margin: 10px 15px 0px 0px; | |
text-align: right; | |
} | |
.option-bar .sorting { | |
font-size: 13px; | |
font-weight: 300; | |
padding: 5px 12px; | |
border: solid 1px #e7e7e7; | |
} | |
.option-bar .sorting:focus { | |
outline: none; | |
} | |
.option-bar a { | |
text-decoration: none; | |
} | |
.change-view-btn { | |
margin-left: 5px; | |
border-radius: 2px; | |
background: transparent; | |
padding: 5px 9px; | |
} | |
.change-view-btn:hover { | |
color: #fff; | |
} | |
.active-view-btn { | |
color: #fff !important; | |
margin-left: 5px; | |
padding: 5px 9px; | |
} | |
.active-view-btn:hover { | |
background: transparent; | |
} | |
.properties-section-body { | |
background: #f5f5f5; | |
} | |
/** LISTING PROPERTIES BOX AREA START **/ | |
.listing-properties-box { | |
margin-bottom: 30px; | |
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); | |
background: #fff; | |
position: relative; | |
display: inline-block; | |
} | |
.listing-properties-box .listing-propertie-theme { | |
padding: 0px; | |
} | |
.listing-properties-box .listing-propertie-theme img { | |
height: 256px; | |
} | |
.listing-properties-box .detail { | |
padding: 26px 26px; | |
color: #909090; | |
} | |
.listing-properties-box .detail header.title a { | |
text-decoration: none; | |
} | |
.listing-properties-box .detail header { | |
position: relative; | |
padding-bottom: 20px; | |
margin: 0px 0px 20px; | |
} | |
.listing-properties-box .detail header::before { | |
content: ""; | |
width: 100%; | |
height: 1px; | |
background-color: rgb(231, 230, 230); | |
position: absolute; | |
bottom: 0px; | |
left: 0px; | |
} | |
.listing-properties-box .detail .title::after { | |
content: ""; | |
width: 70px; | |
height: 2px; | |
left: 0px; | |
bottom: -1px; | |
position: absolute; | |
} | |
.listing-properties-box .detail .title { | |
font-size: 20px; | |
text-transform: uppercase; | |
font-weight: 600; | |
margin: 0px 0px 15px; | |
text-decoration: none; | |
} | |
.listing-properties-box .detail header .title a { | |
text-decoration: none; | |
} | |
.listing-properties-box .detail header .title a:hover { | |
color: #8a8889; | |
} | |
.listing-properties-box .detail .location { | |
font-size: 16px; | |
margin: 0px | |
} | |
.listing-properties-box .detail .location a { | |
font-size: 14px; | |
margin: 0px 0px 20px; | |
text-decoration: none; | |
color: #909090; | |
} | |
.listing-properties-box .detail .location a:hover { | |
color: #707070; | |
} | |
.listing-properties-box .detail .location a i { | |
margin-right: 10px; | |
} | |
.listing-properties-box .detail .facilities-list { | |
padding: 0px; | |
margin: 0px; | |
} | |
.listing-properties-box .detail .facilities-list li { | |
margin-right: 15px; | |
float: left; | |
font-size: 13px; | |
font-weight: 400; | |
margin-bottom: 15px; | |
list-style: none; | |
} | |
.listing-properties-box .detail .facilities-list li i { | |
color: #999; | |
font-size: 16px; | |
} | |
.listing-properties-box .detail .facilities-block { | |
padding: 0px; | |
margin: 0px; | |
} | |
.listing-properties-box .detail .facilities-block i { | |
} | |
.listing-properties-box .detail .footer { | |
border-top: solid 1px #e7e6e6; | |
padding-top: 15px; | |
} | |
.listing-properties-box .detail .footer a { | |
color: #909090; | |
text-decoration: none; | |
} | |
.listing-properties-box .detail .footer a:hover { | |
color: #707070; | |
} | |
.listing-properties-box .detail .footer span { | |
float: right; | |
} | |
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { | |
background-color: #ccc !important; | |
filter: "alpha(opacity=20)"; | |
-ms-filter: "alpha(opacity=20)"; | |
} | |
.tag-f-left a { | |
position: absolute; | |
top: 15px; | |
display: inline-block; | |
font-size: 13px; | |
padding: 6px 14px; | |
font-weight: 600; | |
border-radius: 2px; | |
text-decoration: none; | |
left: 15px; | |
color: #e5e5e5; | |
} | |
.tag-s-right a { | |
position: absolute; | |
top: 15px; | |
display: inline-block; | |
font-size: 13px; | |
padding: 6px 14px; | |
font-weight: 600; | |
border-radius: 2px; | |
text-decoration: none; | |
background: #1d1d1d; | |
right: 15px; | |
color: #e5e5e5; | |
} | |
/** ADVANCE SEARCH **/ | |
.show-more-options { | |
font-weight: 600; | |
font-size: 12px; | |
margin-bottom: 20px; | |
display: block; | |
} | |
#options-content { | |
} | |
/** PAGINATION AREA START **/ | |
.pagination > li > a, .pagination > li > span { | |
border-radius: 0% !important; | |
margin: 0 5px 5px; | |
text-align: center; | |
padding: 7px 13px; | |
border: transparent; | |
display: inline-block; | |
} | |
.pagination > li > a { | |
font-weight: 600; | |
} | |
.pagination > li > a:hover { | |
color: #fff; | |
} | |
.pagination > .active > a { | |
} | |
.pagination > .active > a:hover { | |
} | |
/** FORM PAGE BODY AREA START **/ | |
.form-page-body { | |
background-color: #eeeeee | |
} | |
.form-content-box { | |
max-width: 450px; | |
box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px; | |
color: #7c7c7c; | |
margin: 50px auto; | |
text-align: center; | |
} | |
.form-content-box .details { | |
padding: 30px 30px; | |
background: #fff; | |
} | |
.form-content-box .checkbox label::before { | |
width: 0px; | |
height: 0px; | |
left: 0; | |
margin-left: 0px; | |
} | |
.form-content-box .checkbox { | |
padding-left: 8px; | |
margin: 15px 0px; | |
} | |
.divider { | |
position: relative; | |
margin-bottom: 30px; | |
border-bottom: 1px solid #e5e4e4; | |
} | |
.or-text { | |
position: absolute; | |
top: -10px; | |
display: inline-block; | |
left: 50%; | |
margin-left: -21px; | |
color: rgb(153, 156, 164); | |
font-size: 14px; | |
padding: 0px 10px; | |
background: #e5e4e4; | |
} | |
.form-content-box h3 { | |
margin: 0px 0px 30px; | |
font-size: 20px; | |
font-weight: 600; | |
color: #323232; | |
} | |
.form-content-box img { | |
margin-bottom: 20px; | |
height: 50px; | |
} | |
.form-content-box .input-text { | |
width: 100%; | |
padding: 10px 15px; | |
font-size: 13px; | |
border: 1px solid #e8e7e7; | |
outline: none; | |
color: #717171; | |
border-radius: 3px; | |
} | |
.form-content-box .footer { | |
font-size: 13px; | |
padding: 20px; | |
background-color: #f5f5f5; | |
} | |
.form-content-box .footer span a { | |
text-decoration: none; | |
font-weight: bold; | |
} | |
.form-content-box .footer span a:hover { | |
color: #8b8b8b; | |
} | |
.form-content-box .checkbox a { | |
color: #8b8b8b; | |
text-decoration: none; | |
font-size: 13px; | |
} | |
/** ERROR404 AREA START **/ | |
.error404-content { | |
max-width: 450px; | |
margin: 60px auto; | |
text-align: center; | |
} | |
.error404-content h1 { | |
font-size: 140px; | |
font-weight: 700; | |
} | |
.error404-content h2 { | |
color: #000; | |
text-transform: uppercase; | |
font-size: 30px; | |
font-weight: 600; | |
} | |
.error404-content p { | |
font-size: 20px; | |
color: #5f5f5f; | |
font-weight: 300; | |
margin-bottom: 20px; | |
} | |
/** BLOG BODY AREA START **/ | |
.blog-body { | |
padding: 70px 0px; | |
background: #f5f5f5; | |
} | |
.blog-box { | |
margin-bottom: 50px; | |
border-radius: 0px; | |
padding: 0px; | |
border: none; | |
color: #7B7B7B; | |
background: transparent; | |
} | |
.blog-box .detail { | |
padding: 30px; | |
color: #7B7B7B; | |
background: #fff; | |
width: 100%; | |
float: left; | |
} | |
.blog-box .detail .title { | |
margin: 0px 0px 20px; | |
font-size: 25px; | |
color: #000; | |
} | |
.blog-box .detail .title a { | |
text-decoration: none; | |
} | |
.blog-box .detail .title a:hover { | |
color: #7a7677; | |
} | |
.blog-box .detail .post-meta { | |
padding: 10px 0px; | |
border-top: solid 1px #e3e3e3; | |
border-bottom: solid 1px #e3e3e3; | |
font-size: 12px; | |
margin-bottom: 20px; | |
font-weight: 600; | |
letter-spacing: .5px; | |
} | |
.blog-box .detail .post-meta span { | |
margin-right: 10px; | |
} | |
.blog-box .detail .post-meta span a { | |
color: #818a9c; | |
text-decoration: none; | |
} | |
.blog-box .detail .post-meta span a i { | |
margin-right: 5px; | |
} | |
.blog-box .detail p { | |
margin-bottom: 20px; | |
line-height: 26px; | |
} | |
/** SIDEBAR WIDGET AREA START **/ | |
.sidebar-widget { | |
background: #fff; | |
padding: 20px; | |
margin-bottom: 30px; | |
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); | |
} | |
.sidebar .block { | |
margin-bottom: 30px; | |
padding: 30px 20px 30px; | |
background: #fff; | |
} | |
.single-block { | |
margin-bottom: 30px; | |
} | |
.sidebar .title { | |
font-size: 20px; | |
text-transform: uppercase; | |
position: relative; | |
padding-bottom: 20px; | |
margin: 0px 0px 20px; | |
font-weight: 600; | |
} | |
.sidebar .title::before { | |
content: ""; | |
width: 100%; | |
height: 1px; | |
background-color: #e1e1e1; | |
position: absolute; | |
bottom: 0px; | |
left: 0px; | |
} | |
.sidebar .title::after { | |
content: ""; | |
width: 70px; | |
height: 2px; | |
left: 0px; | |
bottom: -1px; | |
position: absolute; | |
} | |
.sidebar .search-box { | |
padding: 20px 20px 0px 20px; | |
margin-bottom: 0px; | |
} | |
.form-search { | |
position: relative; | |
} | |
.form-search .form-control { | |
border: 1px solid #eee; | |
box-shadow: none; | |
border-radius: 3px; | |
height: 45px; | |
} | |
.form-search .btn { | |
background: none; | |
position: absolute; | |
right: 0; | |
top: 0; | |
padding: 12px 12px 9px 13px; | |
} | |
.form-search .btn:active, | |
.form-search .btn:focus { | |
box-shadow: none; | |
outline: none; | |
} | |
.form-search .btn i { | |
color: #777; | |
} | |
.form-search .form-group, .form-search .form-control { | |
width: 100%; | |
} | |
.range-slider { | |
margin-top: 15px; | |
margin-bottom: 30px; | |
} | |
.range-slider .ui-slider { | |
position: relative; | |
text-align: left; | |
} | |
.range-slider label { | |
font-size: 13px; | |
color: #777; | |
font-weight: 600; | |
margin-bottom: 12px; | |
} | |
.range-slider .ui-slider .ui-slider-handle { | |
position: absolute; | |
z-index: 2; | |
width: 12px; | |
height: 12px; | |
border-radius: 50%; | |
border: 2px solid #66676b; | |
cursor: w-resize; | |
outline: none; | |
top: -5px; | |
margin-left: -8px; | |
box-shadow: none !important; | |
} | |
.range-slider .ui-slider .ui-slider-range { | |
position: absolute; | |
z-index: 1; | |
display: block; | |
border: 0; | |
background-position: 0 0; | |
} | |
.range-slider .ui-slider .ui-slider-handle { | |
} | |
.range-slider .ui-widget-content { | |
background-color: #ccc; | |
} | |
.range-slider .ui-widget-header { | |
} | |
.range-slider .ui-slider.ui-state-disabled .ui-slider-handle, .range-slider .ui-slider.ui-state-disabled .ui-slider-range { | |
filter: inherit; | |
} | |
.range-slider .ui-slider-horizontal { | |
height: 2px; | |
border-radius: 10px; | |
width: calc(100% - 16px); | |
margin-left: 8px; | |
} | |
.range-slider .ui-slider-horizontal .ui-slider-range { | |
top: 0; | |
height: 100%; | |
} | |
.range-slider .ui-slider-horizontal .ui-slider-range-min { | |
left: 0; | |
} | |
.range-slider .ui-slider-horizontal .ui-slider-range-max { | |
right: 0; | |
} | |
.min-value:focus, .max-value:focus, .min-value, .max-value { | |
width: 40%; | |
display: inline-block; | |
border: 0; | |
background-color: transparent; | |
padding: 0; | |
margin: 12px 0 0 0; | |
cursor: default; | |
} | |
.min-value { | |
float: left; | |
margin-left: -8px; | |
width: 40%; | |
margin-right: -8px; | |
font-size: 11px; | |
color: #888; | |
font-weight: 700; | |
margin-top: 15px; | |
} | |
.max-value { | |
float: right; | |
width: 40%; | |
text-align: right; | |
margin-right: -8px; | |
font-size: 11px; | |
color: #888; | |
font-weight: 700; | |
margin-top: 15px; | |
} | |
.sidebar .recent-properties-box .detail header { | |
padding-bottom: 0px; | |
} | |
/** POSTS BY CATEGORY AREA START **/ | |
.posts-by-category ul { | |
margin: 0px; | |
padding: 0px; | |
} | |
.posts-by-category ul li { | |
padding: 7px 0px; | |
border-bottom: solid 1px #ededed; | |
color: #8c8b8b; | |
} | |
.posts-by-category ul li a { | |
text-decoration: none; | |
color: #8c8b8b; | |
} | |
.posts-by-category ul li:last-child { | |
border-bottom: none; | |
} | |
/** TAGS BOX AREA START **/ | |
.tags-box ul { | |
padding: 0px; | |
margin: 0px; | |
} | |
.tags-box ul li { | |
list-style: none; | |
display: inline-block; | |
} | |
.tags-box ul li a { | |
border: 1px solid #e5e5e5; | |
color: #666; | |
display: inline-block; | |
font-size: 13px; | |
margin: 0 0 5px; | |
padding: 5px 13px; | |
text-transform: capitalize; | |
text-decoration: none; | |
} | |
.tags-box ul li a:hover { | |
color: #fff; | |
} | |
/** LATEST REVIWS AREA START **/ | |
.latest-reviews .media { | |
margin: 0 0 20px; | |
} | |
.latest-reviews .media:last-child{ | |
margin-bottom: 0px; | |
} | |
.latest-reviews .media .media-left { | |
padding-right: 20px; | |
} | |
.latest-reviews .media .media-left img { | |
width: 50px; | |
height: 50px; | |
border-radius: 50%; | |
} | |
.latest-reviews .media-heading { | |
font-size: 15px; | |
line-height: 18px; | |
margin: 0 0 5px; | |
font-weight: 600; | |
} | |
.latest-reviews .media-heading a { | |
text-decoration: none; | |
} | |
.latest-reviews .media .media-body .rating { | |
margin-bottom: 8px; | |
} | |
.latest-reviews .media .media-body .rating i { | |
color: #f8b42b; | |
} | |
.latest-reviews .media .media-body p { | |
font-size: 14px; | |
line-height: 20px; | |
margin: 0; | |
color: #7a7979; | |
font-weight: 400; | |
} | |
.latest-tweet p { | |
font-size: 14px; | |
line-height: 20px; | |
margin: 0 0 20px; | |
color: #7a7979; | |
font-weight: 400; | |
} | |
.latest-tweet p:last-child { | |
margin: 0px; | |
} | |
/** POPULAR POSTS AREA START **/ | |
.popular-posts .media { | |
margin: 0 0 30px; | |
color: #797979; | |
} | |
.popular-posts .media .media-left { | |
padding-right: 15px; | |
} | |
.popular-posts .media-heading { | |
font-size: 14px; | |
margin: 0 0 6px; | |
font-weight: 600; | |
} | |
.popular-posts .media-heading a { | |
text-decoration: none; | |
} | |
.popular-posts .media-heading a:hover { | |
color: #7a7677; | |
} | |
.popular-posts .media .media-body p { | |
margin-bottom: 6px; | |
} | |
.popular-posts .media:last-child { | |
margin: 0px; | |
} | |
/** BLOG BANNER AREA START **/ | |
.blog-banner { | |
padding: 50px 0px; | |
text-transform: uppercase; | |
background: url(http://placehold.it/1920x146); | |
background-size: cover; | |
color: #fff; | |
} | |
.blog-banner h2 { | |
margin: 0px; | |
} | |
.blog-share { | |
float: right; | |
text-align: right; | |
} | |
.blog-share ul { | |
margin: 0px; | |
padding: 0px; | |
} | |
.blog-share .social-list li { | |
text-align: center; | |
display: inline-block; | |
list-style: none; | |
} | |
.blog-share .social-list li a { | |
width: 29px; | |
height: 29px; | |
line-height: 29px; | |
text-align: center; | |
display: inline-block; | |
font-size: 11px; | |
color: rgb(255, 255, 255); | |
margin: 2px 4px; | |
border-radius: 50%; | |
} | |
.comments { | |
list-style: none; | |
margin: 0; | |
padding: 0; | |
} | |
.comment { | |
margin: 0 0 30px 0; | |
position: relative; | |
} | |
.comment-author { | |
background-color: #DDDDDD; | |
border-radius: 50%; | |
height: 50px; | |
left: 0; | |
position: absolute; | |
top: 0; | |
transition: background-color .15s linear; | |
width: 50px; | |
} | |
.comment-author a img { | |
bottom: 2px; | |
border-radius: 50%; | |
display: block; | |
height: 50px; | |
position: absolute; | |
top: 2px; | |
} | |
.t-s { | |
margin-top: 40px; | |
} | |
.t-s h2 { | |
font-weight: 600; | |
font-size: 22px; | |
margin: 0 0 20px; | |
} | |
.comments-title { | |
font-weight: 600; | |
font-size: 22px; | |
margin: 0 0 20px; | |
} | |
.comment-content { | |
background-color: #fff; | |
border-radius: 3px; | |
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); | |
margin-left: 80px; | |
padding: 20px; | |
} | |
.comment-meta-author { | |
float: left; | |
} | |
.comment-meta-author a { | |
font-weight: 600; | |
text-decoration: none; | |
} | |
.comment-meta-author a:hover { | |
color: #868585; | |
} | |
.comment-meta-reply { | |
color: #fff; | |
float: right; | |
font-size: 12px; | |
font-weight: 600; | |
margin: 0 0 0 15px; | |
} | |
.comment-meta-reply a { | |
border-radius: 2px; | |
color: #fff; | |
padding: 4px 8px; | |
text-decoration: none; | |
} | |
.comment-meta-reply a:hover { | |
} | |
.comment-meta-date { | |
float: right; | |
font-size: .9em; | |
} | |
.comment-body { | |
border-top: 1px solid rgba(0, 0, 0, 0.04); | |
color: gray; | |
margin: 20px 0 0 0; | |
line-height: 24px; | |
padding: 20px 0 0 0; | |
} | |
.comment-rating { | |
color: orange; | |
margin: 0 0 10px 0; | |
} | |
.comments ul { | |
list-style: none; | |
margin: 0 0 0 80px; | |
padding: 0; | |
} | |
.comment-meta-date span { | |
background-color: #f8f8f8; | |
border-radius: 3px; | |
color: gray; | |
padding: 4px 8px; | |
} | |
.facebook-bg { | |
background: #4867aa; | |
color: #fff; | |
} | |
.facebook-bg:hover { | |
background: #3a5795; | |
color: #fff; | |
} | |
.twitter-bg { | |
background: #33CCFF; | |
color: #fff; | |
} | |
.twitter-bg:hover { | |
background: #2abced; | |
color: #fff; | |
} | |
.google-bg { | |
background: #db4437; | |
color: #fff; | |
} | |
.google-bg:hover { | |
background: #c83a2e; | |
color: #fff; | |
} | |
.linkedin-bg { | |
background: #0177b5; | |
color: #fff; | |
} | |
.linkedin-bg:hover { | |
background: #036497; | |
color: #fff; | |
} | |
.pinterest-bg { | |
background: #bd081c; | |
color: #fff; | |
} | |
.pinterest-bg:hover { | |
background: #a30618; | |
color: #fff; | |
} | |
/** CONTACT BODY AREA START **/ | |
.contact-body { | |
padding: 70px 0px; | |
} | |
.contact-details .media .media-left i { | |
width: 50px; | |
font-size: 24px; | |
height: 50px; | |
line-height: 50px; | |
border-radius: 10%; | |
color: #ffffff; | |
text-align: center; | |
-webkit-box-shadow: rgba(50, 50, 50, 0.11) 0 5px 2px 0; | |
} | |
.contact-details .media .media-left { | |
padding-right: 30px; | |
} | |
.contact-details .media .media-body h4 { | |
color: #333; | |
letter-spacing: 1px; | |
font-weight: 600; | |
position: relative; | |
padding-bottom: 20px; | |
font-size: 16px; | |
margin-bottom: 20px; | |
margin-top: 0px; | |
text-transform: uppercase; | |
font-style: normal; | |
} | |
.contact-details .media .media-body h4:before { | |
content: ''; | |
width: 100%; | |
height: 1px; | |
background-color: #d3d3d3; | |
position: absolute; | |
bottom: 0; | |
left: 0; | |
} | |
.contact-details .media .media-body h4:after { | |
content: ''; | |
width: 80px; | |
height: 2px; | |
left: 0; | |
bottom: -1px; | |
position: absolute; | |
} | |
.contact-details .media .media-body p { | |
color: #747474; | |
font-size: 13px; | |
letter-spacing: 0.52px; | |
line-height: 20px; | |
} | |
.contact-details .media .media-body p a { | |
text-decoration: none; | |
color: #747474; | |
} | |
.contact-details .media .media-body p { | |
margin-bottom: 5px; | |
} | |
.contact-details .media { | |
margin: 0px 0px 30px; | |
} | |
.contact-form form .input-text { | |
width: 100%; | |
padding: 10px 17px; | |
font-size: 13px; | |
border: 1px solid #e8e7e7; | |
outline: none; | |
color: #6c6c6c; | |
height: 40px; | |
border-radius: 3px; | |
} | |
.contact-form form textarea { | |
min-height: 210px; | |
} | |
.contact-form .form-group { | |
margin-bottom: 30px; | |
} | |
.contact-map { | |
height: 250px !important; | |
} | |
.contact-map-content .map-content { | |
width: 250px; | |
} | |
.location .contact-map { | |
height: 400px !important; | |
} | |
/** ABOUT CITY ESTATE AREA START **/ | |
.about-city-estate { | |
padding: 70px 0px 0px; | |
} | |
.about-text p { | |
line-height: 23px; | |
color: #7c7c7c; | |
font-size: 13px; | |
margin-bottom: 20px; | |
} | |
.about-text h3 { | |
font-weight: 600; | |
padding-bottom: 20px; | |
font-size: 18px; | |
color: #333; | |
border-bottom: solid 1px #dbdada; | |
} | |
.about-text ul { | |
margin: 0 0 15px; | |
padding: 0px; | |
} | |
.about-text ul li { | |
list-style: none; | |
width: 50%; | |
color: #666666; | |
font-size: 14px; | |
margin-bottom: 10px; | |
float: left; | |
} | |
.about-text ul li i { | |
margin-right: 15px; | |
} | |
/** SUB BANNER AREA START **/ | |
.sub-banner { | |
background: url(http://placehold.it/1920x267); | |
background-size: cover; | |
padding: 80px 0px; | |
} | |
.sub-banner .breadcrumb-area { | |
max-width: 420px; | |
margin: 0px auto; | |
color: #fff; | |
text-align: center; | |
} | |
.breadcrumb-area h1 { | |
margin: 0px 0px 15px; | |
font-size: 26px; | |
font-weight: 600; | |
letter-spacing: 1px; | |
text-transform: uppercase; | |
} | |
.breadcrumbs { | |
margin: 0px; | |
padding: 0px; | |
font-size: 14px; | |
} | |
.breadcrumbs li { | |
display: inline-block; | |
list-style: none; | |
text-transform: uppercase; | |
font-weight: 600; | |
} | |
.breadcrumbs li a { | |
color: #fff; | |
} | |
.breadcrumbs .active:before { | |
content: "\f105"; | |
font-family: "FontAwesome"; | |
font-size: 14px; | |
margin-right: 15px; | |
font-weight: 600; | |
} | |
.breadcrumbs .active { | |
margin-left: 15px; | |
} | |
/** HELPING CENTER AREA START **/ | |
.helping-center p { | |
color: #7B7B7B; | |
} | |
.helping-center ul { | |
margin: 0px; | |
padding: 0px; | |
} | |
.helping-center ul li { | |
list-style: none; | |
line-height: 44px; | |
color: #7B7B7B; | |
} | |
.helping-center ul li i { | |
margin-right: 10px; | |
width: 34px; | |
height: 34px; | |
line-height: 34px; | |
text-align: center; | |
border-radius: 50%; | |
color: #fff; | |
-webkit-box-shadow: rgba(50, 50, 50, 0.11) 0 5px 2px 0; | |
} | |
.helping-center ul li a { | |
text-decoration: none; | |
color: #7B7B7B; | |
} | |
/** AGENT PAGE AREA START **/ | |
.agent-page { | |
padding: 70px 0px; | |
background: #f5f5f5; | |
} | |
.agent-box { | |
background: #fff; | |
padding: 0px 0px; | |
} | |
.agent-box .agent-box-theme { | |
padding: 0px; | |
} | |
.agent-box .detail { | |
padding: 21px 30px; | |
} | |
.agent-box .detail h6 { | |
color: #999; | |
font-weight: 400; | |
font-size: 13px; | |
margin: 10px 0px; | |
} | |
.agent-box .detail h3 { | |
position: relative; | |
padding-bottom: 15px; | |
font-weight: 600; | |
margin: 0px 0px 15px; | |
font-size: 18px; | |
} | |
.agent-box .detail h3::before { | |
content: ""; | |
width: 100%; | |
height: 1px; | |
background-color: #dadada; | |
position: absolute; | |
bottom: 0px; | |
left: 0px; | |
} | |
.agent-box .detail h3::after { | |
content: ""; | |
width: 70px; | |
height: 2px; | |
left: 0px; | |
bottom: -1px; | |
position: absolute; | |
} | |
.agent-box .detail p { | |
color: #767676; | |
font-size: 14px; | |
margin-bottom: 20px; | |
} | |
.agent-box .detail .social-list { | |
margin: 0px; | |
padding: 0px; | |
} | |
.agent-box .detail .social-list li { | |
list-style: none; | |
float: left; | |
margin: 0 5px 5px 0; | |
} | |
.agent-box .detail .social-list li a { | |
font-size: 11px; | |
border-radius: 0px; | |
display: inline-block; | |
width: 30px; | |
height: 30px; | |
text-align: center; | |
line-height: 30px; | |
color: white; | |
} | |
.agent-box .detail .contact { | |
margin: 0px 0px 30px; | |
} | |
.agent-box .detail .contact p { | |
margin-bottom: 10px; | |
} | |
.agent-box .detail .contact p a { | |
text-decoration: none; | |
color: #767676; | |
} | |
.agent-box .detail .contact p i { | |
margin-right: 20px; | |
width: 27px; | |
height: 27px; | |
background: #f1ebeb; | |
text-align: center; | |
line-height: 27px; | |
} | |
.agent-box .facebook { | |
background: #3b589e; | |
} | |
.agent-box .facebook:hover { | |
background: #304e94; | |
} | |
.agent-box .twitter { | |
background: #56d7fe; | |
} | |
.agent-box .twitter:hover { | |
background: #47c5eb; | |
} | |
.agent-box .linkedin { | |
background: #1c82ca; | |
} | |
.agent-box .linkedin:hover { | |
background: #1373b7; | |
} | |
.agent-box .google { | |
background: #dc4e41; | |
} | |
.agent-box .google:hover { | |
background: #cc4135; | |
} | |
.agent-box .rss { | |
background: #e78733; | |
} | |
.agent-box .rss:hover { | |
background: #da7d2b; | |
} | |
.mrg-buttom { | |
margin-bottom: 50px; | |
} | |
.mrg-btm-30{ | |
margin-bottom: 30px; | |
} | |
.mrg-t-b-30{ | |
margin: 30px 0px; | |
} | |
/** MY PROFILE AREA START **/ | |
.my-profile { | |
padding: 70px 0px; | |
background: #f5f5f5; | |
} | |
.my-account-box .item { | |
background: #fff; | |
padding: 20px 30px; | |
border-bottom: solid 1px #e1e1e1; | |
} | |
.my-account-box p a i { | |
margin-right: 20px; | |
} | |
.my-account-box p a { | |
text-decoration: none; | |
color: #909090; | |
} | |
.my-account-box .title { | |
font-size: 15px; | |
position: relative; | |
padding-bottom: 15px; | |
margin: 0px 0px 15px; | |
font-weight: 600; | |
color: #333; | |
} | |
.my-account-box .title::before { | |
content: ""; | |
width: 100%; | |
height: 1px; | |
background-color: #e1e1e1; | |
position: absolute; | |
bottom: 0px; | |
left: 0px; | |
} | |
.my-account-box .title::after { | |
content: ""; | |
width: 70px; | |
height: 2px; | |
left: 0px; | |
bottom: -1px; | |
position: absolute; | |
} | |
.my-address h1 { | |
font-weight: 600; | |
margin: 0px 0px 30px; | |
font-size: 24px; | |
} | |
.my-address form .form-group { | |
margin-bottom: 20px; | |
} | |
.my-address form .input-text { | |
width: 100%; | |
padding: 10px 17px; | |
font-size: 13px; | |
border: 1px solid #e8e7e7; | |
outline: none; | |
color: #6c6c6c; | |
height: 40px; | |
border-radius: 3px; | |
} | |
.my-address form textarea { | |
min-height: 150px; | |
} | |
.my-address form label { | |
display: inline-block; | |
max-width: 100%; | |
margin-bottom: 5px; | |
font-weight: 400; | |
color: #827f7f; | |
} | |
.my-address { | |
background: #fff; | |
padding: 30px 30px; | |
} | |
.edit-profile-photo { | |
position: relative; | |
background: #fff; | |
padding: 15px; | |
max-width: 262px; | |
margin: 0px auto; | |
} | |
.edit-profile-photo img { | |
max-width: 300px; | |
width: 100%; | |
} | |
.change-photo-btn { | |
border-radius: 2px; | |
display: inline-block; | |
position: absolute; | |
font-size: 13px; | |
bottom: 15px; | |
left: 15px; | |
width: auto; | |
background-color: #fff; | |
color: #333; | |
transition: 0.3s; | |
cursor: pointer; | |
line-height: 28px; | |
} | |
.photoUpload { | |
position: relative; | |
overflow: hidden; | |
padding: 3px 12px; | |
cursor: pointer; | |
color: #fff; | |
} | |
.photoUpload input.upload { | |
position: absolute; | |
top: 0; | |
right: 0; | |
margin: 0; | |
padding: 0; | |
cursor: pointer; | |
opacity: 0; | |
filter: alpha(opacity=0); | |
} | |
.my-account-box { | |
margin-bottom: 30px; | |
} | |
.my-address { | |
margin-bottom: 30px; | |
} | |
.change-password { | |
padding: 70px 0px; | |
background: #f5f5f5; | |
} | |
.change-password .txat { | |
padding: 30px; | |
background: #fff; | |
} | |
.change-password .txat p { | |
margin-bottom: 0px; | |
color: #909090; | |
} | |
/** MY PROPERTIESS AREA START **/ | |
.my-propertiess { | |
padding: 70px 0px 40px; | |
background: #f5f5f5; | |
} | |
.my-properties-box { | |
background: #fff; | |
margin-bottom: 30px; | |
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); | |
} | |
.my-properties-box .col-pad img { | |
height: 196px; | |
} | |
.my-properties-box .detail { | |
padding: 16px 15px 16px; | |
color: #909090; | |
} | |
.my-properties-box .detail h1 { | |
font-size: 20px; | |
text-transform: uppercase; | |
font-weight: 600; | |
margin: 0px 0px 15px; | |
text-decoration: none; | |
} | |
.my-properties-box .detail h1 a { | |
text-decoration: none; | |
} | |
.my-properties-box .detail h1 a:hover { | |
color: #716d6e; | |
} | |
.my-properties-box .detail .location { | |
font-size: 16px; | |
margin: 0px; | |
} | |
.my-properties-box .detail .location a:hover { | |
color: #707070; | |
} | |
.my-properties-box .detail .location a { | |
text-decoration: none; | |
color: #909090; | |
} | |
.my-properties-box .detail .location a i { | |
margin-right: 10px; | |
} | |
.my-properties-box .detail hr { | |
margin: 14px 0px; | |
} | |
.my-properties-box .col-pad { | |
padding: 0px; | |
} | |
.my-properties-box .footer { | |
background: #eaeaea; | |
margin: 0px; | |
padding: 7px 10px; | |
width: 100%; | |
color: #525252; | |
font-size: 12px; | |
font-weight: 600; | |
} | |
.footer .listing-meta span a { | |
text-decoration: none; | |
float: right; | |
margin-left: 15px; | |
color: #525252; | |
} | |
.footer .listing-meta span a i { | |
margin-right: 4px; | |
} | |
.footer .listing-meta span a:hover { | |
color: #8c8c8c; | |
} | |
.heading { | |
margin: 0 0 30px; | |
font-size: 20px; | |
font-weight: 600; | |
} | |
.typography-page { | |
padding: 70px 0px; | |
} | |
.headline { | |
font-size: 22px; | |
line-height: 32px; | |
margin: 0px 0 30px 0; | |
} | |
blockquote { | |
padding: 10px 20px; | |
margin: 0 0 20px; | |
font-size: 17.50px; | |
line-height: 30px; | |
color: #888; | |
border-left: 5px solid #eeeeee; | |
} | |
.typography-page p { | |
font-size: 14px; | |
line-height: 30px; | |
color: #888; | |
} | |
.mrg-btm-40 { | |
margin-bottom: 40px; | |
} | |
.typography-page mark.color { | |
color: #fff; | |
} | |
mark.color { | |
color: #fff; | |
border-radius: 3px; | |
} | |
mark { | |
background: #ff0; | |
color: #8a803e; | |
} | |
mark, .mark { | |
background-color: #fcf8e3; | |
padding: 3px 5px; | |
border-radius: 3px; | |
} | |
.list-3 li:first-child, .list-2 li:first-child, .list-1 li:first-child { | |
margin-top: 0; | |
} | |
.list-3 li, .list-2 li, .list-1 li { | |
list-style: none; | |
margin: 14px 0; | |
line-height: 27px; | |
margin-left: 27px; | |
position: relative; | |
color: #888; | |
} | |
.list-3, .list-2, .list-1 { | |
padding: 5px 0 0 0; | |
} | |
.list-2 li:before { | |
content: "\f00c"; | |
font-size: 14px; | |
} | |
.list-1 li:before { | |
content: "\f0c8"; | |
font-size: 8px; | |
} | |
.list-3 li:before, .list-2 li:before, .list-1 li:before { | |
font-family: "FontAwesome"; | |
margin: 0; | |
position: relative; | |
color: #66676b; | |
float: left; | |
margin-left: -27px; | |
display: block; | |
} | |
.list-3 li:before { | |
content: "\f058"; | |
font-size: 15px; | |
top: 1px; | |
} | |
.numbered ol { | |
counter-reset: li; | |
list-style: none; | |
padding: 0; | |
margin-left: 18px; | |
display: inline-block; | |
} | |
.numbered ol li { | |
display: inline-block; | |
padding: 6px 0; | |
width: 100%; | |
color: #888; | |
} | |
.numbered.color ol > li::before { | |
border: 1px solid #274abb; | |
color: #274abb; | |
} | |
.numbered.color ol > li::before { | |
border: 1px solid #66676b; | |
color: #66676b; | |
} | |
.numbered ol > li::before { | |
content: counter(li); | |
counter-increment: li; | |
font-size: 16px; | |
line-height: 34px; | |
width: 36px; | |
height: 36px; | |
display: inline-block; | |
border: 1px solid #333; | |
border-radius: 0%; | |
text-align: center; | |
margin: 0; | |
margin-left: 0; | |
font-weight: 500; | |
color: #333; | |
position: relative; | |
float: left; | |
left: -18px; | |
transform: translateY(-20%); | |
} | |
.numbered.color.filled ol > li::before { | |
color: #fff; | |
} | |
.numbered.color ol > li::before { | |
} | |
.demo h1, .demo h2, .demo h3, .demo h4, .demo h5, .demo h6 { | |
line-height: 40px; | |
} | |
.elements-page { | |
background: #f5f5f5; | |
padding: 70px 0px; | |
} | |
.user-widget .ui-box { | |
font-family: 'Open Sans', sans-serif; | |
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); | |
margin-bottom: 30px; | |
background: #fff; | |
padding: 15px 15px 13px; | |
} | |
.user-widget .ui-box .profile-img { | |
padding-right: 20px; | |
} | |
.user-widget .ui-box .profile-img img { | |
width: 78px; | |
border: 5px solid rgba(2, 2, 2, 0.2); | |
} | |
.user-widget .ui-box .ui-body h3 { | |
margin: 0px 0 5px; | |
font-size: 20px; | |
} | |
.user-widget .ui-box .ui-body p a { | |
text-decoration: none; | |
color: #8a8a8a; | |
font-size: 12px; | |
} | |
.user-widget .ui-box .ui-body p { | |
margin-bottom: 7px; | |
} | |
.user-widget .ui-box .ui-body .btn { | |
margin: 2px 0px; | |
} | |
.user-widget .btn-warning { | |
background-color: #f8ac59; | |
border-color: #f8ac59; | |
color: #FFFFFF; | |
} | |
.user-widget .btn-warning:hover { | |
background-color: #f7a54a; | |
border-color: #f7a54a; | |
color: #FFFFFF; | |
} | |
.user-widget .btn-primary { | |
background-color: #1ab394; | |
border-color: #1ab394; | |
color: #FFFFFF; | |
} | |
.user-widget .btn-primary:hover { | |
background-color: #18a689; | |
border-color: #18a689; | |
color: #FFFFFF; | |
} | |
.user-widget .btn-danger { | |
background-color: #ed5565; | |
border-color: #ed5565; | |
color: #FFFFFF; | |
} | |
.user-widget .btn-danger:hover { | |
background-color: #ec4758; | |
border-color: #ec4758; | |
color: #FFFFFF; | |
} | |
/** PROPERTIES TABLE AREA START **/ | |
.Properties-table { | |
font-family: 'Lato', sans-serif; | |
} | |
.ui-item { | |
width: 100%; | |
position: relative; | |
background: #fff; | |
color: #666666; | |
border-radius: 2px; | |
margin-bottom: 25px; | |
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); | |
} | |
.Properties-table .ui-item .header { | |
position: relative; | |
border-bottom: solid 1px #e1e1e1; | |
padding: 15px 20px 10px 20px; | |
background: #383435; | |
color: #e4e4e4; | |
} | |
.Properties-table .ui-item .header span { | |
margin: 0; | |
font-size: 23px; | |
font-weight: 300; | |
} | |
.Properties-table .ui-item .header .sub-title { | |
font-size: 14px; | |
text-transform: uppercase; | |
} | |
.Properties-table .ui-item table td { | |
padding: 15px 20px !important; | |
border: none !important; | |
} | |
.Properties-table .ui-item .table .label { | |
border-radius: 2px; | |
margin-left: 5px; | |
font-size: 1em; | |
font-weight: 400; | |
padding: 2px 6px; | |
} | |
.Properties-table .ui-item .text-green { | |
color: #00a65a !important; | |
} | |
.Properties-table .ui-item .text-red { | |
color: #f56954 !important; | |
} | |
.mrg-btm-52 { | |
margin-bottom: 52px; | |
} | |
/** PROPERTIES DETAILS PAGE AREA START **/ | |
.properties-details-page { | |
padding: 70px 0px; | |
background: #f5f5f5; | |
} | |
#carousel-custom .carousel-indicators { | |
margin: 10px 0px 0px; | |
overflow: auto; | |
position: static; | |
text-align: left; | |
white-space: nowrap; | |
width: 100%; | |
} | |
#carousel-custom .carousel-indicators li { | |
background-color: transparent; | |
-webkit-border-radius: 0; | |
border-radius: 0; | |
display: inline-block; | |
height: auto; | |
margin: 0 !important; | |
width: auto; | |
} | |
#carousel-custom .carousel-indicators li img { | |
display: block; | |
opacity: 0.5; | |
} | |
#carousel-custom .carousel-indicators li.active img { | |
opacity: 1; | |
} | |
#carousel-custom .carousel-indicators li:hover img { | |
opacity: 0.75; | |
} | |
#carousel-custom .carousel-outer { | |
position: relative; | |
} | |
.thumb-preview { | |
width: 100%; | |
} | |
.thumbs { | |
width: 100% !important; | |
margin: 12px auto !important; | |
background: #dde3e4; | |
padding: 10px 0px 6px 10px; | |
} | |
.thumbs img { | |
width: 93.50px; | |
height: 60px; | |
} | |
.properties-details-page .heading { | |
color: #333; | |
letter-spacing: 1px; | |
font-weight: 600; | |
position: relative; | |
padding-bottom: 20px; | |
font-size: 20px; | |
margin: 0px 0px 25px; | |
} | |
.properties-details-page .heading:before { | |
content: ''; | |
width: 100%; | |
height: 1px; | |
background: #e3d9d9; | |
position: absolute; | |
bottom: 0; | |
left: 0; | |
} | |
.properties-details-page .heading:after { | |
content: ''; | |
width: 80px; | |
height: 2px; | |
left: 0; | |
bottom: -1px; | |
position: absolute; | |
} | |
.go-home { | |
float: right; | |
} | |
.properties-details-page p { | |
color: #8f8f8f; | |
line-height: 25px; | |
} | |
.properties-amenities ul { | |
margin: 0px; | |
padding: 0px; | |
} | |
.properties-amenities li { | |
list-style: none; | |
} | |
.properties-amenities ul li { | |
list-style: none; | |
margin-bottom: 20px; | |
color: #868686; | |
font-size: 13px; | |
} | |
.properties-amenities ul li i { | |
margin-right: 20px; | |
text-align: center; | |
font-size: 15px; | |
font-weight: 400; | |
} | |
.properties-condition ul { | |
margin: 0px; | |
padding: 0px; | |
} | |
.properties-condition li { | |
list-style: none; | |
} | |
.properties-condition ul li { | |
list-style: none; | |
margin-bottom: 20px; | |
color: #868686; | |
font-size: 13px; | |
} | |
.properties-condition ul li i { | |
margin-right: 20px; | |
text-align: center; | |
font-size: 15px; | |
font-weight: 400; | |
} | |
.inside-properties iframe { | |
width: 100%; | |
border: 0px; | |
} | |
.heading-properties h3 { | |
font-weight: 400; | |
margin-top: 0px; | |
color: #353434; | |
} | |
.heading-properties i { | |
color: orange; | |
float: right; | |
} | |
.heading-properties p { | |
font-weight: bold; | |
} | |
.heading-properties { | |
margin-bottom: 10px; | |
} | |
.properties-details-section { | |
background: #fff; | |
padding: 20px; | |
margin-bottom: 30px; | |
} | |
.detail-slider-full { | |
background: #fff; | |
padding: 20px 20px 10px; | |
} | |
.detail-slider-full .thumbs img { | |
width: 149px; | |
height: 95px; | |
} | |
.search-banner { | |
margin: 0; | |
padding: 50px 0; | |
background-color: #ebebeb; | |
} | |
.search-banner .search-title { | |
font-size: 20px; | |
font-weight: 600; | |
text-transform: uppercase; | |
margin-bottom: 25px; | |
} | |
.search-banner .show-more-options { | |
margin: 20px 0px; | |
display: block; | |
} | |
/** SUBMIT PROPERTY AREA START **/ | |
.submit-property { | |
padding: 70px 0px; | |
} | |
.notification-box { | |
padding: 30px 35px; | |
color: #2e86b2; | |
margin-bottom: 50px; | |
background-color: #bae8ff; | |
} | |
.notification-box h3 { | |
margin: 0 0 10px; | |
font-weight: 600; | |
} | |
.notification-box p { | |
font-size: 17px; | |
margin: 0px; | |
} | |
.submit-address form .input-text { | |
width: 100%; | |
padding: 10px 17px; | |
font-size: 13px; | |
border: 1px solid #e8e7e7; | |
outline: none; | |
color: #6c6c6c; | |
height: 40px; | |
border-radius: 2px; | |
} | |
.submit-address form textarea { | |
min-height: 250px; | |
} | |
.submit-address form label { | |
display: inline-block; | |
max-width: 100%; | |
margin-bottom: 10px; | |
font-weight: 600; | |
color: #827f7f; | |
} | |
.submit-address form .form-group { | |
margin-bottom: 25px; | |
} | |
.submit-address h1 { | |
font-size: 30px; | |
position: relative; | |
padding-bottom: 15px; | |
margin: 20px 0px 30px; | |
color: #333; | |
} | |
.submit-address h1::before { | |
content: ""; | |
width: 100%; | |
height: 1px; | |
background-color: #e1e1e1; | |
position: absolute; | |
bottom: 0px; | |
left: 0px; | |
} | |
.submit-address h1::after { | |
content: ""; | |
width: 70px; | |
height: 2px; | |
left: 0px; | |
bottom: -1px; | |
position: absolute; | |
} | |
.dropzone-design { | |
border: 2px dashed #d0d0d0; | |
min-height: 100px; | |
} | |
.dropzone-design, .dropzone-design * { | |
box-sizing: border-box; | |
} | |
.dropzone-design { | |
min-height: 150px; | |
border: 2px solid rgba(0, 0, 0, 0.3); | |
background: white; | |
padding: 20px 20px; | |
} | |
.dropzone-design.dz-clickable { | |
cursor: pointer; | |
} | |
.dropzone-design.dz-clickable * { | |
cursor: default; | |
} | |
.dropzone-design.dz-clickable .dz-message, .dropzone-design.dz-clickable .dz-message * { | |
cursor: pointer; | |
} | |
.dropzone-design.dz-started .dz-message { | |
display: none; | |
} | |
.dropzone-design.dz-drag-hover { | |
border-style: solid; | |
} | |
.dropzone-design.dz-drag-hover .dz-message { | |
opacity: 0.5; | |
} | |
.dropzone-design .dz-preview { | |
position: relative; | |
display: inline-block; | |
vertical-align: top; | |
margin: 16px; | |
min-height: 100px; | |
} | |
.dropzone-design .dz-preview:hover { | |
z-index: 1000; | |
} | |
.dropzone-design .dz-preview:hover .dz-details { | |
opacity: 1; | |
} | |
.dropzone-design .dz-preview.dz-file-preview .dz-image { | |
border-radius: 3px; | |
background: #999; | |
background: linear-gradient(to bottom, #eee, #ddd); | |
} | |
.dropzone-design .dz-preview.dz-file-preview .dz-details { | |
opacity: 1; | |
} | |
.dropzone-design .dz-preview.dz-image-preview { | |
background: white; | |
} | |
.dropzone-design .dz-preview.dz-image-preview .dz-details { | |
-webkit-transition: opacity 0.2s linear; | |
-moz-transition: opacity 0.2s linear; | |
-ms-transition: opacity 0.2s linear; | |
-o-transition: opacity 0.2s linear; | |
transition: opacity 0.2s linear; | |
} | |
.dropzone-design .dz-preview .dz-remove { | |
font-size: 14px; | |
text-align: center; | |
display: block; | |
cursor: pointer; | |
border: none; | |
} | |
.dropzone-design .dz-preview .dz-remove:hover { | |
text-decoration: underline; | |
} | |
.dropzone-design .dz-preview:hover .dz-details { | |
opacity: 1; | |
} | |
.dropzone-design .dz-preview .dz-details { | |
z-index: 20; | |
position: absolute; | |
top: 0; | |
left: 0; | |
opacity: 0; | |
font-size: 13px; | |
min-width: 100%; | |
max-width: 100%; | |
padding: 2em 1em; | |
text-align: center; | |
color: rgba(0, 0, 0, 0.9); | |
line-height: 150%; | |
} | |
.dropzone-design .dz-preview .dz-details .dz-size { | |
margin-bottom: 1em; | |
font-size: 16px; | |
} | |
.dropzone-design .dz-preview .dz-details .dz-filename { | |
white-space: nowrap; | |
} | |
.dropzone-design .dz-preview .dz-details .dz-filename:hover span { | |
border: 1px solid rgba(200, 200, 200, 0.8); | |
background-color: rgba(255, 255, 255, 0.8); | |
} | |
.dropzone-design .dz-preview .dz-details .dz-filename:not(:hover) { | |
overflow: hidden; | |
text-overflow: ellipsis; | |
} | |
.dropzone-design .dz-preview .dz-details .dz-filename:not(:hover) span { | |
border: 1px solid transparent; | |
} | |
.dropzone-design .dz-preview .dz-details .dz-filename span, .dropzone-design .dz-preview .dz-details .dz-size span { | |
background-color: rgba(255, 255, 255, 0.4); | |
padding: 0 0.4em; | |
border-radius: 3px; | |
} | |
.dropzone-design .dz-preview:hover .dz-image img { | |
-webkit-transform: scale(1.05, 1.05); | |
-moz-transform: scale(1.05, 1.05); | |
-ms-transform: scale(1.05, 1.05); | |
-o-transform: scale(1.05, 1.05); | |
transform: scale(1.05, 1.05); | |
-webkit-filter: blur(8px); | |
filter: blur(8px); | |
} | |
.dropzone-design .dz-preview .dz-image { | |
border-radius: 3px; | |
overflow: hidden; | |
width: 120px; | |
height: 120px; | |
position: relative; | |
transition: all 0.3s; | |
display: block; | |
z-index: 10; | |
} | |
.dropzone-design .dz-preview .dz-image img { | |
display: block; | |
filter: blur(0px); | |
transition: all 0.4s; | |
} | |
.dropzone-design .dz-preview.dz-success .dz-success-mark { | |
-webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); | |
-moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); | |
-ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); | |
-o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); | |
animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); | |
} | |
.dropzone-design .dz-preview.dz-error .dz-error-mark { | |
opacity: 1; | |
-webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); | |
-moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); | |
-ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); | |
-o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); | |
animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); | |
} | |
.dropzone-design .dz-preview .dz-success-mark, .dropzone-design .dz-preview .dz-error-mark { | |
pointer-events: none; | |
opacity: 0; | |
z-index: 500; | |
position: absolute; | |
display: block; | |
top: 50%; | |
left: 50%; | |
margin-left: -27px; | |
margin-top: -27px; | |
} | |
.dropzone-design .dz-preview .dz-success-mark svg, .dropzone-design .dz-preview .dz-error-mark svg { | |
display: block; | |
width: 54px; | |
height: 54px; | |
} | |
.dropzone-design .dz-preview.dz-processing .dz-progress { | |
opacity: 1; | |
-webkit-transition: all 0.2s linear; | |
-moz-transition: all 0.2s linear; | |
-ms-transition: all 0.2s linear; | |
-o-transition: all 0.2s linear; | |
transition: all 0.2s linear; | |
} | |
.dropzone-design .dz-preview.dz-complete .dz-progress { | |
opacity: 0; | |
-webkit-transition: opacity 0.4s ease-in; | |
-moz-transition: opacity 0.4s ease-in; | |
-ms-transition: opacity 0.4s ease-in; | |
-o-transition: opacity 0.4s ease-in; | |
transition: opacity 0.4s ease-in; | |
} | |
.dropzone-design .dz-preview:not(.dz-processing) .dz-progress { | |
-webkit-animation: pulse 6s ease infinite; | |
-moz-animation: pulse 6s ease infinite; | |
-ms-animation: pulse 6s ease infinite; | |
-o-animation: pulse 6s ease infinite; | |
animation: pulse 6s ease infinite; | |
} | |
.dropzone-design .dz-preview .dz-progress { | |
opacity: 1; | |
z-index: 1000; | |
pointer-events: none; | |
position: absolute; | |
height: 16px; | |
left: 50%; | |
top: 50%; | |
margin-top: -8px; | |
width: 80px; | |
margin-left: -40px; | |
background: rgba(255, 255, 255, 0.9); | |
-webkit-transform: scale(1); | |
border-radius: 8px; | |
overflow: hidden; | |
} | |
.dropzone-design .dz-preview .dz-progress .dz-upload { | |
background: #333; | |
background: linear-gradient(to bottom, #666, #444); | |
position: absolute; | |
top: 0; | |
left: 0; | |
bottom: 0; | |
width: 0; | |
-webkit-transition: width 300ms ease-in-out; | |
-moz-transition: width 300ms ease-in-out; | |
-ms-transition: width 300ms ease-in-out; | |
-o-transition: width 300ms ease-in-out; | |
transition: width 300ms ease-in-out; | |
} | |
.dropzone-design .dz-preview.dz-error .dz-error-message { | |
display: block; | |
} | |
.dropzone-design .dz-preview.dz-error:hover .dz-error-message { | |
opacity: 1; | |
pointer-events: auto; | |
} | |
.dropzone-design .dz-preview .dz-error-message { | |
pointer-events: none; | |
z-index: 1000; | |
position: absolute; | |
display: block; | |
display: none; | |
opacity: 0; | |
-webkit-transition: opacity 0.3s ease; | |
-moz-transition: opacity 0.3s ease; | |
-ms-transition: opacity 0.3s ease; | |
-o-transition: opacity 0.3s ease; | |
transition: opacity 0.3s ease; | |
border-radius: 8px; | |
font-size: 13px; | |
top: 130px; | |
left: -10px; | |
width: 140px; | |
background: #be2626; | |
background: linear-gradient(to bottom, #be2626, #a92222); | |
padding: 0.5em 1.2em; | |
color: white; | |
} | |
.dropzone-design .dz-preview .dz-error-message:after { | |
content: ''; | |
position: absolute; | |
top: -6px; | |
left: 64px; | |
width: 0; | |
height: 0; | |
border-left: 6px solid transparent; | |
border-right: 6px solid transparent; | |
border-bottom: 6px solid #be2626; | |
} | |
.dropzone-design { | |
position: relative; | |
border: 2px dashed #d0d0d0; | |
border-radius: 3px; | |
background: #fcfcfc; | |
transition: all 0.3s linear; | |
margin-bottom: 15px; | |
display: inline-block; | |
width: 100%; | |
} | |
.dropzone-design:before { | |
position: absolute; | |
height: 100%; | |
width: 100%; | |
content: ""; | |
top: 0; | |
left: 0; | |
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.9)); | |
background-color: #66676b; | |
opacity: 0; | |
z-index: 10; | |
transition: all 0.3s linear; | |
border-radius: 3px; | |
} | |
.dropzone-design:hover:before { | |
opacity: 0.4; | |
} | |
.dropzone-design .dz-message { | |
text-align: center; | |
margin: 50px 0; | |
font-size: 17px; | |
color: #888; | |
transition: all 0.3s linear; | |
position: relative; | |
z-index: 11; | |
} | |
.dropzone-design:hover .dz-message { | |
color: #66676b; | |
} | |
.dz-message i { | |
display: block; | |
font-size: 32px; | |
margin-bottom: 15px; | |
} | |
.dropzone-design .dz-default.dz-message span { | |
display: inline; | |
line-height: 117px; | |
} | |
/** SPECIFICATIONS AREA START **/ | |
.specifications p { | |
margin-bottom: 30px; | |
font-weight: 300; | |
} | |
.section-heading { | |
margin-bottom: 30px; | |
} | |
.section-heading .media .media-left i { | |
color: #fff; | |
width: 47px; | |
height: 47px; | |
line-height: 47px; | |
text-align: center; | |
font-size: 30px; | |
float: left; | |
} | |
.section-heading .media .media-body h4 { | |
margin: 3px 0px 3px; | |
font-weight: 600; | |
font-size: 20px; | |
text-transform: uppercase; | |
} | |
.section-heading .media .media-body p { | |
margin: 0 0 0px; | |
color: #868686; | |
} | |
.reviews-box { | |
padding: 15px 0px; | |
border-top: solid 1px #e9e9e9; | |
border-bottom: solid 1px #e9e9e9; | |
margin-bottom: 30px; | |
} | |
.specifications .reviews-box ul { | |
margin: 0px; | |
padding: 0px; | |
} | |
.specifications .reviews-box ul li { | |
list-style: none; | |
float: left; | |
} | |
.specifications .reviews-box ul li i { | |
margin-right: 2px; | |
color: orange; | |
} | |
.specifications .reviews-box .reviews { | |
float: left; | |
font-size: 12px; | |
text-transform: uppercase; | |
margin-left: 10px; | |
color: #868686; | |
} | |
.specifications .reviews-box a { | |
float: right; | |
text-decoration: none; | |
color: #868686; | |
} | |
.specifications .reviews-box a i { | |
margin-right: 5px; | |
} | |
.wishlist-btn { | |
display: block; | |
height: 41px; | |
margin-bottom: 15px; | |
border: 1px solid #e5e5e5; | |
border-radius: 3px; | |
} | |
.wishlist-btn-l { | |
width: 39px; | |
height: 40px; | |
display: block; | |
float: left; | |
border-right: 1px solid #e5e5e5; | |
text-align: center; | |
line-height: 41px; | |
} | |
.wishlist-btn-r { | |
height: 40px; | |
line-height: 40px; | |
font-size: 12px; | |
text-transform: uppercase; | |
color: #646363; | |
font-weight: 600; | |
text-align: center; | |
display: block; | |
} | |
.specifications a { | |
text-decoration: none; | |
} | |
.specifications a:hover { | |
color: #646363; | |
} | |
.book-btn { | |
display: block; | |
height: 41px; | |
margin-bottom: 15px; | |
border-radius: 3px; | |
} | |
.book-btn-l { | |
float: left; | |
padding: 0px 12px; | |
height: 40px; | |
display: block; | |
text-align: center; | |
line-height: 40px; | |
color: #fff; | |
} | |
.book-btn-r { | |
height: 40px; | |
line-height: 40px; | |
font-size: 12px; | |
text-transform: uppercase; | |
color: #ffffff; | |
font-weight: 600; | |
text-align: center; | |
display: block; | |
} | |
.specifications p { | |
margin-bottom: 30px; | |
font-weight: 300; | |
} | |
/** PAGE LOADER **/ | |
.no-js #loader { | |
display: none; | |
} | |
.js #loader { | |
display: block; | |
position: absolute; | |
left: 100px; | |
top: 0; | |
} | |
.page_loader { | |
position: fixed; | |
left: 0px; | |
top: 0px; | |
width: 100%; | |
height: 100%; | |
z-index: 999999; | |
background: url(../img/loader.gif) center no-repeat #fff; | |
} | |
.slider-section .simple-slider { | |
margin-bottom: 30px; | |
} | |
.agent-widget h3 { | |
margin-top: 0px; | |
} | |
.agent-widget h3 a { | |
text-decoration: none; | |
} | |
.agent-widget h4 { | |
margin-bottom: 30px; | |
font-size: 15px; | |
color: #868686; | |
} | |
.agent-widget h4 i { | |
margin-right: 5px; | |
} | |
.print-section { | |
margin-bottom: 15px; | |
} | |
.widget-link { | |
position: relative; | |
display: inline-block; | |
cursor: pointer; | |
margin-right: 12px; | |
color: #777; | |
background-color: transparent; | |
padding: 0px; | |
border-radius: 3px; | |
transition: all 0.3s; | |
outline: none; | |
border-width: initial; | |
border-style: none; | |
border-color: initial; | |
border-image: initial; | |
font-size: 13px; | |
} | |
.widget-link:hover { | |
} | |
.widget-link i { | |
margin-right: 2px; | |
position: relative; | |
top: 2px; | |
} | |
.back-to-listings { | |
height: 55px; | |
line-height: 55px; | |
width: 55px; | |
background-color: #eaeaea; | |
color: #a39f9f; | |
font-size: 18px; | |
display: inline-block; | |
text-align: center; | |
transform: translateY(-50%); | |
border-radius: 3px; | |
transition: all 0.4s; | |
} | |
.back-to-listings:hover { | |
color: #fff; | |
} | |
.agent-widget form textarea { | |
min-height: 130px; | |
} | |
.contact-form .mrg-btn-0 { | |
margin-bottom: 10px; | |
} | |
.social-media-box { | |
text-align: left; | |
float: left; | |
width: 100%; | |
} | |
.social-media-box .social-list li a { | |
width: 40px; | |
height: 40px; | |
line-height: 40px; | |
text-align: center; | |
display: inline-block; | |
font-size: 18px; | |
color: rgb(255, 255, 255); | |
margin: 2px 4px; | |
border-radius: 0%; | |
} | |
/** ICONS LIBRARY **/ | |
.icon-lists { | |
padding: 70px 0px; | |
} | |
.icon-lists .heading { | |
margin: 0px 0px 10px 0px; | |
text-transform: uppercase; | |
} | |
.glyph { | |
background: #f9f9f9; | |
width: 250px; | |
height: 94px; | |
float: left; | |
text-align: center; | |
padding: 20px 11px; | |
margin: 10px; | |
font-size: 10px; | |
color: #999; | |
} | |
.glyph .glyph-icon { | |
font-size: 24px; | |
color: #555; | |
} | |
.glyph fieldset, | |
.glyph .hidden-true { | |
display: none; | |
} | |
.glyph .bshadow0 .lnr { | |
font-size: 24px; | |
color: #555; | |
display: block; | |
line-height: 35px; | |
} | |
.icon-lists mark { | |
margin-bottom: 10px; | |
display: inline-block; | |
} | |
.bs-glyphicons-list { | |
padding-left: 0; | |
list-style: none; | |
} | |
.bs-glyphicons li { | |
width: 12.5%; | |
font-size: 12px; | |
} | |
.bs-glyphicons li { | |
float: left; | |
width: 20%; | |
height: 115px; | |
padding: 10px; | |
font-size: 10px; | |
line-height: 1.4; | |
text-align: center; | |
background-color: #f9f9f9; | |
border: 1px solid #fff; | |
} | |
.bs-glyphicons .glyphicon { | |
margin-top: 5px; | |
margin-bottom: 10px; | |
font-size: 24px; | |
} | |
.bs-glyphicons .glyphicon-class { | |
display: block; | |
text-align: center; | |
word-wrap: break-word; | |
} | |
.font-awesome-icons .col-print-4 { | |
margin-bottom: 10px; | |
} | |
.font-awesome-icons .text-muted { | |
display: none; | |
} | |
/** MEDIA QUERY **/ | |
@media (max-width: 995px) { | |
.logo { | |
margin-right: 40px; | |
} | |
.main-header .navbar-default .nav > li > a { | |
padding: 25px 15px 26px; | |
} | |
} | |
@media all and (min-width: 768px) { | |
.our-partners .carousel-inner > .active.left, | |
.our-partners .carousel-inner > .prev { | |
left: -50%; | |
} | |
.our-partners .carousel-inner > .active.right, | |
.our-partners .carousel-inner > .next { | |
left: 50%; | |
} | |
.our-partners .carousel-inner > .left, | |
.our-partners .carousel-inner > .prev.right, | |
.our-partners .carousel-inner > .active { | |
left: 0; | |
} | |
.our-partners .carousel-inner .cloneditem-1 { | |
display: block; | |
} | |
} | |
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) { | |
.our-partners .carousel-inner > .item.active.right, | |
.our-partners .carousel-inner > .item.next { | |
-webkit-transform: translate3d(50%, 0, 0); | |
transform: translate3d(50%, 0, 0); | |
left: 0; | |
} | |
.our-partners .carousel-inner > .item.active.left, | |
.our-partners .carousel-inner > .item.prev { | |
-webkit-transform: translate3d(-50%, 0, 0); | |
transform: translate3d(-50%, 0, 0); | |
left: 0; | |
} | |
.our-partners .carousel-inner > .item.left, | |
.our-partners .carousel-inner > .item.prev.right, | |
.our-partners .carousel-inner > .item.active { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0); | |
left: 0; | |
} | |
} | |
@media all and (min-width: 992px) { | |
.our-partners .carousel-inner > .active.left, | |
.our-partners .carousel-inner > .prev { | |
left: -25%; | |
} | |
.our-partners .carousel-inner > .active.right, | |
.our-partners .carousel-inner > .next { | |
left: 25%; | |
} | |
.our-partners .carousel-inner > .left, | |
.our-partners .carousel-inner > .prev.right, | |
.our-partners .carousel-inner > .active { | |
left: 0; | |
} | |
.our-partners .carousel-inner .cloneditem-2, | |
.our-partners .carousel-inner .cloneditem-3 { | |
display: block; | |
} | |
} | |
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) { | |
.our-partners .carousel-inner > .item.active.right, | |
.our-partners .carousel-inner > .item.next { | |
-webkit-transform: translate3d(25%, 0, 0); | |
transform: translate3d(25%, 0, 0); | |
left: 0; | |
} | |
.our-partners .carousel-inner > .item.active.left, | |
.our-partners .carousel-inner > .item.prev { | |
-webkit-transform: translate3d(-25%, 0, 0); | |
transform: translate3d(-25%, 0, 0); | |
left: 0; | |
} | |
.our-partners .carousel-inner > .item.left, | |
.our-partners .carousel-inner > .item.prev.right, | |
.our-partners .carousel-inner > .item.active { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0); | |
left: 0; | |
} | |
} | |
@media (max-width: 768px) { | |
.setting-button { | |
font-size: 14px; | |
width: 36px; | |
height: 36px; | |
line-height: 38px; | |
left: -35px; | |
} | |
.navbar-default .navbar-toggle { | |
margin-top: 35px; | |
margin-right: 0px; | |
margin-bottom: 8px; | |
border-radius: 0px; | |
background: transparent; | |
border: none; | |
padding: 0px; | |
} | |
.my-properties-box .col-pad img { | |
height: auto; | |
} | |
.listing-properties-box .detail .location a{ | |
font-size: 13px; | |
} | |
.search-banner{ | |
padding: 20px 0px; | |
} | |
.back-to-listings { | |
height: 35px; | |
line-height: 35px; | |
width: 35px; | |
font-size: 15px; | |
} | |
.banner .item{ | |
height: 250px; | |
} | |
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { | |
background: transparent; | |
} | |
.navbar-default .navbar-toggle:hover { | |
background: transparent; | |
} | |
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { | |
color: #fff !important; | |
padding: 10px 15px !important; | |
} | |
.main-header .navbar-default .nav > li > a:hover { | |
color: #fff !important; | |
} | |
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { | |
color: #fff; | |
} | |
.navbar-default .navbar-nav .open .dropdown-menu > li > a { | |
color: #fff; | |
} | |
.navbar-default .navbar-nav .open .dropdown-menu > li > a { | |
color: #555; | |
background: #eee; | |
padding: 10px 15px; | |
border-bottom: none; | |
} | |
.navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li.dropdown-header, .navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a { | |
background: #f8f8f8; | |
padding-left: 50px; | |
} | |
.rightside-navbar { | |
display: none; | |
} | |
.main-header .navbar-default .nav > li > a { | |
padding: 5px 20px 5px; | |
} | |
.search-area label { | |
display: none; | |
} | |
.recent-properties-box .detail .title { | |
font-size: 16px; | |
} | |
.category_long_bg { | |
height: 270px; | |
} | |
.category-title { | |
font-size: 20px; | |
} | |
.category-subtitle { | |
font-size: 14px; | |
} | |
.icon-box { | |
margin-bottom: 65px; | |
} | |
.section-4 { | |
padding-top: 110px | |
} | |
.testimonials .content .text { | |
font-size: 17px; | |
text-align: justify; | |
} | |
.sec-title-three h2 { | |
font-size: 24px; | |
} | |
.testimonial-section { | |
text-align: center; | |
padding: 50px 0px 75px; | |
} | |
.listings-parallax-inner { | |
padding: 50px 0px; | |
} | |
.listings-parallax h1 { | |
font-size: 25px; | |
margin: 0 0px 20px; | |
} | |
.listings-parallax h3 { | |
font-size: 15px; | |
} | |
.sub-banner h1 { | |
font-size: 28px; | |
} | |
.sub-banner{ | |
padding: 50px 0px; | |
} | |
.contact-details .media .media-left { | |
padding-right: 20px; | |
} | |
.contact-details .media .media-left i { | |
width: 42px; | |
font-size: 21px; | |
height: 42px; | |
line-height: 42px; | |
} | |
.error404-content h1 { | |
font-size: 100px; | |
} | |
.error404-content p { | |
font-size: 18px; | |
} | |
.blog-box .detail p { | |
line-height: 20px; | |
text-align: justify; | |
font-size: 13px; | |
} | |
.blog-box .detail .title { | |
margin: 0px 0px 15px; | |
font-size: 20px; | |
} | |
.blog-box .detail .post-meta { | |
margin-bottom: 15px; | |
} | |
.banner .banner-top-align { | |
top: 15px !important; | |
right: 10%; | |
} | |
.banner .banner-slider-inner { | |
top: 100px; | |
right: 10%; | |
left: 10%; | |
} | |
.search-area { | |
width: 80%; | |
left: 10%; | |
} | |
.search-area-inner { | |
margin: 0px -15px; | |
} | |
.search-contents { | |
padding: 25px 25px 0px; | |
border-radius: 0px; | |
} | |
.search-contents .col-xs-12, | |
.search-contents .col-xs-6 { | |
padding: 3px 10px; | |
} | |
.search-box .form-group { | |
margin-bottom: 0px; | |
} | |
.blog-box .detail { | |
padding: 20px; | |
} | |
.blog-box .detail .tags-box { | |
margin-bottom: 20px; | |
} | |
.blog-box .detail .blog-share { | |
float: left; | |
text-align: left; | |
} | |
.comments ul { | |
margin: 0 0 0 0px; | |
} | |
.comment-body { | |
margin: 10px 0 0 0; | |
line-height: 20px; | |
padding: 10px 0 0 0; | |
font-size: 13px; | |
text-align: justify; | |
} | |
blockquote { | |
margin: 20px 0 20px; | |
font-size: 14px; | |
} | |
.sub-footer .social-list ul li { | |
float: none; | |
display: inline-block; | |
} | |
.sub-footer { | |
text-align: center; | |
} | |
.blog-banner { | |
text-align: center; | |
} | |
.go-home { | |
float: none; | |
} | |
.blog-banner h2 { | |
margin: 0 0 15px 0px; | |
font-size: 20px; | |
} | |
.comment-content { | |
margin-left: 65px; | |
padding: 15px; | |
} | |
.comment-rating { | |
color: orange; | |
margin: 0px; | |
} | |
.listing-properties-box .detail { | |
padding: 20px 20px; | |
} | |
.option-bar h4 { | |
display: block; | |
border-radius: 3px; | |
} | |
.form-content-box .details { | |
padding: 20px 20px; | |
} | |
.sec-title-three h2 { | |
margin-top: 0px; | |
} | |
.about-city-estate { | |
padding: 50px 0px; | |
} | |
.contact-body { | |
padding: 50px 0px 20px; | |
} | |
.blog-box { | |
margin-bottom: 30px; | |
} | |
.blog-body { | |
padding: 50px 0px; | |
background: #f5f5f5; | |
} | |
.recent-properties { | |
padding: 50px 0px 20px; | |
} | |
.content-area { | |
padding: 50px 0px 20px; | |
} | |
.about-text h3 { | |
font-size: 19px; | |
} | |
.banner .banner-slider-inner h1 { | |
font-size: 27px; | |
margin-bottom: 10px; | |
} | |
.banner-slider-inner p { | |
font-size: 14px; | |
} | |
.slider-mover-left { | |
width: 30px; | |
height: 30px; | |
line-height: 22px; | |
left: 5px; | |
border: solid 1px #1B1410; | |
} | |
.slider-mover-left img { | |
width: 20px; | |
} | |
.slider-mover-right { | |
width: 30px; | |
height: 30px; | |
line-height: 22px; | |
right: 5px; | |
border: solid 1px #1B1410; | |
} | |
.slider-mover-right img { | |
width: 20px; | |
} | |
.banner-detail-box { | |
left: 15px; | |
z-index: 2; | |
} | |
.banner-slider-inner .text-left { | |
text-align: center; | |
} | |
.search-area .form-group { | |
margin-bottom: 10px; | |
} | |
.recent-properties-box .detail .location a { | |
font-size: 14px; | |
} | |
.recent-properties-box .detail .title { | |
font-size: 16px; | |
} | |
.about-box { | |
max-width: 100%; | |
} | |
.listing-properties-box .listing-propertie-theme img { | |
height: auto; | |
} | |
.my-properties-box .detail .location { | |
font-size: 14px; | |
} | |
.properties-details-page p { | |
line-height: 21px; | |
text-align: justify; | |
font-size: 13px; | |
} | |
.properties-amenities ul li { | |
list-style: none; | |
margin-bottom: 10px; | |
} | |
.properties-condition ul li { | |
margin-bottom: 10px; | |
} | |
.heading-properties h3 { | |
font-size: 20px; | |
} | |
.my-address h1 { | |
font-size: 20px; | |
} | |
.typography-page p { | |
font-size: 13px; | |
line-height: 25px; | |
text-align: justify; | |
} | |
.submit-address h1 { | |
font-size: 26px; | |
} | |
.breadcrumb-area h1 { | |
font-size: 21px; | |
} | |
.breadcrumbs{ | |
font-size: 12px; | |
} | |
.breadcrumb-area .button-md { | |
padding: 10px 20px; | |
} | |
.animated { | |
/*CSS3 animation properties*/ | |
-webkit-animation: none !important; | |
-moz-animation: none !important; | |
-o-animation: none !important; | |
-ms-animation: none !important; | |
animation: none !important; | |
/*CSS3 transition properties*/ | |
-o-transition-property: none !important; | |
-moz-transition-property: none !important; | |
-ms-transition-property: none !important; | |
-webkit-transition-property: none !important; | |
transition-property: none !important; | |
/*CSS3 transform properties*/ | |
-o-transform: none !important; | |
-moz-transform: none !important; | |
-ms-transform: none !important; | |
-webkit-transform: none !important; | |
transform: none !important; | |
} | |
} | |
@media (min-width: 768px) { | |
.main-header .navbar-default .nav > li:hover > .dropdown-menu { | |
display: block; | |
animation-delay: 0.3s; | |
-webkit-animation-delay: 0.3s | |
} | |
.main-header .navbar-default .nav > li > .dropdown-menu li:hover > .dropdown-menu { | |
display: block; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment