/* Fixing common browser problems extract from: normalize.css | MIT License | git.io/normalize */
/* Thanks to Nicolas Gallagher and Jonathan Neal */
@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@160..700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Orbitron&display=swap');

:root { 
/*
 --mainColor: rgba(119,34,66, 1);
 --secondaryColor: rgba(159, 7, 64, 1); 
 --tertiaryColor: rgba(108, 92, 231, 1);
*/
 --mainColor: #ac2b3f;
 --secondaryColor: #9600fa; 
 --tertiaryColor: rgba(108, 92, 231, 1); 
 --KontisDarkColor: #772242; 
}

html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;height:100%;}
body {font-family:'Readex Pro', Arial;font-weight: 300; margin:0;height:100%;background-color:#FFFFFF;color:rgba(0,0,0,0.88);}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block;}
audio,canvas,video {display:inline-block;vertical-align:baseline;}
audio:not([controls]) {display:none;height:0;}
[hidden],template {display:none;}
a {text-decoration:none;background-color:transparent;color:rgba(0,0,0,0.88);}
a:active,a:hover {outline:0;text-decoration:underline; color:#838282;}
a.invertLink {text-decoration:none;background-color:transparent;color:rgba(0,0,0,0.88);}
a.invertLink:active,a.invertLink:hover {text-decoration:underline;outline:0;color:var(--mainColor);}

a.theme1InvertLink {text-decoration:none;background-color:transparent;color:var(--mainColor);transition: all 0.3s ease;}
a.theme1InvertLink:active,a.theme1InvertLink:hover {text-decoration:underline;outline:0;color:var(--secondaryColor);}
.theme1Highlight {
	font-weight:600;
	background: linear-gradient(to right, var(--mainColor), var(--KontisDarkColor));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;	
}

a.theme2InvertLink {text-decoration:none;background-color:transparent;color:var(--mainColor);transition: all 0.3s ease;}
a.theme2InvertLink:active,a.theme2InvertLink:hover {text-decoration:underline;outline:0;color:var(--tertiaryColor);}
.theme2Highlight {	font-weight:600;
	background: linear-gradient(to right, var(--mainColor), var(--KontisDarkColor));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

a.theme3InvertLink {/*font-style:italic;*/text-decoration:none;background-color:transparent;color:rgba(141,34,66,0.85);}
a.theme3InvertLink:active,a.theme3InvertLink:hover {/*font-style:italic;*/text-decoration:underline;outline:0;color:rgba(141,34,66,0.75);}
.theme3Highlight {font-style:italic;font-weight:bold;text-decoration:none;background-color:transparent;text-shadow: 0px 0px 2px rgba(255,255,255,0.68) !important;color:rgba(255,255,255,0.78);/*color:rgba(141,34,66,0.6);*/}

a.theme4InvertLink {/*font-style:italic;*/text-decoration:none;background-color:transparent;color:rgba(141,34,66,0.75);}
a.theme4InvertLink:active,a.theme4InvertLink:hover {/*font-style:italic;*/text-decoration:underline;outline:0;color:rgba(141,34,66,0.75);}
.theme4Highlight {font-style:italic;font-weight:bold;text-decoration:none;background-color:transparent;text-shadow: 0px 0px 2px rgba(255,255,255,0.68) !important;color:rgba(255,255,255,0.78);/*color:rgba(141,34,66,0.6);*/}

a.captionLink {text-decoration:none;background-color:transparent;color:#3c3b4c;}
a.captionLink:active,a.captionLink:hover {text-decoration:underline;outline:0;color:#838282;}

.menuLink a {text-decoration:none;}
.menuLink a:active,.menuLink a:hover {text-decoration:underline;outline:0;color:#ac2b3f;}
a.textLink {text-decoration:none;transition: all 0.3s ease; background-color:transparent;color:var(--mainColor);}
a.textLink:active,a.textLink:hover {outline:0;text-decoration:underline; color:var(--secondaryColor);}

a.keyTextLink {text-decoration:none;background-color:transparent;color:var(--mainColor);}
a.keyTextLink:active,a.keyTextLink:hover {outline:0;text-decoration:underline; color:rgba(0,0,0,0.6);}

abbr[title] {border-bottom:1px dotted;}
b, strong {font-weight:600; color: #34303e;}
dfn {font-style:italic;}
mark {background:#ff0;color:#000;}
small {font-size:80%;}
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
img {border:0;}
svg:not(:root) {overflow:hidden;}
figure {margin:1em 40px;}
hr {-moz-box-sizing:content-box;box-sizing:content-box;background-color:rgba(0,0,0,0.2);width: 97%;height: 1px;margin-left: auto;margin-right: auto;border: 0 none;}
pre {overflow:auto;}
code,kbd,pre,samp {font-family:monospace,monospace;font-size:1em;}
button,input,optgroup,select,textarea {color:inherit;font:inherit;margin:0;}
button {overflow:visible;}
button,select {text-transform:none;}
button,html input[type=button],input[type=reset],input[type=submit] {-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled] {cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner {border:0;padding:0;}
input {line-height:normal;}
input[type=checkbox],input[type=radio] {box-sizing:border-box;padding:0;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {height:auto;}
input[type=search] {box-sizing:content-box;-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {-webkit-appearance:none;}
fieldset {border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend {border:0;padding:0;}
textarea {overflow:auto;}
optgroup {font-weight:bold;}
html {box-sizing:border-box;}
*,*:before,*:after {box-sizing:inherit;}
table {border-collapse:collapse;border-spacing:0;width:100%;display:table;}
table,th,td {border:none; padding: 5px;}
/* End Normalize Browser Fixes */
html {font-family:Arial, Myriad Pro; font-size:16px;line-height:1.5;font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-weight:400;line-height:1;margin:0.7em 0;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {font-weight:inherit;}
h1 {font-size:42px; text-align:center; padding:120px 20px 20px 20px; margin-top:0px;color:#3c3b4c;}
h2 {font-size:34px; text-align:center;padding:120px 20px 20px 20px;color:#3c3b4c;}
h3 {font-size:28px; text-align:center;padding:120px 20px 20px 20px;color:#3c3b4c;}
@media screen and (max-width: 620px) {h2,h3 {padding:20px 20px 20px 20px !important;}}
h4 {font-size:18px; 
	padding:20px 20px 0px 20px;
	background: linear-gradient(to right, var(--mainColor), var(--secondaryColor));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

h5 {font-size:22px}
h6 {font-size:16px}
a {webkit-tap-highlight-color:transparent;}

/* WRAPPERS */

.headerWrapper {width:100%; height:80px; min-width:360px;margin: 0 auto;}
.menuWrapper {max-width:1300px;min-width:320px;padding:0px 0px 0px 0px;margin-top:-20px;margin-left:auto;margin-right:auto;}
@media screen and (min-width: 570px) {.menuWrapper {padding:0px 0px 0px 25px;}}

.menuFooterWrapper {display:block;width:100%;position:relative;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
@media screen and (min-width: 700px) {.menuFooterWrapper{width:65%;position:relative;margin:0px 0px 50px 0px;padding:0px 0px 50px 0px;}}

.footerContentWrapper {max-width:1300px;margin-top:0px;margin-left:auto;margin-right:auto;}
.footerBottomLine {bottom:0;left:0px; position:absolute;height:50px;width:100%;}

.menuBlock {display:block;width:100%;padding-top:10px;}
@media screen and (min-width: 620px) {.menuBlock {display:block;width:100%;padding-top:20px;}}

.contentWrapper {max-width:1300px;min-width:360px;margin-top:0px;margin-left:auto;margin-right:auto;}
@media screen and (min-width: 620px) {.contentWrapper {position: relative !important; margin-top: 80px;}}

.contentSchemaWrapper {max-width:1440px;min-width:360px;margin-top:0px;margin-left:auto;margin-right:auto;}
@media screen and (min-width: 620px) {.contentSchemaWrapper {position: relative !important; margin-top: 80px;}}

.contentBlockWrapper {width:100%;}

.iTutorFeaturesWrapper {
padding: 20px 0px 0px 0px; text-align:center; position:relative;	
}
@media screen and (min-width: 620px) {.iTutorFeaturesWrapper {padding: 100px 0px 0px 0px; text-align:center; position:relative;}}

.emptySpace {width:100%;height:100px;margin: 0 auto;}
.emptySpaceSmall {width:100%;height:50px;margin: 0 auto;}
.emptySpaceXSmall {width:100%;height:25px;margin: 0 auto;}
.emptySpaceXXSmall {width:100%;height:5px;margin: 0 auto;}
.emptySpaceHomeBanner {width:100%;height:20px;margin: 0 auto;}
@media screen and (min-width: 620px) {.emptySpaceHomeBanner {height:50px;}}
.inlineInfo {display:inline-block;float:left;}


/* BUTTONS */
.button {
    margin: auto;
	font-weight: 400;
    max-width: 250px;
	border: 2px solid var(--mainColor);
	border-radius: 25px;
    padding: 10px 20px;
	text-align:center;
	transition:.2s ease-out;
	cursor:pointer;
	background-color: rgba(255,255,255,0.37);
	color: var(--mainColor);
	box-shadow: 0px 0px 4px 0px rgba(119,34,66, 0.85) !important;
	border-sizing: border-box;
	transition: all 0.5s ease;
}

.button:hover {
	background-image: linear-gradient(45deg, var(--mainColor), var(--KontisDarkColor)) !important;
	/* background-color: rgba(255,255,255,0.75); */
	color: rgba(255,255,255,0.8);
	transform: scale(1.03);
}

.demo_button {
    margin-right: 30px;
    padding: 4px 20px;
}

.invertButton, .invertButtonWhiteBackground {
    margin: 30px auto;
    max-width: 240px;
    padding: 10px 20px;
	text-align:center;
	border-radius: 25px;
	font-size: 16px;
	transition:.2s ease-out;
	cursor:pointer;
	box-shadow:0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.invertButton {
    border: 2px solid #fff;	
	background-color: rgba(255,255,255,0.3);	
}

.invertButton1 {
	background-color: rgba(235,106,56,0.67);	
}

.invertButton2 {
	background-color: rgba(141,33,66,0.37);	
}

.invertButton3 {
	background-color: rgba(252,143,74,0.37);	
}

.invertButton4 {
	background-color: rgba(242,79,0,0.37);	
}

.invertButton5 {
	background-color: rgba(27,89,147,0.37);	
}

@media screen and (min-width: 620px) {.invertButton {max-width: 240px;font-size: 18px; margin: 10px auto; padding: 10px 20px;}}

.invertButtonWhiteBackground {
    border: 2px solid #ddd;	
	color: rgba(0,0,0,0.67);
	background-color: rgba(0,0,0,0);	
}
.invertButton:hover {
	background-color: rgba(255,255,255,1);
	color: var(--mainColor) !important;
}

.invertButtonWhiteBackground:hover {
	background-color: rgba(0,0,0,0.1);
	border: 2px solid #ac2b3f;
}

/* LISTS */
ul {list-style-type:none;padding:10px 10px 10px 10px;}
ul li {background-image:url(images/ul.png); background-repeat: no-repeat; padding:0px 0px 0px 25px; margin-bottom: 7px;}
ul ul li {background-image:url(images/ul.png); background-repeat: no-repeat; padding:0px 0px 0px 25px; margin-left: 30px; margin-bottom: 7px;}
ul li:last-child {border-bottom:none;}

/* TOPNAV */
.topNavig ul {padding:0;margin:0;list-style:none !important;}
.topNavig li {font-size:20px;height:40px;line-height:40px;}
.topNavig a:first-child {padding:0 16px;}
.topNavig a {text-decoration:none !important;color:inherit;display:block;transition:.3s;}
.topNavig li:hover {border-bottom:4px solid #fff;}
/* SIDENAV */
.sideNavig {height:100%;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow:auto;}
@media screen and (min-width: 800px) {.sideNavig {height:570px; position:fixed;top:80px;right:0;bottom:0;left:0;z-index:1000;overflow:auto;}}


/*.openLang {cursor:pointer; display:none;}*/
/*@media screen and (min-width: 800px) {*/
.openLang {display:table-cell;position:relative;padding:0px 10px 0px 0px !important;}
@media screen and (min-width: 620px) {.openLang {display:table-cell;position:relative;padding:0px 15px 0px 0px !important;}}
	
/*}*/

.openLang img {
    cursor: pointer;
}

.openNavig {color:inherit;padding:5px 10px 5px 10px;}
@media screen and (min-width: 620px) {.openNavig {color:inherit;padding:5px 15px 5px 15px;}}

.closeNavig {color:inherit;padding:0px 24px 5px 17px; position: absolute; right: 0;}
@media screen and (min-width: 620px) {.closeNavig {padding:5px 32px 5px 32px;}}
.openNavig:hover,.closeNavig:hover {cursor:pointer;opacity:0.6;text-decoration:none !important;}
.closeNavig:hover {cursor:pointer;opacity:0.6;text-decoration:none !important;}
.sideNavig a {text-decoration:none !important;/*display:inline-block;*/color:inherit;transition:.3s;}
.sideNavig a:hover,.sideNavig a:focus {text-decoration:underline;/*background-color:rgba(0,0,0,0.1);*/}
.level1 {font-size:16px;font-weight:bold;color:rgba(172,43,63,0.88) !important;padding:0px 20px 5px 16px;margin:0px 0px 0px 0px;}
.level2, .customerLevel2 {font-size:14px;color:rgba(0,0,0,0.67) !important;padding:3px 20px 3px 16px;}
.footerLevel1 {font-size:16px;font-weight:bold;color:#a9a9a9 !important;padding:0px 20px 5px 16px;margin:0px 0px 0px 0px;}
.footerLevel2 {font-size:14px;color:#787878 !important;padding:3px 20px 3px 16px;}
.headerLevel2 {font-size:14px;color:#787878 !important;padding:3px 0px 3px 16px;}
.footerCustomerLevel2 {width:100px;display:inline-block;font-size:14px;color:#787878 !important;padding:3px 20px 3px 16px;}
.customerLevel2 {width:100px;display:inline-block;}


/* Lang menus*/
.menuLang {display:block;float:right;top:17px;right:25px;position:absolute !important;}
.menuLangFlag {width:24px;border-radius:50%;top:0px;position:absolute;}

.menuLangFoot {top:-2px; position:relative;}
.menuLangFlagFoot {width:20px;border-radius:50%;top:2px; position:relative;}
.menuLangHead {top:-2px; position:relative;}
.menuLangFlagHead {width:20px;border-radius:50%;top:2px; position:relative;}

.menuLangItem {padding:0px 0px 10px 30px;top:3px;position:relative;}

.langDropdown{margin-bottom:0px;border-bottom:1px solid #424242;}
.langButton{z-index:11 !important; position:absolute; top:-65px; background-color:#333333; display:none;}
.langButton:hover .langDropdown-content {display: block;}

.desktopHeaderLang {z-index:10000;position:fixed;right:0px;top:56px;display:none;}

/*.desktopHeaderLangArrow {display:block; left:150px; top:8px; position:relative;width:19px;}*/
.desktopHeaderLangArrow {display: none;}
.desktopHeaderLang-content {background-color:#ffffff;border:1px solid rgba(0,0,0,0.15);}
.desktopHeaderLang-content a {display:block; text-decoration:none;padding: 8px 0px 8px 16px;}
.desktopHeaderLang-content a:hover {background-color:#f1f1f1;}

.desktopHeaderLang-contentVoid {display:block; text-decoration:none;padding: 8px 0px 8px 16px;}
.desktopHeaderLang-contentVoid:after {content: url("images/menu_obl_1.png"); margin-left:10px; margin-top:0px !important; position:absolute;}

.dropFootButton, .dropHeadButton {
    background-color: transparent;
    color: white;
    font-size: 16px;
    border: none;
}
.dropFootButton {padding: 8px 16px;}
.dropHeadButton {width: 280px; padding: 8px 0px 8px 16px; float:right;}

.langFootDropdown, .langHeadDropdown {
    display: block;
	width:300px;
    cursor: pointer;	
}
.langFootDropdown {position: relative;}
.langHeadDropdown {position: relative;float:right;right:0px;top:-60px;}

.langFootDropdownWrapper {margin-bottom:40px;border-bottom:1px solid #424242;}
.langHeadDropdownWrapper {position:absolute;width:100%;}

.langFootDropdown-content, .langHeadDropdown-content {
    display: none;
    position: absolute;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.langFootDropdown-content{width: 300px;top:-83px; background-color: #333333;}
.langHeadDropdown-content{left:20px; width: 280px;top:42px; background-color: #ffffff;}

.langFootDropdown-content a, .langHeadDropdown-content a {
    color: black;
    text-decoration: none !important;
    display: block;
}
.langFootDropdown-content a {padding: 8px 16px;}
.langHeadDropdown-content a {padding: 8px 0px 8px 16px;}

.langFootDropdown-content a:hover {background-color: #424242;}
.langHeadDropdown-content a:hover {background-color: #f1f1f1;}

.langFootDropdown:hover .langFootDropdown-content {
    display: block;
}
.langHeadDropdown:hover .langHeadDropdown-content {
    display: block;
}

.langFootDropdown:hover .dropFootButton {
    background-color: #424242;
}
.langHeadDropdown:hover .dropHeadButton {
    background-color: #f1f1f1;
}

@media screen and (max-width: 900px) {
    .langHeadDropdown {
        height: 570px;
        position: relative;
        top: 23px;        
        right: -50px;
        bottom: 0;    
        z-index: 1000;
        overflow: auto;
    }

    .langHeadDropdownWrapper {
        width: 370px;
    }
}

/* RESPONSIVE */
.w3-responsive {overflow-x:auto;}
.rowPage {margin:0;padding:0;}
.rowPage:after {content:"";display:table;clear:both;}
.col,.half,.quarter,.third,.threequarters {float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;}
.col.s1 {width: 8.33333%;}
.col.s2 {width:16.66666%;}
.col.s3 {width:24.99999%;}
.col.s4 {width:33.33333%;}
.col.s5 {width:41.66666%;}
.col.s6 {width:49.99999%;}
.col.s7 {width:58.33333%;}
.col.s8 {width:66.66666%;}
.col.s9 {width:74.99999%;}
.col.s10{width:83.33333%;}
.col.s11{width:91.66666%;}
.col.s12,.half,.third,.quarter,.threequarters {width:99.99999%;}
@media only screen and (min-width:800px) {
.col.m1 {width:8.33333%;}
.col.m2 {width:16.66666%;}
.col.m3,.quarter {width:24.99999%;}
.col.m4,.third {width:33.33333%;}
.col.m5 {width:41.66666%;}
.col.m6,.half {width:49.99999%;}
.col.m7 {width:58.33333%;}
.col.m8 {width:66.66666%;}
.col.m9,.threequarters {width:74.99999%;}
.col.m10{width:83.33333%;}
.col.m11{width:91.66666%;}
.col.m12 {width:99.99999%;}}
@media only screen and (min-width:993px) {
.col.l1 {width: 8.33333%;}
.col.l2 {width:16.66666%;}
.col.l3,.quarter {width:24.99999%;}
.col.l4,.third {width:33.33333%;}container
.col.l5 {width:41.66666%;}
.col.l6,.half {width:49.99999%;}
.col.l7 {width:58.33333%;}
.col.l8 {width:66.66666%;}
.col.l9,.threequarters {width:74.99999%;}
.col.l10{width:83.33333%;}
.col.l11{width:91.66666%;}
.col.l12{width:99.99999%;}}
@media (max-width:570px) {.w3-modal-dialog .w3-modal-content {margin:50px 10px 10px 10px;width:auto !important;}}
@media (max-width:768px) {.w3-modal-dialog .w3-modal-content {width:500px;}}
@media (min-width:992px) {.w3-modal-dialog .w3-modal-content {width:900px;}}
@media screen and (min-width:630px) {.topNavig li {padding:0px 5px;display:inline-block;}}	
@media screen and (max-width:629px) {.topNavig ul {text-align:center;}}


/* ***** ILUSTRATIONS / PICTURES ****** */
.illustration {width:100%;max-width:450px;}
@media only screen and (min-width:800px) {
.illustration {/*min-width:320px;*/width:100%;max-width:500px;}}
.reseniIlustration {
	min-width:300px;width:100%;max-width:570px;left:0px;position:relative;opacity:0;
}

.referenceTitleImage {
	position:relative; 
	max-width:100%; 
	height:238px; 
	border-radius:12px 12px 0px 0px; 
	background-size:cover; 
	background-position:center; 
	margin: 0 auto;
}	

.referenceCoursePrevMobil {display:inline-block !important;}
@media screen and (min-width:800px) {.referenceCoursePrevMobil {display:none !important;}}

.referenceCoursePrevDesktop {display:none !important;}
@media screen and (min-width:800px) {.referenceCoursePrevDesktop {display:inline-block !important;}}

/* UTILITIES */
i {line-height:inherit;}
i.left {float:left;margin-right:15px !important;}
i.right {float:right;margin-left:15px !important;}
i.tiny {font-size:1em !important;}
i.small {font-size:2em !important;}
i.medium {font-size:4em !important;}
i.large {font-size:6em !important;}
.hide {display:none !important;}
.show {display:block !important;}
.left {float:left !important;}
.right {float:right !important;}
.circle {border-radius:50% !important;}
.border-radius-small {border-radius:12px !important;}

.border-0 {border:0 !important;}
.border {border:1px solid #ccc !important;}
.border-top {border-top:1px solid #ccc !important;}
.border-bottom {border-bottom:1px solid #ccc !important;}
.border-left {border-left:1px solid #ccc !important;}
.border-right {border-right:1px solid #ccc !important;}
.margin-0 {margin:0px !important;}
.margin-2 {margin:2px !important;}
.margin-4 {margin:4px !important;}
.margin-8 {margin:8px !important;}
.margin-12 {margin:12px !important;}
.margin-16 {margin:16px !important;}
.margin-24 {margin:24px !important;}
.margin-32 {margin:32px !important;}
.margin-64 {margin:64px !important;}
.margin {margin:16px !important;}
.margin-top {margin-top:16px !important;}
.margin-top-12 {margin-top:12px !important;}
.margin-bottom {margin-bottom:16px !important;}
.margin-left {margin-left:16px !important;}
.margin-left-24 {margin-left:24px !important;}
.margin-right {margin-right:16px !important;}
.margin-right-24 {margin-right:24px !important;}
.margin-logo {margin:25px 50px 25px 50px;}
.padding-0 {padding:0 !important;}
.padding-2 {padding:1px 2px !important;}
.padding-4 {padding:2px 4px !important;}
.padding-8 {padding:4px 8px !important;}
.padding-12 {padding:6px 12px !important;}
.padding-16 {padding:8px 16px !important;}
.padding-20 {padding:20px 20px !important;}
.padding-24 {padding:12px 24px !important;}
.padding-32 {padding:16px 32px !important;}
.padding-64 {padding:32px 64px !important;}
.padding {padding:8px 16px 8px 16px !important;}
.padding-top {padding-top:8px !important;}
.padding-top-16 {padding-top:16px !important;}
.padding-top-20 {padding-top:20px !important;}
.padding-topCaptionFix {padding-top:50px !important;}	
.padding-bottom {padding-bottom:8px !important;}
.padding-bottom-25 {padding-bottom:25px !important;}
.padding-left-0 {padding-left:0px !important;}
.padding-left {padding-left:16px !important;}
.padding-right {padding-right:16px !important;}
.padding-right-30 {padding-right:30px !important;}
.footer{z-index:1;width:100%;position:absolute;left:0;background-color:#333333;}
/* .header {width:100%;height:80px;position:relative;top:0px;} */
.container, .header, .footer, .article, .section {padding:1px 0px;overflow:visible;}
@media screen and (min-width: 620px) {.container, .footer, .article, .section {padding:1px 16px;overflow:visible;}}
/* @media screen and (min-width: 800px) {.header {padding:1px 16px;overflow:visible; position:fixed; z-index:999;}} */

.footer {padding-top: 16px;}

.header {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  transition: top 0.3s ease-in-out;
}

/* Třída pro skrytí záhlaví - aplikuje se pouze na mobilních zařízeních */
@media screen and (max-width: 800px) {
  .header--hidden {
    top: -100%;
  }
}



/* HEADER */
.headerRightPartDesktop {display: none;}
.headerRightPartMobil {display: none;}
.headerLogoLeftPart {width:0;display:table-cell;}
.headerRightPartDesktop {font-family: 'Readex Pro'; font-size: 45px !important; color: var(--mainColor); width:75px;display:none;}
/*@media screen and (min-width: 800px) {.headerLeftPartDesktop {font-size: 48px !important;width:75px;display:table-cell;}}*/
@media screen and (max-width: 1024px) {.headerRightPartDesktop {font-family: 'Readex Pro'; font-size: 48px !important;width:75px;display:table-cell;}}
@media screen and (max-width: 1024px) {.headerRightPartMobil {width:75px;display:none;}}
.headerCenterPart {width:5% !important;text-align:left !important;}
.headerCenterPart a {cursor:pointer;display:inline-block;color:orange;font-size:20px;color:#ac2b3f !important;margin:0px 20px 0px 20px;}
@media screen and (min-width: 400px) {.headerCenterPart {width:100% !important;}}

.subMenuDesktop {display:none; transition: all .5s ease;}
.subMenuDesktop a {cursor:pointer;line-height:24px;display:inline-block;font-size:18px;color:rgba(0,0,0,0.88) !important;border-bottom:1px solid #ffffff;margin:0px 30px 0px 0px;}
.subMenuDesktop a:hover {background: linear-gradient(to right, var(--mainColor), var(--KontisDarkColor));-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-decoration:none; transition: all .5s ease;}
.subMenuDesktop a.selected {font-weight: 300; background: linear-gradient(to right, var(--mainColor), var(--KontisDarkColor));-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
@media screen and (min-width: 1024px) {.subMenuDesktop {padding-left:20px;display:table-cell;width:100% !important;text-align:left !important;}}
@media screen and (min-width: 1140px) {.subMenuDesktop a {font-size:20px;margin:0px 40px 0px 0px;}}

.openLangHack {display:none;}
@media screen and (min-width: 800px) {.openLangHack {width:60%; cursor:initial;display:table-cell;}}

.headerRightPart {width:75px;}
.headerLogo {float:right;cursor:pointer;height:22px !important;margin:0px 0px 0px 10px;}
@media screen and (min-width: 460px) {.headerLogo {float:right;cursor:pointer;height:28px !important;margin:0px 40px 0px 10px;}}
/* ------- */


.contacts {width:100%;float:left;position:relative;margin:20px 0px 16px 0px;padding:0px 0px 50px 0px;}
@media screen and (min-width: 700px) {.contacts {width:210px;float:right;position:relative;margin:0px 0px 20px 0px;padding:0px 0px 50px 0px;}}

.moreInfo {background-image:url("images/detail_normal.png");background-repeat: no-repeat;}
.customerTable td {padding-bottom:20px;padding-top:20px;}
.pdf_ico {
	height:20px;
	margin-bottom:-5px;
	margin-left:5px;
}

.graphic_ol_number {width:35px;display:inline-block;vertical-align:top;}
.graphis_ol_text {width:85%;display:inline-block;}

.inlineBlock {display:inline-block;}
.Block {display:block;}
.relative {position:relative;}
.absolute {position:absolute;}
.fixed {position:fixed;}

/* ********* CARDS and PANELS ******** */
/* *********************************** */
.card {/*border:1px solid #ccc;*/}


.panel {
	z-index:1;
	cursor: pointer;
	height:315px;
	border: 2px solid var(--mainColor);
	border-radius:25px;
	box-shadow:0 0px 8px 0px rgba(0, 0, 0, 0.1) !important;
	background-color: #ffffff;
	transition: all 0.3s ease;
}
@media screen and (min-width: 550px) {.panel{z-index:1;cursor: pointer;height:275px;}}
@media screen and (min-width: 800px) {.panel{z-index:1;cursor: pointer;height:345px;}}
@media screen and (min-width: 1080px) {.panel{z-index:1;cursor: pointer;height:315px;}}

.panel:hover {
	box-shadow:0 0px 20px 0 rgba(0, 0, 0, 0.15) !important;
	z-index:2 !important;
	transform: scale(1.03);
}

.panel#panel_vzdelavani, .panel#panel_talent {	background: radial-gradient(100% 100% at 20% 80%, #f9b4cd 0%, transparent),radial-gradient(100% 100% at 80% 20%, #d89eff 0%, transparent),#ffffff !important;}
.panel#panel_vykon, .panel#panel_spoluprace {background: radial-gradient(100% 100% at 20% 80%, #a9f0fe 0%, transparent),radial-gradient(100% 100% at 80% 20%, #61ffca 0%, transparent),#ffffff !important;}

.shadow-2 {box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;}
.shadow-4 {box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;}
.shadow-8 {box-shadow:0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;}
.shadow-12 {box-shadow:0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19) !important;}
.shadow-16 {box-shadow:0 16px 24px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21) !important;}
.shadow-24 {box-shadow:0 24px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22) !important;}

.homeCardElement {cursor:pointer;border:1px solid rgba(0,0,0,0.2); border-radius:10px; background-color:rgba(255,255,255,1);padding: 5px 10px;margin: 5px 5px;transition: all 0.3s ease;}
.homeCardElement:hover {border:1px solid rgba(119,34,66, 0.5);box-shadow:0px 0px 10px 4px rgba(255, 255, 255, 0.15) !important;border-radius:7px; background-color:rgba(255,255,255,0.37);padding: 5px 10px;margin: 5px 5px;}

.courseCardElement {border:1px solid rgba(255,255,255,0.25);border-radius:10px; background-color:rgba(255,255,255,0.15);padding: 10px 15px;margin: 5px 5px;transition: all 0.3s ease;}



/*TEXTS*/
.key-info-title {font-size:22px;font-weight: 400; color:#34303e;}
.key-info-subtitle {font-size:20px;color:#322c2ca6; margin-top:0px !important;/*line-height:10px;*/}
.key-info-subtitle-value {color:#fff;background-color:#da5653 !important;}
.key-info-text{font-size:20px;color:#34303e;}
.iTutor-logo{font-family: 'Orbitron', sans-serif;}
/*.headerH1Text {display:inline-block; width:78%; align:center;}*/
.headerH1Text {font-size:28px;color:rgba(255,255,255,0.95);text-align:center;padding: 0px 20px 0px 20px;}
@media screen and (min-width: 620px) {.headerH1Text{font-size:56px; line-height: 60px; font-weight: 400; color:rgba(255,255,255,0.95);text-align:center;padding: 30px 50px 0px 50px;}}

.intro-text{font-size:18px;color:rgba(255,255,255,0.75);line-height:28px;padding: 1px 10px 30px 10px;}
@media screen and (min-width: 800px) {.intro-text{font-size:24px;color:rgba(255,255,255,0.75);line-height:36px;padding: 0px 50px 50px 50px;}}
.intro-text-highlight {font-weight:400;color:rgba(255,255,255,1);text-shadow: 2px 2px 5px rgba(255,255,255,0.5);}

.intro-textHeadline{font-size:28px;color:rgba(255,255,255,0.95);line-height:auto;padding: 50px 20px 0px 20px;}
@media screen and (min-width: 800px) {.intro-textHeadline{font-size:56px; font-weight: 400; color:rgba(255,255,255,0.95);line-height:60px; padding: 50px 50px 0px 50px;}}
.intro-textHeadline-highlight {font-weight:600;color:(255,255,255,1);text-shadow: 2px 2px 5px rgba(255,255,255,0.5);}

.introWithSections-text {padding-bottom:25px;margin-top:-20px;}
@media screen and (min-width: 620px) {.introWithSections-text {padding-bottom:40px;margin-top:-40px;}}

.italic {font-style: italic;}

.font-tiny {font-size:8px !important;}
.font-xsmall {font-size:12px !important;}
.font-small {font-size:14px !important;}
.font-normal {font-size:16px !important;}
.font-large {font-size:18px !important;}
.font-xlarge {font-size:24px !important;}
.font-xxlarge {font-size:32px !important;}
.font-xxxlarge {font-size:42px !important;}
.left-align {text-align:left !important;}
.right-align {text-align:right !important;}
.justify-align {text-align:justify !important;}
.center {text-align:center !important;}

.text-black {color:#000 !important;}
.textLevel1 {color:	rgba(0,0,0,0.88);}
.textLevel2 {color:	rgba(0,0,0,0.63);}
.textLevel3 {color:	rgba(0,0,0,0.37);}

.text-white {color:#fff !important;}
.text-whiteLevel2 {color:rgba(255,255,255,0.63);}
.text-whiteLevel3 {color:rgba(255,255,255,0.37);}

.text_main_color {color:#ac2b3f !important;}
.text-theme1 {/*color:#8d2242 !important;*/}
.text-theme2 {/*color:#da5653 !important;*/}
.text-theme3 {/*color:#fd9064 !important;*/}
.text-theme1:before {content: url("images/menu_obl_1.png"); margin-right:10px;}
.text-theme2:before {content: url("images/menu_obl_2.png"); margin-right:10px;}
.text-theme3:before {content: url("images/menu_obl_3.png"); margin-right:10px;}

.text-gradient {
	background: linear-gradient(to right, var(--mainColor), var(--KontisDarkColor));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;	
}

.referenceTypeVyroba {
    border-right: 4px solid #2CCFF6;
    border-radius: 4px;
    color: #2CCFF6;
    background-color: #66ccf233;
	float:right;
	margin-top: 14px;
}	

.referenceTypeEnergetika {
	border-right: 4px solid orange; 
	border-radius: 4px;
	color: orange;
	background-color: #f2a93b3b;
	float:right;
	margin-top: 14px;
}	

.referenceTypeFinance {
	border-right: 4px solid #9554FF;
	border-radius: 4px;
	color: #9554FF;
	background-color: #8c57f629;
	float:right;
	margin-top: 14px;
}	

.referenceTypeSluzby {
	border-right: 4px solid #FFEB3B;
	border-radius: 4px;
	color: #F2BA37;
	background-color: #fcec6047;
	float:right;
	margin-top: 14px;
}	

.referenceTypeDoprava {
	border-right: 4px solid #02E3AD;
	border-radius: 4px;
	color: #02E3AD;
	background-color: #67e0b02b;
	float:right;
	margin-top: 14px;
}	

.referenceTypeTelco {
	border-right: 4px solid #ff73d1;
	border-radius: 4px;
	color: #f359c7;
	background-color: #ee7bcd36;
	float:right;
	margin-top: 14px;
}	
	
.referenceTypeObchod {
	border-right: 4px solid #1B68B1;
	border-radius: 4px;
	color: #1B68B1;
	background-color: #3366ac30;
	float:right;
	margin-top: 14px;
}	

.referenceTypeTechnologie {
	border-right: 4px solid #009cff;
	border-radius: 4px;
	color: #009cff;
	background-color: #0098ff3b;
	float:right;
	margin-top: 14px;
}	

.referenceTypeVzdelavani {
	border-right: 4px solid #61bdc6;
	border-radius: 4px;
	color: #049eb3;
	background-color: #78bbc440;
	float:right;
	margin-top: 14px;
}	

.referenceLogo {
	height: 74px; 
	position: absolute; 
	left: 0px; 
	bottom: -1px; 
	padding: 20px 24px 10px 24px; 
	background-color: white !important; 
	border-radius: 0px 20px 0px 0px;
}
.referenceCombiLogo {
	width:90%; 
	max-width: 350px;
	position: absolute; 
	left: 0px; 
	bottom: -1px; 
	padding: 20px 24px 10px 24px; 
	background-color: white !important; 
	border-radius: 0px 20px 0px 0px;
}

/********* COLORS **********/
/***************************/
.theme-light {color:#000;background-color:#b2dfdb !important;}
.theme {color:#fff;background-color:#009688 !important;}
.theme-dark {color:#fff;background-color:#00796b !important;}
.theme-secondary {color:#000;background-color:#ffeb3b !important;}

/* .theme1 {color:#fff;background-color:#2490d9 !important;} */
/* .theme2 {color:#fff;background-color:#3c9bdb !important;} */
/* .theme3 {color:#fff;background-color:#55a9e2 !important;} */

.theme1 {color:#black; background-image: linear-gradient(135deg, rgba(0,0,0,0.08), #fff) !important;/*background-color:#772242 !important;background: linear-gradient(120deg, #8d2242, #962245);*/}
.theme1_image {
	/* background-color:#772242 !important;background-image:url('images/panel1_pozadi.png'); background-size:cover;background-position: center bottom; background-repeat: repeat-x; margin:0px 0px 0px 0px; */
}

.theme2 {background: linear-gradient(135deg, rgba(0,0,0,0.08), #fff) !important; /*background-color:#C5423F !important;background: linear-gradient(120deg, #da5653, #e85d5a);*/}
.theme2_image {
	/* background-color:#C5423F !important;background-image:url('images/panel2_pozadi.png'); background-size:cover;background-position: center bottom; background-repeat: repeat-x; margin:0px 0px 0px 0px; */

}

.theme3 {color:#fff;background-color:#EC6B38 !important;/*background: linear-gradient(120deg, #fd9064, #f78a5e);*/}
.theme3_image {
	/* background-color:#EC6B38 !important;background-image:url('images/panel3_pozadi.png'); background-size:cover;background-position: center bottom; background-repeat: repeat-x; margin:0px 0px 0px 0px; */
	
}

.theme4 {color:#fff; background-image:linear-gradient(120deg, #ff7e5f, #feb47b) !important; /*background-color:#FC8F4A !important;background: linear-gradient(120deg, #fd9064, #f78a5e);*/}
.theme4_image {
	/* background-color:#FC8F4A !important;background-image:url('images/panel4_pozadi.png'); background-size:cover;background-position: center bottom; background-repeat: repeat-x; margin:0px 0px 0px 0px; */
	
}

.grey-d3 {color:#fff;background-color:#424242 !important;}
.white {color:#000;background-color:#fff !important;}
.main_color {color:#fff;background-color:#ac2b3f !important;}

blockquote {
	width:100%;
	text-align:justify;
	position: relative;
    border: 0 none;
    color: #383838;
    font-style: italic;
    margin: 0px;
    padding: 1em 3em 0 3em;}
	
blockquote::before {
/*color: rgba(0,0,0,0.20);*/
opacity:0.37;
font-family: Georgia,serif;
    content: "“";
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    font-size: 4em;
}
blockquote::after {
/*color: rgba(0,0,0,0.20);*/
opacity:0.37;
font-family: Georgia,serif;
    content: "„";
    display: block;
    position: absolute;
    bottom: 25px;
    right: 0;
    font-size: 4em;
}

/* PANELS */
.introPanel {
    /* Gradientní pozadí */
	background: radial-gradient(100% 100% at var(--4-x-position) var(--4-y-position), #9f0740 0%, transparent),radial-gradient(100% 100% at var(--5-x-position) var(--5-y-position), #9600fa 0%, transparent),#530420;
	animation-name: main;
	animation-iteration-count: infinite;
	animation-duration: 14s;
	transition-timing-function: ease-in-out;
	
    border-radius: 0px 0px 50px 50px;
	padding:120px 0px 0px 0px;
    height: 100%;
    top: 80px;
    /* background-size: 200% 200%; /* Zvýšení velikosti pro plynulou animaci */
    margin: 0px;
	text-align: center;
}
	
@media screen and (min-width: 620px) {.introPanel {position: relative !important; top: 80px; padding:40px 0px 0px 0px;}}

.introPanelReseni {
display:grid; width:100%;
}

@media screen and (min-width: 1000px) {.introPanelReseni {display:grid; width:100%;min-height:850px !important;padding:80px 0px 0px 0px;}}

.introPanelText {max-width:1200px;min-width:360px;margin-left:auto;margin-right:auto;}


/* Vychytavky */
/**************/

#topButton {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
	cursor: pointer;
	z-index: 1000;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#topButton:hover {
    /*display: none;*/
	bottom: 30px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.leftButton {
	position:absolute; display:inline-block; left:20px; top:50%;
	cursor: pointer;
	z-index: 9;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.leftButton:hover {
	left: 10px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.rightButton {
	position:absolute; display:inline-block; right:20px; top:50%;
	cursor: pointer;
	z-index: 9;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.rightButton:hover {
	right: 10px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media screen and (max-width: 800px) {.leftButton,.rightButton {display: none;}}

.rotationEfect:hover {
-webkit-transform: rotate(180deg);	
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.leftEase {
/*transform:translateX(200px);	
transition: all 1s ease;*/
position: relative;
/*opacity:0;*/
margin:	0 auto;
animation: myMoveLeft 2s;
/*animation-delay: 0.5s;*/	
opacity:1;
}

@keyframes myMoveLeft {
    from {left: -200px;opacity:0;}
    to {left: 0px;opacity:1;}
}

.topEaseHome {
	/*transform:translateX(200px);*/	
	transition: all 2.5 s ease;
	position: relative;
	animation: moveHomeTop 2s;
	opacity: 1;	
	/*animation-delay: 1s;*/
}

@keyframes moveHomeTop {
	0% {top: -30px; opacity: 0;}
	25% {top: -30px; opacity: 0;}
	50% {top: -30px; opacity: 0;}
	75% {top: -30px; opacity:0;}
	100% {top: 0px; opacity:1;}
	
}

.topTextEaseHome {
	/*transform:translateX(200px);*/	
	transition: all 2.5 s ease;
	position: relative;
	animation: moveHomeTextTop 1.5s;
	opacity: 1;	
	/*animation-delay: 1s;*/
}

@keyframes moveHomeTextTop {
	0% {top: -15px; opacity: 0;}
	75% {top: -15px; opacity:0;}
	100% {top: 0px; opacity:1;}
	
}

.bottomTextEaseHome {
	/*transform:translateX(200px);*/	
	transition: all 2.5 s ease;
	position: relative;
	animation: moveHomeTextBottom 1.5s;
	opacity: 1;	
	/*animation-delay: 1s;*/
}

@keyframes moveHomeTextBottom {
	0% {top: 15px; opacity: 0;}
	75% {top: 15px; opacity:0;}
	100% {top: 0px; opacity:1;}
	
}

.rightEase, .rightEase_multi1, .rightEase_multi2, .rightEase_multi3 {
position: relative;
/*animation-delay: 1s;*/	
opacity:1;
}

.rightEase {
animation: myMoveRight 2s;		
}

.rightEase_multi1 {
animation: myMoveRight_multi1 0.8s;		
}

.rightEase_multi2 {
animation: myMoveRight_multi2 1.6s;		
}

.rightEase_multi3 {
animation: myMoveRight_multi3 2.4s;		
}

@keyframes myMoveRight {
    from {left: 200px;opacity:0;}
    to {left: 0px;opacity:1;}
}

@keyframes myMoveRight_multi1 {
    from {transform: translate(0%, 0%);opacity:0;}
    to {transform: translate(0%, -15%);opacity:1;}
}

@keyframes myMoveRight_multi2 {
    from {transform: translate(0%, -80%);opacity:0.9;}
    to {transform: translate(0%, -112%);opacity:1;}
}

@keyframes myMoveRight_multi3 {
    from {transform: translate(0%, -185%);opacity:0.9;}
    to {transform: translate(0%, -210%);opacity:1;}
}

.fadeIn {
	animation:fadeIn 2s;
}

@keyframes fadeIn {
	from {opacity:0;}
	to {opacity:1;}
}


/* ******** HOME banner + testimonial texty ******** */
/*************************************************** */
.introPanelHome {
    /* Gradientní pozadí */
	/* background: radial-gradient(100% 100% at 20% 80%, var(--mainColor) 0%, transparent),radial-gradient(100% 100% at 80% 20%, var(--secondaryColor) 0%, transparent),#000000;	 */	
    /* background-image: linear-gradient(45deg,var(--mainColor), var(--secondaryColor), var(--mainColor)); */
	
	background: radial-gradient(100% 100% at var(--4-x-position) var(--4-y-position), #9f0740 0%, transparent),radial-gradient(100% 100% at var(--5-x-position) var(--5-y-position), #9600fa 0%, transparent),#530420;
	animation-name: main;
	animation-iteration-count: infinite;
	animation-duration: 14s;
	transition-timing-function: ease-in-out;	
	
	
    border-radius: 0px 0px 50px 50px;
    height: 100%;
    top: 0px;
	padding:120px 0px 0px 0px;
    background-size: 200% 200%; /* Zvýšení velikosti pro plynulou animaci */
    margin: 0px;
    /* animation: gradientAnimation 16s ease infinite; /* Animace gradientu */ */
}

@property --4-x-position { syntax: '<percentage>'; inherits: false; initial-value: 20%; }
@property --4-y-position { syntax: '<percentage>'; inherits: false; initial-value: 80%; }
@property --5-x-position { syntax: '<percentage>'; inherits: false; initial-value: 80%; }
@property --5-y-position { syntax: '<percentage>'; inherits: false; initial-value: 20%; }


:root {
--4-x-position: 20%
--4-y-position: 80%
--5-x-position: 80%
--5-y-position: 20%

}

@keyframes main { 25% {--4-x-position: 15%;--4-y-position: 15%;--5-x-position: 85%;--5-y-position: 80%;}50% {--4-x-position: 80%;--4-y-position: 15%;--5-x-position: 15%;--5-y-position: 85%;} }

	
@media screen and (min-width: 620px) {.introPanelHome {position: relative !important; top: 80px; padding:40px 0px 0px 0px;}}


.panelHome {
  position: relative;
  cursor: pointer;
  border-radius: 25px;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 8px 0px rgba(184, 92, 221, 0.25) !important;
  height: 360px;
  transition: all 0.3s ease; /* Plynulý návrat do původního stavu */
}

@media screen and (min-width: 620px) {.panelHome {height: 330px !important;}}
@media screen and (min-width: 780px) {.panelHome {height: 380px !important;}}
@media screen and (min-width: 900px) {.panelHome {height: 360px !important;}}
@media screen and (min-width: 1200px) {.panelHome {height: 340px !important;}}

.panelHome::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border-radius: inherit; /* Zajistí stejné zaoblení jako hlavní prvek */
  background: linear-gradient(90deg, var(--mainColor), var(--secondaryColor)); /* Gradientní barvy */
  box-shadow: 0px 0px 12px 0px rgba(184, 92, 221, 0.37);
  z-index: -1; /* Umístění pod hlavní prvek */
  opacity: 0.6; /* Skrytí gradientu v základním stavu */
  transition: opacity 0.3s ease; /* Plynulý přechod viditelnosti */
}

.panelHome:hover::before {
  opacity: 1; /* Zobrazení gradientu při hoveru */
  box-shadow: 0px 0px 25px 0px rgba(184, 92, 221, 0.6);
}

@keyframes gradient-animation {
  from {
    background-position: 0% center;
  }
  to {
    background-position: 200% center;
  }
}

.panelHome:hover::before {
  background-size: 200%; /* Pro animaci gradientu */
  animation: gradient-animation 3s linear infinite; /* Animace posunu gradientu */
}


.panelReferences {
	display: inline-block;
    background-color: white;
	border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    /* padding: 20px 20px 20px 20px; */
	box-shadow: 0px 0px 4px 0px rgba(184, 92, 221, 0.10);
	cursor: pointer;
	transition: all 0.5s ease;
}

.panelReferences:hover {
    box-shadow: 0px 0px 25px 0px rgba(184, 92, 221, 0.2);
	transform: scale(1.05);
}

.panelReferencesNoArticle {
	display: inline-block;
    background-color: white;
	border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    /* padding: 20px 20px 20px 20px; */
	box-shadow: 0px 0px 4px 0px rgba(184, 92, 221, 0.10);
}

.mySlides, .TestimonialSlides {display:none}
.TestimonialSlides {padding: 20px 20px 20px 10px; width:100%; text-align:center; margin: 0 auto;}
@media screen and (min-width: 620px) {.TestimonialSlides {width:75% !important;}}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;/*1000px;*/
  position: relative;
  margin: auto;
}

/* The hero image */
.hero-image {
    height: calc(70% - 0px) !important;
	min-height: 550px;
	top:0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
	overflow: hidden;
	/* overflow: visible; */
}

@media screen and (min-width: 620px) {.hero-image {top: 20px; height: calc(80% - 0px) !important; max-height: 650px; min-height: 400px;}}
@media screen and (min-width: 800px) {.hero-image {top: 50px; height: calc(80% - 0px) !important; max-height: 650px; min-height: 450px;}}

.hero-text {
	width:50%;
    text-align: center;
    position: absolute;
    top: 40%;
    left: 25%;
    transform: translate(-50%, -50%);
	/*text-shadow: 2px 2px 5px rgba(0,0,0,0.37);*/
}

@media screen and (max-width: 800px) {.hero-text {width: 100%; transform: translate(0%, 0%); left:0px;top: 20%;}}

.hero-montaz {
    transform: translate(0%, -15%);
	width:55%;
	max-width: 850px;
	text-align: right;
	float:right;
	top:15%;
	-webkit-transition: all .8s ease-in-out;
}

@media screen and (max-width: 800px) {.hero-montaz {display: none; transform: translate(0%, 0%); left:0px;}}
@media screen and (max-width: 880px) {.hero-montaz {transform: translate(0%, 0%); left:0px;}}

.hero-montaz_multi1 {
    transform: translate(0%, -15%);
	display:inline-block;
	position:relative;
	width:55%;
	max-width: 850px;
	text-align: right;
	float:right;
	top:15%;	
	-webkit-transition: all .8s ease-in-out;
}
@media screen and (max-width: 800px) {.hero-montaz_multi1 {display: none;}}
@media screen and (max-width: 880px) {.hero-montaz_multi1 {transform: translate(0%, -15%); left:0px;}}
/*@media screen and (min-width: 1680px) {.hero-montaz_multi1 {transform: translate(0%, -15%); left:0px;}}*/

.hero-montaz_multi2 {
    transform: translate(0%, -112%);
	display:inline-block;
	position:relative;
	width:55%;
	max-width: 850px;
	text-align: right;
	float:right;
	top:15%;	
	-webkit-transition: all .8s ease-in-out;
}
@media screen and (max-width: 800px) {.hero-montaz_multi2 {display: none;}}
@media screen and (max-width: 880px) {.hero-montaz_multi2 {transform: translate(0%, -112%); left:0px;}}
@media screen and (min-width: 1717px) {.hero-montaz_multi2 {transform: translate(0%, -112%); top: 675px; left:850px;}}

.hero-montaz_multi3 {
    transform: translate(0%, -210%);
	display:inline-block;
	position:relative;
	width:55%;
	max-width: 850px;
	text-align: right;
	float:right;
	top:15%;	
	-webkit-transition: all .8s ease-in-out;
}
@media screen and (max-width: 800px) {.hero-montaz_multi3 {display: none;}}
@media screen and (max-width: 880px) {.hero-montaz_multi3 {transform: translate(0%, -210%); left:0px;}}
@media screen and (min-width: 1717px) {.hero-montaz_multi3 {transform: translate(0%, -210%);top: 675px;}}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  top: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot, .dotTestimonial {
  height: 16px;
  width: 16px;
  margin: 0 20px;
  margin-top:30px;
  margin-bottom:10px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #8d2242;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dot:hover, .dotTestimonial:hover {
  background-color: #fd9064;
}

@media only screen and (max-width: 800px) {
  .dotTestimonial {height: 14px; width: 14px;margin: 0 4px;}
}

@media only screen and (max-width: 620px) {
  .dot {height: 14px; width: 14px;margin: 0 10px;}
}

.active {
  background-color: #8d2242;
  border: 1px solid #fff;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 2.5s;
  animation-name: fade;
  animation-duration: 2.5s;
}

@-webkit-keyframes fade {
  from {opacity: 0} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: 0} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

/* ******* Home karty a RESENI + REFERENCE banner ******** */
/* ****************************************** */
/* .reseniSectionsWrapper {width:30%;display:inline-block;padding-top:40px; padding-bottom:0px;position:relative;} */
.referenceSectionsWrapper {width:30%;display:inline-block;padding-top:15px; padding-bottom:40px;position:relative;}
@media screen and (min-width: 460px) {.referenceSectionsWrapper {width:23%;display:inline-block;padding-top:15px; padding-bottom:30px;position:relative;}}

.reseniSectionsWrapper {width:43%;margin:5px 5px;display:inline-grid;padding:15px 4px 15px 4px; position:relative;background-color:rgba(255, 255, 255, 0.1);border-radius: 12px;}
@media screen and (min-width: 620px) {.reseniSectionsWrapper {width:43%;margin:10px 10px;display:inline-grid;padding:20px 10px 20px 10px;position:relative;background-color: rgba(255, 255, 255, 0.1);border-radius: 25px;transition: all 0.5s ease;}}

.reseniSectionsWrapper:hover {
background-color: rgba(255, 255, 255, 0.2);
transform: scale(1.05);
}

.bannerHitArea {padding:0px;width:100%;margin:0 auto;}
@media screen and (min-width: 640px) {.bannerHitArea {cursor:pointer;padding:0px;width:100%;margin:0 auto;overflow:visible;}}
@media screen and (min-width: 950px) {.bannerHitArea {cursor:pointer;padding:0px;width:100%;margin:0 auto;overflow:visible;}}

.bannerHitArea:hover > .educationSection, .bannerHitArea:hover > .performanceSection, .bannerHitArea:hover > .talentSection, .bannerHitArea:hover > .cooperationSection, .bannerHitArea:hover > .casestudiesSection, .bannerHitArea:hover > .referencesSection, .bannerHitArea:hover > .coursesSection, .panel:hover > .educationSection, .panel:hover > .performanceSection, .panel:hover > .talentSection, .panel:hover > .cooperationSection {box-shadow:0px 0px 20px 8px rgba(255, 255, 255, 0.25) !important;border:1px solid rgba(255,255,255,1);}
.bannerHitArea:hover > .educationSection, .panel:hover > .educationSection {background-color:#9f0740 !important;}
.bannerHitArea:hover > .performanceSection, .panel:hover > .performanceSection {background-color:#9f0740 !important;}
.bannerHitArea:hover > .talentSection, .panel:hover > .talentSection {background-color:#9f0740 !important;}
.bannerHitArea:hover > .cooperationSection, .panel:hover > .cooperationSection {background-color:#9f0740 !important;}
.bannerHitArea:hover > .casestudiesSection, .bannerHitArea:hover > .referencesSection, .bannerHitArea:hover > .coursesSection {background-color:rgba(255,255,255,0.01);}


.bannerHitArea:hover > .introSections-text,.bannerHitArea:hover > .introContacts-text, .bannerHitArea:hover > .introSections-describe {color:rgba(255,255,255,0.88);text-decoration:none; text-shadow: 0px 0px 6px rgba(255,255,255,0.68) !important;}
.panel:hover > .homeCardElement-text {background: linear-gradient(to right, var(--mainColor), var(--secondaryColor));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;}

.educationSection, .performanceSection, .talentSection, .cooperationSection {width:60px;height:60px; background-position: center center; background-repeat: no-repeat; background-size: 45px 45px; border:1px solid rgba(255,255,255,0.25); background-color:rgba(255,255,255,0.1);border-radius:100px;margin:0 auto;position:relative;}
@media screen and (min-width: 800px) {.educationSection, .performanceSection, .talentSection, .cooperationSection {width:90px;height:90px;background-position: center center; background-repeat: no-repeat; background-size: 60px 60px;border:1px solid rgba(255,255,255,0.25); border-radius:100px;margin:0 auto;position:relative;transition: all 0.3s ease;}}

.casestudiesSection, .referencesSection, .coursesSection {width:90px;height:90px; background-position: center center; background-repeat: no-repeat; background-size: 75px 75px; border:1px solid rgba(255,255,255,0.25); background-color:rgba(255,255,255,0.1);border-radius:100px;margin:0 auto;position:relative;}
@media screen and (min-width: 800px) {.casestudiesSection, .referencesSection, .coursesSection {width:130px;height:130px;background-position: center center; background-repeat: no-repeat; background-size: auto;border:1px solid rgba(255,255,255,0.25); border-radius:100px;margin:0 auto;position:relative;transition: all 0.3s ease;}}

.homeEducationSection, .homePerformanceSection, .homeTalentSection, .homeCooperationSection {width:90px;height:90px; background-position: center center; background-repeat: no-repeat; background-size: 75px 75px; margin:0 auto;position:relative;}
@media screen and (min-width: 800px) {.homeEducationSection, .homePerformanceSection, .homeTalentSection, .homeCooperationSection {width:90px;height:90px;background-position: center center; background-repeat: no-repeat; background-size: auto; margin:0 auto;position:relative;transition: all 0.3s ease;}}

.homeEducationSection {background-image:url('images/HOME_vzdelavani.png');}
.homePerformanceSection {background-image:url('images/HOME_vykon.png');}
.homeTalentSection {background-image:url('images/HOME_talent_v3.png');}
.homeCooperationSection {background-image:url('images/HOME_spoluprace_v3.png');}
.educationSection {background-image:url('images/RESENI_vzdelavani_v2.png');}
.performanceSection {background-image:url('images/RESENI_vykon_v2.png');}
.talentSection {background-image:url('images/RESENI_talent_v2.png');}
.cooperationSection {background-image:url('images/RESENI_spoluprace_v2.png');}
.casestudiesSection {background-image:url('images/REFERENCE_casestudies.png');}
.referencesSection {background-image:url('images/REFERENCE_references.png');}
.coursesSection {background-image:url('images/REFERENCE_courses.png');}



.educationSection:hover, .performanceSection:hover, .talentSection:hover, .cooperationSection:hover, .casestudiesSection:hover, .referencesSection:hover, .coursesSection:hover {cursor:pointer; border:1px solid rgba(255,255,255,1);box-shadow:0px 0px 20px 0px rgba(255, 255, 255, 0.1) !important;}
.educationSection:hover {background-color:#8d2242 !important;}
.performanceSection:hover {background-color:#da5653 !important;}
.talentSection:hover {background-color:#fd9064 !important;}
.cooperationSection:hover {background-color:#fd9064 !important;}
.casestudiesSection:hover, .referencesSection:hover, .coursesSection:hover {background-color:rgba(255,255,255,0.01);}

.introSections-text {cursor:pointer;vertical-align:middle;display:inline-block;color:rgba(255,255,255,0.68);}
.introSections-text {font-size: 16px; line-height:16px;}
.introContacts-text {cursor:pointer;vertical-align:middle;display:inline-block;color:rgba(255,255,255,0.88);font-size: 20px; line-height:20px;}
.introSections-describe {font-size: 12px; line-height:14px; height: auto; cursor:pointer; vertical-align:middle; display:inline-block; color:rgba(255,255,255,0.37);}

.homeCardElement-text {font-size: 22px; font-weight: 400; color:#34303e;}

@media screen and (min-width: 620px) {.introSections-text {cursor:pointer;font-size: 20px; line-height:20px; color:rgba(255,255,255,0.68);vertical-align:middle; display:inline-block;}}
@media screen and (min-width: 800px) {.introSections-describe {cursor:pointer;font-size: 16px; line-height:18px; color:rgba(255,255,255,0.37);vertical-align:middle; display:inline-block;}}
@media screen and (min-width: 620px) {.introContacts-text {cursor:pointer;font-size: 24px; line-height:24px; color:rgba(255,255,255,1);vertical-align:middle; display:inline-block;}}

.introSections-text:hover,.introContacts-text:hover, .introSections-describe:hover {color:rgba(255,255,255,0.88);text-decoration:none; text-shadow: 0px 0px 6px rgba(255,255,255,0.68) !important;}


/***** ANIMACE *****/
/* Animate.css Copyright 2021 Daniel Eden */

:root {
  --questionFont: #333333;
  --questionBorder: #838282;
  --questionCorrect: #86c105;
  --questionWrong: #c83734;
  --questionUI: var(--mainColor);
  --questionMain: #BDBDBD;
  --questionDark: #838282;
  --questionFeedback: #808080;
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay)*2);
    animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay)*3);
    animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay)*4);
    animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay)*5);
    animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__delay-6s {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-delay: calc(var(--animate-delay)*6);
    animation-delay: calc(var(--animate-delay)*6)
}

.animate__animated.animate__delay-7s {
    -webkit-animation-delay: 7s;
    animation-delay: 7s;
    -webkit-animation-delay: calc(var(--animate-delay)*7);
    animation-delay: calc(var(--animate-delay)*7)
}

.animate__animated.animate__delay-8s {
    -webkit-animation-delay: 8s;
    animation-delay: 8s;
    -webkit-animation-delay: calc(var(--animate-delay)*8);
    animation-delay: calc(var(--animate-delay)*8)
}

.animate__animated.animate__delay-9s {
    -webkit-animation-delay: 9s;
    animation-delay: 9s;
    -webkit-animation-delay: calc(var(--animate-delay)*9);
    animation-delay: calc(var(--animate-delay)*9)
}

.animate__animated.animate__delay-10s {
    -webkit-animation-delay: 10s;
    animation-delay: 10s;
    -webkit-animation-delay: calc(var(--animate-delay)*10);
    animation-delay: calc(var(--animate-delay)*10)
}

.animate__animated.animate__faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration)/2);
    animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.8);
    animation-duration: calc(var(--animate-duration)*0.8)
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration)*3);
    animation-duration: calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce),print {
    .animate__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
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@-webkit-keyframes bounce {
    0%,20%,53%,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) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    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) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

@keyframes bounce {
    0%,20%,53%,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) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    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) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

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

.animate__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)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-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)
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shakeX {
    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 shakeX {
    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)
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
}

@keyframes shakeY {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

@-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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration)*1.3);
    animation-duration: calc(var(--animate-duration)*1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-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)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -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) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    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) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__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) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    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) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__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) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    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) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__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) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    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) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__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)
    }
}

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0) scaleX(.9);
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0) scaleX(.9);
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0) scaleY(.9);
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0) scaleY(.9);
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

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

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-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
    }
}

.animate__animated.animate__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)
    }
}

.animate__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)
    }
}

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

.animate__flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -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
    }
}

.animate__flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
    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 lightSpeedInRight {
    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)
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    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 lightSpeedInLeft {
    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)
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -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-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -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
    }
}

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@-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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

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

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

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

.animate__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-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-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-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)
    }
}

@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)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

@-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)
    }
}

@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)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

@-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-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-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

#consent-banner-inner {
    background: #f9f9f9;
    padding: 10px;
    border-top: 1px solid #ccc;
    position: fixed;
    bottom: 0; 
    width: 100%;
    z-index: 1000;
    text-align: center;
}

#consent-banner-inner button {
    margin-left: 1em;
}

#consent-accept-all {
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 500;
    border: none;
    border-radius: 8px;
    background-color: #6200ee;
    color: white;
    box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),
                0px 6px 10px 0px rgba(0,0,0,0.14),
                0px 1px 18px 0px rgba(0,0,0,0.12);
    cursor: pointer;
    transition: background-color 0.3s ease;    
}

#consent-accept-all:hover {
    background-color: #3700b3;
} 

#consent-decline {
    padding: 6px 12px;
    font-size: 13px;
    border: 1px solid #ccc; 
    border-radius: 8px; 
    margin-left: 1em;
}

#consent-revoke {
    color: rgba(0,0,0,0.4);
    background-color: rgba(255, 255, 255, 0.75);
    position: fixed;
    width: 48px;
    height: 48px;
    bottom: 30px;
    left: 18px;
    z-index: 999;
    padding: 8px 16px;
    font-size: 14px;
    border: none;    
    margin-left: 1em;
    text-decoration: underline;
    border: none;
    border-radius: 24px;
    box-shadow: 4px 4px 12px 0px rgba(1, 1, 1, 0.12);
}

#consent-revoke:hover {
    color: rgba(0,0,0,0.8);
    text-decoration: none;
    transform: translateY(-2px);
    transition: 350ms;
}

#consent-revoke img {
    position: absolute;
    top: 0;
    left: 0;
}

#close-cookie-policy-modal {
    padding: 6px 12px;
    font-size: 13px;
    border: 1px solid #ccc; 
    border-radius: 8px; 
    margin-left: 1em;
}

.introContacts.inline {   
    display: inline-block;
    text-align: center;
  }

.introContacts.inline .introContacts-text {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;    
  }
  
  .introContacts.inline .introContacts-text img {
    vertical-align: middle;
    margin-right: 6px;
  }

  .ml40
  {
    margin-left: 40px;
  }

  ._demo_button {
    white-space: nowrap;
    color: var(--secondaryColor); /* Material Design purple */
    background-color: white;
    padding: 6px 12px;
    margin-right: 12px;
    border: solid 2px var(--secondaryColor);
    border-radius: 24px; /* Rounded corners */
    font-size: 12px;
    font-weight: 400;    
    letter-spacing: 0.75px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
                0 3px 1px -2px rgba(0, 0, 0, 0.12),
                0 1px 5px 0 rgba(0, 0, 0, 0.20); /* Material Design shadow */
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.1s ease;
    cursor: pointer;
    outline: none; /* Remove outline on focus */
}

@media screen and (min-width: 620px) {._demo_button{font-size: 14px;font-weight: 500;padding: 8px 25px;margin-right: 30px;}}

._demo_button:hover {
    background-color: var(--secondaryColor); /* Darker purple on hover */
	color: white;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
                0 1px 10px 0 rgba(0, 0, 0, 0.12),
                0 2px 4px -1px rgba(0, 0, 0, 0.20);
}

._demo_button:active {
    background-color: #673ab7; /* Even darker on click */
	color: rgba(255,255,255,0.68);
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
                0 5px 10px 1px rgba(0, 0, 0, 0.14),
                0 3px 14px 2px rgba(0, 0, 0, 0.12);
    transform: translateY(1px); /* Slight press effect */
}

._demo_button:focus {
    /* Optional: Add a subtle focus indicator if needed, though shadow handles it well */
    /* box-shadow: 0 0 0 3px rgba(98, 0, 238, 0.3); */
}

.gdpr_container {
    width: 60%;
    margin: 50px auto;
}

.insights_container {max-width:900px;min-width:360px;margin-top:0px;margin-left:auto;margin-right:auto;}

.page_link {
    text-decoration: underline;
    color:rgba(0, 0, 0, 0.8);
}

.page_link:hover {
    color:rgba(0, 0, 0, 0.7);
}

.nowrap {
    white-space: nowrap;
}

.message {
    z-index: 1060;    
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -10%);
    bottom: 0;
    width: 50%;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    display: block;
    border-radius: 15px;
}

.success { 
    background-color: rgba(0, 255, 0, 0.6);
    color: rgba(255, 255, 255, 1); 
}

.error {     
    background-color: rgba(255, 0, 0, 0.6);
    color: rgba(255, 255, 255, 1); 
}

.panelInsights {
	display: inline-block;
    background-color: white;
	border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 24px;
    padding: 0px 20px 20px 0px;
	box-shadow: 0px 0px 4px 0px rgba(184, 92, 221, 0.10);
	cursor: pointer;
	transition: all 0.5s ease;
}

.panelInsights:hover {
    box-shadow: 0px 0px 25px 0px rgba(184, 92, 221, 0.2);
	transform: scale(1.02);
}

.imgInsights {
border-radius:12px;min-width:80px;width:100%;max-width:100px;
}

@media screen and (min-width: 800px) { 
.imgInsights {
border-radius:12px;min-width:60px;width:100%;max-width:250px;
}
}

/* Jazykové menu přepínané classou */
.desktopHeaderLang {
    display: none;
}

.desktopHeaderLang.open {
    display: block;
}

.langOption {
    cursor: pointer;
}
  


/* Grafická reprezentace log*/

.logo-slider {
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  padding: 10px 0;
  background: #fff;
}

.logo-track-left {
  display: inline-block;
  white-space: nowrap;
  will-change: transform;
  animation: scroll-left 60s linear infinite;
}

.logo-track-right {
  display: inline-block;
  white-space: nowrap;
  will-change: transform;
  animation: scroll-right 60s linear infinite;
}

.customerLogo {
  height: 35px;
  width: auto;
  object-fit: contain;
  margin:20px 20px 20px 20px;
  filter: grayscale(100%);
  opacity:0.6; 
  transition: filter 0.3s, opacity 0.3s;
}

@media screen and (min-width: 620px) {.customerLogo{height: 55px;margin:20px 40px 20px 40px;}}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    /* posun o polovinu šířky tracku - zohledněte délku duplikátu */
    transform: translateX(-50%);
  }
}

@keyframes scroll-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    /* posun o polovinu šířky tracku - zohledněte délku duplikátu */
    transform: translateX(0);
  }
}
  

/* ********** Statistika na HOME stránce ********* */  

.stats-section {
  /* padding: 60px 0 20px 0; */
  background: #fff;
  text-align: center;
}

.stats-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px 28px;
  margin-bottom: 25px;
}
.stat-card {
  background: #fff;
  border-radius: 22px;
  box-shadow: 0px 0px 6px 0px rgba(184, 92, 221, 0.20);
  min-width: 180px;
  padding: 25px 30px 18px 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.25s, box-shadow 0.25s;
}
.stat-card:hover {
  transform: translateY(-7px) scale(1.05);
  box-shadow: 0 10px 30px 0 rgba(184, 92, 221, 0.12);
}
.stat-value {
  font-size: 2.2rem;
  font-weight: 400;
  color: #ac2b3f;
  letter-spacing: 1px;
  margin-bottom: 7px;
}
.gradient-text {
  background: linear-gradient(90deg,#ac2b3f,#9600fa);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.stat-desc {
  font-size: 1rem;
  color: #34303e;
  opacity: 0.76;
  letter-spacing: 0.5px;
}
.stats-bottom {
  margin-top: 18px;
  font-size: 1.1rem;
  color: #3c3b4c;
  opacity: 0.88;
}
@media (max-width: 800px) {
  /* .stats-grid { */
    /* flex-direction: column; */
    /* gap: 22px 0px; */
  /* } */
  .stat-card {
    min-width: unset;
    padding: 20px 14px 12px 14px;
  }
  .stat-value {
  font-size: 1.75rem;
  font-weight: 400;
  color: #ac2b3f;
  letter-spacing: 1px;
  margin-bottom: 7px;
}
}

/* ********** Pseudokarty klíčových informací ********* */  

.info-section {
  /* padding: 60px 0 20px 0; */
  background: #fff;
  text-align: left;
}

.info-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  gap: 32px 28px;
  margin-bottom: 25px;
}
.info-card {
  background: #fff;
  border-radius: 22px;
  box-shadow: 0px 0px 6px 0px rgba(184, 92, 221, 0.30);
  min-width: 180px;
  padding: 25px 24px 18px 24px;
  display: flex;
  flex-direction: column;
  align-items: left;
  transition: transform 0.25s, box-shadow 0.25s;
}
/* .info-card:hover { */
  /* transform: translateY(-7px) scale(1.05); */
  /* box-shadow: 0 10px 30px 0 rgba(184, 92, 221, 0.12); */
/* } */
.info-value {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0,0,0,0.88);
  letter-spacing: 1px;
  margin-bottom: 7px;
}

.info-desc {
  font-size: 16px;
  letter-spacing: 0.5px;
}
.info-bottom {
  margin-top: 18px;
  font-size: 1.1rem;
  color: #3c3b4c;
  opacity: 0.88;
}
@media (max-width: 800px) {
  /* .stats-grid { */
    /* flex-direction: column; */
    /* gap: 22px 0px; */
  /* } */
  .info-card {
    min-width: unset;
    padding: 20px 14px 12px 14px;
  }
  .info-value {
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 7px;
}
}


/* animovaný stín pro schéma iTutor na stránce Řešení */


.complex-shadow {
    position: relative;
    filter: 
        drop-shadow(2px 2px 4px rgba(159,7,64,0.0))
        drop-shadow(4px 4px 8px rgba(150,0,250,0.0))
        drop-shadow(6px 6px 12px rgba(0,250,194,0.0));
    
    animation: complexAnimation 8s infinite ease-in-out;
    will-change: filter;
}

@keyframes complexAnimation {
    0% {
        filter: 
            drop-shadow(2px 2px 4px rgba(159,7,64,0.1))
            drop-shadow(4px 4px 8px rgba(150,0,250,0.1));
    }
    33% {
        filter: 
            drop-shadow(-12px 2px 12px rgba(0,250,194,0.1))
            drop-shadow(2px -14px 16px rgba(159,7,64,0.1));
    }
    66% {
        filter: 
            drop-shadow(6px 10px 16px rgba(150,0,250,0.25))
            drop-shadow(4px 0px 12px rgba(0,250,194,0.25));
    }
    100% {
        filter: 
            drop-shadow(2px 2px 4px rgba(159,7,64,0.1))
            drop-shadow(4px 4px 8px rgba(150,0,250,0.1));
    }
}


.floating-image-1 {
    animation: float-1 3s ease-in-out infinite;
}

@keyframes float-1 {
    0%, 100% {
        transform: translateX(0) translateY(0);
    }
    50% {
        transform: translateX(-5px) translateY(5px);
    }
}

.floating-image-2 {
    animation: float-2 3s ease-in-out infinite;
}

@keyframes float-2 {
    0%, 100% {
        transform: translateX(0) translateY(0);
    }
    50% {
        transform: translateX(5px) translateY(-5px);
    }
}