* {margin: 0; padding: 0;}
select { padding: 3px; margin: 0; background: #f8f8f8; color: #676b71; border: none; outline: 0; display: inline-block; cursor: pointer;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 select { padding-right: 18px;}
}
option { padding: 5px; height: 35px;}
.checkbox {vertical-align: top; margin: 0 6px 0 0;}
.checkbox+label {cursor: pointer;}
.checkbox:not(checked) { position: absolute; opacity: 0;}
.checkbox:not(checked)+label { position: relative; padding: 0 0 0 60px;}
.checkbox:not(checked)+label:before { content: ''; position: absolute; top: -4px; left: 0; width: 50px; height: 28px; border-radius: 13px; background: #cdd1da; box-shadow: inset 0 2px 3px rgba(0, 0, 0, .2);}
.checkbox:not(checked)+label:after { content: ''; position: absolute; top: -2px; left: 2px; width: 22px; height: 22px; border-radius: 10px; background: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, .3); transition: all .2s;}
.checkbox:checked+label:before { background: #9fd468;}
.checkbox:checked+label:after { left: 26px;}
.radio { vertical-align: top; width: 17px; height: 17px; margin: 0 3px 0 0;}
.radio+label { cursor: pointer;}
.radio:not(checked) { position: absolute; opacity: 0;}
.radio:not(checked)+label { position: relative; padding: 0 0 0 25px;}
.radio:not(checked)+label:before { content: ''; position: absolute; top: -3px; left: 0; width: 18px; height: 18px; border: 1px solid #cdd1da; border-radius: 50%; background: #fff;}
.radio:not(checked)+label:after { content: ''; position: absolute; top: -1px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #9fd468; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5); opacity: 0; transition: all .2s;}
.radio:checked+label:after { opacity: 1;}
form input[type=file], form input[type=password], form input[type=text], form select, form textarea, input[type=reset], input[type=submit] {
 background: -moz-linear-gradient(top, #fafafa 0, #f3f1f1 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(100%, #f3f1f1));
 background: -webkit-linear-gradient(top, #fafafa 0, #f3f1f1 100%);
 background: -o-linear-gradient(top, #fafafa 0, #f3f1f1 100%);
 background: -ms-linear-gradient(top, #fafafa 0, #f3f1f1 100%);
 background: linear-gradient(top, #fafafa 0, #f3f1f1 100%);
 border: 0 solid #fff;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 -khtml-border-radius: 0;
 border-radius: 0;
 padding-left: 5px;
}
input[type=submit]:active { border: none;}
::-webkit-input-placeholder { color: #c0392b; padding-left: 10px;}
::-moz-placeholder { color: #c0392b; padding-left: 10px;}
:-moz-placeholder { color: #c0392b; padding-left: 10px;}
:-ms-input-placeholder { color: #c0392b; padding-left: 10px;}
input { border: 2px solid #dcdcdc; color: #2980b9; font-size: 16px; box-shadow: 1px 1px 3px 1px rgba(200, 200, 200, .2) inset; padding: 1em; width: 17em; outline: 0; margin: 0; -webkit-transition: all .2s cubic-bezier(.42, 0, .58, 1); -moz-transition: all .2s cubic-bezier(.42, 0, .58, 1); -o-transition: all .2s cubic-bezier(.42, 0, .58, 1); transition: all .2s cubic-bezier(.42, 0, .58, 1);}
input:hover { border: 2px solid #3498db; box-shadow: 1px 1px 3px 1px rgba(52, 152, 219, .2) inset; -webkit-transition: all .2s cubic-bezier(.42, 0, .58, 1); -moz-transition: all .2s cubic-bezier(.42, 0, .58, 1); -o-transition: all .2s cubic-bezier(.42, 0, .58, 1); transition: all .2s cubic-bezier(.42, 0, .58, 1);}
input:focus { border: 2px solid #3498db; box-shadow: 0 0 0 0 #3498db; background-color: rgba(255, 255, 255, .5); -webkit-transition: all .1s cubic-bezier(.42, 0, .58, 1); -moz-transition: all .1s cubic-bezier(.42, 0, .58, 1); -o-transition: all .1s cubic-bezier(.42, 0, .58, 1); transition: all .1s cubic-bezier(.42, 0, .58, 1);}

.blueimp-gallery, .blueimp-gallery>.slides>.slide>.slide-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -moz-backface-visibility: hidden;}
.blueimp-gallery>.slides>.slide>.slide-content { margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; opacity: 1;}
.blueimp-gallery { position: fixed; z-index: 999999; overflow: hidden; background: #000; background: rgba(0, 0, 0, .9); opacity: 0; display: none; direction: ltr; -ms-touch-action: none; touch-action: none;}
.blueimp-gallery-carousel { position: relative; z-index: auto; margin: 1em auto; padding-bottom: 56.25%; box-shadow: 0 0 10px #000; -ms-touch-action: pan-y; touch-action: pan-y;}
.blueimp-gallery-display { display: block; opacity: 1;}
.blueimp-gallery>.slides { position: relative; height: 100%; overflow: hidden;}
.blueimp-gallery-carousel>.slides { position: absolute;}
.blueimp-gallery>.slides>.slide { position: relative; float: left; height: 100%; text-align: center; -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1); -moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1); -ms-transition-timing-function: cubic-bezier(.645, .045, .355, 1); -o-transition-timing-function: cubic-bezier(.645, .045, .355, 1); transition-timing-function: cubic-bezier(.645, .045, .355, 1);}
.blueimp-gallery, .blueimp-gallery>.slides>.slide>.slide-content { -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; -ms-transition: opacity .2s linear; -o-transition: opacity .2s linear; transition: opacity .2s linear;}
.blueimp-gallery>.slides>.slide-loading { background: url(../../img/loading.gif) center no-repeat; background-size: 64px 64px;}
.blueimp-gallery>.slides>.slide-loading>.slide-content { opacity: 0;}
.blueimp-gallery>.slides>.slide-error { background: url(../../img/error.png) center no-repeat;}
.blueimp-gallery>.slides>.slide-error>.slide-content { display: none;}
.blueimp-gallery>.next, .blueimp-gallery>.prev { position: absolute; top: 50%; left: 15px; width: 40px; height: 40px; margin-top: -23px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 60px; font-weight: 100; line-height: 30px; color: #fff; text-decoration: none; text-shadow: 0 0 2px #000; text-align: center; background: #222; background: rgba(0, 0, 0, .5); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: 3px solid #fff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: .5; cursor: pointer; display: none;}
.blueimp-gallery>.next { left: auto; right: 15px;}
.blueimp-gallery>.close, .blueimp-gallery>.title { position: absolute; top: 15px; left: 15px; margin: 0 40px 0 0; font-size: 20px; line-height: 30px; color: #fff; text-shadow: 0 0 2px #000; opacity: .8; display: none;}
.blueimp-gallery>.close { padding: 15px; right: 15px; left: auto; margin: -15px; font-size: 30px; text-decoration: none; cursor: pointer;}
.blueimp-gallery>.play-pause { position: absolute; right: 15px; bottom: 15px; width: 15px; height: 15px; background: url(../../img/play-pause.png) 0 0 no-repeat; cursor: pointer; opacity: .5; display: none;}
.blueimp-gallery-playing>.play-pause { background-position: -15px 0;}
.blueimp-gallery>.close:hover, .blueimp-gallery>.next:hover, .blueimp-gallery>.play-pause:hover, .blueimp-gallery>.prev:hover, .blueimp-gallery>.title:hover { color: #fff; opacity: 1;}
.blueimp-gallery-controls>.close, .blueimp-gallery-controls>.next, .blueimp-gallery-controls>.play-pause, .blueimp-gallery-controls>.prev, .blueimp-gallery-controls>.title { display: block; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);}
.blueimp-gallery-left>.prev, .blueimp-gallery-right>.next, .blueimp-gallery-single>.next, .blueimp-gallery-single>.play-pause, .blueimp-gallery-single>.prev { display: none;}
.blueimp-gallery>.close, .blueimp-gallery>.next, .blueimp-gallery>.play-pause, .blueimp-gallery>.prev, .blueimp-gallery>.slides>.slide>.slide-content { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
body:last-child .blueimp-gallery>.slides>.slide-error { background-image: url(../../img/error.svg);}
body:last-child .blueimp-gallery>.play-pause { width: 20px; height: 20px; background-size: 40px 20px; background-image: url(../../img/play-pause.svg);}
body:last-child .blueimp-gallery-playing>.play-pause { background-position: -20px 0;}
.blueimp-gallery>.indicator { position: absolute; top: auto; right: 15px; bottom: 15px; left: 15px; margin: 0 40px; padding: 0; list-style: none; text-align: center; line-height: 10px; display: none;}
.blueimp-gallery>.indicator>li { display: inline-block; width: 9px; height: 9px; margin: 6px 3px 0 3px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: 1px solid transparent; background: #ccc; background: rgba(255, 255, 255, .25) center no-repeat; border-radius: 5px; box-shadow: 0 0 2px #000; opacity: .5; cursor: pointer;}
.blueimp-gallery>.indicator>.active, .blueimp-gallery>.indicator>li:hover { background-color: #fff; border-color: #fff; opacity: 1;}
.blueimp-gallery>.indicator>li:after { opacity: 0; display: block; position: absolute; content: ''; top: -5em; width: 75px; height: 75px; transition: transform .6s ease-out, opacity .4s ease-out; transform: translateX(-50%) translateY(0) translateZ(0); pointer-events: none;}
.blueimp-gallery>.indicator>li:hover:after { opacity: 1; border-radius: 50%; background: inherit; transform: translateX(-50%) translateY(-5px) translateZ(0);}
.blueimp-gallery>.indicator>.active:after { display: none;}
.blueimp-gallery-controls>.indicator { display: block; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);}
.blueimp-gallery-single>.indicator { display: none;}
.blueimp-gallery>.indicator { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.blueimp-gallery>.slides>.slide>.video-content>img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; -moz-backface-visibility: hidden;}
.blueimp-gallery>.slides>.slide>.video-content>video { position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.blueimp-gallery>.slides>.slide>.video-content>iframe { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; border: none;}
.blueimp-gallery>.slides>.slide>.video-playing>iframe { top: 0;}
.blueimp-gallery>.slides>.slide>.video-content>a { position: absolute; top: 50%; right: 0; left: 0; margin: -64px auto 0; width: 128px; height: 128px; background: url(../../img/video-play.png) center no-repeat; opacity: .8; cursor: pointer;}
.blueimp-gallery>.slides>.slide>.video-content>a:hover { opacity: 1;}
.blueimp-gallery>.slides>.slide>.video-playing>a, .blueimp-gallery>.slides>.slide>.video-playing>img { display: none;}
.blueimp-gallery>.slides>.slide>.video-content>video { display: none;}
.blueimp-gallery>.slides>.slide>.video-playing>video { display: block;}
.blueimp-gallery>.slides>.slide>.video-loading>a { background: url(../../img/loading.gif) center no-repeat; background-size: 64px 64px;}
body:last-child .blueimp-gallery>.slides>.slide>.video-content:not(.video-loading)>a { background-image: url(../../img/video-play.svg);}
.lime { color: #cddc39;}
.cyan { color: #00bcd4;}
.amber { color: #ffc107;}
.orange { color: #ff9800;}
.brown { color: #795548;}
.LightGreen { color: #8bc34a;}
.gray { color: #9a9a9a;}
.btn-gray { background-color: #73879c; color: #fff;}
.color-white { color: #fff;}
.color-dark { color: #2d2d2d;}
.color-dark-red { color: #930000;}
.delay-02 { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s;}
.delay-04 { -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s;}
.delay-06 { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s;}
.delay-08 { -webkit-animation-delay: .8s; -moz-animation-delay: .8s; -o-animation-delay: .8s; animation-delay: .8s;}
.delay-10 { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s;}
.delay-12 { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -o-animation-delay: 1.2s; animation-delay: 1.2s;}
.delay-14 { -webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s; -o-animation-delay: 1.4s; animation-delay: 1.4s;}
.delay-16 { -webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; -o-animation-delay: 1.6s; animation-delay: 1.6s;}
.delay-18 { -webkit-animation-delay: 1.8s; -moz-animation-delay: 1.8s; -o-animation-delay: 1.8s; animation-delay: 1.8s;}
.delay-20 { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s;}
ul.dots * { box-sizing: content-box; list-style-type: none;}
ul.dots a { text-decoration: none; font-size: 20px; color: #34495e;}
ul.dots a:hover { text-decoration: none; font-size: 20px; color: #bdc3c7;}
ul.dots li { display: box; position: relative; width: 100%; padding: 5px 0 5px 0; list-style-type: none;}
ul.dots li:hover { background: #2c3e50;}
ul.dots li span { display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #fff; padding: 5px; width: 30px; height: 30px; margin: 0 auto; line-height: 30px; text-align: center; position: relative;}
ul.dots li mark { border-radius: 20px; border: 2px solid #fff; width: 20px; height: 20px; background-color: #ff6b6b; position: absolute; top: -7px; left: 27px; font-size: 10px; line-height: 20px; font-family: Roboto, sans-serif; font-weight: 400; color: #fff; font-weight: 700;}
ul.dots li mark.big { width: 30px; height: 30px; border-radius: 30px; line-height: 30px; font-size: 16px; top: -10px; left: -15px;}
ul.dots li mark.green { background-color: #27ae60;}
ul.dots li mark.blue { background-color: #3498db;}
ul.dots>li>a>span>mark { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}
ul.dots>li:hover>a>span>mark { -webkit-animation-name: bounce; animation-name: bounce;}
ul.dots>li:hover>a>span>mark.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand;}
ul.dots>li:hover>a>span>mark.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing;}
ul.dots>li:hover>a>span>mark.tada { -webkit-animation-name: tada; animation-name: tada;}
ul.dots>li:hover>a>span>mark.wobble { -webkit-animation-name: wobble; animation-name: wobble;}
li { list-style-type: circle;}
code { background: #ecf0f1;}

.buttons-wrapper { text-align: left; position: relative;}
.buttons-wrapper a { cursor: pointer;}
.buttons-wrapper a[data-type=reset] { margin-right: 10px;}
.success { font-size: 14px;}
body:after { content: url(../../images/lightbox/close.png) url(../../images/lightbox/prev.png) url(../../images/lightbox/next.png); display: none;}
.lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: #000; filter: alpha(Opacity=80); opacity: .8; display: none;}
.lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: 400;}
.lightbox .lb-image { display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
.lightbox a img { border: none;}

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%}
body { margin: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block;}
audio, canvas, progress, video { display: inline-block; vertical-align: baseline;}
audio:not([controls]) { display: none; height: 0;}
[hidden], template { display: none;}
a { background: 0 0;}
a:active, a:hover { outline: 0;}
abbr[title] { border-bottom: 1px dotted;}
b, strong { font-weight: 700;}
dfn { font-style: italic;}
h1 { font-size: 2em; margin: .67em 0;}
mark { background: #ff0; color: #000;}
small { font-size: 80%}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -.5em;}
sub { bottom: -.25em;}
img { border: 0;}
svg:not(:root) { overflow: hidden;}
figure { margin: 1em 40px;}
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
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] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none;}
fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em;}
legend { border: 0; padding: 0;}
textarea { overflow: auto;}
optgroup { font-weight: 700;}
table { border-collapse: collapse; border-spacing: 0;}
td, th { padding: 0;}
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0, 0, 0);}
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%}
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height .5s ease-in-out; -moz-transition: height .5s ease-in-out; -ms-transition: height .5s ease-in-out; -o-transition: height .5s ease-in-out; transition: height .5s ease-in-out;}
.owl-carousel .owl-item { float: left;}
.owl-controls .owl-buttons div, .owl-controls .owl-page { cursor: pointer;}
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent;}
.grabbing { cursor: url(../grabbing.png) 8 8, move;}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);}

/*! Simple Hint v2.1 | Copyright (c) 2014 Catalin Covic | https://github.com/catc */
[data-hint]:after, [data-hint]:before { display: inline-block; pointer-events: none; position: absolute; visibility: hidden;}
[data-hint]:hover:after, [data-hint]:hover:before { visibility: visible;}
[data-hint]:before { content: ""; border: 5px solid transparent; z-index: 9998;}
[data-hint]:after { content: attr(data-hint); text-align: center; padding: 3px 7px; border-radius: 2px; z-index: 9999; color: #fff; font-weight: 400; white-space: nowrap; font-size: 1.2rem; line-height: 2em; background: #292929;}
[class*=hint-bottom]:before, [class*=hint-top]:before { right: 50%; margin-right: -5px;}
[class*=hint-bottom]:after, [class*=hint-top]:after { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
[class*=hint-bottom]:before { border-bottom-color: #292929; top: 100%}
[class*=hint-bottom]:after { margin-top: 10px; top: 100%}
[class*=hint-top]:before { border-top-color: #292929; bottom: 100%}
[class*=hint-top]:after { bottom: 100%; margin-bottom: 10px;}
[class*=hint-left]:before, [class*=hint-right]:before { top: 50%; margin-top: -5px;}
[class*=hint-left]:after, [class*=hint-right]:after { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
[class*=hint-left]:before { border-left-color: #292929; left: 0; margin-left: -10px;}
[class*=hint-left]:after { right: 100%; margin-right: 10px;}
[class*=hint-right]:before { border-right-color: #292929; right: 0; margin-right: -10px;}
[class*=hint-right]:after { left: 100%; margin-left: 10px;}
.hint-persist:after, .hint-persist:before { visibility: visible;}
@media only screen and (max-width:768px) {
 [class*=hint-][class*="-mobile"]: after, [class*=hint-][class*="-mobile"]:before { display: none;}
}
[class*=hint-][class*="-s-small"]:after { width: 200px; white-space: initial;}
[class*=hint-][class*="-s-med"]:after { width: 300px; white-space: initial;}
[class*=hint-][class*="-s-big"]:after { width: 450px; white-space: initial;}
.hint-d-short:hover:after, .hint-d-short:hover:before { -webkit-transition: visibility 0s .4s ease; transition: visibility 0s .4s ease;}
.hint-d-med:hover:after, .hint-d-med:hover:before { -webkit-transition: visibility 0s 1s ease; transition: visibility 0s 1s ease;}
.hint-d-long:hover:after, .hint-d-long:hover:before { -webkit-transition: visibility 0s 1.5s ease; transition: visibility 0s 1.5s ease;}
[class*=hint-fade]:after, [class*=hint-fade]:before { -webkit-transition: opacity .2s ease, visibility .2s ease; transition: opacity .2s ease, visibility .2s ease; opacity: 0;}
[class*=hint-fade]:hover:after, [class*=hint-fade]:hover:before { opacity: 1;}
[class*=hint-fade][class*="-d-short"]:hover:after, [class*=hint-fade][class*="-d-short"]:hover:before { -webkit-transition-delay: .4s; transition-delay: .4s;}
[class*=hint-fade][class*="-d-med"]:hover:after, [class*=hint-fade][class*="-d-med"]:hover:before { -webkit-transition-delay: 1s; transition-delay: 1s;}
[class*=hint-fade][class*="-d-long"]:hover:after, [class*=hint-fade][class*="-d-long"]:hover:before { -webkit-transition-delay: 1.5s; transition-delay: 1.5s;}
[class*=hint-anim][class*=hint-top]:after, [class*=hint-anim][class*=hint-top]:before { bottom: 125%; opacity: 0; -webkit-transition: opacity .3s ease-out, visibility .3s ease-out, bottom .3s ease-out; transition: opacity .3s ease-out, visibility .3s ease-out, bottom .3s ease-out;}
[class*=hint-anim][class*=hint-top]:hover:after, [class*=hint-anim][class*=hint-top]:hover:before { opacity: 1; bottom: 100%}
[class*=hint-anim][class*=hint-bottom]:after, [class*=hint-anim][class*=hint-bottom]:before { top: 125%; opacity: 0; -webkit-transition: opacity .3s ease, visibility .3s ease, top .3s ease; transition: opacity .3s ease, visibility .3s ease, top .3s ease;}
[class*=hint-anim][class*=hint-bottom]:hover:after, [class*=hint-anim][class*=hint-bottom]:hover:before { top: 100%; opacity: 1;}
[class*=hint-anim][class*=hint-right]:after, [class*=hint-anim][class*=hint-right]:before { margin-right: -25px; margin-left: 25px; opacity: 0; -webkit-transition: opacity .3s ease-out, visibility .3s ease, margin .3s ease-out; transition: opacity .3s ease-out, visibility .3s ease, margin .3s ease-out;}
[class*=hint-anim][class*=hint-right]:hover:after, [class*=hint-anim][class*=hint-right]:hover:before { margin-right: -10px; margin-left: 10px; opacity: 1;}
[class*=hint-anim][class*=hint-left]:after, [class*=hint-anim][class*=hint-left]:before { margin-right: 25px; margin-left: -25px; opacity: 0; -webkit-transition: opacity .3s ease-out, visibility .3s ease, margin .3s ease-out; transition: opacity .3s ease-out, visibility .3s ease, margin .3s ease-out;}
[class*=hint-anim][class*=hint-left]:hover:after, [class*=hint-anim][class*=hint-left]:hover:before { margin-right: 10px; margin-left: -10px; opacity: 1;}
[class*=hint-anim][class*="-d-short"]:hover:after, [class*=hint-anim][class*="-d-short"]:hover:before { -webkit-transition-delay: .4s; transition-delay: .4s;}
[class*=hint-anim][class*="-d-med"]:hover:after, [class*=hint-anim][class*="-d-med"]:hover:before { -webkit-transition-delay: 1s; transition-delay: 1s;}
[class*=hint-anim][class*="-d-long"]:hover:after, [class*=hint-anim][class*="-d-long"]:hover:before { -webkit-transition-delay: 1.5s; transition-delay: 1.5s;}
[class*=hint-][class*="-t-info"][class*=hint-bottom]:before { border-bottom-color: #44c2f9;}
[class*=hint-][class*="-t-info"][class*=hint-top]:before { border-top-color: #44c2f9;}
[class*=hint-][class*="-t-info"][class*=hint-right]:before { border-right-color: #44c2f9;}
[class*=hint-][class*="-t-info"][class*=hint-left]:before { border-left-color: #44c2f9;}
[class*=hint-][class*="-t-info"]:after { background: #44c2f9;}
[class*=hint-][class*="-t-success"][class*=hint-bottom]:before { border-bottom-color: #83c510;}
[class*=hint-][class*="-t-success"][class*=hint-top]:before { border-top-color: #83c510;}
[class*=hint-][class*="-t-success"][class*=hint-right]:before { border-right-color: #83c510;}
[class*=hint-][class*="-t-success"][class*=hint-left]:before { border-left-color: #83c510;}
[class*=hint-][class*="-t-success"]:after { background: #83c510;}
[class*=hint-][class*="-t-error"][class*=hint-bottom]:before { border-bottom-color: #ff4c4c;}
[class*=hint-][class*="-t-error"][class*=hint-top]:before { border-top-color: #ff4c4c;}
[class*=hint-][class*="-t-error"][class*=hint-right]:before { border-right-color: #ff4c4c;}
[class*=hint-][class*="-t-error"][class*=hint-left]:before { border-left-color: #ff4c4c;}
[class*=hint-][class*="-t-error"]:after { background: #ff4c4c;}
[class*=hint-][class*="-t-notice"][class*=hint-bottom]:before { border-bottom-color: #ffae00;}
[class*=hint-][class*="-t-notice"][class*=hint-top]:before { border-top-color: #ffae00;}
[class*=hint-][class*="-t-notice"][class*=hint-right]:before { border-right-color: #ffae00;}
[class*=hint-][class*="-t-notice"][class*=hint-left]:before { border-left-color: #ffae00;}
[class*=hint-][class*="-t-notice"]:after { background: #ffae00;}
[class*=hint-][class*="-t-gray"][class*=hint-bottom]:before { border-bottom-color: #73879c;}
[class*=hint-][class*="-t-gray"][class*=hint-top]:before { border-top-color: #73879c;}
[class*=hint-][class*="-t-gray"][class*=hint-right]:before { border-right-color: #73879c;}
[class*=hint-][class*="-t-gray"][class*=hint-left]:before { border-left-color: #73879c;}
[class*=hint-][class*="-t-gray"]:after { background: #73879c;}
.slide { background-attachment: fixed; width: 100%; height: 100%; position: relative; box-shadow: inset 0 10px 10px rgba(0, 0, 0, .3);}
.wrapper { width: 960px; height: 200px; margin: 0 auto; position: relative;}
.slideno { position: absolute; bottom: 0; left: 0; font-size: 100px; font-weight: 700; color: rgba(255, 255, 255, .3);}
#slide1 { background-color: #5c9900;}
#slide2 img:first-child { position: absolute; top: 700px; left: -150px;}
#slide2 img:nth-child(2) { position: absolute; top: 300px; left: 100px;}
#slide2 img:nth-child(3) { position: absolute; top: 600px; left: 300px;}
#slide2 img:nth-child(4) { position: absolute; top: 400px; left: 300px;}
#slide2 img:nth-child(5) { position: absolute; top: 600px; right: 300px;}
#slide2 img:nth-child(6) { position: absolute; top: 600px; right: 300px;}
#slide2 img:nth-child(7) { position: absolute; top: 400px; right: 100px;}
#slide2 img:nth-child(8) { position: absolute; top: 100px; right: 300px;}
#slide3 { background-color: #b6c10b;}
#slide3 img:first-child { position: absolute; top: 700px; left: 300px;}
#slide3 img:nth-child(2) { position: absolute; top: 100px; left: 100px;}
#slide3 img:nth-child(3) { position: absolute; top: 150px; left: 300px;}
#slide3 img:nth-child(4) { position: absolute; top: 450px; left: 300px;}
#slide3 img:nth-child(5) { position: absolute; top: 200px; right: 300px;}
#slide3 img:nth-child(6) { position: absolute; top: 100px; right: 300px;}
#slide4 { background-image: url(../../images/Slide4/desktop4.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#slide4 .parallaxbg { position: absolute; right: 40px; top: 40px; font-size: 28px; color: rgba(51, 51, 51, .3);}
.sweet-overlay { background-color: rgba(0, 0, 0, .4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 1000;}
.sweet-alert { background-color: #fff; font-family: 'Open Sans', sans-serif; width: 478px; padding: 17px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; z-index: 2000;}
@media all and (max-width:540px) {
 .sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px;}
}
.sweet-alert h2 { color: #575757; font-size: 30px; text-align: center; font-weight: 600; text-transform: none; position: relative;}
.sweet-alert p { color: #797979; font-size: 16px; text-align: center; font-weight: 300; position: relative; margin: 0; line-height: normal;}
.sweet-alert button { background-color: #aedef4; color: #fff; border: none; box-shadow: none; font-size: 17px; font-weight: 500; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0 5px; cursor: pointer;}
.sweet-alert button:focus { outline: 0; box-shadow: 0 0 2px rgba(128, 179, 235, .5), inset 0 0 0 1px rgba(0, 0, 0, .05);}
.sweet-alert button:hover { background-color: #a1d9f2;}
.sweet-alert button:active { background-color: #81ccee;}
.sweet-alert button.cancel { background-color: #d0d0d0;}
.sweet-alert button.cancel:hover { background-color: #c8c8c8;}
.sweet-alert button.cancel:active { background-color: #b6b6b6;}
.sweet-alert button.cancel:focus { box-shadow: rgba(197, 205, 211, .8) 0 0 2px, rgba(0, 0, 0, .0470588) 0 0 0 1px inset!important;}
.sweet-alert[data-has-cancel-button=false] button { box-shadow: none!important;}
.sweet-alert .icon { width: 80px; height: 80px; border: 4px solid gray; border-radius: 50%; margin: 20px auto; position: relative; box-sizing: content-box;}
.sweet-alert .icon.error { border-color: #f27474;}
.sweet-alert .icon.error .x-mark { position: relative; display: block;}
.sweet-alert .icon.error .line { position: absolute; height: 5px; width: 47px; background-color: #f27474; display: block; top: 37px; border-radius: 2px;}
.sweet-alert .icon.error .line.left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px;}
.sweet-alert .icon.error .line.right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px;}
.sweet-alert .icon.warning { border-color: #f8bb86;}
.sweet-alert .icon.warning .body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; border-radius: 2px; margin-left: -2px; background-color: #f8bb86;}
.sweet-alert .icon.warning .dot { position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #f8bb86;}
.sweet-alert .icon.info { border-color: #c9dae1;}
.sweet-alert .icon.info::before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #c9dae1;}
.sweet-alert .icon.info::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #c9dae1;}
.sweet-alert .icon.success { border-color: #a5dc86;}
.sweet-alert .icon.success::after, .sweet-alert .icon.success::before { content: ''; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: #fff; transform: rotate(45deg);}
.sweet-alert .icon.success::before { border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px;}
.sweet-alert .icon.success::after { border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 60px; transform-origin: 0 60px;}
.sweet-alert .icon.success .placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, .2); border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2;}
.sweet-alert .icon.success .fix { width: 5px; height: 90px; background-color: #fff; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.sweet-alert .icon.success .line { height: 5px; background-color: #a5dc86; display: block; border-radius: 2px; position: absolute; z-index: 2;}
.sweet-alert .icon.success .line.tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.sweet-alert .icon.success .line.long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.sweet-alert .icon.custom { background-size: contain; border-radius: 0; border: none; background-position: center center; background-repeat: no-repeat;}
@-webkit-keyframes showSweetAlert {
 0% { transform: scale(.7); -webkit-transform: scale(.7);}
45% { transform: scale(1.05); -webkit-transform: scale(1.05);}
80% { transform: scale(.95); -webkit-tranform: scale(.95);}
100% { transform: scale(1); -webkit-transform: scale(1);}
}
@-moz-keyframes showSweetAlert {
 0% { transform: scale(.7); -webkit-transform: scale(.7);}
45% { transform: scale(1.05); -webkit-transform: scale(1.05);}
80% { transform: scale(.95); -webkit-tranform: scale(.95);}
100% { transform: scale(1); -webkit-transform: scale(1);}
}
@keyframes showSweetAlert {
 0% { transform: scale(.7); -webkit-transform: scale(.7);}
45% { transform: scale(1.05); -webkit-transform: scale(1.05);}
80% { transform: scale(.95); -webkit-tranform: scale(.95);}
100% { transform: scale(1); -webkit-transform: scale(1);}
}
@-webkit-keyframes hideSweetAlert {
 0% { transform: scale(1); -webkit-transform: scale(1);}
100% { transform: scale(.5); -webkit-transform: scale(.5);}
}
@-moz-keyframes hideSweetAlert {
 0% { transform: scale(1); -webkit-transform: scale(1);}
100% { transform: scale(.5); -webkit-transform: scale(.5);}
}
@keyframes hideSweetAlert { 
 0% { transform: scale(1); -webkit-transform: scale(1);}
 100% { transform: scale(.5); -webkit-transform: scale(.5);}
}
.showSweetAlert { -webkit-animation: showSweetAlert .3s; -moz-animation: showSweetAlert .3s; animation: showSweetAlert .3s;}
.hideSweetAlert { -webkit-animation: hideSweetAlert .2s; -moz-animation: hideSweetAlert .2s; animation: hideSweetAlert .2s;}
@-webkit-keyframes animateSuccessTip {
 0% { width: 0; left: 1px; top: 19px;}
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;}
}
@-moz-keyframes animateSuccessTip {
 0% { width: 0; left: 1px; top: 19px;}
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% { width: 0; left: 1px; top: 19px;}
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% { width: 0; right: 46px; top: 54px;}
65% { width: 0; right: 46px; top: 54px;}
84% { width: 55px; right: 0; top: 35px;}
100% { width: 47px; right: 8px; top: 38px;}
}
@-moz-keyframes animateSuccessLong {
 0% { width: 0; right: 46px; top: 54px;}
65% { width: 0; right: 46px; top: 54px;}
84% { width: 55px; right: 0; top: 35px;}
100% { width: 47px; right: 8px; top: 38px;}
}
@keyframes animateSuccessLong {
 0% { width: 0; right: 46px; top: 54px;}
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% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg);}
100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg);}
}
@-moz-keyframes rotatePlaceholder {
 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg);}
100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg);}
}
@keyframes rotatePlaceholder {
 0% { transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
12% { transform: rotate(-405deg);-webkit-transform: rotate(-405deg);}
100% { transform: rotate(-405deg);-webkit-transform: rotate(-405deg);}
}
.animateSuccessTip { -webkit-animation: animateSuccessTip .75s; -moz-animation: animateSuccessTip .75s; animation: animateSuccessTip .75s;}
.animateSuccessLong { -webkit-animation: animateSuccessLong .75s; -moz-animation: animateSuccessLong .75s; animation: animateSuccessLong .75s;}
.icon.success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; -moz-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in;}
@-webkit-keyframes animateErrorIcon {
 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0;}
100% { transform: rotateX(0); -webkit-transform: rotateX(0); opacity: 1;}
}
@-moz-keyframes animateErrorIcon {
 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0;}
100% { transform: rotateX(0); -webkit-transform: rotateX(0); opacity: 1;}
}
@keyframes animateErrorIcon {
 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0;}
100% { transform: rotateX(0); -webkit-transform: rotateX(0); opacity: 1;}
}
.animateErrorIcon { -webkit-animation: animateErrorIcon .5s; -moz-animation: animateErrorIcon .5s; animation: animateErrorIcon .5s;}
@-webkit-keyframes animateXMark {
 0% { transform: scale(.4); -webkit-transform: scale(.4); margin-top: 26px; opacity: 0;}
50% { transform: scale(.4); -webkit-transform: scale(.4); margin-top: 26px; opacity: 0;}
80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px;}
100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1;}
}
@-moz-keyframes animateXMark {
 0% { transform: scale(.4); -webkit-transform: scale(.4); margin-top: 26px; opacity: 0;}
50% { transform: scale(.4); -webkit-transform: scale(.4); margin-top: 26px; opacity: 0;}
80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px;}
100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1;}
}
@keyframes animateXMark {
 0% { transform: scale(.4); -webkit-transform: scale(.4); margin-top: 26px; opacity: 0;}
50% { transform: scale(.4); -webkit-transform: scale(.4); margin-top: 26px; opacity: 0;}
80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px;}
100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1;}
}
.animateXMark { -webkit-animation: animateXMark .5s; -moz-animation: animateXMark .5s; animation: animateXMark .5s;}
@-webkit-keyframes pulseWarning {
 0% { border-color: #f8d486;}
100% { border-color: #f8bb86;}
}
@-moz-keyframes pulseWarning {
 0% { border-color: #f8d486;}
100% { border-color: #f8bb86;}
}
@keyframes pulseWarning {
 0% { border-color: #f8d486;}
100% { border-color: #f8bb86;}
}
.pulseWarning { -webkit-animation: pulseWarning .75s infinite alternate; -moz-animation: pulseWarning .75s infinite alternate; animation: pulseWarning .75s infinite alternate;}
@-webkit-keyframes pulseWarningIns {
 0% { background-color: #f8d486;}
100% { background-color: #f8bb86;}
}
@-moz-keyframes pulseWarningIns {
 0% { background-color: #f8d486;}
100% { background-color: #f8bb86;}
}
@keyframes pulseWarningIns {
 0% { background-color: #f8d486;}
100% { background-color: #f8bb86;}
}
.pulseWarningIns { -webkit-animation: pulseWarningIns .75s infinite alternate; -moz-animation: pulseWarningIns .75s infinite alternate; animation: pulseWarningIns .75s infinite alternate;}