/* styleform */
.sf_select { width: 250px; display: inline-block; cursor: default; position: relative; }
.sf_select .sf_field { border: 1px solid #e6e6e6; text-align: left; }
.sf_select .sf_field>div { display: table; width: 100%; }
.sf_select .sf_field_text { padding: 7px 15px 6px; display: table-cell; }
.sf_select .sf_point { width: 20px; font-size: 10px; display: table-cell; text-align: center; vertical-align: middle; }
.sf_select .sf_data_shell { border: 1px solid #64dde6; background: #fff; display: none; position: absolute; z-index: 90; width: 100%; overflow-y: scroll; }
.sf_select .sf_data { }
.sf_select .sf_data>div { padding: 7px 15px 6px; border-bottom: 1px solid #f1f1f1; }
.sf_select .sf_data>div.sf_selected { background: #64dde6; }
.sf_select .sf_data>div .sf_lvl { width: 20px; height: 1px; display: inline-block; }
.sf_select .sf_data>div .sf_title { display: inline-block; }
/* jScrollPane */
.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: red; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: #dde; position: relative; }
.jspDrag { background: #bbd; position: relative; top: 0; left: 0; cursor: pointer; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
/* fancybox */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 102; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 103; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('files/fancybox/sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 106; }
#fancybox-loading div { width: 44px; height: 44px; background: url('files/fancybox/loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 104; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('files/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 104; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 104; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 101; background: url('files/fancybox/overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 105; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 105; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('files/fancybox/sprite@2x.png'); background-size: 44px 152px; }
#fancybox-loading div { background-image: url('files/fancybox/loading@2x.gif'); background-size: 24px 24px; } }
#fancybox-thumbs { position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 105; }
#fancybox-thumbs.bottom { bottom: 2px; }
#fancybox-thumbs.top { top: 2px; }
#fancybox-thumbs ul { position: relative; list-style: none; margin: 0; padding: 0; }
#fancybox-thumbs ul li { float: left; padding: 1px; opacity: 0.5; }
#fancybox-thumbs ul li.active { opacity: 0.75; padding: 0; border: 1px solid #fff; }
#fancybox-thumbs ul li:hover { opacity: 1; }
#fancybox-thumbs ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111; outline: none; }
#fancybox-thumbs ul li img { display: block; position: relative; border: 0; padding: 0; max-width: none; }
#fancybox-buttons { position: fixed; left: 0; width: 100%; z-index: 105; }
#fancybox-buttons.top { top: 10px; }
#fancybox-buttons.bottom { bottom: 10px; }
#fancybox-buttons ul { display: block; width: 166px; height: 30px; margin: 0 auto; padding: 0; list-style: none; border: 1px solid #111; border-radius: 3px; -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); background: rgb(50,50,50); background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51))); background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 ); }
#fancybox-buttons ul li { float: left; margin: 0; padding: 0; }
#fancybox-buttons a { display: block; width: 30px; height: 30px; text-indent: -9999px; background-color: transparent; background-image: url('files/fancybox/buttons.png'); background-repeat: no-repeat; outline: none; opacity: 0.8; }
#fancybox-buttons a:hover { opacity: 1; }
#fancybox-buttons a.btnPrev { background-position: 5px 0; }
#fancybox-buttons a.btnNext { background-position: -33px 0; border-right: 1px solid #3e3e3e; }
#fancybox-buttons a.btnPlay { background-position: 0 -30px; }
#fancybox-buttons a.btnPlayOn { background-position: -30px -30px; }
#fancybox-buttons a.btnToggle { background-position: 3px -60px; border-left: 1px solid #111; border-right: 1px solid #3e3e3e; width: 35px }
#fancybox-buttons a.btnToggleOn { background-position: -27px -60px; }
#fancybox-buttons a.btnClose { border-left: 1px solid #111; width: 35px; background-position: -56px 0px; }
#fancybox-buttons a.btnDisabled { opacity : 0.4; cursor: default; }
/* bxslider */
.bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; }
.bx-wrapper img { max-width: 100%; display: block; }
.bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; left: -5px; background: #fff; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
.bx-wrapper .bx-loading { min-height: 50px; background: url(files/bxslider/loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 90; }
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }
.bx-wrapper .bx-prev { left: 10px; background: url(files/bxslider/controls.png) no-repeat 0 -32px; }
.bx-wrapper .bx-next { right: 10px; background: url(files/bxslider/controls.png) no-repeat -43px -32px; }
.bx-wrapper .bx-prev:hover { background-position: 0 0; }
.bx-wrapper .bx-next:hover { background-position: -43px 0; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 91; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(files/bxslider/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(files/bxslider/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }
/* imgAreaSelect */
.imgareaselect-border1 { background: url(files/imgAreaSelect/border-anim-v.gif) repeat-y left top; }
.imgareaselect-border2 { background: url(files/imgAreaSelect/border-anim-h.gif) repeat-x left top; }
.imgareaselect-border3 { background: url(files/imgAreaSelect/border-anim-v.gif) repeat-y right top; }
.imgareaselect-border4 { background: url(files/imgAreaSelect/border-anim-h.gif) repeat-x left bottom; }
.imgareaselect-border1, .imgareaselect-border2, .imgareaselect-border3, .imgareaselect-border4 { filter: alpha(opacity=50); opacity: 0.5; }
.imgareaselect-handle { background-color: #fff; border: solid 1px #000; filter: alpha(opacity=50); opacity: 0.5; }
.imgareaselect-outer { background-color: #000; filter: alpha(opacity=50); opacity: 0.5; }
.imgareaselect-selection { }
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, input, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, button, select
{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: middle; }
span, a, strong { vertical-align: baseline; }
:focus, input, textarea { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.clear { clear: both; }
.fl_r { float: right; }
.fl_l { float: left; }
.block { min-width: 1000px; position: relative; }
.block>div { width: 1000px; margin: 0 auto; position: relative; }
.block>div.absolute { width: 0; white-space: nowrap; }
.item1, .item2, .item3, .item4, .item5, .item6, .item7, .item8, .item9, .item10, .item11, .item12, .item13, .item14, .item15 { position: absolute; text-align: center; }
div.table { display: table; border-collapse: collapse; width: 100%; }
div.table>div { display: table-cell; padding: 0; vertical-align: top; }
.align { height: 100%; width: 100%; text-align: center; vertical-align: middle; display: table; }
.align>div { display: table-cell; vertical-align: middle; text-align: center; }
.link, a { text-decoration: underline; color: #0447b1; cursor: pointer; display: inline-block; }
.link:hover, a:hover { text-decoration: none; }
div.message { color: green; }
div.error { color: #d60202; }
input.error { border: 1px solid #d60202 !important; }
textarea.error, textarea.error + div.cke { border: 1px solid #d60202; }
/*.cke_skin_kama span.cke_browser_webkit, .cke_skin_kama span.cke_browser_gecko18 { outline: none !important; }*/
input[type=text], input[type=password], textarea, select { font-size: 15px; color: #333333;
background: #fff; border: 1px solid #e6e6e6; width: 220px; padding: 5px 10px; margin: 5px; }
input[type=submit], input[type=button], button { font-size: 15px; color: #efefef;
background: #2e68a5; border: none; padding: 7px 35px 8px; cursor: pointer; }
input[type=submit]:hover, input[type=button]:hover, button:hover { background-position: right; }
#dark { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0.8; z-index: 100; }
.window { margin-left: -230px; width: 420px; padding: 50px 20px; background: rgba(0, 0, 0, 0.5); color: #fff; border: 1px solid #fff;
min-height: 200px; height: auto; position: fixed; top: 25%; left: 50%; text-align: center; box-shadow: 0 0 20px #000; z-index: 101; }
.window .title { font-size: 24px; color: #fff; text-align: center; padding: 10px 20px 20px; }
.window form input[type=text] { }
.window form input[type=submit] { }
.window .align { min-height: 200px; }
.window .close { position: absolute; top: 4px; right: 4px; width: 31px; height: 31px; background: url(../files/design/close.png); cursor: pointer; z-index: 15; }
.window .wait { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, .6); z-index: 14; }
.window .wait div { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../files/design/wait.gif) no-repeat center; background-size: 70px 70px; }
#load-time { margin: 5px 10px; cursor: move; position: absolute; top: 0; right: 0; width: 150px; padding: 10px 30px 10px 10px; color: #eee; background: #777777; border-radius: 8px; z-index: 2; }
#load-time-close { cursor: pointer; padding: 0 3px; height: 16px; margin: 5px; position: absolute; top: 0; right: 0; border: 1px solid #777; background-color: #555; color: #ddd; border-radius: 3px; }
/* animations */
.slideDown{animation-name:slideDown;-webkit-animation-name:slideDown;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible !important;opacity:1 !important;}
@keyframes slideDown{0%{transform:translateY(-100%);}
50%{transform:translateY(8%);}
65%{transform:translateY(-4%);}
80%{transform:translateY(4%);}
95%{transform:translateY(-2%);}
100%{transform:translateY(0%);}
}
@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-100%);}
50%{-webkit-transform:translateY(8%);}
65%{-webkit-transform:translateY(-4%);}
80%{-webkit-transform:translateY(4%);}
95%{-webkit-transform:translateY(-2%);}
100%{-webkit-transform:translateY(0%);}
}
.slideUp{animation-name:slideUp;-webkit-animation-name:slideUp;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible !important;opacity:1 !important;}
@keyframes slideUp{0%{transform:translateY(100%);}
50%{transform:translateY(-8%);}
65%{transform:translateY(4%);}
80%{transform:translateY(-4%);}
95%{transform:translateY(2%);}
100%{transform:translateY(0%);}
}
@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(100%);}
50%{-webkit-transform:translateY(-8%);}
65%{-webkit-transform:translateY(4%);}
80%{-webkit-transform:translateY(-4%);}
95%{-webkit-transform:translateY(2%);}
100%{-webkit-transform:translateY(0%);}
}
.slideLeft{animation-name:slideLeft;-webkit-animation-name:slideLeft;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible !important;opacity:1 !important;}
@keyframes slideLeft{0%{transform:translateX(150%);}
50%{transform:translateX(-8%);}
65%{transform:translateX(4%);}
80%{transform:translateX(-4%);}
95%{transform:translateX(2%);}
100%{transform:translateX(0%);}
}
@-webkit-keyframes slideLeft{0%{-webkit-transform:translateX(150%);}
50%{-webkit-transform:translateX(-8%);}
65%{-webkit-transform:translateX(4%);}
80%{-webkit-transform:translateX(-4%);}
95%{-webkit-transform:translateX(2%);}
100%{-webkit-transform:translateX(0%);}
}
.slideRight{animation-name:slideRight;-webkit-animation-name:slideRight;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible !important;opacity:1 !important;}
@keyframes slideRight{0%{transform:translateX(-150%);}
50%{transform:translateX(8%);}
65%{transform:translateX(-4%);}
80%{transform:translateX(4%);}
95%{transform:translateX(-2%);}
100%{transform:translateX(0%);}
}
@-webkit-keyframes slideRight{0%{-webkit-transform:translateX(-150%);}
50%{-webkit-transform:translateX(8%);}
65%{-webkit-transform:translateX(-4%);}
80%{-webkit-transform:translateX(4%);}
95%{-webkit-transform:translateX(-2%);}
100%{-webkit-transform:translateX(0%);}
}
.slideExpandUp{animation-name:slideExpandUp;-webkit-animation-name:slideExpandUp;animation-duration:1.6s;-webkit-animation-duration:1.6s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease -out;visibility:visible !important;opacity:1 !important;}
@keyframes slideExpandUp{0%{transform:translateY(100%) scaleX(0.5);}
30%{transform:translateY(-8%) scaleX(0.5);}
40%{transform:translateY(2%) scaleX(0.5);}
50%{transform:translateY(0%) scaleX(1.1);}
60%{transform:translateY(0%) scaleX(0.9);}
70%{transform:translateY(0%) scaleX(1.05);}
80%{transform:translateY(0%) scaleX(0.95);}
90%{transform:translateY(0%) scaleX(1.02);}
100%{transform:translateY(0%) scaleX(1);}
}
@-webkit-keyframes slideExpandUp{0%{-webkit-transform:translateY(100%) scaleX(0.5);}
30%{-webkit-transform:translateY(-8%) scaleX(0.5);}
40%{-webkit-transform:translateY(2%) scaleX(0.5);}
50%{-webkit-transform:translateY(0%) scaleX(1.1);}
60%{-webkit-transform:translateY(0%) scaleX(0.9);}
70%{-webkit-transform:translateY(0%) scaleX(1.05);}
80%{-webkit-transform:translateY(0%) scaleX(0.95);}
90%{-webkit-transform:translateY(0%) scaleX(1.02);}
100%{-webkit-transform:translateY(0%) scaleX(1);}
}
.expandUp{animation-name:expandUp;-webkit-animation-name:expandUp;animation-duration:0.7s;-webkit-animation-duration:0.7s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible !important;opacity:1 !important;}
@keyframes expandUp{0%{transform:translateY(100%) scale(0.6) scaleY(0.5);}
60%{transform:translateY(-7%) scaleY(1.12);}
75%{transform:translateY(3%);}
100%{transform:translateY(0%) scale(1) scaleY(1);}
}
@-webkit-keyframes expandUp{0%{-webkit-transform:translateY(100%) scale(0.6) scaleY(0.5);}
60%{-webkit-transform:translateY(-7%) scaleY(1.12);}
75%{-webkit-transform:translateY(3%);}
100%{-webkit-transform:translateY(0%) scale(1) scaleY(1);}
}
.fadeIn{animation-name:fadeIn;-webkit-animation-name:fadeIn;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible !important;opacity:1 !important;}
@keyframes fadeIn{0%{transform:scale(0);opacity:0.0;}
60%{transform:scale(1.1);}
80%{transform:scale(0.9);opacity:1;}
100%{transform:scale(1);opacity:1;}
}
@-webkit-keyframes fadeIn{0%{-webkit-transform:scale(0);opacity:0.0;}
60%{-webkit-transform:scale(1.1);}
80%{-webkit-transform:scale(0.9);opacity:1;}
100%{-webkit-transform:scale(1);opacity:1;}
}
.expandOpen{animation-name:expandOpen;-webkit-animation-name:expandOpen;animation-duration:1.2s;-webkit-animation-duration:1.2s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;visibility:visible !important;opacity:1 !important;}
@keyframes expandOpen{0%{transform:scale(1.8);}
50%{transform:scale(0.95);}
80%{transform:scale(1.05);}
90%{transform:scale(0.98);}
100%{transform:scale(1);}
}
@-webkit-keyframes expandOpen{0%{-webkit-transform:scale(1.8);}
50%{-webkit-transform:scale(0.95);}
80%{-webkit-transform:scale(1.05);}
90%{-webkit-transform:scale(0.98);}
100%{-webkit-transform:scale(1);}
}
.bigEntrance{animation-name:bigEntrance;-webkit-animation-name:bigEntrance;animation-duration:1.6s;-webkit-animation-duration:1.6s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;visibility:visible !important;opacity:1 !important;}
@keyframes bigEntrance{0%{transform:scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);opacity:0.2;}
30%{transform:scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);opacity:1;}
45%{transform:scale(0.98) rotate(1deg) translateX(0%) translateY(0%);opacity:1;}
60%{transform:scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);opacity:1;}
75%{transform:scale(0.99) rotate(1deg) translateX(0%) translateY(0%);opacity:1;}
90%{transform:scale(1.01) rotate(0deg) translateX(0%) translateY(0%);opacity:1;}
100%{transform:scale(1) rotate(0deg) translateX(0%) translateY(0%);opacity:1;}
}
@-webkit-keyframes bigEntrance{0%{-webkit-transform:scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);opacity:0.2;}
30%{-webkit-transform:scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);opacity:1;}
45%{-webkit-transform:scale(0.98) rotate(1deg) translateX(0%) translateY(0%);opacity:1;}
60%{-webkit-transform:scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);opacity:1;}
75%{-webkit-transform:scale(0.99) rotate(1deg) translateX(0%) translateY(0%);opacity:1;}
90%{-webkit-transform:scale(1.01) rotate(0deg) translateX(0%) translateY(0%);opacity:1;}
100%{-webkit-transform:scale(1) rotate(0deg) translateX(0%) translateY(0%);opacity:1;}
}
.hatch{animation-name:hatch;-webkit-animation-name:hatch;animation-duration:2s;-webkit-animation-duration:2s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;transform-origin:50% 100%;-ms-transform-origin:50% 100%;-webkit-transform-origin:50% 100%;visibility:visible !important;opacity:1 !important;}
@keyframes hatch{0%{transform:rotate(0deg) scaleY(0.6);}
20%{transform:rotate(-2deg) scaleY(1.05);}
35%{transform:rotate(2deg) scaleY(1);}
50%{transform:rotate(-2deg);}
65%{transform:rotate(1deg);}
80%{transform:rotate(-1deg);}
100%{transform:rotate(0deg);}
}
@-webkit-keyframes hatch{0%{-webkit-transform:rotate(0deg) scaleY(0.6);}
20%{-webkit-transform:rotate(-2deg) scaleY(1.05);}
35%{-webkit-transform:rotate(2deg) scaleY(1);}
50%{-webkit-transform:rotate(-2deg);}
65%{-webkit-transform:rotate(1deg);}
80%{-webkit-transform:rotate(-1deg);}
100%{-webkit-transform:rotate(0deg);}
}
.bounce{animation-name:bounce;-webkit-animation-name:bounce;animation-duration:1.6s;-webkit-animation-duration:1.6s;animation-timing-function:ease;-webkit-animation-timing-function:ease;transform-origin:50% 100%;-ms-transform-origin:50% 100%;-webkit-transform-origin:50% 100%;}
@keyframes bounce{0%{transform:translateY(0%) scaleY(0.6);}
60%{transform:translateY(-100%) scaleY(1.1);}
70%{transform:translateY(0%) scaleY(0.95) scaleX(1.05);}
80%{transform:translateY(0%) scaleY(1.05) scaleX(1);}
90%{transform:translateY(0%) scaleY(0.95) scaleX(1);}
100%{transform:translateY(0%) scaleY(1) scaleX(1);}
}
@-webkit-keyframes bounce{0%{-webkit-transform:translateY(0%) scaleY(0.6);}
60%{-webkit-transform:translateY(-100%) scaleY(1.1);}
70%{-webkit-transform:translateY(0%) scaleY(0.95) scaleX(1.05);}
80%{-webkit-transform:translateY(0%) scaleY(1.05) scaleX(1);}
90%{-webkit-transform:translateY(0%) scaleY(0.95) scaleX(1);}
100%{-webkit-transform:translateY(0%) scaleY(1) scaleX(1);}
}
.pulse{animation-name:pulse;-webkit-animation-name:pulse;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;}
@keyframes pulse{0%{transform:scale(0.9);opacity:0.7;}
50%{transform:scale(1);opacity:1;}
100%{transform:scale(0.9);opacity:0.7;}
}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(0.95);opacity:0.7;}
50%{-webkit-transform:scale(1);opacity:1;}
100%{-webkit-transform:scale(0.95);opacity:0.7;}
}
.floating{animation-name:floating;-webkit-animation-name:floating;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;opacity:1 !important;}
@keyframes floating{0%{transform:translateY(0%);}
50%{transform:translateY(8%);}
100%{transform:translateY(0%);}
}
@-webkit-keyframes floating{0%{-webkit-transform:translateY(0%);}
50%{-webkit-transform:translateY(8%);}
100%{-webkit-transform:translateY(0%);}
}
.tossing{animation-name:tossing;-webkit-animation-name:tossing;animation-duration:2.5s;-webkit-animation-duration:2.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;opacity:1 !important;}
@keyframes tossing{0%{transform:rotate(-4deg);}
50%{transform:rotate(4deg);}
100%{transform:rotate(-4deg);}
}
@-webkit-keyframes tossing{0%{-webkit-transform:rotate(-4deg);}
50%{-webkit-transform:rotate(4deg);}
100%{-webkit-transform:rotate(-4deg);}
}
.pullUp{animation-name:pullUp;-webkit-animation-name:pullUp;animation-duration:1.1s;-webkit-animation-duration:1.1s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;transform-origin:50% 100%;-ms-transform-origin:50% 100%;-webkit-transform-origin:50% 100%;opacity:1 !important;}
@keyframes pullUp{0%{transform:scaleY(0.1);}
40%{transform:scaleY(1.02);}
60%{transform:scaleY(0.98);}
80%{transform:scaleY(1.01);}
100%{transform:scaleY(0.98);}
80%{transform:scaleY(1.01);}
100%{transform:scaleY(1);}
}
@-webkit-keyframes pullUp{0%{-webkit-transform:scaleY(0.1);}
40%{-webkit-transform:scaleY(1.02);}
60%{-webkit-transform:scaleY(0.98);}
80%{-webkit-transform:scaleY(1.01);}
100%{-webkit-transform:scaleY(0.98);}
80%{-webkit-transform:scaleY(1.01);}
100%{-webkit-transform:scaleY(1);}
}
.pullDown{animation-name:pullDown;-webkit-animation-name:pullDown;animation-duration:1.1s;-webkit-animation-duration:1.1s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;transform-origin:50% 0%;-ms-transform-origin:50% 0%;-webkit-transform-origin:50% 0%;opacity:1 !important;}
@keyframes pullDown{0%{transform:scaleY(0.1);}
40%{transform:scaleY(1.02);}
60%{transform:scaleY(0.98);}
80%{transform:scaleY(1.01);}
100%{transform:scaleY(0.98);}
80%{transform:scaleY(1.01);}
100%{transform:scaleY(1);}
}
@-webkit-keyframes pullDown{0%{-webkit-transform:scaleY(0.1);}
40%{-webkit-transform:scaleY(1.02);}
60%{-webkit-transform:scaleY(0.98);}
80%{-webkit-transform:scaleY(1.01);}
100%{-webkit-transform:scaleY(0.98);}
80%{-webkit-transform:scaleY(1.01);}
100%{-webkit-transform:scaleY(1);}
}
.stretchLeft{animation-name:stretchLeft;-webkit-animation-name:stretchLeft;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;transform-origin:100% 0%;-ms-transform-origin:100% 0%;-webkit-transform-origin:100% 0%;opacity:1 !important;}
@keyframes stretchLeft{0%{transform:scaleX(0.3);}
40%{transform:scaleX(1.02);}
60%{transform:scaleX(0.98);}
80%{transform:scaleX(1.01);}
100%{transform:scaleX(0.98);}
80%{transform:scaleX(1.01);}
100%{transform:scaleX(1);}
}
@-webkit-keyframes stretchLeft{0%{-webkit-transform:scaleX(0.3);}
40%{-webkit-transform:scaleX(1.02);}
60%{-webkit-transform:scaleX(0.98);}
80%{-webkit-transform:scaleX(1.01);}
100%{-webkit-transform:scaleX(0.98);}
80%{-webkit-transform:scaleX(1.01);}
100%{-webkit-transform:scaleX(1);}
}
.stretchRight{animation-name:stretchRight;-webkit-animation-name:stretchRight;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;transform-origin:0% 0%;-ms-transform-origin:0% 0%;-webkit-transform-origin:0% 0%;opacity:1 !important;}
@keyframes stretchRight{0%{transform:scaleX(0.3);}
40%{transform:scaleX(1.02);}
60%{transform:scaleX(0.98);}
80%{transform:scaleX(1.01);}
100%{transform:scaleX(0.98);}
80%{transform:scaleX(1.01);}
100%{transform:scaleX(1);}
}
@-webkit-keyframes stretchRight{0%{-webkit-transform:scaleX(0.3);}
40%{-webkit-transform:scaleX(1.02);}
60%{-webkit-transform:scaleX(0.98);}
80%{-webkit-transform:scaleX(1.01);}
100%{-webkit-transform:scaleX(0.98);}
80%{-webkit-transform:scaleX(1.01);}
100%{-webkit-transform:scaleX(1);}
}
.animate{opacity:0}
.zoomIn, .slideRight2, .bounce, .pulse, .floating, .tossing, .pullUp, .pullDown, .stretchLeft, .stretchRight, .slideUp{visibility:visible !important;}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible !important;opacity:1 !important;}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);} 50%{opacity:1;}}
@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);} 50%{opacity:1;}}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible !important;opacity:1 !important;}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;}}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;}}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible !important;opacity:1 !important;}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;}}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;}}