/* GLOBAL STYLES -------------------------------------------------- */ /* Padding below the footer and lighter body text */ @import url('https://fonts.googleapis.com/css?family=Staatliches'); @import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,700,900'); @font-face { font-family: 'font'; src:url('../fonts/arvo.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'font2'; src:url('../fonts/poppins.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'font3'; src:url('../fonts/BRADHITC.TTF') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-weight: normal; font-style: normal; font-family: 'feathericons'; src:url('../fonts/feathericons/feathericons.eot?-8is7zf'); src:url('../fonts/feathericons/feathericons.eot?#iefix-8is7zf') format('embedded-opentype'), url('../fonts/feathericons/feathericons.woff?-8is7zf') format('woff'), url('../fonts/feathericons/feathericons.ttf?-8is7zf') format('truetype'), url('../fonts/feathericons/feathericons.svg?-8is7zf#feathericons') format('svg'); } .vertically-centered{ display: flex; flex-direction: column; justify-content: center; } .home-faqs { padding: 100px 0px 100px 0px; } .home-faqs h2 { font-family: 'font3'; text-align: center; font-weight: 600; letter-spacing: 1px; line-height: 40px; font-size:45px; margin: 75px 0px 100px 0px; } .home-faqs img { border-radius: 5px; box-shadow: 5px 5px 10px #000; } .home-faqs a { color: #6e6955; font-weight: 600; } .hedah-faq-wrap{max-width:900px;margin:0 auto} .hedah-faq-radio{position:absolute;left:-9999px} .hedah-faq{border:1px solid #e5e5e5;border-radius:12px;overflow:hidden;background:#fff} .hedah-faq-item + .hedah-faq-item{border-top:1px solid #eee} .hedah-faq-q{margin:0} .hedah-faq-toggle{display:block;padding:16px 56px 16px 18px;cursor:pointer;line-height:1.35;font-weight:700;position:relative; font-family: 'font2'; letter-spacing: 1px; font-size: 18px;} .hedah-faq-wrap p { font-family: 'font2'; font-weight: 500; letter-spacing: 1px; line-height: 30px; } .hedah-faq-wrap li { line-height: 25px; } .hedah-faq-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:20px} .hedah-faq-a{display:none;padding:0 18px 16px 18px;background:#fafafa} .hedah-faq-bullets{margin:10px 0 0 18px} .hedah-faq-bullets li{margin:6px 0} #hedah-faq-1:checked ~ .hedah-faq .hedah-faq-item:nth-of-type(1) .hedah-faq-a, #hedah-faq-2:checked ~ .hedah-faq .hedah-faq-item:nth-of-type(2) .hedah-faq-a, #hedah-faq-3:checked ~ .hedah-faq .hedah-faq-item:nth-of-type(3) .hedah-faq-a, #hedah-faq-4:checked ~ .hedah-faq .hedah-faq-item:nth-of-type(4) .hedah-faq-a, #hedah-faq-5:checked ~ .hedah-faq .hedah-faq-item:nth-of-type(5) .hedah-faq-a{display:block} #hedah-faq-1:checked ~ .hedah-faq .hedah-faq-item:nth-of-type(1) .hedah-faq-open, #hedah-faq-2:checked ~ .hedah-faq .hedah-faq-item:nth-of-type(2) .hedah-faq-open, #hedah-faq-3:checked ~ .hedah-faq .hedah-faq-item:nth-of-type(3) .hedah-faq-open, #hedah-faq-4:checked ~ .hedah-faq .hedah-faq-item:nth-of-type(4) .hedah-faq-open, #hedah-faq-5:checked ~ .hedah-faq .hedah-faq-item:nth-of-type(5) .hedah-faq-open{display:none} #hedah-faq-1:checked ~ .hedah-faq .hedah-faq-item:nth-of-type(1) .hedah-faq-close, #hedah-faq-2:checked ~ .hedah-faq .hedah-faq-item:nth-of-type(2) .hedah-faq-close, #hedah-faq-3:checked ~ .hedah-faq .hedah-faq-item:nth-of-type(3) .hedah-faq-close, #hedah-faq-4:checked ~ .hedah-faq .hedah-faq-item:nth-of-type(4) .hedah-faq-close, #hedah-faq-5:checked ~ .hedah-faq .hedah-faq-item:nth-of-type(5) .hedah-faq-close{display:block} .hedah-faq-close{display:none} /* ===== Layout & look (scoped) ===== */ .home-reviews { padding: 100px; background: linear-gradient(90deg, #0000006b 15.4%, #0000006b 15.4%, #0000006b 84.7%, #0000006b 84.7%) center bottom / cover no-repeat, url(/gallery-section/images/sustainable-landscapes/025.jpg); background-attachment: fixed; } .hedah-rev-wrap{max-width:100%;margin:0 auto} .hedah-rev-title{font-weight:700;font-size:65px;margin:0 0 50px; color: #fff; font-family: font3; text-align: center; text-shadow: 1px 1px 1px #000;} .hedah-rev-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} @media (max-width: 992px){.hedah-rev-grid{grid-template-columns:repeat(2,1fr)}} @media (max-width: 640px){.hedah-rev-grid{grid-template-columns:1fr}} .hedah-rev-card{display:flex;flex-direction:column;justify-content:space-between;border:1px solid #e6e6e6;border-radius:12px;padding:16px;background:#fff;min-height:220px; border: 2px solid #c21817;} .hedah-rev-top{display:flex;align-items:center;gap:12px;margin-bottom:8px} .hedah-rev-avatar{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;background:#f1f1f1;color:#444} .hedah-rev-id{display:flex;flex-direction:column;gap:4px} .hedah-rev-author{font-weight:600} .hedah-rev-stars svg{width:16px;height:16px;fill:#caa431} .hedah-rev-text{margin:10px 0 12px;line-height:1.55} .hedah-rev-link{font-weight:600;text-decoration:underline; color: #c21817;} .hedah-rev-hidden{display:none} .hedah-rev-cta{margin-top:18px;display:flex;justify-content:center;gap:12px} .hedah-rev-more,.hedah-rev-btn{background: linear-gradient(to right, rgba(159, 1, 0, 0), rgba(159, 1, 0, 0)), url(/img/header-bg.jpg) top right no-repeat; border: 1px solid #000; color:#111;padding:10px 16px;border-radius:10px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block} .hedah-rev-more:hover,.hedah-rev-btn:hover{filter:brightness(0.95)} .hedah-rev-btn--ghost{background:#fff;color:#caa431} .dropdown { float: left; position: relative; } .dropdown .dropbtn { font-size: 16px; border: none; outline: none; color: white; padding: 14px 16px; background-color: inherit;font-family: inherit; margin: 0; } .navbar a:hover, .dropdown:hover .dropbtn { background-color: red; } .dropdown-one { cursor: pointer; display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } .dropdown-two { cursor: pointer; display: none; position: absolute; left: 160px; top: 0px; min-width: 160px; background-color: #f9f9f9; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } .dropdown-three { cursor: pointer; display: none; position: absolute; left: 160px; top: 48px; min-width: 160px; background-color: #f9f9f9; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } .dropdown:hover .dropdown-one, #link1:hover > .dropdown-two { display: block; } .dropdown:hover .dropdown-one, #link2:hover > .dropdown-three { display: block; } .dropdown-one .dItem { color: black; padding: 12px 16px; display: block; text-align: left; } .dropdown-one .dItem:hover, .dropdown-two a:hover { background-color: #ddd; } .my-pad { padding: 0 0 0 15px; } .my-pad h5 { color: rgb(255,255,255); font-size: 18px; text-transform: uppercase; padding-top: 20px; line-height: 5px; font-weight: 600; } .multi-column-dropdown { list-style: none; margin: 0px; padding: 0px; } ul.multi-column-dropdown { padding: 0 0 0; } .multi-column-dropdown li a { display: block; clear: both; line-height: 1.428571429; color: #333; white-space: normal; } .multi-column-dropdown li a:hover { text-decoration: none; color: #262626; background-color: #999; } .tab { overflow: hidden; background: transparent; font-family: 'font2'; } .tab button { background-color: transparent; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 24px; color: rgb(255,255,255); border: 2px solid rgb(255,255,255); } .tab button:hover { background-color: #ddd; font-weight: 800; color: rgb(0,0,0); } .tab button.active { background-color: #ccc; font-weight: 800; color: rgb(0,0,0); } .tabcontent { display: none; padding: 6px 12px; border-top: none; } .tabcontent h3 { padding: 15px; font-size: 2rem; font-weight: 800; text-align: center; text-shadow: 1px 2px 2px rgb(0,0,0); color: rgb(255,255,255); } .tabcontent li { padding: 10px; line-height: 25px; font-size: 20px; font-weight: 600; text-align: justify; color: rgb(255,255,255) } .tabcontent p { padding: 10px; line-height: 25px; font-size: 20px; font-weight: 600; text-align: justify; color: rgb(255,255,255) } /* ======================================== */ /* === Top Header Section ================= */ /* ======================================== */ .top-header { position: fixed; width: 100%; z-index: 1; padding: 20px 160px 20px 0; background: linear-gradient(to right, rgba(159,1,0,0.2), rgba(159,1,0,0.2)), url(/img/header-bg.jpg) top right no-repeat; z-index: 5; -webkit-transition: all .30s ease; -moz-transition: all .30s ease; -o-transition: all .30s ease; transition: all .30s ease; box-shadow: 1px 1px 10px 1px rgb(255,255,255); } .top-header div[class*='col-']:first-child { display:flex; justify-content: flex-end; align-items:center; } .top-header div[class*='col-']:first-child a { padding: 0; font-size:15px; -webkit-transition: all .30s ease; -moz-transition: all .30s ease; -o-transition: all .30s ease; transition: all .30s ease; color: #fff; } .top-header div[class*='col-']:first-child a:hover { background-color:transparent;; } .top-header div[class*='col-']:nth-child(2) { display:flex; justify-content:center; align-items:center; } .top-header div[class*='col-']:nth-child(2) i { color: rgb(255,255,255); } .top-header div[class*='col-']:nth-child(2) a { font-weight: 600; font-family: 'font2'; color: rgb(255,255,255); } .top-header div[class*='col-']:nth-child(2) a:hover { font-weight: 600; font-family: 'font2'; color: rgb(255,255,255); } .top-header div[class*='col-']:nth-child(3) { display:flex; justify-content:center; align-items:center; } .top-header div[class*='col-']:nth-child(3) .logo { position: absolute; margin-top: 75px; } .top-header div[class*='col-']:nth-child(4) { display:flex; justify-content:center; align-items:center; } .top-header div[class*='col-']:nth-child(4) i { color: rgb(255,255,255); } .top-header div[class*='col-']:nth-child(4) a { font-weight: 600; font-family: 'font2'; color: rgb(255,255,255); } .top-header div[class*='col-']:nth-child(4) a:hover { font-weight: 600; font-family: 'font2'; color: rgb(255,255,255); } .top-header div[class*='col-']:nth-child(5) { display:contents; justify-content: flex-start; align-items:center; } .top-header div[class*='col-']:nth-child(5) a { display:contents; justify-content:center; align-items:center; border: 1px solid rgb(236,32,40); color: rgb(255,255,255); background: rgb(236,32,40); border-radius:100px; height: 34px; width: 34px; margin: 0 4px; } .top-header div[class*='col-']:nth-child(5) a:hover { background: rgb(236,32,40,0.8); text-decoration:none !important; color: rgb(255,255,255); } .top-header .dropdown-menu { background:whitesmoke; border-radius: 0; } .top-header .dropdown-menu a { color:#222; padding:3px 20px !important; } .top-header .dropdown-toggle { background: #21212100; padding: 6px 25px; outline: none !important; border-color: #f3f3f3b5; } .top-header .dropdown-toggle:hover { background-color: white !important; color: #000 !important; } .btn-secondary:not([disabled]):not(.disabled).active, .btn-secondary:not([disabled]):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { color: #000; background-color: rgb(255, 255, 255); border-color: #666e76; box-shadow:none !important; } .top-header .btn-secondary.focus, .btn-secondary:focus { outline:none !important; box-shadow:none !important; } /* ======================================== */ /* === Navigvation Section ================ */ /* ======================================== */ .navbar-inverse .navbar-inner { display:none; } /******* Mobile Navigation Section *******/ .navbar-sidebar { display:none; } .dropdown-wrapper { margin:0; padding:0; } .navbar-sidebar .dropdown-menu-mobile { position:relative; display:none; top: 0; left: 0; z-index: 1000; float: left; height:0px; margin:0; width:100%; padding: 0; font-size: 18px; color: #e6e6e6 !important; text-align: left; list-style: none; background-color: rgb(200,200,200); border: 0; visibility: hidden; border-radius: 0; transform:scale(1,0); -webkit-transition: all .30s ease; -moz-transition: all .30s ease; -o-transition: all .30s ease; transition: all .30s ease; } .dropdown-menu-animate { display:inline-block !important; transform:scale(1,1) !important; padding:25px 0 !important; height:auto !important; visibility: visible !important; } .navbar-sidebar .dropdown-menu-mobile a { color: rgb(75,75,75); font-weight:600 !important; font-size: 1.3em; font-family:'Raleway'; text-align:center; } .navbar-sidebar { padding-top: 175px; height: 100%; background-color: rgb(250,250,250); position: fixed!important; z-index: 3; overflow: auto; } .bar-block .dropdown-hover, .bar-block .dropdown-click { width: 100%; } .bar-block .dropdown-hover .dropdown-content, .bar-block .dropdown-click .dropdown-content { min-width: 100%; } .bar-block .dropdown-hover .button, .bar-block .dropdown-click .button { width: 100%; text-align: left; padding: 8px 16px; } .main, #main { transition:margin-left .4s; } .modal { z-index: 3; display: none; padding-top: 100px; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .modal-content { margin:auto; background-color:#fff; position:relative; padding:0; outline:0; width:600px; } .bar { width:100%; overflow:hidden; } .center .bar { display:inline-block; width:auto; } .bar .bar-item { padding:8px 16px; float:left; width:auto; border:none; display:block; outline:0; } .bar .dropdown-hover, .bar .dropdown-click { position:static; float:left; } .bar .button { white-space:normal; } .bar-block .bar-item { width:100%; display:block; padding:8px 16px; text-align:left; border:none; white-space:normal; float:none; outline:0; font-weight: 600; font-family: 'font2'; color: rgb(20,20,20); } .bar-block.center .bar-item { text-align:center; } .block { display:block; width:100%; } /******* Mobile Navigation Section *******/ /******************************************** DAVIDS MOBILE CODE START *************************************************/ .bg-primary { background: rgb(83,82,82) !important; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 200px; padding: .5rem 0; margin: .125rem 0 0; font-size: 18px; color: rgb(33, 37, 41); text-align: left; list-style: none; background-color: rgb(20,20,20); background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem; } .dropdown-menu.columns-3 { min-width: 600px; } .dropdown-menu li a { padding: 5px 15px; font-weight: 300; } .dropdown-item { display: block; width: 100%; font-weight: 600; font-family: 'font2'; padding: .25rem 1.5rem; clear: both; color: rgb(255,255,255); text-align: inherit; white-space: nowrap; background: 0 0;border: 0; } .dropdown-item.active, .dropdown-item:active { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(22,22,22) !important; } .home-header-section { padding-top: 101px; } .banner { padding: 50px 0 50px 0; background: rgb(0,0,0); } .banner h3 { font-size: 38px; font-family: font; font-weight: 600; text-align: center; color: rgb(255,255,255); } /* Custom Carousel Styling */ .custom-carousel { position: relative; height: 80vh; width: 101%; overflow: hidden; font-family: Arial, sans-serif; } /* Stationary Info Section */ .carousel-info { position: absolute; top: 50%; left: 50%; z-index: 2; width: auto; height: auto; transform: translate(-50%,-50%); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color: #fff; text-shadow: 1px 1px 5px #000; background: #ffffffeb; padding: 50px; margin-top: 25px; } .custom-carousel img{ width:70%; } .carousel-info h1 { /*font-family: font4;*/ font-size: 85px; text-shadow: none; color: black; letter-spacing: 2px; line-height: 50px; } .carousel-info h1 span { font-size:1.2rem; color:black; /*font-family: monospace; */ } .carousel-services-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 20px 0; } .carousel-service { padding: 15px; background: linear-gradient(to right, #000000c4, #0000008f), url(/img/homepage/rb1-25.png) no-repeat; background-size: cover; color: #fff; background-color: #000000; margin: 10px 0px 10px 0px; border-radius: 15px; } .carousel-service h3 { font-family: font8; text-shadow: 1px 1px 1px #000; font-size: 18px; width: 175px; } .carousel-service h3 span { color: #121862; } .carousel-quote-button { background-color: #121862; padding: 15px 25px; border-radius: 10px; font-family: font4; margin-top: 20px; } .carousel-quote-button h5 { margin: 0; color: #fff; } /* Carousel Slides */ .carousel-slides { display: flex; transition: transform 0.8s ease-in-out; height: 100%; width: 100%; } .carousel-slide { min-width: 100%; height: 100%; background-size: cover; background-position: center; flex-shrink: 0; } /* Navigation Buttons */ .carousel-nav { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.6); /* Semi-transparent background */ color: #fff; width: 3%; border: none; padding: 10px 15px; /* Smaller padding for less width */ cursor: pointer; z-index: 3; font-size: 24px; /* Reduced font size for a cleaner look */ border-radius: 50%; /* Circular button */ transition: background 0.3s ease; } .carousel-nav:hover { background: rgba(0, 0, 0, 0.8); /* Darker background on hover */ } .carousel-nav.prev { left: 20px; /* Position button on the left side */ } .carousel-nav.next { right: 20px; /* Position button on the right side */ } .new-home1 { background: rgb(255,255,255); padding: 40px 0 50px 0; } .new-home1 .pad { padding-top: 30px; } .new-home1 h1 { font-family: 'font'; font-size: 50px; color: rgb(110,105,85); line-height: 100px; text-align: center; } .new-home1 span { font-size: 80px; } .new-home1 strong { font-size: 44px; font-weight: 500; margin-top:-30px; } .new-home1 p { font-size: 17px; text-align: center; color: rgb(100,100,100); } .new-home1 a { padding: 20px 20px; background: rgb(216,213,198); color: rgb(90,90,90); font-weight: 600; } .new-home1 img { border-radius: 5px; box-shadow: 5px 5px 10px #000; } .new-home2 { background: rgb(250,250,250); padding: 50px 0 50px 0; } .new-home2 h2 { font-family: 'font3'; font-size: 40px; text-align: center; color: rgb(110,105,85); padding-bottom: 30px; } .new-home2 .pad { padding-top: 60px; } .new-home2 h3 { font-family: 'font3'; font-size: 30px; text-align: left; color: rgb(110,105,85); } .new-home2 p { padding: 5px; line-height: 21px; color: rgb(100,100,100); text-align: justify; font-size: 17px; } .new-home2 a { padding: 20px 20px; background: transparent; color: rgb(90,90,90); font-weight: 600; border: 2px solid rgb(90,90,90); } .new-home2 a { padding: 20px 20px; background: rgb(255,255,255); color: rgb(100,100,100); font-weight: 600; border: 2px solid rgb(100,100,100); } .new-home2 img { border-radius: 5px; box-shadow: 5px 5px 10px #000; } .new-home3 { background: rgb(255,255,255); padding: 50px 0 50px 0; } .new-home3 h2 { font-family: 'font3'; font-size: 40px; text-align: center; color: rgb(110,105,85); padding-bottom: 30px; } .new-home3 .pad { padding-top: 30px; } .new-home3 h3 { font-family: 'font3'; font-size: 30px; text-align: left; color: rgb(110,105,85); } .new-home3 p { padding: 5px; line-height: 21px; color: rgb(100,100,100); text-align: justify; font-size: 17px; } .new-home3 a { padding: 20px 20px; background: transparent; color: rgb(90,90,90); font-weight: 600; border: 2px solid rgb(90,90,90); } .new-home3 a { padding: 20px 20px; background: rgb(255,255,255); color: rgb(100,100,100); font-weight: 600; border: 2px solid rgb(100,100,100); } .new-home3 img { border-radius: 5px; box-shadow: 5px 5px 10px #000; } .new-home4 { background: rgb(109,100,85); padding: 60px 0 60px 0; } .new-home4 img { max-width: 250px; } .new-home4 p { font-size: 25px; font-family: 'font3'; color: rgb(255,255,255); text-align: center; padding-top: 30px; padding-bottom: 15px; } .new-home4 hr { margin: auto: width: 60px; border-top: 3px solid rgb(217,214,199); opacity: 1; } .new-home5 { background: rgb(250,250,250); padding: 50px 0 50px 0; } .new-home5 h2 { font-family: 'font3'; font-size: 40px; text-align: left; color: rgb(110,105,85); padding-bottom: 30px; } .new-home5 .pad { padding-top: 30px; } .new-home5 h3 { font-family: 'font3'; font-size: 30px; text-align: left; color: rgb(110,105,85); } .new-home5 p { color: rgb(100,100,100); text-align: justify; font-size: 17px; } .new-home5 a { padding: 20px 20px; background: transparent; color: rgb(90,90,90); font-weight: 600; border: 2px solid rgb(90,90,90); } .new-home5 a { padding: 20px 20px; background: rgb(255,255,255); color: rgb(100,100,100); font-weight: 600; border: 2px solid rgb(100,100,100); } .new-home5 img { border-radius: 5px; box-shadow: 5px 5px 10px #000; } .new-home6 { background: rgb(255,255,255); padding: 50px 0 50px 0; } .new-home6 .box { padding: 25px 25px 0 25px; } .new-home6 h2 { text-align: center; color: rgb(109,100,85); font-size: 40px; font-family: 'font3'; text-transform: uppercase; } .new-home6 h2.box { text-align: center; color: rgb(109,100,85); font-size: 40px; font-family: 'font3'; text-transform: uppercase; margin-top: 25%; } .new-home6 h2.other { text-align: center; color: rgb(109,100,85); font-size: 40px; font-family: 'font3'; text-transform: uppercase; margin-top: 25%; } .new-home6 h3 { font-family: 'font3'; text-align: center; color: rgb(109,100,85); font-size: 25px; margin-top: 20px; } .new-home6 h5 { font-size: 17px; color: rgb(100,100,100); text-align: center; line-height: 27px; padding-bottom: 40px; } .new-home6 p { font-size: 17px; text-align: center; color: rgb(100,100,100); } .new-home6 a { font-weight: 600; color: rgb(109,100,85); } .new-home6 a:hover { color: rgb(217,214,199); } .new-home6 .flip-card { background-color: transparent; width: 325px; height: 325px; perspective: 1000px; border-radius: 5px; } .new-home6 .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; } .new-home6 .flip-card:hover .flip-card-inner { transform: rotateY(180deg); } .new-home6 .flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .new-home6 .flip-card-front { background: rgb(255,255,255); border-radius: 10px; box-shadow: 0 0 29px 0 rgb(75,75,75); } .new-home6 .flip-card-back { background: rgb(255,255,255); border-radius: 5px; background-size: cover; box-shadow: 0 0 29px 0 rgb(68,88,144,0.12); color: rgb(100,100,100); transform: rotateY(180deg); } .home8 { background: rgb(250,250,250); padding: 50px 0 50px 0; } .home8 .box { background: rgb(231,223,208); padding: 20px; border-radius: 5px; } .home8 h3 { font-size: 2rem; font-family: font; text-align: center; color: rgb(12,12,12); } .home8 h5 { font-family: 'font'; color: rgb(29,29,29); text-align: left; font-size: 25px; } .home8 h1 { font-family: 'font'; color: rgb(29,29,29); text-align: left; font-size: 25px; } .home8 h6 { padding: 5px; font-size: 18px; color: rgb(0,0,0); } .home8 strong { font-weight: 700; } .home8 span { font-size: 15px; } .home8 p { font-size: 17px; font-weight: 600; font-family: 'font2'; color: rgb(100,100,100); text-align: justify; } .employment { padding: 50px 0 50px 0; background: rgb(255,255,255); } .employment h1 { font-size: 2.5rem; font-family: font; text-align: center; color: rgb(12,12,12); } .employment h2 { font-size: 2.5rem; font-family: font; text-align: center; color: rgb(12,12,12); } .about1, .about2 { padding: 75px 0 75px 0; background-image: linear-gradient(rgb(225,225,225,0.3), rgb(225,225,225,0.3)), url("/img/bg1.jpg"); min-height: auto; background-attachment: fixed; background-position: bottom;overflow: hidden; background-repeat: no-repeat; background-size: cover; } .about1 .box, .about2 .box { padding: 20px; background: rgba(204,0,0,0.8); border: 3px solid rgb(20,20,20); border-radius: 8px; } .about1 h1 { padding: 5px; font-size: 2rem; font-weight: 800; text-align: center; text-shadow: 1px 2px 2px rgb(0,0,0); text-transform: capitalize; color: rgb(255,255,255); } .about1 h2 { padding: 5px; font-size: 1.5rem; font-weight: 800; text-shadow: 1px 2px 2px rgb(0,0,0); text-transform: capitalize; color: rgb(255,255,255); } .about1 h3.title { padding: 5px; font-size: 2rem; font-family: font3; font-weight: 800; text-align: center; text-shadow: 1px 2px 2px rgb(0,0,0); text-transform: capitalize; color: rgb(255,255,255); } .about1 h4 { padding: 5px; font-size: 20px; font-weight: 800; text-align: center; text-shadow: 1px 2px 2px rgb(0,0,0); text-transform: capitalize; color: rgb(255,255,255); } .about1 p { padding: 5px; line-height: 25px; font-size: 17px; font-weight: 600; text-align: justify; color: rgb(255,255,255); } .services-top { padding: 120px 0 75px 0; background-image: linear-gradient(rgb(225,225,225,0.3), rgb(225,225,225,0.3)), url("/img/bg1.jpg"); min-height: auto; background-attachment: fixed; background-position: bottom;overflow: hidden; background-repeat: no-repeat; background-size: cover; } .services-top .table-of-contents { padding: 15px; background: rgba(204,0,0,0.8); border: 3px solid rgb(20,20,20); border-radius: 8px; } .services-top h1 { font-size: 2rem; font-weight: 800; text-align: center; text-transform: capitalize; color: rgb(12,12,12); } .services-top h2 { font-size: 1.6rem; font-weight: 800; text-align: center; text-transform: capitalize; color: rgb(255,255,255); } .services-top h6 { padding: 10px; font-size: 18px; font-weight: 700; color: rgb(255,255,255); } .services-top a { color: rgb(255,255,255); } .services-top p { font-size: 17px; font-weight: 600; text-align: justify; color: rgb(12,12,12); } .services-top img { width: 100%; height: 100%; border-radius: 8px; } .services-content { padding: 75px 0 75px 0; background-image: linear-gradient(rgb(225,225,225,0.3), rgb(225,225,225,0.3)), url("/img/bg1.jpg"); min-height: auto; background-attachment: fixed; background-position: bottom;overflow: hidden; background-repeat: no-repeat; background-size: cover; } .services-content .content { padding: 20px; background: rgba(204,0,0,0.9); border: 3px solid rgb(20,20,20); border-radius: 8px; } .services-content .content h2 { padding: 5px; font-size: 1.5rem; font-weight: 700; text-shadow: 1px 1px 2px rgb(0,0,0); text-transform: capitalize; color: rgb(255,255,255); } .services-content .content h3, h5 { padding: 5px; font-size: 19px; font-weight: 700; color: rgb(255,255,255); } .services-content .content p { padding: 8px; line-height: 21px; font-size: 17px; text-align: justify; color: rgb(255,255,255); } .services-content .content img { width: 100%; height: 100%; border-radius: 8px; box-shadow: 2px 2px 6px rgb(0,0,0); } .area1 { padding: 100px 0 75px 0; background-image: linear-gradient(rgb(255,255,255,0.3), rgb(255,255,255,0.1)), url("/img/bg1.jpg"); min-height: auto; background-attachment: fixed; background-position: bottom;overflow: hidden; background-repeat: no-repeat; background-size: cover; } .area1 h1 { font-size: 35px; text-align: left; font-weight: 800; color: rgb(236,32,40); padding-bottom: 8px; background: -webkit-linear-gradient(#fff, rgb(239,87,93), rgb(236,32,40), rgb(236,32,40)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .area1 p { font-size: 17px; font-family: 'font2'; font-weight: 600; text-align: justify; color: rgb(100,100,100); line-height: 23px; } .area1 iframe { width: 100%; height: 100%; border-radius: 10px; } .area2 { padding: 75px 0 75px 0; background: rgb(255,255,255); } .area2 h1 { font-size: 35px; text-align: left; font-weight: 800; color: rgb(236,32,40); padding-bottom: 8px; background: -webkit-linear-gradient(#fff, rgb(239,87,93), rgb(236,32,40), rgb(236,32,40)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .area2 p { font-size: 17px; font-family: 'font2'; font-weight: 600; text-align: justify; color: rgb(100,100,100); line-height: 23px; } .area2 iframe { width: 100%; height: 100%; border-radius: 10px; } .area3 { padding: 75px 0 75px 0; background-image: linear-gradient(rgb(255,255,255,0.3), rgb(255,255,255,0.1)), url("/img/bg1.jpg"); min-height: auto; background-attachment: fixed; background-position: bottom;overflow: hidden; background-repeat: no-repeat; background-size: cover; } .area3 h1 { font-size: 35px; text-align: left; font-weight: 800; color: rgb(236,32,40); padding-bottom: 8px; background: -webkit-linear-gradient(#fff, rgb(239,87,93), rgb(236,32,40), rgb(236,32,40)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .area3 p { font-size: 17px; font-family: 'font2'; font-weight: 600; text-align: justify; color: rgb(100,100,100); line-height: 23px; } .area3 iframe { width: 100%; height: 100%; border-radius: 10px; } .gallery1 { padding: 120px 0 50px 0; background: rgb(249,249,249); } .gallery1 h1 { font-size: 3rem; font-weight: 800; padding-bottom: 40px; text-align: center; color: rgb(129,141,148); } .gallery1 h2 { font-size: 1.6rem; font-weight: 800; padding-bottom: 40px; text-align: center; color: rgb(129,141,148); } .map iframe { width: 100%; height: 475px; margin-bottom: -7px } .contact1 { padding: 75px 0 75px 0; background-image: linear-gradient(rgb(255,255,255,0.3), rgb(255,255,255,0.1)), url("/img/bg1.jpg"); min-height: auto; background-attachment: fixed; background-position: bottom;overflow: hidden; background-repeat: no-repeat; background-size: cover; } .contact1 h1 { text-align: center; font-size: 35px; padding-bottom: 40px; font-weight: 800; color: rgb(20,20,20); } /*Blog Page Start*/ .blog1 { padding: 125px 0 75px 0; background: rgb(255,255,255); } .blog1 h1 { text-align: center; font-weight: 600; font-family: 'font2'; padding-bottom: 25px; color: rgb(109,100,85); font-size: 45px; } .blog1 h3 { font-family: 'font2'; font-size: 30px; font-weight: 600; letter-spacing: 0.04rem; text-align: center; padding-bottom: 10px; color: rgb(0,0,0); } .blog1 h4 { font-weight: 600; font-family: 'font2'; font-size: 21px; color: rgb(30,30,30); } .blog1 h5 { font-family: 'font'; color: rgb(20,20,20); font-size: 15px; } .blog1 hr { border: 0.15rem solid rgb(21,135,198); max-width: 110px; opacity: 1; color: rgb(21,135,198); margin: auto; } .blog1 img { border-top-left-radius: 15px; border-top-right-radius: 15px; } .blog1 .img-fluid.box-image{ width: 100%; height: 200px; /* Adjust the height as needed */ object-fit: cover; } .blog1 .box { padding: 0px 0px 20px 0px; border-radius: 15px; background: rgb(255,255,255); box-shadow: 0 0 15px #00000029; height:630px; } .blog1 .pad { padding: 15px 10px 0px 10px; } .blog1 span { color: rgb(109,100,85) } .blog1 p { /*font-family: 'font';*/ color: rgb(20,20,20); font-size: 1.15rem; font-family: 'Arial'; } .blog1 a { color: rgba(204,0,0,0.8); font-size: 15px; font-family: 'font2'; font-weight: 600; } .blog1 a:hover { color: rgb(226,64,0,0.8); } .blog-top { background: linear-gradient(to right, rgba(159,1,0,0.2), rgba(159,1,0,0.2)), url(/img/header-bg.jpg) top right repeat; background-size: cover; padding: 150px 0 50px 0; } .blog-top .box { padding: 110px 45px 0px 50px; } .blog-top h1 { color: rgb(255,255,255); font-family: 'font2'; letter-spacing: 0.04rem; font-weight: 600; font-size: 35px; text-align: center; } .blog-top h5 { color: rgb(255,255,255); font-family: 'font'; text-align: left; font-size: 20px; } .blog-top p { color: rgb(255,255,255); font-family: 'font'; font-size: 17px; text-align: left; } .blog-top a { color: rgb(255,255,255); padding: 10px 60px; text-transform: uppercase; letter-spacing: 0.04rem; font-weight: 600; font-size: 15px; font-family: 'font2'; background: rgb(226,64,0); border-radius: 5px; } .blog-top a:hover { color: rgb(255,255,255); background: rgb(68,68,68); } .blog-top iframe { border: 15px solid rgb(255,255,255); border-radius: 10px; } .blog-top1 { background: rgb(21,135,198); padding: 60px 0 50px 0; } .blog-top1 .box { padding: 110px 45px 0px 50px; } .blog-top1 h1 { color: rgb(255,255,255); font-family: 'font2'; letter-spacing: 0.04rem; font-weight: 600; font-size: 35px; text-align: left; } .blog-top1 h5 { color: rgb(255,255,255); font-family: 'font'; text-align: left; font-size: 20px; } .blog-top1 p { color: rgb(255,255,255); font-family: 'font'; font-size: 17px; text-align: left; } .blog-top1 a { color: rgb(255,255,255); padding: 10px 60px; text-transform: uppercase; letter-spacing: 0.04rem; font-weight: 600; font-size: 15px; font-family: 'font2'; text-shadow: 1px 1px 1px #000; /* box-shadow: 1px 1px 2px 1px #000;*/ background: rgb(68,68,68); border-radius: 5px; } .blog-top1 a:hover { color: rgb(255,255,255); background: rgb(226,64,0); } /*.blog-top1 span strong { transform: rotate(90deg); position: fixed; }*/ .blog-top1 iframe { border: 15px solid rgb(255,255,255); border-radius: 10px; } .blog-template { background: rgb(255,255,255); padding: 75px 0 75px 0; } .blog-template i { color: rgb(7, 155, 196); } .blog-template a { font-family: 'font'; color: rgb(7, 155, 196); } .blog-template h1 { color: rgb(20,20,20); text-align: left; font-weight: 600; font-family: 'font2'; font-size: 35px; } .blog-template h2 { font-family: 'Arial'; color: rgb(20,20,20); font-size: 33px; font-weight:900; } .blog-template h3 { font-family: 'font2'; font-weight: 600; color: rgb(21,135,198); font-size: 25px; } .blog-template h4 { color: rgb(20,20,20); text-align: left; font-weight: 400; font-family: 'font'; font-size: 23px; } .blog-template h5 { font-family: 'font2'; font-weight: 600; color: rgb(20,20,20); font-size: 25px; } .blog-template h6 { font-family: 'font2'; font-weight: 600; color: rgb(0,0,0); font-size: 23px; } .blog-template p { color: rgb(20,20,20); font-size: 1.1rem; /*font-family: 'font2';*/ font-family: 'Arial'; font-weight: 500; } .blog-template li { color: rgb(20,20,20); font-size: 17px; font-family: 'font'; } .blog-template span{ font-weight: 900; text-shadow: 0 0 black; /*text-decoration: underline;*/ } .blog-template span.transformer { font-weight: 900; text-shadow: 0 0 black; text-decoration: underline; } .blog-template li p span{ color: black; font-size: 19px; font-family: 'font'; text-decoration:underline; font-weight:300; } .blog-template a.contact-today { padding: 10px; background: rgb(226,64,0); border: 1px solid rgb(12,12,12); border-radius: 10px; font-size: 24px; font-family: font2; font-weight: 600; text-align: center; text-shadow: 2px 2px 1px rgb(0,0,0); text-transform: uppercase; color: rgb(255,255,255); } .blog-template a.services { padding: 10px; background: rgb(21,135,198); border: 1px solid rgb(12,12,12); border-radius: 10px; font-size: 18px; font-family: font2; font-weight: 600; text-align: center; text-shadow: 2px 2px 1px rgb(0,0,0); text-transform: uppercase; color: rgb(255,255,255); } .blog-template1 { background: rgb(255,255,255); padding: 75px 0 75px 0; } .blog-template1 i { color: rgb(7, 155, 196); } .blog-template1 a { font-family: 'font'; color: rgb(7, 155, 196); } .blog-template1 h1 { color: rgb(20,20,20); text-align: left; font-weight: 600; font-family: 'font2'; font-size: 35px; } .blog-template1 h2 { font-family: 'font'; font-weight: 600; color: rgb(20,20,20); font-size: 33px; } .blog-template1 h3 { font-family: 'font2'; font-weight: 600; color: rgb(21,135,198); font-size: 29px; } .blog-template1 h4 { color: rgb(20,20,20); text-align: left; font-weight: 600; font-family: 'font2'; font-size: 35px; } .blog-template1 h5 { font-family: 'font2'; font-weight: 600; color: rgb(21,135,198); font-size: 25px; padding: 7px; } .blog-template1 h6 { font-family: 'font2'; font-weight: 600; color: rgb(0,0,0); font-size: 21px; } .blog-template11 p { color: rgb(20,20,20); font-size: 17px; font-family: 'font'; } .blog-template li { color: rgb(20,20,20); font-size: 17px; font-family: 'font'; } .blog-template .img-fluid.box-image{ border-radius: 20px; box-shadow: 1px 1px 10px 3px rgb(12,12,12); } /*Blog Page End*/ /******************************************** DAVIDS MOBILE CODE END *************************************************/ /******************* Referrals Owl Carousel *************************/ .owl-carousel .owl-stage-outer { padding: 0; } .owl-nav { position:absolute; width: 100%; top:10%; display: none; } .owl-carousel .item { display:block; height:100%; } .owl-carousel .owl-item span { font-size: 20px; font-weight: 500; } .owl-nav .owl-prev, .owl-nav .owl-next { position:absolute; } .owl-nav .owl-prev:hover, .owl-nav .owl-next:hover { background:transparent !important; color:#212121 !important; opacity:.5 !important; } .owl-nav .owl-next { left:100%; } .owl-nav .owl-prev { right: 100%; } .owl-nav .owl-prev span, .owl-nav .owl-next span { font-size:3em; display: block; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { outline:none; } /******************* Home Page Service Cards *************************/ .pre-footer-section { padding:0 !important; overflow:; } .pre-footer-section div[class*='col-']:last-child { background: url(/img/home-image-2.jpg) bottom no-repeat; background-size:cover; } .pre-footer-section .hours { display:flex; color: #fff; flex-direction:column; justify-content:center; padding:120px; background: #1d1d1d; } .pre-footer-section div[class*='col-']:last-child { padding:165px; } .pre-footer-section .hours p { display:flex; padding:0 200px 0 0; flex-direction:row; justify-content:space-between; } .pre-footer-section a { margin: 40px 0 0; color:#fff; font-size: 20px; font-weight:700; } .pre-footer-section a:hover { color:#8a8a8a; } /* ========================================================== */ /* Default Classes */ /* ========================================================== */ body { font-family: 'Montserrat', sans-serif; } body#barbajs { visibility:visible; } a, button, .btn { -webkit-transition: all .30s ease; -moz-transition: all .30s ease; -o-transition: all .30s ease; transition: all .30s ease; } a { cursor:pointer; text-decoration: none !important; } a:hover { color: #252525; text-decoration: underline; } .btn { cursor:pointer; border-radius: 0; } .btn.alert-trigger { color:#fdfdfd; background-color:#333; } .btn:hover { opacity: 0.9; } .inner-content-section .btn { background:rgba(135,170,188); border-color: #949494; color: rgba(255,255,255,1); } .inner-content-section .btn:hover { background-color: rgba(135,170,188,0.4); color:#fff; } .btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show>.btn-primary.dropdown-toggle {outline: none;box-shadow: none;background-color: #444;border-color: #949494;color: #fff;} .btn-primary:hover { border-color: #949494; } .btn.focus, .btn:focus { outline:none; box-shadow: none; } .section-divider { position:relative; padding: 50px 0; } .estimate-section-divider .alert, .estimate-section-divider .alert p { text-align: left; font-size: inherit; } .block-overlay { position:absolute; display:inline-block; background:rgba(0, 0, 0, 0.6); width:100%; height:100%; top:0; left:0; right:0; bottom:0; z-index:0; } /********* Set Timeout Function FadeDiv Styling **********/ .fadeDiv { position:fixed; display: inline-block; z-index:1050; color: #fff; background: #300e87; padding:50px; top:150px; bottom:150px; left:300px; right:300px; transform:scale(0,0); box-shadow: 0px 0px 20px -1px #000; transition:all .20s cubic-bezier(0.65, 0.05, 0.36, 1); } .menu-scaler { position:fixed; display: inline-block; padding:50px; z-index:1050; top:150px; bottom:150px; left:300px; right:300px; transform:scale(1,1); } .fadeDiv .fadeDiv-close { position:absolute; right: 20px; top: 10px; font-weight:900; font-size: 2em; font-family:'Lato'; cursor:pointer; } .navbar-collapse ul { width:100%; justify-content: center; align-items: center; } .overlay { height: 100%; width: 100%; background: #ffffffbf; } #myBtn { display: block; width: 50px; height: 50px; position: fixed; top:100%; right: 30px; z-index: 99; border: none; outline: none; background-color: #000000; color: #ffffff; cursor: pointer; font-size: 14px; padding-top: 0; border-radius: 0px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } #myBtn i { color: white; } #myBtn:hover { background-color: #424242; color:#fff; } /* ========================================================== */ /* Custom Navbar */ /* ========================================================== */ .top-header-animate { background: linear-gradient(to right, rgba(159,1,0,0), rgba(159,1,0,0)), url(/img/header-bg.jpg) top right no-repeat; } .top-header-animate .dropdown-toggle { color:#0a0a0a; font-size: 16px; } .top-header-animate .navbar-brand { font-size: 1.5em; } body { padding: 0; -webkit-transition-property: all; -webkit-transition-duration: .30s; -webkit-transition-timing-function: ease-in-out; transition-property: all; transition-duration: .30s; transition-timing-function: ease-in-out; overflow-x: hidden; } .navbar-scroll { padding: 150px 0 4px 0; position: fixed; background: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,1)), url(/img/header-bg.jpg) top right no-repeat; width: 100%; z-index: 4; -webkit-transition: all .30s ease; -moz-transition: all .30s ease; -o-transition: all .30s ease; transition: all .30s ease; box-shadow: 1px 1px 10px 1px rgb(255,255,255); } .navbar-scroll hr { background: rgb(255,255,255); } .navbar-scroll .container { background: rgb(60,36,17,0); border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; } #projects .navbar-scroll { background:#fdfdfd; position:relative !important; } #projects .navbar-scroll li a { color:#333; } #projects .navbar-scroll .navbar-brand { color:#252525; } #projects .navbar-light .lnr { color:#222; } .navbar-light .lnr { color: #fdfdfd; font-size: 1.5em; position: absolute; top: 6px; right: 10px; } .navbar-light .navbar-brand { color: #e8e8e8; font-size: 20px; font-family: 'Montserrat', sans-serif; } .navbar-brand { font-size:2.5em; font-weight:700; text-transform:uppercase; } .navbar-brand:focus, .navbar-brand:hover { color:#f3f3f3 !important; } .navbar-light .navbar-nav .nav-link { margin: 0 17px; padding: 6px 0px; font-weight: 900; font-size: 16px; color: rgb(255,255,255); font-family: 'font2'; } .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: rgb(255,255,255); } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgb(255,255,255); } .navbar-light .navbar-nav li a { position:relative; } .navbar-collapse { height:100%; } .mobile-top-header { display:none !important; } /* ========================================================== */ /* GALLERY / PROJECTS */ /* ========================================================== */ #portfolio input { display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; margin: 0; top: 0; left: -60px; z-index: 2; width: 60px; height: 60px; -webkit-appearance: none; background-image: url(/img/icons/close-btn-icon-red.png); background-repeat: no-repeat; background-color: transparent; background-size: contain; color: #ffffff; border: none; cursor: pointer; outline: none !important; -webkit-transition: all .30s ease; -moz-transition: all .30s ease; -o-transition: all .30s ease; transition: all .30s ease; } #portfolio input:hover { background-color: #fff; opacity: .; } button.mfp-close, button.mfp-arrow { outline:none !important; } #portfolio { display: flex; padding: 0; overflow: hidden; flex-wrap: wrap; justify-content: center; } #portfolio li { display: flex; justify-content: center; align-items: center; float: left; position:relative; overflow:hidden; margin: 0 10px 20px; } #portfolio li a { transform:scale(1,1); display:block; width:100%; height: 295px; width: 490px; overflow:hidden; -o-transition:all .30s ease; -moz-transition:all .30s ease; -webkit-transition:all .30s ease; transition:all .30s ease; } #portfolio li a:hover { transform:scale(1.1,1.1) !important; } #portfolio li a img { display: block; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; margin: auto; width: 100%; height: auto; transform: scale(1,1); } #portfolio li:hover .block-overlay { background-color:#000000cc; } #portfolio li:hover input { left: 0; } #portfolio .block-overlay { background: rgb(0,0,0,0.1); z-index: 1; -webkit-transition: all .30s ease; -moz-transition: all .30s ease; -o-transition: all .30s ease; transition: all .30s ease; } /* ========================== Gallery ZoomIn Effect ================================ */ .mfp-ready .mfp-figure { opacity: 0; margin-left:-100px; } .mfp-zoom-in .mfp-figure, .mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler{ opacity: 0; margin-left:-100px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } .mfp-zoom-in.mfp-bg, .mfp-zoom-in .mfp-preloader { opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-zoom-in.mfp-image-loaded .mfp-figure, .mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler{ opacity: 1; margin-left:0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg, .mfp-zoom-in.mfp-ready .mfp-preloader { opacity: 0.8; } .mfp-zoom-in.mfp-removing .mfp-figure, .mfp-zoom-in.mfp-removing .mfp-iframe-holder .mfp-iframe-scaler{ -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); opacity: 0; margin-left:-100px; } .mfp-zoom-in.mfp-removing.mfp-bg, .mfp-zoom-in.mfp-removing .mfp-preloader { opacity: 0; margin-left:-20px; } .mfp-iframe-scaler{ overflow: visible; /*so the close button is shown*/} .mfp-zoom-out-cur { cursor: auto; } .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer; } /* ========================================================== */ /* REVIEWS PAGE */ /* ========================================================== */ .carousel-indicators li { position: relative; top: 51px; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; background-color: rgb(191, 190, 190); } .carousel-indicators .active { background-color: #0f8029; } /* ========================================================== */ /* FOOTER */ /* ========================================================== */ .footer-section .vms-link-wrapper img { width: 50%; } .footer-section .vms-link-wrapper a { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .footer-section { padding: 0 0 10px; background: rgb(20,20,20); color: rgb(255,255,255); } .footer-section h3 { font-size: 1.3rem; color: rgb(30,30,30); font-weight: bold; } .footer-section p { color: rgb(255,255,255); font-size: 15px; font-family: 'font2'; line-height: 23px; font-weight: 600; } .footer-section a { color: rgb(255,255,255); font-size: 16px; } .footer-section .service-cities p { margin:0 0 3px; } .service-cities { margin-bottom:1em; } .service-cities img { padding-bottom: 20px; } .service-cities img.auth { width: 75%; height: 75%; } .service-cities h5 { line-height:8px; } .service-cities h3, h4 { font-size: 20px; font-weight: 800; text-decoration: underline; color: rgb(255, 255, 255); padding-bottom: 5px; } .bottom-footer .vms-link-wrapper { position:relative; top:-10px; } .bottom-footer div[class*='col-']:nth-child(2) { display:flex; flex-direction: column; justify-content:center; align-items: center; } .bottom-footer div[class*='col-']:nth-child(3) { display:flex; justify-content:flex-end; font-size:14px; } .bottom-footer div[class*='col-']:nth-child(3) a { display:flex; justify-content:center; align-items:center; border: 1px solid #fff; border-radius:100px; height:32px; width:32px; margin: 0 4px; } .bottom-footer div[class*='col-']:nth-child(3) a:hover { background: transparent; text-decoration:none !important; color: rgb(255,255,255); } /* === Laptop CSS Section ================= */ @media screen and (max-width : 1500px) { /*** Don't place anything here, unless absolutely necessary ***/ /* ======================================== */ /* === Top Header Section ================= */ /* ======================================== */ .top-header { position: fixed; width: 100%; z-index: 1; padding: 20px 0 20px 0; background: linear-gradient(to right, rgba(159,1,0,0.2), rgba(159,1,0,0.2)), url(/img/header-bg.jpg) top right no-repeat; z-index: 5; -webkit-transition: all .30s ease; -moz-transition: all .30s ease; -o-transition: all .30s ease; transition: all .30s ease; box-shadow: 1px 1px 10px 1px rgb(255,255,255); } .top-header div[class*='col-']:first-child { display:flex; justify-content: flex-start; align-items:center; } .top-header div[class*='col-']:first-child a { padding: 0; font-size:15px; -webkit-transition: all .30s ease; -moz-transition: all .30s ease; -o-transition: all .30s ease; transition: all .30s ease; color: #fff; font-size: 14px; } .top-header div[class*='col-']:first-child a:hover { background-color:transparent;; } .top-header div[class*='col-']:nth-child(2) { display:flex; justify-content:center; align-items:center; } .top-header div[class*='col-']:nth-child(2) i { color: rgb(255,255,255); } .top-header div[class*='col-']:nth-child(2) a { font-weight: 600; font-family: 'font2'; color: rgb(255,255,255); font-size: 11px; } .top-header div[class*='col-']:nth-child(2) a:hover { font-weight: 600; font-family: 'font2'; color: rgb(255,255,255); } .top-header div[class*='col-']:nth-child(3) { display:flex; justify-content:center; align-items:center; } .top-header div[class*='col-']:nth-child(3) .logo { position: absolute; margin-top: 75px; } .top-header div[class*='col-']:nth-child(4) { display:flex; justify-content:flex-start; align-items:center; } .top-header div[class*='col-']:nth-child(4) i { color: rgb(255,255,255); } .top-header div[class*='col-']:nth-child(4) a { font-weight: 600; font-family: 'font2'; color: rgb(255,255,255); font-size: 14px; } .top-header div[class*='col-']:nth-child(4) a:hover { font-weight: 600; font-family: 'font2'; color: rgb(255,255,255); } .top-header div[class*='col-']:nth-child(5) { display:flex; justify-content: flex-start; align-items:center; } .top-header div[class*='col-']:nth-child(5) a { display:contents; justify-content:center; align-items:center; border: 1px solid rgb(236,32,40); color: rgb(255,255,255); background: rgb(236,32,40); border-radius:100px; height: 34px; width: 34px; margin: 0 4px; font-size: 14px; } .top-header div[class*='col-']:nth-child(5) a:hover { background: rgb(236,32,40,0.8); text-decoration:none !important; color: rgb(255,255,255); } .top-header .dropdown-menu { background:whitesmoke; border-radius: 0; } .top-header .dropdown-menu a { color:#222; padding:3px 20px !important; } .top-header .dropdown-toggle { background: #21212100; padding: 6px 25px; outline: none !important; border-color: #f3f3f3b5; } .top-header .dropdown-toggle:hover { background-color: white !important; color: #000 !important; } .btn-secondary:not([disabled]):not(.disabled).active, .btn-secondary:not([disabled]):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { color: #000; background-color: rgb(255, 255, 255); border-color: #666e76; box-shadow:none !important; } .top-header .btn-secondary.focus, .btn-secondary:focus { outline:none !important; box-shadow:none !important; } .navbar-light .navbar-nav .nav-link { margin: 0 10px; padding: 6px 0px; font-weight: 900; font-size: 13px; color: rgb(255,255,255); font-family: 'font2'; } /* ======================================== */ /* === Navigvation Section ================ */ /* ======================================== */ .navbar-inverse .navbar-inner { display:none; } /******* Mobile Navigation Section *******/ .navbar-sidebar { display:none; } .dropdown-wrapper { margin:0; padding:0; } .navbar-sidebar .dropdown-menu-mobile { position:relative; display:none; top: 0; left: 0; z-index: 1000; float: left; height:0px; margin:0; width:100%; padding: 0; font-size: 18px; color: #e6e6e6 !important; text-align: left; list-style: none; background-color: rgb(200,200,200); border: 0; visibility: hidden; border-radius: 0; transform:scale(1,0); -webkit-transition: all .30s ease; -moz-transition: all .30s ease; -o-transition: all .30s ease; transition: all .30s ease; } .dropdown-menu-animate { display:inline-block !important; transform:scale(1,1) !important; padding:25px 0 !important; height:auto !important; visibility: visible !important; } .navbar-sidebar .dropdown-menu-mobile a { color: rgb(75,75,75); font-weight:600 !important; font-size: 1.3em; font-family:'Raleway'; text-align:center; } .navbar-sidebar { padding-top: 175px; height: 100%; background-color: rgb(250,250,250); position: fixed!important; z-index: 3; overflow: auto; } .bar-block .dropdown-hover, .bar-block .dropdown-click { width: 100%; } .bar-block .dropdown-hover .dropdown-content, .bar-block .dropdown-click .dropdown-content { min-width: 100%; } .bar-block .dropdown-hover .button, .bar-block .dropdown-click .button { width: 100%; text-align: left; padding: 8px 16px; } .main, #main { transition:margin-left .4s; } .modal { z-index: 3; display: none; padding-top: 100px; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .modal-content { margin:auto; background-color:#fff; position:relative; padding:0; outline:0; width:600px; } .bar { width:100%; overflow:hidden; } .center .bar { display:inline-block; width:auto; } .bar .bar-item { padding:8px 16px; float:left; width:auto; border:none; display:block; outline:0; } .bar .dropdown-hover, .bar .dropdown-click { position:static; float:left; } .bar .button { white-space:normal; } .bar-block .bar-item { width:100%; display:block; padding:8px 16px; text-align:left; border:none; white-space:normal; float:none; outline:0; font-weight: 600; font-family: 'font2'; color: rgb(20,20,20); } .bar-block.center .bar-item { text-align:center; } .block { display:block; width:100%; } .footer-section a { color: rgb(255,255,255); font-size: 13px; } } /* === Tablet CSS Section ================= */ @media screen and (max-width: 1024px) { .new-home1 { background: rgb(255,255,255); padding: 40px 0 50px 0; } .new-home1 .pad { padding-top: 30px; } .new-home1 h1 { font-family: 'font'; font-size: 2.5rem; color: rgb(110,105,85); line-height: 60px; text-align: center; } .new-home1 span { font-size: 2.8rem; } .new-home1 strong { font-size: 44px; font-weight: 500; margin-top:-30px; } .new-home1 p { font-size: 22px; text-align: center; color: rgb(100,100,100); } .new-home1 a { padding: 20px 20px; background: rgb(216,213,198); color: rgb(90,90,90); font-weight: 600; } .new-home1 img { border-radius: 5px; box-shadow: 5px 5px 10px #000; } .new-home2 { background: rgb(250,250,250); padding: 50px 0 50px 0; } .new-home2 h2 { font-family: 'font3'; font-size: 40px; text-align: center; color: rgb(110,105,85); padding-bottom: 30px; } .new-home2 .pad { padding-top: 60px; } .new-home2 h3 { font-family: 'font3'; font-size: 38px; text-align: left; color: rgb(110,105,85); } .new-home2 p { padding: 5px; line-height: 21px; color: rgb(100,100,100); text-align: justify; font-size: 22px; } .new-home2 a { padding: 20px 20px; background: transparent; color: rgb(90,90,90); font-weight: 600; border: 2px solid rgb(90,90,90); } .new-home2 a { padding: 20px 20px; background: rgb(255,255,255); color: rgb(100,100,100); font-weight: 600; border: 2px solid rgb(100,100,100); } .new-home2 img { border-radius: 5px; box-shadow: 5px 5px 10px #000; } .new-home3 { background: rgb(255,255,255); padding: 50px 0 50px 0; } .new-home3 h2 { font-family: 'font3'; font-size: 40px; text-align: center; color: rgb(110,105,85); padding-bottom: 30px; } .new-home3 .pad { padding-top: 30px; } .new-home3 h3 { font-family: 'font3'; font-size: 38px; text-align: left; color: rgb(110,105,85); } .new-home3 p { padding: 5px; line-height: 21px; color: rgb(100,100,100); text-align: justify; font-size: 22px; } .new-home3 a { padding: 20px 20px; background: transparent; color: rgb(90,90,90); font-weight: 600; border: 2px solid rgb(90,90,90); } .new-home3 a { padding: 20px 20px; background: rgb(255,255,255); color: rgb(100,100,100); font-weight: 600; border: 2px solid rgb(100,100,100); } .new-home3 img { border-radius: 5px; box-shadow: 5px 5px 10px #000; } .new-home4 { background: rgb(109,100,85); padding: 60px 0 60px 0; } .new-home4 img { max-width: 250px; } .new-home4 p { font-size: 25px; font-family: 'font3'; color: rgb(255,255,255); text-align: center; padding-top: 30px; padding-bottom: 15px; } .new-home4 hr { margin: auto: width: 60px; border-top: 3px solid rgb(217,214,199); opacity: 1; } .new-home5 { background: rgb(250,250,250); padding: 50px 0 50px 0; } .new-home5 h2 { font-family: 'font3'; font-size: 40px; text-align: left; color: rgb(110,105,85); padding-bottom: 30px; } .new-home5 .pad { padding-top: 30px; } .new-home5 h3 { font-family: 'font3'; font-size: 38px; text-align: left; color: rgb(110,105,85); } .new-home5 p { color: rgb(100,100,100); text-align: justify; font-size: 22px; } .new-home5 a { padding: 20px 20px; background: transparent; color: rgb(90,90,90); font-weight: 600; border: 2px solid rgb(90,90,90); } .new-home5 a { padding: 20px 20px; background: rgb(255,255,255); color: rgb(100,100,100); font-weight: 600; border: 2px solid rgb(100,100,100); } .new-home5 img { border-radius: 5px; box-shadow: 5px 5px 10px #000; } .new-home6 { background: rgb(255,255,255); padding: 50px 0 50px 0; } .new-home6 .box { padding: 25px 25px 0 25px; } .new-home6 h2 { text-align: center; color: rgb(109,100,85); font-size: 40px; font-family: 'font3'; text-transform: uppercase; } .new-home6 h2.box { text-align: center; color: rgb(109,100,85); font-size: 30px; font-family: 'font3'; text-transform: uppercase; margin-top: 45%; } .new-home6 h2.other { text-align: center; color: rgb(109,100,85); font-size: 30px; font-family: 'font3'; text-transform: uppercase; margin-top: 45%; } .new-home6 h3 { font-family: 'font3'; text-align: center; color: rgb(109,100,85); font-size: 25px; margin-top: 20px; } .new-home6 h5 { font-size: 22px; color: rgb(100,100,100); text-align: center; line-height: 27px; padding-bottom: 40px; } .new-home6 p { font-size: 17px; text-align: center; color: rgb(100,100,100); } .new-home6 a { font-weight: 600; color: rgb(109,100,85); } .new-home6 a:hover { color: rgb(217,214,199); } .new-home6 .flip-card { background-color: transparent; width: 100%; height: 400px; perspective: 1000px; border-radius: 5px; } .new-home6 .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; } .new-home6 .flip-card:hover .flip-card-inner { transform: rotateY(180deg); } .new-home6 .flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .new-home6 .flip-card-front { background: rgb(255,255,255); border-radius: 10px; box-shadow: 0 0 29px 0 rgb(75,75,75); } .new-home6 .flip-card-back { background: rgb(255,255,255); border-radius: 5px; background-size: cover; box-shadow: 0 0 29px 0 rgb(68,88,144,0.12); color: rgb(100,100,100); transform: rotateY(180deg); } .about1, .about2 { padding: 110px 0 75px 0; background-image: linear-gradient(rgb(225,225,225,0.3), rgb(225,225,225,0.3)), url("/img/bg1.jpg"); min-height: auto; background-attachment: fixed; background-position: bottom;overflow: hidden; background-repeat: no-repeat; background-size: cover; } .about1 .box, .about2 .box { padding: 20px; background: rgba(204,0,0,0.8); border: 3px solid rgb(20,20,20); border-radius: 8px; } .about1 h1 { padding: 5px; font-size: 2rem; font-weight: 800; text-align: center; text-shadow: 1px 2px 2px rgb(0,0,0); text-transform: capitalize; color: rgb(255,255,255); } .about1 h2 { padding: 5px; font-size: 1.5rem; font-weight: 800; text-shadow: 1px 2px 2px rgb(0,0,0); text-transform: capitalize; color: rgb(255,255,255); } .about1 h3.title { padding: 5px; font-size: 2rem; font-family: font3; font-weight: 800; text-align: center; text-shadow: 1px 2px 2px rgb(0,0,0); text-transform: capitalize; color: rgb(255,255,255); } .about1 h4 { padding: 5px; font-size: 20px; font-weight: 800; text-align: center; text-shadow: 1px 2px 2px rgb(0,0,0); text-transform: capitalize; color: rgb(255,255,255); } .about1 p { padding: 5px; line-height: 25px; font-size: 17px; font-weight: 600; text-align: justify; color: rgb(255,255,255); } .map{ padding-top: 100px; } } /* === Mobile CSS Section ================= */ /*@media screen and (max-width: 768px) {*/ @media screen and (max-width: 991px) { /******************************************** DAVIDS MOBILE CODE START *************************************************/ .home-header-section { padding-top: 125px; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1rem; color: rgb(33, 37, 41); text-align: left; list-style: none; background-color: rgb(87, 86, 87); background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem; } .dropdown-item { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; color: rgb(255,255,255); text-align: inherit; white-space: nowrap; background: 0 0; border: 0; } .dropdown-item.active, .dropdown-item:active { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(22,22,22) !important; } .tabcontent { display: none; padding: 6px 12px; border-top: none; } .tabcontent h3 { padding: 15px; font-size: 2rem; font-weight: 800; text-align: center; text-shadow: 1px 2px 2px rgb(0,0,0); color: rgb(255,255,255); } .tabcontent li { padding: 10px; line-height: 25px; font-size: 20px; font-weight: 600; text-align: center; color: rgb(255,255,255) } .tabcontent p { padding: 10px; line-height: 25px; font-size: 20px; font-weight: 600; text-align: center; color: rgb(255,255,255) } .banner h3 { font-size: 30px; font-family: font; font-weight: 600; text-align: center; color: rgb(255,255,255); } .new-home1 { background: rgb(255,255,255); padding: 40px 0 50px 0; } .new-home1 .pad { padding-top: 30px; } .new-home1 h1 { font-family: 'font'; font-size: 2rem; color: rgb(110,105,85); line-height: 45px; text-align: center; } .new-home1 span { font-size: 2.2rem; } .new-home1 strong { font-size: 44px; font-weight: 500; margin-top:-30px; } .new-home1 p { font-size: 17px; text-align: center; color: rgb(100,100,100); } .new-home1 a { padding: 20px 20px; background: rgb(216,213,198); color: rgb(90,90,90); font-weight: 600; } .new-home1 img { border-radius: 5px; box-shadow: 5px 5px 10px #000; } .new-home2 { background: rgb(250,250,250); padding: 50px 0 50px 0; } .new-home2 h2 { font-family: 'font3'; font-size: 40px; text-align: center; color: rgb(110,105,85); padding-bottom: 30px; } .new-home2 .pad { padding-top: 60px; } .new-home2 h3 { font-family: 'font3'; font-size: 30px; text-align: center; color: rgb(110,105,85); } .new-home2 p { padding: 5px; line-height: 21px; color: rgb(100,100,100); text-align: center; font-size: 17px; } .new-home2 a { padding: 20px 20px; background: transparent; color: rgb(90,90,90); font-weight: 600; border: 2px solid rgb(90,90,90); } .new-home2 a { padding: 20px 10px; background: rgb(255,255,255); color: rgb(100,100,100); font-weight: 600; border: 2px solid rgb(100,100,100); display: inline-block; } .new-home2 img { border-radius: 5px; box-shadow: 5px 5px 10px #000; } .new-home3 { background: rgb(255,255,255); padding: 50px 0 50px 0; } .new-home3 h2 { font-family: 'font3'; font-size: 40px; text-align: center; color: rgb(110,105,85); padding-bottom: 30px; } .new-home3 .pad { padding-top: 30px; } .new-home3 h3 { font-family: 'font3'; font-size: 30px; text-align: center; color: rgb(110,105,85); } .new-home3 p { padding: 5px; line-height: 21px; color: rgb(100,100,100); text-align: center; font-size: 17px; } .new-home3 a { padding: 20px 20px; background: transparent; color: rgb(90,90,90); font-weight: 600; border: 2px solid rgb(90,90,90); } .new-home3 a { padding: 20px 20px; background: rgb(255,255,255); color: rgb(100,100,100); font-weight: 600; border: 2px solid rgb(100,100,100); } .new-home3 img { border-radius: 5px; box-shadow: 5px 5px 10px #000; } .new-home4 { background: rgb(109,100,85); padding: 60px 0 60px 0; } .new-home4 img { max-width: 250px; } .new-home4 p { font-size: 25px; font-family: 'font3'; color: rgb(255,255,255); text-align: center; padding-top: 30px; padding-bottom: 15px; } .new-home4 hr { margin: auto: width: 60px; border-top: 3px solid rgb(217,214,199); opacity: 1; } .new-home5 { background: rgb(250,250,250); padding: 50px 0 50px 0; } .new-home5 h2 { font-family: 'font3'; font-size: 40px; text-align: center; color: rgb(110,105,85); padding-bottom: 30px; } .new-home5 .pad { padding-top: 30px; } .new-home5 h3 { font-family: 'font3'; font-size: 30px; text-align: center; color: rgb(110,105,85); } .new-home5 p { color: rgb(100,100,100); text-align: center; font-size: 17px; } .new-home5 a { padding: 20px 20px; background: transparent; color: rgb(90,90,90); font-weight: 600; border: 2px solid rgb(90,90,90); } .new-home5 a { padding: 20px 10px; background: rgb(255,255,255); color: rgb(100,100,100); font-weight: 600; border: 2px solid rgb(100,100,100); display: inline-block; } .new-home5 img { border-radius: 5px; box-shadow: 5px 5px 10px #000; } .new-home6 { background: rgb(255,255,255); padding: 50px 0 50px 0; } .new-home6 .box { padding: 25px 25px 0 25px; } .new-home6 h2 { text-align: center; color: rgb(109,100,85); font-size: 40px; font-family: 'font3'; text-transform: uppercase; } .new-home6 h2.box { text-align: center; color: rgb(109,100,85); font-size: 40px; font-family: 'font3'; text-transform: uppercase; margin-top: 25%; } .new-home6 h2.other { text-align: center; color: rgb(109,100,85); font-size: 40px; font-family: 'font3'; text-transform: uppercase; margin-top: 25%; } .new-home6 h3 { font-family: 'font3'; text-align: center; color: rgb(109,100,85); font-size: 25px; margin-top: 20px; } .new-home6 h5 { font-size: 17px; color: rgb(100,100,100); text-align: center; line-height: 27px; padding-bottom: 40px; } .new-home6 p { font-size: 17px; text-align: center; color: rgb(100,100,100); } .new-home6 a { font-weight: 600; color: rgb(109,100,85); } .new-home6 a:hover { color: rgb(217,214,199); } .new-home6 .flip-card { background-color: transparent; width: 325px; height: 325px; perspective: 1000px; border-radius: 5px; } .new-home6 .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; } .new-home6 .flip-card:hover .flip-card-inner { transform: rotateY(180deg); } .new-home6 .flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .new-home6 .flip-card-front { background: rgb(255,255,255); border-radius: 10px; box-shadow: 0 0 29px 0 rgb(75,75,75); } .new-home6 .flip-card-back { background: rgb(255,255,255); border-radius: 5px; background-size: cover; box-shadow: 0 0 29px 0 rgb(68,88,144,0.12); color: rgb(100,100,100); transform: rotateY(180deg); } .home8 { background: rgb(250,250,250); padding: 50px 0 50px 0; } .home8 .box { background: rgb(231,223,208); padding: 20px; border-radius: 5px; } .home8 h1 { font-family: 'font'; color: rgb(29,29,29); text-align: center; font-size: 25px; } .home8 h3 { font-size: 2rem; font-family: font; text-align: center; color: rgb(12,12,12); } .home8 h5 { font-family: 'font'; color: rgb(29,29,29); text-align: center; font-size: 25px; } .home8 h6 { padding: 5px; font-size: 18px; color: rgb(0,0,0); text-align: center; } .home8 strong { font-weight: 700; } .home8 span { font-size: 15px; } .home8 p { font-size: 17px; font-weight: 600; font-family: 'font2'; color: rgb(100,100,100); text-align: center; } .about1, .about2 { padding: 110px 0 75px 0; background-image: linear-gradient(rgb(225,225,225,0.3), rgb(225,225,225,0.3)), url("/img/bg1.jpg"); min-height: auto; background-attachment: fixed; background-position: bottom;overflow: hidden; background-repeat: no-repeat; background-size: cover; } .about1 .box, .about2 .box { padding: 20px; background: rgba(204,0,0,0.8); border: 3px solid rgb(20,20,20); border-radius: 8px; } .about1 h1 { padding: 5px; font-size: 2rem; font-weight: 800; text-align: center; text-shadow: 1px 2px 2px rgb(0,0,0); text-transform: capitalize; color: rgb(255,255,255); } .about1 h2 { padding: 5px; font-size: 1.5rem; font-weight: 800; text-shadow: 1px 2px 2px rgb(0,0,0); text-transform: capitalize; color: rgb(255,255,255); text-align: center; } .about1 h3.title { padding: 5px; font-size: 2rem; font-family: font3; font-weight: 800; text-align: center; text-shadow: 1px 2px 2px rgb(0,0,0); text-transform: capitalize; color: rgb(255,255,255); } .about1 h4 { padding: 5px; font-size: 20px; font-weight: 800; text-align: center; text-shadow: 1px 2px 2px rgb(0,0,0); text-transform: capitalize; color: rgb(255,255,255); } .about1 p { padding: 5px; line-height: 25px; font-size: 17px; font-weight: 600; text-align: center; color: rgb(255,255,255); } .services-top { padding: 75px 0 75px 0; background-image: linear-gradient(rgb(225,225,225,0.1), rgb(225,225,225,0.1)), url("/img/bg1.jpg"); min-height: auto; background-attachment: fixed; background-position: bottom;overflow: hidden; background-repeat: no-repeat; background-size: cover; } .services-top .table-of-contents { padding: 15px; border: 3px solid rgb(20,20,20); border-radius: 8px; } .services-top h1 { font-size: 1.6rem; font-weight: 800; text-align: center; text-transform: capitalize; color: rgb(236,32,40); } .services-top h6 { padding: 10px; font-size: 18px; font-weight: 700; color: rgb(75,75,75); text-align: center; } .services-top a { color: white; text-align: center; } .services-top img { width: 100%; height: 100%; border-radius: 8px; } .services-content { padding: 75px 0 75px 0; background-image: linear-gradient(rgb(225,225,225,0.1), rgb(225,225,225,0.1)), url("/img/bg1.jpg"); min-height: auto; background-attachment: fixed; background-position: bottom;overflow: hidden; background-repeat: no-repeat; background-size: cover; } .services-content .content { padding: 20px; background: rgba(255,255,255,0.8); border: 3px solid rgb(20,20,20); border-radius: 8px; } .services-content .content h2 { padding: 5px; font-size: 1.5rem; font-weight: 700; text-shadow: 1px 1px 2px rgb(0,0,0); text-transform: capitalize; color: rgb(236,32,40); text-align: center; } .services-content .content h3 { padding: 5px; font-size: 19px; font-weight: 700; color: rgb(236,32,40); text-align: center; } .services-content .content h5 { padding: 5px; font-size: 22px; font-weight: 700; color: rgb(75,75,75); } .services-content .content p { padding: 8px; line-height: 21px; font-size: 17px; text-align: center; color: rgb(12,12,12); } .services-content .content img { width: 100%; height: 100%; border-radius: 8px; box-shadow: 2px 2px 6px rgb(0,0,0); } .area1 { padding: 100px 0 75px 0; background-image: linear-gradient(rgb(255,255,255,0.3), rgb(255,255,255,0.1)), url("/img/bg1.jpg"); min-height: auto; background-attachment: fixed; background-position: bottom;overflow: hidden; background-repeat: no-repeat; background-size: cover; } .area1 h1 { font-size: 35px; text-align: left; font-weight: 800; color: rgb(236,32,40); padding-bottom: 8px; background: -webkit-linear-gradient(#fff, rgb(239,87,93), rgb(236,32,40), rgb(236,32,40)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .area1 p { font-size: 17px; font-family: 'font2'; font-weight: 600; text-align: justify; color: rgb(100,100,100); line-height: 23px; } .area1 iframe { width: 100%; height: 100%; border-radius: 10px; } .area2 { padding: 75px 0 75px 0; background: rgb(255,255,255); } .area2 h1 { font-size: 35px; text-align: left; font-weight: 800; color: rgb(236,32,40); padding-bottom: 8px; background: -webkit-linear-gradient(#fff, rgb(239,87,93), rgb(236,32,40), rgb(236,32,40)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .area2 p { font-size: 17px; font-family: 'font2'; font-weight: 600; text-align: justify; color: rgb(100,100,100); line-height: 23px; } .area2 iframe { width: 100%; height: 100%; border-radius: 10px; } .area3 { padding: 75px 0 75px 0; background-image: linear-gradient(rgb(255,255,255,0.3), rgb(255,255,255,0.1)), url("/img/bg1.jpg"); min-height: auto; background-attachment: fixed; background-position: bottom;overflow: hidden; background-repeat: no-repeat; background-size: cover; } .area3 h1 { font-size: 35px; text-align: left; font-weight: 800; color: rgb(236,32,40); padding-bottom: 8px; background: -webkit-linear-gradient(#fff, rgb(239,87,93), rgb(236,32,40), rgb(236,32,40)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .area3 p { font-size: 17px; font-family: 'font2'; font-weight: 600; text-align: justify; color: rgb(100,100,100); line-height: 23px; } .area3 iframe { width: 100%; height: 100%; border-radius: 10px; } .gallery1 { padding: 75px 0 50px 0; background: rgb(249,249,249); } .gallery1 h1 { font-size: 3rem; font-weight: 800; padding-bottom: 40px; text-align: center; color: rgb(129,141,148); } .map iframe { width: 100%; height: 475px; margin-bottom: -7px } .contact1 { padding: 75px 0 75px 0; background-image: linear-gradient(rgb(255,255,255,0.3), rgb(255,255,255,0.1)), url("/img/bg1.jpg"); min-height: auto; background-attachment: fixed; background-position: bottom;overflow: hidden; background-repeat: no-repeat; background-size: cover; } .contact1 h1 { text-align: center; font-size: 35px; padding-bottom: 40px; font-weight: 800; color: rgb(20,20,20); } /******************************************** DAVIDS MOBILE CODE END *************************************************/ .mobile-top-header { display:block !important; padding: 0 30px 0; background: rgb(135,170,188); z-index: 4; overflow:visible; } .header-contact_info a { color: rgb(255,255,255); margin: 0; } .top-header a, .top-header i, .top-header p { color: rgb(0,0,0); } .top-header-animate a, .top-header-animate i, .top-header-animate p { color: rgb(0,0,0); } .btn { background: rgb(249,78,1); width: 50%; padding: 10px 0px; color: #ffffff; cursor: pointer; outline: none; border: none; } .footer-section { padding-top: 30px; text-align: center; } .footer-section img { max-width: 210px; padding-bottom: 25px; } .service-cities h4 { font-size: 24px; font-weight: 600; color: rgb(255,255,255); } .service-cities a { font-size: 15px; line-height: 10px; color: rgb(255,255,255); } .service-cities .footer-title .midcities { text-align: center; } .service-cities .footer-title .rightcities { text-align: center; } .service-content-section { padding: 0 !important; } .service-content-section p { padding: 0; margin: 0; background: #fff; } .service-content-section div[class*='col-'] { padding: 30px 30px; } .contact-content-section div[class*='col-']:last-child { padding-top:40px; } .about-info-section div[class*='col-']:first-child { border-right:none; border-bottom: 1px solid #b5b5b5; } .about-header-section { background: linear-gradient(to bottom, rgba(2, 2, 2, 0.76), rgba(4, 4, 4, 0.2)), url(../img/slider/slider-bg-2.jpg) bottom left no-repeat; } .pre-footer-section .hours { padding:50px 20px; } .pre-footer-section .hours h1 { font-size:34px; } .pre-footer-section .hours p { padding: 0; } .section-divider { padding: 40px 10px; } .home-service-section { padding-bottom: 0 !important; background-position: bottom right; } .bottom-footer div[class*='col-']:nth-child(3) { justify-content:center; } .lnr-star { font-size: 15px !important; position: relative; top: -6px; } .projects-section .row { height: inherit; } .projects-section div[class*='col-'] { padding: 0; position: relative; } .top-header { background: white; display:none; } .header-contact_info { font-size: 1.5em; } .navbar-scroll { display:none; } .header-contact_info .navbar-brand { font-size:1.3em; } .top-header div[class*='col-']:first-child { justify-content:flex-start; } .top-header div[class*='col-'] { display:flex; justify-content: left; width: 33.333%; padding: 15px 0; } .top-header div[class*='col-']:nth-child(3) { display:flex; justify-content: flex-end; width: 33.333%; padding: 15px 0; } .top-header div[class*='col-']:nth-child(2) { background:none; margin:0; display: flex; justify-content: center; align-items: center; } .top-header div[class*='col-']:nth-child(1) a { font-size: 1.5em; } .top-header div[class*='col-']:nth-child(2) p { font-size:inherit; line-height: inherit; } .alert h1, .alert p { top: 2em; opacity: 0; position:relative; } .alert h1 { margin-top: 0; color: #2b1663; } .custom-show { position: fixed; transform:scale(1,1); border: 0; background: white; border-radius:0; z-index: 1100; overflow: inherit; -webkit-transition-property: all; -webkit-transition-duration: .30s; -webkit-transition-timing-function: ease-in-out; transition-property: all; transition-duration: .30s; transition-timing-function: ease-in-out; } .mobile-menu { text-align: center; position: fixed; height: 100%; width: 100%; display: block; padding-top: 6em; top: 100%; border: 0; background: #232323; border-radius: 0; z-index: 1100; overflow: auto; -webkit-transition-property: all; -webkit-transition-duration: .30s; -webkit-transition-timing-function: ease-in-out; transition-property: all; transition-duration: .30s; transition-timing-function: ease-in-out; } .mobile-menu .nav-link { font-size: 2em; color: #c5c5c5 !important; } .alert-dismissible .close { position: absolute; top: 0; right: 0; background: transparent; border: none; padding: 0.75rem 1.25rem; color: rgb(80,80,80); font-family: 'font2'; outline: none; z-index: 3; } .alert-dismissible .close span { font-size: 35px; } .lnr { display: inline-block; fill: currentColor; width: 1em; height: 1em; vertical-align: -0.2em; cursor: pointer; } .mobile-menu-custom-show { top: 0%; } .mobile-menu-top-hero { background-size: cover; padding: 40px 0 0; top:0; left:0; width:100%; text-align: center; } .mobile-menu-top-hero h2 { padding:0 25px; } #mobile-menu-header { margin-top:0; background: #ffffff00; box-shadow: none; } #mobile-menu-header ul { list-style:none; padding:0 20px; margin-top: 8em; position: relative; width: inherit; } #mobile-menu-header ul li a { color:#ffffff; padding: 20px 20px; } .map{ padding-top: 50px; } } @media screen and (max-width: 425px) { .map{ padding-top: 10px; } } @media screen and (max-width: 375px) { }