#ypmcolorbox.ypmcolorbox1, #ypmcboxOverlay.ypmcolorbox1,.ypmcolorbox1 #ypmcboxWrapper{position:absolute; top:0; left:0; z-index:2147483647; overflow:hidden;}
.ypmcolorbox1 #ypmcboxWrapper {max-width:none;}
#ypmcboxOverlay.ypmcolorbox1{position:fixed; width:100%; height:100%;}
.ypmcolorbox1 #ypmcboxMiddleLeft,.ypmcolorbox1 #cboxBottomLeft{clear:left;}
.ypmcolorbox1 #ypmcboxContent{position:relative;}
.ypmcolorbox1 #ypmcboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
.ypmcolorbox1 #ypmcboxTitle{margin:0;}
#ypmcboxLoadingOverlay.ypmcolorbox1,.ypmcolorbox1 #ypmcboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
.ypmcolorbox1 #ypmcboxPrevious,.ypmcolorbox1 #cboxNext,.ypmcolorbox1 #ypmcboxClose,.ypmcolorbox1 #ypmcboxSlideshow{cursor:pointer;}
.ypmcolorbox1 .ypmcboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.ypmcolorbox1 .ypmcboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#ypmcolorbox.ypmcolorbox1,.ypmcolorbox1 #ypmcboxContent,.ypmcolorbox1 #ypmcboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #ypmcboxOverlay.ypmcolorbox1{opacity: 0.9; filter: alpha(opacity = 90);}
.ypmcboxOverlayBg.ypmcolorbox1 {background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox1/overlay.png) repeat 0 0;}
#ypmcolorbox.ypmcolorbox1{outline:0;}
.ypmcolorbox1 #ypmcboxTopLeft{width:21px; height:21px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox1/controls.png) no-repeat -101px 0;}
.ypmcolorbox1 #ypmcboxTopRight{width:21px; height:21px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox1/controls.png) no-repeat -130px 0;}
.ypmcolorbox1 #ypmcboxBottomLeft{width:21px; height:21px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox1/controls.png) no-repeat -101px -29px;}
.ypmcolorbox1 #ypmcboxBottomRight{width:21px; height:21px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox1/controls.png) no-repeat -130px -29px;}
.ypmcolorbox1 #ypmcboxMiddleLeft{width:21px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox1/controls.png) left top repeat-y;}
.ypmcolorbox1 #ypmcboxMiddleRight{width:21px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox1/controls.png) right top repeat-y;}
.ypmcolorbox1 #ypmcboxTopCenter{height:21px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox1/border.png) 0 0 repeat-x;}
.ypmcolorbox1 #ypmcboxBottomCenter{height:21px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox1/border.png) 0 -29px repeat-x;}
.ypmcolorbox1 #ypmcboxContent{background:#fff; overflow:hidden;}
.ypmcolorbox1 .ypmcboxIframe{background:#fff;}
.ypmcolorbox1 #ypmcboxError{padding:50px; border:1px solid #ccc;}
.ypmcolorbox1 #ypmcboxLoadedContent{margin-bottom:28px;}
.ypmcolorbox1 #ypmcboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
.ypmcolorbox1 #ypmcboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#ypmcboxLoadingOverlay.ypmcolorbox1{background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox1/loading_background.png) no-repeat center center;}
.ypmcolorbox1 #ypmcboxLoadingGraphic{background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox1/loading.gif) no-repeat center center;} .ypmcolorbox1  #ypmcboxPrevious,.ypmcolorbox1 #ypmcboxNext,.ypmcolorbox1 #ypmcboxSlideshow,.ypmcolorbox1 #ypmcboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } .ypmcolorbox1 #ypmcboxPrevious:active,.ypmcolorbox1 #ypmcboxNext:active,.ypmcolorbox1 #ypmcboxSlideshow:active,.ypmcolorbox1 #ypmcboxClose:active {outline:0;}
.ypmcolorbox1 #ypmcboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
.ypmcolorbox1 #ypmcboxPrevious{position:absolute; bottom:0; left:0; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox1/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
.ypmcolorbox1 #ypmcboxPrevious:hover{background-position:-75px -25px;}
.ypmcolorbox1 #ypmcboxNext{position:absolute; bottom:0; left:27px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox1/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
.ypmcolorbox1 #ypmcboxNext:hover{background-position:-50px -25px;}
.ypmcolorbox1 #ypmcboxClose{position:absolute;padding: 0 !important; bottom:0; right:0; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox1/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
.ypmcolorbox1 #ypmcboxClose:hover{background-position:-25px -25px;} .ypmcolorbox1 .ypmcboxIE #ypmcboxTopLeft,
.ypmcolorbox1 .ypmcboxIE #ypmcboxTopCenter,
.ypmcolorbox1 .ypmcboxIE #ypmcboxTopRight,
.ypmcolorbox1 .ypmcboxIE #ypmcboxBottomLeft,
.ypmcolorbox1 .ypmcboxIE #ypmcboxBottomCenter,
.ypmcolorbox1 .ypmcboxIE #ypmcboxBottomRight,
.ypmcolorbox1 .ypmcboxIE #ypmcboxMiddleLeft,
.ypmcolorbox1 .ypmcboxIE #ypmcboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
#ypmcboxLoadedContent img{
max-width: 100%;
height: auto;
}  #ypmcbox.ypmcolorbox2, #ypmcboxOverlay.ypmcolorbox2,.ypmcolorbox2 #ypmcboxWrapper{position:absolute; top:0; left:0; z-index:2147483647; overflow:hidden;}
#ypmcolorbox.ypmcolorbox2 {max-width:none;z-index: 9999999999999999999999999999999}
#ypmcboxOverlay.ypmcolorbox2{position:fixed; width:100%; height:100%;}
.ypmcolorbox2 #ypmcboxMiddleLeft,.ypmcolorbox2 #ypmcboxBottomLeft{clear:left;}
.ypmcolorbox2 #ypmcboxContent{position:relative;}
.ypmcolorbox2 #ypmcboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
.ypmcolorbox2 #ypmcboxTitle{margin:0;}
#ypmcboxLoadingOverlay.ypmcolorbox2, #ypmcboxLoadingGraphic.ypmcolorbox2{position:absolute; top:0; left:0; width:100%; height:100%;}
.ypmcolorbox2 #ypmcboxPrevious,.ypmcolorbox2 #ypmcboxNext,.ypmcolorbox2 #ypmcboxClose,.ypmcolorbox2 #ypmcboxSlideshow{cursor:pointer;}
.ypmcolorbox2 .ypmcboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.ypmcolorbox2 .ypmcboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#ypmcbox.ypmcolorbox2,.ypmcolorbox2 #ypmcboxContent,.ypmcolorbox2 #ypmcboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #ypmcboxOverlay.ypmcolorbox2{opacity: 0.9; filter: alpha(opacity = 90);}
.ypmcboxOverlayBg.ypmcolorbox2 {background:#fff;}
#ypmcbox.ypmcolorbox2{outline:0;}
.ypmcolorbox2 #ypmcboxContent{margin-top:32px; overflow:visible; background:#000;}
.ypmcolorbox2 .ypmcboxIframe{background:#fff;}
.ypmcolorbox2 #ypmcboxError{padding:50px; border:1px solid #ccc;}
.ypmcolorbox2 #ypmcboxLoadedContent{background:#000; padding:1px;}
.ypmcolorbox2  #ypmcboxLoadingGraphic{background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox2/loading.gif) no-repeat center center;}
#ypmcboxLoadingOverlay.ypmcolorbox2{background:#000;}
.ypmcolorbox2 #ypmcboxTitle{position:absolute; top:-22px; left:0; color:#000;}
.ypmcolorbox2 #ypmcboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} .ypmcolorbox2 #ypmcboxPrevious,.ypmcolorbox2 #ypmcboxNext,.ypmcolorbox2 #ypmcboxSlideshow,.ypmcolorbox2 #ypmcboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox2/controls.png) no-repeat 0 0;} .ypmcolorbox2 #ypmcboxPrevious:active,.ypmcolorbox2 #ypmcboxNext:active,.ypmcolorbox2 #ypmcboxSlideshow:active,.ypmcolorbox2 #ypmcboxClose:active {outline:0;}
.ypmcolorbox2 #ypmcboxPrevious{background-position:0px 0px; right:44px;}
.ypmcolorbox2 #ypmcboxPrevious:hover{background-position:0px -25px;}
.ypmcolorbox2  #ypmcboxNext{background-position:-25px 0px; right:22px;}
.ypmcolorbox2  #ypmcboxNext:hover{background-position:-25px -25px;}
.ypmcolorbox2 #ypmcboxClose{background-position:-50px 0px; right:0; padding: 0 !important;}
#ypmcboxClose:hover{background-position:-50px -25px;}
.ypmcolorbox2 .ypmcboxSlideshow_on #ypmcboxPrevious,.ypmcolorbox2 .ypmcboxSlideshow_off #ypmcboxPrevious{right:66px;}
.ypmcolorbox2 .ypmcboxSlideshow_on #ypmcboxSlideshow{background-position:-75px -25px; right:44px;}
.ypmcolorbox2 .ypmcboxSlideshow_on #ypmcboxSlideshow:hover{background-position:-100px -25px;}
.ypmcolorbox2 .ypmcboxSlideshow_off #ypmcboxSlideshow{background-position:-100px 0px; right:44px;}
.ypmcolorbox2 .ypmcboxSlideshow_off #ypmcboxSlideshow:hover{background-position:-75px -25px;}
#ypmcboxLoadedContent img{
max-width: 100%;
height: auto;
}  #ypmcolorbox.ypmcolorbox3, #ypmcboxOverlay.ypmcolorbox3,.ypmcolorbox3 #ypmcboxWrapper{position:absolute; top:0; left:0; z-index:2147483647; overflow:hidden;}
.ypmcolorbox3 #ypmcboxWrapper {max-width:none;}
#ypmcboxOverlay.ypmcolorbox3{position:fixed; width:100%; height:100%;}
.ypmcolorbox3 #ypmcboxMiddleLeft,.ypmcolorbox3 #ypmcboxBottomLeft{clear:left;}
.ypmcolorbox3 #ypmcboxContent{position:relative;}
.ypmcolorbox3 #ypmcboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
.ypmcolorbox3 #ypmcboxTitle{margin:0;}
#ypmcboxLoadingOverlay.ypmcolorbox3,.ypmcolorbox3 #ypmcboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
.ypmcolorbox3 #ypmcboxPrevious,.ypmcolorbox3 #ypmcboxNext,.ypmcolorbox3 #ypmcboxClose,.ypmcolorbox3 #ypmcboxSlideshow{cursor:pointer;}
.ypmcolorbox3 .ypmcboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.ypmcolorbox3 .ypmcboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
.ypmcolorbox3 #ypmcolorbox, #ypmcboxContent, #ypmcboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #ypmcboxOverlay.ypmcolorbox3 {opacity: 0.9; filter: alpha(opacity = 90);}
.ypmcboxOverlayBg.ypmcolorbox3 {background:#000;}
#ypmcolorbox.ypmcolorbox3{outline:0;}
.ypmcolorbox3 #ypmcboxContent{margin-top:20px;background:#000;}
.ypmcolorbox3.ypmcboxIframe{background:#fff;}
.ypmcolorbox3 #ypmcboxError{padding:50px; border:1px solid #ccc;}
.ypmcolorbox3 #ypmcboxLoadedContent{border:5px solid #000; background:#fff;}
.ypmcolorbox3 #ypmcboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
.ypmcolorbox3 #ypmcboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
.ypmcolorbox3 #ypmcboxLoadingGraphic{background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox3/loading.gif) no-repeat center center;} .ypmcolorbox3 #ypmcboxPrevious,.ypmcolorbox3 #ypmcboxNext,.ypmcolorbox3 #ypmcboxSlideshow,.ypmcolorbox3 #ypmcboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } .ypmcolorbox3 #ypmcboxPrevious:active,.ypmcolorbox3 #ypmcboxNext:active,.ypmcolorbox3 #ypmcboxSlideshow:active,.ypmcolorbox3 #ypmcboxClose:active {outline:0;}
.ypmcolorbox3 #ypmcboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
.ypmcolorbox3 #ypmcboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox3/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
.ypmcolorbox3 #ypmcboxPrevious:hover{background-position:bottom left;}
.ypmcolorbox3 #ypmcboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox3/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
.ypmcolorbox3 #ypmcboxNext:hover{background-position:bottom right;}
.ypmcolorbox3 #ypmcboxClose{position:absolute; top:5px; right:5px;padding: 0 !important; display:block; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox3/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
.ypmcolorbox3 #ypmcboxClose:hover{background-position:bottom center;}
#ypmcboxLoadedContent img{
max-width: 100%;
height: auto;
}  #ypmcolorbox.ypmcolorbox4, #ypmcboxOverlay.ypmcolorbox4,.ypmcolorbox4 #ypmcboxWrapper{position:absolute; top:0; left:0; z-index:2147483647; overflow:hidden;}
.ypmcolorbox4 #ypmcboxWrapper {max-width:none;}
#ypmcboxOverlay.ypmcolorbox4{position:fixed; width:100%; height:100%;}
.ypmcolorbox4 #ypmcboxMiddleLeft,.ypmcolorbox4 #ypmcboxBottomLeft{clear:left;}
.ypmcolorbox4 #ypmcboxContent{position:relative;}
.ypmcolorbox4 #ypmcboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
.ypmcolorbox4 #ypmcboxTitle{margin:0;}
#ypmcboxLoadingOverlay.ypmcolorbox4,.ypmcolorbox4 #ypmcboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
.ypmcolorbox4 #ypmcboxPrevious,.ypmcolorbox4 #ypmcboxNext,.ypmcolorbox4 #ypmcboxClose,.ypmcolorbox4 #ypmcboxSlideshow{cursor:pointer;}
.ypmcolorbox4 .ypmcboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.ypmcolorbox4 .ypmcboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#ypmcolorbox.ypmcolorbox4,.ypmcolorbox4 #ypmcboxContent,.ypmcolorbox4 #ypmcboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #ypmcboxOverlay.ypmcolorbox4{opacity: 0.9; filter: alpha(opacity = 90);}
.ypmcboxOverlayBg.ypmcolorbox4 {background:#fff;}
#ypmcolorbox.ypmcolorbox4{outline:0;}
.ypmcolorbox4 #ypmcboxTopLeft{width:25px; height:25px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox4/border1.png) no-repeat 0 0;}
.ypmcolorbox4 #ypmcboxTopCenter{height:25px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox4/border1.png) repeat-x 0 -50px;}
.ypmcolorbox4 #ypmcboxTopRight{width:25px; height:25px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox4/border1.png) no-repeat -25px 0;}
.ypmcolorbox4 #ypmcboxBottomLeft{width:25px; height:25px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox4/border1.png) no-repeat 0 -25px;}
.ypmcolorbox4 #ypmcboxBottomCenter{height:25px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox4/border1.png) repeat-x 0 -75px;}
.ypmcolorbox4 #ypmcboxBottomRight{width:25px; height:25px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox4/border1.png) no-repeat -25px -25px;}
.ypmcolorbox4 #ypmcboxMiddleLeft{width:25px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox4/border2.png) repeat-y 0 0;}
.ypmcolorbox4 #ypmcboxMiddleRight{width:25px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox4/border2.png) repeat-y -25px 0;}
.ypmcolorbox4 #ypmcboxContent{background:#fff; overflow:hidden;}
.ypmcolorbox4 .ypmcboxIframe{background:#fff;}
.ypmcolorbox4 #ypmcboxError{padding:50px; border:1px solid #ccc;}
.ypmcolorbox4 #ypmcboxLoadedContent{margin-bottom:20px;}
.ypmcolorbox4 #ypmcboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
.ypmcolorbox4 #ypmcboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
#ypmcboxLoadingOverlay.ypmcolorbox4{background:#fff url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox4/loading.gif) no-repeat 5px 5px;} .ypmcolorbox4 #ypmcboxPrevious,.ypmcolorbox4 #ypmcboxNext,.ypmcolorbox4 #ypmcboxSlideshow,.ypmcolorbox4 #ypmcboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } .ypmcolorbox4 #ypmcboxPrevious:active,.ypmcolorbox4 #ypmcboxNext:active,.ypmcolorbox4 #ypmcboxSlideshow:active,.ypmcolorbox4 #ypmcboxClose:active {outline:0;}
.ypmcolorbox4 #ypmcboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
.ypmcolorbox4 #ypmcboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
.ypmcolorbox4 #ypmcboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
.ypmcolorbox4 #ypmcboxClose{position:absolute; bottom:0; right:0; display:block;padding: 0 !important; color:#444;} .ypmcolorbox4 .ypmcboxIE #ypmcboxTopLeft,
.ypmcolorbox4 .ypmcboxIE #ypmcboxTopCenter,
.ypmcolorbox4 .ypmcboxIE #ypmcboxTopRight,
.ypmcolorbox4 .ypmcboxIE #ypmcboxBottomLeft,
.ypmcolorbox4 .ypmcboxIE #ypmcboxBottomCenter,
.ypmcolorbox4 .ypmcboxIE #ypmcboxBottomRight,
.ypmcolorbox4 .ypmcboxIE #ypmcboxMiddleLeft,
.ypmcolorbox4 .ypmcboxIE #ypmcboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
#ypmcboxLoadedContent img{
max-width: 100%;
height: auto;
}  #ypmcolorbox.ypmcolorbox5, #ypmcboxOverlay.ypmcolorbox5,.ypmcolorbox5 #ypmcboxWrapper{position:absolute; top:0; left:0; z-index:2147483647; overflow:hidden;}
.ypmcolorbox5 #ypmcboxWrapper {max-width:none;}
#ypmcboxOverlay.ypmcolorbox5{position:fixed; width:100%; height:100%;}
.ypmcolorbox5 #ypmcboxMiddleLeft,.ypmcolorbox5 #ypmcboxBottomLeft{clear:left;}
.ypmcolorbox5 #ypmcboxContent{position:relative;}
.ypmcolorbox5 #ypmcboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
.ypmcolorbox5 #ypmcboxTitle{margin:0;}
#ypmcboxLoadingOverlay.ypmcolorbox5,.ypmcolorbox5 #ypmcboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
.ypmcolorbox5 #ypmcboxPrevious,.ypmcolorbox5 #ypmcboxNext,.ypmcolorbox5 #ypmcboxClose,.ypmcolorbox5 #ypmcboxSlideshow{cursor:pointer;}
.ypmcolorbox5 .ypmcboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.ypmcolorbox5 .ypmcboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#ypmcolorbox.ypmcolorbox5,.ypmcolorbox5 #ypmcboxContent,.ypmcolorbox5 #ypmcboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #ypmcboxOverlay.ypmcolorbox5{opacity: 0.9; filter: alpha(opacity = 90);}
.ypmcboxOverlayBg.ypmcolorbox5 {background:#000;}
#ypmcolorbox.ypmcolorbox5{outline:0;}
.ypmcolorbox5 #ypmcboxTopLeft{width:14px; height:14px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox5/controls.png) no-repeat 0 0;}
.ypmcolorbox5 #ypmcboxTopCenter{height:14px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox5/border.png) repeat-x top left;}
.ypmcolorbox5 #ypmcboxTopRight{width:14px; height:14px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox5/controls.png) no-repeat -36px 0;}
.ypmcolorbox5 #ypmcboxBottomLeft{width:14px; height:43px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox5/controls.png) no-repeat 0 -32px;}
.ypmcolorbox5 #ypmcboxBottomCenter{height:43px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox5/border.png) repeat-x bottom left;}
.ypmcolorbox5 #ypmcboxBottomRight{width:14px; height:43px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox5/controls.png) no-repeat -36px -32px;}
.ypmcolorbox5 #ypmcboxMiddleLeft{width:14px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox5/controls.png) repeat-y -175px 0;}
.ypmcolorbox5 #ypmcboxMiddleRight{width:14px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox5/controls.png) repeat-y -211px 0;}
.ypmcolorbox5 #ypmcboxContent{background:#fff; overflow:visible;}
.ypmcolorbox5 .ypmcboxIframe{background:#fff;}
.ypmcolorbox5 #ypmcboxError{padding:50px; border:1px solid #ccc;}
.ypmcolorbox5 #ypmcboxLoadedContent{margin-bottom:5px;}
#ypmcboxLoadingOverlay.ypmcolorbox5{background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox5/loading_background.png) no-repeat center center;}
.ypmcolorbox5 #ypmcboxLoadingGraphic{background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox5/loading.gif) no-repeat center center;}
.ypmcolorbox5 #ypmcboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
.ypmcolorbox5 #ypmcboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} .ypmcolorbox5 #ypmcboxPrevious,.ypmcolorbox5 #ypmcboxNext,.ypmcolorbox5 #ypmcboxSlideshow,.ypmcolorbox5 #ypmcboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom:-29px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox5/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} .ypmcolorbox5 #ypmcboxPrevious:active,.ypmcolorbox5 #ypmcboxNext:active,.ypmcolorbox5 #ypmcboxSlideshow:active,.ypmcolorbox5 #ypmcboxClose:active {outline:0;}
.ypmcolorbox5 #ypmcboxPrevious{left:0px; background-position: -51px -25px;}
.ypmcolorbox5 #ypmcboxPrevious:hover{background-position:-51px 0px;}
.ypmcolorbox5 #ypmcboxNext{left:27px; background-position:-75px -25px;}
.ypmcolorbox5 #ypmcboxNext:hover{background-position:-75px 0px;}
.ypmcolorbox5 #ypmcboxClose{right:0; background-position:-100px -25px;padding: 0 !important;}
.ypmcolorbox5 #ypmcboxClose:hover{background-position:-100px 0px;}
.ypmcolorbox5 .ypmcboxSlideshow_on #ypmcboxSlideshow{background-position:-125px 0px; right:27px;}
.ypmcolorbox5 .ypmcboxSlideshow_on #ypmcboxSlideshow:hover{background-position:-150px 0px;}
.ypmcolorbox5 .ypmcboxSlideshow_off #ypmcboxSlideshow{background-position:-150px -25px; right:27px;}
.ypmcolorbox5 .ypmcboxSlideshow_off #ypmcboxSlideshow:hover{background-position:-125px 0px;}
#ypmcboxLoadedContent img{
max-width: 100%;
height: auto;
}
.ypm-disable-page-scrolling {
position: fixed;
height: 100%;
max-height: 100%;
}  #ypmcolorbox.ypmcolorbox6, #ypmcboxOverlay.ypmcolorbox6,.ypmcolorbox6 #ypmcboxWrapper{position:absolute; top:0; left:0; z-index:2147483647;}
.ypmcolorbox6 #ypmcboxWrapper {max-width:none;}
#ypmcboxOverlay.ypmcolorbox6{position:fixed; width:100%; height:100%;}
.ypmcolorbox6 #ypmcboxMiddleLeft,.ypmcolorbox6 #ypmcboxBottomLeft{clear:left;}
.ypmcolorbox6 #ypmcboxContent{position:relative;}
.ypmcolorbox6 #ypmcboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
.ypmcolorbox6 #ypmcboxTitle{margin:0;}
#ypmcboxLoadingOverlay.ypmcolorbox6,.ypmcolorbox6 #ypmcboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
.ypmcolorbox6 #ypmcboxPrevious,.ypmcolorbox6 #ypmcboxNext,.ypmcolorbox6 #ypmcboxClose,.ypmcolorbox6 #ypmcboxSlideshow{
cursor:pointer;
}
.ypmcolorbox6 .ypmcboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.ypmcolorbox6 .ypmcboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#ypmcolorbox.ypmcolorbox6,.ypmcolorbox6 #ypmcboxContent,.ypmcolorbox6 #ypmcboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #ypmcboxOverlay.ypmcolorbox6{opacity: 0.9; filter: alpha(opacity = 90);}
.ypmcboxOverlayBg.ypmcolorbox6 {background:#fff;}
#ypmcolorbox.ypmcolorbox6{outline:0;}
.ypmcolorbox6 #ypmcboxTopLeft{width:25px; height:25px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox4/border1.png) no-repeat 0 0;}
.ypmcolorbox6 #ypmcboxTopCenter{height:25px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox4/border1.png) repeat-x 0 -50px;}
.ypmcolorbox6 #ypmcboxTopRight{width:25px; height:25px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox4/border1.png) no-repeat -25px 0;}
.ypmcolorbox6 #ypmcboxBottomLeft{width:25px; height:25px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox4/border1.png) no-repeat 0 -25px;}
.ypmcolorbox6 #ypmcboxBottomCenter{height:25px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox4/border1.png) repeat-x 0 -75px;}
.ypmcolorbox6 #ypmcboxBottomRight{width:25px; height:25px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox4/border1.png) no-repeat -25px -25px;}
.ypmcolorbox6 #ypmcboxMiddleLeft{width:25px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox4/border2.png) repeat-y 0 0;}
.ypmcolorbox6 #ypmcboxMiddleRight{width:25px; background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox4/border2.png) repeat-y -25px 0;}
.ypmcolorbox6 #ypmcboxContent{background:#fff; overflow:visible;}
.ypmcolorbox6 .ypmcboxIframe{background:#fff;}
.ypmcolorbox6 #ypmcboxError{padding:50px; border:1px solid #ccc;}
.ypmcolorbox6 #ypmcboxLoadedContent{margin-bottom:20px;}
.ypmcolorbox6 #ypmcboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
.ypmcolorbox6 #ypmcboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
#ypmcboxLoadingOverlay.ypmcolorbox6{background:#fff url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox4/loading.gif) no-repeat 5px 5px;} .ypmcolorbox6 #ypmcboxPrevious,.ypmcolorbox6 #ypmcboxNext,.ypmcolorbox6 #ypmcboxSlideshow,.ypmcolorbox6 #ypmcboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:30px; height:30px; position:absolute; top:-25px; right:-25px;background:url(//nrrgreenspaces.com/wp-content/plugins/popup-more/assets/img/colorbox6/close.png) no-repeat 0 0;} .ypmcolorbox6 #ypmcboxPrevious:active,.ypmcolorbox6 #ypmcboxNext:active,.ypmcolorbox6 #ypmcboxSlideshow:active,.ypmcolorbox6 #ypmcboxClose:active {outline:0;}
.ypmcolorbox6 #ypmcboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
.ypmcolorbox6 #ypmcboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
.ypmcolorbox6 #ypmcboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
.ypmcolorbox6 #ypmcboxClose{padding: 0 !important;} .ypmcolorbox6 .ypmcboxIE #ypmcboxTopLeft,
.ypmcolorbox6 .ypmcboxIE #ypmcboxTopCenter,
.ypmcolorbox6 .ypmcboxIE #ypmcboxTopRight,
.ypmcolorbox6 .ypmcboxIE #ypmcboxBottomLeft,
.ypmcolorbox6 .ypmcboxIE #ypmcboxBottomCenter,
.ypmcolorbox6 .ypmcboxIE #ypmcboxBottomRight,
.ypmcolorbox6 .ypmcboxIE #ypmcboxMiddleLeft,
.ypmcolorbox6 .ypmcboxIE #ypmcboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}  .ypm-animated{
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:none;
animation-fill-mode:none
}
.ypm-animated.infinite{
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite
}
.ypm-animated.hinge{
-webkit-animation-duration:2s;
animation-duration:2s
}
.ypm-animated.bounceIn,.ypm-animated.bounceOut,.ypm-animated.flipOutX,.ypm-animated.flipOutY{
-webkit-animation-duration: .75s;
animation-duration: .75s
}
@-webkit-keyframes bounce{
20%,53%,80%,from,to{
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
animation-timing-function:cubic-bezier(.215,.61,.355,1);
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
40%,43%{
-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);
animation-timing-function:cubic-bezier(.755,.050,.855,.060);
-webkit-transform:translate3d(0,-30px,0);
transform:translate3d(0,-30px,0)
}
70%{
-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);
animation-timing-function:cubic-bezier(.755,.050,.855,.060);
-webkit-transform:translate3d(0,-15px,0);
transform:translate3d(0,-15px,0)
}
90%{
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
@keyframes bounce{
20%,53%,80%,from,to{
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
animation-timing-function:cubic-bezier(.215,.61,.355,1);
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
40%,43%{
-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);
animation-timing-function:cubic-bezier(.755,.050,.855,.060);
-webkit-transform:translate3d(0,-30px,0);
transform:translate3d(0,-30px,0)
}
70%{
-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);
animation-timing-function:cubic-bezier(.755,.050,.855,.060);
-webkit-transform:translate3d(0,-15px,0);
transform:translate3d(0,-15px,0)
}
90%{
-webkit-transform:translate3d(0,-4px,0);
transform:translate3d(0,-4px,0)
}
}
.ypm-bounce{
-webkit-animation-name:bounce;
animation-name:bounce;
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}
@-webkit-keyframes flash{
50%,from,to{
opacity:1
}
25%,75%{
opacity:0
}
}
@keyframes flash{
50%,from,to{
opacity:1
}
25%,75%{
opacity:0
}
}
.ypm-flash{
-webkit-animation-name:flash;
animation-name:flash
}
@-webkit-keyframes pulse{
from,to{
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}
50%{
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
}
@keyframes pulse{
from,to{
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}
50%{
-webkit-transform:scale3d(1.05,1.05,1.05);
transform:scale3d(1.05,1.05,1.05)
}
}
.ypm-pulse{
-webkit-animation-name:pulse;
animation-name:pulse
}
@-webkit-keyframes rubberBand{
from,to{
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}
30%{
-webkit-transform:scale3d(1.25,.75,1);
transform:scale3d(1.25,.75,1)
}
40%{
-webkit-transform:scale3d(.75,1.25,1);
transform:scale3d(.75,1.25,1)
}
50%{
-webkit-transform:scale3d(1.15,.85,1);
transform:scale3d(1.15,.85,1)
}
65%{
-webkit-transform:scale3d(.95,1.05,1);
transform:scale3d(.95,1.05,1)
}
75%{
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
}
@keyframes rubberBand{
from,to{
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}
30%{
-webkit-transform:scale3d(1.25,.75,1);
transform:scale3d(1.25,.75,1)
}
40%{
-webkit-transform:scale3d(.75,1.25,1);
transform:scale3d(.75,1.25,1)
}
50%{
-webkit-transform:scale3d(1.15,.85,1);
transform:scale3d(1.15,.85,1)
}
65%{
-webkit-transform:scale3d(.95,1.05,1);
transform:scale3d(.95,1.05,1)
}
75%{
-webkit-transform:scale3d(1.05,.95,1);
transform:scale3d(1.05,.95,1)
}
}
.ypm-rubberBand{
-webkit-animation-name:rubberBand;
animation-name:rubberBand
}
@-webkit-keyframes shake{
from,to{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
10%,30%,50%,70%,90%{
-webkit-transform:translate3d(-10px,0,0);
transform:translate3d(-10px,0,0)
}
20%,40%,60%,80%{
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
@keyframes shake{
from,to{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
10%,30%,50%,70%,90%{
-webkit-transform:translate3d(-10px,0,0);
transform:translate3d(-10px,0,0)
}
20%,40%,60%,80%{
-webkit-transform:translate3d(10px,0,0);
transform:translate3d(10px,0,0)
}
}
.ypm-shake{
-webkit-animation-name:shake;
animation-name:shake
}
@-webkit-keyframes swing{
20%{
-webkit-transform:rotate3d(0,0,1,15deg);
transform:rotate3d(0,0,1,15deg)
}
40%{
-webkit-transform:rotate3d(0,0,1,-10deg);
transform:rotate3d(0,0,1,-10deg)
}
60%{
-webkit-transform:rotate3d(0,0,1,5deg);
transform:rotate3d(0,0,1,5deg)
}
80%{
-webkit-transform:rotate3d(0,0,1,-5deg);
transform:rotate3d(0,0,1,-5deg)
}
to{
-webkit-transform:rotate3d(0, 0, 1, 0deg);
transform:rotate3d(0, 0, 1, 0deg)
}
}
@keyframes swing{
20%{
-webkit-transform:rotate3d(0,0,1,15deg);
transform:rotate3d(0,0,1,15deg)
}
40%{
-webkit-transform:rotate3d(0,0,1,-10deg);
transform:rotate3d(0,0,1,-10deg)
}
60%{
-webkit-transform:rotate3d(0,0,1,5deg);
transform:rotate3d(0,0,1,5deg)
}
80%{
-webkit-transform:rotate3d(0,0,1,-5deg);
transform:rotate3d(0,0,1,-5deg)
}
to{
-webkit-transform:rotate3d(0,0,1,0deg);
transform:rotate3d(0,0,1,0deg)
}
}
.ypm-swing{
-webkit-transform-origin:top center;
transform-origin:top center;
-webkit-animation-name:swing;
animation-name:swing
}
@-webkit-keyframes tada{
from,to{
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}
10%,20%{
-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
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);
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);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
}
@keyframes tada{
from,to{
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}
10%,20%{
-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
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);
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);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0,0,1,-3deg)
}
}
.ypm-tada{
-webkit-animation-name:tada;
animation-name:tada
}
@-webkit-keyframes wobble{
from,to{
-webkit-transform:none;
transform:none
}
15%{
-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform:translate3d(-25%, 0, 0) rotate3d(0,0,1,-5deg)
}
30%{
-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform:translate3d(20%, 0, 0) rotate3d(0,0,1,3deg)
}
45%{
-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform:translate3d(-15%, 0, 0) rotate3d(0,0,1,-3deg)
}
60%{
-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform:translate3d(10%, 0, 0) rotate3d(0,0,1,2deg)
}
75%{
-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
}
@keyframes wobble{
from,to{
-webkit-transform:none;
transform:none
}
15%{
-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform:translate3d(-25%, 0, 0) rotate3d(0,0,1,-5deg)
}
30%{
-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform:translate3d(20%, 0, 0) rotate3d(0,0,1,3deg)
}
45%{
-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform:translate3d(-15%, 0, 0) rotate3d(0,0,1,-3deg)
}
60%{
-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform:translate3d(10%, 0, 0) rotate3d(0,0,1,2deg)
}
75%{
-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform:translate3d(-5%, 0, 0) rotate3d(0,0,1,-1deg)
}
}
.ypm-wobble{
-webkit-animation-name:wobble;
animation-name:wobble
}
@-webkit-keyframes jello{
11.1%,from,to{
-webkit-transform:none;
transform:none
}
22.2%{
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3%{
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4%{
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5%{
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6%{
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7%{
-webkit-transform:skewX(.390625deg) skewY(.390625deg);
transform:skewX(.390625deg) skewY(.390625deg)
}
88.8%{
-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@keyframes jello{
11.1%,from,to{
-webkit-transform:none;
transform:none
}
22.2%{
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3%{
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4%{
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5%{
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6%{
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7%{
-webkit-transform:skewX(.390625deg) skewY(.390625deg);
transform:skewX(.390625deg) skewY(.390625deg)
}
88.8%{
-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.ypm-jello{
-webkit-animation-name:jello;
animation-name:jello;
-webkit-transform-origin:center;
transform-origin:center
}
@-webkit-keyframes bounceIn{
20%,40%,60%,80%,from,to{
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0%{
opacity:0;
-webkit-transform:scale3d(.3,.3,.3);
transform:scale3d(.3,.3,.3)
}
20%{
-webkit-transform:scale3d(1.1,1.1,1.1);
transform:scale3d(1.1,1.1,1.1)
}
40%{
-webkit-transform:scale3d(.9,.9,.9);
transform:scale3d(.9,.9,.9)
}
60%{
opacity:1;
-webkit-transform:scale3d(1.03,1.03,1.03);
transform:scale3d(1.03,1.03,1.03)
}
80%{
-webkit-transform:scale3d(.97,.97,.97);
transform:scale3d(.97,.97,.97)
}
to{
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes bounceIn{
20%,40%,60%,80%,from,to{
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0%{
opacity:0;
-webkit-transform:scale3d(.3,.3,.3);
transform:scale3d(.3,.3,.3)
}
20%{
-webkit-transform:scale3d(1.1,1.1,1.1);
transform:scale3d(1.1,1.1,1.1)
}
40%{
-webkit-transform:scale3d(.9,.9,.9);
transform:scale3d(.9,.9,.9)
}
60%{
opacity:1;
-webkit-transform:scale3d(1.03,1.03,1.03);
transform:scale3d(1.03,1.03,1.03)
}
80%{
-webkit-transform:scale3d(.97,.97,.97);
transform:scale3d(.97,.97,.97)
}
to{
opacity:1;
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}
}
.ypm-bounceIn{
-webkit-animation-name:bounceIn;
animation-name:bounceIn
}
@-webkit-keyframes bounceInDown{
60%,75%,90%,from,to{
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0%{
opacity:0;
-webkit-transform:translate3d(0,-3000px,0);
transform:translate3d(0,-3000px,0)
}
60%{
opacity:1;
-webkit-transform:translate3d(0,25px,0);
transform:translate3d(0,25px,0)
}
75%{
-webkit-transform:translate3d(0,-10px,0);
transform:translate3d(0,-10px,0)
}
90%{
-webkit-transform:translate3d(0,5px,0);
transform:translate3d(0,5px,0)
}
to{
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInDown{
60%,75%,90%,from,to{
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0%{
opacity:0;
-webkit-transform:translate3d(0,-3000px,0);
transform:translate3d(0,-3000px,0)
}
60%{
opacity:1;
-webkit-transform:translate3d(0,25px,0);
transform:translate3d(0,25px,0)
}
75%{
-webkit-transform:translate3d(0,-10px,0);
transform:translate3d(0,-10px,0)
}
90%{
-webkit-transform:translate3d(0,5px,0);
transform:translate3d(0,5px,0)
}
to{
-webkit-transform:none;
transform:none
}
}
.bounceInDown{
-webkit-animation-name:bounceInDown;
animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft{
60%,75%,90%,from,to{
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0%{
opacity:0;
-webkit-transform:translate3d(-3000px,0,0);
transform:translate3d(-3000px,0,0)
}
60%{
opacity:1;
-webkit-transform:translate3d(25px,0,0);
transform:translate3d(25px,0,0)
}
75%{
-webkit-transform:translate3d(-10px,0,0);
transform:translate3d(-10px,0,0)
}
90%{
-webkit-transform:translate3d(5px,0,0);
transform:translate3d(5px,0,0)
}
to{
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInLeft{
60%,75%,90%,from,to{
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0%{
opacity:0;
-webkit-transform:translate3d(-3000px,0,0);
transform:translate3d(-3000px,0,0)
}
60%{
opacity:1;
-webkit-transform:translate3d(25px,0,0);
transform:translate3d(25px,0,0)
}
75%{
-webkit-transform:translate3d(-10px,0,0);
transform:translate3d(-10px,0,0)
}
90%{
-webkit-transform:translate3d(5px,0,0);
transform:translate3d(5px,0,0)
}
to{
-webkit-transform:none;
transform:none
}
}
.ypm-bounceInLeft{
-webkit-animation-name:bounceInLeft;
animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight{
60%,75%,90%,from,to{
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
from{
opacity:0;
-webkit-transform:translate3d(3000px,0,0);
transform:translate3d(3000px,0,0)
}
60%{
opacity:1;
-webkit-transform:translate3d(-25px,0,0);
transform:translate3d(-25px,0,0)
}
75%{
-webkit-transform:translate3d(10px,0,0);
transform:translate3d(10px,0,0)
}
90%{
-webkit-transform:translate3d(-5px,0,0);
transform:translate3d(-5px,0,0)
}
to{
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInRight{
60%,75%,90%,from,to{
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
from{
opacity:0;
-webkit-transform:translate3d(3000px,0,0);
transform:translate3d(3000px,0,0)
}
60%{
opacity:1;
-webkit-transform:translate3d(-25px,0,0);
transform:translate3d(-25px,0,0)
}
75%{
-webkit-transform:translate3d(10px,0,0);
transform:translate3d(10px,0,0)
}
90%{
-webkit-transform:translate3d(-5px,0,0);
transform:translate3d(-5px,0,0)
}
to{
-webkit-transform:none;
transform:none
}
}
.ypm-bounceInRight{
-webkit-animation-name:bounceInRight;
animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp{
60%,75%,90%,from,to{
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
from{
opacity:0;
-webkit-transform:translate3d(0,3000px,0);
transform:translate3d(0,3000px,0)
}
60%{
opacity:1;
-webkit-transform:translate3d(0,-20px,0);
transform:translate3d(0,-20px,0)
}
75%{
-webkit-transform:translate3d(0,10px,0);
transform:translate3d(0,10px,0)
}
90%{
-webkit-transform:translate3d(0,-5px,0);
transform:translate3d(0,-5px,0)
}
to{
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes bounceInUp{
60%,75%,90%,from,to{
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
from{
opacity:0;
-webkit-transform:translate3d(0,3000px,0);
transform:translate3d(0,3000px,0)
}
60%{
opacity:1;
-webkit-transform:translate3d(0,-20px,0);
transform:translate3d(0,-20px,0)
}
75%{
-webkit-transform:translate3d(0,10px,0);
transform:translate3d(0,10px,0)
}
90%{
-webkit-transform:translate3d(0,-5px,0);
transform:translate3d(0,-5px,0)
}
to{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
}
.ypm-bounceInUp{
-webkit-animation-name:bounceInUp;
animation-name:bounceInUp
}
@-webkit-keyframes bounceOut{
20%{
-webkit-transform:scale3d(.9,.9,.9);
transform:scale3d(.9,.9,.9)
}
50%,55%{
opacity:1;
-webkit-transform:scale3d(1.1,1.1,1.1);
transform:scale3d(1.1,1.1,1.1)
}
to{
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
}
@keyframes bounceOut{
20%{
-webkit-transform:scale3d(.9,.9,.9);
transform:scale3d(.9,.9,.9)
}
50%,55%{
opacity:1;
-webkit-transform:scale3d(1.1,1.1,1.1);
transform:scale3d(1.1,1.1,1.1)
}
to{
opacity:0;
-webkit-transform:scale3d(.3,.3,.3);
transform:scale3d(.3,.3,.3)
}
}
.ypm-bounceOut{
-webkit-animation-name:bounceOut;
animation-name:bounceOut
}
@-webkit-keyframes bounceOutDown{
20%{
-webkit-transform:translate3d(0,10px,0);
transform:translate3d(0,10px,0)
}
40%,45%{
opacity:1;
-webkit-transform:translate3d(0,-20px,0);
transform:translate3d(0,-20px,0)
}
to{
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
@keyframes bounceOutDown{
20%{
-webkit-transform:translate3d(0,10px,0);
transform:translate3d(0,10px,0)
}
40%,45%{
opacity:1;
-webkit-transform:translate3d(0,-20px,0);
transform:translate3d(0,-20px,0)
}
to{
opacity:0;
-webkit-transform:translate3d(0,2000px,0);
transform:translate3d(0,2000px,0)
}
}
.bounceOutDown{
-webkit-animation-name:bounceOutDown;
animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft{
20%{
opacity:1;
-webkit-transform:translate3d(20px,0,0);
transform:translate3d(20px,0,0)
}
to{
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
@keyframes bounceOutLeft{
20%{
opacity:1;
-webkit-transform:translate3d(20px,0,0);
transform:translate3d(20px,0,0)
}
to{
opacity:0;
-webkit-transform:translate3d(-2000px,0,0);
transform:translate3d(-2000px,0,0)
}
}
.ypm-bounceOutLeft{
-webkit-animation-name:bounceOutLeft;
animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight{
20%{
opacity:1;
-webkit-transform:translate3d(-20px,0,0);
transform:translate3d(-20px,0,0)
}
to{
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
@keyframes bounceOutRight{
20%{
opacity:1;
-webkit-transform:translate3d(-20px,0,0);
transform:translate3d(-20px,0,0)
}
to{
opacity:0;
-webkit-transform:translate3d(2000px,0,0);
transform:translate3d(2000px,0,0)
}
}
.bounceOutRight{
-webkit-animation-name:bounceOutRight;
animation-name:bounceOutRight
}
@-webkit-keyframes bounceOutUp{
20%{
-webkit-transform:translate3d(0,-10px,0);
transform:translate3d(0,-10px,0)
}
40%,45%{
opacity:1;
-webkit-transform:translate3d(0,20px,0);
transform:translate3d(0,20px,0)
}
to{
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
@keyframes bounceOutUp{
20%{
-webkit-transform:translate3d(0,-10px,0);
transform:translate3d(0,-10px,0)
}
40%,45%{
opacity:1;
-webkit-transform:translate3d(0,20px,0);
transform:translate3d(0,20px,0)
}
to{
opacity:0;
-webkit-transform:translate3d(0,-2000px,0);
transform:translate3d(0,-2000px,0)
}
}
.bounceOutUp{
-webkit-animation-name:bounceOutUp;
animation-name:bounceOutUp
}
@-webkit-keyframes fadeIn{
from{
opacity:0
}
to{
opacity:1
}
}
@keyframes fadeIn{
from{
opacity:0
}
to{
opacity:1
}
}
.ypm-fadeIn{
-webkit-animation-name:fadeIn;
animation-name:fadeIn
}
@-webkit-keyframes fadeInDown{
from{
opacity:0;
-webkit-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0)
}
to{
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDown{
from{
opacity:0;
-webkit-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0)
}
to{
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInDown{
-webkit-animation-name:fadeInDown;
animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig{
from{
opacity:0;
-webkit-transform:translate3d(0,-2000px,0);
transform:translate3d(0,-2000px,0)
}
to{
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDownBig{
from{
opacity:0;
-webkit-transform:translate3d(0,-2000px,0);
transform:translate3d(0,-2000px,0)
}
to{
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInDownBig{
-webkit-animation-name:fadeInDownBig;
animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeft{
from{
opacity:0;
-webkit-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0)
}
to{
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeft{
from{
opacity:0;
-webkit-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0)
}
to{
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInLeft{
-webkit-animation-name:fadeInLeft;
animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig{
from{
opacity:0;
-webkit-transform:translate3d(-2000px,0,0);
transform:translate3d(-2000px,0,0)
}
to{
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeftBig{
from{
opacity:0;
-webkit-transform:translate3d(-2000px,0,0);
transform:translate3d(-2000px,0,0)
}
to{
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInLeftBig{
-webkit-animation-name:fadeInLeftBig;
animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight{
from{
opacity:0;
-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0)
}
to{
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRight{
from{
opacity:0;
-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0)
}
to{
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInRight{
-webkit-animation-name:fadeInRight;
animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig{
from{
opacity:0;
-webkit-transform:translate3d(2000px,0,0);
transform:translate3d(2000px,0,0)
}
to{
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRightBig{
from{
opacity:0;
-webkit-transform:translate3d(2000px,0,0);
transform:translate3d(2000px,0,0)
}
to{
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInRightBig{
-webkit-animation-name:fadeInRightBig;
animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp{
from{
opacity:0;
-webkit-transform:translate3d(0,100%,0);
transform:translate3d(0,100%,0)
}
to{
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp{
from{
opacity:0;
-webkit-transform:translate3d(0,100%,0);
transform:translate3d(0,100%,0)
}
to{
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInUp{
-webkit-animation-name:fadeInUp;
animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpBig{
from{
opacity:0;
-webkit-transform:translate3d(0,2000px,0);
transform:translate3d(0,2000px,0)
}
to{
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUpBig{
from{
opacity:0;
-webkit-transform:translate3d(0,2000px,0);
transform:translate3d(0,2000px,0)
}
to{
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInUpBig{
-webkit-animation-name:fadeInUpBig;
animation-name:fadeInUpBig
}
@-webkit-keyframes fadeOut{
from{
opacity:1
}
to{
opacity:0
}
}
@keyframes fadeOut{
from{
opacity:1
}
to{
opacity:0
}
}
.ypm-fadeOut{
-webkit-animation-name:fadeOut;
animation-name:fadeOut
}
@-webkit-keyframes fadeOutDown{
from{
opacity:1
}
to{
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown{
from{
opacity:1
}
to{
opacity:0;
-webkit-transform:translate3d(0,100%,0);
transform:translate3d(0,100%,0)
}
}
.fadeOutDown{
-webkit-animation-name:fadeOutDown;
animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutDownBig{
from{
opacity:1
}
to{
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig{
from{
opacity:1
}
to{
opacity:0;
-webkit-transform:translate3d(0,2000px,0);
transform:translate3d(0,2000px,0)
}
}
.fadeOutDownBig{
-webkit-animation-name:fadeOutDownBig;
animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft{
from{
opacity:1
}
to{
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft{
from{
opacity:1
}
to{
opacity:0;
-webkit-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0)
}
}
.fadeOutLeft{
-webkit-animation-name:fadeOutLeft;
animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig{
from{
opacity:1
}
to{
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig{
from{
opacity:1
}
to{
opacity:0;
-webkit-transform:translate3d(-2000px,0,0);
transform:translate3d(-2000px,0,0)
}
}
.fadeOutLeftBig{
-webkit-animation-name:fadeOutLeftBig;
animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight{
from{
opacity:1
}
to{
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight{
from{
opacity:1
}
to{
opacity:0;
-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0)
}
}
.fadeOutRight{
-webkit-animation-name:fadeOutRight;
animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutRightBig{
from{
opacity:1
}
to{
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig{
from{
opacity:1
}
to{
opacity:0;
-webkit-transform:translate3d(2000px,0,0);
transform:translate3d(2000px,0,0)
}
}
.fadeOutRightBig{
-webkit-animation-name:fadeOutRightBig;
animation-name:fadeOutRightBig
}
@-webkit-keyframes fadeOutUp{
from{
opacity:1
}
to{
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp{
from{
opacity:1
}
to{
opacity:0;
-webkit-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0)
}
}
.fadeOutUp{
-webkit-animation-name:fadeOutUp;
animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutUpBig{
from{
opacity:1
}
to{
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig{
from{
opacity:1
}
to{
opacity:0;
-webkit-transform:translate3d(0,-2000px,0);
transform:translate3d(0,-2000px,0)
}
}
.fadeOutUpBig{
-webkit-animation-name:fadeOutUpBig;
animation-name:fadeOutUpBig
}
@-webkit-keyframes flip{
from{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0,1,0,-360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40%{
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0,1,0,-190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50%{
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0,1,0,-170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80%{
-webkit-transform:perspective(400px) scale3d(.95, .95, .95);
transform:perspective(400px) scale3d(.95,.95,.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to{
-webkit-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
@keyframes flip{
from{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0,1,0,-360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40%{
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0,1,0,-190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50%{
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0,1,0,-170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80%{
-webkit-transform:perspective(400px) scale3d(.95, .95, .95);
transform:perspective(400px) scale3d(.95,.95,.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to{
-webkit-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
.ypm-animated.ypm-flip{
-webkit-backface-visibility:visible;
backface-visibility:visible;
-webkit-animation-name:flip;
animation-name:flip
}
@-webkit-keyframes flipInX{
from{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1,0,0,90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1,0,0,-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1,0,0,10deg);
opacity:1
}
80%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1,0,0,-5deg)
}
to{
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInX{
from{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1,0,0,90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1,0,0,-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1,0,0,10deg);
opacity:1
}
80%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1,0,0,-5deg)
}
to{
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
.ypm-flipInX{
backface-visibility:visible!important;
-webkit-animation-name:flipInX;
animation-name:flipInX
}
.flipInX,.flipInY{
-webkit-backface-visibility:visible!important
}
@-webkit-keyframes flipInY{
from{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0,1,0,90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40%{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0,1,0,-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60%{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0,1,0,10deg);
opacity:1
}
80%{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0,1,0,-5deg)
}
to{
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInY{
from{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0,1,0,90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40%{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0,1,0,-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60%{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0,1,0,10deg);
opacity:1
}
80%{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0,1,0,-5deg)
}
to{
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
.flipInY{
backface-visibility:visible!important;
-webkit-animation-name:flipInY;
animation-name:flipInY
}
@-webkit-keyframes flipOutX{
from{
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1,0,0,-20deg);
opacity:1
}
to{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity:0
}
}
@keyframes flipOutX{
from{
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30%{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1,0,0,-20deg);
opacity:1
}
to{
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1,0,0,90deg);
opacity:0
}
}
.flipOutX{
-webkit-animation-name:flipOutX;
animation-name:flipOutX;
backface-visibility:visible!important
}
.flipOutX,.flipOutY{
-webkit-backface-visibility:visible!important
}
@-webkit-keyframes flipOutY{
from{
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30%{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
transform:perspective(400px) rotate3d(0,1,0,-15deg);
opacity:1
}
to{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity:0
}
}
@keyframes flipOutY{
from{
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30%{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
transform:perspective(400px) rotate3d(0,1,0,-15deg);
opacity:1
}
to{
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0,1,0,90deg);
opacity:0
}
}
.flipOutY{
backface-visibility:visible!important;
-webkit-animation-name:flipOutY;
animation-name:flipOutY
}
@-webkit-keyframes lightSpeedIn{
from{
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60%{
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80%{
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
to{
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes lightSpeedIn{
from{
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60%{
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80%{
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
to{
-webkit-transform:none;
transform:none;
opacity:1
}
}
.lightSpeedIn{
-webkit-animation-name:lightSpeedIn;
animation-name:lightSpeedIn;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
@-webkit-keyframes lightSpeedOut{
from{
opacity:1
}
to{
-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
transform:translate3d(100%, 0, 0) skewX(30deg);
opacity:0
}
}
@keyframes lightSpeedOut{
from{
opacity:1
}
to{
-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
transform:translate3d(100%, 0, 0) skewX(30deg);
opacity:0
}
}
.lightSpeedOut{
-webkit-animation-name:lightSpeedOut;
animation-name:lightSpeedOut;
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
@-webkit-keyframes rotateIn{
from{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0,0,1,-200deg);
transform:rotate3d(0,0,1,-200deg);
opacity:0
}
to{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateIn{
from{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0,0,1,-200deg);
transform:rotate3d(0,0,1,-200deg);
opacity:0
}
to{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.ypm-rotateIn{
-webkit-animation-name:rotateIn;
animation-name:rotateIn
}
@-webkit-keyframes rotateInDownLeft{
from{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0,0,1,-45deg);
transform:rotate3d(0,0,1,-45deg);
opacity:0
}
to{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInDownLeft{
from{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0,0,1,-45deg);
transform:rotate3d(0,0,1,-45deg);
opacity:0
}
to{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.ypm-rotateInDownLeft{
-webkit-animation-name:rotateInDownLeft;
animation-name:rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight{
from{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0,0,1,45deg);
transform:rotate3d(0,0,1,45deg);
opacity:0
}
to{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInDownRight{
from{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0,0,1,45deg);
transform:rotate3d(0,0,1,45deg);
opacity:0
}
to{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateInDownRight{
-webkit-animation-name:rotateInDownRight;
animation-name:rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft{
from{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0,0,1,45deg);
transform:rotate3d(0,0,1,45deg);
opacity:0
}
to{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInUpLeft{
from{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0,0,1,45deg);
transform:rotate3d(0,0,1,45deg);
opacity:0
}
to{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateInUpLeft{
-webkit-animation-name:rotateInUpLeft;
animation-name:rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight{
from{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0,0,1,-90deg);
transform:rotate3d(0,0,1,-90deg);
opacity:0
}
to{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInUpRight{
from{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0,0,1,-90deg);
transform:rotate3d(0,0,1,-90deg);
opacity:0
}
to{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateInUpRight{
-webkit-animation-name:rotateInUpRight;
animation-name:rotateInUpRight
}
@-webkit-keyframes rotateOut{
from{
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
to{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, 200deg);
transform:rotate3d(0, 0, 1, 200deg);
opacity:0
}
}
@keyframes rotateOut{
from{
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
to{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0,0,1,200deg);
transform:rotate3d(0,0,1,200deg);
opacity:0
}
}
.ypm-rotateOut{
-webkit-animation-name:rotateOut;
animation-name:rotateOut
}
@-webkit-keyframes rotateOutDownLeft{
from{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
}
@keyframes rotateOutDownLeft{
from{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0,0,1,45deg);
transform:rotate3d(0,0,1,45deg);
opacity:0
}
}
.rotateOutDownLeft{
-webkit-animation-name:rotateOutDownLeft;
animation-name:rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight{
from{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
@keyframes rotateOutDownRight{
from{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0,0,1,-45deg);
transform:rotate3d(0,0,1,-45deg);
opacity:0
}
}
.rotateOutDownRight{
-webkit-animation-name:rotateOutDownRight;
animation-name:rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft{
from{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
@keyframes rotateOutUpLeft{
from{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0,0,1,-45deg);
transform:rotate3d(0,0,1,-45deg);
opacity:0
}
}
.rotateOutUpLeft{
-webkit-animation-name:rotateOutUpLeft;
animation-name:rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight{
from{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 90deg);
transform:rotate3d(0, 0, 1, 90deg);
opacity:0
}
}
@keyframes rotateOutUpRight{
from{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0,0,1,90deg);
transform:rotate3d(0,0,1,90deg);
opacity:0
}
}
.rotateOutUpRight{
-webkit-animation-name:rotateOutUpRight;
animation-name:rotateOutUpRight
}
@-webkit-keyframes hinge{
0%{
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%,60%{
-webkit-transform:rotate3d(0, 0, 1, 80deg);
transform:rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%,80%{
-webkit-transform:rotate3d(0, 0, 1, 60deg);
transform:rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to{
-webkit-transform:translate3d(0, 700px, 0);
transform:translate3d(0, 700px, 0);
opacity:0
}
}
@keyframes hinge{
0%{
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%,60%{
-webkit-transform:rotate3d(0, 0, 1, 80deg);
transform:rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%,80%{
-webkit-transform:rotate3d(0, 0, 1, 60deg);
transform:rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to{
-webkit-transform:translate3d(0,700px,0);
transform:translate3d(0,700px,0);
opacity:0
}
}
.hinge{
-webkit-animation-name:hinge;
animation-name:hinge
}
@-webkit-keyframes rollIn{
from{
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform:translate3d(-100%, 0, 0) rotate3d(0,0,1,-120deg)
}
to{
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes rollIn{
from{
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform:translate3d(-100%, 0, 0) rotate3d(0,0,1,-120deg)
}
to{
opacity:1;
-webkit-transform:none;
transform:none
}
}
.rollIn{
-webkit-animation-name:rollIn;
animation-name:rollIn
}
@-webkit-keyframes rollOut{
from{
opacity:1
}
to{
opacity:0;
-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
@keyframes rollOut{
from{
opacity:1
}
to{
opacity:0;
-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform:translate3d(100%, 0, 0) rotate3d(0,0,1,120deg)
}
}
.rollOut{
-webkit-animation-name:rollOut;
animation-name:rollOut
}
@-webkit-keyframes zoomIn{
from{
opacity:0;
-webkit-transform:scale3d(.3,.3,.3);
transform:scale3d(.3,.3,.3)
}
50%{
opacity:1
}
}
@keyframes zoomIn{
from{
opacity:0;
-webkit-transform:scale3d(.3,.3,.3);
transform:scale3d(.3,.3,.3)
}
50%{
opacity:1
}
}
.zoomIn{
-webkit-animation-name:zoomIn;
animation-name:zoomIn
}
@-webkit-keyframes zoomInDown{
from{
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0,-1000px,0);
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
60%{
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInDown{
from{
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0,-1000px,0);
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
60%{
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0,60px,0);
-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
animation-timing-function:cubic-bezier(.175,.885,.32,1)
}
}
.zoomInDown{
-webkit-animation-name:zoomInDown;
animation-name:zoomInDown
}
@-webkit-keyframes zoomInLeft{
from{
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px,0,0);
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
60%{
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInLeft{
from{
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px,0,0);
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
60%{
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px,0,0);
-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
animation-timing-function:cubic-bezier(.175,.885,.32,1)
}
}
.zoomInLeft{
-webkit-animation-name:zoomInLeft;
animation-name:zoomInLeft
}
@-webkit-keyframes zoomInRight{
from{
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px,0,0);
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
60%{
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInRight{
from{
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px,0,0);
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
60%{
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px,0,0);
-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
animation-timing-function:cubic-bezier(.175,.885,.32,1)
}
}
.zoomInRight{
-webkit-animation-name:zoomInRight;
animation-name:zoomInRight
}
@-webkit-keyframes zoomInUp{
from{
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0,1000px,0);
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
60%{
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInUp{
from{
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0,1000px,0);
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
60%{
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0,-60px,0);
-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
animation-timing-function:cubic-bezier(.175,.885,.32,1)
}
}
.zoomInUp{
-webkit-animation-name:zoomInUp;
animation-name:zoomInUp
}
@-webkit-keyframes zoomOut{
from{
opacity:1
}
50%{
opacity:0;
-webkit-transform:scale3d(.3,.3,.3);
transform:scale3d(.3,.3,.3)
}
to{
opacity:0
}
}
@keyframes zoomOut{
from{
opacity:1
}
50%{
opacity:0;
-webkit-transform:scale3d(.3,.3,.3);
transform:scale3d(.3,.3,.3)
}
to{
opacity:0
}
}
.zoomOut{
-webkit-animation-name:zoomOut;
animation-name:zoomOut
}
@-webkit-keyframes zoomOutDown{
40%{
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0,-60px,0);
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
to{
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutDown{
40%{
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0,-60px,0);
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
to{
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
animation-timing-function:cubic-bezier(.175,.885,.32,1)
}
}
.zoomOutDown{
-webkit-animation-name:zoomOutDown;
animation-name:zoomOutDown
}
@-webkit-keyframes zoomOutLeft{
40%{
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px,0,0)
}
to{
opacity:0;
-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);
transform:scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin:left center;
transform-origin:left center
}
}
@keyframes zoomOutLeft{
40%{
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px,0,0)
}
to{
opacity:0;
-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);
transform:scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin:left center;
transform-origin:left center
}
}
.zoomOutLeft{
-webkit-animation-name:zoomOutLeft;
animation-name:zoomOutLeft
}
@-webkit-keyframes zoomOutRight{
40%{
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px,0,0)
}
to{
opacity:0;
-webkit-transform:scale(.1) translate3d(2000px, 0, 0);
transform:scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin:right center;
transform-origin:right center
}
}
@keyframes zoomOutRight{
40%{
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px,0,0)
}
to{
opacity:0;
-webkit-transform:scale(.1) translate3d(2000px, 0, 0);
transform:scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin:right center;
transform-origin:right center
}
}
.zoomOutRight{
-webkit-animation-name:zoomOutRight;
animation-name:zoomOutRight
}
@-webkit-keyframes zoomOutUp{
40%{
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0,60px,0);
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
to{
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutUp{
40%{
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0,60px,0);
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
to{
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
animation-timing-function:cubic-bezier(.175,.885,.32,1)
}
}
.zoomOutUp{
-webkit-animation-name:zoomOutUp;
animation-name:zoomOutUp
}
@-webkit-keyframes slideInDown{
from{
-webkit-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0);
visibility:visible
}
to{
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInDown{
from{
-webkit-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0);
visibility:visible
}
to{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
}
.ypm-slideInDown{
-webkit-animation-name:slideInDown;
animation-name:slideInDown
}
@-webkit-keyframes slideInLeft{
from{
-webkit-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0);
visibility:visible
}
to{
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInLeft{
from{
-webkit-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0);
visibility:visible
}
to{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
}
.slideInLeft{
-webkit-animation-name:slideInLeft;
animation-name:slideInLeft
}
@-webkit-keyframes slideInRight{
from{
-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0);
visibility:visible
}
to{
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInRight{
from{
-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0);
visibility:visible
}
to{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
}
.slideInRight{
-webkit-animation-name:slideInRight;
animation-name:slideInRight
}
@-webkit-keyframes slideInUp{
from{
-webkit-transform:translate3d(0,100%,0);
transform:translate3d(0,100%,0);
visibility:visible
}
to{
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInUp{
from{
-webkit-transform:translate3d(0,100%,0);
transform:translate3d(0,100%,0);
visibility:visible
}
to{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
}
.ypm-slideInUp{
-webkit-animation-name:slideInUp;
animation-name:slideInUp
}
@-webkit-keyframes slideOutDown{
from{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
to{
visibility:hidden;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown{
from{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
to{
visibility:hidden;
-webkit-transform:translate3d(0,100%,0);
transform:translate3d(0,100%,0)
}
}
.ypm-slideOutDown{
-webkit-animation-name:slideOutDown;
animation-name:slideOutDown
}
@-webkit-keyframes slideOutLeft{
from{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
to{
visibility:hidden;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft{
from{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
to{
visibility:hidden;
-webkit-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0)
}
}
.slideOutLeft{
-webkit-animation-name:slideOutLeft;
animation-name:slideOutLeft
}
@-webkit-keyframes slideOutRight{
from{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
to{
visibility:hidden;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight{
from{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
to{
visibility:hidden;
-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0)
}
}
.slideOutRight{
-webkit-animation-name:slideOutRight;
animation-name:slideOutRight
}
@-webkit-keyframes slideOutUp{
from{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
to{
visibility:hidden;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp{
from{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
to{
visibility:hidden;
-webkit-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0)
}
}  #ypmcolorbox:focus-visible {
outline: none !important;
}
.ypm-hide {
display: none;
} .ypm-floating-button{
display:inline-block;
text-decoration:none !important;
z-index:99999999;
position:fixed;
text-align:center;
padding:10px;
font-family:sans-serif !important;
font-weight:600 !important;
box-shadow:none !important;
-webkit-box-shadow:none !important;
-moz-box-shadow:none !important;
cursor:pointer !important;
letter-spacing:0.05em !important;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
#ypm-floating-button{
display:inline-block;
text-decoration:none;
font-family:sans-serif;
font-weight:600;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
cursor:pointer !important;
letter-spacing:0.05em !important;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
#ypm-floating-button:focus,.ypm-floating-button:focus{
outline:0 !important
}
.ypm-button-left-center{
transform:rotate(90deg) !important;
transform-origin:left bottom 0px !important
}
.ypm-button-right-center{
transform:rotate(-90deg);
transform-origin:right bottom 0px;
right:0px
}
.ypm-button-bottom-right{
right:0px;
bottom:0px
}
.ypm-button-bottom-left{
bottom:0px;
left:0px
}
.ypm-button-top-right{
right:0px;
top:0px
}
.ypm-button-bottom-center{
bottom:0
}
.ypm-button-top-left{
left:0px;
top:0px
}
.ypm-corner-bottom_right{
right:-65px;
bottom:-30px;
transform:rotate(-45deg);
transform-origin:right center 0;
width:160px;
height:160px;
display:inline-grid;
border:none !important
}
.ypm-corner-bottom_right:hover{
right:-63px !important;
bottom:-28px !important
}
.ypm-corner-bottom_left{
bottom:-145px;
left:-115px;
transform:rotate(45deg);
transform-origin:right center 0;
width:160px;
height:160px;
display:inline-grid;
border:none !important
}
.ypm-corner-bottom_left:hover{
bottom:-143px !important;
left:-113px !important
}
.ypm-corner-top_right{
width:160px;
height:160px;
display:inline-grid;
border:none !important;
right:62px;
top:-145px;
transform:rotate(-140deg);
transform-origin:right center 0
}
.ypm-corner-top_left .ypm-corner-floating-button-text, .ypm-corner-top_right .ypm-corner-floating-button-text{
transform:rotate(180deg);
height:20px
}
.ypm-corner-top_right:hover{
right:64px !important;
top:-143px !important
}
.ypm-corner-top_left{
left:-220px;
top:-40px;
transform:rotate(140deg);
transform-origin:right center 0;
width:155px;
height:155px;
display:inline-grid;
border:none !important
}
.ypm-corner-top_left:hover{
left:-218px !important;
top:-38px !important
}
.ypm-corner-floating-button-text{
margin-bottom:120px !important
}