* {
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
outline:none;
}
.f-modal-alert {
padding-top:20px;
padding-bottom:10px;
}
.f-modal-alert .f-modal-icon {
border-radius: 50%;
border: 4px solid gray;
box-sizing: content-box;
height: 80px;
margin: 20px auto;
padding: 0;
position: relative;
width: 80px;
}
.f-modal-alert .f-modal-icon.f-modal-success, .f-modal-alert .f-modal-icon.f-modal-error {
border-color: #A5DC86;
}
.f-modal-alert .f-modal-icon.f-modal-success:after, .f-modal-alert .f-modal-icon.f-modal-success:before, .f-modal-alert .f-modal-icon.f-modal-error:after, .f-modal-alert .f-modal-icon.f-modal-error:before {
content: '';
height: 120px;
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 60px;
}
.f-modal-alert .f-modal-icon.f-modal-success:before, .f-modal-alert .f-modal-icon.f-modal-error:before {
border-radius: 120px 0 0 120px;
left: -33px;
top: -7px;
-webkit-transform-origin: 60px 60px;
transform-origin: 60px 60px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.f-modal-alert .f-modal-icon.f-modal-success:after, .f-modal-alert .f-modal-icon.f-modal-error:after {
border-radius: 0 120px 120px 0;
left: 30px;
top: -11px;
-webkit-transform-origin: 0 60px;
transform-origin: 0 60px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.f-modal-alert .f-modal-icon.f-modal-success .f-modal-placeholder, .f-modal-alert .f-modal-icon.f-modal-error .f-modal-placeholder {
border-radius: 50%;
border: 4px solid rgba(165, 220, 134, 0.2);
box-sizing: content-box;
height: 80px;
left: -4px;
position: absolute;
top: -4px;
width: 80px;
z-index: 2;
}
.f-modal-alert .f-modal-icon.f-modal-success .f-modal-fix, .f-modal-alert .f-modal-icon.f-modal-error .f-modal-fix {
height: 90px;
left: 28px;
position: absolute;
top: 8px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 5px;
z-index: 1;
}
.f-modal-alert .f-modal-icon.f-modal-success .f-modal-line, .f-modal-alert .f-modal-icon.f-modal-error .f-modal-line {
background-color: #A5DC86;
border-radius: 2px;
display: block;
height: 5px;
position: absolute;
z-index: 2;
}
.f-modal-alert .f-modal-icon.f-modal-success .f-modal-line.f-modal-tip, .f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-tip {
left: 14px;
top: 46px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 25px;
}
.f-modal-alert .f-modal-icon.f-modal-success .f-modal-line.f-modal-long, .f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-long {
right: 8px;
top: 38px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 47px;
}
.f-modal-alert .f-modal-icon.f-modal-error {
border-color: #F27474;
}
.f-modal-alert .f-modal-icon.f-modal-error .f-modal-x-mark {
display: block;
position: relative;
z-index: 2;
}
.f-modal-alert .f-modal-icon.f-modal-error .f-modal-placeholder {
border: 4px solid rgba(200, 0, 0, 0.2);
}
.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line {
background-color: #F27474;
top: 37px;
width: 47px;
}
.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-left {
left: 17px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-right {
right: 16px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.f-modal-alert .f-modal-icon.f-modal-warning {
border-color: #F8BB86;
}
.f-modal-alert .f-modal-icon.f-modal-warning:before {
-webkit-animation: pulseWarning 2s linear infinite;
animation: pulseWarning 2s linear infinite;
border-radius: 50%;
content: "";
display: inline-block;
height: 100%;
opacity: 0;
position: absolute;
width: 100%;
}
.f-modal-alert .f-modal-icon.f-modal-warning:after {
border-radius: 50%;
content: '';
display: block;
height: 100%;
position: absolute;
width: 100%;
z-index: 1;
}
.f-modal-alert .f-modal-icon.f-modal-warning .f-modal-body {
border-radius: 2px;
height: 47px;
left: 50%;
margin-left: -2px;
position: absolute;
top: 10px;
width: 5px;
z-index: 2;
}
.f-modal-alert .f-modal-icon.f-modal-warning .f-modal-dot {
border-radius: 50%;
bottom: 10px;
height: 7px;
left: 50%;
margin-left: -3px;
position: absolute;
width: 7px;
z-index: 2;
}
.f-modal-alert .f-modal-icon + .f-modal-icon {
margin-top: 50px;
}
.animateSuccessTip {
-webkit-animation: animateSuccessTip .75s;
animation: animateSuccessTip .75s;
}
.animateSuccessLong {
-webkit-animation: animateSuccessLong .75s;
animation: animateSuccessLong .75s;
}
.f-modal-icon.f-modal-success.animate:after {
-webkit-animation: rotatePlaceholder 4.25s ease-in;
animation: rotatePlaceholder 4.25s ease-in;
}					
.f-modal-icon.f-modal-error.animate:after {
-webkit-animation: rotatePlaceholder 4.25s ease-in;
animation: rotatePlaceholder 4.25s ease-in;
}					
.animateErrorIcon {
-webkit-animation: animateErrorIcon .5s;
animation: animateErrorIcon .5s;
}					
.animateXLeft {
-webkit-animation: animateXLeft .75s;
animation: animateXLeft .75s;
}					
.animateXRight {
-webkit-animation: animateXRight .75s;
animation: animateXRight .75s;
}					
.scaleWarning {
-webkit-animation: scaleWarning 0.75s infinite alternate;
animation: scaleWarning 0.75s infinite alternate;
}					
.pulseWarningIns {
-webkit-animation: pulseWarningIns 0.75s infinite alternate;
animation: pulseWarningIns 0.75s infinite alternate;
}					
@-webkit-keyframes animateSuccessTip {
0%,54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -8px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
@keyframes animateSuccessTip {
0%,54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -8px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
@-webkit-keyframes animateSuccessLong {
0%,65% {
width: 0;
right: 46px;
top: 54px;
}
84% {
width: 55px;
right: 0;
top: 35px;
}
100% {
width: 47px;
right: 8px;
top: 38px;
}
}
@keyframes animateSuccessLong {
0%,65% {
width: 0;
right: 46px;
top: 54px;
}
84% {
width: 55px;
right: 0;
top: 35px;
}
100% {
width: 47px;
right: 8px;
top: 38px;
}
}
@-webkit-keyframes rotatePlaceholder {
0%,5% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
100%,12% {
-webkit-transform: rotate(-405deg);
transform: rotate(-405deg);
}
}
@keyframes rotatePlaceholder {
0%,5% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
100%,12% {
-webkit-transform: rotate(-405deg);
transform: rotate(-405deg);
}
}
@-webkit-keyframes animateErrorIcon {
0% {
-webkit-transform: rotateX(100deg);
transform: rotateX(100deg);
opacity: 0;
}
100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
@keyframes animateErrorIcon {
0% {
-webkit-transform: rotateX(100deg);
transform: rotateX(100deg);
opacity: 0;
}
100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}					
}
@-webkit-keyframes animateXLeft {
0%, 65% {
left: 82px;
top: 95px;
width: 0;
}
84% {
left: 14px;
top: 33px;
width: 47px;
}
100% {
left: 17px;
top: 37px;
width: 47px;
}
}
@keyframes animateXLeft {
0%, 65% {
left: 82px;
top: 95px;
width: 0;
}
84% {
left: 14px;
top: 33px;
width: 47px;
}
100% {
left: 17px;
top: 37px;
width: 47px;
}
}
@-webkit-keyframes animateXRight {
0%, 65% {
right: 82px;
top: 95px;
width: 0;
}
84% {
right: 14px;
top: 33px;
width: 47px;
}
100% {
right: 16px;
top: 37px;
width: 47px;
}
}
@keyframes animateXRight {
0%, 65% {
right: 82px;
top: 95px;
width: 0;
}
84% {
right: 14px;
top: 33px;
width: 47px;
}
100% {
right: 16px;
top: 37px;
width: 47px;
}
}
@-webkit-keyframes scaleWarning {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
30% {
-webkit-transform: scale(1.02);
transform: scale(1.02);}100% {-webkit-transform: scale(1);transform: scale(1);}}@keyframes scaleWarning {0% {-webkit-transform: scale(1);transform: scale(1);}30% {-webkit-transform: scale(1.02);transform: scale(1.02);}100% {-webkit-transform: scale(1);transform: scale(1);}}@-webkit-keyframes pulseWarning {0% {background-color: #3a3a3a;-webkit-transform: scale(1);transform: scale(1);opacity: 0.5;}30% {background-color: #3a3a3a;-webkit-transform: scale(1);transform: scale(1);opacity: 0.5;}100% {background-color: #F8BB86;-webkit-transform: scale(2);transform: scale(2);opacity: 0;}}@keyframes pulseWarning {0% {background-color: #3a3a3a;-webkit-transform: scale(1);transform: scale(1);opacity: 0.5;}30% {background-color: #3a3a3a;-webkit-transform: scale(1);transform: scale(1);opacity: 0.5;}100% {background-color: #F8BB86;-webkit-transform: scale(2);transform: scale(2);opacity: 0;}}@-webkit-keyframes pulseWarningIns {0% {background-color: #F8D486;}100% {background-color: #F8BB86;}}@keyframes pulseWarningIns {0% {background-color: #F8D486;}100% {background-color: #F8BB86;}}@-webkit-keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}@keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}h4{display: block;font-size: 24px;font-weight: 300;margin-bottom: 10px;margin-top:0px;color:#CCCCCC;cursor:default;text-align:center;text-transform:uppercase;padding-top:5px;padding-bottom:3px;}.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease; -webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-window.cc-invisible{opacity:1;-webkit-animation-name: fadeOut;animation-name: fadeOut;-webkit-animation-duration: .8s;animation-duration: .8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}.cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Arial, Helvetica, sans-serif;font-size:17px;line-height:1.2em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999; cursor:default;}.cc-window.cc-static{position:static}.cc-window.cc-floating{width:100%;position:fixed;top:0;left:0;right:0;margin:0;font-family: Arial, Helvetica, sans-serif;overflow: hidden;color: #777;background-color:#3a3a3a;background: url(".img/.dat/cookie.jpg");transition: background .5s;background-color:#3a3a3a;background-position: center;background-repeat: no-repeat;background-size: cover; height: 100%; z-index:2}.cc-window.cc-banner{padding:1em 1em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer; text-align:center; vertical-align:middle} .cc-link{display:inline-block;padding:.2em;text-decoration:underline;color:#CCCCCC;  text-align:center; vertical-align:middle}.cc-link:hover{color:#FFFFFF;}.cc-link:active,.cc-link:visited{color:#CCCCCC;}.cc-btn{display:block;padding:.4em .8em .4em .8em;font-size:.9em;font-weight:700;text-align:center;white-space:nowrap;}.cc-highlight .cc-btn:first-child{background-color transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{color:#FFFFFF;}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;color:#0099cc;line-height:.75}.cc-close:focus,.cc-close:hover{color:#0099cc;}.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{}.cc-bottom{}.cc-floating>.cc-link{margin-bottom:1em; text-align:center; vertical-align:middle}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em} .cookieBG{position: absolute;padding:0em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; top: 50%;left: 50%;transform: translate(-50%,-50%); background-color:#333333; width:100%; min-width:100%;padding-bottom:20px; padding-top:0px;opacity:.93;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3), 0 5px 5px 0 rgba(0, 0, 0, 0.34);background-color: #3a3a3a;min-height:275px; content-align:center;}@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal} h4{display: block;font-size: 22px; line-height:24px;font-weight: 300;margin-bottom: 10px;margin-top:0px;color:#CCCCCC;cursor:default;text-align:center;text-transform:uppercase;padding-top:5px;padding-bottom:3px;} .cookieBG{font-size:14px;}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0; width:100%;left:0; margin-left:0}.cookieBG{width:100%;}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}.cc-floating.cc-theme-classic{padding:0em 1em 1em 1.2em;border-radius:0px;}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}.cc-theme-classic
					.cc-btn {
						color: #FFF;
						transition: all 0.5s;
						position: relative;
						line-height: 30px;
						height: 30px;
						max-width: 300px;
						text-align: center;
						text-transform:uppercase;
						font-weight:normal;
						font-size: 16px;
						color:#FFFFFF;	
						cursor: pointer;
						outline:none;
						outline:0;
						padding-top:10px;
						left:50%;
						transform: translate(-161px,0%);
						text-decoration:none;
						-webkit-tap-highlight-color: transparent;
					}
					.cc-btn::before {
						content: '';
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						z-index: 1;
						background-color: rgba(255,255,255,0.1);
						transition: all 0.3s;
						outline:none;
						-webkit-tap-highlight-color: transparent;
					}
					.cc-btn:active {
						outline:none;
						-webkit-tap-highlight-color: transparent;
					}
					.cc-btn::before:active {
						outline:none;
						-webkit-tap-highlight-color: transparent;
					}
					.cc-btn::after:active {
						outline:none;
						-webkit-tap-highlight-color: transparent;
					}										
					.cc-btn:hover::before {
						opacity: 0 ;
						transform: scale(0.5,0.5);
						outline:none;
						-webkit-tap-highlight-color: transparent;
					}
					.cc-btn::after {
						content: '';
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						z-index: 1;
						opacity: 0;
						transition: all 0.3s;
						border: 1px solid rgba(255,255,255,0.3);
						transform: scale(1.2,1.2);
						outline:none;
						-webkit-tap-highlight-color: transparent;
					}
					.cc-btn:hover::after {
						opacity: 1;
						transform: scale(1,1);
						outline:none;
						-webkit-tap-highlight-color: transparent;
					}
					a:link {
						text-decoration: underline;
						outline:none; 
						color:#CCCCCC;
						outline:0;
						-webkit-tap-highlight-color: transparent;
					}
					a:visited {
					  text-decoration: underline;
					  color:#CCCCCC;
					  outline:0;
					  -webkit-tap-highlight-color: transparent;
					}
					a:hover {
					  text-decoration: underline;
					  color:#FFFFFFF;
					  outline:0;
					  -webkit-tap-highlight-color: transparent;
					}
					a:active {
					  text-decoration: underline;
					  color:#CCCCCC;
					  outline:0;
					  -webkit-tap-highlight-color: transparent;
					}

.cc-floating.cc-type-info.cc-theme-classic 
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:1em 1.8em .8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}