/*-------------------------------------------------------------- 01. Default CSS 02. Typograpgy 03. Header One 04. Header Two 05. Header Three 06. Search Modal 07. Sliding Sidebar 08. Body Overlay 09. Hero Section One 10. Hero Section One Background Image 11. Hero Section One Background Parallax 12. Hero Section Two 13. Hero Section Two Background Image 14. Hero Section Two Background Parallax 15. Hero Section Three 16. Hero Section Three Background Image 17. Hero Section Three Background Parallax 18. Rating Section 19. Rating Section Two 20. About Section 21. About Section Two 22. About Section Three 23. Featured Section 24. Featured Section Two 25. Featured Section Three 26. Portfolio Section 27. Portfolio Section Two 28. Portfolio Section Three 29. Portfolio Section Four 30. Single Portfolio Section 31. Related Portfolio Section 32. Service Section 33. Service Section Two 34. Service Section Three 35. Single Service Section 36. Image Gallery Section 37. Awards Section 38. CTA Section 39. CTA Section Two 40. CTA Section Three 41. Team Section 42. Team Section Two 43. Team Section Three 44. Single Team Section 45. Testimonial Section 46. Testimonial Section Two 47. Testimonial Section Three 48. Before After Section 49. Blog Section 50. Blog Section Two 51. Single Post Section 52. Sidebar 53. Our Clients Section 54. Google Map Section 55. Contact Section 56. Contact Section Two 57. Social Icons Section 58. Pricing Table Section 59. FAQ Section 60. Work Process Section 61. Page Header Section 62. Page Header Section Two 63. Page Header Section Three 64. Not Found Section 65. Coming Soon Section 66. Footer Area 67. Footer Area Two 68. Footer Area Three 69. Scroll To Top 70. Loading Spinner -------------------------------------------------------------*/ /* * ==================================== * 01. Default CSS * ==================================== */ @font-face { font-family: LeMajor; src: url(../../imperia-assets/fonts/LeMajor-Regular.otf); } @import url('https://fonts.googleapis.com/css?family=Barlow:400,600|Barlow:400,500,700'); html, body { min-height: 100%; } img {max-width: 100%;} .d-table {display: table;width: 100%;height: 100%;} .d-table-cell {display: table-cell;vertical-align: middle;} .scroll-icon {width: 20px;height: 30px;position: absolute;left: 50%;bottom: 0;margin-left: -9px;-webkit-box-shadow: inset 0 0 0 2px #ffffff;box-shadow: inset 0 0 0 2px #ffffff;border-radius: 25px;opacity: 0.75;cursor: pointer;-webkit-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;-webkit-transform: translateY(10px);-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);z-index: 1;} .scroll-icon:hover {opacity: 1;} .scroll-icon:before {content: '';width: 4px;height: 5px;background: #ffffff;margin-left: 8px;top: 8px;border-radius: 4px;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-name: scroll;animation-name: scroll;position: absolute;} @-webkit-keyframes scroll { 0% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { opacity: 1; -webkit-transform: translateY(7px); transform: translateY(7px); } } @keyframes scroll { 0% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { opacity: 1; -webkit-transform: translateY(7px); transform: translateY(7px); } } .inline-form-primary {position: absolute;max-width: 600px;width: 90%;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .inline-form-primary input {height: 46px;border: 2px solid #74573c;border-right: none;background: transparent;width: calc(100% - 190px);padding: 5px 15px;color: #fff;} .inline-form-primary button {width: 190px;} .hero-video-modal .close {position: absolute;right: -27px;top: -28px;color: #fff;font-size: 40px;font-weight: 400;padding: 5px;line-height: 25px;} .hero-video-modal .close:focus {outline: 0;} .side-padding {padding: 0 50px;} .list-primary {padding-left: 16px;} .list-primary li {list-style-image: url(../img/icons/dot-brown.png);margin-bottom: 10px;} .list-primary li:last-child { margin-bottom: 0;} .pagination {margin-bottom: 50px;} .pagination .page-link {color: #666666;} .background-dark {background: #222222;color: #ffffff;} .background-dark h1, .background-dark h2, .background-dark h3, .background-dark h4, .background-dark .lead, .background-dark a {color: #ffffff;} .background-dark a:hover {color: #dddddd;} .error {color: red;margin: 0;} /* * ==================================== * 02. Typograpgy * ==================================== */ body {font-family: 'Barlow', sans-serif;font-size: 16px;line-height: 1.5em;color: #666666;overflow-x: hidden;font-weight: 400;} h1 {font-family: 'Barlow', sans-serif;font-size: 60px;font-weight: 700;} h2 {font-family: 'Barlow', sans-serif;color: #333333;font-size: 40px;font-weight: 500;margin-bottom: 20px;} .small-primary {font-family: 'Barlow', sans-serif;font-size: 22px;/*color: #c79153;*/color: #742052;font-weight: 500;display: block;margin-bottom: 20px;} .small-primary span {letter-spacing: 1px;margin-left: 10px;} h3 {font-family: 'Barlow', sans-serif;color: #333333;font-size: 22px;font-weight: 700;margin-bottom: 10px;} .small-secondary {font-family: 'Barlow', sans-serif;font-size: 17px;color: #742052;font-weight: 600;display: block;margin-bottom: 10px;} h4 {font-family: 'Barlow', sans-serif;color: #333333;font-size: 22px;font-weight: 600;margin-bottom: 10px;} h4 span {font-size: 17px;font-weight: 400;} .lead {color: #333333;font-size: 20px;font-weight: 500;} .button-primary {font-family: 'Barlow', sans-serif;font-weight: 500;background: #ef6838;background: linear-gradient(to right, #ef6838 50%, #ef6838 50%);background-size: 200% 100%;background-position: right bottom;color: #ffffff;border-radius: 0;padding: 10px 35px;text-transform: uppercase;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .button-primary:hover, .button-primary.active {color: #ffffff;background-position: left bottom;} .button-primary-round {font-family: 'Barlow', sans-serif;font-weight: 500;background: #c79153;background: -webkit-gradient(linear, left top, right top, color-stop(50%, #b87f3d), color-stop(50%, #c79153));background: -webkit-linear-gradient(left, #b87f3d 50%, #c79153 50%);background: -o-linear-gradient(left, #b87f3d 50%, #c79153 50%);background: linear-gradient(to right, #b87f3d 50%, #c79153 50%);background-size: 200% 100%;background-position: right bottom;color: #ffffff;border-radius: 25px;padding: 10px 35px;text-transform: uppercase;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .button-primary-round:hover, .button-primary-round.active {color: #ffffff;background-position: left bottom;} .button-secondary-white {font-family: 'Barlow', sans-serif;font-weight: 500;background: transparent;border: 1px solid #ffffff;background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff), color-stop(50%, transparent));background: -webkit-linear-gradient(left, #ffffff 50%, transparent 50%);background: -o-linear-gradient(left, #ffffff 50%, transparent 50%);background: linear-gradient(to right, #ffffff 50%, transparent 50%);background-size: 200% 100%;background-position: right bottom;color: #ffffff;border-radius: 0;padding: 10px 35px;text-transform: uppercase;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .button-secondary-white:hover, .button-secondary-white.active {color: #333333;background-position: left bottom;} .button-secondary-brown {font-family: 'Barlow', sans-serif;font-weight: 500;background: transparent;border: 1px solid #c79153;background: -webkit-gradient(linear, left top, right top, color-stop(50%, #c79153), color-stop(50%, transparent));background: -webkit-linear-gradient(left, #c79153 50%, transparent 50%);background: -o-linear-gradient(left, #c79153 50%, transparent 50%);background: linear-gradient(to right, #c79153 50%, transparent 50%);background-size: 200% 100%;background-position: right bottom;color: #c79153;border-radius: 0;padding: 10px 35px;text-transform: uppercase;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .button-secondary-brown:hover, .button-secondary-brown.active {color: #ffffff;background-position: left bottom;} .button-secondary-brown-round {font-family: 'Barlow', sans-serif;font-weight: 500;border: 1px solid #c79153;text-transform: uppercase;border-radius: 25px;padding: 10px 25px;color: #c79153;background: -webkit-gradient(linear, left top, right top, color-stop(50%, #c79153), color-stop(50%, transparent));background: -webkit-linear-gradient(left, #c79153 50%, transparent 50%);background: -o-linear-gradient(left, #c79153 50%, transparent 50%);background: linear-gradient(to right, #c79153 50%, transparent 50%);background-size: 200% 100%;background-position: right bottom;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .button-secondary-brown-round:hover, .button-secondary-brown-round.active {color: #ffffff;background-position: left bottom;} .select-primary {background: transparent;border: none;color: #ffffff;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;background-image: url("../img/icons/arrow-down.png");background-repeat: no-repeat;background-position: 100%;padding-right: 12px;cursor: pointer;} .select-primary option {color: #333333;} .section-header {margin-bottom: 50px;} .section-header p {/*max-width: 550px;*/margin-left: auto;margin-right: auto;width: 100%;} .form-primary input {border-radius: 0;min-height: 45px;} .form-primary textarea {border-radius: 0;min-height: 140px;} .background-dark .form-primary input {background: #222222;border: 1px solid #666666;} .background-dark .form-primary textarea {background: #222222;border: 1px solid #666666;} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color: #333333;} h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {color: #333333;text-decoration: none;} a {color: #666666;} a:hover {color: #333333;text-decoration: none;} /* * ==================================== * 03. Header One * ==================================== */ .header-one {position: absolute;top: 0;left: 0;width: 100%;z-index: 10;color: #ffffff;} .header-one .top-bar {font-size: 13px;padding: 5px 15px;border-bottom: 1px solid #ef6838;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;background: #ef6838;} .header-one .top-bar a {color: #ffffff;font-size: 15px;font-weight: 500;font-family: "Barlow", sans-serif;} .top-bar ul{float: right;} .header-one .top-bar ul {list-style: none;margin: 0;padding: 0;} .header-one .top-bar ul li {display: inline-block;padding: 0 15px;} .header-one .top-bar-left ul li {padding-left: 0;} .header-one .top-bar-right {text-align: right;} .header-one .top-bar-right ul li {padding-right: 0;margin: 0px 5px;} .header-one .header-nav {padding: 15px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;background: #25411a;padding-bottom: 5px;padding-top: 10px;} .header-one .header-logo {display: inline-block;vertical-align: top;float: right;margin-right: 10px;} .header-one .header-menu {float: left;font-family: 'Barlow', sans-serif;font-weight: 400;/*margin-top: 15px;*/} .header-one .header-menu>ul {display: inline-block;list-style: none;margin: 0;padding: 0;} .header-one .header-menu>ul>li {display: inline-block;position: relative;} .header-one .header-menu>ul>li>a {color: #fff;padding: 2px 5px;display: block;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;border-radius: 4px;margin-top: 4px;} .header-one.sticky.active .header-nav {padding: 7px 15px;background: #ef6838;} .header-one.sticky.active .header-nav li.stevst a {background: #25411a;} .header-one.sticky.active .header-nav .sld img {background: #25411a;} .header-one.sticky.active .header-nav .header-menu>ul>li>a.active {color: #ef6838 !important;} .header-one.sticky.active .header-nav .header-menu>ul>li>a {color: #fff;} .header-one.sticky.active .header-menu>ul>li>a:hover {color: #ef6838;background: #fff;} .header-one.sticky .header-menu>ul>li>a:hover {color: #ef6838;background: #fff;} .header-one.sticky .header-menu .inrpgeti .inrpgetli a {color: #fff;} .header-one.sticky .header-menu .inrpgeti .inrpgetli a:hover {color: #ef6838;} .header-one.sticky.active .header-menu .inrpgeti .inrpgetli a {color: #fff;} .header-one.sticky.active .header-menu .inrpgeti .inrpgetli a:hover {color: #fab144;} .header-one .header-menu>ul>li>a#search-modal-btn {padding: 5px 5px;} .header-one .header-menu>ul>li>a#sliding-sidebar-btn {padding-right: 0;background: #efb358;padding: 5px 5px;} .header-one .header-menu>ul>li>a:hover {color: #c79153;text-decoration: none;} .header-one .header-menu>ul>li>ul {list-style: none;margin: 0;padding: 0;position: absolute;top: 100%;left: 0;min-width: 150px;border-top: 5px solid #25411a;background: #ffffff;z-index: 10;opacity: 0;visibility: hidden;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;-webkit-box-shadow: 0px 0px 5px 0px rgba(92, 87, 92, 0.75);box-shadow: 0px 0px 5px 0px rgba(92, 87, 92, 0.75);} .header-one .header-menu>ul>li:hover>ul {opacity: 1;visibility: visible;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} .header-one .header-menu>ul>li>ul>li {position: relative;} .header-one .header-menu>ul>li>ul>li a {font-family: 'Barlow', sans-serif;font-size: 15px;padding: 8px 20px;display: block;color: #666666;white-space: nowrap;border-bottom: 1px solid #eeeeee;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .header-one .header-menu>ul>li>ul>li:last-child a {border-bottom: none;} .header-one .header-menu>ul>li>ul>li a:hover {color: #ef6838;text-decoration: none;background: #f5f4f4;} .header-one .header-menu>ul>li>ul>li>ul {list-style: none;margin: 0;padding: 0;position: absolute;top: 0;left: 100%;margin-left: 5px;min-width: 150px;background: #ffffff;z-index: 10;opacity: 0;visibility: hidden;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;-webkit-box-shadow: 0px 0px 5px 0px rgba(92, 87, 92, 0.75);box-shadow: 0px 0px 5px 0px rgba(92, 87, 92, 0.75);} .header-one .header-menu>ul>li>ul>li:hover>ul {opacity: 1;visibility: visible;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} .header-one .mobile-menu {display: none;} .header-one.sticky {position: fixed;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .header-one.sticky.active {background: rgba(0, 0, 0, 0.7);} .header-one.sticky.active .top-bar {padding: 5px 15px;} .header-one.sticky.active .header-nav {padding: 7px 15px;} /* * ==================================== * 04. Header Two * ==================================== */ .header-two {background: #ffffff;position: absolute;top: 0;left: 0;width: 100%;z-index: 10;} .header-two .header-logo {display: inline-block;vertical-align: top;padding: 28px 0;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .header-two .header-menu {float: right;font-family: 'Barlow', sans-serif;font-weight: 400;} .header-two .header-menu>ul {display: inline-block;list-style: none;margin: 0;padding: 0;} .header-two .header-menu>ul>li {display: inline-block;position: relative;} .header-two .header-menu>ul>li>a {padding: 33px 12px;display: block;color: #181926;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .header-two .header-menu>ul>li>a#search-modal-btn {padding: 5px 5px;} .header-two .header-menu>ul>li>a#sliding-sidebar-btn {padding-right: 0;} .header-two .header-menu>ul>li>a:hover {color: #c79153;text-decoration: none;} .header-two .header-menu>ul>li>ul {list-style: none;margin: 0;padding: 0;position: absolute;top: 100%;left: 0;min-width: 150px;border-top: 5px solid #c79153;background: #ffffff;z-index: 10;opacity: 0;visibility: hidden;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;-webkit-box-shadow: 0px 3px 5px 0px rgba(92, 87, 92, 0.75);box-shadow: 0px 3px 5px 0px rgba(92, 87, 92, 0.75);} .header-two .header-menu>ul>li:hover>ul {opacity: 1;visibility: visible;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} .header-two .header-menu>ul>li>ul>li {position: relative;} .header-two .header-menu>ul>li>ul>li a {font-family: 'Barlow', sans-serif;font-size: 14px;padding: 8px 20px;display: block;color: #666666;white-space: nowrap;border-bottom: 1px solid #eeeeee;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .header-two .header-menu>ul>li>ul>li:last-child a {border-bottom: none;} .header-two .header-menu>ul>li>ul>li a:hover {color: #c79153;text-decoration: none;background: #f5f4f4;} .header-two .header-menu>ul>li>ul>li>ul {list-style: none;margin: 0;padding: 0;position: absolute;top: 0;left: 100%;margin-left: 5px;min-width: 150px;background: #ffffff;z-index: 10;opacity: 0;visibility: hidden;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;-webkit-box-shadow: 0px 3px 5px 0px rgba(92, 87, 92, 0.75);box-shadow: 0px 3px 5px 0px rgba(92, 87, 92, 0.75);} .header-two .header-menu>ul>li>ul>li:hover>ul {opacity: 1;visibility: visible;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} .header-two .mobile-menu {display: none;} .header-two.sticky {position: fixed;width: 100%;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .header-two.sticky.active {background: rgba(255, 255, 255, 0.9);border-bottom: 1px solid #eeeeee;} .header-two.sticky.active .header-logo {padding: 14px 0;} .header-two.sticky.active .header-menu>ul>li>a {padding: 18px 12px;} /* * ==================================== * 05. Header Three * ==================================== */ .header-three {background: #ffffff;position: absolute;top: 0;left: 50px;right: 50px;z-index: 10;} .header-three .header-logo {display: inline-block;vertical-align: top;padding: 16px 0;} .header-three .header-menu {float: right;font-family: 'Barlow', sans-serif;font-weight: 400;} .header-three .header-menu .separator {background: #c79153;height: 20px;width: 1px;display: inline-block;vertical-align: middle;margin-right: 6px;} .header-three .header-menu>ul {display: inline-block;list-style: none;margin: 0;padding: 0;} .header-three .header-menu>ul>li {display: inline-block;position: relative;} .header-three .header-menu>ul>li>a {padding: 20px 12px;display: block;color: #181926;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .header-three .header-menu>ul:last-child>li:last-child>a {padding-right: 0;} .header-three .header-menu>ul>li>a:hover {color: #c79153;text-decoration: none;} .header-three .header-menu>ul>li>ul {list-style: none;margin: 0;padding: 0;text-align: left;position: absolute;top: 100%;left: 0;min-width: 150px;border-top: 5px solid #c79153;background: #ffffff;z-index: 10;opacity: 0;visibility: hidden;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;-webkit-box-shadow: 0px 3px 5px 0px rgba(92, 87, 92, 0.75);box-shadow: 0px 3px 5px 0px rgba(92, 87, 92, 0.75);} .header-three .header-menu>ul>li:hover>ul {opacity: 1;visibility: visible;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} .header-three .header-menu>ul>li>ul>li {position: relative;} .header-three .header-menu>ul>li>ul>li a {font-family: 'Barlow', sans-serif;font-size: 14px;padding: 8px 20px;display: block;color: #666666;white-space: nowrap;border-bottom: 1px solid #eeeeee;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .header-three .header-menu>ul>li>ul>li:last-child a {border-bottom: none;} .header-three .header-menu>ul>li>ul>li a:hover {color: #c79153;text-decoration: none;background: #f5f4f4;} .header-three .header-menu>ul.social-icons>li>a {padding: 20px 6px;} .header-three .header-menu>ul>li>ul>li>ul {list-style: none;margin: 0;padding: 0;position: absolute;top: 0;left: 100%;margin-left: 5px;min-width: 150px;background: #ffffff;z-index: 10;opacity: 0;visibility: hidden;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;-webkit-box-shadow: 0px 3px 5px 0px rgba(92, 87, 92, 0.75);box-shadow: 0px 3px 5px 0px rgba(92, 87, 92, 0.75);} .header-three .header-menu>ul>li>ul>li:hover>ul {opacity: 1;visibility: visible;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} .header-three .mobile-menu {display: none;} .header-three.sticky {position: fixed;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .header-three.sticky.active {background: rgba(255, 255, 255, 0.9);border-bottom: 1px solid #eeeeee;} /* * ==================================== * 06. Search Modal * ==================================== */ .search-modal-wrpr {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(24, 25, 38, .95);z-index: 10;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;opacity: 0;visibility: hidden;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);} .search-modal-wrpr.active {opacity: 1;visibility: visible;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} .search-modal-wrpr .close-icon {position: absolute;top: 20px;right: 25px;padding: 5px;cursor: pointer;opacity: 0.7;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .search-modal-wrpr .close-icon:hover {opacity: 1;} /* * ==================================== * 07. Sliding Sidebar * ==================================== */ .sliding-sidebar {position: fixed;top: 0;bottom: 0;/*left: 100%;*/right: 100%;width: 400px;z-index: 100;background: #26282b;height: 100%;overflow-x: hidden;overflow-y: auto;padding: 40px 25px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .sliding-sidebar.active {/*margin-left: -400px;*/margin-right: -400px;} .sliding-sidebar .close-icon {position: absolute;top: 5px;/*left: 12px;*/right: 12px;padding: 5px;width: 30px;cursor: pointer;opacity: 0.4;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;background: #fff;} .sliding-sidebar .close-icon:hover {opacity: 0.7;} .sliding-sidebar .logo {width: 100%;text-align: center;margin-bottom: 25px;} .sliding-sidebar .about {margin-bottom: 15px;padding-bottom: 10px;border-bottom: 1px solid #999999;} .sliding-sidebar .about img {max-width: 100%;margin-bottom: 25px;} .sliding-sidebar .contact strong {display: block;color: #fff;font-family: "Barlow",sans-serif;font-weight: 500;} .sliding-sidebar .contact a {color: #fab144;word-wrap: break-word;} /* * ==================================== * 08. Body Overlay * ==================================== */ .body-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 10;opacity: 0;visibility: hidden;cursor: crosshair;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .body-overlay.active {opacity: 1;visibility: visible;} /* * ==================================== * 09. Hero Section One * ==================================== */ #hero-section-one {position: relative;color: #ffffff;} /*#hero-section-one .hero-slider-item { width: 100%; height: 100vh; background-repeat: no-repeat; background-size: cover; background-position: top; position: relative; z-index: 10; overflow: hidden; }*/ #hero-section-one .hero-slider-item {width: 100%;height: 100vh;background-repeat: round;background-size: cover;background-position: top;position: relative;z-index: 10;overflow: hidden;/*top: 40px;*/} #hero-section-one .hero-slider-item.bg-one {background-image: url("../images/slider/slider1.jpg");} #hero-section-one .hero-slider-item.bg-two {background-image: url("../images/slider/slider2.jpg");} #hero-section-one .hero-slider-item.bg-three {background-image: url("../images/slider/slider3.jpg");} #hero-section-one .hero-slider-item.bg-four {background-image: url("../images/slider/slider4.jpg");} #hero-section-one .hero-counter {font-family: 'Barlow', sans-serif;font-size: 35px;font-weight: 400;display: block;margin-bottom: 10px;} #hero-section-one .hero-slider-item .hero-counter span {font-size: 22px;color: #742052;display: inline;} #hero-section-one .hero-slider-item h1 {text-transform: uppercase;font-size: 40px;font-weight: 500;line-height: 55px;} #hero-section-one .hero-slider-item p {font-size: 18px;margin-bottom: 40px;} #hero-section-one .hero-slider-item .button-primary {margin-right: 20px;vertical-align: top;} #hero-section-one .hero-slider-item .date {-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);white-space: nowrap;display: inline-block;position: absolute;top: 50%;left: 0;margin-top: -12px;margin-left: -30px;font-size: 14px;text-transform: uppercase;} #hero-section-one .hero-slider-item .date:before {content: "";position: absolute;top: 50%;left: 100%;margin-left: 20px;width: 50px;height: 1px;background: #742052;} #hero-section-one .hero-slider-item .date:after {content: "";position: absolute;top: 50%;right: 100%;margin-right: 20px;width: 50px;height: 1px;background: #742052;} #hero-section-one .owl-nav {text-align: center;position: absolute;bottom: 29px;left: 0;right: 0;} #hero-section-one .owl-nav button:focus {outline: 0;} #hero-section-one .owl-prev {margin-right: 35px;} #hero-section-one .owl-next {margin-left: 35px;} #hero-section-one .scroll-icon {margin-bottom: 28px;} #hero-section-one .social-icons {position: absolute;top: 50%;right: 30px;z-index: 1;list-style: none;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);margin: 0;padding: 0;text-align: center;} #hero-section-one .social-icons li {margin-bottom: 5px;} #hero-section-one .social-icons li:last-child {margin-bottom: 0;} #hero-section-one .social-icons li a {color: #ffffff;padding: 5px;position: relative;display: block;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #hero-section-one .social-icons li a:before {content: "";position: absolute;top: 17px;width: 20px;height: 1px;background: #ffffff;left: 100%;margin-left: 10px;opacity: 0;visibility: hidden;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #hero-section-one .social-icons li a:hover {color: #c79153;} #hero-section-one .social-icons li a:hover:before {opacity: 1;visibility: visible;} #hero-section-one .copy-right {position: absolute;bottom: 30px;z-index: 1;font-size: 14px;text-transform: uppercase;left: 30px;} #hero-section-one .video-play {position: absolute;bottom: 30px;z-index: 1;font-size: 14px;text-transform: uppercase;right: 30px;cursor: pointer;} #hero-section-one .video-play img {width: 25px;height: 25px;margin-right: 5px;vertical-align: top;} /* * ==================================== * 10. Hero Section One Background Image * ==================================== */ #hero-section-one-bg-image {color: #ffffff;width: 100%;height: 100vh;background-image: url("../img/hero-slider/2.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;} #hero-section-one-bg-image:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);} #hero-section-one-bg-image .hero-contents h1 {text-transform: uppercase;} #hero-section-one-bg-image .hero-contents p {font-size: 18px;margin-bottom: 40px;} #hero-section-one-bg-image .hero-contents .button-primary {margin-right: 20px;vertical-align: top;} #hero-section-one-bg-image .date {-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);white-space: nowrap;display: inline-block;position: absolute;top: 50%;left: 0;margin-top: -12px;margin-left: -30px;font-size: 14px;text-transform: uppercase;} #hero-section-one-bg-image .date:before {content: "";position: absolute;top: 50%;left: 100%;margin-left: 20px;width: 50px;height: 1px;background: #c79153;} #hero-section-one-bg-image .date:after {content: "";position: absolute;top: 50%;right: 100%;margin-right: 20px;width: 50px;height: 1px;background: #c79153;} #hero-section-one-bg-image .scroll-icon {margin-bottom: 28px;} #hero-section-one-bg-image .social-icons {position: absolute;top: 50%;right: 30px;z-index: 1;list-style: none;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);margin: 0;padding: 0;text-align: center;} #hero-section-one-bg-image .social-icons li {margin-bottom: 5px;} #hero-section-one-bg-image .social-icons li:last-child {margin-bottom: 0;} #hero-section-one-bg-image .social-icons li a {color: #ffffff;padding: 5px;position: relative;display: block;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #hero-section-one-bg-image .social-icons li a:before {content: "";position: absolute;top: 17px;width: 20px;height: 1px;background: #ffffff;left: 100%;margin-left: 10px;opacity: 0;visibility: hidden;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #hero-section-one-bg-image .social-icons li a:hover {color: #c79153;} #hero-section-one-bg-image .social-icons li a:hover:before {opacity: 1;visibility: visible;} #hero-section-one-bg-image .copy-right {position: absolute;bottom: 30px;z-index: 1;font-size: 14px;text-transform: uppercase;left: 30px;} #hero-section-one-bg-image .video-play {position: absolute;bottom: 30px;z-index: 1;font-size: 14px;text-transform: uppercase;right: 30px;cursor: pointer;} #hero-section-one-bg-image .video-play img {width: 25px;height: 25px;margin-right: 5px;vertical-align: top;} /* * ==================================== * 11. Hero Section One Background Parallax * ==================================== */ #hero-section-one-bg-parallax {color: #ffffff;width: 100%;height: 100vh;background-image: url("../img/hero-slider/3.jpg");position: relative;} #hero-section-one-bg-parallax:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);} #hero-section-one-bg-parallax .hero-contents h1 {text-transform: uppercase;} #hero-section-one-bg-parallax .hero-contents p {font-size: 18px;margin-bottom: 40px;} #hero-section-one-bg-parallax .hero-contents .button-primary {margin-right: 20px;vertical-align: top;} #hero-section-one-bg-parallax .date {-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);white-space: nowrap;display: inline-block;position: absolute;top: 50%;left: 0;margin-top: -12px;margin-left: -30px;font-size: 14px;text-transform: uppercase;} #hero-section-one-bg-parallax .date:before {content: "";position: absolute;top: 50%;left: 100%;margin-left: 20px;width: 50px;height: 1px;background: #c79153;} #hero-section-one-bg-parallax .date:after {content: "";position: absolute;top: 50%;right: 100%;margin-right: 20px;width: 50px;height: 1px;background: #c79153;} #hero-section-one-bg-parallax .scroll-icon {margin-bottom: 28px;} #hero-section-one-bg-parallax .social-icons {position: absolute;top: 50%;right: 30px;z-index: 1;list-style: none;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);margin: 0;padding: 0;text-align: center;} #hero-section-one-bg-parallax .social-icons li {margin-bottom: 5px;} #hero-section-one-bg-parallax .social-icons li:last-child {margin-bottom: 0;} #hero-section-one-bg-parallax .social-icons li a {color: #ffffff;padding: 5px;position: relative;display: block;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #hero-section-one-bg-parallax .social-icons li a:before {content: "";position: absolute;top: 17px;width: 20px;height: 1px;background: #ffffff;left: 100%;margin-left: 10px;opacity: 0;visibility: hidden;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #hero-section-one-bg-parallax .social-icons li a:hover {color: #c79153;} #hero-section-one-bg-parallax .social-icons li a:hover:before {opacity: 1;visibility: visible;} #hero-section-one-bg-parallax .copy-right {position: absolute;bottom: 30px;z-index: 1;font-size: 14px;text-transform: uppercase;left: 30px;} #hero-section-one-bg-parallax .video-play {position: absolute;bottom: 30px;z-index: 1;font-size: 14px;text-transform: uppercase;right: 30px;cursor: pointer;} #hero-section-one-bg-parallax .video-play img {width: 25px;height: 25px;margin-right: 5px;vertical-align: top;} /* * ==================================== * 12. Hero Section Two * ==================================== */ #hero-section-two {color: #ffffff;text-align: center;} #hero-section-two .hero-slider-item:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);} #hero-section-two .hero-slider-item {width: 100%;height: 100vh;background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;z-index: 10;overflow: hidden;} #hero-section-two .hero-slider-item.bg-one {background-image: url("../img/hero-slider/4.jpg");} #hero-section-two .hero-slider-item.bg-two {background-image: url("../img/hero-slider/5.jpg");} #hero-section-two .hero-slider-item.bg-three {background-image: url("../img/hero-slider/6.jpg");} #hero-section-two .hero-slider-item p {font-size: 18px;margin-bottom: 40px;} #hero-section-two .hero-slider-item .btn {margin: 10px;} #hero-section-two .owl-nav button:focus {outline: 0;} #hero-section-two .owl-prev {position: absolute;left: 30px;top: 50%;margin-top: -25px;} #hero-section-two .owl-next {position: absolute;right: 30px;top: 50%;margin-top: -25px;} /* * ==================================== * 13. Hero Section Two Background Image * ==================================== */ #hero-section-two-bg-image {color: #ffffff;text-align: center;width: 100%;height: 100vh;background-image: url("../img/hero-slider/5.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;} #hero-section-two-bg-image:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);} #hero-section-two-bg-image p {font-size: 18px;margin-bottom: 40px;} #hero-section-two-bg-image .btn {margin: 10px;} /* * ==================================== * 14. Hero Section Two Background Parallax * ==================================== */ #hero-section-two-bg-parallax {color: #ffffff;text-align: center;width: 100%;height: 100vh;background-image: url("../img/hero-slider/6.jpg");position: relative;} #hero-section-two-bg-parallax:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);} #hero-section-two-bg-parallax p {font-size: 18px;margin-bottom: 40px;} #hero-section-two-bg-parallax .btn {margin: 10px;} /* * ==================================== * 15. Hero Section Three * ==================================== */ #hero-section-three {color: #ffffff;} #hero-section-three .hero-slider-item:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);} #hero-section-three .hero-slider-item {width: 100%;height: 100vh;background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;z-index: 10;overflow: hidden;} #hero-section-three .hero-slider-item.bg-one {background-image: url("../img/hero-slider/7.jpg");} #hero-section-three .hero-slider-item.bg-two {background-image: url("../img/hero-slider/8.jpg");} #hero-section-three .hero-slider-item.bg-three {background-image: url("../img/hero-slider/9.jpg");} #hero-section-three .hero-slider-item p {font-size: 18px;margin-bottom: 40px;} #hero-section-three .owl-dots {position: absolute;top: 50%;right: 50px;text-align: center;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} #hero-section-three .owl-dots .owl-dot {width: 10px;height: 10px;margin: 15px auto;display: block;background: #dddddd;border-radius: 50%;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #hero-section-three .owl-dots .owl-dot.active {width: 15px;height: 15px;background: #ffffff;} #hero-section-three .owl-dots .owl-dot:focus {outline: 0;} /* * ==================================== * 16. Hero Section Three Background Image * ==================================== */ #hero-section-three-bg-image {color: #ffffff;width: 100%;height: 100vh;background-image: url("../img/hero-slider/8.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;} #hero-section-three-bg-image:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);} #hero-section-three-bg-image p {font-size: 18px;margin-bottom: 40px;} /* * ==================================== * 17. Hero Section Three Background Parallax * ==================================== */ #hero-section-three-bg-parallax {color: #ffffff;width: 100%;height: 100vh;background-image: url("../img/hero-slider/9.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;} #hero-section-three-bg-parallax:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);} #hero-section-three-bg-parallax p {font-size: 18px;margin-bottom: 40px;} /* * ==================================== * 18. Rating Section * ==================================== */ #rating-section {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} #rating-section .rating-item {width: 20%;padding: 50px 30px;border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;background-image: url("../img/bg/rating-bg.jpg");background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;z-index: 1;text-align: center;} #rating-section .rating-item:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: -1;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;opacity: 0;visibility: hidden;} #rating-section .rating-item:hover, #rating-section .rating-item:hover h3 {color: #ffffff;} #rating-section .rating-item.bg-one:hover {background-image: url("../img/brochures/10.jpg");} #rating-section .rating-item.bg-two:hover {background-image: url("../img/bg/rating-hover-bg-2.jpg");} #rating-section .rating-item.bg-three:hover {background-image: url("../img/bg/rating-hover-bg-3.jpg");} #rating-section .rating-item.bg-four:hover {background-image: url("../img/bg/rating-hover-bg-4.jpg");} #rating-section .rating-item.bg-five:hover {background-image: url("../img/bg/rating-hover-bg-5.jpg");} #rating-section .rating-item:hover:before {opacity: 1;visibility: visible;} #rating-section .rating-item:last-of-type {border-right: none;} #rating-section .rating-item .icon {/*width: 50px;height: 50px;*/margin-bottom: 25px;} #rating-section .rating-item .hover-icon {display: none;} #rating-section .rating-item:hover .default-icon {display: none;} #rating-section .rating-item:hover .hover-icon {display: inline-block;} #rating-section .rating-item h3 {margin-bottom: 20px;font-size: 20px;font-weight: 400;line-height: 33px;} #rating-section .rating-item .rating {display: block;font-size: 72px;font-family: 'Barlow', sans-serif;font-weight: 700;color: #dddddd;margin-top: 40px;line-height: 1em;} #rating-section .rating-item:hover .rating {color: #ffffff;} /* * ==================================== * 19. Rating Section Two * ==================================== */ #rating-section-two {padding: 100px 0;} #rating-section-two .rating-item {text-align: center;} #rating-section-two .rating-item h3 {color: #c79153;margin-bottom: 20px;} #rating-section-two .rating-item .circlechart {text-align: center;font-family: 'Barlow', sans-serif;font-size: 22px;font-weight: 700;margin-top: 25px;} /* * ==================================== * 20. About Section * ==================================== */ #about-section {padding: 25px 0;} #about-section .about-section-right {padding-top: 10px;} #about-section .about-section-right h2 {margin-bottom: 10px;font-size: 30px;} #about-section .about-section-right .lead {margin-bottom: 10px;line-height: 36px;} #about-section .about-section-right .button-primary {margin-top: 10px;color: #fff;} /* * ==================================== * 21. About Section Two * ==================================== */ #about-section-two {padding: 100px 0;} #about-section-two .about-section-left {overflow: hidden;position: relative;} #about-section-two .about-section-left .image-box {width: 66.6667%;float: left;padding-right: 15px;} #about-section-two .about-section-left .image-box img {border: 5px solid #f9f9f9;} #about-section-two .about-section-left .text-box {width: 33.3333%;float: left;font-family: 'Barlow', sans-serif;text-transform: uppercase;font-size: 25px;font-weight: 700;color: #333333;line-height: 1.2em;margin-top: 50px;} #about-section-two.background-dark .about-section-left .text-box {color: #ffffff;} #about-section-two .about-section-left .text-box .knockout {font-size: 120px;line-height: 1em;background-image: url("../img/bg/knockout.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;-webkit-text-fill-color: transparent;-webkit-background-clip: text;} #about-section-two .about-section-left .pgwSlider {width: 100%;color: #fff;position: absolute;bottom: 30px;right: 15px;} #about-section-two .about-section-left .pgwSlider .ps-current {width: 70%;overflow: inherit;} #about-section-two .about-section-left .pgwSlider .ps-current ul img {border: 5px solid #f9f9f9;} #about-section-two .about-section-left .pgwSlider .ps-list {display: none;} #about-section-two .about-section-left .pgwSlider .ps-current .ps-prev, #about-section-two .about-section-left .pgwSlider .ps-current .ps-next {margin-bottom: -10px;} #about-section-two .about-section-right {padding-top: 60px;} #about-section-two .about-section-right h2 {margin-bottom: 40px;} #about-section-two .about-section-right .lead {margin-bottom: 40px;} #about-section-two .about-section-right .button-primary {margin-top: 30px;} /* * ==================================== * 22. About Section Three * ==================================== */ #about-section-three {padding: 100px 0;background-image: url("../img/bg/dots-bg.png");} #about-section-three.background-dark {background-image: url("../img/bg/dots-bg-dark.png");} #about-section-three .about-section-left {padding: 40px;} #about-section-three .about-section-left img {outline: 6px solid #c79153;outline-offset: -20px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #about-section-three .about-section-left:hover img {outline: 4px solid #c79153;outline-offset: -4px;} #about-section-three .about-section-right {padding-top: 60px;} #about-section-three .about-section-right h2 {margin-bottom: 40px;} #about-section-three .about-section-right .lead {margin-bottom: 40px;} #about-section-three .about-section-right .button-secondary-two {margin-top: 30px;} /* * ==================================== * 23. Featured Section * ==================================== */ #featured-section {padding: 0 0 100px;} #featured-section .featured-item {padding: 0 15px 0 75px;position: relative;} #featured-section .featured-item img {max-width: 50px;position: absolute;top: 0;left: 0;} #featured-section .featured-item p {margin-bottom: 0;} /* * ==================================== * 24. Featured Section Two * ==================================== */ #featured-section-two {padding: 100px 0;background-image: url("../img/bg/featured-section.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;color: #ffffff;position: relative;} #featured-section-two:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);} #featured-section-two .featured-item {padding: 46px 15px 0 100px;position: relative;} #featured-section-two .featured-item .number {font-family: 'Barlow', sans-serif;font-size: 80px;font-weight: 700;color: #c79153;line-height: 1em;position: absolute;top: 0;left: 0;} #featured-section-two .featured-item h3 {color: #ffffff;} #featured-section-two .featured-item p {margin-bottom: 0;} /* * ==================================== * 25. Featured Section Three * ==================================== */ #featured-section-three {padding: 100px 0;background-image: url("../img/bg/dots-bg.png");} #featured-section-three.background-dark {background-image: url("../img/bg/dots-bg-dark.png");} #featured-section-three .featured-item-left {padding: 0 75px 0 15px;position: relative;margin-bottom: 50px;text-align: right;} #featured-section-three .featured-item-left:first-of-type {margin-top: 25px;} #featured-section-three .featured-item-left:last-of-type {margin-bottom: 0;} #featured-section-three .featured-item-left img {max-width: 50px;position: absolute;top: 0;right: 0;} #featured-section-three .featured-item-left p {margin-bottom: 0;} #featured-section-three .featured-item-right {padding: 0 15px 0 75px;position: relative;margin-bottom: 50px;} #featured-section-three .featured-item-right:first-of-type {margin-top: 25px;} #featured-section-three .featured-item-right:last-of-type {margin-bottom: 0;} #featured-section-three .featured-item-right img {max-width: 50px;position: absolute;top: 0;left: 0;} #featured-section-three .featured-item-right p {margin-bottom: 0;} #featured-section-three .owl-carousel {border: 5px solid #dddddd;} #featured-section-three .about-three-slider .owl-dots {position: absolute;bottom: 0;margin: 0 auto 10px;left: 0;right: 0;} #featured-section-three .about-three-slider .owl-dot span {width: 12px;height: 12px;background: transparent;border: 2px solid #fff;} #featured-section-three .about-three-slider .owl-dot.active span {border: 2px solid #c79153;background: #c79153;} #featured-section-three .about-three-slider .owl-dots .owl-dot:focus {outline: 0;} /* * ==================================== * 26. Portfolio Section * ==================================== */ #portfolio-section {padding: 30px 0;background-image: url(../img/brochures/climpek.png);} #portfolio-section .portfolio-item-controls {text-align: left;margin-top: 30px;} #portfolio-section .portfolio-item-controls.sidebox {text-align: left;margin-top: 30px;margin-left: 30px;max-height: 250px;overflow: scroll;} #portfolio-section .portfolio-item-controls.sidebox button {color: #5d2250;text-align: left;margin: 5px 0px;font-size: 16px;display: block;} #portfolio-section .portfolio-item-controls.sidebox button.active {color: #5d2250;background: #faaf40;} #portfolio-section .portfolio-item-controls.sidebox button:hover {color: #5d2250;background: #faaf40;} #portfolio-section .portfolio-item-controls button {background: transparent;color: #666666;border: none;cursor: pointer;padding: 10px 20px;font-size: 20px;} #portfolio-section .portfolio-item-controls button span {letter-spacing: 3px;margin-left: 6px;} #portfolio-section .portfolio-item-controls button:focus {outline: 0;} #portfolio-section .portfolio-item-controls button.active {color: #faaf40;background: #5d2250;} #portfolio-section .portfolio-item-controls button:hover {color: #faaf40;background: #5d2250;} #portfolio-section .portfolio-item-list {margin-top: 50px;} #portfolio-section .portfolio-item, #portfolio-section .portfolio-item-sizer {width: 25%;} #portfolio-section .portfolio-item.has-gutter {padding: 0px;} #portfolio-section .portfolio-item--width2 {width: 50%;} #portfolio-section .portfolio-item .inner {position: relative;} #portfolio-section .portfolio-item .inner img {width: 100%;} #portfolio-section .portfolio-item .demo-gallery > ul > li {margin: 0;} #portfolio-section .portfolio-item .demo-gallery > ul {padding: 0;} /*#portfolio-section .portfolio-item .overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.86); opacity: 0; overflow: hidden; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } #portfolio-section .portfolio-item .overlay a { width: 120px; float: right; opacity: 0.9; z-index: 1; -webkit-transform: translate(100%, -100%); -ms-transform: translate(100%, -100%); transform: translate(100%, -100%); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } #portfolio-section .portfolio-item .overlay a:hover { opacity: 1; }*/ #portfolio-section .portfolio-item .overlay .title {position: absolute;left: 25px;bottom: 0;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #portfolio-section .portfolio-item .overlay .title h3 {margin-bottom: 0;} #portfolio-section .portfolio-item:hover .overlay {opacity: 1;} #portfolio-section .portfolio-item:hover .overlay a {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);} #portfolio-section .portfolio-item:hover .overlay .title {bottom: 25px;} /* * ==================================== * 27. Portfolio Section Two * ==================================== */ #portfolio-section-two {padding: 100px 0 0;} #portfolio-section-two .portfolio-item-controls {margin: 40px 0 50px;} #portfolio-section-two .portfolio-item-controls button {background: transparent;color: #666666;border: none;cursor: pointer;} #portfolio-section-two .portfolio-item-controls button span {letter-spacing: 3px;margin-left: 6px;} #portfolio-section-two .portfolio-item-controls button:focus {outline: 0;} #portfolio-section-two .portfolio-item-controls button.active {color: #c79153;} #portfolio-section-two .portfolio-item, #portfolio-section-two .portfolio-item-sizer {width: 25%;} #portfolio-section-two .portfolio-item.has-gutter {padding: 3px;} #portfolio-section-two .portfolio-item--width2 {width: 50%;} #portfolio-section-two .portfolio-item .inner {position: relative;} #portfolio-section-two .portfolio-item .overlay {position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);opacity: 0;overflow: hidden;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #portfolio-section-two .portfolio-item .overlay a {width: 120px;margin-top: 40px;float: left;opacity: 0.7;z-index: 1;-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #portfolio-section-two .portfolio-item .overlay a:hover {opacity: 1;} #portfolio-section-two .portfolio-item .overlay .title {position: absolute;left: 35px;bottom: 0;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #portfolio-section-two .portfolio-item:hover .overlay {opacity: 1;} #portfolio-section-two .portfolio-item:hover .overlay a {-webkit-transform: translateX(40px);-ms-transform: translateX(40px);transform: translateX(40px);} #portfolio-section-two .portfolio-item:hover .overlay .title {bottom: 25px;} #portfolio-section-two .portfolio-item .overlay .title small {color: #ffffff;} #portfolio-section-two .portfolio-item .overlay .title h3 {color: #ffffff;margin-bottom: 0;} /* * ==================================== * 28. Portfolio Section Three * ==================================== */ #portfolio-section-three {padding: 100px 0 0;background-image: url("../img/bg/dots-bg.png");} #portfolio-section-three.background-dark {background-image: url("../img/bg/dots-bg-dark.png");} #portfolio-section-three .portfolio-item-controls {position: absolute;bottom: 15px;right: 15px;} #portfolio-section-three .portfolio-item-controls button {background: transparent;color: #666666;border: none;cursor: pointer;} #portfolio-section-three .portfolio-item-controls button span {letter-spacing: 3px;margin-left: 6px;} #portfolio-section-three .portfolio-item-controls button:focus {outline: 0;} #portfolio-section-three .portfolio-item-controls button.active {color: #c79153;} #portfolio-section-three .portfolio-item-list {margin-top: 50px;} #portfolio-section-three .portfolio-item, #portfolio-section-three .portfolio-item-sizer {width: 25%;} #portfolio-section-three .portfolio-item.has-gutter {padding: 3px;} #portfolio-section-three .portfolio-item .inner {position: relative;} #portfolio-section-three .portfolio-item .inner img {width: 100%;} #portfolio-section-three .portfolio-item .overlay {position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: rgba(199, 145, 83, 0.8);opacity: 0;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);text-align: center;overflow: hidden;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #portfolio-section-three .portfolio-item .overlay .contents {position: absolute;width: 100%;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} #portfolio-section-three .portfolio-item .overlay .contents a {color: #c08742;background: #fff;width: 40px;height: 40px;display: block;border-radius: 50%;line-height: 39px;margin: 0 auto 20px;} #portfolio-section-three .portfolio-item:hover .overlay {opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} #portfolio-section-three .portfolio-item .overlay .contents small {color: #ffffff;} #portfolio-section-three .portfolio-item .overlay .contents h3 {color: #ffffff;margin-bottom: 0;} /* * ==================================== * 29. Portfolio Section Four * ==================================== */ #portfolio-section-four {padding: 100px 0 0;} #portfolio-section-four .portfolio-item-controls {margin-top: 40px;} #portfolio-section-four .portfolio-item-controls button {background: transparent;color: #666666;border: none;cursor: pointer;} #portfolio-section-four .portfolio-item-controls button span {letter-spacing: 3px;margin-left: 6px;} #portfolio-section-four .portfolio-item-controls button:focus {outline: 0;} #portfolio-section-four .portfolio-item-controls button.active {color: #c79153;} #portfolio-section-four .portfolio-item-list {margin-top: 50px;} #portfolio-section-four .portfolio-item, #portfolio-section-four .portfolio-item-sizer {width: 100%;} #portfolio-section-four .portfolio-item {position: relative;margin-bottom: 50px;} #portfolio-section-four .portfolio-item:last-of-type {margin-bottom: 0;} #portfolio-section-four .portfolio-item:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);opacity: 0;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #portfolio-section-four .portfolio-item:hover:before {opacity: 1;} #portfolio-section-four .portfolio-item:hover .contents a {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);} #portfolio-section-four .portfolio-item .contents {position: absolute;bottom: 0;left: 0;width: 100%;padding: 0 50px 50px 50px;} #portfolio-section-four .portfolio-item .contents h3 {color: #ffffff;margin-bottom: 0;} #portfolio-section-four .portfolio-item .contents small {color: #ffffff;} #portfolio-section-four .portfolio-item .contents a {position: absolute;right: 50px;bottom: 50px;opacity: 0;-webkit-transform: translateX(-15px);-ms-transform: translateX(-15px);transform: translateX(-15px);-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} /* * ==================================== * 30. Single Portfolio Section * ==================================== */ #single-portfolio-section {padding: 100px 0 50px;} #single-portfolio-section .single-portfolio-slider {margin-bottom: 40px;} #single-portfolio-section .owl-prev {position: absolute;left: 30px;top: 50%;margin-top: -25px;} #single-portfolio-section .owl-next {position: absolute;right: 30px;top: 50%;margin-top: -25px;} #single-portfolio-section .owl-nav button:focus {outline: 0;} #single-portfolio-section table tr td:first-child {font-family: 'Barlow', sans-serif;font-size: 18px;font-weight: 500;text-transform: uppercase;color: #333333;} #single-portfolio-section .social-icons {list-style: none;margin: 0;padding: 0;} #single-portfolio-section .social-icons li {display: inline-block;margin-right: 5px;} #single-portfolio-section .social-icons li:last-child {margin-right: 0;} /* * ==================================== * 31. Related Portfolio Section * ==================================== */ #related-portfolio-section {padding: 50px 0;} #related-portfolio-section .related-portfolio-item {position: relative;max-width: 400px;margin: 0 auto 50px;} #related-portfolio-section .related-portfolio-item>img {width: 100%;} #related-portfolio-section .related-portfolio-item .overlay {position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: rgba(199, 145, 83, 0.8);opacity: 0;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);text-align: center;overflow: hidden;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #related-portfolio-section .related-portfolio-item .overlay .contents {position: absolute;width: 100%;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} #related-portfolio-section .related-portfolio-item .overlay .contents a {color: #c08742;background: #fff;width: 40px;height: 40px;display: block;border-radius: 50%;line-height: 39px;margin: 0 auto 20px;} #related-portfolio-section .related-portfolio-item:hover .overlay {opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} #related-portfolio-section .related-portfolio-item .overlay .contents small {color: #ffffff;} #related-portfolio-section .related-portfolio-item .overlay .contents h3 {color: #ffffff;margin-bottom: 0;} /* * ==================================== * 32. Service Section * ==================================== */ #service-section {padding: 100px 0;} #service-section .service-item {border: 1px solid #dddddd;padding: 60px 30px 30px;margin: 50px 0 30px;position: relative;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #service-section.background-dark .service-item {border: 1px solid #666666;} #service-section .service-item .icon {width: 80px;height: 80px;padding: 15px;border: 1px solid #dddddd;position: absolute;top: -50px;background: #ffffff;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #service-section.background-dark .service-item .icon {background: #222222;border: 1px solid #666666;} #service-section .service-item h3, #service-section .service-item p {margin-bottom: 15px;} #service-section .service-item a {color: #666666;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #service-section.background-dark .service-item a {color: #dddddd;} #service-section .service-item a i {vertical-align: middle;margin-left: 3px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #service-section .service-item a:hover {color: #c79153;text-decoration: none;} #service-section .service-item a:hover i {margin-left: 6px;} #service-section .service-item:hover, #service-section .service-item:hover .icon {border: 1px solid #c79153;} /* * ==================================== * 33. Service Section Two * ==================================== */ #service-section-two {padding: 100px 0 50px;background: #f9f9f9;} #service-section-two .service-item {margin-bottom: 50px;} #service-section-two .service-item img {width: 100%;margin-bottom: 25px;} /* * ==================================== * 34. Service Section Three * ==================================== */ #service-section-three {padding: 100px 0;background-image: url("../img/bg/dots-bg.png");} #service-section-three.background-dark {background-image: url("../img/bg/dots-bg-dark.png");} #service-section-three .service-item {background-color: #ffffff;border: 1px solid #dddddd;padding: 60px 30px 30px;margin: 50px 0 30px;position: relative;background-repeat: no-repeat;background-size: cover;background-position: top left;z-index: 1;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #service-section-three.background-dark .service-item {background-color: #222222;border: 1px solid #666666;} #service-section-three .service-item:hover:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.55);z-index: -1;} #service-section-three .service-item.bg-one:hover {background-image: url("../img/services/1.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;} #service-section-three .service-item.bg-two:hover {background-image: url("../img/services/2.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;} #service-section-three .service-item.bg-three:hover {background-image: url("../img/services/3.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;} #service-section-three .service-item.bg-four:hover {background-image: url("../img/services/4.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;} #service-section-three .service-item.bg-five:hover {background-image: url("../img/services/5.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;} #service-section-three .service-item.bg-six:hover {background-image: url("../img/services/6.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;} #service-section-three .service-item .icon {width: 80px;height: 80px;padding: 15px;border: 1px solid #dddddd;position: absolute;left: 0;right: 0;top: -50px;margin: 0 auto;background: #ffffff;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #service-section-three.background-dark .service-item .icon {background: #222222;border: 1px solid #666666;} #service-section-three .service-item .icon .hover-icon {display: none;} #service-section-three .service-item:hover .icon {background: #c79153;border: 1px solid #c79153;} #service-section-three .service-item:hover .icon .default-icon {display: none;} #service-section-three .service-item:hover .icon .hover-icon {display: block;} #service-section-three .service-item:hover h3, #service-section-three .service-item:hover p, #service-section-three .service-item:hover a {color: #ffffff;} #service-section-three .service-item h3, #service-section-three .service-item p {margin-bottom: 15px;} #service-section-three .service-item a {color: #666666;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #service-section-three.background-dark .service-item a {color: #dddddd;} #service-section-three .service-item a:hover {color: #c79153;text-decoration: none;} /* * ==================================== * 35. Single Service Section * ==================================== */ #single-service-section {padding: 100px 0;} #single-service-section img {margin-bottom: 35px;} /* * ==================================== * 36. Image Gallery Section * ==================================== */ #image-gallery-section .tab-content {position: relative;} #image-gallery-section .tab-content:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.25);} #image-gallery-section .tab-content .tab-pane {height: 500px;background-repeat: no-repeat;background-size: cover;background-position: center;} #image-gallery-section .tab-content #residential {background-image: url("../img/brochures/16.jpg");} #image-gallery-section .tab-content #architecture {background-image: url("../img/brochures/2.jpg");} #image-gallery-section .tab-content #interior {background-image: url("../img/brochures/3.jpg");} #image-gallery-section .tab-content #commercial {background-image: url("../img/brochures/4.jpg");} #image-gallery-section .tab-content #kitchen {background-image: url("../img/brochures/5.jpg");} #image-gallery-section .tab-content .nav.nav-tabs {position: absolute;left: 0;bottom: 0;right: 0;width: 100%;border-top: 1px solid rgba(255, 255, 255, 0.5);text-align: center;border-bottom: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} #image-gallery-section .tab-content .nav.nav-tabs li {width: 20%;} #image-gallery-section .tab-content .nav.nav-tabs li .nav-link {height: 100%;font-size: 20px;font-weight: 500;color: #ffffff;font-family: 'Barlow', sans-serif;padding: 25px 10px;border: 0 solid transparent;border-right: 1px solid rgba(255, 255, 255, 0.5);border-radius: 0;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #image-gallery-section .tab-content .nav.nav-tabs li:first-child .nav-link {border-left: none;} #image-gallery-section .tab-content .nav.nav-tabs li:last-child .nav-link {border-right: none;} #image-gallery-section .tab-content .nav.nav-tabs li .nav-link:hover {color: #ffffff;background-color: rgba(255, 255, 255, 0.5);border-radius: 0;} #image-gallery-section .tab-content .nav.nav-tabs li .nav-link.active {color: #ffffff;background-color: rgba(255, 255, 255, 0.5);border-radius: 0;} /* * ==================================== * 37. Awards Section * ==================================== */ #awards-section {padding: 100px 0;} #awards-section .awards-item {margin-bottom: 30px;} /* * ==================================== * 38. CTA Section * ==================================== */ #cta-section {background-image: url("../img/brochures/16.jpg");/*background-repeat: no-repeat;*/background-size: cover;background-position: center;padding: 30px 0;color: #ffffff;position: relative;background-attachment: fixed;} #cta-section:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);} #cta-section h3 {color: #fff;font-size: 25px;font-weight: 500;line-height: 40px;} #cta-section p {margin: 0;font-weight: 500;line-height: 30px;font-size: 16px;} #cta-section .cta-right {text-align: right;} #cta-section .cta-right .btn {margin-top: 7px;} /* * ==================================== * 39. CTA Section Two * ==================================== */ #cta-section-two {background-image: url("../img/bg/cta-bg.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;padding: 25px 0;color: #ffffff;position: relative;} #cta-section-two:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);} #cta-section-two h3 {color: #ffffff;margin-top: 9px;} #cta-section-two .cta-left {text-align: right;} #cta-section-two .form-control {background: transparent;min-height: 44px;border-radius: 0;border: 1px solid #d4d3d2;color: #ffffff;} #cta-section-two .form-control::-webkit-input-placeholder {color: #ffffff;} #cta-section-two .form-control::-moz-placeholder {color: #ffffff;} #cta-section-two .form-control:-ms-input-placeholder {color: #ffffff;} #cta-section-two .form-control:-moz-placeholder {color: #ffffff;} /* * ==================================== * 40. CTA Section Three * ==================================== */ #cta-section-three {background-color: #c79153;padding: 25px 0;color: #ffffff;position: relative;} #cta-section-three h3 {color: #ffffff;} #cta-section-three p {margin: 0;} #cta-section-three .cta-right {text-align: right;} #cta-section-three .cta-right .btn {margin-top: 7px;} /* * ==================================== * 41. Team Section * ==================================== */ #team-section {padding: 100px 0;} #team-section .team-item .image-box {margin-bottom: 20px;position: relative;overflow: hidden;} #team-section .team-item .image-box img {width: 100%;} #team-section .team-item .image-box .social-icon-box {width: 60px;height: 100%;background: rgba(255, 255, 255, 0.8);position: absolute;top: 0;left: 0;opacity: 0;text-align: center;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #team-section .team-item:hover .image-box .social-icon-box {opacity: 1;} #team-section .team-item .image-box .social-icon {margin: 0;padding: 0;list-style: none;position: absolute;left: 0;right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} #team-section .team-item .image-box .social-icon li {margin-bottom: 10px;-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);} #team-section .team-item .image-box .social-icon li:last-child {margin-bottom: 0;} #team-section .team-item:hover .image-box .social-icon li:nth-child(1) {-webkit-transition: transform 0.2s ease-in-out 0.1s;-o-transition: transform 0.2s ease-in-out 0.1s;-webkit-transition: -webkit-transform 0.2s ease-in-out 0.1s;transition: -webkit-transform 0.2s ease-in-out 0.1s;transition: transform 0.2s ease-in-out 0.1s;transition: transform 0.2s ease-in-out 0.1s, -webkit-transform 0.2s ease-in-out 0.1s;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);} #team-section .team-item:hover .image-box .social-icon li:nth-child(2) {-webkit-transition: transform 0.2s ease-in-out 0.2s;-o-transition: transform 0.2s ease-in-out 0.2s;-webkit-transition: -webkit-transform 0.2s ease-in-out 0.2s;transition: -webkit-transform 0.2s ease-in-out 0.2s;transition: transform 0.2s ease-in-out 0.2s;transition: transform 0.2s ease-in-out 0.2s, -webkit-transform 0.2s ease-in-out 0.2s;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);} #team-section .team-item:hover .image-box .social-icon li:nth-child(3) {-webkit-transition: transform 0.2s ease-in-out 0.3s;-o-transition: transform 0.2s ease-in-out 0.3s;-webkit-transition: -webkit-transform 0.2s ease-in-out 0.3s;transition: -webkit-transform 0.2s ease-in-out 0.3s;transition: transform 0.2s ease-in-out 0.3s;transition: transform 0.2s ease-in-out 0.3s, -webkit-transform 0.2s ease-in-out 0.3s;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);} #team-section .team-item:hover .image-box .social-icon li:nth-child(4) {-webkit-transition: transform 0.2s ease-in-out 0.4s;-o-transition: transform 0.2s ease-in-out 0.4s;-webkit-transition: -webkit-transform 0.2s ease-in-out 0.4s;transition: -webkit-transform 0.2s ease-in-out 0.4s;transition: transform 0.2s ease-in-out 0.4s;transition: transform 0.2s ease-in-out 0.4s, -webkit-transform 0.2s ease-in-out 0.4s;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);} #team-section .team-item .image-box .social-icon li a {color: #c79153;border: 1px solid #c79153;width: 35px;height: 35px;line-height: 33px;display: inline-block;border-radius: 50%;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #team-section .team-item .image-box .social-icon li a:hover {background: #c79153;color: #ffffff;} /* * ==================================== * 42. Team Section Two * ==================================== */ #team-section-two {padding: 100px 0;} #team-section-two .team-item .image-box {margin-bottom: 20px;position: relative;overflow: hidden;} #team-section-two .team-item .image-box img {width: 100%;} #team-section-two .team-item .image-box .social-icon-box {width: 100%;height: 60px;background: rgba(255, 255, 255, 0.8);position: absolute;bottom: 0;left: 0;opacity: 0;text-align: center;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #team-section-two .team-item:hover .image-box .social-icon-box {opacity: 1;} #team-section-two .team-item .image-box .social-icon {margin: 0;padding: 0;list-style: none;position: absolute;left: 0;right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} #team-section-two .team-item .image-box .social-icon li {display: inline-block;margin-right: 10px;-webkit-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);} #team-section-two .team-item .image-box .social-icon li:last-child {margin-right: 0;} #team-section-two .team-item:hover .image-box .social-icon li:nth-child(1) {-webkit-transition: transform 0.2s ease-in-out 0.1s;-o-transition: transform 0.2s ease-in-out 0.1s;-webkit-transition: -webkit-transform 0.2s ease-in-out 0.1s;transition: -webkit-transform 0.2s ease-in-out 0.1s;transition: transform 0.2s ease-in-out 0.1s;transition: transform 0.2s ease-in-out 0.1s, -webkit-transform 0.2s ease-in-out 0.1s;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} #team-section-two .team-item:hover .image-box .social-icon li:nth-child(2) {-webkit-transition: transform 0.2s ease-in-out 0.2s;-o-transition: transform 0.2s ease-in-out 0.2s;-webkit-transition: -webkit-transform 0.2s ease-in-out 0.2s;transition: -webkit-transform 0.2s ease-in-out 0.2s;transition: transform 0.2s ease-in-out 0.2s;transition: transform 0.2s ease-in-out 0.2s, -webkit-transform 0.2s ease-in-out 0.2s;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} #team-section-two .team-item:hover .image-box .social-icon li:nth-child(3) {-webkit-transition: transform 0.2s ease-in-out 0.3s;-o-transition: transform 0.2s ease-in-out 0.3s;-webkit-transition: -webkit-transform 0.2s ease-in-out 0.3s;transition: -webkit-transform 0.2s ease-in-out 0.3s;transition: transform 0.2s ease-in-out 0.3s;transition: transform 0.2s ease-in-out 0.3s, -webkit-transform 0.2s ease-in-out 0.3s;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} #team-section-two .team-item:hover .image-box .social-icon li:nth-child(4) {-webkit-transition: transform 0.2s ease-in-out 0.4s;-o-transition: transform 0.2s ease-in-out 0.4s;-webkit-transition: -webkit-transform 0.2s ease-in-out 0.4s;transition: -webkit-transform 0.2s ease-in-out 0.4s;transition: transform 0.2s ease-in-out 0.4s;transition: transform 0.2s ease-in-out 0.4s, -webkit-transform 0.2s ease-in-out 0.4s;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} #team-section-two .team-item .image-box .social-icon li a {color: #c79153;border: 1px solid #c79153;width: 35px;height: 35px;line-height: 33px;display: inline-block;border-radius: 50%;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #team-section-two .team-item .image-box .social-icon li a:hover {background: #c79153;color: #ffffff;} /* * ==================================== * 43. Team Section Three * ==================================== */ #team-section-three {padding: 100px 0;background: #f9f9f9;} #team-section-three .team-item .image-box {margin-bottom: 20px;position: relative;overflow: hidden;} #team-section-three .team-item .image-box img {width: 100%;} #team-section-three .team-item .image-box .social-icon-box {width: 100%;height: 60px;background: rgba(255, 255, 255, 0.8);position: absolute;bottom: 0;left: 0;opacity: 0;text-align: center;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #team-section-three .team-item:hover .image-box .social-icon-box {opacity: 1;} #team-section-three .team-item .image-box .social-icon {margin: 0;padding: 0;list-style: none;position: absolute;left: 0;right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} #team-section-three .team-item .image-box .social-icon li {display: inline-block;margin-right: 10px;-webkit-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);} #team-section-three .team-item .image-box .social-icon li:last-child {margin-right: 0;} #team-section-three .team-item:hover .image-box .social-icon li:nth-child(1) {-webkit-transition: transform 0.2s ease-in-out 0.1s;-o-transition: transform 0.2s ease-in-out 0.1s;-webkit-transition: -webkit-transform 0.2s ease-in-out 0.1s;transition: -webkit-transform 0.2s ease-in-out 0.1s;transition: transform 0.2s ease-in-out 0.1s;transition: transform 0.2s ease-in-out 0.1s, -webkit-transform 0.2s ease-in-out 0.1s;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} #team-section-three .team-item:hover .image-box .social-icon li:nth-child(2) {-webkit-transition: transform 0.2s ease-in-out 0.2s;-o-transition: transform 0.2s ease-in-out 0.2s;-webkit-transition: -webkit-transform 0.2s ease-in-out 0.2s;transition: -webkit-transform 0.2s ease-in-out 0.2s;transition: transform 0.2s ease-in-out 0.2s;transition: transform 0.2s ease-in-out 0.2s, -webkit-transform 0.2s ease-in-out 0.2s;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} #team-section-three .team-item:hover .image-box .social-icon li:nth-child(3) {-webkit-transition: transform 0.2s ease-in-out 0.3s;-o-transition: transform 0.2s ease-in-out 0.3s;-webkit-transition: -webkit-transform 0.2s ease-in-out 0.3s;transition: -webkit-transform 0.2s ease-in-out 0.3s;transition: transform 0.2s ease-in-out 0.3s;transition: transform 0.2s ease-in-out 0.3s, -webkit-transform 0.2s ease-in-out 0.3s;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} #team-section-three .team-item:hover .image-box .social-icon li:nth-child(4) {-webkit-transition: transform 0.2s ease-in-out 0.4s;-o-transition: transform 0.2s ease-in-out 0.4s;-webkit-transition: -webkit-transform 0.2s ease-in-out 0.4s;transition: -webkit-transform 0.2s ease-in-out 0.4s;transition: transform 0.2s ease-in-out 0.4s;transition: transform 0.2s ease-in-out 0.4s, -webkit-transform 0.2s ease-in-out 0.4s;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} #team-section-three .team-item .image-box .social-icon li a {color: #c79153;border: 1px solid #c79153;width: 35px;height: 35px;line-height: 33px;display: inline-block;border-radius: 50%;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #team-section-three .team-item .image-box .social-icon li a:hover {background: #c79153;color: #ffffff;} /* * ==================================== * 44. Single Team * ==================================== */ #single-team-section {padding: 100px 0;} #single-team-section .top-box {box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.3);padding: 40px;background: #f9f9f9;margin-bottom: 50px;} #single-team-section .top-box:after {content: "";display: block;clear: both;} #single-team-section .top-box .image-box {width: 270px;margin-right: 30px;float: left;} #single-team-section .top-box .image-box img {border: 1px solid #c79153;} #single-team-section .top-box .small-secondary {margin-bottom: 20px;} #single-team-section .top-box .info-box {width: calc(100% - 300px);float: left;} #single-team-section .top-box .info-box a {word-wrap: break-word;} #single-team-section .top-box .info-box .social-icon {margin: 0;padding: 0;list-style: none;} #single-team-section .top-box .info-box .social-icon li {display: inline-block;margin-right: 10px;} #single-team-section .top-box .info-box .social-icon li:last-child {margin-right: 0;} #single-team-section .top-box .info-box .social-icon li a {text-align: center;border: 1px solid #666666;width: 30px;height: 30px;line-height: 28px;display: inline-block;border-radius: 50%;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #single-team-section .top-box .info-box .social-icon li a:hover {background: #c79153;color: #ffffff;border: 1px solid #c79153;} #single-team-section .detailed-box { border-bottom: 1px solid #eee;margin-bottom: 25px;} #single-team-section .detailed-box h3 {text-transform: uppercase;} #single-team-section .detailed-box:last-of-type {border-bottom: none;} #single-team-section .detailed-box .experience-box {background: #eeeeee;padding: 10px 15px;margin-bottom: 25px;} #single-team-section .detailed-box .experience-box .duration {font-size: 14px;margin-bottom: 5px;} #single-team-section .detailed-box .experience-box .position h4 {margin-bottom: 2px;font-size: 20px;} /* * ==================================== * 45. Testimonial Section * ==================================== */ #testimonial-section {background-image: url("../img/bg/testimonial-section-bg.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;padding: 150px 0 135px;color: #ffffff;position: relative;} #testimonial-section:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);} #testimonial-section .testimonial-carousel-item {padding: 40px 5px 5px;} #testimonial-section .testimonial-carousel-item-inner {border: 1px solid #c79153;padding: 65px 50px 30px 30px;position: relative;} #testimonial-section .testimonial-carousel-item .image-box {width: 80px;height: 80px;border-radius: 50%;border: 2px solid #c79153;position: absolute;top: -40px;overflow: hidden;} #testimonial-section .testimonial-carousel-item h4 {color: #ffffff;} #testimonial-section .testimonial-carousel-item .rating-stars {margin: 0 0 10px 0;padding: 0;list-style: none;} #testimonial-section .testimonial-carousel-item .rating-stars li {display: inline-block;margin-right: 1px;} #testimonial-section .testimonial-carousel-item .rating-stars li i {font-size: 14px;color: #c79153;} #testimonial-section .owl-dots {margin-top: 45px;} #testimonial-section .owl-dots span {width: 18px;height: 18px;} #testimonial-section .owl-dots .owl-dot span {background: transparent;border: 2px solid #b9b9b9;} #testimonial-section .owl-dots .owl-dot.active span {background: #c79153;border: 2px solid #c79153;} #testimonial-section .owl-dots .owl-dot:focus {outline: 0;} /* * ==================================== * 46. Testimonial Section Two * ==================================== */ #testimonial-section-two {background-image: url("../img/bg/testimonial-section-bg.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;padding: 100px 0 60px;color: #ffffff;position: relative;} #testimonial-section-two:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);} #testimonial-section-two .testimonial-carousel-item {overflow: hidden;} #testimonial-section-two .testimonial-carousel-item .image-box {width: 225px;margin-right: 25px;float: left;position: relative;} #testimonial-section-two .testimonial-carousel-item .image-box img {border-radius: 50%;} #testimonial-section-two .testimonial-carousel-item .image-box i {color: #c79153;font-size: 50px;position: absolute;right: 0;top: 25px;} #testimonial-section-two .testimonial-carousel-item .text-box {width: calc(100% - 250px);float: left;font-style: italic;padding-top: 15px;} #testimonial-section-two .testimonial-carousel-item p {font-family: 'Barlow', sans-serif;font-weight: 400;font-size: 20px;line-height: 1.5em;} #testimonial-section-two .testimonial-carousel-item h4 {color: #ffffff;margin-bottom: 5px;} #testimonial-section-two .owl-dots {margin-top: 40px;} #testimonial-section-two .owl-dots span {width: 18px;height: 18px;} #testimonial-section-two .owl-dots .owl-dot span {background: transparent;border: 2px solid #b9b9b9;} #testimonial-section-two .owl-dots .owl-dot.active span {background: #c79153;border: 2px solid #c79153;} #testimonial-section-two .owl-dots .owl-dot:focus {outline: 0;} /* * ==================================== * 47. Testimonial Section Three * ==================================== */ #testimonial-section-three {background-image: url("../img/bg/testimonial-section-three-bg.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;padding: 100px 0;color: #ffffff;position: relative;} #testimonial-section-three:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);} #testimonial-section-three .small-primary, #testimonial-section-three h2, #testimonial-section-three .testimonial-carousel-item h4 {color: #ffffff;} #testimonial-section-three .testimonial-carousel-item img {width: 80px;height: 80px;border-radius: 50%;margin: 0 auto 35px;} #testimonial-section-three .testimonial-carousel-item p {max-width: 550px;margin: 0 auto 30px;} #testimonial-section-three .owl-prev {position: absolute;left: 30px;top: 20%;margin-top: -25px;} #testimonial-section-three .owl-next {position: absolute;right: 30px;top: 20%;margin-top: -25px;} #testimonial-section-three .owl-prev:focus, #testimonial-section-three .owl-next:focus {outline: 0;} /* * ==================================== * 48. Before After Section * ==================================== */ #before-after-section {padding: 100px 0;color: #ffffff;background-image: url("../img/bg/before-after-bg.jpg");background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;} #before-after-section:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);} #before-after-section .small-primary, #before-after-section h2 {color: #ffffff;} /* * ==================================== * 49. Blog Section * ==================================== */ #blog-section {padding: 100px 0 50px;} #blog-section .single-post {padding-left: 25px;margin-bottom: 50px;} #blog-section .single-post .image-box {position: relative;margin-bottom: 25px;} #blog-section .single-post .image-box .image-box-inner {overflow: hidden;} #blog-section .single-post .image-box img {width: 100%;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #blog-section .single-post .image-box:hover img {-webkit-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);} #blog-section .single-post .image-box .date {background: #c79153;color: #fff;padding: 5px 15px;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);white-space: nowrap;display: inline-block;position: absolute;left: -68px;top: 70px;} #blog-section .single-post .result-list {margin: 0;padding: 0;list-style: none;font-size: 14px;} #blog-section .single-post .result-list li {display: inline-block;margin-right: 20px;} #blog-section .single-post .result-list li:last-child {margin-right: 0;} #blog-section .single-post .result-list li a {color: #666666;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #blog-section.background-dark .single-post .result-list li a {color: #dddddd;} #blog-section .single-post .result-list li a i {vertical-align: text-bottom;margin-right: 5px;} #blog-section .single-post .result-list li a:hover {color: #c79153;text-decoration: none;} /* * ==================================== * 50. Blog Section Two * ==================================== */ #blog-section-two {padding: 100px 0 50px;} #blog-section-two .single-post {margin-bottom: 50px;} #blog-section-two .single-post .image-box {margin-bottom: 20px;overflow: hidden;} #blog-section-two .single-post .image-box img {width: 100%;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #blog-section-two .single-post .image-box:hover img {-webkit-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);} #blog-section-two .single-post .date {margin-bottom: 15px;} /* * ==================================== * 51. Single Post Section * ==================================== */ #single-post-section {padding: 100px 0 50px;} #single-post-section .single-post img {margin-bottom: 35px;} #single-post-section .single-post h2 {font-size: 35px;} #single-post-section .single-post .result-list {margin: 0;padding: 0;list-style: none;font-size: 14px;margin-bottom: 20px;} #single-post-section .single-post .result-list li {display: inline-block;margin-right: 20px;} #single-post-section .single-post .result-list li:last-child {margin-right: 0;} #single-post-section .single-post .result-list li a {color: #666666;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #single-post-section .single-post .result-list li a i {vertical-align: text-bottom;margin-right: 5px;} #single-post-section .single-post .result-list li a:hover {color: #c79153;text-decoration: none;} #single-post-section .single-post p a {color: #c79153;text-decoration: underline;} #single-post-section .single-post .share-icons {margin: 50px 0 90px;} #single-post-section .single-post .share-icons>span {display: inline-block;vertical-align: top;font-family: 'Barlow', sans-serif;font-size: 20px;font-weight: 500;margin: 8px 30px 10px 0;} #single-post-section .single-post .share-icons>ul {display: inline-block;vertical-align: top;margin: 0;padding: 0;list-style: none;} #single-post-section .single-post .share-icons>ul li {display: inline-block;margin: 0 15px 10px 0;} #single-post-section .single-post .share-icons>ul li:last-child {margin-right: 0;} #single-post-section .single-post .share-icons>ul li a i {background: #666666;color: #fff;width: 40px;height: 40px;display: block;text-align: center;line-height: 40px;border-radius: 50%;font-size: 20px;} #single-post-section .single-post .share-icons>ul li a i.fa-facebook-f {background: #234E9A;} #single-post-section .single-post .share-icons>ul li a i.fa-twitter {background: #32AADC;} #single-post-section .single-post .share-icons>ul li a i.fa-google-plus-g {background: #E2131E;} #single-post-section .single-post .share-icons>ul li a i.fa-instagram {background: #3349F7;} #single-post-section .single-post .share-icons>ul li a i.fa-pinterest-p {background: #C8071D;} #single-post-section .single-post .share-icons>ul li a i.fa-linkedin-in {background: #007BB5;} #single-post-section .single-post .share-icons>ul li a i.fa-tumblr {background: #234E9A;} #single-post-section .single-post hr {margin-bottom: 50px;} #single-post-section .single-post .comments-box {margin-bottom: 50px;} #single-post-section .single-post .comments-box h5 {font-family: 'Barlow', sans-serif;color: #333333;display: inline-block;width: calc(100% - 50px);} #single-post-section .single-post .comments-box .reply {display: inline-block;width: 50px;text-align: right;float: right;font-size: 18px;} #single-post-section .single-post .comments-box .comment {margin-bottom: 50px;} #single-post-section .single-post .comment-form-box {margin-bottom: 50px;} /* * ==================================== * 52. Sidebar * ==================================== */ .sidebar-widget {border: 1px solid #dddddd;padding: 50px 30px;margin-bottom: 50px;} .sidebar-widget .title {font-size: 20px;padding-bottom: 15px;margin-bottom: 35px;text-transform: uppercase;border-bottom: 1px solid #dddddd;position: relative;} .sidebar-widget .title:before {content: "";position: absolute;bottom: -1px;left: 0;background: #c79153;width: 110px;height: 2px;} .sidebar-widget .sidebar-single-post {display: inline-block;margin-bottom: 30px;} .sidebar-widget .sidebar-single-post:last-of-type {margin-bottom: 0;} .sidebar-widget .sidebar-single-post .image-box {width: 30%;height: 70px;float: left;background-repeat: no-repeat;background-position: center;background-size: cover;} .sidebar-widget .sidebar-single-post .image-box.bg-one {background-image: url("../img/blog/1-small.jpg");} .sidebar-widget .sidebar-single-post .image-box.bg-two { background-image: url("../img/blog/2-small.jpg");} .sidebar-widget .sidebar-single-post .image-box.bg-three {background-image: url("../img/blog/3-small.jpg");} .sidebar-widget .sidebar-single-post .image-box.bg-four {background-image: url("../img/blog/4-small.jpg");} .sidebar-widget .sidebar-single-post .contents {width: 70%;padding-left: 15px;float: left;} .sidebar-widget .sidebar-single-post h4 {font-size: 18px;margin-bottom: 5px;} .sidebar-widget .sidebar-single-post .date {font-size: 14px;margin-bottom: 0;} .sidebar-widget .categories {list-style: none;margin: 0;padding: 0;} .sidebar-widget .categories li {padding: 15px 0 10px;border-bottom: 1px solid #dddddd;} .sidebar-widget .categories li:first-child {padding: 0 0 10px;} .sidebar-widget .categories li:last-child {padding: 15px 0 0;border-bottom: none;} .sidebar-widget .categories li span {float: right;} .sidebar-widget .sidebar-single-review {display: inline-block;margin-bottom: 30px;} .sidebar-widget .sidebar-single-review:last-of-type {margin-bottom: 0;} .sidebar-widget .sidebar-single-review .image-box {width: 30%;height: 70px;float: left;background-repeat: no-repeat;background-position: center;background-size: cover;} .sidebar-widget .sidebar-single-review .image-box.bg-one {background-image: url("../img/blog/1-small.jpg");} .sidebar-widget .sidebar-single-review .image-box.bg-two {background-image: url("../img/blog/2-small.jpg");} .sidebar-widget .sidebar-single-review .image-box.bg-three {background-image: url("../img/blog/3-small.jpg");} .sidebar-widget .sidebar-single-review .image-box.bg-four {background-image: url("../img/blog/4-small.jpg");} .sidebar-widget .sidebar-single-review .image-box.bg-five {background-image: url("../img/blog/5-small.jpg");} .sidebar-widget .sidebar-single-review .image-box.bg-six {background-image: url("../img/blog/6-small.jpg");} .sidebar-widget .sidebar-single-review .contents {width: 70%;padding-left: 15px;float: left;} .sidebar-widget .sidebar-single-review h4 {font-size: 18px;margin-bottom: 5px;} .sidebar-widget .sidebar-single-review .stars i {color: #c79153;} /* * ==================================== * 53. Our Clients Section * ==================================== */ #our-clients-section {padding: 100px 0 50px;background-image: url("../img/bg/dots-bg.png");} #our-clients-section.background-dark {background-image: url("../img/bg/dots-bg-dark.png");} #our-clients-section .client-logo {padding: 30px 15px;background: #ffffff;text-align: center;margin: 0 auto 50px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #our-clients-section.background-dark .client-logo {background: #222222;} #our-clients-section .client-logo:hover {-webkit-box-shadow: 0px 0px 10px 5px #eeeeee;box-shadow: 0px 0px 10px 5px #eeeeee;} #our-clients-section.background-dark .client-logo:hover {-webkit-box-shadow: 0px 0px 10px 5px #666666;box-shadow: 0px 0px 10px 5px #666666;} /* * ==================================== * 54. Google Map Section * ==================================== */ #map-section #googleMap {height: 500px;width: 100%;} /* * ==================================== * 55. Contact Section * ==================================== */ #contact-section {padding: 100px 0;background-image: url("../img/bg/dots-bg.png");} #contact-section.background-dark {background-image: url("../img/bg/dots-bg-dark.png");} #contact-section a {color: #666666;} #contact-section.background-dark a {color: #dddddd;} #contact-section a:hover {text-decoration: none;} /* * ==================================== * 56. Contact Section Two * ==================================== */ #contact-section-two {padding: 100px 0;} #contact-section-two a {color: #666666;} #contact-section-two a:hover {text-decoration: none;} /* * ==================================== * 57. Social Icons Section * ==================================== */ #social-icons-section {border-top: 1px solid #ececec;} #social-icons-section ul {margin: 0;padding: 0;list-style: none;text-align: center;} #social-icons-section ul li {float: left;width: 16.6667%;border-left: 1px solid #ececec;} #social-icons-section ul li:last-child {border-right: 1px solid #ececec;} #social-icons-section ul li a {color: #888888;padding: 38px 5px;font-size: 18px;display: block;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #social-icons-section ul li a:hover {color: #333333;font-size: 20px;} /* * ==================================== * 58. Pricing Table Section * ==================================== */ #pricing-table-section {padding: 100px 0;} #pricing-table-section .pricing-table-item {border: 1px solid #dddddd;border-radius: 5px;padding: 45px;position: relative;overflow: hidden;} #pricing-table-section.background-dark .pricing-table-item {border: 1px solid #666666;} #pricing-table-section .pricing-table-item i {color: #c79153;font-size: 40px;margin-bottom: 25px;} #pricing-table-section .pricing-table-item h3 {margin-bottom: 20px;} #pricing-table-section .pricing-table-item .price {font-family: 'Barlow', sans-serif;color: #c79153;font-size: 35px;margin-bottom: 45px;display: block;font-weight: 700;} #pricing-table-section .pricing-table-item ul {margin: 0;padding: 0;list-style: none;} #pricing-table-section .pricing-table-item ul li {margin-bottom: 20px;} #pricing-table-section .pricing-table-item ul li:last-child {margin-bottom: 0;} #pricing-table-section .pricing-table-item .btn {margin-top: 50px;} #pricing-table-section .pricing-table-item .highlight-label {background: #c79153;color: #fff;text-transform: uppercase;position: absolute;right: -50px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);padding: 5px 0;min-width: 200px;top: 30px;} /* * ==================================== * 59. FAQ Section * ==================================== */ #faq-section {padding: 20px 0;padding-bottom: 10px;} #faq-section .card {border-radius: 0;margin-bottom: 20px;border: 0;} #faq-section .card .card-header {background: #1f581c;border: 1px solid rgba(0, 0, 0, .125);margin-bottom: 0;border-radius: 0;position: relative;padding-right: 40px;padding: 10px 20px;} #faq-section.background-dark .card .card-header {background: #222222;border: 1px solid #666666;} #faq-section .card .card-body {border: 1px solid rgba(0, 0, 0, .125);border-top: 0;background-image: url(../img/brochures/climpek.png);padding: 15px 15px;font-size: 15px;line-height: 23px;color: #222;} #faq-section.background-dark .card .card-body {background: #222222;border: 1px solid #666666;border-top: 0;} #faq-section .card .btn {font-size: 17px;font-weight: 400;color: #ef6838;padding: 0;width: 100%;text-align: left;text-decoration: none;letter-spacing: 0.5px;text-transform: uppercase;} #faq-section.background-dark .card .btn {color: #ffffff;} #faq-section .card .btn .arrow-icon {position: absolute;right: 20px;top: 50%;margin-top: -3px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #faq-section .card .btn.collapsed .arrow-icon {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);} #specifications-section-section {padding: 20px 0;padding-bottom: 10px;} #specifications-section .card {border-radius: 0;margin-bottom: 20px;border: 0;} #specifications-section .card .card-header {background: #1f581c;border: 1px solid rgba(0, 0, 0, .125);margin-bottom: 0;border-radius: 0;position: relative;padding-right: 40px;padding: 10px 20px;} #specifications-section.background-dark .card .card-header {background: #222222;border: 1px solid #666666;} #specifications-section .card .card-body {border: 1px solid rgba(0, 0, 0, .125);border-top: 0;background-image: url(../img/brochures/climpek.png);padding: 15px 15px;font-size: 15px;line-height: 23px;color: #666;} #specifications-section.background-dark .card .card-body {background: #222222;border: 1px solid #666666;border-top: 0;} #specifications-section .card .btn {font-size: 17px;font-weight: 400;color: #ef6838;padding: 0;width: 100%;text-align: left;text-decoration: none;letter-spacing: 0.5px;text-transform: uppercase;} #specifications-section.background-dark .card .btn {color: #ffffff;} #specifications-section .card .btn .arrow-icon {position: absolute;right: 20px;top: 50%;margin-top: -3px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #specifications-section .card .btn.collapsed .arrow-icon {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);} #work-process-section {padding: 100px 0 50px;} #work-process-section .work-process-item {margin-bottom: 50px;} #work-process-section .work-process-item .icon-box {width: 100px;height: 100px;margin: 0 auto 25px;border: 2px solid #c79153;border-radius: 50%;color: #c79153;font-size: 45px;line-height: 96px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #work-process-section .work-process-item:hover .icon-box {background: #c79153;color: #ffffff;} #page-header-section {background-image: url("../img/slider/amenities-slider.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;padding: 350px 0 120px;position: relative;color: #ffffff;text-align: center;margin-top: 130px;height:100vh;} #page-header-section.about {background-image: url("../images/innerpagesliders/aboutproject-price.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;padding: 400px 0 120px;position: relative;color: #ffffff;text-align: center;margin-top: 130px;} #page-header-section.price {background-image: url("../images/innerpagesliders/price.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;padding: 400px 0 120px;position: relative;color: #ffffff;text-align: center;margin-top: 130px;} #page-header-section.amenities {background-image: url("../images/innerpagesliders/amenities-neighbourhood.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;padding: 400px 0 120px;position: relative;color: #ffffff;text-align: center;margin-top: 130px;} #page-header-section.neighbourhood {background-image: url("../images/innerpagesliders/neighbourhood.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;padding: 400px 0 120px;position: relative;color: #ffffff;text-align: center;margin-top: 130px;} #page-header-section.projectupdate {background-image: url("../images/innerpagesliders/projectupdate.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;padding: 400px 0 120px;position: relative;color: #ffffff;text-align: center;margin-top: 130px;} #page-header-section.location {background-image: url("../images/innerpagesliders/location.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;padding: 400px 0 120px;position: relative;color: #ffffff;text-align: center;margin-top: 130px;} #page-header-section.clubhouse {background-image: url("../images/innerpagesliders/clubhouse.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;padding: 400px 0 120px;position: relative;color: #ffffff;text-align: center;margin-top: 130px;} #page-header-section.plan {background-image: url("../images/innerpagesliders/plan.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;padding: 400px 0 120px;position: relative;color: #ffffff;text-align: center;margin-top: 130px;} #page-header-section.features {background-image: url("../images/innerpagesliders/features-specifications.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;padding: 400px 0 120px;position: relative;color: #ffffff;text-align: center;margin-top: 130px;} #page-header-section.specifications {background-image: url("../images/innerpagesliders/specification.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;padding: 400px 0 120px;position: relative;color: #ffffff;text-align: center;margin-top: 130px;} /*#page-header-section.mplan { background-image: url("../images/slider/slider3.jpg"); background-position: center; padding: 350px 0 120px; } #page-header-section.projup { background-image: url("../img/brochures/projectupdate-slider.jpg"); background-position: center; padding: 350px 0 120px; } #page-header-section.speci { background-image: url("../img/brochures/specifications-slider.jpg"); background-position: center; padding: 350px 0 120px; } #page-header-section.gallery { background-image: url("../img/brochures/gallery-slider.jpg"); background-position: center; padding: 350px 0 120px; } #page-header-section.price { background-image: url("../img/brochures/price-slider.jpg"); background-position: center; padding: 350px 0 120px; } #page-header-section.features { background-image: url("../img/slider/features-slider.jpg"); background-position: 0% 75%; padding: 350px 0 170px; } #page-header-section.clubh { background-image: url("../img/slider/clubhouse-slider.jpg"); background-position: center; padding: 350px 0 80px; } #page-header-section.neigh { background-image: url("../img/slider/neighbourhood-slider.jpg"); background-position: center; padding: 350px 0 120px; } #page-header-section.location { background-image: url("../img/slider/location-slider.jpg"); background-position: top center; padding: 350px 0 120px; }*/ #page-header-section:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.1);} #page-header-section h1 {font-weight: 600;font-size: 35px;line-height: 1.2em;text-shadow: 2px 2px 4px #000000;font-family: "LeMajor",sans-serif;text-transform: lowercase;letter-spacing: 1px;} #page-header-section ul {list-style: none;margin: 0;padding: 0;} #page-header-section ul li {display: inline-block;margin: 0 5px;} #page-header-section ul li a {color: #ffffff;} #page-header-section-two {background-image: url("../img/bg/page-header-bg.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;padding: 50px 0;position: relative;color: #ffffff;text-align: center;margin-top: 90px;} #page-header-section-two:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);} #page-header-section-two h1 {font-weight: 500;font-size: 35px;line-height: 1.2em;} #page-header-section-two ul {list-style: none;margin: 0;padding: 0;} #page-header-section-two ul li {display: inline-block;margin: 0 5px;} #page-header-section-two ul li a {color: #ffffff;} #page-header-section-three {background-image: url("../img/bg/page-header-bg.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;padding: 50px 0;position: relative;color: #ffffff;text-align: center;margin-top: 64px;} #page-header-section-three:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);} #page-header-section-three h1 {font-weight: 500;font-size: 35px;line-height: 1.2em;} #page-header-section-three ul {list-style: none;margin: 0;padding: 0;} #page-header-section-three ul li {display: inline-block;margin: 0 5px;} #page-header-section-three ul li a {color: #ffffff;} /* * ==================================== * 66. Footer Area * ==================================== */ .footer-one {background: #f9f9f9;} .footer-one .footer-top {padding: 100px 0 70px;border-bottom: 1px solid #dddddd;} .footer-one .footer-widget h3 {font-size: 20px;margin-bottom: 30px;text-transform: uppercase;} .footer-one .footer-widget p a {color: #666666;} .footer-one .footer-widget p strong {font-weight: 600;font-size: 15px;color: #181926;} .footer-one .footer-widget .link-list {margin: 0;padding: 0;list-style: none;-webkit-column-count: 2;column-count: 2;} .footer-one .footer-widget .link-list li {margin-bottom: 25px;} .footer-one .footer-widget .link-list li:last-child {margin-bottom: 0;} .footer-one .footer-widget .link-list li a {color: #666666;} .footer-one .footer-widget .single-post {display: inline-block;margin-bottom: 30px;} .footer-one .footer-widget .single-post:last-of-type {margin-bottom: 0;} .footer-one .footer-widget .single-post .image-box {width: 30%;height: 85px;float: left;background-repeat: no-repeat;background-position: center;background-size: cover;} .footer-one .footer-widget .single-post .image-box.bg-one {background-image: url("../img/blog/1-small.jpg");} .footer-one .footer-widget .single-post .image-box.bg-two {background-image: url("../img/blog/2-small.jpg");} .footer-one .footer-widget .single-post .contents {width: 70%;padding-left: 15px;float: left;} .footer-one .footer-widget .single-post h4 {font-size: 18px;margin-bottom: 5px;} .footer-one .footer-widget .single-post .date {font-size: 14px;margin-bottom: 0;} .footer-one .footer-bottom {padding: 20px 0;font-size: 15px;} .footer-one .footer-bottom .footer-bottom-right {text-align: right;} .footer-one .footer-bottom ul {margin: 0;padding: 0;list-style: none;} .footer-one .footer-bottom ul li {display: inline-block;margin-right: 20px;} .footer-one .footer-bottom ul li:last-child {margin-right: 0;} .footer-one .footer-bottom ul li a {color: #666666;} /* * ==================================== * 67. Footer Area Two * ==================================== */ .footer-two {background: #181926;color: #f6f6f6;} .footer-two a {color: #f6f6f6;} .footer-two .footer-top {padding: 100px 0 70px;border-bottom: 1px solid #36363d;} .footer-two .footer-widget h3 {color: #ffffff;font-size: 20px;margin-bottom: 30px;text-transform: uppercase;} .footer-two .footer-widget p strong {font-size: 15px;font-weight: 600;} .footer-two .footer-widget .link-list {margin: 0;padding: 0;list-style: none;} .footer-two .footer-widget .link-list li {margin-bottom: 25px;} .footer-two .footer-widget .link-list li:last-child {margin-bottom: 0;} .footer-two .footer-bottom {padding: 20px 0;font-size: 15px;} .footer-two .footer-bottom .footer-bottom-right {text-align: right;} .footer-two .footer-bottom ul {margin: 0;padding: 0;list-style: none;} .footer-two .footer-bottom ul li {display: inline-block;margin-right: 20px;} .footer-two .footer-bottom ul li:last-child {margin-right: 0;} /* * ==================================== * 68. Footer Area Three * ==================================== */ .footer-three .footer-top {color: #ffffff;background: #181926;padding: 100px 0 70px;border-bottom: 1px solid #36363d;} .footer-three .footer-top a {color: #ffffff;} .footer-three .footer-widget h3 {color: #ffffff;font-size: 20px;margin-bottom: 30px;text-transform: uppercase;} .footer-three .footer-logo {margin-bottom: 30px;} .footer-three .footer-widget p strong {font-size: 15px;font-weight: 600;} .footer-three .footer-bottom {padding: 20px 0;font-size: 15px;} .footer-three .footer-bottom .footer-bottom-right {text-align: right;} .footer-three .footer-bottom ul {margin: 0;padding: 0;list-style: none;} .footer-three .footer-bottom ul li {display: inline-block;margin-right: 20px;} .footer-three .footer-bottom ul li a {color: #666666;} .footer-three .footer-bottom ul li:last-child {margin-right: 0;} /* * ==================================== * 69. Scroll To Top * ==================================== */ #scroll-to-top {position: fixed;bottom: 20px;right: 20px;background: #ef6838;width: 50px;height: 50px;cursor: pointer;opacity: 0.8;text-align: center;border: 1px solid #eee;z-index: 1;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;display: none;} #scroll-to-top i {color: #fff;font-size: 40px;margin-top: 6px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #scroll-to-top:hover {opacity: 1;} #scroll-to-top:hover i {margin-top: 2px;} /* * ==================================== * 70. Loading Spinner * ==================================== */ .spinner-wrpr {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #181926;z-index: 1000;} .spinner-wrpr .spinner {width: 40px;height: 40px;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .spinner-wrpr .double-bounce1, .spinner-wrpr .double-bounce2 {width: 100%;height: 100%;border-radius: 50%;/*background-color: #c79153;*/background-color: #742052;opacity: 0.6;position: absolute;top: 0;left: 0;-webkit-animation: spinner-bounce 2.0s infinite ease-in-out;animation: spinner-bounce 2.0s infinite ease-in-out;} .spinner-wrpr .double-bounce2 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;} @-webkit-keyframes spinner-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes spinner-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .inside{text-align: center;margin: 30px 0px;} .inside p{color: #fff;margin-top: 10px;font-size: 16px;} .pd50{padding: 50px 0px;} .inside img{border-radius: 10px;} .grand{font-size: 25px;} .pan{font-weight: 500;} .pim{border-radius: 5px;} .loc-li{color: #333;font-size: 17px;font-weight: 600;} .cta{text-align: center;margin: 20px 0px;} .rppg{text-align: center;} .inrpgeti li {display: inline;margin: 5px 20px;} .inrpgeti li a{color: #000;} li.stevst a{color: #fff;background: #ef6838;padding: 6px 12px;border-radius: 2px;transition: all 0.3s ease-in-out;} li.stevst a:hover {background: #f75b60;} .inrpgeti{float: right;margin-bottom: 1.5rem;position: relative;top: 10px;} .db{border-bottom: 1px solid #ddd;} .rlogo{margin: 0;padding: 0;float: left;} .rlogo li{display: inline;margin: 5px;} .rlogo .raj{width: 50%;background-color: #fff;border-radius: 2px;} .rlogo .raj.llp{width: 75%;background-color: #fff;border-radius: 2px;} .sld img {background: #ef6838;padding: 10px 8px;border-radius: 2px;} .sld img:hover{background: #5d815b;} .welcome-sec{background:linear-gradient(72deg,#253d1b, #255c12, #253d1b);} .h2span{color: #ef6838;text-transform: lowercase;font-weight: 600;} .welcome{color: #fff;text-align: center;padding: 20px 0px;} .welcome h2{color: #fff;font-size: 27px;font-weight: 500;letter-spacing: 2px;font-family: "LeMajor",sans-serif;text-transform: lowercase;line-height: 40px;} .welcome p {font-family: "Barlow",sans-serif;font-size: 17px;line-height: 26px;font-weight: 400;letter-spacing: 1px;text-transform: uppercase;margin-bottom: 10px;} .ps-list{display: none;} .services-right {display: inline-block;} .feature-content {margin-left: 2%;position: relative;top: 15px;} .feature-content h5 {font-size: 30px;color: #000;margin-bottom: 0px;} .feature-content p {color: #666;font-size: 15px;} .feature-icon .icon {border: 2px solid #ef6838;border-radius: 10%;padding: 0px;margin-left: 0px;width: 65px;height: 65px;line-height: 65px;text-align: center;} .feature-icon .icon img {width: 80%;text-align: center;margin: 0 auto;} .round-sec{padding: 25px 0px;background-image: url(../../imperia-assets/images/background/climpek.png);} .part {text-transform: lowercase;font-size: 25px;line-height: 45px;color: #25411a;margin-bottom: 30px;text-align: center;font-family: "LeMajor", sans-serif;font-weight: 600;} .part span{font-size: 30px;} .midr{text-align: right;} .img-mid img{box-shadow: 0px 0px 5px 5px rgb(250 175 64 / 50%);border-radius: 5px;} .single-feature.mb-2{margin-bottom: 1rem !important;} .bemore-sec{background-image: url(../../imperia-assets/img/brochures/bemore.jpg);padding: 200px 0px;background-size: 100%;background-position: center;} .carousel-caption {position: absolute;bottom: 70px;right: 30%;z-index: 1;padding-top: 20px;padding-bottom: 20px;color: #fff;text-align: right;} .bemore-div h2{font-size: 45px;text-transform: uppercase;color: #fff;font-weight: 500;letter-spacing: 1px; text-shadow: 2px 2px 4px #000000;} .bemore-div p {color: #ef6838;font-size: 25px;font-weight: 600;letter-spacing: 3px;text-shadow: 2px 2px 4px #000000;font-family: "LeMajor",sans-serif;text-transform: lowercase;} .doso .hovereffect {background-image: url(../../imperia-assets/img/brochures/climpek.png);} .doso-div{background-color: #25411a;} .cf{padding: 0;} .doso-first{padding: 7px 0px 7px 0px;} .dos-txt{padding: 50px 40px;color: #fff;position: relative;} .dos-txt h2{color: #ef6838;font-family: "Barlow",sans-serif;font-weight: 400;line-height: 40px;font-size: 30px;} .dos-txt ul li{font-size: 16px;} .knmore{text-align: right;margin-top: 20px;} .knmore .button-primary {background: linear-gradient(to right, #ef6838 50%, #1f581c 50%);background-position: right bottom;background-size: 200% 100%;} .knmore .button-primary:hover, .button-primary.active {color: #ffffff;background-position: left bottom;} .dos-txt::before {position: absolute;content: " ";top: 35px;left: 20px;z-index: 9;height: 65px;border-left: 2px solid #ef6838;border-top: 2px solid #ef6838;width: 45%;} .dos-txt::after {position: absolute;content: "";bottom: 10px;right: 10px;z-index: 9;height: 45px;border-right: 2px solid #ef6838;border-bottom: 2px solid #ef6838;width: 45%;} .dt-img img{width: 100%;object-fit: fill;height: 625px;} .dt-img.spce img{width: 100%;object-fit: fill;height: 606px;} .rp-sec{padding: 25px 0px;margin-top: 20px;background-image: url(../../imperia-assets/img/brochures/climpek.png);} .ftop{background: #536493;} .foot-top{text-align: center;color: #fff;width: 100%;padding: 10px 0px;margin: 10px 10px;border: 2px solid #25411a;} .foot-top h2 {color: #fff;font-size: 25px;text-transform: lowercase;font-weight: 600;text-align: center;font-family: "LeMajor",sans-serif;letter-spacing: 1px;} .dos-txt h3{color: #ef6838;font-weight: 400;} .form-inline {display: flex;flex-flow: row wrap;align-items: center;} .form-inline label {margin: 5px 10px 5px 0;} .form-inline input {vertical-align: middle;margin: 5px 10px 5px 0;padding: 10px;background-color: #fff;border: 1px solid #ddd;} .form-inline button {padding: 10px 20px;background-color: dodgerblue;border: 1px solid #ddd;color: white;cursor: pointer;} .form-inline button:hover {background-color: royalblue;} .form-inline .form-control {display: inline-block;width: 100%;vertical-align: middle;height: 35px;border-radius: 0px;border: none;} .mp0{padding: 0px;margin: 0px;} .submi{padding: 5px 50px !important;} @media (max-width: 800px) { .form-inline input {margin: 10px 0;} .form-inline {flex-direction: column;align-items: stretch;} } footer {width: 100%;margin: 0;padding: 0;font-size: 13px;color: #666666;background: #111;background-repeat: no-repeat;background-size: cover;font-family: "Barlow",sans-serif;padding-top: 100px;position: relative;margin-top: 60px;} .social-icon-section{position: absolute;top: -10%;left: 0;width: 100%;} .ftpp{font-size: 15px;} .pgl-footer h2 {color: #fff;font-size: 20px;margin-bottom: 10px;} .pgl-upper-foot address {line-height: 2.2;font-size: 16px;} .pgl-upper-foot a {color: #666;} .pgl-upper-foot a {color: #666;font-size: 16px !important;font-weight: 500 !important;} .pgl-footer li {margin-bottom: 8px;font-size: 16px;} .ficsa i{padding: 5px;background-color: #fff;color: #222;margin: 0px 5px;border-radius: 2px;} .pull-right{text-align: right;} .pgl-copyrights{padding: 10px;padding-bottom: 0px;} .pgl-copyrights p{font-size: 14px;} .rp-div p{line-height: 30px;margin: 0;color: #666;font-size: 15px;text-align: left;} .rp-div-p{border-top: 2px solid #ef6838;border-bottom: 2px solid #ef6838;padding: 20px 0px;text-align: center;} .dos-txt p{font-size: 16px;line-height: 30px;} .sliding-sidebar p{color: #fff;} .ul-div-slide ul li {list-style: none;} .ul-div-slide ul li a {color: #fff;text-decoration: none;transition: all 0.3s ease-in-out;font-size: 15px;font-family: "Barlow",sans-serif;font-weight: 500;} .ul-div-slide ul li a i{margin-right: 5px;} .ul-div-slide ul li a:hover{color: #c79153;text-decoration: none;} .slidng-ul ul li {display: inline;list-style: none;margin: 0px 10px;background: #fff;border-radius: 4px;padding: 10px 5px;} .slidng-ul ul li a{padding: 10px 7px;} .side-navigation .social-media {width: 100%;float: left;margin: 0;margin-bottom: 20px;padding: 0;} .side-navigation .social-media li {float: left;margin-right: 2px;padding: 0;list-style: none;} .side-navigation .social-media li a {width: 30px;height: 30px;float: left;text-align: center;line-height: 35px;font-size: 13px;color: #fff;background: rgba(255, 255, 255, 0.1);} .side-navigation .social-media li .fbs:hover {background: #4267b2;} .side-navigation .social-media li .tws:hover {background: #1da1f2;} .side-navigation .social-media li .lis:hover {background: linear-gradient(45deg,#0077b5,#008891);} .side-navigation .social-media li .ins:hover {background: linear-gradient(0deg,#fe9c41,#9c3da5);} .side-navigation .social-media li .yos:hover {background: red;} .side-navigation .social-media li .pis:hover {background: #bd081c;} .side-navigation .social-media li .tes:hover {background: #0084ff;} .side-navigation .social-media li .mas:hover {background: #d44638;} .side-navigation .social-media li .whs:hover {background: #25d366;} .cnt{margin-top: 25px;} .side-navigation{margin-top: 20px;} .header-one.sticky.active .top-bar{display: none;} .mt0{margin-top: 0px;} .prem-sec{padding: 15px 0px;background-image: url(../img/brochures/climpek.png);} .prem {color: #25411a;text-align: center;font-size: 30px;font-weight: 600;text-transform: lowercase;font-family: "LeMajor",sans-serif;letter-spacing: 1px;} .ameni-icon {text-align: center;margin-top: 30px;} .ameni-icon .icon {border: 2px solid #ef6838;border-radius: 10px;width: 80px;height: 80px;line-height: 80px;} .ameni-icon .icon img{transition: all 0.3s ease-in-out;} .ameni-icon .icon:hover img{transform: scale(1.3);} .center {display: block;margin-left: auto;margin-right: auto;} .tct p{margin: 10px 0px;font-size: 19px;font-family: "Barlow",sans-serif;color: #555;line-height: 30px;} .p25{padding: 25px 0px;} .moretext {display: none;} .moretext2 {display: none;} .moretext3 {display: none;} .moretext4 {display: none;} .moretext5 {display: none;} .moretext6 {display: none;} .moretext7 {display: none;} .moretext8 {display: none;} .moretext9 {display: none;} .moretext10 {display: none;} .rmore a{padding: 9px 15px;color: #fff;border: 1px solid #fff;transition: all 0.3s ease-in-out;} .rmore a:hover {background: #ef6838;border-color: #25411a;} .rmore-t a{padding: 9px 15px;color: #fff;border: 1px solid #fab144;transition: all 0.3s ease-in-out;background: #fab144;} .rmore-t a:hover{background: #5d2250;border-color: #5d2250;} .rmore-t{margin-top: 30px;} .rmore{margin-top: 30px;} .doso-third{padding: 25px 0px;} .ftp-end{font-family: "LeMajor",sans-serif;font-size: 27px;color: #ef6838;text-align: center;margin-bottom: 10px;text-transform: lowercase;letter-spacing: 1px;font-weight: 600;} .ftp-end span{font-size: 27px;} .desk-none{display: none;} .bgtr{background-image: url(../img/brochures/climpek.png);} .rig{font-family: "LeMajor",sans-serif;font-size: 30px;color: #25411a;text-align: center;margin-bottom: 10px;text-transform: lowercase;letter-spacing: 1px;font-weight: 600;} .hovereffect {width: 100%;height: 100%;float: left;position: relative;text-align: center;cursor: default;} .hovereffect img {display: block;position: relative;-webkit-transition: all .35s;transition: all .35s;width: 100%;} .hovereffect .overlay {position: absolute;overflow: hidden;width: 80%;height: auto;left: 10%;top: 5%;border-bottom: 1px solid #fff;border-top: 1px solid #fff;-webkit-transition: opacity .35s,-webkit-transform .35s;transition: opacity .35s,transform .35s;-webkit-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);} .overlay h3 {text-align: center;color: #fff;margin: 20px;display: block;font-family: "Barlow",sans-serif;font-size: 25px;font-weight: 500;line-height: 40px;} .hovereffect:hover img { filter: url(data:image/svg+xml;charset=utf-8,#filter); filter: brightness(.6);-webkit-filter: brightness(.6); } .hovereffect:hover .overlay {opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} .mt53{margin-top: 53px;} .elevate-sec{background-image: url(../img/brochures/climpek.png);padding-bottom: 25px;} .elevate-img.fr{float: right;} .elevate-img.fl{float: left;} .elevate-txt h2{color: #ef6838;font-size: 30px;margin-bottom: 15px;font-family: "LeMajor",sans-serif;letter-spacing: 1px;font-weight: 600;line-height: 30px;text-transform: lowercase;} .elevate-txt p{line-height: 30px;margin-bottom: 5px;} .elevate-txt h3 {color: #008000;font-weight: 600;line-height: 30px;font-family: "LeMajor",sans-serif;letter-spacing: 1px;text-transform: lowercase;line-height: 30px;margin-bottom: 5px;} .elevate-txt h3 span{margin-right: 5px;} .elevate-txt h5 {color: #25411a;font-weight: 600;line-height: 30px;font-family: "LeMajor",sans-serif;text-transform: lowercase;font-size: 20px;margin-bottom: 5px;margin-top: 0px;letter-spacing: 1px;} .one-group{margin-bottom: 15px;} .bordb{border-bottom: 2px solid #ef6838;padding-bottom: 25px;} .pd25{padding-bottom: 25px; padding-top: 25px;} .mt10{margin-top: 10px !important;} .feature-content.abtt {margin-left: 2%;position: relative;top: 0px;} .abtt p{font-size: 22px;font-weight: 400;color: #222;line-height: 30px;} .abt-icon .icon img{width: 65%;transition: all 0.3s ease-in-out;} .abt-icon:hover .icon img{transform: scale(1.2);} .abt-icon .icon {border: 3px solid #ef6838;border-radius: 50%;width: 70px;height: 70px;line-height: 60px;text-align: center;} .act p {margin: 10px 0px;font-size: 18px;font-family: "Barlow",sans-serif;line-height: 30px;position: relative;top: 10px;} .abt-icon{float: left;margin-right: 15px;} .ono{margin: 20px 0px;} .atr{font-size: 16px;margin: 15px 0px;} .homee{background-image: url(../img/brochures/climpek.png);} .hobby{background-image: url(../img/brochures/climpek.png);} .hobli li{list-style: disc;margin: 5px 0px;} .doso-div.hby {background-image: url(../../imperia-assets/img/brochures/bg.jpg);background-repeat: round;min-height: 500px;} .mt20{margin-top: 20px;} .hob-img img{min-height: 500px;object-fit: cover;} .w-20{width: 20%;flex: 25%;max-width: 25%;} .master-sec{background-image: url(../images/background/climpek.png);} .demo-gallery > ul {margin-bottom: 0;padding-left: 15px;} .demo-gallery > ul > li {margin-bottom: 15px;width: 100%;display: inline-block;margin-right: 15px;list-style: outside none none;} .demo-gallery > ul > li a {border: 3px solid #FFF;border-radius: 3px;display: block;overflow: hidden;position: relative;float: left;} .demo-gallery > ul > li a > img {-webkit-transition: -webkit-transform 0.15s ease 0s;-moz-transition: -moz-transform 0.15s ease 0s;-o-transition: -o-transform 0.15s ease 0s;transition: transform 0.15s ease 0s;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);height: 100%;width: 100%;} .lg-sub-html h4 {margin: 0;font-size: 25px !important;font-family: "Barlow",sans-serif;font-weight: 400 !important;color: #fff;letter-spacing: 1px;} .cntr {display: block;margin-left: auto;margin-right: auto;width: 100%;} .lg-outer #lg-share {display: none;} .tower{background-image: url(../img/brochures/climpek.png);} .mb20{margin-bottom: 20px;} .mb10{margin-bottom: 10px;} .contr{font-size: 50px;color: #000;} .cntr img{height: 560px;object-fit: cover;} .brd{border-top: 2px solid #ef6838;} .bdr{border-bottom: 2px solid #ef6838;} .ttpbrd{border-top: 2px solid #ef6838;border-bottom: 2px solid #ef6838;} .mb30{margin-bottom: 30px;} .carousel-item .demo-gallery > ul > li {margin-bottom: 0;} .floor{background-image: url(../img/brochures/climpek.png);} .demo-gallery > ul > li a:hover .demo-gallery-poster > h3 {opacity: 1;color: #fff;font-size: 30px;font-weight: 400;font-family: "Barlow",sans-serif;border-top: 1px solid #fff;border-bottom: 1px solid #fff;} .cntr img{cursor: pointer;} .demo-gallery > ul > li a .demo-gallery-poster {bottom: 0;left: 0;position: absolute;right: 0;top: 0;-webkit-transition: background-color 0.15s ease 0s;-o-transition: background-color 0.15s ease 0s;transition: background-color 0.15s ease 0s;} .demo-gallery > ul > li a .demo-gallery-poster > h3 {left: 50%;opacity: 0;position: absolute;top: 50%;transform: translate(-50%, -50%);-webkit-transition: opacity 0.3s ease 0s;-o-transition: opacity 0.3s ease 0s;transition: opacity 0.3s ease 0s;padding: 10px 0px;} .lg-object.lg-image{height: 600px !important;object-fit: cover !important;} .demo-gallery > ul > li a:hover .demo-gallery-poster {background-color: rgba(0, 0, 0, 0.5);} .demo-gallery .justified-gallery > a > img {-webkit-transition: -webkit-transform 0.15s ease 0s;-moz-transition: -moz-transform 0.15s ease 0s;-o-transition: -o-transform 0.15s ease 0s;transition: transform 0.15s ease 0s;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);height: 100%;width: 100%;} .lg-outer.lg-thumb-open .lg-thumb-outer {display: none;} .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {bottom: 0 !important;} body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);opacity: 1;height: 500px !important;} .mt0{margin-top: 0px !important;} .cntr img{width: 100%;height: 560px;} .ctr img{width: 100%;cursor: pointer;} .tower .ctr img{height: 512px;object-fit: fill;} .flor .ctr img{height: 708px;object-fit: fill;} .carousel-inner{background: #fff;padding: 0px;margin: 0px;} .price-sec{background-image: url(../img/brochures/climpek.png);padding-top: 25px;} .rpp-nav li a {padding: 5px 20px;margin-bottom: 20px;color: #fff;font-size: 20px;margin-right: 5px;background-color: #25411a;font-family: "LeMajor",sans-serif;text-transform: lowercase;font-weight: 550;letter-spacing: 1px;} .rpp-nav.proje li a {padding: 5px 15px;margin-bottom: 20px;color: #fff;font-size: 12px;margin-right: 5px;background-color: #25411a;font-family: "LeMajor",sans-serif;text-transform: lowercase;font-weight: 550;letter-spacing: 3px;} .nav-tabs {border: none;} .abn-brd{border-top: 2px solid #cdaf54;border-bottom: 2px solid #cdaf54;padding: 25px 0px;margin-top: 20px;margin-bottom: 20px;} .tab-pane .nav-tabs {margin-top: 30px;display: flex;text-align: left;float: left;width: 100%;} .tab-pane .nav-tabs li {margin: 10px 20px;display: flex;text-align: center;justify-content: space-around;width: 40%;} .tab-pane .nav-tabs li a{padding: 5px 5px;border: 2px solid #ef6838;color: #25411a;font-size: 14px;font-family: "Barlow",sans-serif;text-transform: uppercase;font-weight: 500;width: 100%;} .imgi{text-align: center;} .rpp-nav li a.active {background: #ef6838;color: #fff;} .tab-pane li a.active {background: #ef6838;color: #fff;} .por{margin-top: 30px;text-align: center;margin-bottom: 30px;} .por a {background: #25411a;border-radius: 4px;color: #fff !important;font-size: 18px;padding: 5px 20px;text-transform: lowercase;font-family: "LeMajor",sans-serif;letter-spacing: 1px;} .as h3{font-family: "Barlow",sans-serif;font-size: 23px;color: #faaf40;margin-bottom: 30px;font-weight: 400;} .emi h2 {font-family: "Barlow",sans-serif;font-size: 22px;color: #222;margin-bottom: 20px;font-weight: 500;text-transform: uppercase;line-height: 35px;} .emi h2 .h3c{color: #faaf40;} .calc-sec{background-image: url(../img/brochures/climpek.png);} .emi input, .emi button{float: right;} .emi input{background-color: transparent;outline: none;border: 2px solid #666;} .emi label{color: #9b004a;font-size: 20px;font-family: "Barlow",sans-serif;} .emi .cal-btn{padding: 8px 30px;} .emi-vals{padding-left: 25px;} .emi-vals h3{color: #faaf40;font-weight: 500;} .emi-vals p{font-size: 18px;} .it p{font-size: 20px;} .cal-icon {float: left;margin-right: 10px;display: flex;align-items: center;font-size: 25px;color: #555;border: 2px solid #eaab4e;padding: 5px 10px;position: relative;top: 5px;} .hle{display: block;} .acor-sec{background-image: url(../img/brochures/climpek.png);padding-top: 20px;} .accordion-container{position: relative;height: auto;margin: 10px auto;} .accordion-container > h2{text-align: center;color: #fff;padding-bottom: 5px;margin-bottom: 20px;padding-bottom: 15px;border-bottom: 1px solid #ddd;} .set{position: relative;width: 100%;height: auto;background-color: #f5f5f5;} .set > a {display: block;padding: 10px 15px;text-decoration: none;color: #222;font-weight: 400;transition: all 0.2s linear;font-size: 18px;} .set > a i{float: right;margin-top: 2px;} .set > a.active{background-color:#5d2250;color: #fff;} .carousel-indicators li {display: none;} .content{background-color: #fff;border-bottom: 1px solid #5d2250;display:none;} .content p{padding: 10px 15px;margin: 0;color: #333;} .modal-body .form-group{width: 100%;margin: 5px 0px;display: block;text-align: center;} .modal-body .form-inline .form-control {display: block;width: 100%;vertical-align: middle;height: 40px;border-radius: 0px;} .modal-title{text-transform: lowercase;font-size: 25px;line-height: 45px;color: #ef6838;text-align: center;font-weight: 600;font-family: "LeMajor",sans-serif;} .modal-body .submi{width: 80%;letter-spacing: 1px;height: 45px;font-size: 20px;font-weight: 400;font-family: "Barlow", sans-serif;margin: 20px 0px;} .modal-header{background-image: url(../img/brochures/climpek.png);padding: 5px 20px;} .modal-header .close {font-size: 55px;font-weight: 400;padding: 0rem 1rem;margin: -1rem -1rem -1rem auto;position: relative;top: 0px;height: 70px;} .modal-body .foot-top h2 {color: #fff;font-size: 19px;text-transform: lowercase;font-weight: 550;text-align: center;line-height: 40px;} .modal-content{border-radius: 2px;} .cod {color: #faaf40;font-weight: 500;line-height: 30px;} .clod p{margin-bottom: 5px;} .distance_bg {background: #fff;padding:40px;box-shadow: 0 3px 9px 0 #8A8A8A;} div#aqntiesmap-loc {margin-top: 20px;} #directionsPanel .info-card, .directionsPanel .info-card {padding: 12px 15px;font-family: "Josefin Sans", sans-serif;font-size: 12px;color: #2B2B2B;border-bottom: 1px solid #f3f3f3;display: none;} #map-search-box .info-box #distanceInfo {float: left;} #map-search-box .info-box #durationInfo {float: right;} #map-search-box.big #directionsPanel {max-height: 200px;} #directionsPanel, .directionsPanel {padding: 15px 0;max-height: 230px;overflow: auto;text-align: left;} #directionsPanel .info-card:first-child, .directionsPanel .info-card:first-child {padding-top: 0;} #directionsPanel .info-card:last-child, .directionsPanel .info-card:last-child {border-bottom: none;padding-bottom: 0;} #directionsPanel .info-card, .directionsPanel .info-card {padding: 12px 15px;font-size: 12px;color: #2B2B2B;border-bottom: 1px solid #f3f3f3;display: none;} #directionsPanel .info-card strong, .directionsPanel .info-card strong {font-weight: 700;display: block;font-size: 12px;letter-spacing: 1px;margin-bottom: 3px;} #directionsPanel .info-card .info-text, .directionsPanel .info-card .info-text {color: #7E868D;display: inline-block;margin-right: 15px;} #directionsPanel .info-card .info-text, .directionsPanel .info-card .info-text {color: #7E868D;display: inline-block;margin-right: 15px;} #directionsPanel .info-card .info-text, .directionsPanel .info-card .info-text {color: #7E868D;display: inline-block;cursor: pointer;} #directionsPanel .info-card .info-text a, .directionsPanel .info-card .info-text a {color: #864A4A;font-weight: 700;outline: 0;text-decoration: none;} .blue-text {color: #2196F3 !important;} #directionsPanel .info-card .info-text i.left, .directionsPanel .info-card .info-text i.left {margin-right: 3px;} .distance_popup::-webkit-scrollbar-thumb:hover {background: #555; } a.distance_btn {color: #9b004a !important;font-size: 14px;} #div_distance {padding-right: 15px;color: #9b004a;} #div_duration{color: #9b004a;} .km {display: inline-flex;font-size: 17px;color: #2c4387;} #div_distance:before {content: '\f3c5';font-family: 'Font Awesome 5 Free';font-weight: 600;margin-right: 5px;} #div_duration:before {content: '\f017';font-family: 'Font Awesome 5 Free';font-weight: 600;margin-right: 5px;} input#txtLocation::placeholder {color: #222 !important;font-size:15px;} #floating-panel input#txtLocation{border-radius: 50px;box-shadow: inset 0px 0px 3px 1px #ccc;background: #f3f7fa;width: 100%;padding: 10px 20px;border: inherit;} #txtLocation{border-radius: 50px;box-shadow: inset 0px 0px 3px 1px #ccc;background: #f3f7fa;} .cald {font-family: "LeMajor",sans-serif;font-size: 30px;color: #ef6838;margin-bottom: 10px;letter-spacing: 1px;text-transform: lowercase;font-weight: 600;} .input-area p{color: #ef6838;font-size: 22px !important;margin-bottom: 15px;} .nopad {padding: 0;} .panel-default>.panel-heading {color: #333;border-color: #ddd;} .pdloc{padding-top: 25px;padding-bottom: 0px;} .pdloc p{margin-bottom: 0px;} .pdt0{padding-top: 0px;} .explore{text-align: center;} .explore a {color: #faaf40 !important;text-transform: inherit !important;background-image: url(../img/brochures/bg.jpg);background-repeat: round;} .m30{margin: 30px 0px;} .f24{font-size: 24px;} .project{background-image: url(../img/brochures/climpek.png);} .mb40{margin-bottom: 40px;} .uld.cf{padding: 0px !important;margin: 0px !important;} .demo-gallery.uld > ul > li {margin: 0px;} .proj{margin: 40px 0px;} .rpp-nav.proj li a {padding: 8px 25px;border: none;margin-bottom: 20px;color: #fff;font-size: 20px;background: #faaf40;border-right: 1px solid #fff;transition: all 0.3s ease-in-out;} .rpp-nav.proj li a:hover {color: #fff;background: #5d2250;} .demo-gallery.uld > ul > li {float: left;} .rpp-nav.proj li a.active {background: #5d2250;} .flor.indf .ctr img {height: 450px;object-fit: fill;} .menu-mob{display: none;} .header-one .header-menu>ul.menu-mob {display: none;} .header-one .header-menu>ul>li>a.active {color: #ef6838 !important;background: #fff;} .mt40{margin-top: 40px;} .calcd{background-image: url(../images/background/climpek.png);padding-top: 25px;} .elevate-img.fl {float: left;width: 100%;} .elevate-img.fl img{width: 100%;} .elevate-img.fr {float: right;width: 100%;} .elevate-img.fr img{width: 100%;} .glry .carousel-inner {background: #fff;padding: 0px;margin: 0px;height: 100%;} .glry .carousel-inner img{top: 0px !important;} .img-cover {width: 100vw;height: 100vh;object-fit: cover;} .jssorl-009-spin img { animation-name: jssorl-009-spin; animation-duration: 1.6s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes jssorl-009-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .jssorb031 {position:absolute;} .jssorb031 .i {position:absolute;cursor:pointer;} .jssorb031 .i .b {fill:#000;fill-opacity:0.5;stroke:#fff;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.3;} .jssorb031 .i:hover .b {fill:#fff;fill-opacity:.7;stroke:#000;stroke-opacity:.5;} .jssorb031 .iav .b {fill:#fff;stroke:#000;fill-opacity:1;} .jssorb031 .i.idn {opacity:.3;} .jssora051 {display:block;position:absolute;cursor:pointer;} .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;} .jssora051:hover {opacity:.8;} .jssora051.jssora051dn {opacity:.5;} .jssora051.jssora051ds {opacity:.3;pointer-events:none;} #slider1_container{width: 80% !important;} #slider2_container{width: 80% !important;} #slider3_container{width: 80% !important;} #slider4_container{width: 80% !important;} #slider5_container{width: 80% !important;} #slider6_container{width: 80% !important;} #slider7_container{width: 80% !important;} .hfacp {position: absolute;z-index: 999;top: 80%;padding: 10px 0px;background-image: url(../img/brochures/bg.jpg);width: 78.1%;left: 11%;background-repeat: round;} .hfacp li a{padding: 20px 35px;margin: 0px 40px;text-transform: uppercase;font-size: 15px;color: #faaf40;} .hfacp li a.active {background-image: url(../img/brochures/bg.jpg);background-repeat: round;padding: 10px 20px;border: 1px solid #faaf40;} .mt30{margin-top: 30px;} .jssorb031{display: none;} .glry .carousel-inner {background-image: url(../img/brochures/climpek.png);} .glry .carousel-inner .fl .imgl {position: relative;top: 0px;left: 0%;float: left;width: 100%;text-align: left;} .glry .carousel-inner .fl .imgl img{width: 100%;height: 90px;} .ghead {text-align: center;display: block;margin-top: 30px;} .ghead h2{font-family: "Barlow",sans-serif;font-size: 35px;text-align: center;display: block;margin: 5px 0px;} .ie {margin: 20px 0px;text-align: center;position: relative;display: inline-flex;} .ie ul {text-align: center;} .ie li{text-align: center;margin: 0px 20px;font-size: 25px;} .ie li a.active {color: #5d2250;} .fimg{color: #fff;z-index: 1;position: relative;top: 90%;left: 0%;font-size: 20px;} .ghead svg {overflow: hidden;vertical-align: middle;top: -40px !important;} .pre, .nex {width: 10%;} .ie li a.active::after {background-image: url(../img/icons/arrow-up-dark.png);background-repeat: no-repeat;} .ie li a.active::after {width: 20px;height: 9px;background-size: cover;position: relative;top: 5px;transform: rotate(180deg);} .ie li a::after {content: "";width: 13px;height: 11px;display: block;margin: 0 auto;position: static;} .gllr {font-size: 50px;color: #fab144;padding: 10px;background-image: url(../img/brochures/bg.jpg);} .pre, .nex{color: #fff;text-decoration: none;outline: 0;opacity: 1 !important;} .pt0{padding-top: 0px;} .card-body p {margin-bottom: 5px;color: #333;} .card-body p span{color: #ef6838;font-weight: 550;} .card-body ul{margin: 0px;} .card-body ul li{margin-bottom: 5px;} .bgvid{width: 100%;height: 100vh;object-fit: initial;overflow: hidden;} .p0{padding: 0px;} .m0{margin: 0px;} .tab-pane .putab {max-height: 250px;overflow: scroll;display: block;} .tab-pane .putab li a {border: none;} .tab-pane .putab li a.active {background: transparent;color: #faaf40;} .tab-pane .putab li a:hover {background: #5d2250;color: #faaf40;} .tab-pane .putab li a {font-size: 18px;padding: 10px 15px;} .tab-pane .putab li {margin: 20px 10px;text-align: left;} button.btn.btn-secondary{float:left;position:relative;top: 13px;left:-10px;} .form-inline select {vertical-align: middle;margin: 5px 10px 15px 0px;background-color: #fff;} .sele-enq{margin-bottom: 20px !important;} .hmep .feature-icon .icon {display: inline-block;} .hmep .feature-icon .icon {text-align: center;} .hmep .feature-content {display: block;text-align: center;} .hmep{text-align: center;} .hmep .feature-content {margin-left: 0;position: relative;top: 5px;} .hmep .feature-content h5 {font-size: 20px;} .single-feature.hmep.mb-2 {margin-bottom: 2rem !important;} .rp-sec.spcl-p0{padding: 0px;} .rp-sec.spcl-p0 .rp-div-p {border-bottom: 2px solid #faaf40;padding: 20px 0px;} .por, .por a {cursor: pointer;} .faq-sec .card-header {padding: .25rem 0rem;background-color: transparent;border-bottom: none;} .faq-sec .accordion .card:last-of-type {border: none;} .faq-sec .btn {text-decoration: none;font-size: 19px;color: #25411a;padding: 0px 1.25rem;text-align: left;} .faq-sec .accordion .card {background: transparent !important;border: none;} .faq-sec .card-body {padding: 0.25rem 2rem;font-family: "Barlow",sans-serif;font-size: 15px;color: #666;} .pb0{padding-bottom: 0px;} .faq-sec .ftp-end {text-align: left;padding-left: 10px;} .bdtop{border-top: 2px solid #ef6838;padding-top: 25px;} .bdbot{border-bottom: 2px solid #ef6838;border-top: 2px solid #ef6838;padding-bottom: 25px;margin-top: 15px;} .ptt15{padding-top: 15px;} .proje {margin: 20px 0px;} .ptt20{padding-top: 20px;} .pl0{padding-left: 0px;} .pr0{padding-right: 0px;} .vdmb{margin-bottom: 55px;} .vh2{color: #faaf40;font-size: 30px;position: relative;margin-top: -55px;} .about-sec .text-block{background: #fff;padding: 20px 40px;position: relative;left: 100px;z-index: 9;top: -20px;border-right: 5px solid #ef6838;} .about-sec .text-block h2{font-size: 25px;text-transform: lowercase;font-weight: 600;color: #25411a;text-align: center;font-family: "LeMajor",sans-serif;} .about-sec .text-block h5{font-size: 18px;text-transform: uppercase;font-weight: 500;color: #25411a;text-align: center;} .about-sec .text-block p{font-size: 15px;line-height: 23px;text-align: justify;color: #666;} .tbp{padding: 10px 5px;} .pm0{padding: 0;margin: 0;} .watg{background: #ef6838;padding: 10px 0px;} .watgp{color: #ffffff;font-size: 28px;font-weight: 300;margin: 0;text-transform: lowercase; text-align: center;letter-spacing: 1px;font-family: "LeMajor",sans-serif;} .watgp span{text-transform: lowercase;font-weight: 550;} .premium-logo-p{width: 30px;} .grecaptcha-badge{opacity: 0;} .about-sec .cl{display: flex;align-items: center;} .about-sec .text-block-club{background: #fff;padding: 20px 40px;position: relative;right: 100px;z-index: 9;top: 0px;border-left: 5px solid #ef6838;} .about-sec .text-block-club h2{font-size: 25px;font-weight: 600;letter-spacing: 1px;color: #25411a;text-align: center;text-transform: lowercase;font-family: "LeMajor",sans-serif;} .about-sec .text-block-club p{font-size: 15px;line-height: 23px;text-align: justify;color: #666;} .latest-projects-area{position: relative;display: block;background: #f5f9ff;width: 100%;padding: 100px 50px;} .latest-projects-v3{padding: 0;} .single-project-style3 .img-holder{position: relative;display: block;overflow: hidden;z-index: 10;} .single-project-style3 .img-holder img{width: 100%;transform: scale(1.01);transition: all 700ms ease;} .single-project-style3:hover .img-holder img {transform:scale(1.2) rotate(2deg);} .single-project-style3 .overlay-content{position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: "";background: rgba(0, 0, 0, 0.50);transform: scaleX(0);border: 4px solid #ef6838;transition: all 700ms ease 100ms;z-index: 3;} .single-project-style3.sps3 .overlay-content{position: relative;top: 0;left: 0;width: 100%;height: 100%;content: "";background: #3a4b3b;transform: scaleX(1);/*border: 4px solid #3a4e3a;*/transition: all 700ms ease 100ms;z-index: 3;min-height: 130px;box-shadow: rgb(6 33 63 / 13%) 0px 1px 2px 0px;border: none;border-radius: 4px;} .single-project-style3.sps3 .overlay-content .inner-content .links-icons {display: table-cell;vertical-align: middle;text-align: center;transform: scale(1);transition: all 700ms ease 500ms;} .single-project-style3:hover .overlay-content{transform: scaleY(1);} /*.single-project-style3.sps3 .overlay-content{transform: scaleY(1);}*/ .single-project-style3:hover .overlay-content .inner-content .links-icons{transform: scale(1.0);} /*.single-project-style3.sps3 .overlay-content .inner-content .links-icons {transform: scale(1.0);}*/ .single-project-style3.sps3 .links-icons .icon-link {color: #edf6ef;padding: 10px;font-size: 16px;line-height: 26px;display: block;font-family: "Barlow",sans-serif;} .single-project-style3 .overlay-content .inner-content{display: table;width: 100%;height: 100%;} .single-project-style3 .overlay-content .inner-content .links-icons{display: table-cell;vertical-align: middle;text-align: center;transform: scale(0);transition: all 700ms ease 500ms;} .single-project-style3 .overlay-content .inner-content .links-icons a span:before{position: relative;display: block;width: 35px;height: 35px;margin: 0 auto;color: #ffffff;font-size: 35px;line-height: 35px;font-weight: 400;transition: all 500ms ease;} .single-project-style3 .overlay-content .inner-content .links-icons a:hover span:before{color: #e9212e;} .single-project-style3 .title-holder{position: relative;display: block;padding-top: 24px;} .single-project-style3 .title-holder span{color: #7c7e84;} .single-project-style3 .title-holder h3{color: #ffffff;font-weight: 600;margin: 3px 0 0;} .project-carousel-v3.owl-carousel .owl-nav {position: absolute;top: -115px;display: block;left: 0;right: 0;max-width: 1170px;width: 100%;margin: 0 auto;} .project-carousel-v3.owl-carousel .owl-nav [class*="owl-"] {position: absolute;right: 0;display: inline-block;background: transparent;width: 55px;height: 55px;border: 1px solid #ef6838;line-height: 54px;margin: 0;padding: 0;transition: all 700ms ease 100ms;border-radius: 50%;} .project-carousel-v3.owl-carousel .owl-nav .owl-prev {right: 65px;font-size: 30px;color: #ef6838;} .project-carousel-v3.owl-carousel .owl-nav [class*="owl-"] i:before{color: #5e5e5e;font-size: 20px;font-weight: 400;} .project-carousel-v3.owl-carousel .owl-nav .owl-next {margin-left: 10px;font-size: 30px;color: #ef6838;} .project-carousel-v3.owl-carousel .owl-nav [class*="owl-"]:hover{border-color: #25411a;} .links-icons .icon-link{color: #fff;} .mplane {color: #25411a;font-size: 25px;font-weight: 600;text-align: left;text-transform: lowercase;font-family: "LeMajor",sans-serif;letter-spacing: 1px;margin-bottom: 10px;} .mplaneh {color: #ef6838;font-size: 22px;font-weight: 600;text-align: left;font-family: "LeMajor",sans-serif;letter-spacing: 1px;text-transform: lowercase;line-height: 30px;} .mplanep{color: #666;font-size: 15px;} .ttplan {color: #25411a;font-size: 20px;font-weight: 600;text-align: center;font-family: "LeMajor",sans-serif;text-transform: lowercase;letter-spacing: 1px;} .typh2 {color: #ef6838;font-size: 30px;font-weight: 600;text-align: center;text-transform: lowercase;font-family: "LeMajor",sans-serif;margin-bottom: 10px;letter-spacing: 1px;} .typh5 {color: #25411a;font-size: 23px;font-weight: 600;text-align: center;font-family: "LeMajor",sans-serif;margin-bottom: 10px;text-transform: lowercase;letter-spacing: 1px;} .typp{margin: 20px 0px;} .typp p{color: #666;font-size: 15px;font-weight: 500;line-height: 23px;} .nh2 {color: #25411a;font-size: 30px;font-weight: 600;text-align: center;text-transform: lowercase;font-family: "LeMajor",sans-serif; margin-bottom: 10px;letter-spacing: 1px;} .nh5 {color: #ef6838;font-size: 20px;font-weight: 600;text-align: center;font-family: "LeMajor",sans-serif;margin-bottom: 10px;text-transform: lowercase;letter-spacing: 1px;} .pt20{padding-top: 20px;} .p-txt-blck{color: #25411a;font-size: 15px;line-height: 24px;} .p-txt-blck p{color: #666;font-size: 15px;line-height: 24px;} /*.p-logo-div{position: relative;z-index: -9;} .p-logo-div img {position: absolute;top: -110px;left: -18%;padding: 5px; width: 450px;overflow: hidden;opacity: 0.6;z-index: -9;} .p-logo-club{position: relative;} .p-logo-club img {position: absolute;top: -100px;right: -15%;width: 350px; padding: 5px;opacity: 0.6;}*/ .p-logo-div, .p-logo-div img, .p-logo-club, .p-logo-club img {display: none;} .mt50{margin-top: 50px;} #myModalClub .modal-dialog {max-width: 1000px !important;} #myModalAmazonia .modal-dialog {max-width: 1000px !important;overflow-y: scroll;height: 600px;} .foot-mail.cha{text-align: left;} .imt{text-transform: lowercase;font-family: "LeMajor",sans-serif;line-height: 36px;letter-spacing: 1px;font-weight: 600;font-size: 30px;} .hq-sec{background-image: url(../../imperia-assets/images/background/climpek.png);} .hq-sec h2{font-size: 30px;text-transform: lowercase;font-weight: 600;color: #25411a;font-family: "LeMajor",sans-serif;letter-spacing: 1px;line-height: 40px;} .hq-sec p{font-size: 16px;} .h3qh{text-align: center;} .tc{text-align: center;} .expe h2{margin: 25px 0px;} .h3q{font-size: 25px;text-transform: lowercase;font-weight: 600;color: #008000;font-family: "LeMajor",sans-serif;letter-spacing: 1px;line-height: 40px;text-align: center;} .gncl{font-size: 30px;text-transform: lowercase;font-weight: 600;color: #008000;font-family: "LeMajor",sans-serif;letter-spacing: 1px;line-height: 40px;text-align: center;} .llai{font-size: 30px;text-transform: lowercase;font-weight: 600;color: #25411a;font-family: "LeMajor",sans-serif;letter-spacing: 1px;line-height: 40px;text-align: center;margin-bottom: 5px;} .aul li{margin: 10px 0px;line-height: 26px;} html {scroll-behavior: smooth;} .ewn{color: #fff;} .tab-pane .nav-tabs.ewn li a {color: #fff;} .mt0 .nav-tabs{margin-top: 0px;} .tab-pane .nav-tabs.ewn li {margin: 10px 0px;width: 18%;} .tab-pane .nav-tabs.ewn li a {padding: 10px 15px;text-transform: lowercase;font-family: "LeMajor",sans-serif;font-weight: 600;letter-spacing: 1px;} .p0{padding: 0px;} .pt25{padding-top: 25px;} .f22{font-size: 22px;} .wplace{height: 418px;object-fit: cover;} .sch{height: 458px;object-fit: cover;} .hos{height: 482px;object-fit: cover;} .mhn{height: 418px;object-fit: cover;} .ein{height: 482px;object-fit: cover;} .rdn{height: 434px;object-fit: cover;} .doil{height: 458px;object-fit: cover;} /*.opsp{height: 398px;object-fit: cover;}*/ .opsp{height: 543px;object-fit: cover;} /*.agpp{height: 387px;object-fit: cover;}*/ .agpp{height: 503px;object-fit: cover;} .fgps{height: 427px;object-fit: cover;} .fpsf{height: 416px;object-fit: cover;} .exf{height: 693px;object-fit: cover;} .iaasp{height: 504px;object-fit: fill;} .iaamt{height: 564px;object-fit: fill;} .iaahg{height: 456px;object-fit: fill;} .clb-txt{color: #fff;z-index: 1;} .dos-txt.clb-txt h2 {color: #fff;font-family: "Barlow",sans-serif;font-weight: 400;line-height: 40px;font-size: 30px;} .ent{background-image: url(../images/about/entertainment.jpg);position: relative;background-size: cover;} .fit{background-image: url(../images/about/c2.jpg);position: relative;} .evg{background-image: url(../images/about/c3.jpg);position: relative;} .cnv{background-image: url(../images/about/c4.jpg);position: relative;} .ent::before, .fit::before, .evg::before, .cnv::before {position: absolute;content: "";top: 0;background-color: rgba(0, 0, 0, 0.2);z-index: 0;width: 100%;height: 100%;} .pb0{padding-bottom: 0px;} .bdb0{border-bottom: 0px;} /*.hff{height: 448px;object-fit: cover;}*/ .hff{height: 564px;object-fit: cover;} .cof{height: 482px;object-fit: cover;} .sec{height: 496px;object-fit: cover;} .msp{height: 366px;object-fit: cover;} .hent{height: 454px;object-fit: cover;} .hfga{height: 419px;object-fit: cover;} .hegt{height: 337px;object-fit: cover;} .hcon{height: 453px;object-fit: cover;} .oasis{padding: 70px 0px;margin: 50px 0px;background: #25411a;} .oas .h3q{color: #edf6ef;} .oas{text-align: center;} .oas .knmore {text-align: center;color: #fff;} .cpap50{padding-bottom : 50px;} .unlock{color: #fff !important;background: #ef6838;padding: 6px 12px;border-radius: 2px;transition: all 0.3s ease-in-out;} .unlock:hover{background: #25411a;cursor:pointer;} .unlock i{margin-right: 5px;font-size: 12px;} #pricingtable {width: 100%;padding-bottom: 50px;} #pricingtable td, #pricingtable th {border: 1px solid #bbb;padding: 10px;text-align: center;} #pricingtable tr:nth-child(even){background-color: #f2f2f2;} #pricingtable th {padding: 10px 50px;color: #fff;background-color: #25411a;text-align: center;font-weight: 400;} @media(min-width: 100px) and (max-width: 768px){ .unlock{font-size: 12px;padding: 5px 5px;} } /*.knmore.btnk .button-primary { background: linear-gradient(to right, #ef6838 50%, #1f581c 50%); background-position: right bottom;background-size: 200% 100%;color: #fff;}*/ @media(min-width: 100px) and (max-width: 768px){ .img-mid img {object-fit: cover;height: 285px;width: 100%;vertical-align: bottom;position: relative;top: 70px;} .feature-content h5 {font-size: 17px;color: #000;} .feature-content p {font-size: 15px;line-height: 20px;} .feature-icon .icon {display: none;} .single-feature.mb-2 {margin-bottom: 0.2rem !important;} .inrpgeti {display: none;} .sliding-sidebar.active {margin-right: -300px;} .mob-plt{float: right;margin-right: 5px;margin-top: 5px;} .rlogo {display: none;} .db {border-bottom: none;} .mob-none{display: none;} .desk-none {display: block;} .social-icon-section {position: relative;top: 0;left: 0;} #page-header-section.about {margin-top: 90px;padding: 120px 0 60px;background-size: 100%;} #page-header-section.plan {margin-top: 90px;padding: 120px 0 60px;background-size: 100%;} #page-header-section.specifications {margin-top: 90px;padding: 120px 0 60px;background-size: 100%;} #page-header-section.location {margin-top: 90px;padding: 120px 0 60px;background-size: 100%;} #page-header-section.amenities {margin-top: 90px;padding: 120px 0 60px;background-size: 100%;} #page-header-section.clubhouse {margin-top: 90px;padding: 120px 0 60px;background-size: 100%;} #page-header-section.features {margin-top: 90px;padding: 120px 0 60px;background-size: 100%;} #page-header-section.neighbourhood {margin-top: 90px;padding: 120px 0 60px;background-size: 100%;} #page-header-section.projectupdate {margin-top: 90px;padding: 120px 0 60px;background-size: 100%;} #page-header-section.price {margin-top: 90px;padding: 120px 0 60px;background-size: 100%;} .w-20{width: 49%;flex: 49%;max-width: 49%;} #page-header-section h1 {font-size: 20px;position: relative;top: 40px;padding-top: 70px;} .welcome h2 {font-size: 18px;margin-bottom: 5px;line-height: 30px;} .elevate-txt h2 {font-size: 23px;line-height: 30px;margin-bottom: 5px;} .elevate-txt p {line-height: 26px;margin-bottom: 5px;} .elevate-txt h3 {font-size: 20px;} .ftp-end {font-size: 25px;line-height: 35px;margin-bottom: 0px;} .slicknav_menu .slicknav_icon-bar {background-color: #222;} #hero-section-one .hero-slider-item {background-size: 100%;background-position: bottom;} .bemore-div h2 {font-size: 25px;line-height: 30px;margin-bottom: 5px;} .carousel-caption {bottom: -15px;right: 10%;} .bemore-div p {line-height: 35px;font-size: 20px;letter-spacing: 0px;margin-bottom: 5px;} .menu-mob{display: block;} .menu-desk{display: none;} .header-one .header-menu>ul.menu-desk {display: none;} .sliding-sidebar.active {background: #ef6838;} .mme {padding-left: 0px;} .mme li{list-style: none;margin: 5px 0px;} .mme li a{color: #fff;padding: 5px 20px;font-size: 18px;} .faq-list {width: 100%;margin: 30px auto 0;list-style-type: none;} .faq-list > li {width: 100%;margin-bottom: 10px;overflow: hidden;color: #f75b60;margin-left: 20px;background: #fff;} .faq-list > li.open .list-header:after {transform: rotate(180deg);} .faq-list > li.open .list-content {max-height: 1000px;-webkit-transition: max-height 0.5s ease-in;-moz-transition: max-height 0.5s ease-in;-ms-transition: max-height 0.5s ease-in;-o-transition: max-height 0.5s ease-in;transition: max-height 0.5s ease-in;padding-left: 0px;background: #25411a;} .faq-list .list-header {position: relative;padding: 0px;line-height: 30px;cursor: pointer;padding-left: 5px;color: #25411a;} .faq-list .list-header:after {content: "";width: 0;height: 0;position: absolute;top: 10px;right: -20px;border-style: solid;border-width: 10px 4px 0 5px;border-color: #25411a transparent transparent transparent;-webkit-transition: transform 0.5s ease-in;-moz-transition: transform 0.5s ease-in;-ms-transition: transform 0.5s ease-in;-o-transition: transform 0.5s ease-in;transition: transform 0.5s ease-in;} .faq-list .list-content {max-height: 0;overflow: hidden;-webkit-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);-moz-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);-ms-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);-o-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);} .faq-list .list-content-inner {padding: 0 45px 30px;} .proj li{margin-bottom: 30px;} .list-content-inner li a{color: #fff;} .header-one .header-menu>ul.menu-mob {display: block;} .header-one .header-menu {width: 100%;overflow: scroll;} .floating-btn{position: fixed;top: 45%;right: -42%;z-index: 99;transform: rotate(270deg);} .floating-btn a.btn{color: #faaf40;font-weight: 400;margin: 0px 5px;font-family: "Barlow",sans-serif;float: right;padding: 5px 10px !important;background: #25411a;font-size: 14px;background-repeat: no-repeat;} .float-bottom{position: fixed;bottom: 0px;z-index: 99;width: 100%;padding: 5px 0px;background: #25411a;} .one-box{text-align: center;float: left;width: 30%;} .img-icon i{background: transparent;padding: 2px 5px;color: #f75b60;} .txt-icon{color: #fff;font-size: 13px;} .header-one .header-menu>ul>li>a.remove {display: none;} .floating-btn.forall{top: 49%;right: -42%;} .float-bottom.forall .txt-icon{font-size: 12px;} .float-bottom.forall{bottom: 0px;} .home .noth{display: none;} .modal-title {font-size: 20px;line-height: 35px;} .modal-header .close {top: -5px;} .modal-body .foot-top h2 {font-size: 20px;line-height: 30px;} .modal-body .submi {width: 70%;height: 40px;font-size: 17px;margin: 10px 0px;} .modal-body .form-inline .form-control {height: 35px;} .modal-body .form-group {margin: 0px 0px;} .modal-body .form-inline .form-control {margin: 10px 0px;} .modal {top: 30px;} .mob-wid{height: 400px;background: #f9fbfc;width: 90%;margin-left: 3%; overflow: scroll;box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 50%);margin-bottom: 20px;} .mob-wid .ameni-icon .icon {border: none;width: 80px;height: 80px;line-height: 80px;} .mob-wid .ameni-icon {text-align: center;margin-top: 15px;} .tct p {margin: 10px 0px;font-size: 15px;} .prem {font-size: 20px;margin: 20px 0px;} .cald {font-size: 25px;margin-top: 15px;} footer {margin-top: 10px;padding-top: 30px;} .welcome {padding: 10px 0px;margin-bottom: 5px;} .welcome p {font-family: "Barlow",sans-serif;font-size: 15px; line-height: 30px;margin-bottom: 5px;} .tsr{margin-bottom: 0px !important;} .part {margin-bottom: 30px;line-height: 35px;} /*.be-more-do{width: 100%;height: 300px;object-fit: cover;}*/ .be-more-do{width: 100%;height: auto;object-fit: cover;} .rp-div-p {padding: 5px 0px 10px 0px;} .rp-div p{line-height: 26px;} .dos-txt p {font-size: 15px;line-height: 25px;text-align: justify;} .dos-txt ul li {font-size: 15px;line-height: 25px;} .explore a {font-size: 14px;} .hbby{display: flex;} .hb-txt, .hb-txt3, .hb-txt5 {order: 2;} .hb-img, .hb-img3, .hb-img5 {order: 1;} .hb-txt2, .hb-txt4, .hb-txt6{order: 4;} .hb-img2, .hb-img4, .hb-img6{order: 3;} .master-sec {padding-bottom: 0px;} .price-sec {padding-top: 10px;} .parentTabs{margin-top: 30px;} .por {margin-top: 20px;margin-bottom: 30px;} .card-header {background-image: url(../img/brochures/bg.jpg); background-repeat: round;color: #fff;padding: 3px 10px;} .card-header .btn-link{color: #fff;text-align: left;text-decoration: none;} body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {height: auto !important;} .card-body {padding: 0px;} .cntr img {height: auto;} .tab-pane .nav-tabs li {margin: 20px 0px;} .tab-pane .nav-tabs li a {padding: 10px 0px;border: none;} .collapse{border-bottom: 1px solid #ddd;} .collapsed{text-decoration: none;} .accordion{width: 95%;} .accordion .card {margin: 5px 0px;} .tab-pane .nav-tabs {float: none;} .accordion .card .card-header {padding: 0;background: #ef6838;} .accordion .card .btn.collapsed .arrow-icon {transform: rotate(180deg);} .accordion .card .btn .arrow-icon {position: relative;right: -15px;top: 50%;margin-top: -3px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .lg-sub-html h4 {font-size: 18px !important;} .tab-pane .accordion .card-body li a.active {background: transparent !important;} .f24{margin-top: 15px;} .parentTabs.ptm{margin-top: 10px;} .project {padding: 10px 0px;} .proj {margin: 20px 0px 0px 0px;} .rp-sec {padding: 10px 0px;margin-top: 0px;} .form-inline .form-control {width: 90%;} .elevate-sec .elevate-txt h2 {margin-top: 10px;} .mob-abundant{background-image: url(../img/brochures/mob-abun.jpg); background-attachment: fixed;margin-bottom: 10px;background-position: right; background-size: cover;} /*.part {color: #eee;}*/ .feature-content {margin-left: 0%;color: #fff;} .onet{margin-bottom: 20px;} /*#page-header-section.features {padding-top: 190px;}*/ .dos-txt h2 {line-height: 35px;font-size: 24px;} .dos-txt h3 {line-height: 30px;font-size: 20px;} .hobli{margin-bottom: 0px;} .foot-top h2 {font-size: 20px;line-height: 30px;} .amen-imgit{height: 280px;object-fit: cover;} .doso-third {padding-bottom: 0px;} .prem-sec.amen-page{padding: 0px;} .prem-sec .prem {margin: 0px 0px 20px 0px;} .act{display: block;text-align: center;} .ono {margin: 10px 0px;} .plan-icon-sec .rp-div p{margin: 0px;} .plan-icon-sec {margin-top: 20px;} .act p {margin: 0px 0px;font-size: 15px;line-height: 30px;top: 0;text-align: center;} .plan-icon-sec .mob-wid .ameni-icon {margin-top: 5px;} .tower {padding-bottom: 10px;} .rjpfp{margin-bottom: 10px;} .tower .ctr img {height: auto;} .flor .ctr img {height: auto;} .emi label {font-size: 16px;} .emi input {width: 50%;} .prc{padding-bottom: 0px;} .prc .por{margin-bottom: 20px;} .emi-vals {padding-left: 0;} .emi-vals p {font-size: 16px;line-height: 26px;margin-top: 20px;} .pdloc {padding-top: 10px;padding-bottom: 10px;} .form-group {margin-bottom: 0px;} #page-header-section.location {margin-top: 90px;} .view-more-btn {margin-top: 20px;} .flor.indf .ctr img {height: auto;} html{overflow-x: hidden;} .hfacp {top: 80%;width: 74%;left: 13%;height: 60px;overflow: scroll;display: block;} .hfacp li a.active {border: none;} .hfacp li {margin: 15px 0px;} .sele{margin-left: 10px !important;height: 35px !important;} .mob-abundant .single-feature h5 i{font-size: 20px;} .sele-enq{margin: 0px !important;height: 35px !important;} .oe{margin-bottom: 0px;} .txt-icon a{color: #fff;} .hmep .feature-content h5 {font-size: 18px;} .feature-content p {color: #000;line-height: 20px;font-size: 14px;} .prjctmdlinpt .sele{position: relative;left: -10px;} .faq-sec .card-header {padding: .25rem 0rem;background-color: transparent;border-bottom: none;} .faq-sec .accordion .card:last-of-type {border: none;} .faq-sec .btn {text-decoration: none;font-size: 16px;color: #9b004a;padding: 0px;line-height: 30px;} .faq-sec .accordion .card {background: transparent !important;border: none;} .faq-sec .card-body {padding: 10px 0px;font-family: "Barlow",sans-serif;font-size: 15px;} .pb0{padding-bottom: 0px;} .faq-sec .ftp-end {text-align: left;padding-left: 10px;} .faq-sec .card-header {background: transparent !important;} #page-header-section.speci {padding: 50px 0 120px;} .vdmb {margin-bottom: 20px;margin-top: 30px;} .rpp-nav li a {padding: 3px 10px;border: 1px solid #ef6838; font-size: 17px;} .about-sec .text-block {left: 0px;top: 0;border-top: 5px solid #ef6838; border-right: none;position: relative;} .about-sec .text-block h5 {font-size: 17px;line-height: 26px;} .watgp {font-size: 20px;line-height: 26px;} .about-sec .text-block-club {right: 0;top: 0;border-top: 5px solid #ef6838; border-left: none;} .prem.ca{font-size: 18px;} .typh2 {font-size: 25px;} .typh5 {font-size: 20px;line-height: 30px;} .ttplan {font-size: 20px;margin: 20px 0px;} .nh2 {color: #25411a;font-size: 25px;line-height: 35px;} .nh5 {font-size: 18px;line-height: 26px;} .p-txt-blck p{font-size: 15px;} #faq-section .card .btn {font-size: 15px;} .rig {font-size: 25px;line-height: 35px;} #faq-section {padding: 20px 0 40px !important;} .header-one .header-logo {float: none;margin-right: 0;} .p-logo-div img {display: none;} .p-logo-club img {display: none;} .part span {font-size: 22px;} .por a {font-size: 15px;} .mplaneh {font-size: 17px;} .tab-pane .nav-tabs.ewn li {margin: 10px 2px;width: 25%;} .tab-pane .nav-tabs.ewn {margin-top: 10px;} .tab-pane #setmm1 .nav-tabs li, .tab-pane #setmm2 .nav-tabs li, .tab-pane #setmm3 .nav-tabs li, .tab-pane #setnn1 .nav-tabs li, .tab-pane #setnn2 .nav-tabs li, .tab-pane #setnn3 .nav-tabs li {width: 100%;} .gncl {font-size: 20px;} .celw, .hel, .tho, .dosom, .hg2, .epp, .exl, .exf, .hff, .cof, .sec, .chen, .chfg, .cheg, .chco, .sch, .hos, .wplace, .pfn, .mhn, .itc, .ein, .rdn, .doil, .opsp, .agpp, .fgps, .fpsf, .iaasp, .iaamt, .iaahg, .msp, .hent, .hfga, .hegt, .hcon{height: auto;} .project-carousel-v3.owl-carousel .owl-nav {top: -145px;} .vgallery .vh2 {color: #faaf40;font-size: 30px;position: relative;margin-top: 10px;} } @media (min-width: 370px) and (max-width: 400px){ .floating-btn.forall {right: -36%;} .floating-btn {right: -36%;} } @media (min-width: 401px) and (max-width: 500px){ .floating-btn.forall {right: -32%;} /*.floating-btn {right: -36%;top: 35%;}*/ .floating-btn {right: -34%;top: 48%;} } @media(min-width: 1025px) and (max-width: 1199px){ .welcome h2 {font-size: 22px;} .welcome p {font-size: 15px;} .ftp-end {font-size: 22px;} .header-one .header-menu>ul>li>a {font-size: 13px;} .celw{height: 564px;object-fit: cover;} .hel{height: 684px;object-fit: cover;} .tho{height: 516px;object-fit: cover;} .dosom{height: 663px;object-fit: cover;} .hg2{height: 315px;object-fit: cover;} .epp{height: 317px;object-fit: cover;} .exl{height: 572px;object-fit: cover;} .exf{height: 814px;object-fit: cover;} .hff{height: 660px;object-fit: cover;} .cof{height: 529px;object-fit: cover;} .sec{height: 520px;object-fit: cover;} .chen{height: 442px;object-fit: cover;} .chfg{height: 438px;object-fit: cover;} .cheg{height: 395px;object-fit: cover;} .chco{height: 448px;object-fit: cover;} .sch{height: 458px;object-fit: cover;} .hos{height: 506px;object-fit: cover;} .wplace{height: 458px;object-fit: cover;} .pfn{height: 339px;object-fit: cover;} .mhn{height: 458px;object-fit: cover;} .itc{height: 458px;object-fit: cover;} .ein{height: 506px;object-fit: cover;} .rdn{height: 458px;object-fit: cover;} .doil{height: 498px;object-fit: cover;} .opsp{height: 591px;object-fit: cover;} .agpp{height: 567px;object-fit: cover;} .fgps{height: 427px;object-fit: cover;} .fpsf{height: 456px;object-fit: cover;} .iaasp{height: 534px;object-fit: cover;} .iaamt{height: 624px;object-fit: cover;} .iaahg{height: 486px;object-fit: cover;} .msp{height: 366px;object-fit: cover;} .hent{height: 477px;object-fit: cover;} .hfga{height: 467px;object-fit: cover;} .hegt{height: 377px;object-fit: cover;} .hcon{height: 453px;object-fit: cover;} .single-project-style3.sps3 .links-icons .icon-link {font-size: 14px;} } @media(min-width: 1200px) and (max-width: 1299px){ .welcome h2 {font-size: 22px;} .welcome p {font-size: 15px;} .celw{height: 564px;object-fit: cover;} .hel{height: 624px;object-fit: cover;} .tho{height: 516px;object-fit: cover;} .single-project-style3.sps3 .links-icons .icon-link {font-size: 14px;} .dosom{height: 663px;object-fit: cover;} .hg2{height: 315px;object-fit: cover;} .epp{height: 317px;object-fit: cover;} .exl{height: 572px;object-fit: cover;} .exf{height: 718px;object-fit: cover;} .hff{height: 563px;object-fit: cover;} .cof{height: 481px;object-fit: cover;} .sec{height: 495px;object-fit: cover;} .chen{height: 419px;object-fit: cover;} .chfg{height: 413px;object-fit: cover;} .cheg{height: 395px;object-fit: cover;} .chco{height: 423px;object-fit: cover;} .sch{height: 458px;object-fit: cover;} .hos{height: 482px;object-fit: cover;} .wplace{height: 458px;object-fit: cover;} .pfn{height: 339px;object-fit: cover;} .mhn{height: 458px;object-fit: cover;} .itc{height: 458px;object-fit: cover;} .ein{height: 482px;object-fit: cover;} .rdn{height: 434px;object-fit: cover;} .doil{height: 458px;object-fit: cover;} .opsp{height: 567px;object-fit: cover;} .agpp{height: 543px;object-fit: cover;} .fgps{height: 427px;object-fit: cover;} .fpsf{height: 416px;object-fit: cover;} .iaasp{height: 504px;object-fit: cover;} .iaamt{height: 594px;object-fit: cover;} .iaahg{height: 456px;object-fit: cover;} .msp{height: 366px;object-fit: cover;} .hent{height: 477px;object-fit: cover;} .hfga{height: 419px;object-fit: cover;} .hegt{height: 337px;object-fit: cover;} .hcon{height: 453px;object-fit: cover;} } @media(min-width: 1400px) and (max-width: 1600px){ .celw{height: 504px;object-fit: cover;} .hel{height: 594px;object-fit: cover;} .tho{height: 456px;object-fit: cover;} .rp-sec{margin-top: 0;} .dosom{height: 663px;object-fit: cover;} .hg2{height: 315px;object-fit: cover;} .epp{height: 317px;object-fit: cover;} .exl{height: 572px;object-fit: cover;} .exf{height: 645px;object-fit: cover;} .hff{height: 540px;object-fit: cover;} .cof{height: 482px;object-fit: cover;} .sec{height: 472px;object-fit: cover;} .cos{height: 569px;object-fit: cover;} .cloa{height: 534px;object-fit: cover;} .youn{height: 442px;object-fit: cover;} .pfn{height: 338px;object-fit: cover;} .mhn{height: 418px;object-fit: cover;} .itc{height: 458px;object-fit: cover;} .ein{height: 442px;object-fit: cover;} .rdn{height: 395px;object-fit: cover;} .doil{height: 434px;object-fit: cover;} .wplace{height: 413px;object-fit: cover;} .sch{height: 459px;object-fit: cover;} .hos{height: 435px;object-fit: cover;} .tower .ctr img {height: 506px;object-fit: fill;} .flor .ctr img {height: 567px;object-fit: fill;} .flor.indf .ctr img {height: 450px;object-fit: fill;} .chen{height: 419px;object-fit: cover;} .chfg{height: 390px;object-fit: cover;} .cheg{height: 395px;object-fit: cover;} .chco{height: 423px;object-fit: cover;} .sch{height: 458px;object-fit: cover;} .hos{height: 442px;object-fit: cover;} .wplace{height: 419px;object-fit: cover;} .opsp{height: 543px;object-fit: cover;} .agpp{height: 504px;object-fit: cover;} .fgps{height: 387px;object-fit: cover;} .fpsf{height: 416px;object-fit: cover;} .iaasp{height: 474px;object-fit: cover;} .iaamt{height: 534px;object-fit: cover;} .iaahg{height: 427px;object-fit: cover;} .msp{height: 366px;object-fit: cover;} } @media(min-width: 1601px) and (max-width: 2000px){ .celw{height: 475px;object-fit: cover;} .hel{height: 534px;object-fit: cover;} .tho{height: 456px;object-fit: cover;} .dosom{height: 663px;object-fit: cover;} .hg2{height: 315px;object-fit: cover;} .epp{height: 317px;object-fit: cover;} .exl{height: 572px;object-fit: cover;} .exf{height: 622px;object-fit: cover;} .hff{height: 540px;object-fit: cover;} .cof{height: 482px;object-fit: cover;} .sec{height: 448px;object-fit: cover;} .chen{height: 419px;object-fit: cover;} .chfg{height: 390px;object-fit: cover;} .cheg{height: 395px;object-fit: cover;} .chco{height: 423px;object-fit: cover;} .sch{height: 419px;object-fit: cover;} .hos{height: 442px;object-fit: cover;} .pfn{height: 339px;object-fit: cover;} .mhn{height: 418px;object-fit: cover;} .itc{height: 419px;object-fit: cover;} .ein{height: 442px;object-fit: cover;} .rdn{height: 395px;object-fit: cover;} .doil{height: 434px;object-fit: cover;} .opsp{height: 504px;object-fit: cover;} .agpp{height: 504px;object-fit: cover;} .fgps{height: 387px;object-fit: cover;} .fpsf{height: 416px;object-fit: cover;} .iaasp{height: 475px;object-fit: cover;} .iaamt{height: 535px;object-fit: cover;} .iaahg{height: 426px;object-fit: cover;} .msp{height: 366px;object-fit: cover;} } #hero-section-one .hero-slider-item.bg-one.lp {background-image: url("../images/slider/imperia-lp-new.jpg");background-repeat: no-repeat; background-size: cover top;} .header-one .header-menu.lphm>ul>li>a {color: #fff;padding: 2px 5px;display: block;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;border-radius: 4px;margin-top: 4px;} @media (min-width: 100px) and (max-width: 778px) { #hero-section-one .hero-slider-item.bg-one.lp { /*background-image: url(../images/slider/km.jpg);*/ background-image: url(../images/slider/imperia-mob-new.jpg);background-size: 100%;background-position: center top;width: 100%;} #hero-section-one .hero-slider-item.llp {height: 100vh;background-size: 100%;background-position: bottom;} .mob-plt.mlp {float: right;margin-right: 5px;margin-top: 5px; background: #fff;width: 15%;} .float-bottom.gcbr{display: block;position: fixed;bottom: 1px;z-index: 99;} .gcb{text-align: center;} .gcb .btn{background-color: transparent;color: #faaf40 !important;text-align: center;text-transform: uppercase;} #pricingtable th {padding: 10px 0px;} .rpp-nav.proje li {margin-bottom: 15px;} .rpp-nav.proje li a {font-size: 11px;} } /*@media (min-width: 375px) and (max-width: 500px) { #hero-section-one .hero-slider-item.bg-one.lp {background-image: url(../images/slider/km.jpg);height: 70vh;margin-top: 65px;background-size: 100%;background-position: center;width: 100%;} }*/ @media (min-width: 375px) and (max-width: 385px) { #hero-section-one .hero-slider-item.bg-one.lp { /*background-image: url(../images/slider/km.jpg);*/ background-image: url(../images/slider/imperia-mob-new.jpg);background-size: 100%;background-position: center top;width: 100%;} .floating-btn {right: -40%;} .rpp-nav.proje li a {font-size: 12px;} } @media (min-width: 386px) and (max-width: 400px) { #hero-section-one .hero-slider-item.bg-one.lp { /*background-image: url(../images/slider/km.jpg);*/ background-image: url(../images/slider/imperia-mob-new.jpg);background-size: 100%;background-position: center top;width: 100%;} .rpp-nav.proje li a {font-size: 12px;} } @media (min-width: 401px) and (max-width: 450px) { #hero-section-one .hero-slider-item.bg-one.lp { /*background-image: url(../images/slider/km.jpg);*/ background-image: url(../images/slider/imperia-mob-new.jpg);background-size: 100%;background-position: center top;width: 100%;} .rpp-nav.proje li a {font-size: 12px;} } .dropbtn {background-color: #ef6838;color: white;padding: 3px 10px;border: none;cursor: pointer;transition: all 0.3s ease-in-out;border-radius: 2px;} .dropdown {position: relative;display: inline-block;} .dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 100%;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;} .dropdown-content a {color: black !important;padding: 5px 16px;text-decoration: none;display: block;font-size: 14px;cursor: pointer;border-radius: none;border-bottom: 1px solid #ccc;background-color: #f75b60 !important;} .dropdown-content a:hover {background-color: #f1f1f1} .dropdown:hover .dropdown-content {display: block;} .tdmodal.modal-dialog{max-width: 100% !important;margin: 2rem 2rem !important;} .tdmodal.modal-content{height: 100vh;} .modal-open .modal {z-index: 9999999999;} @media (min-width: 1601px) and (max-width: 1800px) { .cl-1{ display: flex; align-items: center;} .about-sec .text-block{top: 0px;} /*.about-sec .text-block-club{top:95px;}*/ } @media (min-width: 1390px) and (max-width: 1600px) { .cl-1{ display: flex; align-items: center;} .about-sec .text-block{top: 0px;} /*.about-sec .text-block-club{top:50px;}*/ } @media (min-width: 1801px) and (max-width: 2000px){ .cl-1{ display: flex; align-items: center;} .about-sec .text-block{top: 0px;} /*.about-sec .text-block-club{top:100px;}*/ } @media (min-width: 2001px) and (max-width: 2200px){ .cl-1{ display: flex; align-items: center;} .about-sec .text-block{top: 0px;} /*.about-sec .text-block-club{top:120px;}*/ } @media (min-width: 1045px) and (max-width: 1100px){ .about-sec .text-block{top: -85px;} .about-sec .text-block-club{top:-35px;} .inrpgeti li{margin:0px;} .about-sec .text-block-1{top: -55px !important;} } @media (min-width: 1101px) and (max-width: 1299px){ .about-sec .text-block{top: -50px;} .about-sec .text-block-1{top: -15px !important;} } .about-sec .text-block-1{background: #fff;padding: 20px 40px;position: relative;left: 100px;z-index: 9;top: 0px;border-right: 5px solid #ef6838;} .about-sec .text-block-1 h2{font-size: 25px;text-transform: lowercase;font-weight: 600;color: #25411a;text-align: center;font-family: "LeMajor",sans-serif;} .about-sec .text-block-1 h5{font-size: 18px;text-transform: uppercase;font-weight: 500;color: #25411a;text-align: center;} .about-sec .text-block-1 p{font-size: 15px;line-height: 23px;text-align: justify;color: #666;} .col-md-7.col-sm-6.col-xs-6.cl-2 {display: flex;align-items: center;} .about-sec .text-block-club-1{background: #fff;padding: 20px 40px;position: relative;right: 100px;z-index: 9;top: 0px;border-left: 5px solid #ef6838;} .about-sec .text-block-club-1 h2{font-size: 25px;font-weight: 600;letter-spacing: 1px;color: #25411a;text-align: center;text-transform: lowercase;font-family: "LeMajor",sans-serif;} .about-sec .text-block-club-1 p{font-size: 15px;line-height: 23px;text-align: justify;color: #666;} @media (min-width: 100px) and (max-width: 767px){ .about-sec .text-block-1 { background: #fff; padding: 20px 40px; position: relative; left: 0px; z-index: 9; top: 0px; border-right: 5px solid #ef6838; } .about-sec .text-block-club-1 { background: #fff; padding: 20px 40px; position: relative; right: 0px; z-index: 9; top: 0px; border-left: 5px solid #ef6838; } } .img-block{height:100%;} .img-block img{height:100%;} /*.why-imperia{padding-top:40px;}*/ .gal-imgs img{padding:20px 10px;} .thank-title { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #000; text-align: center; } .pro-bn { padding: 10px; float: left; background: #ef6838; } .pro-bn li a{ color:#fff;} .thank-title h1{ color: #ef6838;font-size: 30px;} /*.po{margin-top: 30px;text-align: center;} .po .dropbtn {background-color: #fab144;color: white;padding: 10px 10px;border: none;cursor: pointer;transition: all 0.3s ease-in-out;border-radius: 2px;}*/