﻿/*#region sliderfield*/
.sliderStyle1 {
    position: relative;
    list-style: none;
    overflow: hidden;
    padding: 0;
}

    .sliderStyle1 img {
        float: left;
        width: 100%;
        height: auto;
        border: 0;
    }

.sliderStyle2-Wrapper {
    float: left;
    width: 100%;
}

    .sliderStyle2-Wrapper .sliderStyle2 {
        position: relative;
        width: 100%;
    }

        .sliderStyle2-Wrapper .sliderStyle2 li {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            overflow: hidden !important;
        }
            .sliderStyle2-Wrapper .sliderStyle2 li img {
                float: left;
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: 2s all ease-in-out;
            }

            .sliderStyle2-Wrapper .sliderStyle2 li .sliderStyle2-Scale-To-2 {
                transform: scale(1.5);
                -webkit-transform: scale(1.5);
                -moz-transform: scale(1.5);
                -ms-transform: scale(1.5);
            }

            .sliderStyle2-Wrapper .sliderStyle2 li .sliderStyle2-Scale-To-1 {
                transform: scale(1);
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
            }

.sliderStyle3 {
    float: left;
    width: 100%;
    height: 100vh;
}

    .sliderStyle3 img {
        float: left;
        width: 100vw;
        height: 100vh;
        object-fit: cover;
        border: 0;
    }


.sliderStyle4-Wrapper {
    float: left;
    width: 100%;
    height: 100vh;
}

    .sliderStyle4-Wrapper .sliderStyle4 {
        position: relative;
        width: 100%;
        height: 100%;
    }

        .sliderStyle4-Wrapper .sliderStyle4 li {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            overflow: hidden !important;
        }

            .sliderStyle4-Wrapper .sliderStyle4 li img {
                float: left;
                width: 100%;
                height: 100vh;
                object-fit: cover;
                transition: 2s all ease-in-out;
            }

            .sliderStyle4-Wrapper .sliderStyle4 li .sliderStyle4-Scale-To-2 {
                transform: scale(1.5);
                -webkit-transform: scale(1.5);
                -moz-transform: scale(1.5);
                -ms-transform: scale(1.5);
            }

            .sliderStyle4-Wrapper .sliderStyle4 li .sliderStyle4-Scale-To-1 {
                transform: scale(1);
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
            }
/*#endregion sliderfield*/
