@charset "UTF-8";
form{text-align:center;}
/* ---- COMMON ---- */
.div-table, .div-row , #header, #footer, #footer2, #body, div.top, table.i-table, .table table, table.i-search-table, #top-dropmenu, #mapp {width: 100%;}
.nowrap {white-space: nowrap;}
.left {float: left;}
.right {float: right;}
.t-left {text-align: left;}
.t-right {text-align: right;}
.t-center {text-align: center;}
.t-top {vertical-align: top;}
.t-middle {vertical-align: middle;}
.t-bottom {vertical-align: bottom;}
.red {color: red; fill: red;}
.orange {color: orange; fill: orange;}
.green {color: green; fill: green;}
.green:hover {color: #00661A; fill: #00661A;}
.non-link {cursor: default; color: #000 !important;}
.non-link:hover {cursor: default; text-decoration: none !important; color: #000 !important;}
.dslb, .dslb0 , .show_ok, .show0, .show-trial-inline-B, .show-trial-inline-E, .show-trial-inline-P, .show-trial-inline-X, .show-trial-inline-PP, .show-trial-block-B, .show-trial-block-E, .show-trial-block-P, .show-trial-block-X, .show-trial-block-PP , .hide-trial-F, .hide-block-sk, .hide-block-cs, .hide-block-en, .hide-inline-sk, .hide-inline-cs, .hide-inline-en, .hide-FF, .hide-BB, .hide-EE, .hide-PP .hide-XX, .hide-PPPP {display:none !important;}
.shw0 {display: none}
.sk, .cs, .show1, .show-trial-block-F, .show-block-sk, .show-block-cs, .show-block-en, .show-block-F, .show-block-B, .show-block-E, .show-block-P, .show-block-X, .show-block-PP {display: block;}
.show-inline, .show-trial-inline-F, .show-inline-sk, .show-inline-cs, .show-inline-en, .show-inline-F, .show-inline-B, .show-inline-E, .show-inline-P, .show-inline-X, .show-inline-PP {display: inline-block;}
img.flag {border: 1px solid #aaa; height: 12px; width: 16.5px; margin: -3px 3px 0px 0px;}
.text-overflow {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.capitalize {text-transform: capitalize;}
.uppercase {text-transform: uppercase;}
.blink, .blink2 {-o-transition: all 0s ease 0s !important; -ms-transition: all 0s ease 0s !important; -moz-transition: all 0s ease 0s !important; -webkit-transition: all 0s ease 0s !important;}
.blink:hover, .blink2:hover {opacity: 1 !important;}

a.add {padding: 12px 25px; text-align: center; display: table; cursor: pointer; border-radius: 40px; font-size: 18px; color: white; box-shadow: none;  margin: 20px auto 25px auto; width: auto;}
a.add img, a.add svg {vertical-align: middle; height: 15px; max-width: 15px; margin: -3px 7px 0px 0px; fill: #fff !important;}
.add:hover {color: #fff; box-shadow: 1px 3px 8px rgba(0,0,0,0.2);}
.add:hover svg {fill: #fff;}

@media screen and (max-width: 767px) {
a.add {margin: auto; display: block; width: auto;}
} 


/* DEMO */
.demo_button {padding-top: 20px;}


/* TABLE */
.div-table {display: table;}
.div-row {display: table-row;}
.div-cell, .div-cell-half {display: table-cell;}
.div-cell-half {width: 50%;}
.div-table, .div-row, .div-cell {vertical-align: top;}

@media screen and (max-width: 1023px) {
.div-cell-half {display: block; max-width: 100%; width: auto;}
}



/* FADER */
.fader-div {display:none;}




/* CENTER */
.center {text-align: center; position: absolute; top: 50%; left: 0px; width: 100%; overflow: visible; visibility: visible; display: block;}
.center-div {margin-left: -425px; position: absolute; top: -80px; left: 50%; width: 850px; visibility: visible}



/* EQUAL HEIGHT */
.equal-height {display: block;}
.equal-height img {display: block; max-width: 100%;}
.inline-block-items {text-align: center;}
.inline-block-items .equal-height {display: inline-block; vertical-align: top; float: none;}




/* WARNINGS - NOTICE - TITLES */

/* SITE TITLE */

h1, h2 {display: block; width: auto; font-weight: 300; text-align: left;}
h1 {font-size: 30px; line-height: 36px; margin: 25px 0px 22px 10px;}
h2 {font-size: 27px; line-height: 33px; margin: 25px 0px 18px 12px;}
h1 svg, h2 svg {display: inline-block; max-width: 32px; max-height: 32px; margin: 0px 10px 0px 0px;}
h1 a svg, h2 a svg {max-width: 18px; max-height: 18px; margin: 0px 10px 0px 0px;}
h1 svg, h2 svg {fill: #777;}
h1 span, h2 span {font-weight: normal; color: rgba(0,0,0,0.5); font-size: 20px; line-height: 24px;}
h1 a, h2 a {vertical-align: 5px; display: inline-block;}
h1 b, h2 b, h1 strong, h2 strong {font-size: inherit; font-weight: 400;}

@media screen and (max-width: 768px) {
h1, h2, .filter h1, .filter h2 {text-align: center !important; margin-left: auto !important; margin-right: auto !important; float: none !important; clear: both;}
}





/* WARNINGS */
.notice, .notice1, .notice2, .notice3, .notice4, .notice5, .notice8, .notice-empty {text-align: center;}
.notice {font-size: 23px !important; color: red; font-weight: bold; margin: 20px auto; padding-left: 25px; padding-right: 25px;}
.notice-green {background: #2db300; font-size: 21px !important; color: white; padding: 16px 30px; display: table; margin: 20px auto 15px auto; border-radius: 78px;}
.notice-red {background: #e10000; font-size: 22px !important; color: white; padding: 16px 30px; display: table; margin: 20px auto 15px auto; -webkit-border-radius: 39px; -moz-border-radius: 39px; border-radius: 39px; text-align: center;}
.notice2 {font-size: 17px !important; padding: 8px; font-weight: bold;}
.notice3, .notice3 a, .notice3 a:hover {font-size: 22px !important; color: green; font-weight: bold;}
.notice4 {font-size: 21px !important; color: red; padding: 10px; font-weight: bold;}
.notice5 {font-size: 14px !important; color: gray; padding: 15px;}
.notice7 {font-size: 14px !important; color: black; font-weight: bold;}
.notice8 {font-size: 18px !important; font-weight: bold; line-height: 26px;}
.notice-empty, .na {font-size: 14px; color: rgba(0,0,0,0.5); font-style: italic; padding: 6px;}
#loading {font-size: 40px; color: white; border: 1px solid #ffcb87; padding: 25px 50px; text-align: center; overflow: visible; visibility: visible; display: table; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; box-shadow: 0px 0px 50px #222; -webkit-box-shadow: 0px 0px 50px #222; -moz-box-shadow: 0px 0px 50px #222; text-shadow: 2px 2px #333; position: fixed; top: 33%; left: 42%;} /* LOADING FILES */
.notice small {display: block; color: white; font-size: 12px; font-weight: normal; margin: 4px auto 0 auto;}




/* FULL SCREEN LIGHTBOX WARNING - MESSAGE */

.fullscreen_message {background-color: rgba(0,0,0,0.7); position: fixed; margin: 0; padding: 0; left: 0; top: 0; bottom: 0; right: 0; overflow: hidden; z-index: 999999; vertical-align: middle; text-align: center; cursor: pointer;}

.fullscreen_message .message_container {position: absolute; top: calc(50% - 200px); left: calc(50% - 300px); margin: auto; vertical-align: middle; text-align: center; background-color: rgba(255,255,255,0.85); max-width: 600px; width: 100%; max-height: 400px; border-radius: 7px; box-shadow: 3px 4px 12px rgba(0,0,0,0.7); font-size: 22px; line-height: 26px; color: #ff0000; padding: 45px 45px; z-index: 9999999;}
.fullscreen_message #msg_close {position: absolute; top: 10px; right: 20px;}
.fullscreen_message .message_container b {display: block; font-size: 40px; line-height: 140%; color: #ff0000; margin: 0px auto 15px auto; font-weight: 300;}
.fullscreen_message .message_container p {display: block; font-size: 24px; line-height: 140%; margin: 0px auto 25px auto; font-weight: 300; color: #333;}
.fullscreen_message .message_container div {display: block; line-height: 140%; font-weight: 400; color: #111;}
.fullscreen_message .message_container div, .fullscreen_message .message_container div a {font-size: 18px;}
.fullscreen_message ~ .fullscreen_message .message_container:hover {pointer-events:none;}
.fullscreen_message .message_container div a {pointer-events:auto;}

@media screen and (max-width: 1023px) {
.fullscreen_message .message_container {top: calc(50% - 200px); left: 0px; right: 0px;}
}



/* POINTER - NOTIFICATION */
.pointer-sk, .pointer-cz {background: red; padding: 8px 15px; font-size: 15px; position: fixed; z-index: 9400; text-align: center; font-weight: bold; color: #fff; border: 1px solid #8e5f26; -webkit-box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; box-shadow: 0px 0px 6px #000; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
.pointer-sk {left: 427px; top: 140px;}
.pointer-cz {left: 406px; top: 35px;}




/* INFO BOX */
.info-box {border-top: 1px solid rgba(0,0,0,0.2); margin: 70px auto 25px auto; padding: 25px 25px; line-height: 25px; display: table;}
.info-box h4 {font-size: 17px; text-align: left; font-weight: bold; padding-bottom: 2px;}
.info-box h5 {font-size: 20px; text-align: center; font-weight: bold;}
.info-box ul {text-align: center !important; margin: 0px 0px 7px 30px;}
.info-box li, .info-box dd, .info-box dl {font-size: 15px; line-height: 23px; text-align: left; color: rgba(0,0,0,0.64);}




/* WARN BOX */
.warn {margin: 50px auto 0px auto; display: table; text-align: center;}
.warn ul {background: rgba(0,0,0,0.04); margin: 15px 25px; border-radius: 6px; padding: 20px 50px; line-height: 25px; display: table;}
.warn h4 {font-size: 15px; text-align: left; font-weight: bold; padding-bottom: 3px;}
.warn h5 {font-size: 20px; text-align: center; font-weight: bold;}
.warn li {font-size: 15px; line-height: 23px; text-align: left;}
.warn dd {font-size: 15px;}

@media screen and (max-width: 768px) {
.warn ul {margin: 15px 0px; padding: 20px 40px;}
}



/* WHERE NEXT */
.where-next {margin: 45px 30px 0px 30px; padding: 25px 20px 0px 20px;}
.where-next .div-cell-half {padding: 35px 20px 10px 20px; border-top: 1px solid #eee;}
.where-next ul {padding: 10px 20px; display: table;}
.where-next h6 {font-size: 27px; text-align: left; font-weight: normal; color: #888; font-weight: 300;}
.where-next li {text-align: left; list-style: none; padding: 0px 0px 10px 0px;}
.where-next li, .where-next li a {font-size: 18px;}




/* BOTTOM MESSANGER */
.bottom-messenger, .add-messenger {position: fixed; right: 17px; z-index: 9999; max-width: 400px;}
.bottom-messenger {box-shadow: 1px 2px 4px rgba(50,50,50,0.3);}
.bottom-messenger {position: fixed; right: 15px; border-radius: 10px; padding: 14px 25px; font-size: 17px; z-index: 9999; max-width: 400px; line-height: 23px; text-align: center;}
.bottom-messenger a, .add-messenger a {font-size: 15px; color: #bb0000;}
#msg_close  img {width: 24px; height: 24px; float: right; margin: -24px -35px 0 0;}
.bottom-messenger {bottom: 20px;}

@media screen and (max-width: 440px) {
.bottom-messenger, .add-messenger {left: 12px;}
}





/* BANNER + TOP HEAD LABEL */
#banner {width: 468px; height: 60px; position: relative; margin: auto;}
#leader_banner, #leader_banner2 {margin: 15px auto 15px auto; text-align: center;}
#leader_banner_app, #leader_banner2_app {margin: 10px auto 20px auto; text-align: center; display: none;}
.index-content #leader_banner, .index-content #leader_banner_app {margin: 60px auto -5px auto;}
.top_banner {width: 468px; height: 60px; margin: auto;}
.side_banner {margin: 0px auto 25px auto; display: table;}
.top_banner, .side_banner {background-color: #fff;}
#leader_banner img, #leader_banner_app img, #leader_banner2 img, #leader_banner2_app img, .top_banner img, .side_banner img {border: 1px solid rgba(0,0,0,0.14);}
#leader_banner img:hover, #leader_banner_app img:hover, #leader_banner2 img:hover, #leader_banner2_app img:hover, .top_banner img:hover, .side_banner img:hover {border: 1px solid #bb0000; box-shadow: 4px 4px 8px rgba(0,0,0,0.2);}

@media screen and (max-width: 1023px) {
#leader_banner, #leader_banner2 {overflow: hidden;}
#leader_banner img, #leader_banner2 img {width: auto; max-width: 100%;height: auto; max-height: 100%;}
}

@media screen and (max-width: 768px) {
#leader_banner, #leader_banner2 {display: none;}
#leader_banner_app, #leader_banner2_app {display: block;}
}





/* GOOGLE MAPS */
#mapp, .google-maps {height: 350px;}
.google-maps {border: 1px solid #888;}






/* FLAT MENU */

.flat-menu a:nth-child(1), #nav-menu > div:nth-child(1), .faq-menu>div:nth-child(1) a, #index-icon-box a:nth-child(1) div, .icons a:nth-child(1) .icon {background: #d35400;}
.flat-menu a:hover:nth-child(1), /* #nav-menu > div:nth-child(1):hover,  */.faq-menu>div:nth-child(1) a:hover, #index-icon-box a:nth-child(1) div:hover, .icons a:nth-child(1):hover .icon {background: #AA4400;}
.flat-menu a.current:nth-child(1) {background: #f26100;}


.flat-menu a:nth-child(2), #nav-menu > div:nth-child(2), .faq-menu>div:nth-child(2) a, #index-icon-box a:nth-child(2) div, .icons a:nth-child(2) .icon {background: #a6722b;}
.flat-menu a:hover:nth-child(2), /* #nav-menu > div:hover:nth-child(2),  */.faq-menu>div:nth-child(2) a:hover, #index-icon-box a:nth-child(2) div:hover, .icons a:nth-child(2):hover .icon {background: #8F5505;}
.flat-menu a.current:nth-child(2) {background: #cb8b34;}


.flat-menu a:nth-child(3), #nav-menu > div:nth-child(3), .faq-menu>div:nth-child(3) a, #index-icon-box a:nth-child(3) div, .icons a:nth-child(3) .icon {background: #e9960c;}
.flat-menu a:hover:nth-child(3), /* #nav-menu > div:hover:nth-child(3), */ .faq-menu>div:nth-child(3) a:hover, #index-icon-box a:nth-child(3) div:hover, .icons a:nth-child(3):hover .icon {background: #CC7A00;}
.flat-menu a.current:nth-child(3) {background: #f4ad37;}


.flat-menu a:nth-child(4), #nav-menu > div:nth-child(4), .faq-menu>div:nth-child(4) a, #index-icon-box a:nth-child(4) div, .icons a:nth-child(4) .icon {background: #efc107;}
.flat-menu a:hover:nth-child(4), /* #nav-menu > div:hover:nth-child(4), */ .faq-menu>div:nth-child(4) a:hover, #index-icon-box a:nth-child(4) div:hover, .icons a:nth-child(4):hover .icon {background: #D5AA00;}
.flat-menu a.current:nth-child(4) {background: #f8ca14;}


.flat-menu a:nth-child(5), #nav-menu > div:nth-child(5), .faq-menu>div:nth-child(5) a, #index-icon-box a:nth-child(5) div, .icons a:nth-child(5) .icon {background: #5fc12f;}
.flat-menu a:hover:nth-child(5), /* #nav-menu > div:hover:nth-child(5), */ .faq-menu>div:nth-child(5) a:hover, #index-icon-box a:nth-child(5) div:hover, .icons a:nth-child(5):hover .icon {background: #4ab217;}
.flat-menu a.current:nth-child(5) {background: #7dd553;}


.flat-menu a:nth-child(6), #nav-menu > div:nth-child(6), .faq-menu>div:nth-child(6) a, #index-icon-box a:nth-child(6) div, .icons a:nth-child(6) .icon {background: #25a75c;}
.flat-menu a:hover:nth-child(6), /* #nav-menu > div:hover:nth-child(6), */ .faq-menu>div:nth-child(6) a:hover, #index-icon-box a:nth-child(6) div:hover, .icons a:nth-child(6):hover .icon {background: #009740;}
.flat-menu a.current:nth-child(6) {background: #2cc06b;}


.flat-menu a:nth-child(7), #nav-menu > div:nth-child(7), .faq-menu>div:nth-child(7) a, #index-icon-box a:nth-child(7) div, .icons a:nth-child(7) .icon {background: #1da389;}
.flat-menu a:hover:nth-child(7), /* #nav-menu > div:hover:nth-child(7), */ .faq-menu>div:nth-child(7) a:hover, #index-icon-box a:nth-child(7) div:hover, .icons a:nth-child(7):hover .icon {background: #00896f;}
.flat-menu a.current:nth-child(7) {background: #21bc9d;}


.flat-menu a:nth-child(8), #nav-menu > div:nth-child(8), .faq-menu>div:nth-child(8) a, #index-icon-box a:nth-child(8) div, .icons a:nth-child(8) .icon {background: #2980b9;}
.flat-menu a:hover:nth-child(8), /* #nav-menu > div:hover:nth-child(8),  */.faq-menu>div:nth-child(8) a:hover, #index-icon-box a:nth-child(8) div:hover, .icons a:nth-child(8):hover .icon {background: #0060a1;}
.flat-menu a.current:nth-child(8) {background: #3393d2;}


.flat-menu a:nth-child(9), #nav-menu > div:nth-child(9), .faq-menu>div:nth-child(9) a, #index-icon-box a:nth-child(9) div, .icons a:nth-child(9) .icon {background: #3F51B5;}
.flat-menu a:hover:nth-child(9), /* #nav-menu > div:hover:nth-child(9), */ .faq-menu>div:nth-child(9) a:hover, #index-icon-box a:nth-child(9) div:hover, .icons a:nth-child(9):hover .icon {background: #303F9F;}
.flat-menu a.current:nth-child(9) {background: #6372c9;}


.flat-menu a:nth-child(10), #nav-menu > div:nth-child(10), .faq-menu>div:nth-child(10) a, #index-icon-box a:nth-child(10) div, .icons a:nth-child(10) .icon {background: #8e44ad;}
.flat-menu a:hover:nth-child(10), /* #nav-menu > div:hover:nth-child(10), */ .faq-menu>div:nth-child(10) a:hover, #index-icon-box a:nth-child(10) div:hover, .icons a:nth-child(10):hover .icon {background: #6d1c90;}
.flat-menu a.current:nth-child(10) {background: #994eba;}


.flat-menu a:nth-child(11), #nav-menu > div:nth-child(11), .faq-menu>div:nth-child(11) a, #index-icon-box a:nth-child(11) div, .icons a:nth-child(11) .icon {background: #dd529d;}
.flat-menu a:hover:nth-child(11), /* #nav-menu > div:nth-child(11):hover, */ .faq-menu>div:nth-child(11) a:hover, #index-icon-box a:nth-child(11) div:hover, .icons a:nth-child(11):hover .icon {background: #ba1f72;}
.flat-menu a.current:nth-child(11) {background: #e061a7;}


.flat-menu a:nth-child(12), #nav-menu > div:nth-child(12), .faq-menu > div:nth-child(12) a, #index-icon-box a:nth-child(12) div, .icons a:nth-child(12) .icon {background: #b34866;}
.flat-menu a:hover:nth-child(12), /* #nav-menu > div:hover:nth-child(12), */ .faq-menu > div:nth-child(12) a:hover, #index-icon-box a:nth-child(12) div:hover, .icons a:nth-child(12):hover .icon {background: #961d40;}
.flat-menu a.current:nth-child(12) {background: #bd5b76;}


.flat-menu a:nth-child(13), #nav-menu > div:nth-child(13), .faq-menu > div:nth-child(13) a, #index-icon-box a:nth-child(13) div, .icons a:nth-child(13) .icon {background: #b34848;}
.flat-menu a:hover:nth-child(13), /* #nav-menu > div:hover:nth-child(13), */ .faq-menu>div:nth-child(13) a:hover, #index-icon-box a:nth-child(13) div:hover, .icons a:nth-child(13):hover .icon  {background: #961d1d;}
.flat-menu a.current:nth-child(13) {background: #bf6060;}


.flat-menu a:nth-child(14), #nav-menu > div:nth-child(14), .faq-menu > div:nth-child(14) a, #index-icon-box a:nth-child(14) div, .icons a:nth-child(14) .icon {background: #d35400;}
.flat-menu a:hover:nth-child(14), /* #nav-menu > div:nth-child(14):hover, */ .faq-menu>div:nth-child(14) a:hover , #index-icon-box a:nth-child(14) div:hover, .icons a:nth-child(14):hover .icon {background: #973c00;}
.flat-menu a.current:nth-child(14) {background: #f96400;}


.flat-menu a:nth-child(15), #nav-menu > div:nth-child(15), .faq-menu > div:nth-child(15) a , #index-icon-box a:nth-child(15) div, .icons a:nth-child(15) .icon  {background: #a6722b;}
.flat-menu a:hover:nth-child(15), /* #nav-menu > div:hover:nth-child(15), */ .faq-menu>div:nth-child(15) a:hover, #index-icon-box a:nth-child(15) div:hover, .icons a:nth-child(15):hover .icon {background: #8f5506;}
.flat-menu a.current:nth-child(15) {background: #c08432;}


.flat-menu a:nth-child(16), #nav-menu > div:nth-child(16), .faq-menu > div:nth-child(16) a, #index-icon-box a:nth-child(16) div, .icons a:nth-child(16) .icon  {background: #ed990c;}
.flat-menu a:hover:nth-child(16), /* #nav-menu > div:hover:nth-child(16), */ .faq-menu>div:nth-child(16) a:hover, #index-icon-box a:nth-child(16) div:hover, .icons a:nth-child(16):hover .icon {background: #ba7100;}
.flat-menu a.current:nth-child(16) {background: #f4a724;}


.flat-menu a:nth-child(17), #nav-menu > div:nth-child(17), .faq-menu>div:nth-child(17) a, #index-icon-box a:nth-child(17) div, .icons a:nth-child(17) .icon {background: #efc107;}
.flat-menu a:hover:nth-child(17), /* #nav-menu > div:hover:nth-child(17), */ .faq-menu>div:nth-child(17) a:hover, #index-icon-box a:nth-child(17) div:hover, .icons a:nth-child(17):hover .icon {background: #b08c00;}
.flat-menu a.current:nth-child(17) {background: #cea500;}


.flat-menu a:nth-child(18), #nav-menu > div:nth-child(18), .faq-menu>div:nth-child(18) a, #index-icon-box a:nth-child(18) div, .icons a:nth-child(18) .icon {background: #62c831;}
.flat-menu a:hover:nth-child(18), /* #nav-menu > div:hover:nth-child(18), */ .faq-menu>div:nth-child(18) a:hover, #index-icon-box a:nth-child(18) div:hover, .icons a:nth-child(18):hover .icon {background: #4ab217;}
.flat-menu a.current:nth-child(18) {background: #76d248;}


.flat-menu a:nth-child(19), #nav-menu > div:nth-child(19), .faq-menu>div:nth-child(19) a, #index-icon-box a:nth-child(19) div, .icons a:nth-child(19) .icon {background: #27ae60;}
.flat-menu a:hover:nth-child(19), .flat-menu a.current:nth-child(19), /* #nav-menu > div:hover:nth-child(19), */ .faq-menu>div:nth-child(19) a:hover, .icons a:nth-child(19):hover .icon {background: #009740;}


.flat-menu a:nth-child(20), #nav-menu > div:nth-child(20), .faq-menu>div:nth-child(20) a, #index-icon-box a:nth-child(20) div, .icons a:nth-child(20) .icon {background: #1da389;}
.flat-menu a:hover:nth-child(20), .flat-menu a.current:nth-child(20), /* #nav-menu > div:hover:nth-child(20),  */.faq-menu>div:nth-child(20) a:hover, .icons a:nth-child(20):hover .icon {background: #00896f;}


.flat-menu a:nth-child(21), #nav-menu > div:nth-child(21), .faq-menu>div:nth-child(21) a, #index-icon-box a:nth-child(21) div {background: #2980b9;}
.flat-menu a:hover:nth-child(21), .flat-menu a.current:nth-child(21), /* #nav-menu > div:hover:nth-child(21), */ .faq-menu>div:nth-child(21) a:hover {background: #0060a1;}


.flat-menu a:nth-child(22), #nav-menu > div:nth-child(22), .faq-menu>div:nth-child(22) a, #index-icon-box a:nth-child(22) div {background: #3d3dcf;}
.flat-menu a:hover:nth-child(22), .flat-menu a.current:nth-child(22), /* #nav-menu > div:hover:nth-child(22), */ .faq-menu>div:nth-child(22) a:hover {background: #0e0eb1;}


.flat-menu a:nth-child(23), #nav-menu > div:nth-child(23), .faq-menu>div:nth-child(23) a, #index-icon-box a:nth-child(23) div {background: #8e44ad;}
.flat-menu a:hover:nth-child(23), .flat-menu a.current:nth-child(23), /* #nav-menu > div:hover:nth-child(23), */ .faq-menu>div:nth-child(23) a:hover {background: #6d1c90;}


.flat-menu a:nth-child(24), #nav-menu > div:nth-child(24), .faq-menu>div:nth-child(24) a, #index-icon-box a:nth-child(24) div {background: #d552dd;}
.flat-menu a:hover:nth-child(24), .flat-menu a.current:nth-child(24), /* #nav-menu > div:hover:nth-child(24), */ .faq-menu>div:nth-child(24) a:hover {background: #b01fba;}


.flat-menu a:nth-child(25), #nav-menu > div:nth-child(25), .faq-menu>div:nth-child(25) a {background: #dd529d;}
.flat-menu a:hover:nth-child(25), .flat-menu a.current:nth-child(25), /* #nav-menu > div:nth-child(25):hover,  */.faq-menu>div:nth-child(25) a:hover {background: #ba1f72;}


.flat-menu a:nth-child(26), #nav-menu > div:nth-child(26), .faq-menu>div:nth-child(26) a {background: #b34866;}
.flat-menu a:hover:nth-child(26), .flat-menu a.current:nth-child(26), /* #nav-menu > div:hover:nth-child(26), */ .faq-menu>div:nth-child(26) a:hover {background: #961d40;}


.flat-menu a:nth-child(27), #nav-menu > div:nth-child(27), .faq-menu>div:nth-child(27) a {background: #b34848;}
.flat-menu a:hover:nth-child(27), .flat-menu a.current:nth-child(27), /* #nav-menu > div:hover:nth-child(27), */ .faq-menu>div:nth-child(27) a:hover {background: #961d1d;}



/* ICON BOX - ROUNDED ICONS */
/* ======================== */

#icon-box {/* max-width: 1350px;  */display: block; margin: 20px auto 0px auto; position: relative; text-align: center; padding: 0px;}
.icon-box-1row {height: 150px; margin: 30px auto 0px auto;  overflow: hidden; padding: 0px 97px 0px 0px !important;}
#icon-box > a {width: 120px; display: inline-block; margin: 0px 2px 18px 2px; text-align: center; vertical-align: top; text-transform: uppercase; position: relative; text-overflow: ellipsis;}
.icon-box-1row > a {padding-bottom: 200px;}
#icon-box > a, #icon-box > a span {font-size: 13px; color: rgba(0,0,0,0.61); line-height: 16px;}
#icon-box > a.en, #icon-box > a span.en {display: none;}
#icon-box > a:hover, #icon-box > a:hover span {color: rgba(0,0,0,0.7); text-decoration: none; font-weight: bold;}



/* ROUNDED ICON */

div.icon {width: 80px; height: 80px; display: flex; margin: 0px auto 7px auto; border-radius: 100px;}
div.icon svg {max-width: 42px; max-height: 42px; display: block; margin: auto; fill: #fff; opacity: 0.79;}
a.selected div.icon, a:hover div.icon {box-shadow: 1px 3px 6px rgba(0,0,0,0.27);}
#icon-box a.selected {font-weight: bold;}
a.selected div.icon svg, a:hover div.icon svg {opacity: 0.9; fill: #fff;}
#icon-box > a > .links {display: none;}
#icon-box .all {font-size: 13px; display: block; position: absolute; right: 0px; top: 2px; margin: 0px; width: 110px; vertical-align: top; text-transform: uppercase;}
#icon-box .all, #icon-box .all.selected {font-weight: normal; color: rgba(0,0,0,0.56);}
#icon-box .all:hover {color: rgba(0,0,0,0.7);}
#icon-box .all svg {width: 70px; height: 70px; display: block; margin: 0px auto 15px auto; fill: rgba(0,0,0,0.2);}
#icon-box .all:hover svg {fill: rgba(0,0,0,0.35);}
#icon-box svg.arrow {fill: rgba(0,0,0,0.05); width: 24px; height: 21px; position: absolute; top: 129px; left: 45px; display: none;}







/* ------------ LIGHTBOX -------------- */

/* MASK */
#mask, .maska {background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.74; z-index: 11111;}


/* COMMON  */
#lightbox {display: none;}
.lightbox {text-align: center; border: 1px solid white; padding: 15px 18px;position: fixed; top: 50%; left: 50%; z-index: 99999; -webkit-box-shadow: #000 0px 0px 45px; -moz-box-shadow: #000 0px 0px 45px; box-shadow: #000 0px 0px 45px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.lightbox-header {font-size: 23px; font-weight: bold; border-bottom: 1px solid #C1C1C1; text-align: left; padding: 5px 10px 10px 10px; color: #555; text-shadow: #fff 1px 1px 3px;}
.lightbox-header h6 {font-size: 17px; font-weight: normal; color: #777; margin: 0px 0px 0px 41px; text-shadow: none;}
.lightbox-header a {font-size: 13px; font-weight: normal; float: right; margin: 10px 0px 0px 10px;}
.lightbox-header img {vertical-align: middle; margin: -4px 8px 0px 0px; max-height: 32px;}
.lightbox table {border-spacing: 0px; border: 0px; margin: 0px auto 0px auto;}
.lightbox-body {border-top: 1px solid #fff; border-bottom: 1px solid #ddd; padding: 10px 18px; text-align: right; line-height: 21px;}
.lightbox-body td, .lightbox-body th {font-weight: normal; vertical-align: middle; padding: 7px 6px;}
.lightbox-body td, .lightbox-body th, .lightbox-body li, .lightbox-body li a , .lightbox-body b {font-size: 16px; white-space: normal;}
.lightbox-body tfoot td, .lightbox-body tfoot th {padding: 14px 6px;}
.lightbox-body li {line-height: 30px;}
.lightbox-body td {text-align: left; white-space: nowrap;}
.lightbox-body th {text-align: right; color: #777;}
.lightbox-body strong {color: #ff0000;}
.lightbox-footer hr {margin: 7px auto; border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
.lightbox-body a {color: #bb0000 !important;}
.lightbox-footer {border-top: 1px solid #fff; padding: 8px 10px 0px 10px; line-height: 28px;}
.lightbox-body input[type="text"], .lightbox-body input[type="password"], .lightbox-body input[type="phone"], .lightbox-body input[type="email"], .lightbox-body select, .lightbox-body textarea {font-size: 16px; padding: 6px 3px 6px 6px; border: 1px solid #777; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0px;}
.lightbox-body input[type="text"], .lightbox-body input[type="password"], .lightbox-body select {width: 270px;}
.lightbox ::-webkit-input-placeholder {color:#aaa;}
.lightbox input:-moz-placeholder {color:#aaa;}
.lightbox input:-ms-input-placeholder {color:#aaa;}
.lightbox button {font-size: 18px; padding: 12px 4px; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px;}
.lightbox button img {opacity:0.4; filter:alpha(opacity=40); margin-left: 8px;}
.lightbox button:hover img {opacity:1.0; filter:alpha(opacity=100);}
img.lightbox_close {float: right; margin: -30px -31px 0 0;}
.lightbox-body textarea {width: 100%; height: 80px;}
.lightbox-body caption {color: red; font-weight: bold; font-size: 17px; padding: 10px 5px; text-align: center;}
.lightbox input[type="radio"]:checked + label {color: #ff0000; text-decoration: underline;}
.lightbox input[type="checkbox"]:checked + label {color: #ff0000; text-decoration: underline;}


/* LIGHTBOX - LOGIN */
.loginbox .lightbox-body {padding: 16px 2px;}
.lightbox-body-lg2 {text-align: center; font-size: 15px; line-height: 25px; max-width: 250px; margin: auto; color: #555;}


/* LIGHTBOX - ORDER - EMAIL */
.orderbox textarea , .emailbox textarea {height: 120px; box-sizing: border-box;}
.orderbox input[type="text"], .emailbox input[type="text"], .emailbox input[type="email"], .emailbox input[type="phone"] {width: 400px; box-sizing: border-box;}


/* LIGHTBOX - EMAIL TO FRIEND */
.emailtofriendbox  th img {vertical-align: middle; margin: -4px 0px -4px 7px;}


/* LIGHTBOX - REPORT */
.reportbox table td {font-size: 13px; vertical-align: top;}
.reportbox table td:hover a, .reportbox table td:hover a b {color: red;}
.reportbox a {color: black;}
.reportbox a b {font-size: 14px; color: #bb0000;}
.reportbox table td {padding: 8px; border-bottom: 1px solid #ddd;}
.reportbox table tr:last-child td {border-bottom: none;}
.reportbox table th {font-weight: bold;}
.reportbox p {display: inline-block; float: right}
.reportbox .lightbox-body {padding: 8px 18px 0px 18px; border-bottom: none;}


/* LIGHTBOX - INVITATION A/B TEST */
.invitationbox .lightbox-header {font-size: 16px; padding-bottom: 15px; color: #888;}
.invitationbox .lightbox-header b {font-size: 32px; margin-left: -5px; color: #555;}
.invitationbox .lightbox-body {font-size: 18px; line-height: 27px; padding: 15px 20px 10px 0px; display: table-cell;}
.invitationbox .lightbox-body b {color: red; font-size: 22px;}
.invitationbox .lightbox-body img {margin: -8px 0px -10px 0px; float: left;}
.invitationbox .lightbox-footer {padding-top: 18px}
.invitationbox button {font-size: 18px; padding: 10px;}



/* LIGTHBOX - CATEGORY */
.lightbox .category {max-width: 850px;}
.category .lightbox-footer {padding: 20px 8px 9px 8px;}
.category .lightbox-body {overflow: auto;}
.category .lightbox-body label {padding: 0px 0px 0px 5px; color: black; font-size: 15px;}
.category .lightbox-body label:hover {color: #bb0000;}
.category .lightbox-body h4 {text-align: left; margin: 12px 5px 10px -15px;}
.category .lightbox-body h4, .category .lightbox-body h4 label {font-size: 18px;}

.category .lightbox-body input[type="checkbox"] {height: 16px; width: 16px; margin: -2px 2px 0px 0px;}

.category .lightbox-body div {border-bottom: 1px solid #ddd; text-align: left; padding: 5px 0px 10px 0px;}

.category .lightbox-body li {display: inline-block; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.category .lightbox-body {max-height: 500px;}
.category .lightbox-body li {display: inline-block; width: 260px; padding: 6px 3px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


/* LIGHTBOX - PAYMENT */
.paymentbox {max-width: 550px;}
.paymentbox table th, .paymentbox table td {vertical-align: top !important;}
.paymentbox .lightbox-body i {color: red; text-align: center; margin: 12px auto 15px auto; display: block; max-width: 420px;}
.paymentbox .lightbox-footer {margin: 10px auto; font-size: 13px; padding: 4px 0px 0px 0px; vertical-align: middle; text-align: right; color: #777; width: auto; display: table;}
.paymentbox .lightbox-footer img {max-height: 32px; width: auto; vertical-align: middle; margin: 0px 10px;}


/* LIGHTBOX - TALLY */
.tallybox .lightbox-body {border-bottom: none; text-align: center}
.tallybox .lightbox-body .div-cell {max-width: 260px;}
.tallybox .lightbox-body .div-cell:first-child {padding-right: 20px; border-right: 1px solid #ddd;}
.tallybox .lightbox-body .div-cell:last-child {padding-left: 20px; border-left: 1px solid #fff;}
.tallybox .lightbox-body h4 {font-size: 20px; margin: 8px 0px 3px 0px; color: #000; text-align: left;}
.tallybox .lightbox-body .div-cell form {font-size: 15px; color: #555; text-align: center;}
.tallybox .lightbox-body .div-cell form > img {display: block; max-height: 65px; margin: 12px auto;}
.tallybox .lightbox-body table {width: 100%; margin: 0px auto 15px auto;}
.tallybox .lightbox-body table th {width: 25px; text-align: left;}
.tallybox .lightbox-body table td,.tallybox .lightbox-body table th {padding: 3px; font-size: 15px;}
.tallybox .lightbox-body table caption {color: #000; padding: 10px 0px 5px 0px; text-align: left; font-size: 19px;}
.tallybox .tally-temp {max-height: 450px; overflow-y: scroll;}

.tallybox.doc-status .lightbox-body {padding: 10px 10px 0px 10px;}
.tallybox.doc-status .lightbox-body button {margin: 10px auto 20px auto;}
.tallybox.doc-status .lightbox-body .div-cell {width: 50%; min-width: 250px;}
.tallybox.doc-status input[type="radio"] {display: none;}
.tallybox.doc-status label {color: #888; text-decoration: none; font-size: 18px; display: block; padding: 14px 0px 0px 28px; width: auto; text-align: left; background-position: 0px 15px;}
.tallybox.doc-status label:hover {color: #ff0000; text-decoration: underline;}

.tallybox.doc-status input[type="radio"]:checked + label.paid {color: #008c00; background: url(/ico/ok-24.png); background-position: 0px 15px; background-repeat: no-repeat; background-size: 20px 20px;}
.tallybox.doc-status input[type="radio"]:checked + label.partly {color: #ff8000; background: url(/ico/ui_warning.svg); background-position: 0px 15px; background-repeat: no-repeat; background-size: 20px 20px; }
.tallybox.doc-status input[type="radio"]:checked + label.unpaid {color: #ff0000; background: url(/ico/ui_no.svg); background-position: 0px 15px; background-repeat: no-repeat; background-size: 20px 20px; }
.tallybox.doc-status input[type="radio"]:checked + label {text-decoration: none;}



.tallybox .lightbox-body a.in, .tallybox .lightbox-body button.in, .tallybox .lightbox-body button.out, .tallybox .lightbox-body button.off {margin: 3px auto 12px auto; padding: 7px 8px 10px 8px; border-radius: 100px; font-size: 17px; font-weight: bold; line-height: 24px; color: white; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; border: 1px solid rgba(255,255,255,0); display: block;}
.tallybox .lightbox-body a.in, .tallybox .lightbox-body a.in span {color: #fff !important; text-transform: uppercase;}
.tallybox .lightbox-body button b, .tallybox .lightbox-body a b {font-size: 22px; line-height: 0;}
.tallybox .lightbox-body button p, .tallybox .lightbox-body a p {font-size: 13px; font-weight: normal; line-height: 16px; display: block; text-transform: none;}
.tallybox .lightbox-body button span, .tallybox .lightbox-body a span {font-weight: normal;}
.tallybox .lightbox-body .div-cell svg {width: 180px; height: 100px; margin: 5px auto 0px auto; fill: rgba(0,0,0,0.4);}
.tallybox .lightbox-body .div-cell button.in, .tallybox .lightbox-body .div-cell a.in {background: #59B300;}
.tallybox .lightbox-body .div-cell button.out {background: #ff0000;}
.tallybox .lightbox-body .div-cell button.off {background: rgba(0,0,0,0.04); color: #888; font-size: 16px; letter-spacing: normal;}
.tallybox .lightbox-body .div-cell button.in:hover, .tallybox .lightbox-body .div-cell a.in:hover {background: #489100;}
.tallybox .lightbox-body .div-cell button.out:hover {background: #cc0000;}
.tallybox .lightbox-body .div-cell button.off:hover {background: rgba(0,0,0,0.1); color: #333; }
.tallybox .lightbox-body .div-cell button:hover, .tallybox .lightbox-body .div-cell a:hover {border: 1px solid rgba(255,255,255,0.75); text-decoration: none; box-shadow: 2px 3px 3px rgba(0,0,0,0.18);}




/* ------------------- Color tooltip ------------------- */

span.colorTip {font-size: 15px !important; font-weight: normal; display: none; position: absolute; left: 50%; padding: 12px 16px; line-height: 20px; bottom: 40px; text-align: left; z-index: 99999999; white-space: nowrap; border-radius: 4px; box-shadow: 2px 3px 3px rgba(0,0,0,0.2); border-style: solid; border-width: 1px;}

/* Setting a thick transparent border on a 0x0 div to create a triangle */
.pointyTip,.pointyTipShadow {border: 3px solid transparent; bottom: -12px; height:0; left:50%; margin-left:-6px; position: absolute; width:0; color: green; display: none;}

/* The shadow tip is 1px larger, so it acts as a border to the tip */
.pointyTipShadow {border-width:7px; bottom:-14px; margin-left:-7px;}
.colorTipContainer {position:relative; text-decoration:none !important;}
a.colorTipContainer:hover {text-decoration: underline !important}




/* VARIOUS POSITION - LEFT & RIGHT SIDE */
.tooltip-left .colorTip, .tooltip-right .colorTip , .tooltip-bottom .colorTip {text-align: center; bottom: 0px; width: 128px; white-space: pre-wrap;}
.tooltip-left .colorTip {left: -110px; width: 200px;}
.tooltip-right .colorTip {left: 120px;}
.tooltip-bottom .colorTip {top: 25px; padding: 30px;}
.tooltip-left .pointyTip, .tooltip-left .pointyTipShadow, .tooltip-right .pointyTip, .tooltip-right .pointyTipShadow, .tooltip-bottom .pointyTip, .tooltip-bottom .pointyTipShadow {display: none;}











/* ---- COMMON RESPONSIVE CLASSES ---- */

@media screen and (max-width: 1799px) {
.hidden1800 {display: none; visibility: hidden;} /* INVISIBLE FOR RESOLUTION < 1800 px */
.visible1800 {display: inline; visibility: visible;} /* VISIBLE FOR RESOLUTION < 1800 px */
}

@media screen and (max-width: 1679px) {
.hidden1680 {display: none; visibility: hidden;} /* INVISIBLE FOR RESOLUTION < 1680 px */
.visible1680 {display: inline; visibility: visible;} /* VISIBLE FOR RESOLUTION < 1680 px */
}

@media screen and (max-width: 1279px) {
.hidden1280, .hidden1280plus {display: none; visibility: hidden;} /* INVISIBLE FOR RESOLUTION >1280 */
.visible1280plus {display: inline; visibility: visible;} /* VISIBLE FOR RESOLUTION >1280 */
}

@media screen and (max-width: 1023px) {
.visible1023, .hidden1023plus {display: inline !important; visibility: visible !important;}
.hidden1023, .visible1023plus {display: none !important; visibility: hidden !important;}
}









/* BOOTBOX http://bootboxjs.com/ - bootstrap.min.css - confirm modal window */

.modal,.modal-backdrop{top:0;right:0;bottom:0;left:0}.modal-open{overflow:hidden}.modal{display:none;overflow:auto;overflow-y:hidden;position:fixed;z-index:10050;-webkit-overflow-scrolling:touch;outline:0;vertical-align:middle}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;border:1px solid rgba(0,0,0,.7);border-radius:6px;-webkit-box-shadow:0 0 9px rgba(0,0,0,1);box-shadow:0 0 9px rgba(0,0,0,1);background-clip:padding-box;outline:0;text-align:center;padding:5px}.modal-backdrop{position:fixed;z-index:10040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16px}.modal-header .close{margin-top:-2px}.modal-title{margin:0}.modal-body{position:relative;padding:20px;line-height:33px}.modal-footer{padding:0 20px 25px;text-align:center}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.bootbox-close-button.close{background:0 0;float:right;border:none;outline:0;box-shadow:none;font-size:42px;position:absolute;right:8px;top:0px;font-weight:600;width:auto}.modal b{font-size:25px;color:#555}.modal p{font-size:20px;color:#777;display:block}
.modal-footer .btn{display: block;font-size:23px;width:100%;font-weight:400;margin:10px auto;padding:12px 0;background:#eee;color:#777;border:1px solid #aaa}.modal-footer .btn:hover{background:#e5e5e5;color:#676767;border:1px solid #888;box-shadow:0 0 8px rgba(0,0,0,.3)}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}
.btn.btn-default {display: none;}
  
  






.fsk {background: url(/images/flags.png); background-repeat: no-repeat; background-position: 0px -30px; background-size: cover; width: 12px; height: 10px;}
















/* ========== SUBMENU ========== */
/* ============================= */

	
#submenu {width: 100%; display: table; margin: 0px 0px 20px 0px; vertical-align: middle; overflow: hidden; font-weight: 300; letter-spacing: 0.5px; padding: 0px 15px; min-height: 62px; z-index: 9999 !important; white-space: normal;}

#submenu #title {width: 64px; text-align: left; display: table-cell; overflow: hidden; white-space: nowrap; height: 100%; vertical-align: middle; padding: 0px 25px 0px 0px;}
#submenu #title svg {width: 33px; height: 33px; display: inline-block; margin: 0px 7px 0px 0px;}
#submenu #title svg:last-child {opacity: 0.6; width: 21px; height: 21px; margin: 0px;}
#submenu #how_to {width: 30px; text-align: right; display: table-cell; overflow: hidden; white-space: nowrap; height: 100%; vertical-align: middle; padding: 0px;}
#submenu #how_to svg {width: 26px; height: 26px; display: block; margin: auto;}

.submenu-items {display: table-cell; padding: 0px; vertical-align: middle; height: 100%; text-align: center;}
.submenu-items ul {overflow: hidden; margin: 0px 5px;}
.submenu-items li {display: inline-block; padding: 0px; vertical-align: middle; height: 100%; text-align: left; max-width: 250px; }
.submenu-items a, #submenu .submenu-items label {font-size: 16px; vertical-align: middle; padding: 21px 20px 21px 20px;}
.submenu-items a, .submenu-items label, .submenu-items span {font-size: 17px;}
.submenu-items a {display: block; vertical-align: middle; height: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: auto; max-width: 250px;}
.submenu-items a:hover {text-decoration: none;}
.submenu-items svg {display: block;vertical-align: middle; height: 14px; width: 14px;}
.submenu-items a svg {display: block; float: left; margin-right: 8px; vertical-align: middle; height: 22px; width: 22px;}
.submenu-items li.sub-current {background-position: center 101%; background-repeat: no-repeat; background-image: url(/images/ui_submenu_arrow.svg);}
.submenu-items button {display: inline-block; margin: 0; padding: 0; border: none;}





/* GHOST - ROUNDED BUTTONS */
#submenu .submenu-items .sub_button {display: inline-block; padding: 8px 24px 8px 24px; border-radius: 30px; border-style: solid; border-width: 1.5px; font-size: 15px; font-weight: normal; letter-spacing: 0.5px; margin: auto 25px auto 5px; white-space: nowrap;}
#submenu .submenu-items .sub_button.add {margin: 12px 25px 12px 5px;}
#submenu .submenu-items .sub_button:hover {text-decoration: none;}
#submenu .submenu-items .sub_button svg {max-height: 12px; max-width: 12px; display: inline-block; margin: -2px 7px 0px auto; float: none;}


/* SELECT */
#submenu .submenu-items select {font-size: 16px; vertical-align: middle; padding: 7px 7px 7px 14px; max-width: 150px; margin: 10px 0px;}


/* SUBMENU HTML ITEMS */
#submenu .submenu-items label {margin: auto 10px auto 0px;}

/* CHECKBOX */
#submenu .submenu-items input[type=checkbox] {height: 22px ; width: 22px; display: inline-block; margin-right:6px; vertical-align: middle; opacity: 0.6;}
#submenu .submenu-items input[type=checkbox]:checked {opacity: 1;}




@media (max-width: 1365px) {
#title {display: none;}
.submenu-items li {text-align: center; display: inline-block;}
.submenu-items a, .submenu-items label, .submenu-items select {font-size: 14px;}
.submenu-items a, .submenu-items label {text-align: center; white-space: normal; padding: 21px 12px 20px 12px; text-overflow: clip; display: inline-block; font-size: 15px;}
.submenu-items a svg {display: none;}
.submenu-items li.sub-current, .submenu-items li.sub-current a {font-weight: bold; background-image: none;}
}



@media (max-width: 1023px) {
.submenu-items li {max-width: none; display: inline-block;}
.submenu-items a, .submenu-items label {text-align: center; white-space: normal; padding: 10px 10px 10px 10px; text-overflow: clip; display: inline-block;}
#submenu #title, #submenu #how_to {display: none;}
}

@media (max-width: 768px) {
.submenu-items {padding: 4px 0px;}
.submenu-items li {width: auto;}
.submenu-items a, .submenu-items label, .submenu-items select {padding: 14px 6px;}
.submenu-items select {padding: 8px;}
}





/* ========== FILTER ========= */
/* =========================== */

.fader-div {display: none;}
.filter {margin: 25px auto 0px auto; padding: 0px 0px 8px 0px; text-align: right;}
.filter h1 {float: left; margin: 0px auto 0px 10px;}
.filter div {display: inline-block; margin: 7px 0px 3px 15px; color: rgba(0,0,0,0.5); font-size: 17px;}
.filter form {display: inline-block; margin: 0px; padding: 0px;}
.filter a, .filter a.add, .filter select, .filter label, .filter input, .filter button {margin: 0px; display: inline-block; padding: 4px 5px; box-shadow: none; max-width: 170px;}
.filter a.add {padding: 10px 24px; max-width: none; position: relative;}
.filter a, .filter select, .filter option, .filter label, .filter input, .filter button {font-size: 16px;}
.filter select:hover, .filter select:focus, .filter input:hover, .filter input:focus {box-shadow: none;}
.filter button {width: auto; padding: 2px 6px; border: none; margin: 0px 0px auto 2px;}
.filter button svg, .filter a svg {margin: 0px 5px 0px 0px; max-width: 20px; max-height: 20px;}
.filter button.add svg, .filter a.add svg {margin: -2px 7px 0px 0px; max-width: 14px; max-height: 14px;}
.filter input[type="checkbox"] {width: 16px; height: 16px; margin: 0px 2px 0px 0px; vertical-align: middle;}
.filter .filter_flag {width: 22px; height: 16px; margin: 0px 2px 0px 0px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.2);}


@media (max-width: 767px) {
.filter {text-align: center;}
.filter a, .filter select, .filter label, .filter input {font-size: 18px; margin: 10px 10px 0px 10px;}
}







/* ========== TABLE ========== */
/* =========================== */

.ui_table_min1300 table {min-width: 1280px;}
.ui_table_min1200 table {min-width: 1200px;}
.ui_table_min1000 table {min-width: 1000px;}
.ui_table_min800 table {min-width: 800px;}
.ui_table_min600 table {min-width: 600px;}
.ui_table_scroll {overflow-x:auto; clear: both; float: none;}

.ui_table {width: 99.9%; border-collapse: collapse; margin: 10px auto 0px auto; padding: 0;}
.ui_table a, .ui_table td, .ui_table th {font-size: 14px; font-weight: normal; max-width: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ui_table th {text-align: left;}
.ui_table td {text-align: right;}
.ui_table td.tooltip-default, .ui_table th.tooltip-default {overflow: visible;}

/* THEAD */
.ui_table thead tr th, .ui_table thead tr td {padding: 10px 9px; font-size: 13px;}
.ui_table thead tr th a, .ui_table thead tr td a {font-size: 13px; background-image: url(/ico/ui_arrow_double.svg); background-repeat: no-repeat; background-size: 12px 12px; background-position: right center; display: block; width: auto; max-width: none; padding-right: 20px;}
.ui_table thead tr th a:hover, .ui_table thead tr td a:hover {background-image: url(/ico/ui_arrow_double2.svg);}
.ui_table thead svg {max-height: 14px; max-width: 24px;}


/* TBODY */

.ui_table tbody tr th, .ui_table tbody tr td {padding: 12px 11px;}
.ui_table tbody a img, .ui_table tbody img, .ui_table tbody a svg, .ui_table tbody svg {max-height: 16px; max-width: 24px;}
.ui_table .icns {max-width: none; white-space: nowrap; max-width: none; padding: 0px 12px;}
.ui_table .icns a {display: inline-block; margin: 0px 0px 0px 16px; font-size: 16px; max-width: none;}
.ui_table .icns a:first-child {margin: 0px 0px 0px 0px;}
.ui_table .icns a svg {display: inline-block; width: 16px; height: 16px;}

.ui_table tbody .canceled th, .ui_table tbody .canceled td {text-decoration: line-through; color: rgba(0,0,0,0.45); font-style: italic;}
.ui_table.tooltip-left .colorTip, .ui_table.tooltip-right .colorTip, .ui_table.tooltip-bottom .colorTip {width: auto;}

 
 
/* FIRST NARROW COLUMNS */

.ui_table .small {width: 24px; border-right: none !important; overflow: visible; padding: 12px 4px;}

 
 
/* DATE - COLUMN WITH DATE */
.ui_table .date {width: 138px;}
.ui_table .date_time {width: 70px;}

 
 
/* COMMON */

/* .ui_table thead tr th:last-child, .ui_table thead tr td:last-child {border-right: transparent;} */



/* CLASSIC CHECKBOX */

.ui_table input[type="checkbox"] {height: 18px; width: 18px;}



/* CLASSIC RADIOBUTTON */

.ui_table input[type="radio"] {height: 18px; width: 18px;}



/* CHECKBOX */
.ui_table .chkbx {width: 20px; padding: 0px 0px 0px 8px; border-right: none !important; overflow: visible;}
.ui_table tr:hover .chkbx {border-right: none !important;}



/* LABEL */

.ui_table label {margin: 0px 10px 0px 0px;}

  

/* INPUT TEXT */

.ui_table input[type="text"], .ui_table input[type="number"], .ui_table input[type="file"], .ui_table input[type="password"] {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: transparent; box-shadow: none; margin: 0px; border: 1px solid transparent; width: 100%; height: 100%; min-height: 37px; padding: 4px 0px 4px 10px; font-size: 14px; outline: none !important;}
.ui_table > tbody tr:hover > td > input[type="text"], .ui_table > tbody tr:hover > td > input[type="number"], .ui_table > tbody tr:hover > th > input[type="text"], .ui_table > tbody tr:hover > th > input[type="number"], .ui_table > tbody tr:hover > input[type="file"], .ui_table > tbody tr:hover > input[type="password"] {background: rgba(255,255,255,0.7); border: 1px solid rgba(0,0,0,0);}

.ui_table > tbody tr input[type="text"]:hover, .ui_table > tbody tr input[type="number"]:hover, .ui_table > tbody tr input[type="file"]:hover, .ui_table > tbody tr input[type="password"]:hover, .ui_table > tbody tr input[type="text"]:focus, .ui_table > tbody tr input[type="number"]:focus, .ui_table > tr input[type="file"]:focus, .ui_table > tbody tr input[type="password"]:focus {background: rgba(255,255,255,1) !important;}

.ui_table > tbody tr input[type="text"]:focus, .ui_table > tbody tr input[type="number"]:focus, .ui_table > tr input[type="file"]:focus, .ui_table > tbody tr input[type="password"]:focus {border-style: solid; border-width: 1px;}

.ui_table > tbody tr:hover input[type="text"]:disabled, .ui_table > tbody tr:hover input[type="number"]:disabled, .ui_table > tbody tr:hover input[type="file"]:disabled, .ui_table > tbody tr:hover input[type="password"]:disabled {background: transparent;}



/* SELECT */

.ui_table select {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: transparent; box-shadow: none; margin: 0px; border: 1px solid transparent; width: 100%; height: 100%; min-height: 37px; padding: 4px 0px 4px 10px; font-size: 14px; -webkit-appearance: menulist; outline: none !important;}
.ui_table select option {font-size: 14px;}
.ui_table tr:hover select {background: rgba(255,255,255,0); border: 1px solid rgba(0,0,0,0);}
.ui_table tr select:hover {background: rgba(255,255,255,0.88);}



/* READ / UNREAD - SOLVED / UNSOLVED - SELECTED / UNSELECTED */

.ui_table .unsolved th, .ui_table .unsolved td, .ui_table .unsolved a {font-weight: bold;}
.ui_table .unsolved th, .ui_table .unsolved td {color: #222;}



/* EMPTY ROW - JUST FOR SPACING / GAP */

.ui_table tbody tr td.empty_row, .ui_table tbody tr:hover td.empty_row {background: none; background-color: transparent; margin: 0px; height: 30px;}



/* ADD ROW - NEW ITEM - GREEN STYLED */

.ui_table tbody tr.add_row th, .ui_table tbody tr.add_row td {background: #e3fde4 !important;}
.ui_table tbody tr.add_row svg {fill: #009d27}
.ui_table tbody tr.add_row a:hover svg {fill: #00791f}
.ui_table tbody tr.add_row a, .ui_table tbody tr.add_row button {color: #009d27; font-weight: bold;}
.ui_table tbody tr.add_row ::-webkit-input-placeholder {color: rgba(0,157,39,0.64);}
.ui_table tbody tr.add_row input::-moz-placeholder {color: rgba(0,157,39,0.64);}
.ui_table tbody tr.add_row input:-ms-input-placeholder{color: rgba(0,157,39,0.64);}
.ui_table tbody tr.add_row button {font-size: 14px; padding: 0px; margin: 0px; border-width:0px; border-style: none;}



/* TABLE FOOTER */

.ui_table_footer {display: table; width: 99.5%; padding: 22px 0px;}
.ui_table_footer > div {display: table-cell; vertical-align: top;}



/* TOOLS */

.ui_table_footer .tools {text-align: left; margin: auto; padding-left: 18px; white-space: nowrap;}
.tools svg {margin: 0px 4px 0px 0px; max-width: 16px; max-height: 16px; vertical-align: middle;}
.ui_table_footer a {font-size: 16px; margin: 0px 15px 0px 0px; display: inline-block; padding: 10px 22px; border-width: 1.5px; border-style: solid; border-radius: 34px;}
.ui_table_footer a svg {margin: -3px 3px 0px 0px; max-width: 16px; max-height: 16px; vertical-align: middle;}
.ui_table_footer select, .ui_table_footer label, .ui_table_footer input, .ui_table_footer button {font-size: 16px; margin: 0px; display: inline-block; padding: 4px 5px; box-shadow: none; max-width: 150px;}
.ui_table_footer select:hover, .ui_table_footer select:focus, .ui_table_footer input:hover, .ui_table_footer input:focus {box-shadow: none;}
.ui_table_footer button {width: auto; padding: 2px 6px; border: none; margin: 0px 0px auto 2px;}



/* PAGINATION */
.pagination {text-align: center; margin: 15px auto; color: rgba(0,0,0,0.4); font-size: 15px; vertical-align: middle;}
.pagination a {border: none; font-size: 18px; display: inline-block; padding: 5px 12px; vertical-align: middle;}
.pagination a.current {display: inline-block; font-weight: bold; color: black;}
.pagination div {display: inline-block; text-align: center; white-space: nowrap; font-size: 18px; padding: 0px 25px;}
.pagination div svg {display: block; max-height: 42px; max-width: 42px;}
.pagination form {display: inline-block;}
.pagination select {font-size: 16px; display: block; padding: 3px 5px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.3); color: black; margin-left: 15px;}


/* ICON LISTING */

.ui_table_footer_icons {margin: 0px auto 20px auto; text-align: right; white-space: nowrap; overflow: hidden;}
.ui_table_footer_icons div {display: inline-block; margin: 0px 0px 20px 30px; text-align: center; font-size: 13px; max-width: 140px; vertical-align: top; line-height: 18px; white-space: normal;}
.ui_table_footer_icons div svg, .ui_table_footer_icons div img {display: block; margin: 0px auto 5px auto; max-height: 18px; max-width: 18px;}




@media (max-width: 767px) {
.ui_table a, .ui_table td, .ui_table th, .ui_table input[type="text"], .ui_table input[type="number"], .ui_table input[type="file"], .ui_table input[type="password"], .ui_table select {font-size: 16px; max-width: none;}
.ui_table thead tr th, .ui_table thead tr td {padding: 12px 9px; font-size: 15px;}
.ui_table thead tr th a, .ui_table thead tr td a {font-size: 15px;}
.ui_table tbody tr th, .ui_table tbody tr td {padding: 14px 10px;}
.ui_table input[type="text"], .ui_table input[type="number"], .ui_table input[type="file"], .ui_table input[type="password"], .ui_table select {min-width: 160px; padding: 10px 0px 10px 8px;}
.ui_table select {padding: 5px 0px 8px 6px;}
.ui_table .control {font-size: 16px;}

.ui_table_footer .tools,.ui_table_footer .pagination {width: 50%;}
.tools,.ui_table_footer .pagination {text-align: right;}
.ui_table_footer .icons {display: none;}
}






/* ========== FORMS ========== */
/* =========================== */


.form {display: table; margin: 0px auto; text-align: left; vertical-align: top; width: 100%; max-width: 1100px; clear: both; float: none; padding: 0px;}

.form .column1, .form .column2in1, .form .column1_small, .form .column1_middle, .form .column1_wide {width: 100%; display: block; text-align: center; clear: both; float: none; margin: auto;}
.form .column1 {max-width: 900px;}
.form .column1_small {max-width: 400px;}
.form .column1_middle {max-width: 700px;}
.form .column1_wide {max-width: 1100px;}
.form .column2in1 {max-width: 900px;}
.form .column2 {width: 50%; display: table-cell; text-align: center;}
.form .column3 {width: 33%; display: table-cell; text-align: center;}


/* 2 INPUTS IN ONE LINE / ROW */
.form > div > div .OneLine2Inputs {display: block; width: 100%; padding: 0; border-radius: 0; white-space: nowrap !important;}
.form > div > div .OneLine2Inputs input, .form > div > div .OneLine2Inputs select {display: inline-block !important; width: 49.2% !important;}





.form h5 {display: block; clear: both; float: none;text-align: left; margin: 30px auto 7px 10px; float: none; font-size: 21px; font-weight: 600; width: 100%;}


/* FORM RED NOTICE */
.form-notice, .form-notice b, span.form-notice-InH1, .form-notice-InH1 b {color: #ff0000; font-size: 13.5px !important; line-height: 18px; font-weight: 400;}
.form-notice-InH1 b {font-weight: bold;}
span.form-notice-InH1 small {color: #ff0000; font-size: 12px !important; line-height: 15px; font-weight: 400; display: block;}
.form-notice {display: block; clear: both; text-align: right; margin: 0px 0px 15px 0px; float: none; color: #ff0000; font-size: 14px;}
.form-notice-InH1 {display: block; text-align: right; margin: 0px; float: right; font-weight: 400; color: #ff0000;}
 

.form > div > div {font-size: 16px; display: block; width: 100%; text-align: left; margin: 0px auto 5px auto; padding: 15px 20px 20px 20px; vertical-align: top; box-sizing: border-box; color: rgba(0,0,0,0.6);}
.form .column1 > div {width: 100%;}
.form .column2in1 > div {width: 50%; display: block;}
.form .column2in1 > div:first-child {float: left;}
.form .column2in1 > div:last-child {float: right;}
.form .column4 > div {width: 25%; display: inline-block;}
.form .column5 > div {width: 20%; display: inline-block;}

.form .column1 > h5 {width: 100%;}
.form > div > div:hover {color: rgba(0,0,0,0.9);}

.form > div > div.full_row, .form > div > div.button_row {width: 100% !important; max-width: none !important;}



/* INPUT TEXT / NUMBER / EMAIL ... */

.form textarea, .form input[type="text"], .form input[type="number"], .form input[type="date"], .form input[type="email"], .form input[type="password"], .form input[type="file"], .form input[type="url"], .form input[type="tel"], .form select, .form label, .form .only_text {width: 100%; display: block; padding: 6px 8px; box-sizing: border-box; margin: 3px auto; box-sizing: border-box;}

.form textarea, .form input[type="text"], .form input[type="number"], .form input[type="date"], .form input[type="email"], .form input[type="password"], .form input[type="file"], .form input[type="url"], .form input[type="tel"], .form select, .form label, .form span, .form b, .form strong, .form .only_text {font-size: 18px;}

.form input[type="text"], .form input[type="number"], .form input[type="date"], .form input[type="password"], .form input[type="email"], .form input[type="file"], .form input[type="url"], .form input[type="tel"], .form select, .form label, .form .only_text {background: none; border-bottom: 1px dashed #aaa; border-top: 1px dashed transparent !important; border-right: 1px dashed transparent !important; border-left: 1px dashed transparent !important; box-shadow: none; color: #333;}


.form input[type="text"]:disabled, .form input[type="number"]:disabled, .form input[type="date"]:disabled, .form input[type="password"]:disabled, .form input[type="email"]:disabled, .form input[type="tel"]:disabled, .form input[type="file"]:disabled, .form input[type="url"]:disabled, .form select:disabled {opacity: 0.45;}

.form > div div:hover input[type="text"], .form > div div:hover input[type="number"], .form > div div:hover input[type="date"], .form > div div:hover input[type="email"], .form > div div:hover input[type="file"], .form > div div:hover input[type="password"], .form > div div:hover input[type="url"], .form > div div:hover input[type="tel"], .form > div div:hover select, .form > div div:hover label {border-bottom: 1px solid #777;}

.form input[type="text"]:focus, .form input[type="number"]:focus, .form input[type="date"]:focus, .form input[type="email"]:focus, .form input[type="password"]:focus, .form input[type="file"]:focus, .form input[type="url"]:focus, .form input[type="tel"]:focus, .form select:focus, .form label:focus {border-bottom: 1px solid #444 !important; outline: 1px solid transparent !important; color: black; font-weight: bold;}

.form .only_text:hover {text-decoration: none; cursor: default;}


.form div input:-webkit-autofill {-webkit-box-shadow: 0 0 0 30px #fff inset; box-shadow: 0 0 0 30px #fff inset; -webkit-text-fill-color: #333 !important;outline: none;}



/* INPUT REQUIRED */
.form .obl {color:#ff0000; background-image: url(/ico/ui_star.svg); background-size: 5px 5px; background-position: 11px 18px; background-repeat: no-repeat;}
.form .obl:hover {color:#ff0000;}
.form .obl input[type="text"], .form .obl input[type="number"], .form .obl input[type="date"], .form .obl input[type="email"] {}
.form input[type="text"]:focus:invalid, .form input[type="password"]:focus:invalid, .form input[type="email"]:focus:invalid, .form input[type="number"]:focus:invalid, .form input[type="file"]:focus:invalid, .form input[type="url"]:focus:invalid, .form input[type="tel"]:focus:invalid {border-bottom: 1px solid #ff0000 !important;}



/* TEXTAREA */
.form div textarea {border: 1px dashed #999; min-height: 120px; color: #333;}
.form div div:hover textarea {border: 1px solid #999;}
.form textarea:focus {border: 1px solid #555 !important; outline: 1px solid transparent !important; color: black; font-weight: bold;}



/* LINK WITH IMAGE */
.form > div > div > a > img, .form > div > div > a > svg {max-height: 18px; max-width: 18px;}


/* IMAGE */
.form > div > div > svg {fill: rgba(0,0,0,0.3); max-height: 16px; max-width: 16px;}
.form > div > div > svg:hover {fill: rgba(0,0,0,0.56);}


/* SELECT */
.form select, .form select option {font-size: 18px;}
.form select:hover {cursor: pointer;}


/* SMALL - FOR INFORMATIONAL HINT BELOW INPUT */
.form small {display: block; margin-left: 10px; clear: both; float: none;}
.form small, .form small strong, .form small b, .form small span {font-size: 13px;}


/* TEXTAREA */
.form textarea {background: none; box-shadow: none;}
.form > div div.full_row textarea {width: 100%; height: 120px;}


/* OK - WRONG / MISSING DATA */
.form .ok-data input, .form .no-data input, .form .selectInside.ok-data, .form .selectInside.no-data {background-size: 20px 20px; background-repeat: no-repeat;}
.form .ok-data input, .form .selectInside.ok-data {background-image: url(/ico/ok.svg);}
.form .no-data input, .form .selectInside.no-data {background-image: url(/ico/no.svg);}
.form .ok-data input, .form .no-data input {background-position: right 20px center;}
.form .column1 .ok-data input, .form .column1 .no-data input {background-position: right 20px center;}
.form .selectInside.ok-data, .form .selectInside.no-data {background-position: right 45px center;}

.form .obl.selectInside.ok-data {color:#ff0000; background-image: url(/ico/ui_star.svg), url(/ico/ok.svg); background-size: 5px 5px, 20px 20px; background-position: 11px 18px, right 40px center; background-repeat: no-repeat;}
.form .obl.selectInside.no-data {color:#ff0000; background-image: url(/ico/ui_star.svg), url(/ico/no.svg); background-size: 5px 5px, 20px 20px; background-position: 11px 18px, right 40px center; background-repeat: no-repeat;}


/* CHECKBOX */
.form input[type="checkbox"] {width: 18px; height: 18px; display: inline-block; margin: -3px 4px 0px 0px; vertical-align: middle;}


/* RADIO */
.form input[type="radio"] {width: 18px; height: 18px; display: inline-block; margin: -3px 4px 0px 0px; vertical-align: middle;}


/* LABEL */
.form .labels label {padding: 6px 8px;}
.form .labels label:first-child {margin: 3px 0px;}
.form .labels label:last-child {margin: 0px 0px 3px 0px !important; padding: 2px 8px 8px 8px;}
.form label {font-size: 18px;}
.form label svg {height: 24px; width: 24px; margin: -6px 3px 0px 5px;}
/* .form label:hover {text-decoration: none;} */
.form label img {max-height: 22px; margin: 0px 0px 0px 7px; vertical-align: middle; display: inline-block; }
.form label.selected {text-decoration: underline;}


/* A - LINK */
.form > div > div > label a {display: block; float: none;}
.form > div > div > label a, .form > div > div > label b {font-size: 18px;}


/* ICON / BUTTON IN ROW */
.icon_in_row {white-space: nowrap;}
.icon_in_row a {display: inline-block; height: 18px; width: 18px;}
.icon_in_row a svg {display: block; height: 18px; width: 18px;}
.icon_in_row select, .icon_in_row input[type="text"], .icon_in_row input[type="number"], .icon_in_row input[type="date"], .icon_in_row input[type="password"], .icon_in_row input[type="email"], .icon_in_row input[type="file"], .icon_in_row input[type="url"], .icon_in_row label {width: 90%; display: inline-block; margin: 3px 10px 10px 0px;}

/* TOP LINKs*/
.form > div > div > a {float: right; display: inline-block; margin-left: 3px; font-size: 15px; vertical-align: middle;}


/* BUTTON */
form button {margin: 35px auto; display: block; text-transform: uppercase;}


/* PLACEHOLDER */
.form ::-webkit-input-placeholder {color:rgba(0,0,0,0.37); font-weight: 400;}
.form input::-moz-placeholder {color:rgba(0,0,0,0.37); font-weight: 400;}
.form input:-ms-input-placeholder {color:rgba(0,0,0,0.37); font-weight: 400;}
.form > div div:hover ::-webkit-input-placeholder {color:rgba(0,0,0,0.5);}
.form > div div:hover input::-moz-placeholder {color:rgba(0,0,0,0.5);}
.form > div div:hover input:-ms-input-placeholder {color:rgba(0,0,0,0.5);}
.form > div div:hover input:focus::-webkit-input-placeholder {color:rgba(0,0,0,0);}
.form > div div:hover input:focus::-moz-placeholder {color:rgba(0,0,0,0)}
.form > div div:hover input:focus:-ms-input-placeholder {color:rgba(0,0,0,0);}



/* PHONE NUMBER - COUNTRY CODE CLEAVE PLUGIN */
.phone {float: right; margin: 0; padding: 0;}
.phone .prefix-button {margin: 0 5px 0 0; display: block; width: 80px; text-align: right; background: none; border: 1px solid #aaa; box-shadow: none; color: #333; border-radius: 0; padding: 6px 8px; box-sizing: border-box; vertical-align: top;}
.phone .input-group .form-control {display: inline-block; float: right; margin: 0 !important; width: calc(100% - 85px) !important; vertical-align: top;}
.phone #prefix {text-align: right; display: inline-block;}
.phone .input-group ul {display: none; background: #fafafa; width: 410px; position: absolute; list-style: none; margin: 0; height: 200px; overflow-x: hidden; overflow-y: scroll; top: calc(100% + 1px);}
.phone .input-group .open ul {display: block;}
.phone .input-group .open ul li a {display: block; text-decoration: none; color: #333; padding: 4px 14px;}
.phone .input-group .open ul li a:hover {background: #efefef;}
.phone .input-group {padding: 0; margin: 3px auto; vertical-align: top; display: flex; flex-direction: row;}
.phone .input-group-btn {position: relative; padding: 0; margin: 0;}
.phone .input-group-btn .arrowDown {margin: 0 0 0 4px !important; fill: #333; width: 10px; height: 10px;}




/* EMPTY - NO ITEM / NO PRODUCT / NO TALLY IN DATABASE */

.no_item, .no_item_timber {opacity: 0.38;}

.empty,.empty_tally {display: block; text-align: center; margin: 50px auto}
.empty h4, .empty_tally h4 {display: block; font-size: 36px; font-weight: 300; line-height: 40px; color: red; margin: 0px auto 30px auto; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 0px 0px 30px 0px;}
.empty h5, .empty_tally h5 {display: block; font-size: 26px; font-weight: 300; line-height: 30px;}
.empty p {display: block; font-size: 17px; font-weight: 400; line-height: 20px; margin: 5px auto 25px auto;}
.empty a {display: table; font-size: 20px; font-weight: 400; line-height: 20px; margin: auto; color: #fff; padding: 13px 28px; border-radius: 40px; min-width: 200px;}
.empty a:hover {color: #fff; text-decoration: none;}
.empty a svg {display: inline-block; margin: -3px 8px 0px 0px; max-height: 16px; max-width: 16px; fill: #fff;}
.empty a:hover svg {fill: #fff;}






@media screen and (max-width: 1024px) {
.form {max-width: none; display: block;}
.form .column2, .form .column3 {width: 100%; display: block; text-align: left; }
.form h5 {margin: 20px auto 5px 10px; font-size: 26px; max-width: none; display: block;}
.form-notice, .form-notice-InH1 {text-align: center; margin: 15px auto 10px auto; display: block; float: none;}
.form > div > div, .form .column2in1 > div {display: block; max-width: 760px; width: 100%; float: none!important;}
}

@media screen and (max-width: 800px) {
.form > div > div {display: block; max-width: none; width: 100%; font-size: 16px; margin: 6px auto; padding: 14px 14px 12px 18px; font-weight: bold;}
.form textarea, .form input[type="text"], .form input[type="number"], .form input[type="file"], .form input[type="password"], .form input[type="date"], .form input[type="email"], .form select {font-size: 20px;}
.form small {font-size: 14px; font-weight: normal;}
.no_item {display: none;}
}







/* ---- FOOTER - BOTTOM ---- */
/* ========================= */

#footer {position: absolute; bottom: 0px; margin-top: 10px;}
#footer2 {font-size: 17px; color: #deb387; padding: 0px; text-align: center; line-height: 27px;}

#footer2 > a {padding: 25px 17px 2px 17px; white-space: nowrap; font-size: 18px; font-weight: 300; display: inline-block;}
#footer2 .div-cell {padding: 15px 45px; vertical-align: top;}
#footer2 .div-table {padding: 20px 0px 20px 0px; width: auto; margin: auto;}
#footer2 .div-cell > ul > li {vertical-align: middle; list-style: none; text-align: left; white-space: nowrap;}
#footer2 .div-cell > ul > li a {font-size: 15px; padding: 3px 15px;}
#footer2 .footer-social > ul > li a {text-align: center;}
#footer2 .footer-social > ul > li a img {display: block; margin: 2px auto 0px auto;}

#footer-flags {padding: 0px; text-align: center;}
#footer-flags > a {margin: 0px 2px; padding: 3px 2px; display: inline-block;}
#footer-flags > a > svg {height: 12px; width: 16px; opacity: 0.56; filter: alpha(opacity=56);}
#footer-flags > a:hover > svg {opacity: 1.0; filter: alpha(opacity=100);}
#footer-flags > a:last-child {margin-right:0px;}
#footer-flags > a:first-child {margin-left:0px;}

#footer-bottom {padding: 10px 0px 35px 0px; text-align: center;}
#footer-bottom li, #footer-bottom li a {display: inline-block; padding: 10px 5px; font-size: 13px;}
#footer-bottom #ui-lang {display: inline-block;}
#footer-bottom svg.footer-flag {fill: currentColor !important; height: 16px; width: 20px;}
#footer-bottom ul li select {font-size: 13px; display: inline-block; margin: 0px 0px 0px 5px; padding: 2px 4px; background: rgba(255,255,255,0); border: 1px solid rgba(255,255,255,0.15);}
#footer-bottom ul li select:hover, .ui_partner_bottom #footer-bottom ul li select:focus {border: 1px solid rgba(255,255,255,0.3);}


/* BOTTOM PARTNER */
.ui_partner_bottom #footer2 .div-table {padding: 40px 0px 40px 0px;}
.ui_partner_bottom #footer2 .div-cell {width: 33%; max-width: 330px; padding: 0px 10px; text-align: center;}
.ui_partner_bottom #footer2 .div-cell > ul {margin: auto; display: table;}
.ui_partner_bottom #footer2 .div-cell > ul > li, .ui_partner_bottom #footer2 .div-cell > ul > li a {font-size: 14px; line-height: 18px; white-space: normal; padding: 4px 0px;}
.ui_bottom_logo img {max-height: 50px; max-width: 220px; display: block; margin: 5px auto 10px auto;}
.ui_bottom_contact svg {max-height: 14px; max-width: 14px; display: inline-block; margin: -2px 6px 0px 0px;}

.ui_partner_bottom #footer-bottom {padding: 0px;}
.ui_partner_bottom #footer-bottom ul li, .ui_partner_bottom #footer-bottom ul li a, .ui_partner_bottom #footer-bottom ul li select {font-size: 13px;}
.ui_partner_bottom #footer-bottom ul li svg {max-height: 24px; max-width: 100px; display: inline-block; margin: 0px 0px 0px 2px; preserveAspectRatio: xMaxYMax meet;}




@media (max-width: 1023px) {
#footer2 {padding: 15px 0px 0px 0px}
#footer2 > a {padding: 5px 15px 5px 15px;}
#footer2 .div-table {padding: 20px 0px 0px 0px;}
#footer #footer2 .div-cell {display: inline-block; width: auto; padding: 0px; max-width: none;}
#footer #footer2 .footer-social {display: block;}
#footer-bottom li {padding: 5px 10px;}
#footer2 .div-cell > ul > li {display: inline-block;}
}

@media screen and (min-width: 951px) and (max-width: 1023px) {
#ui_container {padding-bottom: 500px; /* height of the footer */;}
}

@media screen and (min-width: 768px) and (max-width: 950px) {
#ui_container {padding-bottom: 530px; /* height of the footer */;}
}

@media (max-width: 767px) {
#ui_container {padding-bottom: 580px; /* height of the footer */;}
#footer-flags {display: none;}
#footer .div-cell > ul > li {display: inline-block; width: auto;}
}


#footer-flags > .timberpolis\.at-at svg, #footer-flags > .timberpolis\.be-be svg, #footer-flags > .timberpolis\.bg-bg svg, #footer-flags > .timberpolis\.cn-cn svg, #footer-flags > .timberpolis\.co\.uk-couk svg, #footer-flags > .timberpolis\.pt-pt svg, #footer-flags > .timberpolis\.com\.ua-comua svg, #footer-flags > .timberpolis\.cz-cz svg, #footer-flags > .timberpolis\.de-de svg, #footer-flags > .timberpolis\.dk-dk svg, #footer-flags > .timberpolis\.ee-ee svg, #footer-flags > .timberpolis\.es-es svg, #footer-flags > .timberpolis\.fi-fi svg, #footer-flags > .timberpolis\.eu-eu svg, #footer-flags > .timberpolis\.fr-fr svg, #footer-flags > .timberpolis\.gr-gr svg, #footer-flags > .timberpolis\.hu-hu svg, #footer-flags > .timberpolis\.ch-ch svg, #footer-flags > .timberpolis\.in-in svg, #footer-flags > .timberpolis\.it-it svg, #footer-flags > .timberpolis\.lt-lt svg, #footer-flags > .timberpolis\.lv-lv svg, #footer-flags > .timberpolis\.net-net svg, #footer-flags > .timberpolis\.nl-nl svg, #footer-flags > .timberpolis\.com-no svg, #footer-flags > .timberpolis\.com\.hr-hr svg, #footer-flags > .timberpolis\.pl-pl svg, #footer-flags > .timberpolis\.ro-ro svg, #footer-flags > .timberpolis\.rs-rs svg, #footer-flags > .timberpolis\.ru-ru svg, #footer-flags > .timberpolis\.se-se svg, #footer-flags > .timberpolis\.si-si svg, #footer-flags > .timberpolis\.sk-sk svg {opacity: 1.0 !important; filter: alpha(opacity=100);}





@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-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{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(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)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(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)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(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{0%,to{-webkit-transform:translateZ(0);transform:translateZ(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)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}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{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}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)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,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:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,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:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,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:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,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:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,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:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,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:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,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:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,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:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,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,-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:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,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,-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:translateZ(0);transform:translateZ(0)}}.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)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-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)}}.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{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{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{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedIn{0%{-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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{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{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(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:rotate(80deg);transform:rotate(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:rotate(60deg);transform:rotate(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:rotate(80deg);transform:rotate(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:rotate(60deg);transform:rotate(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-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-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}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{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{0%{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{0%{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{0%{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{0%{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{0%{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{0%{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{0%{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{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{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{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(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{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(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{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion:reduce),(print){.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}}






/* FRESH ORANGE */
#slidebox, .email-author {background: #e37b00; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffda68), to(#dd7800)); background: -webkit-linear-gradient(#ffda68, #dd7800); background: -moz-linear-gradient(#ffda68, #ffb156); background: -ms-linear-gradient(#ffda68, #dd7800); background: -ms-linear-gradient(top, #ffda68 0%,#dd7800 98%); background: -o-linear-gradient(#ffda68, #dd7800); background: linear-gradient(#ffda68, #dd7800); -pie-background: linear-gradient(#ffda68, #dd7800);}

/* ORANGE */
#loading {background: #ff9000; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff9000), to(#7c4600)); background: -webkit-linear-gradient(#ff9000, #7c4600); background: -moz-linear-gradient(#ff9000, #7c4600); background: -ms-linear-gradient(#ff9000, #7c4600); background: -ms-linear-gradient(top, #ff9000 0%,#7c4600 98%); background: -o-linear-gradient(#ff9000, #7c4600); background: linear-gradient(#ff9000, #7c4600); -pie-background: linear-gradient(#ff9000, #7c4600)}


/* SILVER TO WHITE */
div.tooltip div.toolcontent, .i-inzercia>a:hover, .i-tabs .bot-calc a:hover, .i-tabs-grid a:hover {background: #ececec; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eaeaea), to(#ffffff)); background: -webkit-linear-gradient(#eaeaea, #ffffff); background: -moz-linear-gradient(#eaeaea, #ffffff); background: -ms-linear-gradient(#eaeaea, #ffffff); background: -ms-linear-gradient(top, #eaeaea 0%,#ffffff 98%); background: -o-linear-gradient(#eaeaea, #ffffff); background: linear-gradient(#eaeaea, #ffffff); -pie-background: linear-gradient(#eaeaea, #ffffff);}



.showroom-grid a:hover, .online-tools a:hover, .flyers a:hover, .events div:hover, .machinery .tooltip-item:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaeaea+0,ffffff+100&0.38+0,0.3+100 */
background: -moz-linear-gradient(top, rgba(234,234,234,0.38) 0%, rgba(255,255,255,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(234,234,234,0.38) 0%,rgba(255,255,255,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(234,234,234,0.38) 0%,rgba(255,255,255,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61eaeaea', endColorstr='#4dffffff',GradientType=0 ); /* IE6-9 */}



/* SILVER TO WHITE */
.lightbox, .modal-content {background: #ececec; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e2e2e2), to(#ffffff)); background: linear-gradient(#e2e2e2, #ffffff);}

/* GRAY TO BLACK */
.calculator-result {background: #555; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#676767), to(#000000)); background: linear-gradient(#676767, #000000);}