/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */

.service-section {
    height: inherit !important;
}

.service-section>.container {
    /*    padding: 0 !important;*/
}

.white {
    color: white !important;
}

.dark {
    color: black !important;
}

.service-1 {
    /*    background-color: rgb(153, 157, 160) !important;*/
    background-color: white !important;

}

.service-2 {
    background-color: rgb(72, 188, 172) !important;
}

.service-3 {
    /*    background-color: rgb(48, 151, 191) !important;*/
    background-color: white !important;
}

.service-4 {
    /*    background-color: rgb(48, 151, 191) !important;*/
    background-color: #00a859 !important
}

.thumb>img {
    margin: auto !important;
}

.tp-caption {
    font-family: 'Open Sans Condensed', sans-serif;
}

.menuzord-brand img {
    max-height: inherit;
}

.menuzord-menu>li>a {
    font-weight: 300 !important;
}

.header.header-floating.header-transparent-dark.dark-light .sticky-wrapper.is-sticky .header-nav.navbar-sticky {
    background-color: #fff;
}

.testimonial-container {
    /*    display: flex;*/
    /*    height: 700px;*/
    /*    width: 100%;*/
    margin: 100px auto;
}

.testimonial-container>.row {
    /*    overflow: hidden;*/
    /*    display: flex;*/
}

.testimonial-container>.row>div {
    /*    align-self: center;*/
}

.footer a:focus,
.footer a:hover,
.footer a:active {
    color: #00a859 !important;
}

.dark-header {
    background-color: black !important;
}

/* Extra Small */
@media(max-width:767px) {
    .caption-color {
        color: black;
    }

    .team-col:hover {
        cursor: pointer;
    }

    .maxwidth400 {
        max-width: inherit;
    }

    .team-info {
        height: auto !important;
    }
    .lego {
        background-size: contain !important;
        height: 200px !important;
    }
}

/* Small */
@media(min-width:768px) and (max-width:991px) {
    .caption-color {
        color: black;
    }

    .header.header-floating.header-transparent-dark.dark-light .header-top,
    .header.header-floating.header-transparent-dark.dark-light .header-mid,
    .header.header-floating.header-transparent-dark.dark-light .header-nav {
        background-color: black;
    }

    .header.header-floating.header-transparent-dark .sticky-wrapper:not(.is-sticky) .header-nav.navbar-sticky .menuzord-menu>li:not(.active):not(:hover)>a {
        color: black !important;
    }
    .lego {
        background-size: contain !important;
        height: 400px !important;
    }
}

/* Medium */
@media(min-width:992px) and (max-width:1199px) {
    .caption-color {
        color: black;
    }
    .lego {
        background-size: contain !important;
        height: 500px !important;
    }
}

/* Large */
@media(min-width:1200px) {
    .lego {
        background-size: contain !important;
        height: 600px !important;
    }
    .caption-color {
        color: black;
    }

    .team-col:hover {
        cursor: pointer;
        transition: transform .5s;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        background-color: white;
        padding: 0;
        transform: scale(1.05);
        transform-origin: 100% 0;
    }

    .header.header-floating.header-transparent-dark .sticky-wrapper:not(.is-sticky) .header-nav.navbar-sticky .menuzord-menu>li:not(.active):not(:hover)>a {
        color: white;
    }

    .header.header-floating.header-transparent-dark.dark-light .header-top,
    .header.header-floating.header-transparent-dark.dark-light .header-mid,
    .header.header-floating.header-transparent-dark.dark-light .header-nav {
        background-color: rgba(0, 0, 0, 0);
    }
}



.menuzord.default .menuzord-menu>li.active>a,
.menuzord.default .menuzord-menu>li:hover>a,
.menuzord.default .menuzord-menu ul.dropdown li:hover>a {
    color: black;
}



.menuzord.default .menuzord-menu>li.active>a,
.menuzord.default .menuzord-menu>li:hover>a,
.menuzord.default .menuzord-menu ul.dropdown li:hover>a {
    color: white !important;
}

.team-title {
    padding: 1px 0;
    background-color: #48bcac;
}

.team-info {
    background-color: white;
    /*height: 500px;*/
}

html {
    overflow-x: hidden;
}

.smz-font,
.tp-caption {
    font-family: 'Quicksand', sans-serif !important;
}

.feature-item {
    min-height: 218px !important;
}
@media(min-width:1600px) {
    .lego {
        background-size: cover !important;
        height: 750px !important;
        background-repeat: no-repeat;
    }
 }
.lego {
    background: url(../images/leg-o-leg.jpg);
    width: 100%;
    background-size: contain;
    height: 750px;
    background-repeat: no-repeat;
}