body.modal-show{overflow:hidden}
#gallery .cont{height:100%}
.modal{position:fixed;display:none;top:0;width:100%;height:100%;overflow:hidden;visibility:hidden;opacity:0;z-index:1040;-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.modal .cont{position:relative}
.modal .scroll-cont{position:relative;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}
.modal.show{display:block;visibility:visible;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.modal.show .close-btn{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:background-color .4s ease,color .4s ease,box-shadow .4s ease,-webkit-transform .6s ease 1.2s;transition:background-color .4s ease,color .4s ease,box-shadow .4s ease,-webkit-transform .6s ease 1.2s;transition:transform .6s ease 1.2s,background-color .4s ease,color .4s ease,box-shadow .4s ease;transition:transform .6s ease 1.2s,background-color .4s ease,color .4s ease,box-shadow .4s ease,-webkit-transform .6s ease 1.2s}

.close-btn{position:absolute;top:30px;right:30px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);z-index:99}
.close-btn.iconbtnborder{}
.close-btn:before{display:inline-block}
.no-touch .close-btn:hover:before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}
@media (max-width:979px){.close-btn{top:20px;right:20px}
}
@media (max-width:767px){.close-btn{top:15px;right:15px}
}

.swiperbtn{display:block;width:50px;height:50px;padding:0;text-align:center;border-radius:50%;-webkit-transition:all .4s ease;transition:all .4s ease;}
.swiperbtn:before{position:relative;font-size:20px;z-index:2;-webkit-transition:all .4s ease;transition:all .4s ease}
.swiperbtn:after{}
a.swiperbtn:before{line-height:48px}
.swiperbtn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:50%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);z-index:0;-webkit-transition:all .4s ease;transition:all .4s ease}
.swiperbtn.active,.no-touch .swiperbtn:hover{box-shadow:0 2px 16px rgba(0,0,0,.2);box-shadow:none}
.swiperbtn.active:before,.no-touch .swiperbtn:hover:before{}
.swiperbtn.active:after,.no-touch .swiperbtn:hover:after{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);opacity:1}
@media (max-width:767px){.swiperbtn{width:40px;height:40px}
.swiperbtn:before{font-size:16px}
a.swiperbtn:before{line-height:38px}
}