* {
    font-family: 'Lato', sans-serif;
}


body,
html {
    height: 100%;
}



body {
    margin: 0 !important;
    padding: 0 !important
}

a:hover {
    text-decoration: none;
    color: #d1d2d4;
}

.mobile-content {
    display: none;
}

.mandatory {
    color: red
}

.full-width {
    width: 100%;
    max-width: 100%
}

.image-center {
    display: flex;
    margin: 0 auto
}

.image-left {
    float: left;
    clear: left
}

.image-right {
    float: right;
    clear: right
}

.w-70{
  width:70% !important;
}

.description-text p{
  font-size: 18px !important;
}

.text-padding {
    padding: 0 15px
}

.green-text {
    color: #23514B;
}

.small-text-14 {
    font-size: 14px;
}

.small-text-12 {
    font-size: 12px;
}

.small-text-10 {
    font-size: 10px;
}

.green-btn {
    font-size: 12px;
    background-color: #23514b;
    color: #fff;
    text-transform: uppercase;
}

.green-btn:hover {
    background-color: #C6AC84;
}

/*
.home-gallery-container{
    height: 475px;
    width: 475px;
}
*/



.btn-multilingual-select select {
    background-color: white;
    border: 1px solid transparent;
    color: #265b55;
    width: 120px;
    margin: 0 auto;
}

.btn-multilingual-select select:focus {
    background-color: white;
    border: 1px solid transparent;
    color: #265b55;
    width: 120px;
}


.bg-green {
    background-color: #23514b;
    padding: 25px;
    height: 400px;
}

.bg-gray {
    background-color: #F3F4F4;
    padding: 25px;
    height: 400px;
}

.white-text {
    color: #fff;
}

.gold-text {
    color: #C6AC84;

}

.content-row {
    height: 400px;
    overflow: hidden;
}

.about-us-element {
    width: 200px;
}

.cover-fit {
    height: 400px;
    object-fit: cover;
}

.img-padding-right {
    padding-right: 25px;
}

.img-padding-left {
    padding-left: 25px;
}

.img-hover-text {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 20px;
    text-align: center;
    background-color: rgba(35, 81, 75, 0.8);
    transition: 0.3s ease-in;
}


.img-hover-text img {
    width: 200px;
    text-align: center;
    margin: 0 auto;

}

.img-hover-text p {
    display: none;
    width: 90%;
    margin-left: 20px;
}

.img-hover-text img {
    display: none;
}

.content-hide {
    transition: all 0.3s ease-in;
}

.content-hide:hover p,
.content-hide:hover img {
    display: block;
}

.content-hide:hover .img-hover-text {
    height: 100%;
}

.location-content-wrapper {
    width: 80%;
    margin: 0 auto;
}

.form-border {
    border: 1px solid #D1D2D4;
    border-radius: 5px;
    padding-left: 50px;
    padding-right: 50px;
}

.media-thumbnail {
    border-radius: 5px;
}

.site-plan-numbering {
    width: 30px;
    height: 30px;
    border-radius: 25px;
    padding-top: 6px;
    padding-bottom: 3px;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
    background-color: #23514b;
    color: #fff;
}

.category-description-short{
  min-height: 125px;
}

.category-description-short p{
  font-size:16px;
}



@media screen and (min-width: 1200px) {
    .text-padding {
        padding: 0
    }
}

@media screen and (max-width: 991px) {
    .content-row {
        height: unset;
        overflow: unset;
    }

    .img-padding-right {
        padding-right: 0px;
    }

    .img-padding-left {
        padding-left: 0px;
    }

    .cover-fit {
        height: 100%;
    }

    .bg-green {
        height: auto;
    }

    .bg-gray {
        height: auto;
    }

    .desktop-content {
        display: none;
    }

    .mobile-content {
        display: block;
    }
}

}

.preview-class {
    margin: 10px;
    border: 1px solid red;
    padding: 10px;
    color: red;
    font-weight: 700;
    position: fixed;
    left: 10px;
    z-index: 999
}

.abbygail-footer ul {
    list-style-type: none;
}

.abbygail-footer ul li {
    display: inline-block;
    margin-left: 2em;
}

.abbygail-footer ul li a {
    text-transform: uppercase;
    font-size: 12px;
}

@media screen and (max-width: 991px) {
    .abbygail-footer ul {
        padding-left: 0;
    }

    .abbygail-footer ul li {
        margin-bottom: 10px;
        margin-left: 1.5rem;
        margin-right: 1.5 rem;
    }
}

@media screen and (min-width: 1024px) {
    .preview-class {
        left: 93%
    }
}

.blink_me {
    animation: blinker 2s linear infinite
}

@keyframes blinker {
    50% {
        opacity: 0
    }
}

.text-upper {
    text-transform: uppercase
}

.text-low {
    text-transform: lowercase
}

.overflow-auto {
    overflow: auto
}

.font-bold {
    font-weight: 700
}

.font-normal {
    font-weight: 400
}

.font-capital-letter {
    text-transform: capitalize
}

.cursor-pointer {
    cursor: pointer
}

.green {
    color: green
}

.orange {
    color: orange
}

.blue {
    color: blue
}

.red {
    color: red
}


/* footer */

/*
footer {
    color: #fff !important;
    font-size: 14px;
}
*/

.border-right {
    border-right: 1px solid #fff;
}

.border-btm {
    border-bottom: 1px solid #fff;
}

.footer-copyright {
    font-size: 12px !important;
}

.webtemple {
    text-align: right;
}


@media only screen and (max-width: 991px) {
    .border-right {
        border: 0 !important;
    }

    .footer-copyright,
    .webtemple {
        text-align: center;
    }

}



#back-to-top {
    position: fixed;
    bottom: 75px;
    right: 25px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #555;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    opacity: 0;
    transition: opacity 1s ease-out, background-color 1s ease;
}

#back-to-top:hover {
    background: #d3d3d3;
}

#back-to-top.show {
    opacity: 1;
}



/*for abbygail by wes*/

.white-text {
    color: #fff;
}

.blue-text {
    color: #062033;
}


h2,
h4,
h5,
h6 {
    font-weight: 400;
}

h1,
h3{
  font-weight: 400;
}

p {
    font-size: 18px;
}

.text-14 {
    font-size: 14px;
}

.text-16 {
    font-size: 16px;
}

.main-white-btn {
    background-color: #fff;
    color: #2c2c2c;
    border-radius: 0;
    font-size: 14px;
}

.main-white-btn:hover {
    background-color: #e5e5e5
}

.main-blue-btn {
    background-color: #071926;
    color: #fff;
    border-radius: 0;
    font-size: 14px;
}

.main-blue-btn:hover {
    background-color: #22475E;
    color: #fff;
}

.main-border-btn {
    border: 1px solid #071926;
    color: #071926;
    border-radius: 0;
    background-color: transparent;
    font-size: 14px;
}

.main-border-btn:hover {
    background-color: #071926;
    color: #fff;
}


/*parallax*/

/*
.parallax-section {
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    z-index: 1;
    position: relative;
}
*/

.parallax-bg {

    /* Full height */
    height: 100vh;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    z-index: 0;
}

.parallax-content {
    display: flex;
    margin-top: 40%;
    /*
    position:fixed;
    top: 40%;
    width: 40%;
*/
    z-index: 1;
}

.parallax-content-left {
    padding-left: 100px;
}

.parallax-section h1,
.parallax-section h4 {
    font-weight: 300;
}

@media screen and (max-width: 991px) {

  .parallax-content {
      margin-top: 20%;

  }


    .parallax-content-left {
        padding-left: 0px;
        text-align: center;
    }

    .parallax-bg {
        background-attachment: scroll;
    }
}

/*end of parallax*/

.text-height {
    min-height: 165px;
}


.product-text-wrapper {
    width: 50%;
    margin: 0 auto;
}

.contact-form {
    color: #fff;
}

.contact-form .contact-input {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    color: #fff;
}

.application-form .application-input {
    border: 0;
    border-bottom: 1px solid #d1d2d4;
    color: #000;
}

.application-form .input-border {
    border: 1px solid #d1d2d4;
    padding: 10px;
}

.application-form .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.application-form .inputfile + label {
    border: 1px solid #d1d2d4;
    padding: 5px 10px;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 0;
    transition: all 0.2s;
}

.application-form .inputfile + label {
    cursor: pointer;
    /* "hand" cursor */
}

.application-form .inputfile:focus + label,
.application-form .inputfile + label:hover {

    background-color: #062033;
    color: #fff;
    border: 1px solid #062033;
}

.application-form .inputfile:focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}


.application-form .inputfile + label * {
    pointer-events: none;
}

.about-us-content {
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.85);
    margin-top: 300px;
    margin-bottom: 300px;
}

.product-title{
    text-transform: uppercase;
    margin-bottom: 0;
}


.product-row-img{
  height: auto;
  max-height: 250px;
}

.related-product-container img{
    height: 250px;
}



@media screen and (max-width: 991px) {
    .text-height {
        min-height: unset;
    }


    .product-text-wrapper {
        width: 90%;
    }


    .about-us-content {
        margin-top: 100px;
        margin-bottom: 100px;
    }

}

/*end of abbygail*/

/* clone by j for abbygail*/
.description-text {
    font-size: 16px;
    color: #231f20;
    /*  padding: 20px;*/
    line-height: 30px;
    margin-bottom: 30px;
}


.accordion .col-12.mb-4 > div .title-collapse {
    color: #062033;
    font-size: 20px;
    padding-bottom: 10px;
/*    border-bottom: 1px solid #e6e7e8;*/
}

.accordion .col-12.mb-4 > div.collapsed .title-collapse {
    color: #062033;
    font-size: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e7e8;
}



.accordion .col-12.mb-4 > div .title-collapse-content {
    color: #062033;
    font-size: 20px;
    border-bottom: 1px solid #e6e7e8;
    padding: 10px 0px;
    /*
border-radius: 5px;
background-color: #F03F3A;
*/
}

.accordion .col-12.mb-4 > div.collapsed .title-collapse-content {

    color: #062033;
    font-size: 20px;
    border-bottom: 1px solid #e6e7e8;
    padding: 10px 0px;
    /*
border-radius: 5px;
background-color: #126F9D;
*/
}
/* clone by j for abbygail*/

.inner-banner-title {
    margin-top: 350px;
    margin-bottom: 350px;
}

@media screen and (max-width: 991px) {

.inner-banner-title {
    margin-top: 100px;
    margin-bottom: 550px;
}

}


@media screen and (max-width: 810px) {

.inner-banner-title {
  margin-top: 65px;
  margin-bottom: 480px;
}

}


@media screen and (max-width: 680px) {

.inner-banner-title {
  margin-top: 35px;
  margin-bottom: 350px;
}

.inner-banner-title h1{
  font-size: 30px;
}

}



@media screen and (max-width: 508px) {

.inner-banner-title {
  margin-top: 65px;
  margin-bottom: 260px;
}

}

@media screen and (max-width: 400px) {

.inner-banner-title {
  margin-top: 25px;
  margin-bottom: 185px;
}

}


.desktop-contact-fixed {
    position: fixed;
    top: 45%;
    right: 0;
}

.desktop-contact-fixed ul{
    list-style-type: none;
    padding: 0;
}

.desktop-contact-fixed ul li{
    margin-bottom: 10px;
}

.desktop-contact-fixed ul li a{
    display: flex;
    height: 40px;
    width: 40px;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    background-color: #fff;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
    transition: 0.15s;
}

.desktop-contact-fixed ul li a:hover{
    background-color: #22475E;
    color: #fff;
}


.mobile-contact-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}

.mobile-contact-fixed ul{
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.mobile-contact-fixed ul li{
    flex-grow: 1;
}


.mobile-contact-fixed ul li a{
    display: block;
    font-size: 24px;
    height: 55px;
    padding: 10px;
    background-color: #fff;
    transition: 0.15s;
    text-align: center;
/*
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
*/
}

.mobile-contact-fixed ul li:first-child a{
    font-size: 18px;
}

.mobile-contact-fixed ul li a:hover{
    background-color: #22475E;
    color: #fff;
/*    border-color: #22475e*/
}

.whatsapp-bg{
    background-color: #25D366 !important;
    color: #fff !important; 
}

.whatsapp-bg:hover{
   background-color: #22475E !important;
    color: #fff;
/*    border-color: #22475e*/
}

.call-bg{
    background-color: red !important;
    color: #fff;
}

.call-bg:hover{
    background-color: #22475E !important;
    color: #fff;
/*    border-color: #22475e*/
}