﻿.TopBanner {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 450px;
    position: relative;
}

/*.TopBannerOverlay {
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 450px;
    background-image: url(https://immediac.blob.core.windows.net/optin/images/headerBg.png);
    position: relative;
    z-index: 100;
}*/

.ThreeColumnsWrapper .col-sm-5 {
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 600px;
    border: solid 4px transparent;
}

.ThreeColumnsWrapperSm .ThreeColumnsWrapper .col-sm-5 {
    height: 350px;
}

    .ThreeColumnsWrapper .col-sm-5:hover {
        border: solid 4px #ff983c;
    }

.autoHeight .blockThumbs1 {
    height: auto !important;
}


.mainInteriorContent h1, .noImg h2, .FullWidth h1, .imageLeft h2, .imageRight h2 {
    margin-top: 0px;
}

.TwoColumnsWrapper h2 {
    margin-top:0px;
}

.flexWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.h2NoMargin h2, .GalleryWithContent h2 {
    margin-top: 0px;
}

.Gallery h2, .MultipleThumbnails h2 {
    margin: 0px auto 60px auto;
    display: table;
}

.img-wrapper {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height:300px;
    border:solid 4px transparent;
}

    .img-wrapper:hover {
        border: solid 4px #ff983c;
    }   

        .Thumbnails {
            margin-bottom: 30px;
        }

.mainInteriorContent li, .TwoColumns li {
    text-indent: -30px;
    padding-left: 35px;
}



    .mainInteriorContent li:before, .TwoColumns li:before {
        content: "\f138";
        font-family: "Font Awesome 6 Pro";
        margin-right: 10px;
        color: #ff983c;
    }

    .mainInteriorContent li ul li:before {
        content: "\f054";
        font-family: "Font Awesome 6 Pro";
        margin-right: 10px;
        color: #ff983c;
        font-size:14px;
    }

    .mainInteriorContent li ul {
        margin-top:10px;
    }

.mainInteriorContent ul, .TwoColumns ul {
    list-style: none;
    padding: 0px 0px 0px 0px;
}

.ThreeColumnsWrapper {
    margin-top:60px;
}

.ThreeColumns h2 {
    margin: 0px auto 20px auto;
    display: table;
}

.ThreeColumns .col-sm-8 {
    margin-bottom:60px;
}

.borderedImages img {
    border: solid 2px #ff983c;
}

.text .callout-button:after {
    content: "\f054";
    font-family: "Font Awesome 6 Pro";
    margin-left: 5px;
}

.MultipleContentWrapper {

margin-bottom:40px;

}

    .MultipleContentWrapper img {
        margin:10px auto;
        display:table;
    }

    .MultipleContentWrapper li {
        font-size: 16px;
        text-indent: -24px;
        padding-left: 30px;
    }

        .MultipleContentWrapper li:before {
            content: "\f138";
            font-family: "Font Awesome 6 Pro";
            margin-right: 8px;
            color: #ff983c;
        }

    .MultipleContentWrapper ul {
        list-style: none;
        padding: 0px 0px 0px 0px;
    }

.MultipleContentWrapper hr {
    border-top: 10px solid #ff983c;
    margin-bottom:0px;
    margin-top:20px;
}

.MultipleThumbnailsImg {
    height: 260px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

    .MultipleThumbnailsImg h3 {
        color: #fff;
        font-weight: 700;
        height: 260px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px 30px;
        text-align: center;
        margin:0px;
    }

        .MultipleThumbnailsImg h3:hover {
            color: #ff993d;
        }

.ProductListImg {
    background-size: cover;
    height: 150px;
    background-position:center center;
}

.ProductList h3 {
    margin:-5px 0px 5px 0px;
}

.ProductList h3 {
    margin: -5px 0px 5px 0px;
}

.ProductList p:last-child {
    margin: 0px;
}

.ProductList {
   display:table;
   width:100%;
}

hr {
    margin-top: 40px;
    margin-bottom: 40px;
}


.TwoColumnsIntro h2 {
    margin:0px auto 50px auto;
    display:table;
}


@media (min-width: 1481px) and (max-width: 1600px) {
    .img-wrapper {
            height: 240px;
        }

        .MultipleThumbnailsImg, .MultipleThumbnailsImg h3 {
            height: 240px;
        }

/*        .TopBannerOverlay {
            height: 380px;
        }*/

        .TopBanner {
            height: 400px;
        }

    .ThreeColumnsWrapper .col-sm-5 {
        height: 550px;
    }

    .ThreeColumnsWrapperSm .ThreeColumnsWrapper .col-sm-5 {
        height: 310px;
    }
    }



    @media (min-width: 1367px) and (max-width: 1480px) {
        .img-wrapper {
            height: 220px;
        }

        .MultipleThumbnailsImg, .MultipleThumbnailsImg h3 {
            height: 220px;
        }

/*        .TopBannerOverlay {
            height: 370px;
        }*/

        .MultipleContentWrapper li {
            font-size: 15px;
        }

        .TopBanner {
            height: 360px
        }

        .ThreeColumnsWrapper .col-sm-5 {
            height: 520px;
        }

        .ThreeColumnsWrapperSm .ThreeColumnsWrapper .col-sm-5 {
            height: 290px;
        }
    }


    @media (min-width: 1200px) and (max-width: 1366px) {
        .img-wrapper {
            height: 190px;
        }

        .MultipleThumbnailsImg, .MultipleThumbnailsImg h3 {
            height: 180px;
        }

        .MultipleThumbnailsWrapper .col-sm-3 {
            padding: 0px;
        }

        .Gallery h2, .MultipleThumbnails h2 {
            margin: 0px auto 40px auto;
            display: table;
        }

/*        .TopBannerOverlay {
            height: 350px;
        }*/

        .TopBanner {
            height: 320px;
        }

        .MultipleContentWrapper li {
            font-size: 14px;
        }

        .MultipleThumbnailsImg h3 {
            font-size: 19px;
        }

        .MultipleContentWrapper {
            padding: 20px;
            margin-bottom: 10px;
        }

        .ThreeColumnsWrapper .col-sm-5 {
            height: 480px;
        }

        .ThreeColumnsWrapperSm .ThreeColumnsWrapper .col-sm-5 {
            height: 270px;
        }
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        .img-wrapper {
            height: 140px;
        }

        .MultipleThumbnailsImg, .MultipleThumbnailsImg h3 {
            height: 150px;
        }

/*        .TopBannerOverlay {
            height: 330px;
        }*/

        .TopBanner {
            height: 260px;
        }

        .MultipleThumbnailsWrapper .col-sm-3 {
            padding:0px;
        }

        .Gallery h2, .MultipleThumbnails h2 {
            margin: 0px auto 40px auto;
            display: table;
        }

        .MultipleContentWrapper li {
            font-size: 14px;
        }

        .MultipleThumbnailsImg h3 {
            font-size: 18px;
        }

        .MultipleContentWrapper {
            padding: 20px;
            margin-bottom: 0px;
        }

        .ProductListImg {
            height: 120px;
        }

        .TwoColumnsIntro h2 {
            margin: 0px auto 50px auto;
            display: table;
        }

        .ThreeColumnsWrapper .col-sm-5 {
            height: 400px;
        }

        .ThreeColumnsWrapperSm .ThreeColumnsWrapper .col-sm-5 {
            height: 190px;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .img-wrapper {
            height: 100px;
        }

        .ProductListImg {
            height: 100px;
        }

        .MultipleThumbnailsImg, .MultipleThumbnailsImg h3 {
            height: 220px;
        }

        .MultipleThumbnailsWrapper .col-sm-3 {
            padding: 0px;
        }

/*        .TopBannerOverlay {
            height: 300px;
        }*/

        .TopBanner {
            height: 220px;
        }

        .MultipleContentWrapper li {
            font-size: 14px;
        }

        .MultipleThumbnailsImg h3 {
            font-size: 18px;
        }

        .MultipleContentWrapper {
            padding: 20px;
            margin-bottom: 10px;
        }

        .mainInteriorContent .col-sm-6 {
            width: 100%;
        }

        .imageRight img {
            margin-top: 30px;
        }

        .imageLeft img {
            margin-bottom: 40px;
        }

        .MultipleThumbnailsWrapper .col-sm-3 {
            width: 50%;
        }

        .TwoColumnsIntro h2 {
            margin: 0px auto 40px auto;
            display: table;
        }

        .ThreeColumnsWrapper .col-sm-5 {
            height: 300px;
        }

        .ThreeColumnsWrapperSm .ThreeColumnsWrapper .col-sm-5 {
            height: 140px;
        }
    }

    @media (min-width: 0px) and (max-width: 767px) {

        .TopBanner {
            background-position: center right;
            background-size: cover;
            height: 220px;
        }

        .ThreeColumnsWrapper .col-sm-5 {
            height: 300px;
            background-size: cover;
            margin-bottom: 30px;
        }

        .ThreeColumnsWrapperSm .ThreeColumnsWrapper .col-sm-5 {
            height: 180px;
        }

        .mainInteriorContent li, .TwoColumns li {
            text-indent: -27px;
            padding-left: 27px;
        }

        .ProductsDetailsMainImg img {
            margin-top:30px;
        }

        .ProductList h3 {
            margin: 25px 0px 5px 0px;
        }

        .ProductList .col-sm-8 {
            padding:0px;
        }

        .TopBanner {
            margin-top: -80px;
        }

        .TwoColumnsIntro h2 {
            margin: 0px auto 30px auto;
            display: table;
        }

        .imageRight img {
            margin-top: 25px;
        }

        .imageLeft img {
            margin-top: 30px;
            margin-bottom: 15px;
        }

        .Gallery h2, .MultipleThumbnails h2 {
            margin: 0px auto 30px auto;
        }

        .Gallery .col-sm-3 {
            padding: 0px;
        }

        .img-wrapper {
            height: 220px;
        }

        .imageLeft .col-sm-6 {
            padding: 0px;
        }

        .ThreeColumnsWrapper {
            margin-top: 30px;
        }

            .ThreeColumnsWrapper .col-sm-4 {
                padding: 0px;
            }

        .ThreeColumns .col-sm-8 {
            margin-bottom: 20px;
        }

        .MultipleThumbnailsWrapper .col-sm-3 {
            padding: 0px;
        }

        .mainInteriorContent h2 {
            margin-top: 0px;
        }
    }
