/*resCarousel Css*/



.outt {

    display: none;

}



.leftRs {

    position: absolute;

    margin: auto;

    top: 0;

    bottom: 0;

    z-index: 100;

    left:10px;

    width: 50px;

    height: 50px;

    border-radius: 999px;

	cursor:pointer;

}



.rightRs {

    position: absolute;

    margin: auto;

    top: 0;

    right:-10px;

    bottom: 0;

    z-index: 100;

    width: 50px;

    height: 50px;

    border-radius: 999px;

	cursor:pointer;

}



.resCarousel {

    float: none;

    overflow: hidden;

    width: 100%;

    position: relative;

}



.resCarousel-inner {

    overflow-x: hidden;

    white-space: nowrap;

    font-size: 0;

    vertical-align: top;

	margin:0px auto;

	width:90%;

}



.resCarousel-inner .item {

    display: inline-block;

    font-size: 14px;

    white-space: initial;

}





/*banner*/



.banner {

    overflow: hidden !important;

}





/*tile css*/



.resCarousel-inner .item .tile {

    background: white;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

    margin: 5px;

}





/*animation*/



.resCarousel[data-animator="lazy"] .item {

    transition: .6s ease all;

}



/*resCarousel Css End*/