﻿
.banner {
    overflow: auto;
    position: relative;
    text-align: center;
    width: 100% !important;
    height: 100vh;
}

    .banner h1 img {
        float: none;
    }

    .banner ul {
        list-style: outside none none;
        width: 300%;
        margin: 0px;
        padding: 0px;
    }

        .banner ul li {
            display: block;
            float: left;
            padding: 0px;
            width: 100%;
            /*height: 150px;*/
            height:100vh;
            background-position: center center !important;
            background-size:cover !important;
        }


        .banner ul li img {
            width:auto;
            min-width:100%;
            max-width:100%;
            height:100%;
        }


    .banner .dots {
        left: 10%;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 40%;
        z-index: 9999;
    }

        .banner .dots li {
            cursor: pointer;
            display: inline-block;
           
            margin: 10px 0px;
         
            text-indent: -999em;
            /*background: url("../Images/dot_active.png") no-repeat;*/
            clear: both;
            display: block;

           height: 5px;
            width: 5px;
 
  border: 1px solid #929292;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);

        }
            .banner .dots li.active {
                /*background: url("../Images/dot.png") no-repeat;*/  
                  border: 1px solid #edd688;               
            }
.arrows {
    position: absolute;
    bottom: 1.5%;
    width: 100%;
    z-index:999;
}

    .arrows .prev {
        bottom: 5%;
        float: left;
        position: absolute;
        left: 21%;
        width: 60px;
        display: none;
    }

        .arrows .prev img {
            width: 25px;
            cursor: pointer;
        }



    .arrows .next {
          bottom: 5%;
    float: right;
    position: absolute;
    right: 2%;
    width: 60px;
    }

        .arrows .next img {
            width: 25px;
            cursor: pointer;
        }

         .arrows .next1 {
          bottom: 5%;
    float: right;
    position: absolute;
    right: 2%;
    width: 60px;
    }

        .arrows .next1 img {
            width: 25px;
            cursor: pointer;
        }
/****************/


.Section3Slider {
    overflow: auto;
    position: relative;
    text-align: center;
    width: 100% !important;
    height: auto;
}

    .Section3Slider h1 img {
        float: none;
    }

    .Section3Slider ul {
        list-style: outside none none;
        width: 300%;
        margin: 0px;
        padding: 0px;
    }

        .Section3Slider ul li {
            display: block;
            float: left;
            padding: 0px;
            width: 100%;
            height: 150px;
            background-position: center center !important;
        }



    .Section3Slider .dots {
        bottom: 0px;
        left: 0;
        margin: auto;
        padding: 0;
        position: absolute;
        right: 0;
        width: 42px;
        z-index: 9999;
    }

        .Section3Slider .dots li {
            cursor: pointer;
            display: inline-block;
            height: 5px;
            margin: 10px 0px;
            width: 5px;
            text-indent: -999em;
            /*background: url("../Images/dot_active.png") no-repeat;*/
            display: block;
            float: left;
            margin: 5px;



 border: 1px solid #929292;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);

        }

            .Section3Slider .dots li.active {
                /*background: url("../Images/dot.png") no-repeat;*/
                border: 1px solid white;
            }
