.SumoGallery *{border:0px; margin:0px; padding:0px;}

.SumoGallery{
    width:60%;
    height:70%;
    margin:auto;
    background-color: #fff;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 20px rgba(35,35,35,.5);
    border-radius: 3px;
}

/** COMMMON STYLES **/
.SumoGallery a{cursor:pointer;transition: all 300ms;-webkit-transition: all 300ms;-moz-transition: all 300ms;
 -webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select: none;}
/** COMMMON STYLES **/

.SumoGallery .Sarrow{width:40px;text-align:center;position: absolute;font-size: 70px;color: orange;
    opacity: 0.8;top: 50%;margin-top: -50px;padding: 10px;z-index: 10;}
.SumoGallery .Sarrow:hover{opacity:1;}
.SumoGallery .Sarrow.l{left:0px;}
.SumoGallery .Sarrow.r{right:0px;}
.SumoGallery .Sarrow.last-item{opacity: 0.3;}

.SumoGallery .Sheader{height: 48px;position: relative;}
.SumoGallery .Sheader p{padding: 10px 50px;text-align: center;font-size: 24px;line-height: 65px;font-weight: bold; color: orange;}
.SumoGallery .Sheader a{
    font-size: 16px;
    line-height: 32px; 
    position: absolute;
    right: 2%;top: 27%;
    display: block;
    cursor: pointer;
    background-color: #000;
    padding: 0 15px;
    border-radius: 10px;
    color: #fff;
}
.SumoGallery .Sheader a:hover{opacity:1}

.SumoGallery .Sbody{position: absolute;top: 48px;bottom: 75px;left: 0px;right: 0px;: all 300ms;-webkit-transition: all 300ms;-moz-transition: all 300ms;overflow: hidden;}
.SumoGallery .Sbody a{display: none;left: 0px;opacity: 1;
transition: none;-moz-transition: none;-webkit-transition: none;}
.SumoGallery .Sbody a.sel{display: block;background-image: url('loader.gif');position: absolute;width:100%;height:100%; background-repeat: no-repeat;background-position: center;z-index:1;}
.SumoGallery .Sbody a.anim{transition: all 200ms;-webkit-transition: all 200ms;-moz-transition: all 200ms;}
.SumoGallery .Sbody a.left{left: -100%;opacity: 0;}
.SumoGallery .Sbody a.right{left: 100%;opacity: 0;}

.SumoGallery .SimgCount{position: absolute;color:#3e3e3e;right: :-560px;bottom: 95px;}
.SumoGallery .toggle-thumbs{display:none;position: absolute;color: #BEBEBE;right: 10px;bottom: 70px;z-index: 10;font-size: 23px;background-color: #000;border-radius: 3px;padding: 0px 5px;line-height: 20px;}
.SumoGallery .toggle-thumbs:hover{color: #4186F2;}

.SumoGallery .Sbody a img{
    width:65%;
    position: absolute;
    top: 0px;left: 0px;right: 0px;bottom: 0px;
    margin: auto;
    max-width: 100%;}

.SumoGallery .Sfooter{position: absolute;bottom: 0px !important;left:0;right: 0;height: auto;background-color: #f5f5f5;padding: 20px;transition: all 300ms;-webkit-transition: all 300ms;-moz-transition: all 300ms;}

.SumoGallery ul.Sthumbnails{list-style: none;display: block;text-align: center;overflow: auto;white-space: nowrap;height: auto;padding-top: 5px;margin-top: -5px;}
.SumoGallery ul.Sthumbnails li{display: inline-block;margin: 0px 2px;}
.SumoGallery ul.Sthumbnails li a{display: block;height: 50px;width: 60px;background-repeat: no-repeat;position:relative;border-radius: 2px;background-size: cover;}
.SumoGallery ul.Sthumbnails li a:hover{top:-1px;}
.SumoGallery ul.Sthumbnails li.sel a{}
.SumoGallery ul.Sthumbnails li.sel a:after{content: '';position: absolute;top:-11px;width:56px;height:46px;border: 2px solid #f43110;left: 0px;right: 0px;margin: auto;bottom: -10px;}


.SumoGallery.nothumbs {}
.SumoGallery.nothumbs .Sfooter{bottom: -74px;}