/* Reset css */
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, menu, 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-color: transparent; }
a:active, a:hover { outline: 0; }
abbr [title ] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 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: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
ul { margin: 0; padding: 0; list-style: none; }
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 #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
/*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT  Copyright (c) 2014 Daniel Eden */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

@-webkit-keyframes bounce {
    0%,20%,53%,80%,100% { -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
    40%,43% { -webkit-transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); }
    70% { -webkit-transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); -webkit-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0); }
    90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); }
}

@keyframes bounce {
    0%,20%,53%,80%,100% { -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
    40%,43% { -webkit-transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); }
    70% { -webkit-transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); -webkit-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0); }
    90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); }
}

.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes s_bounce {
    0%,20%,53%,80%,100% { -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
    40%,43% { -webkit-transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); -webkit-transform: translate3d(0,-14px,0); transform: translate3d(0,-14px,0); }
    70% { -webkit-transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); -webkit-transform: translate3d(0,-7px,0); transform: translate3d(0,-7px,0); }
    90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); }
}

@keyframes s_bounce {
    0%,20%,53%,80%,100% { -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
    40%,43% { -webkit-transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); -webkit-transform: translate3d(0,-14px,0); transform: translate3d(0,-14px,0); }
    70% { -webkit-transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060); -webkit-transform: translate3d(0,-7px,0); transform: translate3d(0,-7px,0); }
    90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); }
}

.s_bounce { -webkit-animation-name: s_bounce; animation-name: s_bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes flash {
    0%,50%,100% { opacity: 1; }
    25%,75% { opacity: 0; }
}

@keyframes flash {
    0%,50%,100% { opacity: 1; }
    25%,75% { opacity: 0; }
}

.flash { -webkit-animation-name: flash; animation-name: flash; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
    50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05); }
    100% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
}

@keyframes pulse {
    0% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
    50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05); }
    100% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
}

.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes rubberBand {
    0% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
    30% { -webkit-transform: scale3d(1.25,0.75,1); transform: scale3d(1.25,0.75,1); }
    40% { -webkit-transform: scale3d(0.75,1.25,1); transform: scale3d(0.75,1.25,1); }
    50% { -webkit-transform: scale3d(1.15,0.85,1); transform: scale3d(1.15,0.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); }
    100% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
}

@keyframes rubberBand {
    0% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
    30% { -webkit-transform: scale3d(1.25,0.75,1); transform: scale3d(1.25,0.75,1); }
    40% { -webkit-transform: scale3d(0.75,1.25,1); transform: scale3d(0.75,1.25,1); }
    50% { -webkit-transform: scale3d(1.15,0.85,1); transform: scale3d(1.15,0.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); }
    100% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
}

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

@-webkit-keyframes shake {
    0%,100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
    10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); }
    20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); }
}

@keyframes shake {
    0%,100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
    10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); }
    20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); }
}

.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes swing {
    20% { -webkit-transform: rotate3d(0,0,1,15deg); transform: rotate3d(0,0,1,15deg); }
    40% { -webkit-transform: rotate3d(0,0,1,-10deg); transform: rotate3d(0,0,1,-10deg); }
    60% { -webkit-transform: rotate3d(0,0,1,5deg); transform: rotate3d(0,0,1,5deg); }
    80% { -webkit-transform: rotate3d(0,0,1,-5deg); transform: rotate3d(0,0,1,-5deg); }
    100% { -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); }
}

@keyframes swing {
    20% { -webkit-transform: rotate3d(0,0,1,15deg); transform: rotate3d(0,0,1,15deg); }
    40% { -webkit-transform: rotate3d(0,0,1,-10deg); transform: rotate3d(0,0,1,-10deg); }
    60% { -webkit-transform: rotate3d(0,0,1,5deg); transform: rotate3d(0,0,1,5deg); }
    80% { -webkit-transform: rotate3d(0,0,1,-5deg); transform: rotate3d(0,0,1,-5deg); }
    100% { -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); }
}

.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada {
    0% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
    10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); }
    30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); }
    40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); }
    100% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
}

@keyframes tada {
    0% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
    10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); }
    30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); }
    40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); }
    100% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
}

.tada { -webkit-animation-name: tada; animation-name: tada; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    0% { -webkit-transform: none; transform: none; }
    15% { -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); }
    30% { -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); }
    45% { -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); }
    60% { -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); }
    75% { -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); }
    100% { -webkit-transform: none; transform: none; }
}

@keyframes wobble {
    0% { -webkit-transform: none; transform: none; }
    15% { -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); }
    30% { -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); }
    45% { -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); }
    60% { -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); }
    75% { -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); }
    100% { -webkit-transform: none; transform: none; }
}

.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,100% { -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); }
    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); }
    100% { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,100% { -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); }
    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); }
    100% { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
}

.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; }

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,100% { -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); }
    0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0); }
    60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0); }
    75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); }
    90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0); }
    100% { -webkit-transform: none; transform: none; }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,100% { -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); }
    0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0); }
    60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0); }
    75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); }
    90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0); }
    100% { -webkit-transform: none; transform: none; }
}

.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,100% { -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); }
    0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0); }
    60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0); }
    75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); }
    90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0); }
    100% { -webkit-transform: none; transform: none; }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,100% { -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); }
    0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0); }
    60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0); }
    75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); }
    90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0); }
    100% { -webkit-transform: none; transform: none; }
}

.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,100% { -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); }
    0% { opacity: 0; -webkit-transform: translate3d(3000px,0,0); transform: translate3d(3000px,0,0); }
    60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0); }
    75% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); }
    90% { -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0); }
    100% { -webkit-transform: none; transform: none; }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,100% { -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); }
    0% { opacity: 0; -webkit-transform: translate3d(3000px,0,0); transform: translate3d(3000px,0,0); }
    60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0); }
    75% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); }
    90% { -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0); }
    100% { -webkit-transform: none; transform: none; }
}

.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,100% { -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); }
    0% { opacity: 0; -webkit-transform: translate3d(0,3000px,0); transform: translate3d(0,3000px,0); }
    60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); }
    75% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); }
    90% { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0); }
    100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,100% { -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); }
    0% { opacity: 0; -webkit-transform: translate3d(0,3000px,0); transform: translate3d(0,3000px,0); }
    60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); }
    75% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); }
    90% { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0); }
    100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}

.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
    20% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); }
    50%,55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); }
    100% { 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); }
    100% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); }
}

.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; }

@-webkit-keyframes bounceOutDown {
    20% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); }
    40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); }
    100% { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); }
}

@keyframes bounceOutDown {
    20% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); }
    40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); }
    100% { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); }
}

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

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

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

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

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

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

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

@-webkit-keyframes bounceOutUp {
    20% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); }
    40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); }
    100% { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); }
}

@keyframes bounceOutUp {
    20% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); }
    40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); }
    100% { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); }
}

.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

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

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

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownShort {
    0% { opacity: 0; -webkit-transform: translate3d(0,-30%,0); transform: translate3d(0,-30%,0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInDownShort {
    0% { opacity: 0; -webkit-transform: translate3d(0,-30%,0); transform: translate3d(0,-30%,0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInDownShort { -webkit-animation-name: fadeInDownShort; animation-name: fadeInDownShort; }

@-webkit-keyframes fadeInDownBig {
    0% { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInDownBig {
    0% { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

.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); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

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

.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); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInLeftBig {
    0% { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

.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); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

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

.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); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInRightBig {
    0% { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

.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); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

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

.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); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInUpBig {
    0% { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

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

@-webkit-keyframes fadeInUpShort {
    0% { opacity: 0; -webkit-transform: translate3d(0,-10%,0); transform: translate3d(0,-10%,0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInUpShort {
    0% { opacity: 0; -webkit-transform: translate3d(0,-10%,0); transform: translate3d(0,-10%,0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInUpShort { -webkit-animation-name: fadeInUpShort; animation-name: fadeInUpShort; }

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

@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

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

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

.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); }
}

@keyframes fadeOutDownBig {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); }
}

.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

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

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

.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); }
}

@keyframes fadeOutLeftBig {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); }
}

.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

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

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

.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); }
}

@keyframes fadeOutRightBig {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); }
}

.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

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

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

.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); }
}

@keyframes fadeOutUpBig {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); }
}

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

@-webkit-keyframes flip {
    0% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg); transform: perspective(400px) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
    40% { -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
    50% { -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95); transform: perspective(400px) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
}

@keyframes flip {
    0% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg); transform: perspective(400px) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
    40% { -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
    50% { -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95); transform: perspective(400px) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
}

.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX {
    0% { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; }
    40% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
    60% { -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg); transform: perspective(400px) rotate3d(1,0,0,10deg); opacity: 1; }
    80% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg); transform: perspective(400px) rotate3d(1,0,0,-5deg); }
    100% { -webkit-transform: perspective(400px); transform: perspective(400px); }
}

@keyframes flipInX {
    0% { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; }
    40% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
    60% { -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg); transform: perspective(400px) rotate3d(1,0,0,10deg); opacity: 1; }
    80% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg); transform: perspective(400px) rotate3d(1,0,0,-5deg); }
    100% { -webkit-transform: perspective(400px); transform: perspective(400px); }
}

.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY {
    0% { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; }
    40% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg); transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
    60% { -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg); transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1; }
    80% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg); transform: perspective(400px) rotate3d(0,1,0,-5deg); }
    100% { -webkit-transform: perspective(400px); transform: perspective(400px); }
}

@keyframes flipInY {
    0% { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; }
    40% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg); transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
    60% { -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg); transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1; }
    80% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg); transform: perspective(400px) rotate3d(0,1,0,-5deg); }
    100% { -webkit-transform: perspective(400px); transform: perspective(400px); }
}

.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX {
    0% { -webkit-transform: perspective(400px); transform: perspective(400px); }
    30% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); opacity: 1; }
    100% { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); opacity: 0; }
}

@keyframes flipOutX {
    0% { -webkit-transform: perspective(400px); transform: perspective(400px); }
    30% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); opacity: 1; }
    100% { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); opacity: 0; }
}

.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -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) rotate3d(0,1,0,-15deg); transform: perspective(400px) rotate3d(0,1,0,-15deg); opacity: 1; }
    100% { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); opacity: 0; }
}

@keyframes flipOutY {
    0% { -webkit-transform: perspective(400px); transform: perspective(400px); }
    30% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg); transform: perspective(400px) rotate3d(0,1,0,-15deg); opacity: 1; }
    100% { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); opacity: 0; }
}

.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; }

@-webkit-keyframes lightSpeedIn {
    0% { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0; }
    60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
    80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
    100% { -webkit-transform: none; transform: none; opacity: 1; }
}

@keyframes lightSpeedIn {
    0% { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0; }
    60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
    80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
    100% { -webkit-transform: none; transform: none; opacity: 1; }
}

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

@-webkit-keyframes lightSpeedOut {
    0% { opacity: 1; }
    100% { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0; }
}

@keyframes lightSpeedOut {
    0% { opacity: 1; }
    100% { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0; }
}

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

@-webkit-keyframes rotateIn {
    0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,-200deg); transform: rotate3d(0,0,1,-200deg); opacity: 0; }
    100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; }
}

@keyframes rotateIn {
    0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,-200deg); transform: rotate3d(0,0,1,-200deg); opacity: 0; }
    100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; }
}

.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
    0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; }
    100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

@keyframes rotateInDownLeft {
    0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; }
    100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; }
    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

@keyframes rotateInDownRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; }
    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
    0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; }
    100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

@keyframes rotateInUpLeft {
    0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; }
    100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-90deg); transform: rotate3d(0,0,1,-90deg); opacity: 0; }
    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

@keyframes rotateInUpRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-90deg); transform: rotate3d(0,0,1,-90deg); opacity: 0; }
    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
    0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; }
    100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,200deg); transform: rotate3d(0,0,1,200deg); opacity: 0; }
}

@keyframes rotateOut {
    0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; }
    100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,200deg); transform: rotate3d(0,0,1,200deg); opacity: 0; }
}

.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
    0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
    100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; }
}

@keyframes rotateOutDownLeft {
    0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
    100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; }
}

.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; }
}

@keyframes rotateOutDownRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; }
}

.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
    0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
    100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; }
}

@keyframes rotateOutUpLeft {
    0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
    100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; }
}

.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,90deg); transform: rotate3d(0,0,1,90deg); opacity: 0; }
}

@keyframes rotateOutUpRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,90deg); transform: rotate3d(0,0,1,90deg); opacity: 0; }
}

.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
    0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
    20%,60% { -webkit-transform: rotate3d(0,0,1,80deg); transform: rotate3d(0,0,1,80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
    40%,80% { -webkit-transform: rotate3d(0,0,1,60deg); transform: rotate3d(0,0,1,60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
    100% { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0; }
}

@keyframes hinge {
    0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
    20%,60% { -webkit-transform: rotate3d(0,0,1,80deg); transform: rotate3d(0,0,1,80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
    40%,80% { -webkit-transform: rotate3d(0,0,1,60deg); transform: rotate3d(0,0,1,60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
    100% { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0; }
}

.hinge { -webkit-animation-name: hinge; animation-name: hinge; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes rollIn {
    0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); }
}

@keyframes rollOut {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); }
}

.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

@-webkit-keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); }
    50% { opacity: 1; }
}

@keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); }
    50% { opacity: 1; }
}

.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
    0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); }
    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(0.175,0.885,0.320,1); animation-timing-function: cubic-bezier(0.175,0.885,0.320,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(0.550,0.055,0.675,0.190); animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); }
    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(0.175,0.885,0.320,1); animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); }
}

.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
    0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); }
    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(0.175,0.885,0.320,1); animation-timing-function: cubic-bezier(0.175,0.885,0.320,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(0.550,0.055,0.675,0.190); animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); }
    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(0.175,0.885,0.320,1); animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); }
}

.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
    0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); }
    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(0.175,0.885,0.320,1); animation-timing-function: cubic-bezier(0.175,0.885,0.320,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(0.550,0.055,0.675,0.190); animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); }
    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(0.175,0.885,0.320,1); animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); }
}

.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
    0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); }
    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(0.175,0.885,0.320,1); animation-timing-function: cubic-bezier(0.175,0.885,0.320,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(0.550,0.055,0.675,0.190); animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); }
    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(0.175,0.885,0.320,1); animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); }
}

.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
    0% { opacity: 1; }
    50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); }
    100% { opacity: 0; }
}

@keyframes zoomOut {
    0% { opacity: 1; }
    50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); }
    100% { opacity: 0; }
}

.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
    40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); }
    100% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); animation-timing-function: cubic-bezier(0.175,0.885,0.320,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(0.550,0.055,0.675,0.190); animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); }
    100% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); }
}

.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
    40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0); transform: scale3d(.475,.475,.475) translate3d(42px,0,0); }
    100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px,0,0); transform: scale(.1) translate3d(-2000px,0,0); -webkit-transform-origin: left center; transform-origin: left center; }
}

@keyframes zoomOutLeft {
    40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0); transform: scale3d(.475,.475,.475) translate3d(42px,0,0); }
    100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px,0,0); transform: scale(.1) translate3d(-2000px,0,0); -webkit-transform-origin: left center; transform-origin: left center; }
}

.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
    40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); }
    100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px,0,0); transform: scale(.1) translate3d(2000px,0,0); -webkit-transform-origin: right center; transform-origin: right center; }
}

@keyframes zoomOutRight {
    40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); }
    100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px,0,0); transform: scale(.1) translate3d(2000px,0,0); -webkit-transform-origin: right center; transform-origin: right center; }
}

.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
    40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); }
    100% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); animation-timing-function: cubic-bezier(0.175,0.885,0.320,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(0.550,0.055,0.675,0.190); animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190); }
    100% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); animation-timing-function: cubic-bezier(0.175,0.885,0.320,1); }
}

.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
    0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes slideInDown {
    0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
    0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; }
    100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes slideInLeft {
    0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; }
    100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
    0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; }
    100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes slideInRight {
    0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; }
    100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
    0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes slideInUp {
    0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

@-webkit-keyframes slideInUpShort {
    0% { -webkit-transform: translateY(30%); transform: translateY(30%); visibility: visible; }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes slideInUpShort {
    0% { -webkit-transform: translateY(30%); transform: translateY(30%); visibility: visible; }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

.slideInUpShort { -webkit-animation-name: slideInUpShort; animation-name: slideInUpShort; }

@-webkit-keyframes slideOutDown {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); }
}

@keyframes slideOutDown {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); }
}

.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }
    100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}

@keyframes slideOutLeft {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }
    100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}

.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }
    100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); }
}

@keyframes slideOutRight {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }
    100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); }
}

.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}

@keyframes slideOutUp {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}

.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }
/* Isotope */
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height,width; -moz-transition-property: height,width; -ms-transition-property: height,width; -o-transition-property: height,width; transition-property: height,width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform,opacity; -moz-transition-property: -moz-transform,opacity; -ms-transition-property: -ms-transform,opacity; -o-transition-property: -o-transform,opacity; transition-property: transform,opacity; }
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/* Fonts */
@font-face { font-family: 'TypographEngHeb'; src: url('/fonts/FbTipograf-Lightwebfont.eot?#iefix') format('embedded-opentype'), url('/fonts/FbTipograf-Lightwebfont.woff') format('woff'), url('/fonts/FbTipograf-Lightwebfont.ttf') format('truetype'), url('/fonts/FbTipograf-Lightwebfont.svg#FbTipograf-Lightwebfont') format('svg'); font-weight: 200; font-style: normal; }
@font-face { font-family: 'TypographEngHeb'; src: url('/fonts/fbtipografen-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/fbtipografen-bold-webfont.woff') format('woff'), url('/fonts/fbtipografen-bold-webfont.ttf') format('truetype'), url('/fonts/fbtipografen-bold-webfont.svg#fbtipografen-bold-webfont') format('svg'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'TypographEngHeb'; src: url('/fonts/TypographEngHeb-Black.eot?#iefix') format('embedded-opentype'), url('/fonts/TypographEngHeb-Black.woff') format('woff'), url('/fonts/TypographEngHeb-Black.ttf') format('truetype'), url('/fonts/TypographEngHeb-Black.svg#TypographEngHeb-Black') format('svg'); font-weight: 900; font-style: normal; }

@font-face { font-family: 'TypographEng'; src: url('/fonts/etypogrphwebfont.eot?#iefix') format('embedded-opentype'), url('/fonts/etypogrphwebfont.woff') format('woff'), url('/fonts/etypogrphwebfont.ttf') format('truetype'), url('/fonts/etypogrphwebfont.svg#etypogrphwebfont') format('svg'); font-weight: 900; font-style: normal; }



/* Icon font */
@font-face { font-family: "negishut"; src: url('/fonts/negishut.eot?-f7wkac'); src: url('/fonts/negishut.eot?#iefix-f7wkac') format('embedded-opentype'), url('/fonts/negishut.woff?-f7wkac') format('woff'), url('/fonts/negishut.ttf?-f7wkac') format('truetype'), url('/fonts/negishut.svg?-f7wkac#negishut') format('svg'); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: negishut; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-arrow-left:before { content: " \e605 "; }
.icon-arrow-right:before { content: " \e606 "; }
.icon-close2:before { content: " \e608 "; }
.icon-facebook:before { content: " \e609 "; }
.icon-google:before { content: " \e60a "; }
.icon-twitter:before { content: " \e60b "; }
.icon-phone:before { content: " \e600 "; }
.icon-contrast:before { content: " \e601 "; }
.icon-color:before { content: " \e603 "; }
.icon-aa:before { content: " \e604 "; }
.icon-close:before { content: " \e602 "; }
.icon-email:before { content: " \e607 "; }
/* Global */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input, textarea { -webkit-appearance: none; border-radius: 0; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
:focus { outline: 1px dotted rgba(255,255,255,0.5); }
/*cookieConsent*/
.cookieWrapper {
    background-color: #2e2c2c;
    color: white;
    font-family: TypographEngHeb, arial, tahoma;
    font-weight: 200 !important;
    position: fixed; /* Makes the element sticky */
    bottom: 0; /* Sticks it to the bottom of the page */
    left: 0;
    width: 100%; /* Ensures the message spans the full width */
    z-index: 1000; /* Ensures it stays on top of other elements */
    padding: 10px; /* Adds some padding for spacing */
    font-size: 18px;
    display:none;
}

.cookie-consent-ok {
    background-color: #fc8500;
    color: white;
    border-radius: 5px;
}

.cookie-consent a {
    color: #fc8500;
    text-decoration: none;
    margin-right: 31px;
}

.styled-checkbox {
    appearance: none;
    width: 23px;
    height: 20px;
    background-color: #d1d1d1;
    border: 1px solid #000;
    position: relative;
    cursor: pointer;
    margin-left:5px;
}
   /* .styled-checkbox.mandatory {
        border: 2px solid red !important;
    }*/

    .styled-checkbox:checked::before {
        content: '✔';
        position: absolute;
        top: -3px;
        left: 3px;
        font-size: 18px;
        color: black;
    }

    .styled-checkbox:focus {
        outline: none;
        box-shadow: 0 0 3px 2px #888;
    }

label {
    margin-left: 5px;
    font-size: 14px;
}
.checkbox-container{
    display:flex;

}
    .checkbox-container a {
        color: #fc8500;
        text-decoration: none;
     
    }

    .contact_inner_mobile #ApprovalTermsOfUse.styled-checkbox {
        width: 45px !important;
    
}
.contact_inner_mobile #ConfirmationMarketingContent.styled-checkbox {
    width: 32px !important;
}
/* Magnific Popup CSS */
.mfp-zoom-in{}
.mfp-zoom-in .mfp-with-anim{opacity:0;transition:all 0.2s ease-in-out;transform:scale(0.8);}
.mfp-zoom-in.mfp-bg{opacity:0;transition:all 0.3s ease-out;}
.mfp-zoom-in.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1);}
.mfp-zoom-in.mfp-ready.mfp-bg{opacity:0.8;}
.mfp-zoom-in.mfp-removing .mfp-with-anim{transform:scale(0.8);opacity:0;}
.mfp-zoom-in.mfp-removing.mfp-bg{opacity:0;}
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#000000;opacity:0.88;filter:alpha(opacity=88);}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden;}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 60px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.mfp-container:before{content: ' ';display:inline-block;height:100%;vertical-align:middle;}
.mfp-align-top .mfp-container:before{display:none;}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto;}
.mfp-ajax-cur{cursor:progress;}
.mfp-zoom-out-cur,.mfp-zoom-out-cur  {cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}
.mfp-auto-cursor .mfp-content{cursor:auto;}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.mfp-loading.mfp-figure{display:none;position: relative;}
.mfp-hide{display:none !important;}
.mfp-preloader{color:#cccccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044;}
.mfp-preloader a{color:#cccccc;}
.mfp-preloader a:hover{color:white;}
.mfp-s-ready .mfp-preloader{display:none;}
.mfp-s-error .mfp-content{display:none;}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none;}
button::-moz-focus-inner{padding:0;border:0;}
.mfp-close{position:absolute;left:-22px;top:-22px;font-size:18px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:#FFF;text-align:center;line-height:42px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.mfp-close:before{content: " \e602 ";font-family: negishut;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.mfp-close:hover,.mfp-close:focus{-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
.mfp-close:active{}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{width:36px;height:36px;background:#EF6E3A;}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px;}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px;}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%;outline: 10px solid #FFF;}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background:black;}
/* Main image in popup */
.mfp-container img{width:auto;max-width:100%;max-height:80%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:8px 8px 40px;margin:20px auto;}
/* The shadow behind the image */
.mfp-figure{background:#FFF;line-height:0;}
.mfp-figure:after{content: ' ';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;background:#444444;}
.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px;}
.mfp-figure figure{margin:0;background:#FFF;position: relative;}
.mfp-bottom-bar{position:absolute;bottom:0;left:0;width:100%;height:40px;cursor:auto;}
.mfp-title{text-align:right;line-height:40px;color:#f3f3f3;padding: 0 15px;color:#363636;font-size:16px;font-weight:300;}
.mfp-title strong{color:#000;font-size:20px;display:block;font-weight:300;}
.mfp-image-holder .mfp-content{max-width:100%;}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;}
.image-source-link{color:#98C3D1;}
.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg{opacity:0.001;-webkit-backface-visibility:hidden;
/* ideally, transition speed should match zoom duration */
-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.mfp-with-zoom.mfp-ready .mfp-container{opacity:1;}
.mfp-with-zoom.mfp-ready.mfp-bg{opacity:0.88;}
.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg{opacity:0;}
.mfp-ie7 .mfp-img{padding:0;}
.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px;}
.mfp-ie7 .mfp-container{padding:0;}
.mfp-ie7 .mfp-content{padding-top:44px;}
.mfp-ie7 .mfp-close{top:0;left:0;padding-top:0;}
.mfp-fade.mfp-bg{opacity:0;-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;transition:all 0.15s ease-out;}
.mfp-fade.mfp-bg.mfp-ready{opacity:0.8;}
.mfp-fade.mfp-bg.mfp-removing{opacity:0;}
.mfp-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;transition:all 0.15s ease-out;}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0;}
@media screen and (max-width:768px){
    .mfp-container{padding:0 10px;}
    .mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0;}
    .mfp-container img{padding:5px 5px 40px;}
    .mfp-title{padding:10px;line-height:14px;font-size:12px;}
    .mfp-title strong{font-size:15px;margin-bottom:5px;}
    .mfp-img-mobile .mfp-figure:after{top:0;bottom:0;}
    .mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px;}
    .mfp-img-mobile .mfp-bottom-bar{}
    .mfp-counter{left:5px;bottom:5px;font-size:12px;}
    .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{left:-8px;top:-8px;width:30px;height:30px;line-height:30px;font-size:16px;}
}
/* == malihu jquery custom scrollbar plugin == Plugin UR://manos.malihu.gr/jquery-custom-content-scroller */
/* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */
/* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */
.mCustomScrollbar{-ms-touch-action:none;touch-action:none;/* MSPointer events - direct all pointer events to js */}
.mCustomScrollbar.mCS_no_scrollbar{-ms-touch-action:auto;touch-action:auto;}
.mCustomScrollBox{/* contains plugin's markup */position:relative;overflow:hidden;height:100%;max-width:100%;outline:none;direction:ltr;}
.mCSB_container{/* contains the original content */overflow:hidden;width:auto;height:auto;}
/* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */
.mCSB_inside >.mCSB_container{margin-right:30px;}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;}/* non-visible scrollbar */
.mCS-dir-rtl >.mCSB_inside >.mCSB_container{/* RTL direction/left-side scrollbar */margin-right:0;margin-left:30px;}
.mCS-dir-rtl >.mCSB_inside >.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0;}/* RTL direction/left-side scrollbar */
.mCSB_scrollTools{/* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */position:absolute;width:25px;height:auto;left:auto;top:0;right:0;bottom:0;}
.mCSB_outside + .mCSB_scrollTools{right:-26px;}/* scrollbar position: outside */
.mCS-dir-rtl >.mCSB_inside >.mCSB_scrollTools,.mCS-dir-rtl >.mCSB_outside + .mCSB_scrollTools{/* RTL direction/left-side scrollbar */right:auto;left:0;}
.mCS-dir-rtl >.mCSB_outside + .mCSB_scrollTools{left:-26px;}/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer{/* contains the draggable element and dragger rail markup */position:absolute;top:0;left:0;bottom:0;right:0;height:auto;}
.mCSB_scrollTools a + .mCSB_draggerContainer{margin:20px 0;}
.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;}
.mCSB_scrollTools .mCSB_dragger{/* the draggable element */cursor:pointer;width:100%;height:30px;/* minimum dragger height */z-index:1;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{/* the dragger element */position:relative;width:8px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center;}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px;/* auto-expanded scrollbar */}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px;/* auto-expanded scrollbar */}
.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer;}
.mCSB_scrollTools .mCSB_buttonDown{bottom:0;}
/* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */
.mCSB_horizontal.mCSB_inside >.mCSB_container{margin-right:0;margin-bottom:30px;}
.mCSB_horizontal.mCSB_outside >.mCSB_container{min-height:100%;}
.mCSB_horizontal >.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0;}/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0;}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px;}/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{margin:0 20px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;/* minimum dragger width */height:100%;left:0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto;}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;/* auto-expanded scrollbar */margin:2px auto;}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;/* auto-expanded scrollbar */margin:4px 0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0;}
/* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */
.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px;}
.mCSB_container_wrapper >.mCSB_container{padding-right:30px;padding-bottom:30px;}
.mCSB_vertical_horizontal >.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px;}
.mCSB_vertical_horizontal >.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px;}
/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0;}
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCS-dir-rtl >.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside >.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0;}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl >.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside >.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px;}
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl >.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside >.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0;}
.mCS-dir-rtl >.mCSB_inside >.mCSB_container_wrapper{/* RTL direction/left-side scrollbar */margin-right:0;margin-left:30px;}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden >.mCSB_container{padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden >.mCSB_container{padding-bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside >.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;/* non-visible scrollbar */margin-left:0;}
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside >.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0;}
/* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */
.mCSB_scrollTools,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out;}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,/* auto-expanded scrollbar */.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;}
/* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */
/* ---------------------------------------- 6.1 THEMES ---------------------------------------- */
/* default theme ("light") */
.mCSB_scrollTools{opacity:0.75;filter: "alpha(opacity=75) ";-ms-filter: "alpha(opacity=75) ";}
.mCS-autoHide >.mCustomScrollBox >.mCSB_scrollTools,.mCS-autoHide >.mCustomScrollBox ~.mCSB_scrollTools{opacity:0;filter: "alpha(opacity=0) ";-ms-filter: "alpha(opacity=0) ";}
.mCustomScrollbar >.mCustomScrollBox >.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar >.mCustomScrollBox ~.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollBox:hover >.mCSB_scrollTools,.mCustomScrollBox:hover ~.mCSB_scrollTools,.mCS-autoHide:hover >.mCustomScrollBox >.mCSB_scrollTools,.mCS-autoHide:hover >.mCustomScrollBox ~.mCSB_scrollTools{opacity:1;filter: "alpha(opacity=100) ";-ms-filter: "alpha(opacity=100) ";}
.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.4);filter: "alpha(opacity=40) ";-ms-filter: "alpha(opacity=40) ";}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(0,0,0,0.75);filter: "alpha(opacity=75) ";-ms-filter: "alpha(opacity=75) ";}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.85);filter: "alpha(opacity=85) ";-ms-filter: "alpha(opacity=85) ";}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.9);filter: "alpha(opacity=90) ";-ms-filter: "alpha(opacity=90) ";}
.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{background-image:url(mCSB_buttons.png);/* css sprites */background-repeat:no-repeat;opacity:0.4;filter: "alpha(opacity=40) ";-ms-filter: "alpha(opacity=40) ";}
.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0;
/* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */}
.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px;
/* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */}
.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px;
/* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */}
.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px;
/* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */}
.mCSB_scrollTools .mCSB_buttonUp:hover,.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover{opacity:0.75;filter: "alpha(opacity=75) ";-ms-filter: "alpha(opacity=75) ";}
.mCSB_scrollTools .mCSB_buttonUp:active,.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active{opacity:0.9;filter: "alpha(opacity=90) ";-ms-filter: "alpha(opacity=90) ";}
/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.15);}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,0.85);}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:rgba(0,0,0,0.9);}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0;}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px;}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px;}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px;}
/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{right:0;margin:12px 0;}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px;}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl >.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,.mCS-dir-rtl >.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{left:0;right:auto;}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;}
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{height:50px;}
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px;}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(0,0,0,0.2);filter: "alpha(opacity=20) ";-ms-filter: "alpha(opacity=20) ";}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.5);filter: "alpha(opacity=50) ";-ms-filter: "alpha(opacity=50) ";}
/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.5);filter: "alpha(opacity=50) ";-ms-filter: "alpha(opacity=50) ";}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,1);filter: "alpha(opacity=100) ";-ms-filter: "alpha(opacity=100) ";}
/* main style for Boardirector */
html { height: 100%;direction:ltr; }
body { background: #FFF; font-family: TypographEng, arial, tahoma; text-align: center; overflow-x: hidden; height: 100%; }
body.heightAuto { height: auto; }
.no-scroll { overflow: hidden; }
.right { float:left; }/*changed in en**/
.left { float:right; }/*changed in en**/
.no-margin-left { margin-left: 0 !important; }
.animate_all { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.animate_fast { -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }
.animate_normal { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.hide { display: none; }
.hide_imp { display: none !important; }
.cursor { cursor: pointer; }

a { outline: none; }
a:hover { outline: none; }
a:focus { outline: none; }

.tipograf-en{font-family:TypographEng;}

/* Header */
.header { height: 54px; width: 100%; background-color: #232324; position: fixed; top: 0; right: 0; z-index: 999; }
.header .logo { width: 152px; height: 72px; position: absolute; left: 0; top: 10px; background: url('../images/logo_en.jpg') no-repeat 0 0; background-size: 100%; }

.header .contact_box { display: none; }
.field-validation-error { color: Red; font-size: 12px; }
.input-validation-error { border: 1px solid Red !important; }

.content { position: relative; width: 100%; height: auto; margin: 200px auto; }

.header .nav_menu { position: absolute; right: 0; top: 0; background: #fc8500; width: 54px; height: 54px; }
.header .nav_menu .btn_mobile_menu { z-index: 99999; position: relative; display: block; -webkit-tap-highlight-color: transparent; user-select: none; height: 54px; width: 54px; line-height: 40px; text-align: center; color: #FFF; font-size: 32px; padding: 0; }
.header .nav_menu .btn_mobile_menu:active { transition: 0; }
.header .nav_menu .btn_mobile_menu .stroke, .header .nav_menu .btn_mobile_menu .stroke:before, .header .nav_menu .btn_mobile_menu .stroke:after { display: inline-block; width: 28px; height: 5px; background-color: #FFF; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; position: relative; }
.header .nav_menu .btn_mobile_menu .stroke:before, .header .nav_menu .btn_mobile_menu .stroke:after { transition: 0.3s; position: absolute; right: 0; content: ' '; -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; }
.header .nav_menu .btn_mobile_menu .stroke:before { top: 9px; }
.header .nav_menu .btn_mobile_menu .stroke:after { top: -9px; }
.header .nav_menu.active .btn_mobile_menu { line-height: 40px; background: #C14C11; }
.header .nav_menu.active .btn_mobile_menu .stroke { background: transparent; }
.header .nav_menu.active .btn_mobile_menu .stroke:before, .header .nav_menu.active .btn_mobile_menu .stroke:after { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 28px; height: 5px; background: #FFF; }
.header .nav_menu.active .btn_mobile_menu .stroke:before { -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); }
.header .nav_menu.active .btn_mobile_menu .stroke:after { -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); }
.header .nav_menu.active.open .btn_mobile_menu { padding: 0 0 0 7px; line-height: 34px; background: none; }
.header .nav_menu.active.open .btn_mobile_menu .stroke { background: transparent; }
.header .nav_menu.active.open .btn_mobile_menu .stroke:before, .header .nav_menu.active.open .btn_mobile_menu .stroke:after { -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; top: 0; width: 16px; height: 5px; }
.header .nav_menu.active.open .btn_mobile_menu .stroke:before { -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); top: 3px; }
.header .nav_menu.active.open .btn_mobile_menu .stroke:after { -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); bottom: 4px; }

.header .nav_menu .mobile_tab { display: block; position: absolute; top: 0; right: 0; width: 100%; height: 54px; padding-left: 54px; background: #fc8500; }
.header .nav_menu .mobile_tab > a { float:right; height: 54px; width: 54px; color: #FFF; line-height: 57px; font-size: 24px; text-align: center; text-decoration: none; }
.header .nav_menu.active.open .mobile_tab .contact_btn { background: #C14C11; }

.contact_inner_mobile {padding: 0 15px 0;width:300px; 
                       direction: ltr; text-align: right; height: 100%; overflow: auto;color: #FFF;  }
.contact_inner_mobile li { margin-bottom: 5px; }
.contact_inner_mobile li.must { font-weight: 700; font-size: 16px; }
.contact_inner_mobile label { display: block; font-size: 18px; font-weight: 700; margin-bottom: 5px; }
.contact_inner_mobile input[type='text'], 
.contact_inner_mobile textarea { font-size: 20px; font-weight: 400; width: 100%; border: none; background: #FFF; height: 30px; opacity: 0.8; color: #C14C11; }
.contact_inner_mobile textarea { height: 50px; padding: 5px; margin-bottom: 5px; }
.contact_inner_mobile input[type="submit"] { height: 38px; background-color: #fc8500; border: none; color: #FFF; font-size: 20px; font-weight: 700; width: 100%; }
.contact_inner_mobile input[type="submit"]:hover { background: #fc8500; }

.contact_inner_mobile .field-validation-error { color: #fff; font-size: 12px; }
.contact_inner_mobile .input-validation-error { border: 1px solid Red !important; }

.header .nav_menu .nav_inner { display: block; background: #232324; position: fixed; right: 0; top: 0; z-index: 9999; height: 100%; width: 0; overflow: hidden; }
.header .nav_menu .nav_scroll { height: 100%; padding-top: 64px;padding-bottom:60px; }
.header .nav_menu .nav { padding: 0 10px 10px; overflow: auto; /*height: 100%;*/ }
.header .nav_menu .nav > li { border-top: 1px solid rgba(255,255,255,0.2); overflow: hidden; }
.header .nav_menu .nav > li:first-child { border: none; }
.header .nav_menu .nav > li > a { line-height: 50px; color: #FFF; font-weight: 700; font-size: 20px; text-decoration: none; position: relative; display: block; }
.header .nav_menu .nav > li > a:after { content: ''; display: block; position: absolute; background: rgba(255,255,255,0.2); width: 100%; height: 3px; bottom: -4px; right: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.header .nav_menu .nav > li.active > a:after, .header .nav > li > a:hover:after { bottom: 0; }

#navlink_3{display:none;}/**this link is hidden in English**/

.header .accessbar { height: 38px;width:40%; /*background: #232324;*/ position: relative; float:right; margin-right: 20px; }
.header .accessbar > ul { float:right; height: 100%; padding-left: 10px; }
.header .accessbar > ul > li { float:right; margin-right: 5px; }
.header .accessbar > ul > li a { height: 54px; font-size: 20px; padding: 0 5px; color: #FEFEFF; text-decoration: none; display: block; }
.header .accessbar > ul > li a:hover, .header .accessbar > ul > li a:focus, .header .accessbar > ul > li a:active, .header .accessbar > ul > li a.active { color: #ff8a51; }
.header .accessbar > ul > li a.color { font-size: 25px; line-height: 45px; }
.header .accessbar > ul > li a.contrast { font-size: 22px; line-height: 45px; }
.header .accessbar > ul > li a.aa { font-size: 20px; line-height: 45px; }

.mobileHide { display: none; }
.desktopHide { display: block; }
.captcha{width:250px;float:right;margin-bottom:20px;}
.captcha input[type="text"]{width:100%;float:right;height:30px;margin-top:10px;margin-bottom:20px;}
.g-recaptcha{width:310px;float:right;margin-bottom:20px;z-index:10000!important;}


  .header .contact_box .contact_form { height: 100%; width: 100%; float:right; border-left: 1px solid #000; }
   #openContact{width:100%;padding:10px;text-align:center;background:#fff!important;color:#000;float:left;margin-bottom:30px;font-weight:bold;}
   #openContact a{color:#000;display:block;text-decoration:none;}
   #openContact .arr { display: block; width: 22px; height: 12px; position: absolute; background: url('../images/arrow-down.png') no-repeat 0 0; right: 0; left: 0; margin: 0 auto; bottom: 15px; background-size: 100%; }

    .header .contactCaption{text-align:center;font-size:20px;font-weight:bold;margin-top:5px;margin-bottom:5px;}
    .header .contactCaption .orange{color: #fc8500;font-size:20px;font-weight:bold;}
    .header .contactCaption .small{font-size:16px;}



@media screen and (min-width: 769px) {
         #openContact{display:none;}
   .mobileHide { display: block; }
   .desktopHide { display: none; }
    .header { height: 64px; }
    .header .logo { width: 190px;right:10px; }

    .header .contact_box { display: block; float:right; background-color: #fc8500; height: 64px; color: #FFF; position: relative; 
                           margin-left: 64px; }
    .header .contact_box .contact_form { height: 100%; width: 120px; float:right; border-right: 1px solid #000; }
    .header .contact_box .contact_form .contact_btn { position: relative; height: 100%; font-size: 20px; line-height: 20px; padding: 15px 0 0 6px; font-weight: 700; cursor: pointer; }
    .header .contact_box .contact_form .contact_btn:hover, .header .contact_box .contact_form .contact_btn.active { background: #ff7733; }
    .header .contact_box .contact_form .contact_btn .arr { display: block; width: 22px; height: 12px; position: absolute; background: url('../images/arrow-down.png') no-repeat 0 0; right: 0; left: 0; margin: 0 auto; bottom: 15px; background-size: 100%; }
    .header .contact_box .contact_phone {width: 154px; float:left; text-align: left; padding: 3px 20px 0 5px; line-height: 19px;  position: relative;margin-left:1px; }
    .header .contact_box .contact_phone .icon { position: absolute; right: 30px; top: 50%; margin-top: -10px; font-size: 30px; color: #E2E2E2; }
    .header .contact_box .contact_phone .small { font-size: 16px; font-weight: 700; }
    .header .contact_box .contact_phone .phone { font-size: 16px; font-weight: 700; direction: ltr; display: block; }
    .header .contact_box .contact_phone:before { content: 'Or'; display: block; position: absolute; z-index: 1; text-align: center; right: -16px; top: 37%; /*margin-top: -14.5px;*/ width: 29px; height: 29px; line-height: 29px; cursor: default; color: #FFF; font-size: 18px; font-weight: 300; background-color: #000; -webkit-border-radius: 14.5px; -moz-border-radius: 14.5px; border-radius: 14.5px; }


    .header .contact_box .contact_inner {width:240px!important; position: absolute; right: 0; top: 100%; overflow: hidden; width: 100%; background: #000; direction: ltr; 
                                         text-align: left; display: none; }
    .header .contact_box .contact_inner ul { padding: 28px 5.2% 28px 6.5%; }
    .header .contact_box .contact_inner ul > li { margin-bottom: 10px; }
    .header .contact_box .contact_inner ul > li.must { font-weight: 700; color: #fff; font-size: 18px; text-align:left;}
    .header .contact_box .contact_inner ul > li .red { font-weight: 700; color: #d01616; padding: 0 3px;text-align:left; }
    .header .contact_box .contact_inner ul > li:last-child { margin-bottom: 0; }
    .header .contact_box .contact_inner ul > li:after { content: ''; clear: both; display: table; }
    .header .contact_box .contact_inner ul > li label { float:left; text-align:left;width: 100%; color: #fff; font-size: 16px; font-weight: 400; line-height: 20px;  }
    .header .contact_box .contact_inner ul > li input[type="text"] { height: 25px; background-color: #E6E6E6; border: none; text-indent: 5px; }
    .header .contact_box .contact_inner ul > li textarea { height: 60px; background-color: #E6E6E6; border: none; padding: 5px; }
    .header .contact_box .contact_inner ul > li input[type="text"]:focus, .header .contact_box .contact_inner ul > li textarea:focus { background-color: #f2f2f2; border-top: 1px solid #d1d1d1; }
    .header .contact_box .contact_inner ul > li input[type="text"], .header .contact_box .contact_inner ul > li textarea, .header .contact_box .contact_inner ul > li input[type="submit"] { width: 100%; font-size: 18px; font-weight: 400; border-color: #d1d1d1; float:right; color: #fc8500; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
    .header .contact_box .contact_inner ul > li input[type="submit"] {height: 38px; background-color: #fc8500; border: none; color: #FFF; font-size: 21px; font-weight: 700; cursor: pointer; }
    .header .contact_box .contact_inner ul > li input[type="submit"]:hover { background: #fc8500; }
.captcha{width:100%;float:right;margin-bottom:10px;margin-top:10px;}
.captcha input[type="text"]{;float:right;height:30px;margin-top:10px;margin-bottom:10px;}
        .header .contact_box a{margin-top:10px;}
.LBD_CaptchaIconsDiv a:link{display:block!important;float:right;}
.LBD_CaptchaIconsDiv a.LBD_ReloadLink{display:block!important;float:right;}
.LBD_ReloadLink{display:block!important;float:right;}

.LBD_CaptchaIconsDiv a.LBD_ReloadLink {
  display: block !important;
}

.input-validation-error{border: 2px solid red!important;}
.field-validation-error{color:red;font-size:12px;}

    .header .nav_menu { /*top: 35px;*/ }
    .header .nav_menu .nav_scroll { height: auto; padding: 0; }
    .header .nav_menu, .header .nav_menu .btn_mobile_menu { width: 64px; height: 64px; }
    .header .nav_menu .nav { padding-top: 99px;}
    .header .nav_menu .nav > li:first-child { border-top: 1px solid rgba(255,255,255,0.2); }
    .header .nav_menu .nav > li > a { line-height: 55px; font-weight: 400; font-size: 20px; }
    .header .nav_menu .btn_mobile_menu { line-height: 52px; }
    .header .nav_menu.active .btn_mobile_menu { line-height: 48px; background: none; }
    .header .nav_menu .btn_mobile_menu .stroke, .header .nav_menu .btn_mobile_menu .stroke:before, .header .nav_menu .btn_mobile_menu .stroke:after { width: 32px; }
    .header .nav_menu.active .btn_mobile_menu .stroke:before, .header .nav_menu.active .btn_mobile_menu .stroke:after { width: 32px; }
    .header .nav_menu .mobile_tab, .header .nav_menu .contact_inner_mobile { display: none; }

    .header .accessbar { width:165px; height: 35px; margin-left: 0; float:right; }
    .header .accessbar > ul { padding-left: 15px; }
    .header .accessbar > ul > li a { height: 35px; padding: 0 5px; }
    .header .accessbar > ul > li a.color { font-size: 23px; line-height: 45px; }
    .header .accessbar > ul > li a.contrast { font-size: 20px; line-height: 42px; }
    .header .accessbar > ul > li a.aa { font-size: 18px; line-height: 42px; }
}
@media screen and (max-width: 1024px) {
    .header .nav_menu .nav { padding-top: 10px;width:100%;text-align:left; }
    }
@media screen and (min-width: 1100px) {
    .header { height: 64px; }
    .header .logo { width: 200px; height: 137px; }

    .header .contact_box { margin-left: 0; border-left: none; }

    .header .nav_menu { float:right; position: relative; background: none; width: auto; height: auto; top: 0; }
    .header .nav_menu .btn_mobile_menu { display: none; }
    .header .nav_menu .nav_inner { background: none; position: relative; z-index: auto; height: auto; width: auto; overflow: auto; }
    .header .nav_menu .nav { padding: 0 0 0 10px; }
    .header .nav_menu .nav > li { float:left; margin-left: 3px; border: none; }
    .header .nav_menu .nav > li:first-child { border: none; }
    .header .nav_menu .nav > li > a { height: 64px; line-height: 64px; color: #FFF; font-size: 18px; font-weight: 700; display: block; padding: 0 5px; position: relative; }
    .header .nav_menu .nav > li > a:after { display: none; }
    .header .nav_menu .nav > li > a > span { position: relative; }
    .header .nav_menu .nav > li > a > span:after { content: ''; display: block; position: absolute; height: 2px; width: 0; background: #FFF; right: 0; left: 0; margin: 0 auto; top: 100%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
    .header .nav_menu .nav > li.active > a > span:after, .header .nav > li > a:hover > span:after, .header .nav > li > a:focus > span:after { width: 100%; }

    .header .accessbar { height: 40px;margin-top:10px; }
    .header .accessbar > ul { padding-left: 31px; }
    .header .accessbar > ul > li a { height: 40px; padding: 0 7px; }
    .header .accessbar > ul > li a.color { font-size: 26px; line-height: 49px; }
    .header .accessbar > ul > li a.contrast { font-size: 23px; line-height: 46px; }
    .header .accessbar > ul > li a.aa { font-size: 21px; line-height: 46px; }
}

@media screen and (min-width: 1280px) {
   .mobileHide { display: block; }
   .desktopHide { display: none; }

    .header { height: 64px; }
    .header .contact_box .contact_inner ul { padding: 30px 5.2% 40px 6.5%; }
    .header .contact_box .contact_inner ul > li { margin-bottom:5px; }
    .header .contact_box .contact_inner ul > li label { font-size: 16px; }
    .header .contact_box .contact_inner ul > li input[type="text"], .header .contact_box .contact_inner ul > li textarea, 
    .header .contact_box .contact_inner ul > li input[type="submit"] { font-size: 20px; }

    .header .nav_menu .nav { padding-left: 10px; }
    .header .nav_menu .nav > li { margin-left: 7px; }
    .header .nav_menu .nav > li > a { padding: 0 10px; font-size: 20px; }
}

@media screen and (min-width: 1440px) {
    .header { height: 74px; }
    .header .logo { width: 240px; height: 165px; right: 10px; top: 10px; }

    .header .contact_box { height: 74px; }
    .header .contact_box .contact_form { width: 240px; }
    .header .contact_box .contact_form .contact_btn { font-size: 24px; }
    .header .contact_box .contact_form .contact_btn:after { font-size: 18px; }
    .header .contact_box .contact_form .contact_btn .arr { width: 26px; height: 15px; }
    /*.header .contact_box .contact_phone { padding: 16px 70px 0 15px; width: 135px; line-height: 19px; }
    .header .contact_box .contact_phone .icon { right: 38px; margin-top: -10px; font-size: 16px; }
    .header .contact_box .contact_phone .small { font-size: 16px; }*/

    .header .contact_box .contact_inner ul { padding: 30px 7.2% 40px 8.5%; }
    .header .contact_box .contact_inner ul > li label { font-size: 16px; }
    .header .contact_box .contact_inner ul > li input[type="text"], .header .contact_box .contact_inner ul > li textarea, .header .contact_box .contact_inner ul > li input[type="submit"] { font-size: 21px; }



    .header .nav_menu .nav { padding-left: 22px; }
    .header .nav_menu .nav > li { margin-left: 9px; }
    .header .nav_menu .nav > li > a { padding: 0 10px; font-size: 22px; height: 74px; line-height: 76px; }

    .header .accessbar { height: 40px; margin-top:3px;}
    .header .accessbar > ul > li a { height: 45px; }
    .header .accessbar > ul > li a.color { font-size: 26px; line-height: 80px; }
    .header .accessbar > ul > li a.contrast { font-size: 24px; line-height: 80px; }
    .header .accessbar > ul > li a.aa { font-size: 24px; line-height: 80px; }
}

@media screen and (min-width: 1920px) {
    .header .contact_box .contact_form .contact_btn { font-size: 24px; }
    .header .contact_box .contact_form .contact_btn:after { font-size: 18px; }

    .header .nav_menu .nav > li > a { padding: 0 40px; font-size: 24px; }
}

/* Main screen */
.main_screen { width: 100%; height: 300px; position: relative; padding: 54px 0 0; overflow: hidden; font-style: normal !important; }
.main_screen .inner { width: 100%; height: 100%; }

.main_screen .background { width: 100%; height: 100%; padding-top: 15px; background: 50% 0; background-size: 700px; }
.main_screen .screen { width: 280px; height: 200px; margin: 0 auto; position: relative; color: #FEFEFF; direction: ltr; padding: 60px 0 0 0; /*-ms-transform: skew(-13deg, 1deg);-webkit-transform: skew(-13deg, 1deg);transform: skew(-13deg, 1deg);*/ }
.main_screen .screen .topicons { position: absolute; right: 15px; top: 10px; }
.main_screen .screen .topicons > li { float:right; }
.main_screen .screen .topicons > li .icon-color { font-size: 14px; line-height: 36px; }
.main_screen .screen .topicons > li .icon-contrast { font-size: 13px; line-height: 35px; margin: 0 5px; }
.main_screen .screen .topicons > li .icon-aa { font-size: 9px; line-height: 35px; }

.main_screen .screen .text { color: #fff; font-size: 14px; line-height: 16px; font-weight: 900;font-family: TypographEngHeb; }
.main_screen .screen .text .title { font-family: TypographEngHeb; color: #fc8500; line-height: 30px; font-size: 30px; 
                                    font-weight: 700; margin: 0 0 5px; position: relative; top: -30px; opacity: 1; }
.main_screen .screen .text .title p { font-family: TypographEngHeb; padding: 0; margin: 0; }

.main_screen .screen .text .title .letter { position: relative; }
.main_screen .screen .text .title .letter .line { position: absolute; width: 3px; height: 0; background-color: #fc8500; bottom: 6px; right: 4px; -moz-transform: rotate(35deg); -o-transform: rotate(35deg); -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); }
.main_screen .screen .text .title .letter .rep { color: #fc8500; position: absolute; right: 4px; bottom: 0; opacity: 0; margin-top: -10px; }
.main_screen .screen .text .desc {min-height:150px; margin-bottom: 10px; position: relative; top: -30px; opacity: 1;font-weight:200; font-size: 36px; line-height:36px;  }
/**hidden in English***/
.main_screen .screen .text .play_video{display:none!important; background:rgba(0,0,0,0.7);width:175px;height:30px;border:1px solid #000;line-height:30px;color:#fff;font-size:18px;font-weight:700;text-align:right;padding-right:15px;display:block;margin:0 auto;text-decoration:none;position: relative;overflow: hidden;top:-30px;
                                       opacity: 1;}
.main_screen .screen .text .play_video:after{content: ' ';width:26px;height:18px;background:url( '../images/play_video.png ') no-repeat 0 0;background-size:100%;display:inline-block;vertical-align:middle;margin-right:18px;z-index:2;position: relative;}
.main_screen .screen .text .play_video span{position: relative;z-index:1;}
.main_screen .screen .text .play_video:before{content:'';width:100%;height:100%;background:#FFF;position: absolute;right:0;top:100%;z-index:0;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}


.main_screen .banner_2.background { padding-top: 30px; direction: ltr; }
.main_screen .banner_2 .strip { height: 80px; background-color: rgba(0, 0, 0, 0.24); color: #FFF; padding-top: 10px; }
.main_screen .banner_2 .strip .text { position: relative; width: 295px; margin: 0 auto; right: 0; padding: 5px 55px 0 0; letter-spacing: -0.2px; text-shadow: 0px 14px 30px rgba(0, 0, 0, 1); text-align: left; }
.main_screen .banner_2 .strip .text .icon-chair { width: 45px; height: 55px; position: absolute; right: 0; top: 0; background: url('../images/icon-chair.png') no-repeat 0 0; background-size: 100%; opacity: 0; margin-right: -100px; }
.main_screen .banner_2 .strip .text .title { font-size: 24px; font-weight: 700; margin: 0; line-height: 24px; position: relative; opacity: 0; top: -30px; }
.main_screen .banner_2 .strip .text .title_sec { font-size: 18px; font-weight: 300; margin: 0; line-height: 18px; position: relative; opacity: 0; top: -30px; }
/*.main_screen .banner_2 .person{width:230px;height:193px;position: absolute;right:-15px;top:85px;background:url('../images/banner_2_per.png') no-repeat 0 0;background-size:100%;}*/

.main_screen .banner_3.background { padding-top: 30px; direction: ltr; }
.main_screen .banner_3 .strip { height: 80px; background-color: rgba(35, 35, 36, 0.6); color: #FFF; padding-top: 14px; }
.main_screen .banner_3 .strip .text { position: relative; width: 295px; margin: 0 auto; left: 0; padding: 5px 55px 0 0; letter-spacing: -0.2px; text-shadow: 0px 14px 30px rgba(0, 0, 0, 1); text-align: left; }
.main_screen .banner_3 .strip .text .icon-chair { width: 45px; height: 55px; position: absolute; right: 0; top: 0; background: url('../images/icon-chair.png') no-repeat 0 0; background-size: 100%; opacity: 0; margin-right: -100px; }
.main_screen .banner_3 .strip .text .title { font-size: 24px; font-weight: 700; margin: 0; line-height: 24px; position: relative; opacity: 0; top: -30px; }
.main_screen .banner_3 .strip .text .title_sec { font-size: 18px; font-weight: 300; margin: 0; line-height: 18px; position: relative; opacity: 0; top: -30px; }
/*.main_screen .banner_3 .person{width:245px;height:218px;position: absolute;left:5px;top:55px;background:url('../images/banner_3_per.png') no-repeat 0 0;background-size:100%;}*/

.main_screen .start_here { display: none; }

@media screen and (min-width: 568px) {
    .main_screen { height: 399px; }

    .main_screen .background { background-size: 800px; }
    .main_screen .screen { width: 320px; height: 240px; }

    .main_screen .screen .text .title { line-height: 34px; font-size: 34px; }
    .main_screen .screen .text .desc { margin-bottom: 20px; }

    .main_screen .banner_2.background { padding-top: 30px; }
    .main_screen .banner_2 .strip { height: 115px; padding-top: 16px; }
    .main_screen .banner_2 .strip .text { width: 435px; right: 0; padding: 5px 80px 0 0; }
    .main_screen .banner_2 .strip .text .icon-chair { width: 70px; height: 85px; }
    .main_screen .banner_2 .strip .text .title { font-size: 36px; line-height: 36px; }
    .main_screen .banner_2 .strip .text .title_sec { font-size: 28px; line-height: 28px; }
    /*.main_screen .banner_2 .person{width:300px;height:250px;right:-15px;top:76px;}*/

    .main_screen .banner_3.background { padding-top: 30px; }
    .main_screen .banner_3 .strip { height: 115px; padding-top: 20px; }
    .main_screen .banner_3 .strip .text { width: 435px; left: 0; padding: 5px 80px 0 0; }
    .main_screen .banner_3 .strip .text .icon-chair { width: 70px; height: 85px; }
    .main_screen .banner_3 .strip .text .title { font-size: 36px; line-height: 36px; }
    .main_screen .banner_3 .strip .text .title_sec { font-size: 28px; line-height: 28px; }
    /*.main_screen .banner_3 .person{width:230px;height:220px;left:-15px;top:76px;}*/
}

@media screen and (min-width: 769px) {
    .main_screen { padding: 64px 0 45px; height: 100%; max-height: 800px; }
    .main_screen .inner { position: fixed; }

    .main_screen .background { padding-top: 67px; background-size: 1440px; }
    .main_screen .screen { width: 520px; height: 360px;padding: 10px 0 0 10px;margin-right:50%;text-align:left; }

    .main_screen .screen .text { font-size: 20px; line-height: 25px; }
    .main_screen .screen .text .title { line-height: 60px; font-size: 60px; margin: 0 0 10px; }
    .main_screen .screen .text .title .letter .line { width: 6px; right: 30px; }
    .main_screen .screen .text .desc { margin-bottom: 40px; }
        .main_screen .screen .text .desc {min-height:210px; }
    .main_screen .screen .text .title .letter .rep { margin-top: 0; }
    /*.main_screen .screen .text .play_video { width: 226px; height: 42px; line-height: 40px; font-size: 22px; padding-right: 20px; }
    .main_screen .screen .text .play_video:after { width: 36px; height: 25px; margin-right: 31px; }*/

    .main_screen .banner_2.background { padding-top: 113px; }
    .main_screen .banner_2 .strip { height: 155px; }
    .main_screen .banner_2 .strip .text { width: 580px; right: 130px; padding: 20px 100px 0 0; }
    .main_screen .banner_2 .strip .text .icon-chair { width: 86px; height: 105px; }
    .main_screen .banner_2 .strip .text .title { font-size: 42px; line-height: 42px; }
    .main_screen .banner_2 .strip .text .title_sec { font-size: 32px; line-height: 32px; }
    /*.main_screen .banner_2 .person{width:600px;height:504px;right:-410px;top:23px;}*/

    .main_screen .banner_3.background { padding-top: 113px; }
    .main_screen .banner_3 .strip { height: 155px; }
    .main_screen .banner_3 .strip .text { width: 580px; left: 65px; padding: 20px 100px 0 0; }
    .main_screen .banner_3 .strip .text .icon-chair { width: 86px; height: 105px; }
    .main_screen .banner_3 .strip .text .title { font-size: 42px; line-height: 42px; }
    .main_screen .banner_3 .strip .text .title_sec { font-size: 32px; line-height: 32px; }
    /*.main_screen .banner_3 .person{height: 528px;left: -290px;top: -4px;width: 550px;}*/

    .main_screen .start_here { display: block; direction: ltr; text-decoration: none; position: absolute; right: 0; bottom: 0; cursor: pointer; width: 100%; z-index: 10; letter-spacing: -0.2px; height: 45px; line-height: 45px; font-size: 25px; font-weight: 700; color: #FFF; background-color: #fc8500; overflow: hidden; }
    .main_screen .start_here .arr { display: inline-block; width: 22px; height: 12px; background: url('../images/arrow-down.png') no-repeat 0 0; background-size: 100%; vertical-align: middle; margin-right: 15px; }
}

@media screen and (min-width: 1100px) {
    .main_screen { padding: 64px 0 45px; }
        .main_screen .screen { width: 555px; height: 429px; padding: 10px 0 0 10px;margin-right:50%;text-align:left; }

    .main_screen .banner_2 .strip { height: 180px; }
    .main_screen .banner_2 .strip .text { width: 660px; right: 160px; padding: 20px 125px 0 0; }
    .main_screen .banner_2 .strip .text .icon-chair { width: 106px; height: 125px; }
    .main_screen .banner_2 .strip .text .title { font-size: 52px; line-height: 52px; }
    .main_screen .banner_2 .strip .text .title_sec { font-size: 36px; line-height: 36px; }
    .main_screen .banner_2 .person { width: 700px; height: 588px; right: -505px; top: -75px; }

    .main_screen .banner_3 .strip { height: 180px; padding-top: 30px; }
    .main_screen .banner_3 .strip .text { width: 660px; left: 130px; padding: 20px 125px 0 0; }
    .main_screen .banner_3 .strip .text .icon-chair { width: 106px; height: 125px; }
    .main_screen .banner_3 .strip .text .title { font-size: 52px; line-height: 52px; }
    .main_screen .banner_3 .strip .text .title_sec { font-size: 36px; line-height: 36px; }
    .main_screen .banner_3 .person { height: 583px; left: -420px; top: -75px; width: 607px; }
}

@media screen and (min-width: 1280px) {
    .main_screen { padding: 64px 0 50px; }
        .main_screen .screen { width: 555px; height: 429px; padding: 10px 0 0 10px;margin-right:50%;text-align:left; }

    .main_screen .banner_2 .strip { height: 215px; }
    .main_screen .banner_2 .strip .text { width: 760px; right: 220px; padding: 26px 144px 0 0; }
    .main_screen .banner_2 .strip .text .icon-chair { width: 126px; height: 155px; }
    .main_screen .banner_2 .strip .text .title { font-size: 62px; line-height: 62px; }
    .main_screen .banner_2 .strip .text .title_sec { font-size: 46px; line-height: 46px; }
    .main_screen .banner_2 .person { width: 836px; height: 702px; right: -605px; }

    .main_screen .banner_3 .strip { height: 215px; }
    .main_screen .banner_3 .strip .text { width: 760px; left: 180px; padding: 26px 144px 0 0; }
    .main_screen .banner_3 .strip .text .icon-chair { width: 126px; height: 155px; }
    .main_screen .banner_3 .strip .text .title { font-size: 62px; line-height: 62px; }
    .main_screen .banner_3 .strip .text .title_sec { font-size: 46px; line-height: 46px; }
    .main_screen .banner_3 .person { width: 670px; height: 579px; left: -480px; }

    .main_screen .start_here { font-size: 27px; height: 50px; line-height: 48px; }
    .main_screen .start_here .arr { width: 26px; height: 15px; margin-right: 21px; }
}

@media screen and (min-width: 1440px) {
    .main_screen { padding: 74px 0 50px; max-height: 1023px; }

    .main_screen .background { padding-top: 67px; background-size: auto; }
    .main_screen .screen { width: 555px; height: 429px; padding: 10px 0 0 10px;margin-right:50%;text-align:left; }

    .main_screen .screen .text { font-size: 23px; line-height: 28px; }
    .main_screen .screen .text .title { line-height: 76px; font-size: 76px; margin: 0 0 12px; }
    .main_screen .screen .text .desc { margin-bottom: 50px; }
    /*.main_screen .screen .text .play_video { width: 270px; height: 48px; line-height: 46px; font-size: 25px; padding-right: 24px; }
    .main_screen .screen .text .play_video:after { width: 42px; height: 30px; margin-right: 41px; }*/

    .main_screen .banner_2 .person { top: 23px; }

    .main_screen .banner_3 .person { top: -62px; height: 780px; left: -565px; width: 805px; }

    .main_screen .start_here { font-size: 32px; }
}

@media screen and (min-width: 1920px) {
    .main_screen .start_here { font-size: 34px; }
    .main_screen .background { padding-top: 100px; background-size: auto; }
    .main_screen .banner_2 .strip { height: 255px; }
    .main_screen .banner_2 .strip .text { width: 890px; right: 276px; padding: 26px 180px 0 0; }
    .main_screen .banner_2 .strip .text .icon-chair { width: 156px; height: 190px; }
    .main_screen .banner_2 .strip .text .title { font-size: 72px; line-height: 72px; }
    .main_screen .banner_2 .strip .text .title_sec { font-size: 56px; line-height: 56px; }
    .main_screen .banner_2 .person { width: 972px; height: 817px; right: -718px; top: -91px; }

    .main_screen .banner_3 .strip { height: 255px; }
    .main_screen .banner_3 .strip .text { width: 890px; left: 234px; padding: 26px 180px 0 0; }
    .main_screen .banner_3 .strip .text .icon-chair { width: 156px; height: 190px; }
    .main_screen .banner_3 .strip .text .title { font-size: 72px; line-height: 72px; }
    .main_screen .banner_3 .strip .text .title_sec { font-size: 56px; line-height: 56px; }
    .main_screen .banner_3 .person { width: 813px; height: 782px; left: -594px; top: -70px; }
}

/* Counters */
.counters { background: #fc8500; z-index: 3; position: relative; }
.counters ul { margin: 0; padding: 0 2%; direction: ltr; list-style: none; height: 88px; width: 100%; display: table; }
.counters ul > li { white-space: pre-line; width: 25%; height: 100%; text-align: center; color: #FFF; font-size: 14px; font-weight: 700; line-height: 14px; display: table-cell; vertical-align: top; padding-top: 5px; padding-bottom: 10px; }
.counters ul > li .number { font-size: 30px; font-weight: 700; line-height: 36px; }

@media screen and (min-width: 568px) {
    .counters ul { height: 110px; }
    .counters ul > li { font-size: 16px; line-height: 16px; padding-top: 10px; padding-bottom: 0; }
    .counters ul > li .number { font-size: 50px; line-height: 50px; }
}

@media screen and (min-width: 769px) {
    .counters ul { height: 135px; }
    .counters ul > li { font-size: 18px; line-height: 18px; padding-left: 20px; padding-top: 28px; }
    .counters ul > li .number { font-size: 70px; line-height: 40px; margin-bottom: 5px; }
}

@media screen and (min-width: 1100px) {
    .counters ul { height: 160px; }
    .counters ul > li { font-size: 24px; line-height: 24px; }
    .counters ul > li .number { font-size: 85px; line-height: 55px; }
}

@media screen and (min-width: 1280px) {
    .counters ul { height: 190px; }
    .counters ul > li { font-size: 30px; line-height: 30px; }
    .counters ul > li .number { font-size: 100px; line-height: 70px; margin-bottom: 0; }
}

@media screen and (min-width: 1440px) {
    .counters ul { height: 220px; }
    .counters ul > li { font-size: 34px; line-height: 34px; }
    .counters ul > li .number { font-size: 120px; line-height: 90px; }
}

@media screen and (min-width: 1920px) {
    .counters ul { height: 250px; }
    .counters ul > li { font-size: 38px; line-height: 38px; }
    .counters ul > li .number { font-size: 140px; line-height: 110px; }
}

/* Rule */
.rule { background: #ffffff; position: relative; }
.rule:after { clear: both; content: ''; display: table; }
.rule .right { overflow: hidden; float: none; display:none;}
.rule .right:after { clear: both; content: ''; display: table; }
.rule .right .video { position: relative; height: 220px; overflow: hidden; background: #000; }
.rule .right .video img { position: absolute; z-index: 0; width: auto; width: 110%; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto; opacity: 0.54; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.rule .right .video.hover img { opacity: 0.7; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
/*.rule .right .video .play_video { width: 40px; padding-bottom: 28.4px; background: url('../images/play_video-b.png') no-repeat 0 0; background-size: 100%; position: absolute; top: 50%; right: 0; left: 0; margin: 0 auto; margin-top: -5.3%; display: block; }
.rule .right .video .play_video:hover { background-position: 0 100%; }*/
.rule .right .video.video_small { width: 50%; float:left; height: 100px; }

.rule .left { text-align: left; direction: ltr; color: #232324; font-weight: 700; padding: 20px 15px; float: none; }
.rule .left .item { padding-bottom: 25px; }
.rule .left .item:last-child { padding-bottom: 0; }
.rule .left .item .title { font-size: 24px; line-height: 24px; margin: 0; }
.rule .left .item .desc { font-size: 16px; line-height: 18px; font-weight: 400; }

@media screen and (min-width: 568px) {
    .rule .right .video { height: 300px; }
    /*.rule .right .video .play_video { width: 15%; padding-bottom: 10.55%; margin-top: -5.3%; }*/
    .rule .right .video.video_small { height: 170px; }

    .rule .left .item { padding-bottom: 25px; }
    .rule .left .item .title { font-size: 28px; line-height: 28px; }
}

@media screen and (min-width: 769px) {
    .rule .right { float:left; width: 50%;display:block; }
    .rule .right .video { height: 510px; }
    .rule .right .video img { height: 110%; width: auto; }
    .rule .right .video.video_small { height: 235px; }

    .rule .left { padding: 5.1% 5.45% 0 5%; float:right; width: 50%; }
    .rule .left .item { padding-bottom: 40px; }
    .rule .left .item .title { font-size: 36px; line-height: 36px; margin: 0 0 10px; }
    .rule .left .item .desc { font-size: 18px; line-height: 22px; font-weight: 400; }
}

@media screen and (min-width: 1100px) {
    .rule .right .video { height: 540px; }
    .rule .right .video.video_small { height: 251px; }

    .rule .left { padding: 5.1% 6.45% 0 6%; }
    .rule .left .item { padding-bottom: 45px; }
    .rule .left .item .title { font-size: 40px; line-height: 40px; margin: 0 0 15px; }
    .rule .left .item .desc { font-size: 20px; line-height: 24.5px; }
}

@media screen and (min-width: 1280px) {
    .rule .right .video { height: 590px; }
    .rule .right .video.video_small { height: 276px; }

    .rule .left { padding: 4.1% 7.45% 0 7%; }
    .rule .left .item { padding-bottom: 55px; }
    .rule .left .item .title { font-size: 44px; line-height: 44px; margin: 0 0 20px; }
    .rule .left .item .desc { font-size: 22px; line-height: 26.5px; }
}

@media screen and (min-width: 1920px) {
    .rule .right .video { height: 611px; }
    .rule .right .video.video_small { height: 286px; }

    .rule .left { padding: 5.1% 8.45% 0 8%; }
    .rule .left .item { padding-bottom: 68px; }
    .rule .left .item .title { font-size: 50px; line-height: 50px; margin: 0 0 25px; }
    .rule .left .item .desc { font-size: 24px; line-height: 28.5px; }
}

/* Quote */
.quote { background: #232324; position: relative; padding: 20px 0; text-align: center; height: 150px; }
/*.quote .item { display: none; }*/
.quote .inside { width: 80%; margin: 0 10%; position: relative; }
.quote .inside .text { position: relative; padding: 10px 30px 0 15px; font-weight: 300; color: #FFF; direction: ltr; text-align: center; opacity: 1; }
.quote .inside .text .inner { position: relative; }
.quote .inside .text .desc { font-size: 16px; line-height: 16px; margin-bottom: 10px; }

@media screen and (min-width: 568px) {
    .quote {  height: 130px;  padding: 25px 0; }
    .quote .inside { width: 80%; margin: 0 10%; }

    .quote .inside .text { padding: 10px 10px 0 0; }
    .quote .inside .text .desc { font-size: 20px; line-height: 20px; margin-bottom: 10px; }
    .quote .inside .text .writer { font-size: 14px; line-height: 14px; margin-left: -3px; }
}

@media screen and (min-width: 769px) {
    .quote {  height: 160px;  padding: 45px 0; }
    .quote .inside { width: 80%; margin: 0 10%; }

    .quote .inside .text { padding: 10px 10px 0 0; }
    .quote .inside .text .desc { font-size: 20px; line-height: 20px; margin-bottom: 10px; }
    .quote .inside .text .writer { font-size: 18px; line-height: 18px; margin-left: -3px; }
}

@media screen and (min-width: 1100px) {
    .quote {  height: 200px;  padding: 55px 0; }
    .quote .inside { width: 80%; margin: 0 10%; }

    .quote .inside .text { padding: 10px 10px 0 0; }
    .quote .inside .text .inner:before { width: 75px; height: 68px; right: -90px; top: -35px; }
    .quote .inside .text .desc { font-size: 22px; line-height: 22px; }
    .quote .inside .text .writer { font-size: 22px; line-height: 22px; margin-left: -5px; }
}

@media screen and (min-width: 1280px) {
    .quote {  height: 255px;  padding: 70px 0; }
    .quote .inside { width: 70%; margin: 0 15%; }

    .quote .inside .text { padding: 10px 10px 0 0; }
    .quote .inside .text .desc { font-size: 28px; line-height: 28px; }
    .quote .inside .text .writer { font-size: 26px; line-height: 26px; }
}

@media screen and (min-width: 1440px) {
    .quote { height: 255px; padding: 70px 0; }
    .quote .inside { width: 70%; margin: 0 15%; }

    .quote .inside .text { }
    .quote .inside .text .desc { font-size: 32px; line-height: 32px; }
    .quote .inside .text .writer { font-size: 30px; line-height: 30px; }
}

@media screen and (min-width: 1920px) {
    .quote { height: 255px; padding: 80px 0; }
    .quote .inside { width: 70%; margin: 0 15%; }

    .quote .inside .text { padding: 10px 10px 0 0; }
    .quote .inside .text .desc { font-size: 38px; line-height: 38px; margin-bottom: 16px; }
    .quote .inside .text .writer { font-size: 36px; line-height: 36px; }
}

/* About */
.about { overflow: hidden; direction: ltr; color: #FFF; text-align: left; }
.about .item { position: static; overflow: hidden; background: #fc8500; background-repeat: no-repeat; background-size: 100%; }
.about .item .image { width: 100%; padding-bottom: 45%; }
.about .item:after { content: ''; clear: both; display: table; }
.about .item .text { background: #fc8500; font-size: 16px; line-height: 18px; font-weight: 400; padding: 18px 15px; letter-spacing: -0.05px; position: relative; }
.about .item .text:after { content: ''; width: 46px; height: 119px; display: block; position: absolute; right: 100%; top: 50%; margin-top: -59.5px; background: url('../images/about-arr.png') no-repeat 0 0; background-size: auto 100%; }
.about .item .text .title { font-size: 24px; line-height: 24px; font-weight: 700; padding: 0; margin: 0 0 10px 0; letter-spacing: 0.7px; }
.about .item .text ul { list-style: disc; margin-left: 20px; font-weight: 300; padding-right: 2px; }
.about .item.sec .text { padding: 18px 15px; }
.about .item.sec .text:after { right: auto; left: 100%; background-position: 100% 0; }

@media screen and (min-width: 568px) {
    .about .item .text { line-height: 18px; padding: 20px 15px; }
    .about .item .text .title { font-size: 28px; line-height: 28px; margin: 0 0 5px 0; }
    .about .item.sec .text { padding: 20px 15px; }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
    .about .item { background-attachment: scroll !important; background-size: 60% !important; }
}

@media screen and (min-width: 769px) {
    .about .item { background-size: 98%; background-attachment: fixed; background-position: right top 100%; }
    .about .item .image { width: auto; padding-bottom: 0; }
    .about .item .text { min-height: 345px; font-size: 16px; line-height: 20px; padding: 20px 4.3% 20px 5%; width: 50%; float:left; font-weight: 700; }
    .about .item .text .title { font-size: 36px; line-height: 38px; margin: 0 0 10px 0; }
    .about .item .text:after { width: 31px; height: 80px; margin-top: -40px; }
    .about .item.sec { background-position: right top; background-position: left top 100%; }
    .about .item.sec .text { padding: 25px 3.8% 25px 4%; float:right; }
}

@media screen and (min-width: 1100px) {
    .about .item { background-size: 110%; }
    .about .item .text { min-height: 390px; font-size: 18px; line-height: 22px; padding: 25px 5.3% 25px 7%; }
    .about .item .text .title { font-size: 40px; line-height: 42px; margin: 0 0 15px 0; }
    .about .item .text:after { width: 37px; height: 95px; margin-top: -47.5px; }
    .about .item.sec .text { padding: 30px 5.8% 25px 6%; }
}

@media screen and (min-width: 1440px) {
    .about .item { background-size: 89%; }
    .about .item .text { min-height: 440px; font-size: 22px; line-height: 26px; padding: 36px 7.3% 25px 9%; }
    .about .item .text .title { font-size: 44px; line-height: 46px; margin: 0 0 20px 0; }
    .about .item .text:after { width: 46px; height: 119px; margin-top: -59.5px; }
    .about .item.sec .text { padding: 34px 7.5% 25px 8%; }
}

@media screen and (min-width: 1920px) {
    .about .item { background-size: 72%; }
    .about .item .text { min-height: 497px; font-size: 24px; line-height: 28.8px; padding: 36px 8.3% 25px 10%; }
    .about .item .text .title { font-size: 48px; line-height: 50px; margin: 0 0 26px 0; }
    .about .item.sec .text { padding: 34px 8.5% 25px 9%; }
}

/* Blogs */
.blogs { position: relative; background: #FFF; }
.blogs .top .title { margin: 0; color: #232324; line-height: 24px; font-size: 24px; font-weight: 700; text-align: left; padding: 15px 15px 10px 15px; }
.blogs .top .blogs_tabs { padding: 0 15px 20px; width: 100%; }
.blogs .top .blogs_tabs:after { clear: both; content: ' '; display: table; }
.blogs .top .blogs_tabs li { float:left; margin-left: 10px; }
.blogs .top .blogs_tabs li a { display: block; text-decoration: none; width: 80px; height: 30px; line-height: 27px; border: 2px solid #232324; color: #232324; font-size: 18px; font-weight: 700; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer; }
.blogs .top .blogs_tabs li a.active, .blogs .top .blogs_tabs li a:hover, .blogs .top .blogs_tabs li a:focus, .blogs .top .blogs_tabs li a:active { border-color: #F36B27; color: #F36B27; }

.blogs .blogs_list { list-style: none; padding: 0; margin: 0; }
.blogs .blogs_list:after { clear: both; content: ' '; display: table; }
.blogs .blogs_list > li { float:left; width: 50%; padding-bottom: 35%; overflow: hidden; position: relative; border-left: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }
.blogs .blogs_list > li a { text-decoration: none; color: #FFF; display: block; }
.blogs .blogs_list > li img { position: absolute; height: auto; width: 100%; display: block; z-index: 0; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.blogs .blogs_list > li:hover img { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.blogs .blogs_list > li .desc { position: absolute;padding:5px 0; bottom: 0; right: 0; width: 100%; height: auto; line-height: 25px; font-size: 16px; font-weight: 700; background: rgba(0,0,0,0.62); z-index: 2; text-align: left; padding-right: 6%; }

@media screen and (min-width: 568px) {
    .blogs .top { height: 70px; }
    .blogs .top .title { line-height: 70px; font-size: 28px; padding: 0 20px 0 0; float:left; width: auto; }
    .blogs .top .blogs_tabs { padding: 20px 0 0 20px; float:right; width: auto; }
    .blogs .top .blogs_tabs li { margin-left: 10px; margin-right: 0; }
    .blogs .top .blogs_tabs li a { width: 80px; height: 30px; line-height: 27px; font-size: 18px; }

    .blogs .blogs_list > li { width: 33.3333%; padding-bottom: 26.1%; }
    .blogs .blogs_list > li .desc { height: auto; line-height: 20px; font-size: 18px; }
}

@media screen and (min-width: 769px) {
    .blogs .top { height: 100px; }
    .blogs .top .title { line-height: 100px; font-size: 36px; padding-right: 30px; }
    .blogs .top .blogs_tabs { padding: 29px 0 0 35px; }
    .blogs .top .blogs_tabs li { margin-left: 15px; }
    .blogs .top .blogs_tabs li a { width: 94px; height: 40px; line-height: 37px; font-size: 22px; border-width: 3px; }

    .blogs .blogs_list > li .desc { height: auto; line-height: 28px; font-size: 22px; }
}

@media screen and (min-width: 1100px) {
    .blogs .top { height: 130px; }
    .blogs .top .title { line-height: 130px; font-size: 42px; padding-right: 50px; }
    .blogs .top .blogs_tabs { padding: 40px 0 0 63px; }
    .blogs .top .blogs_tabs li { margin-left: 20px; }
    .blogs .top .blogs_tabs li a { width: 104px; height: 45px; line-height: 42px; font-size: 24px; }

    .blogs .blogs_list > li .desc { height: auto; line-height: 30px; font-size: 26px; }
}

@media screen and (min-width: 1440px) {
    .blogs .top { height: 150px; }
    .blogs .top .title { line-height: 150px; font-size: 60px; padding-right: 70px; }
    .blogs .top .blogs_tabs { padding: 50px 0 0 83px; }
    .blogs .top .blogs_tabs li { margin-left: 25px; }
    .blogs .top .blogs_tabs li a { width: 124px; height: 52px; line-height: 49px; font-size: 28px; }

    .blogs .blogs_list > li .desc { height: auto; line-height: 35px; font-size: 32px; }
}

@media screen and (min-width: 1920px) {
    .blogs .top { height: 170px; }
    .blogs .top .title { line-height: 170px; font-size: 70px; padding-right: 79px; }
    .blogs .top .blogs_tabs { padding: 58px 0 0 93px; }
    .blogs .top .blogs_tabs li { margin-left: 29px; }
    .blogs .top .blogs_tabs li a { width: 134px; height: 62px; line-height: 59px; font-size: 31px; }

    .blogs .blogs_list > li .desc { height: auto; line-height: 50px; font-size: 40px; }
}

/* Blogs @ popups */
.mfp-blogs .mfp-content { height: 100%; width: 90%; max-width: 1550px; padding: 10px 0; }

/**new**/
.mfp-blogs .video .play_video { width: 15%; padding-bottom: 10.55%; margin-top: -5.3%; height: 170px; }
.mfp-blogs .video .play { height: 60px; width: 84px; line-height: 55px; font-size: 24px; margin: -30px auto 0; color: #FFF; text-align: center; background: url('/images/play_video-b.png') no-repeat 0 0; background-size: 100%; position: absolute; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; right: 0; left: 0; top: 50%; display: block; z-index: 1; }



.mfp-blogs .mfp-content .mfp-arrow { width: 25px; height: 60px; position: absolute; top: 50%; margin-top: -30px; background: #FFF; text-align: center; }
.mfp-blogs .mfp-content .mfp-arrow:after { content: " \e605 "; font-size: 24px; font-family: negishut; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #383838; width: 100%; height: 100%; }
.mfp-blogs .mfp-content .mfp-arrow.mfp-arrow-left {display:none; left: -20px; }
.mfp-blogs .mfp-content .mfp-arrow.mfp-arrow-right {display:none; right: -20px; }
.mfp-blogs .mfp-content .mfp-arrow.mfp-arrow-right:after { content: " \e606 "; }
.mfp-blogs .mfp-content .mfp-arrow:focus { outline: 1px dotted #000; }

.mfp-blogs .mfp-content .share_side { position: absolute; left: 0; top: 10px; width: 100%; height: 40px; text-align: left; padding-top: 8px; padding-left: 10px; }
.mfp-blogs .mfp-content .share_side > li { margin: 0 2.5px; display: inline-block; }
.mfp-blogs .mfp-content .share_side > li a { font-size: 20px; text-decoration: none; display: block; width: 20px; height: 20px; margin: 0 auto; }
.mfp-blogs .mfp-content .share_side > li a.facebook { color: #4862A7; }
.mfp-blogs .mfp-content .share_side > li a.facebook:hover, .mfp-blogs .mfp-content .share_side > li a.facebook:focus { color: #5d7ed9; }
.mfp-blogs .mfp-content .share_side > li a.twitter { color: #1BB2E9; }
.mfp-blogs .mfp-content .share_side > li a.twitter:hover, .mfp-blogs .mfp-content .share_side > li a.twitter:focus { color: #44cdff; }
.mfp-blogs .mfp-content .share_side > li a.google { color: #BE3F3F; }
.mfp-blogs .mfp-content .share_side > li a.google:hover, .mfp-blogs .mfp-content .share_side > li a.google:focus { color: #f25050; }
.mfp-blogs .mfp-content .share_side > li a.email { color: #C0C0C0; }
.mfp-blogs .mfp-content .share_side > li a.email:hover, .mfp-blogs .mfp-content .share_side > li a.email:focus { color: #f2f2f2; }
.mfp-blogs .mfp-content .share_side > li a.email { color: #C0C0C0; }
.mfp-blogs .mfp-content .share_side > li a.email:hover, .mfp-blogs .mfp-content .share_side > li a.email:focus { color: #f2f2f2; }


.mfp-blogs .slide { height: 100%; background: #383838; width: 100%; padding: 40px 5px 5px; }
.mfp-blogs .slide .mfp-close { font-size: 20px; left: auto; right: 12px; top: 12px; }
.mfp-blogs .slide .mfp-close:focus { outline: 1px dotted #FFF; }
.mfp-blogs .slide .mfp-close:before { content: " \e608 "; }
.mfp-blogs .slide .inner { background: #FFF; height: 100%; width: 100%; padding: 0; }

.mfp-blogs .slide .inner .inside { height: 100%; overflow-y: auto; direction: ltr; padding: 15px 10px; }
.mfp-blogs .slide .inner .inside .top { margin-bottom: 15px; text-align: left; }
.mfp-blogs .slide .inner .inside .top:after { content: ''; display: table; clear: both; }
.mfp-blogs .slide .inner .inside .top .title { font-size: 24px; font-weight: 700; line-height: 24px; margin: 0; }
.mfp-blogs .slide .inner .inside .top .date { font-size: 18px; font-weight: 300; line-height: 18px; padding-top: 0; }
.mfp-blogs .slide .inner .inside .video { margin-bottom: 20px; /*padding-bottom: 57%;*/ height: 250px; position: relative; overflow: hidden; }
.mfp-blogs .slide .inner .inside .video .player { background-size: 100%; /*width:100%;*/ position: absolute; right: 0; top: 0; }
.mfp-blogs .slide .inner .inside .video img.player { position: absolute; height: 100%; display: block; z-index: 0; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto; max-height: none; max-width: none; padding: 0; }
.mfp-blogs .slide .inner .inside .text { border: 2px solid #bdbdbd; text-align: left; padding: 10px; margin-bottom: 10px; }
.mfp-blogs .slide .inner .inside .text .image { width: 100%; height: 110px; border: 1px solid rgba(0, 0, 0, 0.36); position: relative; float:left; margin: 0 0 15px 25px; overflow: hidden; }
.mfp-blogs .slide .inner .inside .text .image img { position: absolute; width: 100%; display: block; z-index: 0; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto; max-height: none; max-width: none; padding: 0; }
.mfp-blogs .slide .inner .inside .text .date { font-size: 18px; line-height: 18px; font-weight: 300; margin-bottom: 0; }
.mfp-blogs .slide .inner .inside .text .title { font-size: 24px; line-height: 24px; font-weight: 700; color: #232324; margin: 0 0 10px; }
.mfp-blogs .slide .inner .inside .text .par { font-size: 16px; line-height: 18px; font-weight: 400; color: #232324; margin-bottom: 15px; }

@media screen and (min-width: 769px) {
    .mfp-blogs .mfp-content { padding: 15px 0; min-height: 670px; width: 95%; }
    .mfp-blogs .mfp-content .mfp-arrow { width: 30px; height: 90px; margin-top: -45px; }
    .mfp-blogs .mfp-content .mfp-arrow:after { font-size: 32px; }
    .mfp-blogs .mfp-content .mfp-arrow.mfp-arrow-left { left: 30px; }
    .mfp-blogs .mfp-content .mfp-arrow.mfp-arrow-right { right: -20px; }

    .mfp-blogs .mfp-content .share_side { width: 60px; padding-top: 30px; top: 0; bottom: auto; height: auto; text-align: center; padding-left: 0; }
    .mfp-blogs .mfp-content .share_side > li { margin: 0; margin-bottom: 10px; display: block; }
    .mfp-blogs .mfp-content .share_side > li a { font-size: 30px; width: 30px; height: 30px; }

    .mfp-blogs .slide { padding: 10px 10px 10px 60px; }
    .mfp-blogs .slide .mfp-close { font-size: 40px; right: -60px; top: 30px; }
    .mfp-blogs .slide .inner { padding: 30px; }

    .mfp-blogs .slide .inner .inside { padding: 15px 3.5%; border: 3px solid #bdbdbd; }
    .mfp-blogs .slide .inner .inside .top { margin-bottom: 15px; }
    .mfp-blogs .slide .inner .inside .top .title { float:left; font-size: 34px; line-height: 34px; }
    .mfp-blogs .slide .inner .inside .top .date { float:right; font-size: 20px; line-height: 20px; padding-top: 10px; }
    .mfp-blogs .slide .inner .inside .video { margin-bottom: 20px; }
    .mfp-blogs .slide .inner .inside .text { padding: 15px; margin-bottom: 50px; border-width: 3px; }
    .mfp-blogs .slide .inner .inside .text .image { width: 150px; height: 110px; margin: 0 0 15px 25px; }
    .mfp-blogs .slide .inner .inside .text .image img { width: auto; height: 100%; }
    .mfp-blogs .slide .inner .inside .text .date { font-size: 20px; line-height: 20px; margin-bottom: 5px; }
    .mfp-blogs .slide .inner .inside .text .title { font-size: 34px; line-height: 34px; margin: 0 0 15px; }
    .mfp-blogs .slide .inner .inside .text .par { font-size: 18px; line-height: 22px; margin-bottom: 15px; font-weight: 500; }
    .mfp-blogs .slide .inner .inside ul { margin-left: 10px; list-style-type: disc; }
    .mfp-blogs .slide .inner .inside ul li { margin-left: 10px; }
}

@media screen and (min-width: 1280px) {
    .mfp-blogs .mfp-content { padding: 20px 0; min-height: 800px; width: 90%; }
    .mfp-blogs .mfp-content .mfp-arrow { width: 50px; height: 116px; margin-top: -58px; }
    .mfp-blogs .mfp-content .mfp-arrow:after { font-size: 50px; }
    .mfp-blogs .mfp-content .mfp-arrow.mfp-arrow-left { left: 30px; }
    .mfp-blogs .mfp-content .mfp-arrow.mfp-arrow-right { right: -35px; }

    .mfp-blogs .mfp-content .share_side { width: 80px; padding-top: 50px; }
    .mfp-blogs .mfp-content .share_side > li { margin-bottom: 15px; cursor: pointer; }
    .mfp-blogs .mfp-content .share_side > li a { font-size: 40px; width: 40px; height: 40px; }

    .mfp-blogs .slide { padding: 15px 15px 15px 80px; }
    .mfp-blogs .slide .mfp-close { font-size: 62px; right: -90px; top: 45px; }
    .mfp-blogs .slide .inner { padding: 40px 9.3% 50px 6.4%; }

    .mfp-blogs .slide .inner .inside { padding: 20px 3.5%; }
    .mfp-blogs .slide .inner .inside .top { margin-bottom: 20px; }
    .mfp-blogs .slide .inner .inside .top .title { font-size: 44px; line-height: 44px; }
    .mfp-blogs .slide .inner .inside .top .date { font-size: 30px; line-height: 30px; }
    .mfp-blogs .slide .inner .inside .video { margin-bottom: 25px; }
    .mfp-blogs .slide .inner .inside .text { padding: 40px 4.5% 30px 3.5%; margin-bottom: 80px; }
    .mfp-blogs .slide .inner .inside .text .image { width: 230px; height: 170px; margin: 0 0 15px 45px; }
    .mfp-blogs .slide .inner .inside .text .date { font-size: 30px; line-height: 20px; margin-bottom: 5px; }
    .mfp-blogs .slide .inner .inside .text .title { font-size: 44px; line-height: 44px; margin: 0 0 15px; }
    .mfp-blogs .slide .inner .inside .text .par { font-size: 22px; line-height: 26px; margin-bottom: 25px; }
}

@media screen and (min-width: 1920px) {
    .mfp-blogs .mfp-content { min-height: 850px; }
    .mfp-blogs .mfp-content .mfp-arrow { width: 60px; height: 136px; margin-top: -68px; }
    .mfp-blogs .mfp-content .mfp-arrow:after { font-size: 54px; }
    .mfp-blogs .mfp-content .mfp-arrow.mfp-arrow-left { left: 40px; }
    .mfp-blogs .mfp-content .mfp-arrow.mfp-arrow-right { right: -45px; }

    .mfp-blogs .mfp-content .share_side { width: 100px; padding-top: 70px; }
    .mfp-blogs .mfp-content .share_side > li { margin-bottom: 20px; }
    .mfp-blogs .mfp-content .share_side > li a { font-size: 50px; width: 50px; height: 50px; }

    .mfp-blogs .slide { padding: 15px 15px 15px 100px; }
    .mfp-blogs .slide .mfp-close { font-size: 72px; right: -95px; top: 55px; }
    .mfp-blogs .slide .inner { padding: 51px 11.3% 68px 8.4%; }

    .mfp-blogs .slide .inner .inside { padding: 28px 4%; }
    .mfp-blogs .slide .inner .inside .top { margin-bottom: 28px; }
    .mfp-blogs .slide .inner .inside .top .title { font-size: 50px; line-height: 50px; }
    .mfp-blogs .slide .inner .inside .top .date { font-size: 36px; line-height: 36px; }
    .mfp-blogs .slide .inner .inside .video { margin-bottom: 33px; }
    .mfp-blogs .slide .inner .inside .text { padding: 53px 5% 40px 4%; margin-bottom: 110px; }
    .mfp-blogs .slide .inner .inside .text .image { width: 270px; height: 210px; margin: 0 0 15px 55px; }
    .mfp-blogs .slide .inner .inside .text .date { font-size: 36px; line-height: 20px; margin-bottom: 5px; }
    .mfp-blogs .slide .inner .inside .text .title { font-size: 50px; line-height: 50px; margin: 0 0 20px; }
    .mfp-blogs .slide .inner .inside .text .par { font-size: 24px; line-height: 28px; margin-bottom: 30px; }
}

/* Faq */
.faqBG{background: url('../images/pictures/13_en.jpg') no-repeat;  }
.faq { overflow: hidden; direction: ltr; text-align: left;  background: #000; }
.faq .inner { width: 100%; height: 100%; position: static; }
.faq .inner:after { content: ''; clear: both; display: table; }
.faq .left { padding: 15px; float: none; }
.faq .left .title { color: #fff; line-height: 28px; font-size: 24px; font-weight: 700; margin: 0 0 15px; letter-spacing: 0.6px; text-align: left; }
.faq .left .faq_list > li { background-color: #FFF; margin-bottom: 10px; }
.faq .left .faq_list > li .question { height: 50px; position: relative; cursor: pointer; }
.faq .left .faq_list > li .question .table { width: 100%; height: 100%; display: table; }
.faq .left .faq_list > li .question .table .tablecell { width: 100%; height: 100%; font-size: 15px; font-weight: 700; line-height: 16px; padding: 0 10px 0 50px; letter-spacing: 0.2px; display: table-cell; vertical-align: middle; color: #0E3A48; text-decoration: none; }
.faq .left .faq_list > li .question .plus { position: absolute; left: 15px; top: 50%; margin-top: -2.5px; width: 21px; height: 5px; background: #828282; }
.faq .left .faq_list > li .question .plus:after { content: ''; position: absolute; left: 0; right: 0; top: 0; width: 21px; height: 5px; background: #828282; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.faq .left .faq_list > li.active .question .plus:after { -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); }
.faq .left .faq_list > li .answer { display: none; }
.faq .left .faq_list > li .answer .inner { border: 5px solid #FFF; border-top: none; background: #ededee; color: #0E3A48; line-height: 18px; font-size: 18px; padding: 10px; letter-spacing: 0.15px; font-weight: 400; }

@media screen and (min-width: 568px) {
    .faq .left .title { line-height: 32px; font-size: 28px; }
    .faq .left .faq_list > li { margin-bottom: 10px; }
    .faq .left .faq_list > li .question { height: 50px; }
    .faq .left .faq_list > li .question .table .tablecell { font-size: 18px; line-height: 20px; padding: 0 10px 0 55px; }
    .faq .left .faq_list > li .question .plus { left: 15px; margin-top: -2.5px; width: 25px; height: 5px; }
    .faq .left .faq_list > li .question .plus:after { width: 25px; height: 5px; }
    .faq .left .faq_list > li .answer .inner { border: 8px solid #FFF; line-height: 18px; font-size: 18px; font-weight: 700; }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
    .faq .inner { background-attachment: scroll !important; background-size: 130% !important; }
}

@media screen and (min-width: 769px) {
    .faq .inner { background-attachment: fixed; background-size: 130%; background-position: 50% top; background-repeat: no-repeat; }
    .faq .left { float:left; width: 60.7%; padding: 30px 15px 45px 15px; }
    .faq .left .title {color:#000; line-height: 39px; font-size: 36px; margin: 0 0 25px; text-align: left; }
    .faq .left .faq_list > li { margin-bottom: 15px; }
    .faq .left .faq_list > li .question { height: 70px; }
    .faq .left .faq_list > li .question .table .tablecell { font-size: 20px; line-height: 22px; padding: 0 19px 0 75px; letter-spacing: 0.7px; }
    .faq .left .faq_list > li .question .plus { left: 25px; margin-top: -4px; width: 30px; height: 7px; }
    .faq .left .faq_list > li .question .plus:after { width: 30px; height: 7px; }
    .faq .left .faq_list > li .answer .inner { border: 10px solid #FFF; line-height: 20px; font-size: 18px; padding: 12px 19px 16px; letter-spacing: 0.45px; }
}

@media screen and (min-width: 1100px) {
    .faq .left { width: 50.85%; }
}

@media screen and (min-width: 1280px) {
    .faq .inner { background-size: 120%; }
}

@media screen and (min-width: 1440px) {
    .faq .inner { background-size: 110%; }
    .faq .left { padding: 40px 17px 75px 17px; }
    .faq .left .title { line-height: 46px; font-size: 46px; margin: 0 -3px 26px; }
    .faq .left .faq_list > li { margin-bottom: 15px; }
    .faq .left .faq_list > li .question { height: 80px; }
    .faq .left .faq_list > li .question .table .tablecell { font-size: 24px; line-height: 26px; }
    .faq .left .faq_list > li .answer .inner { border: 12px solid #FFF; line-height: 24px; font-size: 22px; padding: 14px 21px 18px; }
}

@media screen and (min-width: 1920px) {
    .faq .left { padding: 70px 17px 105px 17px; background-size: 100%; }
    .faq .left .title { line-height: 50px; font-size: 50px; margin: 0 -3px 26px; }
    .faq .left .faq_list > li .question { height: 90px; }
    .faq .left .faq_list > li .question .table .tablecell { font-size: 30px; line-height: 30px; padding: 0 17px 0 90px; }
    .faq .left .faq_list > li .question .plus { left: 32px; margin-top: -4px; width: 36px; height: 8px; }
    .faq .left .faq_list > li .question .plus:after { width: 36px; height: 8px; }
    .faq .left .faq_list > li .answer .inner { border: 15px solid #FFF; padding: 19px 26px 28px; }
}

/* Logos bar */
/* Logos bar */
.logosbar { position: relative; background: #fff;height: 166px; padding: 30px 50px ; }
.logosbar .logosbar_list { overflow: hidden;height:106px;  }
/*.logosbar .logosbar_list:after { content: ''; clear: both; display: table; }*/
.logosbar .logosbar_list > li { float: left; display:block;width: auto;height:106px; }
.logosbar .logosbar_list > li a { display: block; }
.logosbar .logosbar_list > li img { display: block; margin:auto; width: 227px; height:106px; }
.logosbar .logosbar_list .logoIcon {background-position:center;  background-repeat:no-repeat;background-size:contain; width: 180px;max-width:100%; height:106px;padding:0 10px; }

.nextArr{background: url('/images/arrNext.png') no-repeat 0 0;width:30px;height:50px;background-size:contain; float:right;position:absolute;top:52px;right:0}
.prevArr{background: url('/images/arrPrev.png') no-repeat 0 0;width:30px;height:50px;background-size:contain;float:left;position:absolute;top:52px;left:0}

@media screen and (min-width: 769px) {
    .logosbar { position: relative; background: #fff;height: 166px; padding: 30px 50px ; }
    .logosbar .logosbar_list {  }
    .logosbar .logosbar_list > li { }
    .logosbar .logosbar_list .logoIcon { background-repeat:no-repeat;background-size:contain; width: 207px; height:106px;padding:0 10px; }
    .nextArr{background: url('/images/arrNext.png') no-repeat 0 0;width:41px;height:72px;float:right;position:absolute;top:42px;right:0}
.prevArr{background: url('/images/arrPrev.png') no-repeat 0 0;width:41px;height:72px;float:left;position:absolute;top:42px;left:0}

}

/* Footer */
.footer { position: relative; overflow: hidden; direction: ltr; text-align: left; background: #232324; }

.footer_top { padding: 20px 15px; color: #d5d5d5; }
.footer_top a { color: #d5d5d5; }
.footer_top .title { color: #f3f3f3; font-size: 24px; font-weight: 700; margin: 0; line-height: 24px; letter-spacing: 0.5px; }
.footer_top .logo { float:right; height: 100%; width: 22%; padding: 0 20px; display: none; }
.footer_top .logo > a { display: block; }
.footer_top .logo  img { width: 100%; display: block; margin: 0 auto; max-width: 325px; }
.footer_top .about { margin-bottom: 10px; border-bottom: 1px solid #606060; padding-bottom: 15px; }
.footer_top .about .desc { font-size: 16px; line-height: 18px; color: #d5d5d5; font-weight: 400; width: 90%; max-width: 460px; padding-right: 1px; letter-spacing: 0.4px; }
.footer_top .about .desc a { color: #d5d5d5; display: block; margin-top: 10px; }
.footer_top .facebook { display: none; }
.footer_top .facebook .iframe { max-width: 420px; width: 90%; }
.footer_top .contact .desc { font-size: 16px; line-height: 18px; font-weight: 400; padding: 0; }

.footer_bottom { background: #FFF; height: 40px; line-height: 40px; text-align: left; color: #000; font-size: 18px; font-weight: 400; padding-left: 3.55%; letter-spacing: -1px; direction: ltr; }
.disclaimer .footer_bottom {
   
    height: 125px;
   
}
.footer_bottom .tvuna_logo { display: inline-block; vertical-align: middle; width: 54px; height: 32px; background: url('../images/tvuna.png') no-repeat 0 0; background-size: 100%; position: relative; top: -2px; margin-left: 4px; }

@media screen and (min-width: 769px) {
    .footer_top { min-height: 200px; padding: 20px 40px 0; }
    .footer_top .title { font-size: 28px; line-height: 36px; }
    .footer_top .about { width: 44%; height: 100%; padding-right: 4px; float:left; margin-bottom: 0; border: none; }
    .footer_top .about .desc { font-size: 16px; line-height: 18px; }
    .footer_top .about .desc a { margin-top: 15px; }
    .footer_top .facebook { width: 28%; float:left; height: 100%; display: block; }
    .footer_top .contact { width: 75%; float:left; height: 100%; }
    .footer_top .contact .desc { font-size: 16px; padding: 5px 5px 0 0; }

    .footer_bottom { height: 60px; line-height: 60px; font-size: 22px; }
    .disclaimer .footer_bottom {
        height: 130px;
       
    }
    .footer_bottom .tvuna_logo { width: 86px; height: 51px; margin-left: 6px; }
}

@media screen and (min-width: 1100px) {
    .footer_top { height: auto; padding: 0 0.8%; padding-top: 20px; }
    .footer_top .title { font-size: 32px; line-height: 46px; }
    .footer_top .logo { display: block; padding: 0 20px; }
    .footer_top .about { width: 33%; }
    .footer_top .about .desc { font-size: 18px; line-height: 22px; }
    .footer_top .about .desc a { margin-top: 15px; }
    .footer_top .facebook { width: 25.8%; margin-left: 1%; }
    .footer_top .contact { width: 75%; }
    .footer_top .contact .desc { font-size: 16px; }
}

@media screen and (min-width: 1440px) {
    .footer_top { height: auto; padding-top: 20px; }
    .footer_top .title { font-size: 40px; line-height: 54px; }
    .footer_top .logo { padding: 0 20px; }
    .footer_top .about .desc { font-size: 22px; line-height: 27px; }
    .footer_top .about .desc a { margin-top: 20px; }
    .footer_top .contact .desc { font-size: 18px; }
}

@media screen and (min-width: 1920px) {
    .footer_top { height: auto; padding-top: 20px; }
    .footer_top .title { font-size: 50px; line-height: 64px; }
    .footer_top .about .desc { font-size: 25px; line-height: 30px; }
    .footer_top .about .desc a { margin-top: 24px; }
    .footer_top .contact .desc { font-size: 20px; }

    .footer_bottom { height: 77px; line-height: 72px; font-size: 24px; padding-left: 3.55%; }
    .disclaimer .footer_bottom {
        height: 122px;
    }
    .footer_bottom .tvuna_logo { width: 101px; height: 59px; top: -4px; margin-left: 6px; }
}

/* Share bar */
.share { display: none; }

@media screen and (min-width: 769px) {
    .share { position: fixed; left: 19px; bottom: 18px; z-index: 999; display: block; }
    .share .facebook { width: 50px; height: 50px; background: url('../images/facebook.png') no-repeat 48% 50% #304681; background-size: 15px; display: block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; opacity: 0.7; margin-bottom: 10px; }
    .share .facebook:hover { opacity: 1; }
    .share .backtop { width: 50px; height: 50px; background: url('../images/arrow-up.png') no-repeat 50% 47% #000000; background-size: 20px; display: block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; opacity: 0; }
    .share .backtop.show:hover { opacity: 0.8 !important; }
}

/* Loader */
.loader { display: none; }

@media screen and (min-width: 769px) {
    .loader { position: fixed; z-index: 99999; width: 100%; height: 100%; z-index: 9999; background: #FFF; bottom: 0; right: 0; overflow: hidden; display: block; }
    .loader .inner { height: 100%; width: 100%; overflow: hidden; display: table; }
    .loader .inside { width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center; overflow: hidden; }
    .loader .big_logo { height: 129px; width: 220px; background: url('../images/logo_big.png') no-repeat 0 0; background-size: 100%; margin: 0 auto; margin-bottom: 30px; }
    .loader .progress { height: 18px; width: 100%; position: relative; }
    .loader .progress .progress_label { position: absolute; line-height: 18px; height: 18px; text-shadow: none; color: #FFF; font-size: 19px; font-weight: 400; text-align: center; width: 100%; z-index: 2; top: 0; right: 0; }
    .loader .progress .progress_bar { position: absolute; top: 0; height: 18px; background-color: #EF6F37; z-index: 1; }
}

/*BlogPage****/

#BlogPage { margin-top: 74px; background: #000; }
#BlogPage .mfp-content { z-index: 100 !important; }
#BlogPage .icon-back { background: url('../images/hp.png') no-repeat; background-size: 100%; }

@media screen and (max-width: 1440px) {
    #BlogPage { margin-top: 64px; }
}

@media screen and (max-width: 769px) {
    #BlogPage { margin-top: 52px; }
}

/* Accessbility */ /* Focus, active and hover */
.outline_1 .nav li:focus, .outline_1 .nav li:active, .outline_1 .header .contact_box .contact_form .contact_btn:focus, .outline_1 .header .contact_box .contact_form .contact_btn:active, .outline_1 .header .accessbar > ul > li a:focus, .outline_1 .header .accessbar > ul > li a:active, .outline_1 .main_screen .start_here:active, .outline_1 .main_screen .start_here:focus, .outline_1 .rule .right .video .play_video:active, .outline_1 .rule .right .video .play_video:focus, .outline_1 .blogs .blogs_list > li:active, .outline_1 .blogs .blogs_list > li:focus, .outline_1 .footer_top .about .desc a:active, .outline_1 .footer_top .about .desc a:focus, .outline_1 .footer_top .logo > a:active, .outline_1 .footer_top .logo > a:focus, .outline_1 .header .logo:active, .outline_1 .header .logo:focus, .outline_1 .header .nav_menu .btn_mobile_menu:active, .outline_1 .header .nav_menu .btn_mobile_menu:focus { outline: 1px dotted #fff; }
.outline_1 .header .contact_box .contact_inner ul > li input[type="text"]:focus, .outline_1 .header .contact_box .contact_inner ul > li textarea:focus, .outline_1 .header .contact_box .contact_inner ul > li input[type="submit"]:focus, .outline_1 .share a:active, .outline_1 .share a:focus, .outline_1 .faq .left .faq_list > li:active, .outline_1 .faq .left .faq_list > li:focus, .outline_1 .footer_bottom .tvuna_logo:active, .outline_1 .footer_bottom .tvuna_logo:focus { outline: 1px dotted #000; }
.outline_1 .main_screen .screen .text .play_video:active, .outline_1 .main_screen .screen .text .play_video:focus { outline: 1px dotted #f17031; }
.outline_1 .header .contact_box .contact_form .contact_btn:focus, .outline_1 .header .contact_box .contact_form .contact_btn:active, .outline_1 .header .contact_box .contact_form .contact_btn:hover, .outline_1 .blogs .blogs_list > li a:focus .desc, .outline_1 .blogs .blogs_list > li a:active .desc, .outline_1 .blogs .blogs_list > li a:hover .desc, .outline_1 .faq .left .faq_list > li .question .table .tablecell:focus, .outline_1 .faq .left .faq_list > li .question .table .tablecell:active, .outline_1 .faq .left .faq_list > li .question .table .tablecell:hover { text-decoration: underline; }
.outline_2 .nav li:focus, .outline_2 .nav li:active, .outline_2 .header .contact_box .contact_form .contact_btn:focus, .outline_2 .header .contact_box .contact_form .contact_btn:active, .outline_2 .header .accessbar > ul > li a:focus, .outline_2 .header .accessbar > ul > li a:active, .outline_2 .main_screen .start_here:active, .outline_2 .main_screen .start_here:focus, .outline_2 .rule .right .video .play_video:active, .outline_2 .rule .right .video .play_video:focus, .outline_2 .blogs .blogs_list > li:active, .outline_2 .blogs .blogs_list > li:focus, .outline_2 .footer_top .about .desc a:active, .outline_2 .footer_top .about .desc a:focus, .outline_2 .footer_top .logo > a:active, .outline_2 .footer_top .logo > a:focus, .outline_2 .header .logo:active, .outline_2 .header .logo:focus, .outline_2 .header .nav_menu .btn_mobile_menu:active, .outline_2 .header .nav_menu .btn_mobile_menu:focus { outline: 2px solid #fff; }
.outline_2 .header .contact_box .contact_inner ul > li input[type="text"]:focus, .outline_2 .header .contact_box .contact_inner ul > li textarea:focus, .outline_2 .header .contact_box .contact_inner ul > li input[type="submit"]:focus, .outline_2 .share a:active, .outline_2 .share a:focus, .outline_2 .faq .left .faq_list > li:active, .outline_2 .faq .left .faq_list > li:focus, .outline_2 .footer_bottom .tvuna_logo:active, .outline_2 .footer_bottom .tvuna_logo:focus { outline: 2px solid #000; }
.outline_2 .main_screen .screen .text .play_video:active, .outline_2 .main_screen .screen .text .play_video:focus { outline: 2px solid #f17031; }
.outline_2 .header .contact_box .contact_form .contact_btn:focus, .outline_2 .header .contact_box .contact_form .contact_btn:active, .outline_2 .header .contact_box .contact_form .contact_btn:hover, .outline_2 .blogs .blogs_list > li a:focus .desc, .outline_2 .blogs .blogs_list > li a:active .desc, .outline_2 .blogs .blogs_list > li a:hover .desc, .outline_2 .faq .left .faq_list > li .question .table .tablecell:focus, .outline_2 .faq .left .faq_list > li .question .table .tablecell:active, .outline_2 .faq .left .faq_list > li .question .table .tablecell:hover { text-decoration: underline; }
/* Contrast */
.contrast .counters { background: #70331b; }
.contrast .header .contact_box { background: #803c1a; }
.contrast .header .contact_box .contact_form .contact_btn:hover, .contrast .header .contact_box .contact_form .contact_btn.active { background: #ac5123; }
.contrast .header .contact_box .contact_inner { background: #000; }
.contrast .header .contact_box .contact_inner ul > li.must, .contrast .header .contact_box .contact_inner ul > li label, .contrast .header .contact_box .contact_inner ul > li .red { color: #FFF; }
.contrast .header .contact_box .contact_inner ul > li input[type="text"], .contrast .header .contact_box .contact_inner ul > li textarea { color: #000; background: #FFF; }
.contrast .header .contact_box .contact_inner ul > li input[type="submit"] { background: #FFF; color: #000; }
.contrast .rule { background: #000; }
.contrast .rule .left { color: #FFF; }
.contrast .about .item .text { background: #733617; }
.contrast .about .item .text:after { background-image: url('../images/about-arr-access.png'); }
.contrast .blogs { background: #000; }
.contrast .blogs .top .title { color: #FFF; }
.contrast .blogs .top .blogs_tabs li a { color: #FFF; border-color: #FFF; }
.contrast .blogs .top .blogs_tabs li a.active, .contrast .blogs .top .blogs_tabs li a:hover, .contrast .blogs .top .blogs_tabs li a:focus, .contrast .blogs .top .blogs_tabs li a:active { border-color: #F17031; color: #F17031; }
.contrast .blogs .blogs_list > li .desc { background: #000; }
.contrast .faq .left { background: #000; }
.contrast .faq .left .faq_list > li .question .table .tablecell { color: #000; }
.contrast .faq .left .faq_list > li .question .plus, .contrast .faq .left .faq_list > li .question .plus:after { background: #000; }
.contrast .faq .left .faq_list > li .answer .inner { color: #000; }
.contrast .main_screen .banner_2 .strip, .contrast .main_screen .banner_3 .strip, .contrast .footer { background: #000; }
.contrast .header .nav_menu .btn_mobile_menu, .contrast .header .nav_menu.active.open .mobile_tab .contact_btn, .contrast .header .nav_menu .nav_inner { background: #a64d21; }
.contrast .mfp-blogs .slide { background: #000; }
.contrast .mfp-blogs .mfp-content .mfp-arrow:after { color: #000; }

@media screen and (min-width: 1100px) {
    .contrast .header .nav_menu .btn_mobile_menu, .contrast .header .nav_menu.active.open .mobile_tab .contact_btn, .contrast .header .nav_menu .nav_inner { background: #000; }
}
/* Contrast */
.blackandwhite .header .contact_box { background: #8a8a8a; }
.blackandwhite .header .contact_box .contact_form .contact_btn:hover, .blackandwhite .header .contact_box .contact_form .contact_btn.active { background: #a0a0a0; }
.blackandwhite .header .contact_box .contact_inner ul > li.must, .blackandwhite .header .contact_box .contact_inner ul > li .red { color: #434343; }
.blackandwhite .header .contact_box .contact_inner ul > li label, .blackandwhite .header .contact_box .contact_inner ul > li input[type="text"] { color: #676767; }
.blackandwhite .header .contact_box .contact_inner ul > li input[type="submit"] { background: #4d4d4d; }
.blackandwhite .main_screen .screen .text .title .letter .line { background: #aaaaaa; }
.blackandwhite .main_screen .screen .text .title .letter .rep { color: #aaaaaa; }
.blackandwhite .main_screen .screen .topicons > li .icon { color: #FFF !important; }
.blackandwhite .main_screen .screen .text .play_video:after { background-image: url("../images/play_video-bw.png"); }
.blackandwhite .header .logo { background-image: url("../images/logo-bw_en.jpg"); }
.blackandwhite .counters { background: #9b9b9b; }
.blackandwhite .rule .right .video .play_video { background-image: url("../images/play_video-b-bw.png"); }
.blackandwhite .about .item .text { background: #919191; }
.blackandwhite .about .item .text:after { background-image: url('../images/about-arr-bw.png'); }
.blackandwhite .blogs .top .blogs_tabs li a.active, .blackandwhite .blogs .top .blogs_tabs li a:hover, .blackandwhite .blogs .top .blogs_tabs li a:focus, .blackandwhite .blogs .top .blogs_tabs li a:active { border-color: #919191; color: #919191; }
.blackandwhite .footer_bottom .tvuna_logo { background-image: url('../images/tvuna-bw.png'); }
.blackandwhite .header .nav_menu .btn_mobile_menu, .blackandwhite .header .nav_menu.active.open .mobile_tab .contact_btn, .blackandwhite .header .nav_menu .nav_inner { background: #6c6c6c; }
.blackandwhite .header .nav_menu .mobile_tab { background: #9e9e9e; }
.blackandwhite .mfp-blogs .mfp-content .share_side > li a.facebook { color: #cccccc; }
.blackandwhite .mfp-blogs .mfp-content .share_side > li a.facebook:hover, .blackandwhite .mfp-blogs .mfp-content .share_side > li a.facebook:focus { color: #fff; }
.blackandwhite .mfp-blogs .mfp-content .share_side > li a.twitter { color: #cccccc; }
.blackandwhite .mfp-blogs .mfp-content .share_side > li a.twitter:hover, .blackandwhite .mfp-blogs .mfp-content .share_side > li a.twitter:focus { color: #fff; }
.blackandwhite .mfp-blogs .mfp-content .share_side > li a.google { color: #cccccc; }
.blackandwhite .mfp-blogs .mfp-content .share_side > li a.google:hover, .blackandwhite .mfp-blogs .mfp-content .share_side > li a.google:focus { color: #fff; }
.blackandwhite .mfp-blogs .mfp-content .share_side > li a.email { color: #cccccc; }
.blackandwhite .mfp-blogs .mfp-content .share_side > li a.email:hover, .blackandwhite .mfp-blogs .mfp-content .share_side > li a.email:focus { color: #fff; }

@media screen and (min-width: 1100px) {
    .blackandwhite .header .nav_menu .btn_mobile_menu, .blackandwhite .header .nav_menu.active.open .mobile_tab .contact_btn, .blackandwhite .header .nav_menu .nav_inner { background: #000; }
}