/*



 * Main Stylesheet



 */



@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');



@import url('https://fonts.googleapis.com/css?family=Fjalla+One');



@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@300;400;500;600;700;800;900&display=swap');



@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');



@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800&display=swap');



@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700;900&display=swap');



@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');



/*



font-family: 'Bebas Neue', cursive;



font-family: 'Oswald', sans-serif;



font-family: 'Roboto', sans-serif;



font-family: 'Raleway', sans-serif;



font-family: 'Poppins', sans-serif;



font-family: 'Bitter', serif;



font-family: 'Montserrat', sans-serif;



*/







body {
    overflow-x: hidden;
    /*font-family: 'Poppins', sans-serif;*/
    font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
    background-color: #f0f0ff !important;
    font-size: 18px;
}



p {



    line-height: 1.75;



}



a {



    color: #13795B;



}



a:hover {



    color: #13795B;



}



.text-primary {



    color: #77c043 !important;



}



h1,



h2,



h3,



h4,



h5,



h6 {



    font-weight: bold;



    font-family: 'BenchNine', sans-serif;



    color: #77c043;



    margin: 25px 0 25px 0;



}



section {



    padding: 40px 0;



}



section h2.section-heading {



    font-size: 40px;



    margin-top: 0;



    margin-bottom: 15px;



}



section h3.section-subheading {



    line-height: 1.75;



    font-size: 18px;



    font-weight: 400;



    margin-bottom: 75px;



    text-transform: none;



    font-family: 'Open Sans', Helvetica, Arial, sans-serif;



    color: #ffffff;



}



@media (max-width: 767px) {



    .btn-hero { font-size: 24px; }



}



@media (min-width: 768px) {



    section {



        padding: 40px 0;



    }



}



.btn {



    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';



    font-weight: 700;



}



.btn-xl {



    font-size: 18px;



    padding: 20px 40px;



}



.btn-primary {



    background-color: #77c043;



    border-color: #77c043;



}



.btn-primary:active, .btn-primary:focus, .btn-primary:hover {



    background-color: #C0C0C0 !important;



    border-color: #C0C0C0 !important;



    color: white;



}



.btn-hero {



    background: #1aa179;



    font-family: Roboto;



    font-size: 22px;



    position: relative;



    color: white;



    text-shadow: 1px 1px 4px black;



    border: 0px;



    height: 40px;



    -webkit-border-radius: 4px;



    border-radius: 4px;



    padding: 13px 50px 15px;



    height: 60px;



    display: inline-block;



    margin-bottom: 2px;



    -webkit-transition: background 1s;



    transition: background 1s;



    outline: none !important;



    margin-top: 15px;



}



.btn-hero:focus,



.btn-hero:hover {



    background: #20c997;



    color: white;



    text-decoration: none;



    outline: none !important;



}



.btn-contact {



    background: #1aa179;



    font-family: 'Roboto';



    position: relative;



    color: white;



    font-size: 22px;



    text-shadow: 1px 1px 4px black;



    border: 0px solid #ffffff;



    -webkit-border-radius: 4px;



    border-radius: 4px;



    padding: 5px 50px;



    height: 51px;



    display: inline-block;



    margin-bottom: 2px;



    transition:background 1s;



    outline: none !important;



}



.btn-contact:focus,



.btn-contact:hover {



    background: #1aa179;



    color: white;



    text-decoration: none;



    cursor: pointer;



    outline: none !important;



}



.btn-contact.diff-bttn {



    background: #1aa179 !important;



}



.btn-contact.diff-bttn:focus,



.btn-contact.diff-bttn:hover {



    background: #1aa179;



}



::-moz-selection {



    background: #DCDCDC;



    text-shadow: none;



}



::selection {



    background: #DCDCDC;



    text-shadow: none;



}



img::-moz-selection {



    background: transparent;



}



img::selection {



    background: transparent;



}



img::-moz-selection {



    background: transparent;



}



.logo-desktop {	



	width: 325px;



	height: 73px;		



}



.logo-mobile {



	width: 225px;



	height: 50px;	



}



/* hide mobile version by default */



@media only screen and (min-width: 768px) {



    .logo .logo-mobile {



        display: none;



    }



    .logo .logo-desktop {



        display: block;



    }



}







/* when screen is less than 768px wide



   show mobile version and hide desktop */



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



    .logo .logo-mobile {



        display: block;



    }



    .logo .logo-desktop {



        display: none;



    }



}



#mainNav {



    background-color: #fff;



}



#mainNav .navbar-toggler {



    font-size: 12px;



    right: 0;



    padding: 13px;



    text-transform: uppercase;



    color: white;



    border: 0;



    background-color: #0E4E6A;



    outline: none !important;



    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';



}



#mainNav .navbar-brand {



    color: #77c043;



    font-family: 'Kaushan Script', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';



}



#mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {



    color: #83C554;



}



#mainNav .navbar-nav .nav-item .nav-link {



    font-size: 20px;



    font-weight: 400;



    padding: 0.75em 0;



    letter-spacing: 0;



    color: #333;



    font-family: 'Oswald', sans-serif;    



}



textarea.form-control {



    height: 110px !important;



}







/*#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {



    color: #0e4e6a;



}*/



#mainNav {



        background-color: #fff !important;



        border-bottom: solid 2px #e1e1db !important;



    }



@media (min-width: 992px) {



    #mainNav {



        padding-top: 0;



        padding-bottom: 0;



        -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;



        transition: padding-top 0.3s, padding-bottom 0.3s;



        border: none;



        background-color: #fff;



    }







    #mainNav .navbar-brand {



        font-size: 1.75em;



        -webkit-transition: all 0.3s;



        transition: all 0.3s;



    }



    #mainNav .navbar-nav .nav-item .nav-link {
        padding: 1.1em 14px !important;
    }
    #mainNav.navbar-shrink {
        padding-top: 0;
        padding-bottom: 0;
        background-color: #fff;
        -webkit-box-shadow: 0 0 5px rgba(14, 78, 106, .2);
        box-shadow: 0 0 5px rgba(14, 78, 106, .2);
    }



    #mainNav.navbar-shrink .navbar-brand {



        font-size: 1.25em;



    }



    }



}



.hero-top{



    width: 100%;



    height: auto;



    top: auto;



    position: relative;



}



.hero-top:before{



    width: 100%;



    height: 100%;



    position: absolute;



    content: "";



    background-color: rgba(0, 0, 0, 0);



    top: 0;



    left: 0;



}



.hero-top img{



    width: 100%;



    height: auto;



}



header.masthead {



    height: auto; 	



    text-align: left;



    color: white;



    background: transparent;



    padding-top: 128px;



    position: relative;



    /*background: url(../img/hero-top2.jpg) no-repeat top center;



    background-position: center 125px;



    background-size: cover;



    position: relative;*/



}



header.masthead > img{



    height: 420px;   



    width: 100%;



    object-fit: cover;



}



header.masthead:before {



    position: absolute;



    width: 100%;



    height: 100%;



    content: "";



    top: 0;



    left: 0;



    /*background-color: rgba(247, 242, 229, .5);*/



}



header.masthead .intro-text {



    position: absolute;



    top: 53%;



    -webkit-transform: translateY(-50%);



    transform: translateY(-50%);



    max-width: 350px;



    padding: 25px;



    background-color: rgba(50, 50, 50, .8);



    -webkit-border-radius: 5px;



    border-radius: 5px;



}



header.masthead .intro-text-home {



    padding: 50px 0;



    -webkit-border-radius: 5px;



    border-radius: 5px;



}



.intro-text-2{



    text-align: center;



    padding: 145px 0 40px 0;



    background-color: #fff;



}



.intro-text-2 h2{



    color: #0e4e6a;



    font-family: 'Montserrat', sans-serif;



    font-size: 35px;



    line-height: 1.5;



    margin-bottom: 18px;



}



.intro-text-2 h1{



    color: #fff;



    font-family: 'Bitter', cursive;



    font-size: 50px;



    line-height: 1.5;



    font-weight: 700;



    background: #0e4e6a;



    display: inline-block;



    padding: 2px 25px 5px 25px;



    margin-top: 0;



}







/*.intro-text-2 h2 span{



    background-color: #DC3545;



    color: #fff;



    padding: 0 10px;



}*/

.top-banner{
    
    padding-bottom: 40px;
}
.top-banner-inner{
    background-color: #0B3D53;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    padding: 20px 20px 5px;
}



.intro-text-2 h2 span.st{



    background-color: #DC3545;



    color: #fff;



    padding: 0px 8px 3px 8px;



}



.intro-lead-in {



    font-size: 28px;



    line-height: 35px;



    font-family: 'Oswald', serif !important;



    color: #fff;



    text-shadow: none;



    font-weight: normal;



    text-align: left;



    margin: 0 0 15px;



}



header.masthead .intro-text-home h1 {



    font-size: 48px;



    line-height: 60px;



    font-family: 'Bitter', serif !important;



    color: #1e1413;



    text-shadow: none;



    font-weight: normal;



    text-align: left;



    margin: 0 0 20px;



    /*text-shadow: 0 0 5px #000;*/



    font-weight: 800;



}



header.masthead .intro-text-home h2 {



    font-size: 30px;



    line-height: 40px;



    font-family: 'Poppins', serif !important;



    color: #1e1413;



    font-weight: normal;



    text-align: left;



}



header.masthead .intro-text-home h3 {



    color: #1e1413;



    font-weight: normal;



    text-align: left;



    margin-bottom: 12px;



    font-family: 'Raleway', sans-serif;



    font-size: 28px;



    line-height: 40px;



    font-weight: bold;



}



header.masthead .intro-text-home h1 a{



    color: #fff;



    text-decoration: none;



}



header.masthead .intro-text-home a.cnt-bttn{



    background: #1aa179;



    font-family: 'Roboto';



    position: relative;



    color: white;



    font-size: 25px;



    /*text-shadow: 1px 1px 4px black;*/



    border: 0px solid #ffffff;



    -webkit-border-radius: 4px;



    border-radius: 4px;



    padding: 8px 30px 5px 30px;



    height: 55px;



    display: inline-block;



    margin-bottom: 2px;



    transition: background 1s;



    outline: none !important;



    width: 100%;



    max-width: 230px;



    text-align: center;



    font-weight: 600;



}



header.masthead .intro-text-home a.cnt-bttn:focus,



header.masthead .intro-text-home a.cnt-bttn:hover {



    background: #20c997;



    color: white;



    text-decoration: none;



    cursor: pointer;



    outline: none !important;



}



.intro-text-2 a.cnt-bttn{



    background: #1aa179;



    font-family: 'Raleway';



    position: relative;



    color: white;



    font-size: 24px;



    /*text-shadow: 1px 1px 4px black;*/



    border: 0px solid #ffffff;



    -webkit-border-radius: 4px;



    border-radius: 4px;



    padding: 8px 30px 5px 30px;



    height: 53px;



    display: inline-block;



    margin-bottom: 2px;



    transition: background 1s;



    outline: none !important;



    width: 100%;



    max-width: 235px;



    text-align: center;



    font-weight: 600;



}



.intro-text-2 a.cnt-bttn:focus,



.intro-text-2 a.cnt-bttn:hover {



    background: #0E4E6A;



    color: white;



    text-decoration: none;



    cursor: pointer;



    outline: none !important;



}



.top-bn-pic{



    margin: 20px 0 0;



    text-align: center;



    border: solid 0px #86a6b4;



}



.top-bn-pic img{



    width: 250px;



    height: 250px;



    border: 0 none;



    -webkit-border-radius: 50%;



    border-radius: 50%;



    padding: 10px;



}



.top-bn-pic i{



    font-size: 200px;



}



.intro-text p{



    font-family: 'Poppins', sans-serif;



}



.intro-text input[type="tel"],



.intro-text input[type="text"],



.intro-text input[type="email"]{



    font-family: 'Poppins', sans-serif;



    color: #6f3421;



    padding: 10px 18px;



    height: 50px;



    width: 100%;



    max-width: 300px;



}



header.masthead .intro-text .intro-heading {



    font-size: 50px;



    font-weight: 700;



    line-height: 50px;



    margin-bottom: 25px;



    font-family: 'Fjalla One', sans-serif;



}



#thank-you{



    height: calc(100vh - 50px);



}



@media (max-width: 992px) {



    .phone-number {



        height: 10px;



    }



    .fixed-top {



        top:10px !important



    }



    header.masthead .intro-text {



        padding-top: 225px;



        padding-bottom: 50px;



    }



}



@media (max-width: 768px) {



    header.masthead .intro-text {



        padding-top: 175px;



        padding-bottom: 50px;



    }



    header.masthead .intro-text .btn-hero {



        font-size: 28px;



    }



}



@media (min-width: 768px) {



    header.masthead .intro-text .intro-lead-in {



        font-size: 45px;



        line-height: 60px;



        color: #fff;



        letter-spacing: 0px;



    }



}



.service-heading {



    margin: 15px 0;



    text-transform: none;



}



#portfolio .portfolio-item {



    right: 0;



    margin: 0 0 15px;



}



#portfolio .portfolio-item .portfolio-link {



    position: relative;



    display: block;



    max-width: 400px;



    margin: 0 auto;



    cursor: pointer;



}



#portfolio .portfolio-item .portfolio-link .portfolio-hover {



    position: absolute;



    width: 100%;



    height: 100%;



    -webkit-transition: all ease 0.5s;



    transition: all ease 0.5s;



    opacity: 0;



    background: rgba(254, 209, 54, 0.9);



}



#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {



    opacity: 1;



}



#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {



    font-size: 20px;



    position: absolute;



    top: 50%;



    width: 100%;



    height: 20px;



    margin-top: -12px;



    text-align: center;



    color: white;



}



#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {



    margin-top: -12px;



}



#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,



#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {



    margin: 0;



}



#portfolio .portfolio-item .portfolio-caption {



    max-width: 400px;



    margin: 0 auto;



    padding: 25px;



    text-align: center;



    background-color: #fff;



}



#portfolio .portfolio-item .portfolio-caption h4 {



    margin: 0;



    text-transform: none;



}



#portfolio .portfolio-item .portfolio-caption p {



    font-size: 16px;



    font-style: italic;



    margin: 0;



    font-family: 'Open Sans', Helvetica, Arial, sans-serif;



}



#portfolio * {



    z-index: 2;



}
.carousel-inner .carousel-item > img{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

}


@media (min-width: 767px) {



    #portfolio .portfolio-item {



        margin: 0 0 30px;



    }



}



.portfolio-modal {



    padding-right: 0px !important;



}



.portfolio-modal .modal-dialog {



    margin: 1rem;



    max-width: 100vw;



}



.portfolio-modal .modal-content {



    padding: 100px 0;



    text-align: center;



}



.portfolio-modal .modal-content h2 {



    font-size: 3em;



    margin-bottom: 15px;



}



.portfolio-modal .modal-content p {



    margin-bottom: 30px;



}



.portfolio-modal .modal-content p.item-intro {



    font-size: 16px;



    font-style: italic;



    margin: 20px 0 30px;



}



.portfolio-modal .modal-content ul.list-inline {



    margin-top: 0;



    margin-bottom: 30px;



}



.portfolio-modal .modal-content img {



    margin-bottom: 30px;



}



.portfolio-modal .modal-content button {



    cursor: pointer;



}



.portfolio-modal .close-modal {



    position: absolute;



    top: 25px;



    right: 25px;



    width: 75px;



    height: 75px;



    cursor: pointer;



    background-color: transparent;



}



.portfolio-modal .close-modal:hover {



    opacity: 0.3;



}



.portfolio-modal .close-modal .lr {



    z-index: 1051;



    width: 1px;



    height: 75px;



    margin-left: 35px;



    -webkit-transform: rotate(45deg);



    transform: rotate(45deg);



    background-color: #323232;



}



.portfolio-modal .close-modal .lr .rl {



    /* Safari and Chrome */



    z-index: 1052;



    width: 1px;



    height: 75px;



    /* IE 9 */



    -webkit-transform: rotate(90deg);



    transform: rotate(90deg);



    background-color: #323232;



}



.timeline {



    position: relative;



    padding: 0;



    list-style: none;



}



.timeline:before {



    position: absolute;



    top: 0;



    bottom: 0;



    left: 40px;



    width: 2px;



    margin-left: -1.5px;



    content: '';



    background-color: #e9ecef;



}



.timeline > li {



    position: relative;



    min-height: 50px;



    margin-bottom: 50px;



}



.timeline > li:after, .timeline > li:before {



    display: table;



    content: ' ';



}



.timeline > li:after {



    clear: both;



}



.timeline > li .timeline-panel {



    position: relative;



    float: right;



    width: 100%;



    padding: 0 20px 0 100px;



    text-align: left;



}



.timeline > li .timeline-panel:before {



    right: auto;



    left: -15px;



    border-right-width: 15px;



    border-left-width: 0;



}



.timeline > li .timeline-panel:after {



    right: auto;



    left: -14px;



    border-right-width: 14px;



    border-left-width: 0;



}



.timeline > li .timeline-image {



    position: absolute;



    z-index: 100;



    left: 0;



    width: 80px;



    height: 80px;



    margin-left: 0;



    text-align: center;



    color: white;



    border: 7px solid #e9ecef;



    border-radius: 100%;



    background-color: #77c043;



}



.timeline > li .timeline-image h4 {



    font-size: 10px;



    line-height: 14px;



    margin-top: 12px;



}



.timeline > li.timeline-inverted > .timeline-panel {



    float: right;



    padding: 0 20px 0 100px;



    text-align: left;



}



.timeline > li.timeline-inverted > .timeline-panel:before {



    right: auto;



    left: -15px;



    border-right-width: 15px;



    border-left-width: 0;



}



.timeline > li.timeline-inverted > .timeline-panel:after {



    right: auto;



    left: -14px;



    border-right-width: 14px;



    border-left-width: 0;



}



.timeline > li:last-child {



    margin-bottom: 0;



}



.timeline .timeline-heading h4 {



    margin-top: 0;



    color: inherit;



}



.timeline .timeline-heading h4.subheading {



    text-transform: none;



}



.timeline .timeline-body > ul,



.timeline .timeline-body > p {



    margin-bottom: 0;



}



.leaf-3-top{



    text-align: center;



    margin-bottom: 20px;



}



.leaf-3-top img{



    max-width: 110px;



    height: auto;



}



.couple-thumb img{



    max-width: 100%;



    height: auto;



    padding: 0;



    background-color: transparent;



    -webkit-border-radius: 0;



    border-radius: 0;



}



@media (min-width: 768px) {



    .timeline:before {



        left: 50%;



    }



    .timeline > li {



        min-height: 100px;



        margin-bottom: 100px;



    }



    .timeline > li .timeline-panel {



        float: left;



        width: 41%;



        padding: 0 20px 20px 30px;



        text-align: right;



    }



    .timeline > li .timeline-image {



        left: 50%;



        width: 100px;



        height: 100px;



        margin-left: -50px;



    }







    .timeline > li .timeline-image h4 {



        font-size: 13px;



        line-height: 18px;



        margin-top: 16px;



    }



    .timeline > li.timeline-inverted > .timeline-panel {



        float: right;



        padding: 0 30px 20px 20px;



        text-align: left;



    }



}



@media (min-width: 992px) {



    .timeline > li {



        min-height: 150px;



    }



    .timeline > li .timeline-panel {



        padding: 0 20px 20px;



    }



    .timeline > li .timeline-image {



        width: 150px;



        height: 150px;



        margin-left: -75px;



    }



    .timeline > li .timeline-image h4 {



        font-size: 18px;



        line-height: 26px;



        margin-top: 30px;



    }



    .timeline > li.timeline-inverted > .timeline-panel {



        padding: 0 20px 20px;



    }



}



@media (min-width: 1200px) {



    .timeline > li {



        min-height: 170px;



    }



    .timeline > li .timeline-panel {



        padding: 0 20px 20px 100px;



    }



    .timeline > li .timeline-image {



        width: 170px;



        height: 170px;



        margin-left: -85px;



    }



    .timeline > li .timeline-image h4 {



        margin-top: 40px;



    }



    .timeline > li.timeline-inverted > .timeline-panel {



        padding: 0 100px 20px 20px;



    }



}



.team-member {



    margin-bottom: 50px;



    text-align: center;



}



.team-member img {



    width: 225px;



    height: 225px;



    border: 7px solid #fff;



}



.team-member h4 {



    margin-top: 25px;



    margin-bottom: 0;



    text-transform: none;



}



.contact-icon{



    text-align: center;



    margin: -40px 0 0;



}



.contact-icon img{



    max-width: 240px;



}



.team-member p {



    margin-top: 0;



}



section#contact {



    background-color: #0b3d53;



    background-repeat: no-repeat;



    background-position: center;



    color: #fff;



    font-family: 'Raleway', sans-serif;



}



section#contact .section-heading {



    color: #333;



}



section#contact .form-group {



    margin-bottom: 25px;



}



section#contact .form-group input,



section#contact .form-group textarea {



    padding: 15px;



}



section#contact .form-group input.form-control {



    font-family: 'Poppins', sans-serif;



    color: #6f3421;



    padding: 10px 18px;



    height: 50px;



    width: 100%;



}



section#contact .form-group textarea.form-control {



    height: 150px;



}



section#contact .form-control:focus {



    border-color: #77c043;



    -webkit-box-shadow: none;



    box-shadow: none;



}



section#contact ::-webkit-input-placeholder {



    font-family: 'Poppins', sans-serif;



    color: #6f3421;



}



section#contact :-moz-placeholder {



    font-family: 'Poppins', sans-serif;



    color: #6f3421;



}



section#contact ::-moz-placeholder {



    font-family: 'Poppins', sans-serif;



    color: #6f3421;



}



#contactForm{



    max-width: 580px;



}



section#contact :-ms-input-placeholder {



    font-family: 'Poppins', sans-serif;



    color: #6f3421;



}



section#before-footer { 



    background-color: #fff; 



    height: 150px; 



    padding: 0px 0px; 



}  



footer {



  padding: 5px 0;



  /*text-align: center;*/



  background-color: #fff;



  text-align: left;



  font-family: 'Poppins', sans-serif;



}



footer span.copyright {



  font-size: 90%;



  line-height: 40px;



  color: #0e4e6a;



  text-transform: none;



}



footer ul.quicklinks {



  font-size: 90%;



  line-height: 40px;



  margin-bottom: 0;



  text-transform: none;



  text-align: right;



}



footer ul.quicklinks .list-inline-item a{



    color: #fff;



}



footer ul.quicklinks .list-inline-item a:focus,



footer ul.quicklinks .list-inline-item a:hover{



    color: #6f3421;



}



ul.social-buttons {



    margin-bottom: 0;



}



ul.social-buttons li a {



    font-size: 20px;



    line-height: 50px;



    display: block;



    width: 50px;



    height: 50px;



    -webkit-transition: all 0.3s;



    transition: all 0.3s;



    color: white;



    border-radius: 100%;



    outline: none;



    background-color: #323232;



}



ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {



    background-color: #77c043;



}



.bform{



    background-color: #1e1413;



    padding: 35px;



    max-width: 580px;



}



/* MODIFICATIONS */



.fixed-top {



    position: fixed;



    top: 40px;



    right: 0;



    left: 0;



    z-index: 1030;



}



#phone-bar {



	position: fixed;



	height: 40px;



	line-height: 10px;



	width: 100%;



	background: #0b3d53;



	padding: 0 0 0 0;



	z-index: 1030;



}	



.phone-bar-span { 



    font-family: CoffeeService;	



}



.phone-number {



    text-align: right;



    color: #ffffff;



    height: 40px;



}



.phone-number p {



    margin: 0 20px 0 0;



    font-size: 30px;



    line-height: 1.5;



    font-family: 'Open Sans Condensed', sans-serif;



    font-weight: bold;



}



.phone-number a {



	color: #ffffff;



}



.phone-number ul {



	margin-bottom: 0;



}



.phone-number i {



	font-size: 30px;



}



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



    .phone-number {



    	text-align: center;



    	margin-right: 0;



    }



}



.intro-text-shadow {



    text-shadow: -1px 1px #000, -2px 2px #000, -3px 3px #000;



}



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



    .intro-text {



        text-align: center;



    }



    .intro-lead-in {



        margin-top: 35px; 



    }	



}



.top-title {



	text-align: center;



	color: #333;



	margin-top: 15px;



	margin-bottom: 35px;



    font-family: 'Raleway', sans-serif;



    font-size: 36px;



}



.contact-text-style {



	font-family: CoffeeService;



}







.contact-text-green {



	color: #77c043;



}



img.circle-logo {



    height: auto;



    width: 100%;



}



/* hide mobile version icons by default */







@media only screen and (min-width: 768px) {



    .mobile-only {



       display: none;



    }



    .desktop-only {



       display: block;



    }



}







/* when screen is less than 768px wide



   show mobile version icons and hide desktop icons */



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



    .mobile-only {



        display: block;



    }



    .desktop-only {



        display: none;



    }



    img.circle-logo {



        display: block;



        margin-left: auto;



        margin-right: auto;



        margin-bottom: 15px;



        width: 33%;



    }



}



.ellipses-clamp {



    overflow: hidden;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 3; /* number of lines to show */



    -webkit-box-orient: vertical;



}



.grey-box-rounded {



    padding: 30px;



    background: #F2F2F2;



    border-radius: 10px;



    margin-top: 30px;



    display: block;



}



.grey-box-rounded h4 {



  margin-top: 0;



}



.grey-box-rounded .read-more {



    font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;



    font-weight: bold;



    margin-top: 15px;



    margin-bottom: 0;



}



.row.testi-box .grey-box-home {



    padding: 0px 10px 15px 10px;



    background: #F2F2F2;



    border-radius: 10px;



    margin-top: 30px;



    display: block;



    overflow: hidden;



}



.grey-box-home h3 {



	padding-left: 15px;



	margin: 25px 0 0px 0;



}



.grey-box-home .more-info {



    margin-left: 15px !important;



    font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;



    font-weight: bold !important;



    margin-top: 15px;



}



.homedesc {



    padding: 15px 15px 0 15px;



    margin: 0px 0px 0px 0px;



}



.row.testi-box .grey-box {



    padding: 0px 10px 15px 10px;



    background: #F2F2F2;



    border-radius: 10px;



    margin-top: 30px;



    display: block;



    overflow: hidden;



}



.quote {



  font-weight: bold;



}



.initials {



    font-size: 16px;



    color: #77c043;



    font-weight: 100;



    font-family: 'Seans Other Hand' !important;



}



.bg-green {



    color: #FFF;



    background: #77C043;



}



.bg-green h1, .bg-green h2, .bg-green h3 {



    color: #FFF;



}



.font-green {



    color: #77c043;



    text-shadow: -1px 1px #000, -2px 2px #000, -3px 3px #000;



}



.testidesc {



    padding: 15px 15px 0 15px;



    margin: 0px 0px 0px 0px;



}



.testi-name {



    padding: 0px 0px 0px 15px;



    margin: 0px 0px 0px 0px;



}



.testimonials {



    margin-top: 50px;



}



.testimonials .col-md-12:not(:last-child) .grey-box {



    border-bottom: 1px solid #caccce;



    margin-bottom: 1rem;



}



#contact .text-left {



    text-align: left;



    padding-left: 0;



}



#our-service-guarantee li {



	padding-bottom: 20px;



}



.column-list-one ul {



    height: 225px;



    display: flex;



    flex-direction: column;



    flex-wrap: wrap;



}



.column-list-two ul {



    height: 110px;



    display: flex;



    flex-direction: column;



    flex-wrap: wrap;



}



.column-list-three ul {



    height: 155px;



    display: flex;



    flex-direction: column;



    flex-wrap: wrap;



}



.column-list-four ul {



    height: 130px;



    display: flex;



    flex-direction: column;



    flex-wrap: wrap;



}



.column-list-five ul {



    height: 370px;



    display: flex;



    flex-direction: column;



    flex-wrap: wrap;



}







/* when screen is less than 768px wide



   show 1 column lists */



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



    .column-list-one ul {



        height: auto;



        display: flex;



        flex-direction: column;



        flex-wrap: wrap;



    }



    .column-list-two ul {



        height: auto;



        display: flex;



        flex-direction: column;



        flex-wrap: wrap;



    }



    .column-list-three ul {



        height: auto;



        display: flex;



        flex-direction: column;



        flex-wrap: wrap;



    }



    .column-list-four ul {



        height: auto;



        display: flex;



        flex-direction: column;



        flex-wrap: wrap;



    }



    .column-list-five ul {



        height: auto;



        display: flex;



        flex-direction: column;



        flex-wrap: wrap;



    }



}



#myBtn {



    display: none !important; /* Hidden by default */



    position: fixed; /* Fixed/sticky position */



    bottom: 20px; /* Place the button at the bottom of the page */



    right: 30px; /* Place the button 30px from the right */



    z-index: 99; /* Make sure it does not overlap */



    border: none; /* Remove borders */



    outline: none; /* Remove outline */



    background-color: #77c043; /* Set a background color */



    color: white; /* Text color */



    cursor: pointer; /* Add a mouse pointer on hover */



    padding: 10px 18px 10px 18px; /* Some padding */



    border-radius: 5px; /* Rounded corners */



    font-size: 18px; /* Increase font size */



}



#myBtn:hover {



    background-color: #77c043;



}



.phone-no a, .phone-no a:link, .phone-no a:visited {



	font-weight: 500;



    color: #fff;



    text-align: right;



    margin: 15px 0 0;



    font-size: 24px;



    font-family: 'poppins', sans-serif;



    text-decoration: none;



}



.phone-no{



    font-weight: 500;



    color: #fff;



    text-align: right;



    margin: 15px 0 0;



    font-size: 24px;



    font-family: 'poppins', sans-serif;



}



.qs-icon{



    text-align: center;



    margin-top: 0;



    color: #1aa179;



}



.qs-icon img,



.qs-icon svg{



    width: 200px;



    height: 200px;



    color: #0e4e6a;



}



.qs-icon i{



    font-size: 200px;



    color: #601e09;



}



.question-list{



    /*font-family: 'Poppins', sans-serif;*/
    font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;


    font-weight: 400;



    color: #333;



}



.question-list h2{



    color: #0e4e6a;



    font-family: 'Raleway', sans-serif;



    font-weight: 600;



    font-size: 22px;



}



.question-list h3 {



    color: #0e4e6a;



    font-family: 'georgia', sans-serif;



    font-weight: 600;



    font-size: 28px;



}



.contact-form{



    font-family: 'Poppins', sans-serif;



}



.contact-form a{



    color: #28a745;



}



.contact-form h3{



    color: #86a6b4; 



    margin-top: 10px;



    font-size: 42px; 



    text-align: left;



    font-weight: 700;



    font-family: 'Raleway', sans-serif;



}



.bg-light { 



    background-color: #ededed !important; 



} 



.lg-font-style{



    font-family: 'Oswald', serif !important;



    font-size: 35px;



    font-weight: 500;



    color: #fff !important;



    margin-bottom: 0;



}



.lg-font-style a{



    color: #fff !important;



    text-decoration: none !important;



}



.lg-font-style .fas{



    color: #1aa179;



    font-size: 40px;



}



h4 .icofont-send-mail{



    color: #86a6b4;



    font-size: 55px;



    position: relative;



    top: 8px;



}



.page-section{



    padding: 50px 0 50px;



    font-family: 'Poppins', sans-serif;



    font-weight: 400;



    color: #616970;



}



.page-section h1{



    font-weight: bold;



    font-family: 'Raleway', sans-serif;



    color: #1e1413;



    margin: 0 0 40px;



    text-align: center;



    font-size: 36px;



}



.page-section h2{



    color: #601e09;



    font-family: 'Raleway', sans-serif;



    font-weight: 600;



    font-size: 25px;



}



.page-section h3{



    color: #601e09;



    font-family: 'Raleway', sans-serif;



    font-weight: 600;



    font-size: 22px;



}



.intro-lead-in a{



    color: #1aa179;



    text-decoration: none;



}



.logo img{



    max-width: 322px;



}



.about-content span{



    color: #0e4e6a;



    font-weight: 600;



}



.contact-form h4{



    color: #fff;



    margin: 0 0 15px;



    font-size: 25px;



    font-weight: 500;



    font-family: 'Oswald', serif !important;



}



.contact-form h4 .far{



    color: #1aa179;



    font-size: 30px;



    margin: 0 9px 0 0;



}



h4.a-title{



    font-family: 'poppins', sans-serif !important;



    color: #fff;



    font-size: 35px;



    font-weight: 600;



    margin: 20px 0 0;



    -webkit-transition: all .35s ease;



    -moz-transition: all .35s ease;



    -o-transition: all .35s ease;



    transition: all .35s ease;



}



.lg-font-style{



    -webkit-transition: all .35s ease;



    -moz-transition: all .35s ease;



    -o-transition: all .35s ease;



    transition: all .35s ease;



}



.font-on-hover:hover h4.a-title,



.font-on-hover:hover .lg-font-style{



    color: #e1e1db !important;



}



.contact-form-1{



    background-color: #0e4e6a;



    padding: 175px 0 55px;



    color: #fff;



    margin-top: 0px;



}



.contact-form-2{



    color: #fff;



}



.contact-form-1.home-form{



    background-color: #e1e1db;



    padding-bottom: 20px;



}



.contact-form-1.home-1-form{



    background-color: #f0ffff;



    padding-bottom: 20px;



}



.form-box-home{



    background-color: #0b3d53;



    -webkit-border-radius: 0;



    border-radius: 0;



    padding: 20px 25px 35px;



    max-width: 370px;



    color: #fff;



}



.contact-form-1 h3{



    color: #0e4e6a;



    font-family: 'Raleway', sans-serif;



    font-weight: 700;



    font-size: 30px;



    margin: 0 0 11px;



    background: #e1e1db;



    display: inline-block;



    padding: 4px 10px 4px 8px;



}



.form-box-home h3{



    color: #e1e1db;



    font-family: 'Raleway', sans-serif;



    font-weight: 700;



    font-size: 30px;



    margin: 0 0 11px;



    background: transparent;



    display: inline-block;



    padding: 4px 10px 4px 8px;



}



.contact-form-2 h3{



    color: #0e4e6a;



    font-family: 'Raleway', sans-serif;



    font-weight: 700;



    font-size: 30px;



    margin: 0 0 11px;



    background: #e1e1db;



    display: inline-block;



    padding: 4px 10px 4px 8px;



}



.contact-form-1 .form-control{



    border: 1px solid #ceceb7;



    padding: 10px 17px;



    height: auto;



    max-width: 300px;



    height: 50px;







}



.contact-form-2 .form-control{



    border: 1px solid #ceceb7;



    padding: 10px 17px;



    height: auto;



    max-width: 300px;



    height: 50px;







}



.contact-form-1 #contactForm {



    max-width: none;



}



.clr-1{



    color: #1aa179;



}



.free-consult a{



    background-color: #1aa179;



    display: inline-block;



    padding: 2px 12px 3px 12px;



    line-height: 28px;



    color: #fff;



    text-decoration: none;



}



.free-consult a:focus,



.free-consult a:hover{



    background-color: #1aa179;



    color: #fff;



    text-decoration: none;



}



.intro-text-2.diff-color{



    background-color: #e1e1db;



    color: #0e4e6a;



}



.intro-text-2.diff-color h2 {



    color: #0e4e6a;



    margin: 25px 0 45px;



}



.contact-form-1.fnt{



    padding-top: 50px;



}



.frm-right-pic img{



    width: 100%;



    height: auto;



}



.frm-right-pic{



    border: solid 5px #0e4e6a;



    -webkit-border-radius: 15px;



    border-radius: 15px;



    overflow: hidden;



}



.top-bn-pic.bc-pardon-page{



    margin: -8px 0 0;



}



.bc-pardon-page-content p{



    font-family: 'Raleway', sans-serif;



    font-weight: 500;



    font-size: 25px;



    line-height: 1.6;



}



.bc-pardon-page-content p span{



    font-family: 'poppins', sans-serif !important;



    background-color: #dc3545;



    padding: 0 8px;



}



.hero-right-1 img{



    width: 100%;



    height: auto;



    -webkit-border-radius: 15px;



    border-radius: 15px;



}



.contact-form-1.home-26-4 .form-control {



    max-width: 410px;



}



.form-box-home a.from-phone{



    background: #e1e1db;

    color: #0e4e6a;



    text-decoration: none;



    display: block;



    padding: 10px 32px;



    font-size: 25px;



    text-align: center;



    width: 100%;



    margin: 35px 0 15px;



    font-weight: 600;



}



.pardon-weiver-title{



    color: #0e4e6a;



    text-align: center;



    font-family: 'Montserrat', sans-serif;



    margin: 0 0 40px;



    font-size: 34px;



}



@media only screen and (min-width: 992px) and (max-width: 1199px) {



    .fixed-top {



        top: 40px !important;



    }



    .logo img {



        max-width: 270px;



    }



    .hero-top img {



        height: 400px;



        object-fit: cover;



    }



    header.masthead .intro-text-home h1 {



        font-size: 40px;



        line-height: 50px;



        text-align: left;



    }



    header.masthead {



        padding-top: 118px;



    }



    .intro-text-2{



        padding-top: 148px;



    }



    header.masthead .intro-text-home {



        text-align: left;



        width: auto;



        left: auto;



        right: auto;



        top: 60%;



    }



    .contact-icon img {



        max-width: 200px;



    }



    .intro-text-2 h2 {



        font-size: 30px;



    }



    .intro-text-2 h1 {



        font-size: 40px;



    }



    header.masthead > img {



        height: 300px;



    }



}



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



    .fixed-top {



        top: 40px !important;



    }



    .logo img {



        max-width: 270px;



    }



    .hero-top img {



        height: 400px;



        object-fit: cover;



    }



    header.masthead .intro-text-home h1 {



        font-size: 45px;



        line-height: 54px;



        text-align: center;



    }



    header.masthead {



        padding-top: 118px;



    }



    .intro-text-2{



        padding-top: 148px;



    }



    header.masthead .intro-text-home{



        text-align: center;



        width: 100%;



        left: 0;



        right: 0;



        top: 58%



    }



    header.masthead .intro-text-home a.cnt-bttn{



        padding: 9px 50px 5px 50px;



        height: 55px;



        font-size: 22px;



    }



    .contact-icon img {



        max-width: 150px;



    }



    .qs-icon img, 



    .qs-icon svg {



        width: 150px;



        height: 150px;



    }



    .qs-icon i {



        font-size: 150px;



    }



    .intro-text-2 h2 {



        font-size: 24px;



    }



    .intro-text-2 h1 {



        font-size: 32px;



    }



    header.masthead > img {



        height: 250px;



    }



}



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



    .fixed-top {



        top: 40px !important;



    }



    .couple-thumb{



        margin-bottom: 20px;



    }



    .phone-no{



        text-align: center;



    }



    .logo img {



        max-width: 250px;



    }



    .hero-top img {



        height: 400px;



        object-fit: cover;



    }



    header.masthead .intro-text-home h3 {



        font-size: 23px;



        line-height: 35px;



        text-align: center;



    }



    header.masthead .intro-text-home h2 {



        font-size: 20px;



        line-height: 27px;



        text-align: center;



    }



    header.masthead .intro-text-home h1 {



        font-size: 25px;



        line-height: 35px;



        text-align: center;



    }



    header.masthead {



        padding-top: 118px;



    }



    .intro-text-2{



        padding-top: 148px;



    }



    header.masthead .intro-text-home{



        text-align: center;



        width: 100%;



        left: 0;



        right: 0;



        top: 58%



    }



    header.masthead .intro-text-home a.cnt-bttn{



        padding: 9px 50px 5px 50px;



        height: 55px;



        font-size: 22px;



    }



    header.masthead .intro-text-home h2 br{



        display: none;



    }



    .qs-icon img, 



    .qs-icon svg {



        width: 115px;



        height: 115px;



    }



    .top-title{



        margin-bottom: 15px;



    }



    .contact-icon img {



        max-width: 150px;



    }



    .qs-icon i {



        font-size: 115px;



    }



    footer ul.quicklinks,



    footer{



        text-align: center;



    }



    .top-bn-pic img {



        width: 115px;



        height: 115px;



        border: solid 0 #1aa179;



        -webkit-border-radius: 0;



        border-radius: 0;



        padding: 0;



    }



    .top-bn-pic {



        margin: 0 auto 35px;



        text-align: center;



        display: block;



        max-width: 125px;



    }



    .contact-form-1 .form-control{



        max-width: none;



    }



    .intro-text-2 h2 {



        font-size: 22px;



    }



    .intro-text-2 h1 {



        font-size: 28px;



        line-height: 1.2;



    }



    header.masthead > img {



        height: 180px;



    }



    .contact-form-1 h3{



        font-size: 28px;



    }



    .form-box-home{



        padding: 30px;



    }



    .top-bn-pic.bc-pardon-page {



        margin: 0 0 35px;



    }



    .hero-right-1{



        margin-bottom: 30px;



    }



    .form-box-home{



        max-width: none;



    }



}