:root {
  --header-background-color: rgba(17,17,17,0.6);
  --font-color: #404040;
  --theme-color-main: #2EAE80;
}

.design-web, body.d-wbr {
font-family: 'Roboto', sans-serif;
}
 
#u_content_custom_logo_1 .d-logo {
padding: 10px;
}

.d-wbr h1, .design-web h1 {
    color: var(--theme-color-main);
   font-size: 36px;
}

.d-wbr h2, .design-web h2 {
    color: var(--theme-color-main);
   font-size: 32px;
}

.d-wbr h3, .design-web h3 {
    color: var(--theme-color-main) !important;
   font-size: 30px;
font-family: 'Roboto', sans-serif !important;
}

.d-wbr h5, .design-web h5, .design-web p, .d-wbr p strong span {
font-family: 'Roboto', sans-serif !important;
}

.design-web p, .d-wbr p {
    color: var(--font-color);
}


.logo {
    position: absolute !important;
    top: -30px !important;
}

header {
    background: var(--header-background-color) !important;
    top: 0px;
    color: var(--font-color);
}

header .social-icons.d-toolbar > div {
    justify-content: flex-end;
}

header #u_content_custom_toolbar_3 .d-toolbar {
    padding-right: 3.5em;
}

header #u_content_custom_navLinks_1 .d-nav-links-info.d-header-nav ul.menu>li>div a:not(:hover) {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    margin: 0 10px;
    text-transform: uppercase;
font-weight: bold;
}


header #u_content_custom_navLinks_1 .d-nav-links-info.d-header-nav ul.menu>li>div a:hover {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    margin: 0 10px;
    text-transform: uppercase;
    font-weight: 400;
font-weight: bold;
}

.u_content_text a {
color: #CD0019 !important;
}

.u_content_text a:hover {
color: #ffffff !important;
}

.d-wbr button, .d-wbr input[type='button'], .d-wbr .btn {
background-color: #2eae80;
border-radius: 5px !important;
font-weight: bold;
border: 1px solid #2eae80 !important;
}

.d-con-button a span {
font-family: 'Roboto', sans-serif !important;
}

.d-wbr button:hover, .d-wbr input[type='button']:hover, .d-wbr .btn:hover {
background-color: #ffffff;
color: #2eae80;
border-radius: 5px !important;
font-weight: bold;
border: 1px solid #2eae80 !important;
}



/* Address Hover Effect */
.header .d-flex.d-cell1-content:hover a {
    color: var(--theme-color-main) !important;
}
/* Toolbar Icons */
.d-cell_1_image, .d-cell_2_image, .d-cell_3_image {
    border: 1px solid rgba(255,255,255,0.5);
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
/* Social Icons */
.fa {
    border: solid thin var(--font-color);
    padding: 10px;
    border-radius: 50%;
}
.fa-brands {
    position: relative;
    top: 2px;
}
#u_content_custom_toolbar_3 .d-toolbar-social-box a {
    width: 30px;
    height: 30px;
}
#u_content_custom_toolbar_3 .d-toolbar-social-box a:hover {
    background: var(--theme-color-main);
}
@media screen and (max-width: 991px)
header {
     background: #fff !important;
}
@media screen and (max-width: 768px) {
  header {
    margin-bottom: 0px !important;
  }
}
@media screen and (min-width: 992px) {
  header {
    margin-bottom: -160px !important;
  }
}

header .d-con-mobile-navbar .d-con-menu ul.navbar-nav .d-nav-item a {
   color: #fff;
font-weight: bold;
}
/**DROPDOWN MENU**/
#u_content_custom_navLinks_1 .d-nav-links-info.d-header-nav ul.menu>li ul.d-sub-menu {
    border: 1px solid var(--theme-color-main);
    justify-content: center;
    min-width: max-content;
    transition: 150ms ease;
    background: #000000c9 !important;
}

ul.d-sub-menu.d-nav-link-active a:hover {
    background: white;
}



/** CUSTOM CSS STYLES **/

html, body {
overflow-x: hidden;
}

.body:not(.ThankYou) {
    padding-top: 0 !important;
}

.btn {
    border-radius: 5px !important;
}

h1, h2, h3 {
    text-transform: uppercase;
}

a {
text-decoration: none;
}



.alt-heading-color {
   color: var(--theme-color-main);
}

/** MOBILE NAV **/

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    border-bottom: 3px solid var(--theme-color);
}

ul.nav.navbar-nav li a {
    text-align: center;
    text-transform: capitalize;
    color: var(--theme-color) !important;
    font-weight: 500;
}

/** SLOGAN **/

.d-con-slider.jumbotron {
    max-height: 75vh;
}

.slogan-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}
.slogan-container .top-subtitle {
    color: white;
    font-size: clamp(16px, 2vw, 25px);
}
.slogan-container .main-title {
    color: var(--theme-color);
    font-size: clamp(40px, 3vw, 65px);
    font-weight: 900;
    letter-spacing: 2.6px;
}

.slogan-container .bottom-subtitle {
    color: white;
    max-width: 73ch;
    font-size: clamp(12px, .85vw, 18px);
    font-weight: 600;
    text-transform: none;
    margin-bottom: 3em;
}
.slogan-container button {
    border-radius: 0.5rem 0;
    padding: 1em 3em;
    font-size: clamp(14px, 1vw, 16px);
    font-weight: 600;
}

/** END SLOGAN **/

.home #u_row_8 #u_column_13 {
    max-width: 940px;
    margin: auto;
}

.home #u_row_35 > .container > .u-row > div,
.home #u_row_14 > .container > .u-row > div
{
    background-size: cover !important;
    margin: 10px;
    max-width: 350px !important;
}

@media screen and (max-width: 320px) {
  .home #u_row_35 > .container > .u-row > div,
  .home #u_row_14 > .container > .u-row > div
  {
    max-width: 300px !important;
  }
}

.home #u_row_35 #u_column_55 {
    background: url("https://images.unlayer.com/projects/5192/1656361561120-home-services-1.jpg") no-repeat center;
}
.home #u_row_35 #u_column_56 {
    background: url("https://images.unlayer.com/projects/5192/1656361588008-home-services-2.jpg") no-repeat center;
}
.home #u_row_35 #u_column_57 {
    background: url("https://images.unlayer.com/projects/5192/1656361611658-home-services-3.jpg") no-repeat center;
}
.home #u_row_14 #u_column_25 {
    background: url("https://images.unlayer.com/projects/5192/1656361635444-home-services-4.jpg") no-repeat center;
}
.home #u_row_14 #u_column_26 {
    background: url("https://images.unlayer.com/projects/5192/1656361653309-home-services-5.jpg") no-repeat center;
}
.home #u_row_14 #u_column_27 {
    background: url("https://assets.unlayer.com/projects/5192/1657733268858-glass1.jpg") no-repeat center;
}


.home #u_row_35 #u_column_55 .u_content_text, .home #u_row_35 #u_column_56 .u_content_text, .home #u_row_35 #u_column_57 .u_content_text,
.home #u_row_14 #u_column_25 .u_content_text, .home #u_row_14 #u_column_26 .u_content_text, .home #u_row_14 #u_column_27 .u_content_text  {
    padding: 20px;
    margin: 20px;
    min-height: 282px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home #u_column_29 p, .home #u_column_30 p {
       padding: 20px;
}
.home #u_row_9, .home#u_row_10 {
    background-attachment: fixed
}
.home #u_row_35 > div > .u-row, .home #u_row_14 > div  .u-row {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

@media (max-width: 991px)
.u-row:not(.no-stack) .u-col {
    max-width: unset !important;
    flex: unset !important;
}

@media (max-width: 767px)
.u-row:not(.no-stack) .u-col {
    max-width: 350px !important;
}

/* HOMEPAGE REVIEWS == HOMEPAGE REVIEWS == HOMEPAGE REVIEWS */
.homepage-reviews-container, .reviews-container {
  display:  flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.homepage-reviews-container {
  flex-direction: column; 
}
.homepage-reviews-container h2 {
    color: #fff;
}
.reviews-container {
  width:100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center; 
}
.review {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px;
    padding: 50px 20px;
    background: rgb(1 147 207 / 65%);
    color: #fff;
    border-radius: 20px 0;
    flex: 1;
    min-width: 300px;
    max-width: 500px;
    min-height: 205px;
    flex-direction: column;
}

.review p:nth-child(2) {
    margin-top: 1em;
    font-weight: 200;
}

.review p {
  color: #fff !important; 
}

/* HOMEPAGE AMENITIES == HOMEPAGE AMENITIES == HOMEPAGE AMENITIES */
.homepage-amenities-container {
  text-align: center;
  color: #fff;
}
.homepage-amenities-container  p {
    color: #fff !important;
    font-size: 16px;
}

.amenities {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 20px;
}
.amenities-card {
    padding: 20px;
    margin: 20px;
    border-radius: 0px 10px 0px 10px;
    min-width: 155px;
}
.amenities-card p {
    color: #fff !important; 
    margin-top: 5px;
    font-weight: 700;
    margin-top: 10px;
}

#u_row_23 #u_content_text_38 {
    margin: auto;
    max-width: 750px;
}

/* HOMEPAGE GALLERY == HOMEPAGE GALLERY == HOMEPAGE GALLERY */ 
.gallery-container {
  width: 100%;
  min-height: 300px;
  position: relative;
  top: 0px;
}
.gallery-section-container {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 400px;
}
.btn-before, .btn-next {
  width: 200px;
  height: 20px;
  display:flex;
  justify-content: center;
  align-items: center;
}
.gallery-header h1{
   text-align: center;
}

/* Home Page Phone Number */
.home #u_row_24 #u_content_text_39 a {
  color: var(--theme-color-main);
  font-weight: 900;
}
.home #u_row_24 #u_content_text_39 a:hover {
  color: #fff;
}

/* Appointment Button */
#u_content_custom_appointmentButton_2 input {
    padding: 20px 50px !important;
  border-radius: 5px !important;
}

/** BROWSER RESIZING **/

@media (max-width: 991px) {
.home div#u_content_text_29 {
    padding: 20px !important;
}

.about #u_column_14 .v-col-padding.v-col-background-color.v-col-border.v-col-border-radius {
    padding: 0 !important;
}

.reviews div#u_content_text_6 {
    padding: 20px !important;
}

.reviews #u_row_11.v-row-padding {
    padding: 0px 50px !important;
}

.contact div#u_content_text_10 {
    padding: 15px !important;
}
}




#u_content_custom_slider_1 .d-con-slider .d-slider-item .d-con-slider-caption div h1, #u_content_custom_slider_1 .d-con-slider .d-slider-item .d-con-slider-caption div h5, #u_content_custom_slider_1 .d-con-slider .d-slider-item .d-con-slider-caption div p {
font-weight: bold;
color: #ffffff;
}

.sub {
color: #ffffff;
max-width: 720px;
margin: 0px auto;
}

#u_content_custom_slider_1 .d-con-slider .d-slider-caption {
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    margin-bottom: 10px;
}

#u_row_a>.container {
    max-width: 100% !important;
    padding: 300px 0px 120px 0px;
}

#tagline-a div p span {
font-weight: bold !important;
font-size: 20px !important;
color: #ffffff !important;
}

#tagline-b div p span {
font-weight: bold !important;
font-size: 44px !important;
line-height: 100% !important;
color: #ffffff !important;
}

#tagline-c div p span {
font-size: 16px !important;
color: #ffffff !important;
}

#u_content_custom_appointmentButton_1a .d-con-usefor-body .d-appointment-button-b {
background-color: #2eae80;
border: 1px solid #2eae80;
}

#u_content_custom_appointmentButton_1a .d-con-usefor-body .d-appointment-button-b:hover {
color:  #2eae80;
background-color: #ffffff;
border: 1px solid #2eae80;
}