/*
color-1: #849b44
color-2: #7aabac
color-3: #7aabac
*/
body {
    font-size:1rem;
}
@media screen and (min-width: 1280px) {
    html {
        font-size:20px;
    }
}
.hero h1, .hero h2, .hero h3, .hero h4, .hero h5, .hero h6,
h1, h2, h3, h4, h5, h6 {
    color:#7aabac;

}
.hero h1 {
    color:#555;
    font-weight:bold;
    text-shadow: 4px 3px 0px #fff; 
}
h3.btn:hover a {
    text-decoration:none;
}
h1, .h1 {
    font-size:2rem;
    margin-top:2rem !important;
}
.overlay-light.hero-fullscreen .image-overlay {
    background: rgba(255, 255, 255, 0.6);
}
.frontpage-hero h2 {
    color:#fff;
    font-weight:bold;
    font-size:2.5rem;
    text-shadow: 3px 3px #849b44;
    
    transform: scaley(1.2);
}
@media only screen and (max-width:480px) {
    .frontpage-hero h2 {
        font-size:2.5rem;
    }
}
h4 {
    font-size:1.4rem;
}
h4 a, h4 a:visited {
    color:#849b44;
    
}
h4 a:hover {
    color:#7aabac;
}
.frontpage-hero h3 {
    color:#849b44;
}

hr {
    border-color:#849b44;
    color:#0f0;
    border-bottom:none;
}
a:visited,
a {
    color:#7aabac;
}
a:hover,
a:focus {
    color:#849b44;
}
ul {
    list-style-type:none;
}
#sidebar ul {
    font-size:1rem;
}
#item {
    font-size:1rem;
    padding-top:4rem;
}
body.header-fixed.header-animated #header.scrolled {
    height:3rem;
    padding-top:0.3rem;
}
#header .logo img {
    height:60px;
    min-height:50px;
}
#header .dropmenu ul li a {
  color: #849b44;
}

.dropmenu ul li a.active, 
.dropmenu ul li a:focus, 
.dropmenu ul li a:hover {
  color: #7aabac !important;
}
.pelates-unik {
    background-color:#849b44;
    padding:0;
    padding-top:2rem;
}
#header .dropmenu > ul > li:last-child {
    background:#849b44;
    border-radius: 0.2rem;
}
#header .dropmenu > ul > li:last-child:hover {
    background:#7aabac;
}
#header .dropmenu > ul > li:last-child a, #header .dropmenu > ul > li:last-child a:visited, #header .dropmenu > ul > li:last-child a:hover {
    color:#fff !important;
}
#blog-hero {
    background-size:100%;
    background-repeat:no-repeat;
}
#blog-hero.frontpage-hero {
    background-size:auto;
}
#blog-hero img {
    max-width:70%;
}
.hero.hero-large { min-height: 600px; }

@media (max-width:900px) {
    .hero.hero-large { min-height: 400px; }
}
@media (max-width:720px) {
    #blog-hero h1 {
        font-size:1.8rem;
    }
}
@media (max-width:580px) {
    #blog-hero h1 {
        font-size:1.4rem;
        margin-top:0 !important;
    }
    .hero.hero-large { 
        min-height: 250px; 
        padding-bottom:1rem;
        
    }
}
#body-wrapper .pelates-content {
    padding:0;
    margin-right:4rem;
}
#body-wrapper .pelates-content a, #body-wrapper .pelates-content a:visited {
    color:#fff;
    transition: all 0.1s linear;
}
#body-wrapper .pelates-content a:hover {
    color:#7aabac;
    text-decoration:none;
}
.pelates-content h3 {
    text-align:center;
}
.pelates-images {
    text-align:center;
}
.pelates-images div {
    max-width:15%;
    margin:2%;
    display:inline-block;
}
.pelates-images div img {
    width:100%;
    filter: saturate(70%);
}
.pelates-images div img:hover {
    max-width:97%;
    filter: saturate(100%);
    transition: all 0.2s ease-out;
}
.kk-portfolio .card {
    max-width:46%;
    display:inline-block;
    margin:1%;
}
.kk-portfolio .card .card-image {
    overflow:visible;
}
.kk-portfolio .card img {
    overflow:visible;
}
@media only screen and (min-width: 768px) {
    .kk-portfolio .card {
        max-width:16%;
    }  
}
@media only screen and (max-width: 480px) {
    .kk-portfolio .card {
        max-width:100%;
    }  
}
.kk-portfolio .card-body {
    display:none;
}
#body-wrapper .mod-gmap .container,
#body-wrapper .mod-gmap .container.grid-xl {
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
}
.mod-gmap {
    padding:0;
}
#body-wrapper .mod-gmap #to-start {
    display:none;
}
.form-input, .search-input, [data-grav-field="array"] input, [data-grav-field="array"] textarea {
    border-radius: 0.2rem;
}
.form-input:focus, .search-input:focus, [data-grav-field="array"] input:focus, [data-grav-field="array"] textarea:focus {
    border-color:#849b44;
    box-shadow: 0 0 0 0.1rem rgba(47, 184, 167, 0.2);
}
.btn, .button {
   border-color:#7aabac; 
   color:#7aabac; 
   font-weight:bold;
   border-radius: 0.2rem;
}
.btn:focus, .button:focus, .btn:hover, .button:hover {
    background-color:#fff;
    border-color:#849b44; 
}
.no-start #to-start {
    display:none;
}
.no-start h1 {
    font-size:2.5rem;
}
.about-certs img {
    max-width:100px;
}
.about-certs img:hover {
    cursor:zoom-in;
}
.about-certs h3 {

}
.about-certs h5 {

    margin-top:0.3rem;
}
.frontpage-top-content {
    border-bottom:#849b44 1px solid ;
}
.frontpage-top-content .invert {
    margin: 0 3rem;
    padding-top:1rem;
    padding-bottom:2rem;
    transition:all 0.2s linear;
}
.frontpage-top-content i.fa {
    font-size:5rem;
    transition:all 0.2s linear;
    color:#7aabac;
    
}

.frontpage-top-content label {
    font-size:1.7rem;
    color:#7aabac;
    transition:all 0.2s linear;
}
.frontpage-top-content span {
    font-size:1.2rem;
    color:#849b44;
    transition:all 0.2s linear;
}
.frontpage-top-content .invert:hover {
    background-color:#7aabac;
}
.frontpage-top-content .invert:hover i.fa, .frontpage-top-content .invert:hover label, .frontpage-top-content .invert:hover span {
    color:#fff;
    
}
#footer {
    padding-bottom:1.2rem;
}
#footer .columns {
    justify-content:center;
    align-items: center;
}
.footer-1 {
    flex:1;
}
.footer-1 img {
    max-width:70%;
}
.footer-2 {
    text-align:left;
    padding-left:2rem;
    flex:1;
}
.footer-2 ul {
    list-style-type: none;
}
.footer-3 {
    padding-left:2rem;
    text-align:left;
    flex:1;
}

.footer-bottom {
    background-color:#E9ECF2;
}
.footer-bottom p {
    text-align:center;
    margin-top:1rem;
}
@media (max-width: 600px) {
    .footer-2 {
        padding-left:0;
    }
    .footer-2 ul {
        margin-left:0;
    }
    .footer-3 {
        padding-left:0;
    }
}
#toggle span {
    background-color:#849b44;
}
.modular-features h3 {
    z-index:100;
    font-weight:bold;
    color:#7aabac;
    color:#fff;
    font-size:2rem;
    text-shadow: 2px 2px #849b44;
    opacity:1 !important;
    font-size:1.5rem;
}
.social-module h3 {
    color:#849b44;
    text-shadow: 0.2rem 0.2rem #ccc;
    padding-top:0;
}
.social-module .frame-box {
    border-top:#849b44 1px solid;
}
.modular-features {
    text-align:center;
}
.modular-features p {
    text-align:left;
}
.modular-features a:hover h3, .modular-features a:hover {
    text-decoration:none; 

}
.modular-features .column {
    border:#fff 2px solid;
}
.modular-features .column a {

}
.modular-features .service-1 {
    background-image:url('/user/pages/01.frontpage/_q/alma-cleaning-services.jpg');
}
.modular-features .service-2 {
    background-image:url('/user/pages/01.frontpage/_q/alma-cleaning-services-2.jpg');
}
.modular-features .service-3 {
    background-image:url('/user/pages/01.frontpage/_q/alma-cleaning-services-3.jpg');
}
.modular-features .service-4 {
    background-image:url('/user/pages/01.frontpage/_q/alma_cleaning_services-yacht_cleaning.jpg');
}

.modular-features .feature-content, .modular-features a:hover .feature-content p {
    color:#7aabac;
    opacity:1;
    font-size:1.1rem;
}
.modular-features .feature-icon, .modular-features .feature-icon:hover {
    color:#7aabac;
}
.modular-features .icon-google a, .modular-features .icon-facebook a {
    display:block;
    width:30%;
    border:#ccc 1px solid;
    margin:auto;
    height:9rem;
    box-shadow: 0.6rem 0.6rem 0.05rem #ccc;
    transition:all 0.3s linear;
}
.modular-features .icon-google a {
    margin-left:1rem;
}
.modular-features .icon-facebook a {
    margin-right:1rem;
}
@media only screen and (max-width:840px) {
    .modular-features .icon-google a {
       margin-left:1rem;
       width:60%;
    }
    .modular-features .icon-facebook a {
       margin-right:1rem;
       width:60%;
    }   
}
@media only screen and (max-width:600px) {
    .modular-features .icon-google a {
       margin-left:auto;
       width:40%;
    }
    .modular-features .icon-facebook a {
       margin-right:auto;
       width:40%;
    }   
}
.modular-features .icon-google a:hover, .modular-features .icon-facebook a:hover {
    box-shadow: 0.3rem 0.3rem 0.05rem #ccc;
}
.social-module .feature-icon i {
    color:#849b44;
    transition:all 0.5s linear;
}
.social-module .feature-icon i, .social-module .feature-icon i:hover {
    margin-top:0.2rem;
    color:#849b44;
}
.social-module a:hover .fa-google {
    color:#52646B;
}
.social-module  a:hover .fa-facebook {
    color:#52646B;
}

.modular-features .icon-google h3, .modular-features .icon-facebook h3  {
    color:#7aabac;
    font-size:1.5rem;
    transition:all 0.5s linear;
    text-shadow: 2px 2px #eee;
    text-shadow:none;

}.modular-features .icon-google a:hover h3 {
    color:#333;
}
.modular-features .icon-facebook a:hover h3 {
    color:#333;
}

.module-social .container, .module-social .frame-box {
    padding-top:0;
}
.btn-phone {
        margin-left:auto;
    margin-right:auto;
    position:relative;
}
.btn-enquire {
    display:table;
    background-color:#7aabac;
    border-color:#7aabac;
    color:#fff;
    font-size:1.8rem;
    height:auto;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}
.btn-enquire i.fa {
    font-size:2rem;
    color:#fff;
}
.frontpage-top-unik {
    padding-top:0;
    padding-bottom:0;
}
.btn-phone {
    display:table;
    background-color:#7aabac;
    border-color:#7aabac;
    color:#fff;
    font-size:1.8rem;
    height:auto;
    margin:auto;
    width:16rem;
}
.btn-phone:hover {
    background-color:#7aabac;
    border-color:#7aabac;
}
.centered-conten {
    text-align:center;
}
.frontpage-top-content .btn-phone i.fa {
    font-size:1.8rem;
    color:#fff;
}
.frontpage-top-content .btn-phone span {
    color:#7aabac;
    color:#eaeaea;
    font-size:1.8rem;
}
.phone-container {
    padding-top:0 !important;
}
.frontpage-top-content .btn-phone a, .frontpage-top-content .btn-phone a:visited {
    color:#fff;
    text-decoration:none;
}
@media only screen and (max-width: 600px) {
    .btn-enquire {
        font-size:1.3rem;
    }
}

.btn-enquire:hover {
    background-color:#7aabac;
    border-color:#7aabac;
}
.btn-enquire i {
    font-size:1.8rem;
}
.btn-enquire a, .btn-enquire a:hover,.btn-enquire a:visited   {
    color:#fff;
    text-decoration:none;
}
.half {
    width:49%;
    padding-right:2%;
    display:inline-block;
}
.mobile-container li {
    line-height:2rem;
}
.mobile-container li a, .mobile-container li a:visited {
    font-size:1.1rem;
    color:#fff !important;
    font-weight:bold;
}
.mobile-container li a:hover {
    color:#fff !important;
    text-decoration:underline;
}
.mobile-container li a.active {
    color:#fff !important;
    text-decoration:underline;
}
.mobile-container .treemenu li {
    margin-top:0.2rem;
    margin-bottom:0.4rem;
    background-color:#849b44;
    border-radius:7px;
}
.mobile-container .tree-opened li:after {
    content:"";
    background:#7aabac;
    height:1px;
    width:83%;
    position:absolute;
}
.mobile-container .tree-empty span {
    color:transparent;
}
.mobile-container .treemenu .treemenu span {
    display:none;
}
.mobile-container li span.toggler {
    font-size:3rem;
   padding-right:0.4rem;
    padding-top:0.3rem;
    color:#fff;
    content:"S";
}

.treemenu li.tree-empty > .toggler::before {
    content:"+";
    color:#849b44;
}
/*
color-1: #849b44
color-2: #7aabac
*/

.mobile-container .overlay {
    background:#fff;
}
.overlay.open {
    opacity:1;
}
.overlay-menu {
    background-color:#7aabac;
}

.body-services .card {
    display:flex;
    flex-direction:row;
    max-height:200px;
    overflow:hidden;
}
.body-services .card-image {
    min-width:200px;
    max-width:200px;
}
.body-services .card-header:last-child,
.body-services .card-body:last-child {
    padding-bottom:0;
}
@media (max-width:800px) {
    .body-services .card-body {
        display:none;
    }
    .body-services #item {
        padding-top:0;
    }
    .body-services .card-image {
        max-width:150px;
        min-width:150px;
    }
    #blog-hero {
        background-size:148%;
    }
    .blog-listing h3 {
        margin-top:0;
    }
    .blog-listing #item {
        padding-top:1rem;
    }
    .blog-listing #sidebar {
        border-bottom:1px solid #7aabac;
    }
}
.body-services .card p {
    margin-bottom:0.6rem;
}
.flex {
    display:flex;
    align-items : center;
    justify-content : center;
}
.portfolio {
    width:70%;
    margin-left:auto;
    margin-right:auto;
}
.portfolio-item {
    border: #ccc 1px solid;
    border-radius:15px;
    padding:1rem;
    margin-bottom:2rem;
}

.portfolio-image {
    flex:2;
    text-align:center;
}
.portfolio img {
    max-height:250px;
    width:auto;
}

.portfolio-text {
    border-left:#ccc 1px solid;
    margin-left:1rem;
    flex:3;
}
@media (max-width:980px) {
    .portfolio-text {
        display:none;
    }
}
.portfolio-item h3 {
    margin:auto;
    line-height : 200px;
    text-align:center;
}
.fp-services {
    padding-left:3rem;
    padding-right:3rem;
}
.fp-services .column {
    display:flex;
    background:#fff;
    transition:all 0.5s linear;
}
.fp-services .column:hover {
    background:#fbfbfb;
}
.fp-services .fps-image {
    flex:1;
}
.fp-services .fps-text {
    flex:1;
    padding-right:1rem;
}
.modular-features .fp-services .column {
    padding-top:0;
    padding-bottom:0;
    padding-right:0;
}
.fps-text h4,
.fps-text p {
    text-align:center !important;
}
@media (max-width: 600px) {
    .fp-services .column {
        display:block !important;
    }
}