
/* Default Styles */
#wpadminbar {
display: none !important;
}
body {
font-family: "Yantramanav", sans-serif;
overflow-x:hidden;
}h1, h1 a {
color: #5e5348;
font-family: "Yantramanav", sans-serif;
font-size: 2.17em;
line-height: 2rem;
margin: 25px 0;
text-transform: uppercase;
}h2 {
color: #5e5348;
font-family: "Yantramanav", sans-serif;
font-size: 2.15em;
line-height: 2rem;
margin: 25px 0;
text-transform: uppercase;
}h3 {
color: #a8998a;
font-family: "Yantramanav", sans-serif;
font-size: 1.6em;
font-weight: 300;
line-height: 1.9rem;
margin: 25px 0;
text-transform: uppercase;
}h4 {
color: #a8998a;
font-family: "Yantramanav", sans-serif;
font-weight: bold;
font-size: 1.5em;
line-height: 1.5rem;
margin: 25px 0;
}p {
color: #5e5348;
font-family: "Yantramanav", sans-serif;
font-size: 18px;
line-height: 1.8;
margin-bottom: 35px;
margin-top: 15px;
}ul {
list-style-type: none;
}.row {
margin: 0 auto;
max-width: 97em;
width: 100%;
}.contain-to-grid {
background: none !important;
}.contain-to-grid .top-bar {
max-width: 75em;
}.page-wrapper {
clear: both;
max-width: 75rem;
}.page-wrapper {
clear: both;
max-width: 75rem;
}.overflow-hidden {
overflow: hidden !important;
}.strip-padding {
padding-left: 0 !important;
padding-right: 0 !important;
}.vertical-padding-extra-large {
padding-bottom: 73px;
padding-top: 95px;
}.vertical-padding-large {
padding-bottom: 74px;
padding-top: 85px;
}.vertical-padding-medium {
padding-bottom: 40px;
padding-top: 40px;
}.vertical-padding-small {
padding-bottom: 15px;
padding-top: 30px;
}.vertical-padding-extra-small {
padding-top: 15px;
padding-bottom: 15px;
}.absolute {
position:absolute;
}.relative {
position:relative;
}.offset-top {
margin-top:-44px;
}.box-shadow {
box-shadow: -5px 10px 50px 11px rgba(0, 0, 0, 0.21);
}.clearfix {
clear:both;
}[class*="fadein-"] {
opacity: 0;
}.scrollfade {
opacity: 0;
-webkit-transition: all 1200ms ease;
-moz-transition: all 1200ms ease;
-ms-transition: all 1200ms ease;
-o-transition: all 1200ms ease;
transition: all 1200ms ease;
-moz-transform: translateY(-30px);
-webkit-transform: translateY(-30px);
-o-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}.scrollfade.complete {
opacity: 1;
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}.from-left.scrollfade {
-moz-transform: translateX(-30px);
-webkit-transform: translateX(-30px);
-o-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}.from-right.scrollfade {
-moz-transform: translateX(30px);
-webkit-transform: translateX(30px);
-o-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}.from-bottom.scrollfade {
-moz-transform: translateY(30px);
-webkit-transform: translateY(30px);
-o-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}.from-left.scrollfade.complete {
opacity: 1;
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}.from-right.scrollfade.complete {
opacity: 1;
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}.from-bottom.scrollfade.complete {
opacity: 1;
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
@keyframes pulse {
0% {
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
}
100% {
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
/* Navigation */
.header-inner-wrapper.sticky-nav {
position: fixed;
top:0;
width:100%;
z-index:99;
}.top-bar {
background:none;
display: inline-block;
right: -30px;
}.split-nav-hide {
display:none;
}.split-nav {
margin-top: 55px;
-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-ms-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;
}.split-nav-logo {
margin-top: -30px;
}.top-bar .centered-logo {
margin-top: -30px;
}.header-inner-wrapper #split-nav-logo img,
.top-bar .centered-logo img{
max-width:200px;
-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-ms-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;
}.top-bar-section ul li {
background:transparent;
padding: 0px 5px;
-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-ms-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;
}.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li:not(.has-form) a:not(.button) {
background:transparent !important;
font-size: 11px;
font-weight:600;
letter-spacing:3px;
text-transform: uppercase;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li:not(.has-form) a:not(.button):hover {
color:#96d13d;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
color:#ffffff;
}.top-bar-section .dropdown li.active:not(.has-form){
background:#96d13d;
}.top-bar-section ul li:hover:not(.has-form)>a {
color:#96d13d;
}.top-bar-section .has-dropdown>a{
padding-right: 15px !important;
}.top-bar-section .has-dropdown>a:after {
display:none;
}.top-bar-section .dropdown {
background:#80756a;
left: 50%;
opacity: 0.9;
padding: 15px 0;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}.top-bar-section .dropdown::before {
border: 9px solid;
border-color: transparent transparent #80756a transparent;
content: "";
left: 0;
margin: auto;
position: absolute;
right: 0;
top: -16px;
width: 10px;
}.top-bar-section .dropdown li {
padding:0;
}.top-bar-section .dropdown li:hover {
background:#96d13d;
}
/* Sticky Nav */
.sticky-nav {
-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-ms-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;
}.sticky-nav.active {
background: #1f1b1a;
}.sticky-nav.active .split-nav {
margin-top:30px;
}.sticky-nav.active .top-bar-section ul li {
padding: 0px 10px;
}.sticky-nav.active #split-nav-logo img,
.sticky-nav.active .top-bar .centered-logo img {
max-width:150px;
}
/* Main title section */
.main-title-section {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}.main-title-section h1 {
color: #ffffff;
font-weight: bold;
font-size: 44px;
letter-spacing: 14px;
line-height: 1em;
margin: 7px 0;
text-transform: uppercase;
}.main-title-section p {
color: #96d13d;
font-size:24px;
font-weight: 500;
letter-spacing: 10px;
text-transform: uppercase;
}.padding-adjust {
padding-top: 5px;
}
/* Slider */
.slider-overlay {
background: rgba(22, 22, 22, 0.45);
background: -moz-linear-gradient(top, rgba(0,0,0,0.61) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.61) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.61) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b5000000", endColorstr="#00000000",GradientType=0 );
left: 0;
top: 0;
width: 100%;
z-index: 2;
}.slider-overlay-buffer {
clear: both;
display: block;
height: 78vh;
position: relative;
width: 100%;
z-index:-1;
}.slider-wrapper {
height: 100vh;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100% !important;
z-index: -2;
}.slider-wrapper .rhino-container {
min-height: 780px;
width: 100%;
}.slider-wrapper ul[id*="slider-"] {
height: 850px !important;
margin: 0;
width: 100% !important;
}.slider-wrapper ul[id*="slider-"] .slide-content {
display: none;
}.slider-wrapper ul[id*="slider-"] li img{
min-width: 100%;
}.slider-overlay-buttons {
background: #5e5348;
}.slick-button-container {
display: inline-block;
height: 38px;
width: 100%;
}.slick-button-container .slick-prev {
left: 20px;
}.slick-button-container .slick-prev::before {
content:"\f053";
font-family:"FontAwesome";
}.slick-button-container .slick-next {
right:20px;
}.slick-button-container .slick-next::before {
content:"\f054";
font-family:"FontAwesome";
}
/* Tagline */
.phone-section .green-btn {
background: #96d13d;
color: #ffffff !important;
font-size: 18px !important;
font-weight: 500 !important;
letter-spacing: 1px;
margin-top:0;
padding: 22px 17px;
text-transform: uppercase;
}.tagline-section {
background: #a8998a;
}.arrow-wrapper {
left: 0;
margin: auto;
position: absolute;
right: 0;
}.arrow-wrapper .arrow {
margin-top: 20px;
}.arrow-wrapper .arrow .fa {
color: #ffffff;
cursor:pointer;
font-size: 29px;
-webkit-animation: pulse 1.75s infinite;
animation: pulse 1.75s infinite;
}.tagline p {
color: #ffffff;
font-size: 16px;
letter-spacing: 1px;
line-height: 1.3;
margin: 12px 0;
text-transform: uppercase;
}.slick-.slider-caption {
display: inline-block;
width: 100%;
}.slick-slider-caption p {
border-bottom: 4px solid #96d13d;
color: #ffffff;
display: inline-block;
font-size: 30px;
font-weight: lighter;
letter-spacing: 6px;
text-transform: uppercase;
}.tagline-section .social-icons {
background: #5e5348;
line-height: 44px;
max-width: 330px;
padding: 0px 20px;
}.tagline-section .social-icons .fa {
color: #ffffff;
padding: 15px 10px;
}.tagline-section .social-icons .fa:hover {
background:#1f1b1a;
}
/* Content */
.content-wrapper {
background: #ffffff;
}.light-brown-bg {
background:#e1dad3;
}.dark-brown-bg {
background:#5d5349;
}.top-section-content {
padding: 10px 125px;
}img.top-img-1 {
position: absolute;
right: 0;
z-index:1;
}img.top-img-2 {
margin-bottom: 40px;
margin-top: 60px;
}.mid-section-content {
padding: 0 14px;
}.mid-section-content h2 {
color: #a8998a;
font-size: 1.9em;
}.mid-section-content p {
color: #e1dad3;
font-size: 18px;
}.light-brown p {
font-size:18px;
}.centered-card-section {
background: url("https://kingscarpentryllc.com/wp-content/themes/rmdl4/images/card-section-bg.jpg");
background-position:center;
background-size:cover;
margin-bottom: -30px;
margin-top: -30px;
padding: 157px 0;
z-index:0;
}.centered-card-section .card {
background: #ffffff;
max-width: 615px;
padding: 46px 68px;
}.centered-card-section .card::before {
background:#ece9e8;
content:"";
height: calc(100% + 11px);
left:-11px;
opacity:0.8;
position:absolute;
top:-11px;
width: calc(100% + 11px);
z-index:-1;
}.centered-card-section .card::after {
background:#ece9e8;
content:"";
height: calc(100% + 11px);
opacity:0.8;
position:absolute;
right: -11px;
top: 0px;
width: calc(100% + 11px);
z-index:-2;
}.centered-card-section .card h2 {
color:#a8998a;
}.centered-card-section .card p {
font-size: 18px;
margin: 15px 0px;
}.cta-section {
background:url("https://kingscarpentryllc.com/wp-content/themes/rmdl4/images/cta-background.jpg");
background-position:center;
background-size:cover;
padding: 250px 0;
}.cta-section-content {
padding: 0px 35px;
}.cta-section h2 {
color:#a8998a;
}.green-btn {
background: #96d13d;
box-shadow: -5px 10px 50px 11px rgba(0, 0, 0, 0.11);
color: #ffffff;
font-weight: 600;
font-size: 15px;
margin-top: 40px;
padding:24px 55px;
text-transform: uppercase;
}.green-btn:hover,
.green-btn:focus {
background: #a8998a;
color: #ffffff;
}.green-btn::after {
border-bottom: 4px solid #96d13d;
bottom:0px;
content:"";
left:0;
position:absolute;
width:100%;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}.green-btn:hover::after {
border-bottom:4px solid #a8998a;
bottom:-8px;
content:"";
left:0;
position:absolute;
width:100%;
}.brown-btn {
background: #a8998a;
color: #ffffff;
font-weight: 600;
font-size: 15px;
margin-top: 40px;
text-transform: uppercase;
padding:24px 55px;
}.brown-btn:hover {
background: #96d13d;
color: #ffffff;
}.brown-btn::after {
border-bottom: 4px solid #a8998a;
bottom:0px;
content:"";
left:0;
position:absolute;
width:100%;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}.brown-btn:hover::after {
border-bottom:4px solid #96d13d;
bottom:-8px;
content:"";
left:0;
position:absolute;
width:100%;
}
/* Inner pages */
.header-wrapper .inner-header {
background: #1f1b1a;
float: left;
width: 100%;
}.header-inner-wrapper.inner-header #split-nav-logo img,
.inner-header .top-bar .centered-logo img {
max-width: 140px;
}.inner-header .split-nav {
margin-top: 30px;
}.header-cta {
background: #1f1b1a;
float: left;
padding: 55px 0;
width: 100%;
}.header-cta h1 {
color: #96d13d;
font-size: 43px;
font-weight: 900;
}.header-cta .arrow-wrapper {
position: relative;
}.green-font {
color: #96d13d;
}.inner-page p {
margin-bottom: 20px;
}ul.bullet {
font-family: "Yantramanav", sans-serif;
font-size:18px;
font-weight:bold;
letter-spacing:1px;
margin:0;
}.dark-brown-bg ul.bullet li {
color:#ffffff;
}.dark-brown-bg ul.bullet li::before {
color:#96d13d;
content:"•";
margin-right:4px;
}.light-brown-bg ul.bullet li {
color:#5e5348;
}.light-brown-bg ul.bullet li::before {
content:"•";
color:#5e5348;
margin-right:4px;
}.faq h2 {
font-size: 1.4em;
}.faq h2::before {
color:#96d13d;
content:"Q.";
font-weight:bold;
}.services-wrapper .service::before {
border-left: 1px solid #96d13d;
content:"";
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
-webkit-transition: all 1000ms ease-in-out;
-moz-transition: all 1000ms ease-in-out;
-ms-transition: all 1000ms ease-in-out;
-o-transition: all 1000ms ease-in-out;
transition: all 1000ms ease-in-out;
}
/* Gallery */
.gallery-filter {
background:#5d5349;
border: none !important;
box-shadow: -5px 10px 50px 11px rgba(0, 0, 0, 0.21);
min-height: 406px;
padding: 26px 0px;
width:13% !important;
}.filtering.filter-left .gallery-images {
width: 85% !important;
margin-left: 20px;
}.gallery-filter li {
color:#ffffff;
cursor: pointer;
font-size:18px;
line-height: 26px!important;
padding: 20px 0px !important;
text-transform:uppercase;
}.gallery-filter li.active {
background:none !Important;
color:#96d13d !important;
}.gallery-filter li:hover {
background:none !Important;
color:#96d13d !important;
}.gallery-image {
border: 0 !important;
display: block;
opacity:1;
width: 100%;
padding:5px;
}.gallery-image:hover img {
border: 0 !important;
box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, 0.21);
}.gallery-image::before {
content:"";
height:100%;
opacity:0;
position:absolute;
width:100%;
z-index:0;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
}.gallery-image:hover::before {
background:rgba(255, 255, 255, 0.24);
content:"";
height:100%;
opacity:1;
position:absolute;
z-index:0;
width:100%;
}.gallery-image::after {
color: rgba(0, 0, 0, 0.58);
content:"\f002";
display: block;
font-family:"FontAwesome";
font-size:130px;
opacity:0;
position:absolute;
text-align:center;
top: calc(100% - 55%);
transition: all 500ms ease-in-out;
width:100%;
z-index: 1;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
}.gallery-image:hover::after {
opacity:0.8;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}.gallery-modal .gallery-image:hover::after {
display:none;
}.gallery-modal .gallery-image::before,
.gallery-modal .gallery-image::after {
display:none;
}
/* Contact Page */
.form-wrapper {
padding-right: 45px;
}.phone-info p {
color: #ffffff;
font-size: 26px;
margin-top: 35px;
}.contact-wrapper .opening-hours {
padding:50px 0;
}.contact-wrapper .opening-hours .clock-icon {
color: #5e5348;
font-size: 132px;
}.contact-wrapper .opening-hours p {
font-size:25px;
line-height: 34px;
margin:0px 0;
}.contact-wrapper .address-box {
background: #96d13d;
padding:23px 0;
}.contact-wrapper p.contact-info {
color:#ffffff;
font-size:33px;
font-weight:900;
line-height:46px;
margin: 0;
}.contactForm {
margin-top: 20px;
}.contactForm label{
display: block;
font-weight: bold;
}.contactForm input {
font-size: 17px;
height: 2.7rem;
margin-bottom: 12px;
padding: 0 19px;
width: 100%;
}.contactForm textarea {
font-size: 17px;
height: 6.4rem;
margin-bottom: 12px;
padding: 14px 19px;
width: 100%;
}.contactForm .captchaWrapper {
margin-top: 10px;
}.contactForm .captchaRefresh {
vertical-align: top;
}.contactForm .submitWrapper {
margin-top: 10px;
text-align: center;
}.contactForm .submitWrapper span.submit {
background-color: #1f1b1a;
color:#ffffff;
cursor: pointer;
display:inline-block;
font-size: inherit;
font-weight: bold;
padding: 11px 20px;
text-transform:uppercase;
width:100%;
}.contactForm .submitWrapper span.submit:hover {
background-color: #5d5349;
}.emailConfirmation {
margin: 0 auto;
}.emailConfirmation h1 {
color: #00CC00;
}
/* Footer */
.footer-wrapper {
background: #1f1b1a;
float: left;
padding: 40px 0;
width: 100%;
}.footer-inner-wrapper {
border-top: 1px solid #403a35;
border-bottom: 1px solid #403a35;
padding: 20px 0px;
position:relative;
}.footer-wrapper .fa {
color:#ffffff;
font-size: 24px;
line-height: 30px;
padding: 0px 20px;
}.footer-wrapper .fa:hover {
color:#a8998a;
}.footer-wrapper .footer-logo img {
max-width: 170px;
margin-top: -108px;
}.footer-wrapper .green-btn {
background: none;
box-shadow: none;
color: #ffffff !important;
font-size: 20px !important;
letter-spacing: 5px;
margin-top: 0;
padding: 10px;
}.footer-wrapper .green-btn .fa {
padding:0;
}.scroll-top {
cursor: pointer;
font-family: "Yantramanav", sans-serif;
right: 0;
top: 8px;
width: 100px;
}.scroll-top:hover .fa {
-webkit-animation: pulse 1.75s infinite;
animation: pulse 1.75s infinite;
}.scroll-top span {
color:#ffffff;
display:block;
font-size: 14px;
font-weight: bold;
text-align:center;
text-transform: uppercase;
}



/*CUSTOM CSS START*/

.vertilca-padding-small {
    padding: 2% 0;
}

/*CUSTOM CSS END*/



@media screen and (max-width: 1440px) and (min-width: 1024px) {
.top-bar {
right: -26px;
}.top-bar-section ul li {
padding:0px 0;
}.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li:not(.has-form) a:not(.button) {
font-size: 10px;
padding: 0 10px;
}.header-inner-wrapper #split-nav-logo img,
.top-bar .centered-logo img {
max-width: 130px;
}.sticky-nav.active .top-bar-section ul li {
padding: 0px 1px;
}.main-title-section p {
font-size:1em;
}.slick-slider-caption p {
font-size: 24px;
}.phone-section .green-btn {
font-size: 14px !important;
margin-right: 10px;
width: 237px;
}.top-section-content {
padding: 10px 70px;
}.tagline-section .social-icons {
padding: 0px 0px;
}.tagline-section .social-icons .fa {
color: #ffffff;
padding: 14px 6px;
}ul.bullet{
font-size: 16px;
}.contact-wrapper .opening-hours .clock-icon {
font-size: 115px;
}.bottom-section {
padding-left:14px;
padding-right:14px;
}
}@media screen and (max-width: 1024px) {
.header-inner-wrapper {
}.header-inner-wrapper.sticky-nav {
position: absolute;
}.top-bar {
border-top: 1px solid rgba(255, 255, 255, 0.21);
left:0;
width:100%;
}.top-bar.expanded {
background: #1f1b1a;
}.top-bar.expanded .name {
background: #1f1b1a;
}.top-bar-section .has-dropdown>a{
padding-right: 0px !important;
}.top-bar-section .has-dropdown>a:after {
display:block;
}.split-nav{
margin:0;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}.split-nav-hide {
display:block !important;
}.top-bar-section .dropdown {
background: #80756a;
left: 100%;
opacity: 0.9;
padding: 15px 0;
transform: translateX(0%);
}.slider-overlay {
background: rgba(22, 22, 22, 0.45);
background: -moz-linear-gradient(top, rgba(0,0,0,0.61) 100%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.61) 100%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.61) 100%,rgba(0,0,0,0) 100%);
}.slider-overlay-buffer {
height: calc(100vh - 258px);
}.main-title-section h1 {
font-size: 37px;
}.main-title-section p {
font-size: 18px;
}.phone-section .green-btn {
font-size: 14px !important;
}.green-btn {
display: inline-block;
width: 100%;
}.tagline-section .social-icons {
max-width:100%;
}.slick-slider-caption p {
margin:0;
}.slider-overlay-buttons {
display:none;
}.inner-header .split-nav {
margin-top: 0px;
}.gallery-filter {
min-height: auto;
width: 100% !important;
text-align: center;
padding: 20px;
}.gallery-filter li {
display: inline;
padding: 0px 20px;
}.gallery-image::after {
color: rgba(0, 0, 0, 0.58);
content:"\f002";
display: block;
font-family:"FontAwesome";
font-size:130px;
opacity:0;
position:absolute;
text-align:center;
top: calc(100% - 55%);
width:100%;
z-index: 0;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}.gallery-image::after {
opacity:0.8;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}.gallery-image:before {
box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, 0.21);
content:"";
display: block;
font-family:"FontAwesome";
height:100%;
left: 0;
opacity:1;
position:absolute;
top:0;
width:100%;
z-index:-1;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}.form-wrapper {
padding-right: 13px !important;
}
}@media screen and (max-width:767px) {
.header-inner-wrapper #split-nav-logo img,
.top-bar .centered-logo img{
max-width:90px !important;
}.slider-overlay-buffer {
height: calc(110vh - 235px);
}.main-title-section {
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
top: 48%;
}.main-title-section h1 {
font-size:20px;
letter-spacing: 9px;
}.main-title-section p {
font-size: 12px;
font-weight: bold;
letter-spacing: 2px;
line-height: 1.6;
}.header-cta{
padding: 5px 0;
}.header-cta h1 {
font-size: 30px;
}.slider-caption-wrapper {
display:none;
}.arrow-wrapper .arrow {
margin-bottom:12px;
margin-top: 12px;
}.arrow-wrapper .arrow .fa {
font-size: 19px;
}.phone-section .green-btn {
padding: 12px 0px;
}.tagline p {
font-size:12px;
}.top-section-content {
padding:0 20px;
}img.top-img-1 {
position: relative;
width: 49%;
}img.top-img-2 {
margin: 0;
max-width: 49%;
}.centered-card-section {
margin-bottom: -10px;
margin-top: -10px;
padding: 86px 0;
}.centered-card-section .card {
background: #ffffff;
max-width: 100%;
padding: 40px 20px;
}.centered-card-section .card::before {
content:"";
left:0;
width: 100%;
}.centered-card-section .card::after {
content:"";
right:0;
width: 100%;
}.brown-btn {
display: inline-block;
width: 100%;
}.cta-section {
padding: 100px 0;
}.gallery-image::after {
display:none;
}.form-wrapper {
padding: initial !important;
}.phone-info p {
color: white;
font-size: 19px;
margin-top: 35px;
}.location-wrapper {
padding-top: 27px;
}.contact-wrapper .opening-hours p {
font-size: 19px;
}.footer-wrapper .fa {
color: #ffffff;
font-size: 21px;
padding: 0px 13px;
}.scroll-top {
left:0;
margin:auto;
position:relative;
right:0;
top:20px;
}.scroll-top span,
.scroll-top .fa {
font-size:14px;
}.vertical-padding-large,
.vertical-padding-extra-large {
padding-bottom: 34px;
padding-top: 45px;
}
}
