/* Add here all your CSS customizations */
.custom-bg-color-grey-2 {
    background-color: #FBB03B !important;
}
html .bg-color-tertiary, html .bg-tertiary {

     background-color: #052F83 !important;

 }
.no-spacing{
    letter-spacing: 0;
}
html .bg-color-secondary, html .bg-secondary {
    background-color: #052F83 !important;
}
.custom-bg-color-light-1 {
    background-color: rgba(255, 255, 255, .5) !important;
}
.ez-bg{
    background-image: url("../img/gro-1.jpg");
    background-position: center center;
    background-attachment: fixed;

}
.cat_1{
    background-image: url("../img/d1.jpeg");
    background-position: center;
    background-size: cover;
    height: 192px;
}
.cat_2{
    background-image: url("../img/d2.jpg");
    background-position: center;
    background-size: cover;
    height: 192px;

}
.cat_3{
    background-image: url("../img/d3.png");
    background-position: center;
    background-size: cover;
    height: 192px;

}
.cat_4{
    background-image: url("../img/d4.png");
    background-position: center;
    background-size: cover;
    height: 192px;

}
.cat_5{
    background-image: url("../img/d5.jpg");
    background-position: center;
    background-size: cover;
    height: 192px;

}
.cat_6{
    background-image: url("../img/d6.jpg");
    background-position: center;
    background-size: cover;
    height: 192px;

}
.body{
    background: transparent;
}

#footer a:not(.btn) {
    color: #ffffffe6;
    transition: all 0.1s ease-in-out;
}
#footer p {
    color: #ffffffe6;
    transition: all 0.1s ease-in-out;
}
.custom-section-curved-top-5 {
    position: absolute;
    top: -236px;
    left: 0;
    width: 100%;
}

















.grid {
    position: relative;
    margin: 0 auto;
    padding: 1em 0 4em;
    max-width: 1000px;
    list-style: none;
    text-align: center;
}

/* Common style */
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    min-width: 400px;
    max-width: 480px;
    max-height: 360px;
    width: 48%;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
    border-radius: .5rem;
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
}

.grid figure figcaption {
    padding: 2em;
    color: #333;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.grid figure h6 {
    font-weight: 400;
    text-transform: initial;
}

.grid figure h6 span {
    font-weight: 600;
}

.grid figure h6,
.grid figure p {
    margin: 0;
}

.grid figure div {
    letter-spacing: 8px;
    font-size: 68.5%;
}

/* Individual effects */


/*---------------*/
/***** Zoe *****/
/*---------------*/

figure.effect-zoe figcaption {
    top: auto;
    bottom: 0;
    padding: 1em;
    height: 3em;
    background: rgba(251, 176, 59, 0.9);
    color: #3c4a50;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}

figure.effect-zoe h6 {
    float: left;
}

figure.effect-zoe div.icon-links a {
    float: right;
    color: #3c4a50;
    font-size: 1.4em;
}

figure.effect-zoe:hover div.icon-links a:hover,
figure.effect-zoe:hover div.icon-links a:focus {
    color: #252d31;
}

/*figure.effect-zoe p.description {*/
/*    position: absolute;*/
/*    bottom: 8em;*/
/*    padding: 2em;*/
/*    color: #fff;*/
/*    text-transform: none;*/
/*    font-size: 90%;*/
/*    opacity: 0;*/
/*    -webkit-transition: opacity 0.35s;*/
/*    transition: opacity 0.35s;*/
/*    -webkit-backface-visibility: hidden; !* Fix for Chrome 37.0.2062.120 (Mac) *!*/
/*}*/

figure.effect-zoe h2,
figure.effect-zoe p.icon-links a {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,200%,0);
    transform: translate3d(0,200%,0);
}

figure.effect-zoe p.icon-links a i::before {
    display: inline-block;
    padding: 8px 10px;
    font-family: 'feathericons';
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-eye::before {
    content: '\e000';
}

.icon-paper-clip::before {
    content: '\e001';
}

.icon-heart::before {
    content: '\e024';
}

figure.effect-zoe h2 {
    display: inline-block;
}

figure.effect-zoe:hover p.description {
    opacity: 1;
}

figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover p.icon-links a {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-zoe:hover h2 {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(3) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(2) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

figure.effect-zoe:hover p.icon-links a:first-child {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.enlarge {
    width: 70%;
    float: left;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.enlarge:hover {
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}

html {
    scroll-behavior: smooth;
}

:target:before {
    content: "";
    display: block;
    height: 100px;
    margin: -100px 0 0;
}