/* Home Page */

@media (max-width: 991px) {
    .logo-img {
        height: 7vh !important;
        width: auto;
    }

    .logo-img-large {
        height: 12vh !important;
        width: auto;
    }

}

@media (min-width: 992px) {
    .logo-img {
        height: 12vh !important;
        width: auto;
    }

    .logo-img-large {
        height: 15vh !important;
        width: auto;
    }
}

.header-menu {
    font-weight: bold;
    font-size: 5em;
}

.mobile-menu {
    font-size: x-large;
    font-weight: bold;
    padding-top: 5vh;

}

/*.banner-img-item-1 {
    position: absolute;
    width: 14%;
    top: 0;
    left: 7.5%;
}

.banner-img-1 {
    padding-bottom: 1000%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.banner-img-item-2 {
    position: absolute;
    width: 14%;
    top: 0;
    left: 24.8%;
}

.banner-img-2 {
    padding-bottom: 1000%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.banner-img-item-3 {
    position: absolute;
    width: 14%;
    top: 0;
    left: 41.5%;
}

.banner-img-3 {
    padding-bottom: 1000%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.banner-img-item-4 {
    position: absolute;
    width: 14%;
    top: 0;
    left: 58.3%;
}

.banner-img-4 {
    padding-bottom: 1000%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.banner-img-item-5 {
    position: absolute;
    width: 14%;
    top: 0;
    left: 75%;
}

.banner-img-5 {
    padding-bottom: 1000%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}*/

.main-slider-desc-text,
p {
    color: var(--octa-bgcolor);
}

.octa-text-inactive,
article > p {
    color: var(--octa-bgcolor);
    font-size: 1.2em;
}

.octa-custom-fonticon {
    font-size: 2.2em;
    color: var(--octa-inactive);
}

.octa-custom-fonticon:hover {
    font-size: 2.2em;
    color: var(--octa-inactive);
}

.page-bottom-carousel {
    height: 30vh !important;
    width: 100% !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*hover*/
.img-hover-1,
.img-hover-2 {
    display: block;
    width: 100%;
    overflow: hidden;
}

.img-hover-1,
.img-hover-2 {
    display: block;
    width: 100%;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: transform 300ms ease-out;
    -o-transition: transform 300ms ease-out;
    -webkit-transition: transform 300ms ease-out;
    transition: transform 300ms ease-out;
    -ms-transition: transform 300ms ease-out;
}

@media (min-width: 1200px) {

    .img-hover-2:hover {
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.follow .item {
    width: 6vh;
    height: 6vh;
}

.follow .item:before {
    content: '';
    background-color: rgba(0, 0, 0, 0);
}

.follow .item i {
    margin: 1.25vh;
    color: var(--octa-inactive);
}

/* about us page*/

.simple-text.sm > p {
    font-size: 1.3em;
}

.octa-bold-header {
    font-weight: bold;
}

/* Products Page */
.shop .shop-prod-item .shop-prod-item-hover .btn-2 {
    width: 100%;
}

.shop .page-pagination a {
    font-size: 1.1rem;
}

a, a:link {
    color: var(--octa-inactive);
}

@media (min-width: 800px) {

    /* Partners Logo CSS coloring */
    .octa-greytocolor-image {
        -webkit-filter: grayscale(1);
        filter: grayscale(1);

        -webkit-transition: filter 300ms; /* For Safari 3.1 to 6.0 */
        transition: filter 300ms;

    }

    .octa-greytocolor-image:hover {
        -webkit-filter: grayscale(0);
        filter: none;
    }

}

.octa-text-grey-force {
    color: var(--octa-text-inactive) !important;
}

footer.footer-black .follow .item:before {
    content: '';
    background-color: rgba(0, 0, 0, 0);
}

.grid-item p:before {
    content: "" !important;
    display: none !important;
}

.home-feature-items {
    background-size: cover !important;
    background-position: center !important;;
    background-repeat: no-repeat !important;;
}

#map {
    height: 70vh;
    width: 98%;
    margin: 1%;
}

.grid-item {
    padding: 10px;
}

.prod-item ul li:before {
    content: "" !important;
    display: none !important;
}

.hamburger-icon-2 {
    margin-top: 14px !important;
}