/*
    Colorbox Core Style
    The following CSS is consistent between example themes and should not be altered.
*/

#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;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/


#ypmcboxOverlay.ypmcolorbox1{opacity: 0.9; filter: alpha(opacity = 90);}

.ypmcboxOverlayBg.ypmcolorbox1 {background:url(../../img/colorbox1/overlay.png) repeat 0 0;}

#ypmcolorbox.ypmcolorbox1{outline:0;}

.ypmcolorbox1 #ypmcboxTopLeft{width:21px; height:21px; background:url(../../img/colorbox1/controls.png) no-repeat -101px 0;}

.ypmcolorbox1 #ypmcboxTopRight{width:21px; height:21px; background:url(../../img/colorbox1/controls.png) no-repeat -130px 0;}

.ypmcolorbox1 #ypmcboxBottomLeft{width:21px; height:21px; background:url(../../img/colorbox1/controls.png) no-repeat -101px -29px;}

.ypmcolorbox1 #ypmcboxBottomRight{width:21px; height:21px; background:url(../../img/colorbox1/controls.png) no-repeat -130px -29px;}

.ypmcolorbox1 #ypmcboxMiddleLeft{width:21px; background:url(../../img/colorbox1/controls.png) left top repeat-y;}

.ypmcolorbox1 #ypmcboxMiddleRight{width:21px; background:url(../../img/colorbox1/controls.png) right top repeat-y;}

.ypmcolorbox1 #ypmcboxTopCenter{height:21px; background:url(../../img/colorbox1/border.png) 0 0 repeat-x;}

.ypmcolorbox1 #ypmcboxBottomCenter{height:21px; background:url(../../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(../../img/colorbox1/loading_background.png) no-repeat center center;}

.ypmcolorbox1 #ypmcboxLoadingGraphic{background:url(../../img/colorbox1/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */

.ypmcolorbox1  #ypmcboxPrevious,.ypmcolorbox1 #ypmcboxNext,.ypmcolorbox1 #ypmcboxSlideshow,.ypmcolorbox1 #ypmcboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */

.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(../../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(../../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(../../img/colorbox1/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}

.ypmcolorbox1 #ypmcboxClose:hover{background-position:-25px -25px;}


/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/

.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;
}

/* Color box 2 css*/

/*
	Colorbox Core Style:
	The following CSS is consistent between example themes and should not be altered.
*/

#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;}

/*
	User Style:
	Change the following styles to modify the appearance of Colorbox.  They are
	ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#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(../../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;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */

.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(../../img/colorbox2/controls.png) no-repeat 0 0;}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */

.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;
}


/* Color box 3 css */

/*
	Colorbox Core Style:
	The following CSS is consistent between example themes and should not be altered.
*/

#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;}

/*
	User Style:
	Change the following styles to modify the appearance of Colorbox.  They are
	ordered & tabbed in a way that represents the nesting of the generated HTML.

*/

#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(../../img/colorbox3/loading.gif) no-repeat center center;}


/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */

.ypmcolorbox3 #ypmcboxPrevious,.ypmcolorbox3 #ypmcboxNext,.ypmcolorbox3 #ypmcboxSlideshow,.ypmcolorbox3 #ypmcboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */

.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(../../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(../../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(../../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;
}


/* Color box 4 css */

/*
	Colorbox Core Style:
	The following CSS is consistent between example themes and should not be altered.
*/
#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;}

/*
	User Style:
	Change the following styles to modify the appearance of Colorbox. They are
	ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#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(../../img/colorbox4/border1.png) no-repeat 0 0;}

.ypmcolorbox4 #ypmcboxTopCenter{height:25px; background:url(../../img/colorbox4/border1.png) repeat-x 0 -50px;}

.ypmcolorbox4 #ypmcboxTopRight{width:25px; height:25px; background:url(../../img/colorbox4/border1.png) no-repeat -25px 0;}

.ypmcolorbox4 #ypmcboxBottomLeft{width:25px; height:25px; background:url(../../img/colorbox4/border1.png) no-repeat 0 -25px;}

.ypmcolorbox4 #ypmcboxBottomCenter{height:25px; background:url(../../img/colorbox4/border1.png) repeat-x 0 -75px;}

.ypmcolorbox4 #ypmcboxBottomRight{width:25px; height:25px; background:url(../../img/colorbox4/border1.png) no-repeat -25px -25px;}

.ypmcolorbox4 #ypmcboxMiddleLeft{width:25px; background:url(../../img/colorbox4/border2.png) repeat-y 0 0;}

.ypmcolorbox4 #ypmcboxMiddleRight{width:25px; background:url(../../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(../../img/colorbox4/loading.gif) no-repeat 5px 5px;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
.ypmcolorbox4 #ypmcboxPrevious,.ypmcolorbox4 #ypmcboxNext,.ypmcolorbox4 #ypmcboxSlideshow,.ypmcolorbox4 #ypmcboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }


/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */

.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;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/


.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;
}

/* Color box 5 css */

/*
    Colorbox Core Style:
	The following CSS is consistent between example themes and should not be altered.
*/

#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;}


/*
	User Style:
	Change the following styles to modify the appearance of Colorbox.  They are
	ordered & tabbed in a way that represents the nesting of the generated HTML

*/

#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(../../img/colorbox5/controls.png) no-repeat 0 0;}

.ypmcolorbox5 #ypmcboxTopCenter{height:14px; background:url(../../img/colorbox5/border.png) repeat-x top left;}

.ypmcolorbox5 #ypmcboxTopRight{width:14px; height:14px; background:url(../../img/colorbox5/controls.png) no-repeat -36px 0;}

.ypmcolorbox5 #ypmcboxBottomLeft{width:14px; height:43px; background:url(../../img/colorbox5/controls.png) no-repeat 0 -32px;}

.ypmcolorbox5 #ypmcboxBottomCenter{height:43px; background:url(../../img/colorbox5/border.png) repeat-x bottom left;}

.ypmcolorbox5 #ypmcboxBottomRight{width:14px; height:43px; background:url(../../img/colorbox5/controls.png) no-repeat -36px -32px;}

.ypmcolorbox5 #ypmcboxMiddleLeft{width:14px; background:url(../../img/colorbox5/controls.png) repeat-y -175px 0;}

.ypmcolorbox5 #ypmcboxMiddleRight{width:14px; background:url(../../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(../../img/colorbox5/loading_background.png) no-repeat center center;}

.ypmcolorbox5 #ypmcboxLoadingGraphic{background:url(../../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;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */

.ypmcolorbox5 #ypmcboxPrevious,.ypmcolorbox5 #ypmcboxNext,.ypmcolorbox5 #ypmcboxSlideshow,.ypmcolorbox5 #ypmcboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom:-29px; background:url(../../img/colorbox5/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */

.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%;
}

/* Color box 6 css */

/*
	Colorbox Core Style:
	The following CSS is consistent between example themes and should not be altered.
*/
#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;}

/*
	User Style:
	Change the following styles to modify the appearance of Colorbox. They are
	ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#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(../../img/colorbox4/border1.png) no-repeat 0 0;}

.ypmcolorbox6 #ypmcboxTopCenter{height:25px; background:url(../../img/colorbox4/border1.png) repeat-x 0 -50px;}

.ypmcolorbox6 #ypmcboxTopRight{width:25px; height:25px; background:url(../../img/colorbox4/border1.png) no-repeat -25px 0;}

.ypmcolorbox6 #ypmcboxBottomLeft{width:25px; height:25px; background:url(../../img/colorbox4/border1.png) no-repeat 0 -25px;}

.ypmcolorbox6 #ypmcboxBottomCenter{height:25px; background:url(../../img/colorbox4/border1.png) repeat-x 0 -75px;}

.ypmcolorbox6 #ypmcboxBottomRight{width:25px; height:25px; background:url(../../img/colorbox4/border1.png) no-repeat -25px -25px;}

.ypmcolorbox6 #ypmcboxMiddleLeft{width:25px; background:url(../../img/colorbox4/border2.png) repeat-y 0 0;}

.ypmcolorbox6 #ypmcboxMiddleRight{width:25px; background:url(../../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(../../img/colorbox4/loading.gif) no-repeat 5px 5px;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
.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(../../img/colorbox6/close.png) no-repeat 0 0;}


/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */

.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;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/


.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);

}
/*Animate css start*/
/**/
.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)
	}
}
/*Animate css end*/
/*General styles*/
#ypmcolorbox:focus-visible {
	outline: none !important;
}
.ypm-hide {
	display: none;
}
/*Floating button*/
.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
}