/* ---------------------------------------------------------

- document:  Slick Modals - HTML5 and CSS3 powered modal popups
- author:    Capelle @ Codecanyon
- profile:   http://codecanyon.net/user/Capelle
- version:   4.2

---------------------------------------------------------- */

.slickModal *{
margin:0;padding:0;border:0;outline:0;font-weight:400;font-style:normal;font-size:100%;vertical-align:baseline;line-height:normal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box
}

.slickModal,.slickOverlay,.slickWindow{
position:fixed
}

.slickModal{
display:none;z-index:-1
}

.slickModal.isActive{
display:block;z-index:999999
}

.slickOverlay{
top:0;left:0;width:100%;height:100%;content:"";z-index:1
}

.slickWindow{
z-index:2
}

.slickContent{
position:relative
}

.slickWindow.center{
top:0;right:0;bottom:0;left:0
}

.slickWindow.topLeft{
top:0;left:0
}

.slickWindow.topCenter{
top:0;left:0;right:0
}

.slickWindow.topRight{
top:0;right:0
}

.slickWindow.bottomLeft{
bottom:0;left:0
}

.slickWindow.bottomCenter{
bottom:0;left:0;right:0
}

.slickWindow.bottomRight{
bottom:0;right:0
}

.slickWindow.right{
top:0;right:0;bottom:0
}

.slickWindow.left{
top:0;left:0;bottom:0
}

.slickModal .animated{
-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;animation-iteration-count:1;animation-timing-function:ease;animation-fill-mode:both;backface-visibility:hidden;transform-style:preserve-3d
}

.slickModal .animated.fadeOut{
-webkit-animation-delay:0s!important;animation-delay:0s!important;pointer-events:none
}

.slickModal .fadeIn{
-webkit-animation-name:fadeIn;animation-name:fadeIn
}@-webkit-keyframes fadeIn{
0%{
opacity:0
}100%{
opacity:1
}
}@keyframes fadeIn{
0%{
opacity:0
}100%{
opacity:1
}
}

.slickModal .fadeOut{
-webkit-animation-name:fadeOut;animation-name:fadeOut
}@-webkit-keyframes fadeOut{
0%{
opacity:1
}100%{
opacity:0
}
}@keyframes fadeOut{
0%{
opacity:1
}100%{
opacity:0
}
}

.slickModal .zoomIn{
-webkit-animation-name:zoomIn;animation-name:zoomIn
}@-webkit-keyframes zoomIn{
0%{
opacity:0;-webkit-transform:scale(.7)
}100%{
opacity:1;-webkit-transform:none
}
}@keyframes zoomIn{
0%{
opacity:0;transform:scale(.7)
}100%{
opacity:1;transform:none
}
}

.slickModal .zoomOut{
-webkit-animation-name:zoomOut;animation-name:zoomOut
}@-webkit-keyframes zoomOut{
0%{
opacity:0;-webkit-transform:scale(1.3)
}100%{
opacity:1;-webkit-transform:none
}
}@keyframes zoomOut{
0%{
opacity:0;transform:scale(1.3)
}100%{
opacity:1;transform:none
}
}

.slickModal .slideTop{
-webkit-animation-name:slideTop;animation-name:slideTop
}@-webkit-keyframes slideTop{
0%{
opacity:0;-webkit-transform:translateY(-25%)
}100%{
opacity:1;-webkit-transform:none
}
}@keyframes slideTop{
0%{
opacity:0;transform:translateY(-25%)
}100%{
opacity:1;transform:none
}
}

.slickModal .slideBottom{
-webkit-animation-name:slideBottom;animation-name:slideBottom
}@-webkit-keyframes slideBottom{
0%{
opacity:0;-webkit-transform:translateY(25%)
}100%{
opacity:1;-webkit-transform:none
}
}@keyframes slideBottom{
0%{
opacity:0;transform:translateY(25%)
}100%{
opacity:1;transform:none
}
}

.slickModal .slideRight{
-webkit-animation-name:slideRight;animation-name:slideRight
}@-webkit-keyframes slideRight{
0%{
opacity:0;-webkit-transform:translateX(25%)
}100%{
opacity:1;-webkit-transform:none
}
}@keyframes slideRight{
0%{
opacity:0;transform:translateX(25%)
}100%{
opacity:1;transform:none
}
}

.slickModal .slideLeft{
-webkit-animation-name:slideLeft;animation-name:slideLeft
}@-webkit-keyframes slideLeft{
0%{
opacity:0;-webkit-transform:translateX(-25%)
}100%{
opacity:1;-webkit-transform:none
}
}@keyframes slideLeft{
0%{
opacity:0;transform:translateX(-25%)
}100%{
opacity:1;transform:none
}
}

.slickModal .rotateIn{
-webkit-animation-name:rotateIn;animation-name:rotateIn
}@-webkit-keyframes rotateIn{
0%{
opacity:0;-webkit-transform:rotate(720deg) scale(.5)
}100%{
opacity:1;-webkit-transform:none
}
}@keyframes rotateIn{
0%{
opacity:0;transform:rotate(720deg) scale(.5)
}100%{
opacity:1;transform:none
}
}

.slickModal .rotateOut{
-webkit-animation-name:rotateOut;animation-name:rotateOut
}@-webkit-keyframes rotateOut{
0%{
opacity:0;-webkit-transform:rotate(720deg) scale(1.4)
}100%{
opacity:1;-webkit-transform:none
}
}@keyframes rotateOut{
0%{
opacity:0;transform:rotate(720deg) scale(1.4)
}100%{
opacity:1;transform:none
}
}

.slickModal .flipInX{
-webkit-animation-name:flipInX;animation-name:flipInX
}@-webkit-keyframes flipInX{
0%{
opacity:0;-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in
}40%{
-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in
}60%{
opacity:1;-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg)
}80%{
-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg)
}100%{
-webkit-transform:perspective(400px)
}
}@keyframes flipInX{
0%{
opacity:0;transform:perspective(400px) rotate3d(1,0,0,90deg);transition-timing-function:ease-in
}40%{
transform:perspective(400px) rotate3d(1,0,0,-20deg);transition-timing-function:ease-in
}60%{
opacity:1;transform:perspective(400px) rotate3d(1,0,0,10deg)
}80%{
transform:perspective(400px) rotate3d(1,0,0,-5deg)
}100%{
transform:perspective(400px)
}
}

.slickModal .flipInY{
-webkit-animation-name:flipInY;animation-name:flipInY
}@-webkit-keyframes flipInY{
0%{
opacity:0;-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in
}40%{
-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in
}60%{
opacity:1;-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg)
}80%{
-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg)
}100%{
-webkit-transform:perspective(400px)
}
}@keyframes flipInY{
0%{
opacity:0;transform:perspective(400px) rotate3d(0,1,0,90deg);transition-timing-function:ease-in
}40%{
transform:perspective(400px) rotate3d(0,1,0,-20deg);transition-timing-function:ease-in
}60%{
opacity:1;transform:perspective(400px) rotate3d(0,1,0,10deg)
}80%{
transform:perspective(400px) rotate3d(0,1,0,-5deg)
}100%{
transform:perspective(400px)
}
}

.slickModal .swingTop{
-webkit-animation-name:swingTop;animation-name:swingTop;-webkit-transform-origin:top center;transform-origin:top center
}@-webkit-keyframes swingTop{
0%{
opacity:0;-webkit-transform:perspective(300px) rotateX(-90deg)
}100%{
opacity:1;-webkit-transform:none
}
}@keyframes swingTop{
0%{
opacity:0;transform:perspective(300px) rotateX(-90deg)
}100%{
opacity:1;transform:none
}
}

.slickModal .swingBottom{
-webkit-animation-name:swingBottom;animation-name:swingBottom;-webkit-transform-origin:bottom center;transform-origin:bottom center
}@-webkit-keyframes swingBottom{
0%{
opacity:0;-webkit-transform:perspective(300px) rotateX(90deg)
}100%{
opacity:1;-webkit-transform:none
}
}@keyframes swingBottom{
0%{
opacity:0;transform:perspective(300px) rotateX(90deg)
}100%{
opacity:1;transform:none
}
}

.slickModal .swingRight{
-webkit-animation-name:swingRight;animation-name:swingRight;-webkit-transform-origin:center right;transform-origin:center right
}@-webkit-keyframes swingRight{
0%{
opacity:0;-webkit-transform:perspective(200px) rotateY(-90deg)
}100%{
opacity:1;-webkit-transform:none
}
}@keyframes swingRight{
0%{
opacity:0;transform:perspective(200px) rotateY(-90deg)
}100%{
opacity:1;transform:none
}
}

.slickModal .swingLeft{
-webkit-animation-name:swingLeft;animation-name:swingLeft;-webkit-transform-origin:center left;transform-origin:center left
}@-webkit-keyframes swingLeft{
0%{
opacity:0;-webkit-transform:perspective(200px) rotateY(90deg)
}100%{
opacity:1;-webkit-transform:none
}
}@keyframes swingLeft{
0%{
opacity:0;transform:perspective(200px) rotateY(90deg)
}100%{
opacity:1;transform:none
}
}

.slickModal .flash{
-webkit-animation-name:flash;animation-name:flash
}@-webkit-keyframes flash{
0%,40%,80%{
opacity:0
}100%,20%,60%{
opacity:1
}
}@keyframes flash{
0%,40%,80%{
opacity:0
}100%,20%,60%{
opacity:1
}
}

.slickModal .pulse{
-webkit-animation-name:pulse;animation-name:pulse
}@-webkit-keyframes pulse{
0%{
opacity:0
}25%{
opacity:1
}25%,75%{
-webkit-transform:scale(1.05)
}0%,100%,50%{
-webkit-transform:none
}
}@keyframes pulse{
0%{
opacity:0
}25%{
opacity:1
}25%,75%{
transform:scale(1.05)
}0%,100%,50%{
transform:none
}
}

.slickModal .rubberBand{
-webkit-animation-name:rubberBand;animation-name:rubberBand
}@-webkit-keyframes rubberBand{
0%{
opacity:0;-webkit-transform:scale3d(1,1,1)
}30%{
opacity:1;-webkit-transform:scale3d(1.25,.75,1)
}40%{
-webkit-transform:scale3d(.75,1.25,1)
}50%{
-webkit-transform:scale3d(1.15,.85,1)
}65%{
-webkit-transform:scale3d(.95,1.05,1)
}75%{
-webkit-transform:scale3d(1.05,.95,1)
}100%{
-webkit-transform:scale3d(1,1,1)
}
}@keyframes rubberBand{
0%{
opacity:0;transform:scale3d(1,1,1)
}30%{
opacity:1;transform:scale3d(1.25,.75,1)
}40%{
transform:scale3d(.75,1.25,1)
}50%{
transform:scale3d(1.15,.85,1)
}65%{
transform:scale3d(.95,1.05,1)
}75%{
transform:scale3d(1.05,.95,1)
}100%{
transform:scale3d(1,1,1)
}
}

.slickModal .shake{
-webkit-animation-name:shake;animation-name:shake
}@-webkit-keyframes shake{
0%{
opacity:0
}10%{
opacity:1
}0%,100%{
-webkit-transform:translate3d(0,0,0)
}10%,30%,50%,70%,90%{
-webkit-transform:translate3d(-10px,0,0)
}20%,40%,60%,80%{
-webkit-transform:translate3d(10px,0,0)
}
}@keyframes shake{
0%{
opacity:0
}10%{
opacity:1
}0%,100%{
transform:translate3d(0,0,0)
}10%,30%,50%,70%,90%{
transform:translate3d(-10px,0,0)
}20%,40%,60%,80%{
transform:translate3d(10px,0,0)
}
}

.slickModal .swing{
-webkit-animation-name:swing;animation-name:swing;-webkit-transform-origin:top center;transform-origin:top center
}@-webkit-keyframes swing{
0%{
opacity:0
}20%{
opacity:1;-webkit-transform:rotate3d(0,0,1,15deg)
}40%{
-webkit-transform:rotate3d(0,0,1,-10deg)
}60%{
-webkit-transform:rotate3d(0,0,1,5deg)
}80%{
-webkit-transform:rotate3d(0,0,1,-5deg)
}100%{
-webkit-transform:rotate3d(0,0,1,0deg)
}
}@keyframes swing{
0%{
opacity:0
}20%{
opacity:1;transform:rotate3d(0,0,1,15deg)
}40%{
transform:rotate3d(0,0,1,-10deg)
}60%{
transform:rotate3d(0,0,1,5deg)
}80%{
transform:rotate3d(0,0,1,-5deg)
}100%{
transform:rotate3d(0,0,1,0deg)
}
}

.slickModal .tada{
-webkit-animation-name:tada;animation-name:tada
}@-webkit-keyframes tada{
0%{
opacity:0;-webkit-transform:scale3d(1,1,1)
}10%{
opacity:1
}10%,20%{
-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
}30%,50%,70%,90%{
-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
}40%,60%,80%{
-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
}100%{
-webkit-transform:scale3d(1,1,1)
}
}@keyframes tada{
0%{
opacity:0;transform:scale3d(1,1,1)
}10%{
opacity:1
}10%,20%{
transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
}30%,50%,70%,90%{
transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
}40%,60%,80%{
transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
}100%{
transform:scale3d(1,1,1)
}
}

.slickModal .wobble{
-webkit-animation-name:wobble;animation-name:wobble
}@-webkit-keyframes wobble{
0%{
opacity:0;-webkit-transform:none
}15%{
opacity:1;-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
}30%{
-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)
}45%{
-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
}60%{
-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)
}75%{
-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
}100%{
-webkit-transform:none
}
}@keyframes wobble{
0%{
opacity:0;transform:none
}15%{
opacity:1;transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
}30%{
transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)
}45%{
transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
}60%{
transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)
}75%{
transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
}100%{
transform:none
}
}

.slickModal .bounce{
-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom
}@-webkit-keyframes bounce{
0%{
opacity:0
}20%{
opacity:1
}0%,100%,20%,53%,80%{
-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0)
}40%,43%{
-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0)
}70%{
-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0)
}90%{
-webkit-transform:translate3d(0,-4px,0)
}
}@keyframes bounce{
0%{
opacity:0
}20%{
opacity:1
}0%,100%,20%,53%,80%{
transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)
}40%,43%{
transition-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-30px,0)
}70%{
transition-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-15px,0)
}90%{
transform:translate3d(0,-4px,0)
}
}

.slickModal .bounceIn{
-webkit-animation-name:bounceIn;animation-name:bounceIn
}@-webkit-keyframes bounceIn{
0%,100%,20%,40%,60%,80%{
-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1)
}0%{
opacity:0;-webkit-transform:scale3d(.3,.3,.3)
}20%{
-webkit-transform:scale3d(1.1,1.1,1.1)
}40%{
-webkit-transform:scale3d(.9,.9,.9)
}60%{
opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03)
}80%{
-webkit-transform:scale3d(.97,.97,.97)
}100%{
opacity:1;-webkit-transform:scale3d(1,1,1)
}
}@keyframes bounceIn{
0%,100%,20%,40%,60%,80%{
transition-timing-function:cubic-bezier(.215,.61,.355,1)
}0%{
opacity:0;transform:scale3d(.3,.3,.3)
}20%{
transform:scale3d(1.1,1.1,1.1)
}40%{
transform:scale3d(.9,.9,.9)
}60%{
opacity:1;transform:scale3d(1.03,1.03,1.03)
}80%{
transform:scale3d(.97,.97,.97)
}100%{
opacity:1;transform:scale3d(1,1,1)
}
}

.slickModal .bounceInUp{
-webkit-animation-name:bounceInUp;animation-name:bounceInUp
}@-webkit-keyframes bounceInUp{
0%,100%,60%,75%,90%{
-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1)
}0%{
opacity:0;-webkit-transform:translate3d(0,3000px,0)
}60%{
opacity:1;-webkit-transform:translate3d(0,-20px,0)
}75%{
-webkit-transform:translate3d(0,10px,0)
}90%{
-webkit-transform:translate3d(0,-5px,0)
}100%{
-webkit-transform:translate3d(0,0,0)
}
}@keyframes bounceInUp{
0%,100%,60%,75%,90%{
transition-timing-function:cubic-bezier(.215,.61,.355,1)
}0%{
opacity:0;transform:translate3d(0,3000px,0)
}60%{
opacity:1;transform:translate3d(0,-20px,0)
}75%{
transform:translate3d(0,10px,0)
}90%{
transform:translate3d(0,-5px,0)
}100%{
transform:translate3d(0,0,0)
}
}

.slickModal .bounceInDown{
-webkit-animation-name:bounceInDown;animation-name:bounceInDown
}@-webkit-keyframes bounceInDown{
0%,100%,60%,75%,90%{
-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1)
}0%{
opacity:0;-webkit-transform:translate3d(0,-3000px,0)
}60%{
opacity:1;-webkit-transform:translate3d(0,25px,0)
}75%{
-webkit-transform:translate3d(0,-10px,0)
}90%{
-webkit-transform:translate3d(0,5px,0)
}100%{
-webkit-transform:none
}
}@keyframes bounceInDown{
0%,100%,60%,75%,90%{
transition-timing-function:cubic-bezier(.215,.61,.355,1)
}0%{
opacity:0;transform:translate3d(0,-3000px,0)
}60%{
opacity:1;transform:translate3d(0,25px,0)
}75%{
transform:translate3d(0,-10px,0)
}90%{
transform:translate3d(0,5px,0)
}100%{
transform:none
}
}

.slickModal .bounceInRight{
-webkit-animation-name:bounceInRight;animation-name:bounceInRight
}@-webkit-keyframes bounceInRight{
0%,100%,60%,75%,90%{
-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1)
}0%{
opacity:0;-webkit-transform:translate3d(3000px,0,0)
}60%{
opacity:1;-webkit-transform:translate3d(-25px,0,0)
}75%{
-webkit-transform:translate3d(10px,0,0)
}90%{
-webkit-transform:translate3d(-5px,0,0)
}100%{
-webkit-transform:none
}
}@keyframes bounceInRight{
0%,100%,60%,75%,90%{
transition-timing-function:cubic-bezier(.215,.61,.355,1)
}0%{
opacity:0;transform:translate3d(3000px,0,0)
}60%{
opacity:1;transform:translate3d(-25px,0,0)
}75%{
transform:translate3d(10px,0,0)
}90%{
transform:translate3d(-5px,0,0)
}100%{
transform:none
}
}

.slickModal .bounceInLeft{
-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft
}@-webkit-keyframes bounceInLeft{
0%,100%,60%,75%,90%{
-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1)
}0%{
opacity:0;-webkit-transform:translate3d(-3000px,0,0)
}60%{
opacity:1;-webkit-transform:translate3d(25px,0,0)
}75%{
-webkit-transform:translate3d(-10px,0,0)
}90%{
-webkit-transform:translate3d(5px,0,0)
}100%{
-webkit-transform:none
}
}@keyframes bounceInLeft{
0%,100%,60%,75%,90%{
transition-timing-function:cubic-bezier(.215,.61,.355,1)
}0%{
opacity:0;transform:translate3d(-3000px,0,0)
}60%{
opacity:1;transform:translate3d(25px,0,0)
}75%{
transform:translate3d(-10px,0,0)
}90%{
transform:translate3d(5px,0,0)
}100%{
transform:none
}
}

.slickModal .unFold{
-webkit-animation-name:unFold;animation-name:unFold
}@-webkit-keyframes unFold{
0%{
-webkit-transform:scaleY(.01) scaleX(0)
}50%{
-webkit-transform:scaleY(.01) scaleX(1)
}100%{
-webkit-transform:scaleY(1) scaleX(1)
}
}@keyframes unFold{
0%{
transform:scaleY(.01) scaleX(0)
}50%{
transform:scaleY(.01) scaleX(1)
}100%{
transform:scaleY(1) scaleX(1)
}
}

.slickModal .flowIn{
-webkit-animation-name:flowIn;animation-name:flowIn
}@-webkit-keyframes flowIn{
0%{
opacity:0;border-radius:200px;-webkit-transform:scale(.6)
}50%{
opacity:1
}100%{
-webkit-transform:scale(1)
}
}@keyframes flowIn{
0%{
opacity:0;border-radius:200px;transform:scale(.6)
}50%{
opacity:1
}100%{
transform:scale(1)
}
}

.slickModal .closeModal{
cursor:pointer
}

.slickModal .close{
position:absolute;right:0;z-index:10;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:700
}

.slickModal .close,.slickModal .close:before{
transition:all .1s ease
}

.slickModal .close:before{
white-space:nowrap;display:block;position:relative;transition:all .1s ease
}

.slickModal .close.labeled{
top:-30px
}

.slickModal .close.labeled:before{
color:#fff;content:"close";font-size:8px;text-transform:uppercase;background:linear-gradient(to right,#fff 50%,#000 50%);background-size:201% 100%;background-position:right bottom;padding:6px 12px
}

.slickModal .close.labeled:hover:before{
background-position:left bottom;color:#000
}

.slickModal .close.text{
top:-20px
}

.slickModal .close.text:before{
color:#fff;content:"Close";font-size:9px;text-transform:uppercase
}

.slickModal .close.tag{
top:0
}

.slickModal .close.tag:before{
color:#fff;content:"\00d7";background:#000;text-align:center;font-size:15px;width:24px;height:24px;line-height:24px;opacity:.2
}

.slickModal .close.tag:hover:before{
opacity:1
}

.slickModal .close.icon{
top:14px;right:14px;display:block;width:22px;height:22px;overflow:hidden;opacity:.3
}

.slickModal .close.icon:hover:before{
color:#000
}

.slickModal .close.circle:after,.slickModal .close.circle:before,.slickModal .close.icon:after,.slickModal .close.icon:before{
content:"";position:absolute;height:1px;top:50%;left:0;right:0;margin:auto;background:#000
}

.slickModal .close.icon:after,.slickModal .close.icon:before{
width:100%
}

.slickModal .close.circle:after,.slickModal .close.circle:before{
width:60%
}

.slickModal .close.circle:before,.slickModal .close.icon:before{
-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)
}

.slickModal .close.circle:after,.slickModal .close.icon:after{
-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)
}

.slickModal .close.icon:hover{
opacity:1
}

.slickModal .close.circle{
top:-12px;right:-12px;display:block;width:26px;height:26px;overflow:hidden;background:#4b9c47;border-radius:50%
}

.slickModal .close.circle:hover{
transform:scale(1.1)
}