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 hidden or 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 hidden or 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