@charset "UTF-8";
/* CSS Document */
/* FONTS */
@font-face { font-family: 'CenturyGothic'; src: url("../lib/fonts/CenturyGothic.woff2") format("woff2"), url("../lib/fonts/CenturyGothic.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'CenturyGothicBold'; src: url("../lib/fonts/CenturyGothic-Bold.woff2") format("woff2"), url("../lib/fonts/CenturyGothic-Bold.woff") format("woff"); font-weight: bold; font-style: normal; }

@font-face { font-family: 'CenturyGothicItalic'; src: url("../lib/fonts/CenturyGothic-Italic.woff2") format("woff2"), url("../lib/fonts/CenturyGothic-Italic.woff") format("woff"); font-weight: normal; font-style: italic; }

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

[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-cancel-circle:before { content: "\e923"; }

.icon-circle-up:before { content: "\e924"; }

.icon-circle-up1:before { content: "\e925"; }

.icon-circle-up2:before { content: "\e926"; }

.icon-info:before { content: "\e927"; }

.icon-ticket:before { content: "\e921"; }

.icon-calendar:before { content: "\e922"; }

.icon-freddie-tours .path1:before { content: "\e909"; color: white; }

.icon-freddie-tours .path2:before { content: "\e90a"; margin-left: -2.8271484375em; color: #0083c1; }

.icon-montreux-celebration .path1:before { content: "\e908"; color: #0081c6; }

.icon-montreux-celebration .path2:before { content: "\e90b"; margin-left: -2.826171875em; color: white; }

.icon-instagram-video:before { content: "\e91c"; }

.icon-play:before { content: "\e90c"; }

.icon-like:before { content: "\e916"; }

.icon-comment:before { content: "\e917"; }

.icon-website:before { content: "\e918"; }

.icon-heure:before { content: "\e919"; }

.icon-lieu:before { content: "\e91a"; }

.icon-ic-fm .path1:before { content: "\e90d"; color: white; }

.icon-ic-fm .path2:before { content: "\e90e"; margin-left: -0.7509765625em; color: #0081c6; }

.icon-ic-interet .path1:before { content: "\e90f"; color: white; }

.icon-ic-interet .path2:before { content: "\e910"; margin-left: -0.7509765625em; color: #0081c6; }

.icon-ic-statues .path1:before { content: "\e911"; color: white; }

.icon-ic-statues .path2:before { content: "\e912"; margin-left: -0.7509765625em; color: #0081c6; }

.icon-lelixir .path1:before { content: "\e913"; color: #263f57; }

.icon-lelixir .path2:before { content: "\e914"; margin-left: -2.021484375em; color: #00aaff; }

.icon-anchor:before { content: "\e92b"; }

.icon-headphones:before { content: "\e92a"; }

.icon-cancel:before { content: "\e915"; }

.icon-search:before { content: "\e91b"; }

.icon-link:before { content: "\e91d"; }

.icon-arrow:before { content: "\e91e"; }

.icon-email2:before { content: "\e60a"; }

.icon-phone:before { content: "\e60b"; }

.icon-mobile:before { content: "\e60c"; }

.icon-download:before { content: "\e60d"; }

.icon-facebook:before { content: "\e611"; }

.icon-instagram:before { content: "\e91f"; }

.icon-vimeo:before { content: "\e920"; }

.icon-user:before { content: "\e928"; }

.icon-locked:before { content: "\e929"; }

.icon-credit-card:before { content: "\e900"; }

.icon-credit-card-secure:before { content: "\e901"; }

.icon-visa:before { content: "\e902"; }

.icon-mastercard-alt:before { content: "\e903"; }

.icon-american-express:before { content: "\e904"; }

.icon-discover:before { content: "\e905"; }

.icon-diners:before { content: "\e906"; }

.icon-jcb:before { content: "\e907"; }

/* VARIABLES */
* { outline: none; margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

html { -webkit-text-size-adjust: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

html { height: 100%; }

html, body { width: 100%; min-height: 100%; }

body { font-family: "CenturyGothic", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #0678b4), color-stop(50%, #fff)); background: linear-gradient(90deg, #0678b4 50%, #fff 50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; min-height: 100%; }

h1 { font-size: 160%; font-family: "CenturyGothicBold", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.3; color: #0678b4; text-transform: uppercase; text-align: left; }

h2 { font-size: 140%; font-family: "CenturyGothicBold", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.3; color: #0678b4; text-align: left; }

h3 { font-size: 120%; font-family: "CenturyGothicBold", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.3; color: #0678b4; text-align: left; }

h4 { font-size: 110%; font-family: "CenturyGothicBold", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.3; color: #0678b4; text-align: left; }

ul { list-style-type: disc; margin: 0; }

p { margin: 15px 0; }

.btn { -webkit-transition: color 0.8s ease, background 0.8s ease; transition: color 0.8s ease, background 0.8s ease; background: #0678b4; color: #fff; padding: 5px 15px; text-transform: uppercase; font-family: "CenturyGothicBold", Arial, Helvetica, sans-serif; display: inline-block; cursor: pointer; margin: 2% 0; border-radius: 5px; }

.btn:hover { -webkit-transition: color 0.2s ease, background 0.2s ease; transition: color 0.2s ease, background 0.2s ease; }

.btn:hover { color: #fff; background: #2a2a2a; }

strong { font-family: "CenturyGothicBold", Arial, Helvetica, sans-serif; font-weight: normal; }

a { -webkit-transition: color 0.8s ease, background 0.8s ease; transition: color 0.8s ease, background 0.8s ease; text-decoration: none; color: #000; }

a:hover { -webkit-transition: color 0.2s ease, background 0.2s ease; transition: color 0.2s ease, background 0.2s ease; }

a:hover { color: #666666; }

img { max-width: 100%; height: auto; width: auto; display: block; border: none; }

::-moz-selection { color: #fff; background: #0678b4; }

::selection { color: #fff; background: #0678b4; }

::-moz-selection { color: #fff; background: #0678b4; }

#dl-menu { display: none; }

@media print { * { background: none !important; background-color: white !important; } }

@media screen and (max-width: 1980px) { /*jaune*/ #test { background: #f4c90c; } }

@media screen and (max-width: 1260px) { /*rouge*/ #test { background: #F00; } body { font-size: 1.2vw; } }

@media screen and (max-width: 1024px) { /*vert*/ #test { background: #0F0; } body { font-size: 1.4vw; } }

@media screen and (max-width: 768px) { /*Rose*/ #test { background: #F0F; } body { font-size: 2vw; } .main_nav { display: none; } }

@media screen and (max-width: 480px) { /*Turquoise*/ #test { background: #1631f7; } body { font-size: 3vw; } }

/*NAVIGATION*/
.main_nav .social { padding: 8% 0; }

.main_nav ::-moz-selection { color: #0678b4; background: #fff; }

.main_nav ::selection { color: #0678b4; background: #fff; }

.main_nav ::-moz-selection { color: #0678b4; background: #fff; }

.main_nav p { margin: 8% 0 0; text-transform: uppercase; font-size: 70%; }

.ul-nav, .partners { list-style-type: none; }

.ul-nav li, .partners li { width: 100%; }

.ul-nav li a, .partners li a { display: inline-block; padding: 3% 0; color: #fff; text-transform: uppercase; }

@media screen and (max-width: 1980px) { .ul-nav li a, .partners li a { font-size: 90%; } }

@media screen and (max-width: 1260px) { .ul-nav li a, .partners li a { font-size: 80%; } }

.ul-nav li a:hover, .ul-nav li a.menu_actif, .partners li a:hover, .partners li a.menu_actif { color: #2a2a2a; font-family: "CenturyGothicBold", Arial, Helvetica, sans-serif; letter-spacing: 0.1px; }

/*SELECT LANGUE*/
.icon-main { font-size: 700%; display: inline-block; padding: 3% 0 3% 3%; -webkit-transform: skewY(2deg); -ms-transform: skewY(2deg); transform: skewY(2deg); width: 20%; }

@media screen and (max-width: 1980px) { .icon-main { font-size: 500%; } }

@media screen and (max-width: 1260px) { .icon-main { font-size: 400%; padding: 3% 0 4% 3%; } }

@media screen and (max-width: 768px) { .icon-main { font-size: 300%; padding: 3% 0 6% 3%; width: 30%; } }

@media screen and (max-width: 480px) { .icon-main { width: 40%; } }

header { width: 100%; margin: -2% 0 0; background: #2a2a2a; -webkit-transform: skewY(-2deg); -ms-transform: skewY(-2deg); transform: skewY(-2deg); }

header .overall-wrap { margin: 0 auto; max-width: 2000px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; }

@media screen and (max-width: 768px) { header { position: fixed; z-index: 70; height: 100px; } }

@media screen and (max-width: 480px) { header { height: 70px; } }

header .wrap1 { display: -webkit-box; display: -ms-flexbox; display: flex; width: 80%; }

header .wrap2 { display: -webkit-box; display: -ms-flexbox; display: flex; width: 20%; }

header .social { padding: 35% 0 0 10%; -webkit-transform: skew(-20deg, 2deg); -ms-transform: skew(-20deg, 2deg); transform: skew(-20deg, 2deg); }

@media screen and (max-width: 1980px) { header .social { padding: 25% 0 0 10%; } }

@media screen and (max-width: 1260px) { header .social { padding: 20% 0 0 10%; } }

.freddie { width: 25%; background: url(../webimages/freddie.png) no-repeat center center; background-size: cover; }

@media screen and (max-width: 768px) { .freddie { height: 100px; width: 60%; } }

@media screen and (max-width: 480px) { .freddie { height: 70px; } }

.accroche { width: 20%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1.5% 0 0; }

.accroche a { -webkit-transform: skewY(2deg); -ms-transform: skewY(2deg); transform: skewY(2deg); text-transform: uppercase; font-size: 100%; }

.accroche span { display: block; color: #0678b4; font-family: "CenturyGothicBold", Arial, Helvetica, sans-serif; }

.accroche .first { font-size: 165%; }

.accroche .second { color: #fff; }

@media screen and (max-width: 1980px) { .accroche { width: 50%; } }

@media screen and (max-width: 768px) { .accroche { display: none; } }

.time { width: 35%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; font-family: "CenturyGothicBold", Arial, Helvetica, sans-serif; padding: 3% 80px 0 0; }

@media screen and (max-width: 1980px) { .time { display: none; } }

@media screen and (max-width: 768px) { .time { display: -webkit-box; display: -ms-flexbox; display: flex; width: 80%; padding: 3% 0 0 0; } }

@media screen and (max-width: 480px) { .time { display: none; } }

.countdown { -webkit-transform: skewY(2deg); -ms-transform: skewY(2deg); transform: skewY(2deg); color: #fff; display: inline-block; }

.countdown:hover .baseline { color: #fff; }

.countdown p { font-size: 34px; margin: 0; color: #0678b4; }

@media screen and (max-width: 1980px) { .countdown p { font-size: 23px; } }

@media screen and (max-width: 1260px) { .countdown p { font-size: 12px; } }

@media screen and (max-width: 768px) { .countdown p { font-size: 22px; } }

.countdown .baseline { color: #fff; font-size: 12px; }

@media screen and (max-width: 1980px) { .countdown .baseline { font-size: 8px; } }

@media screen and (max-width: 1260px) { .countdown .baseline { display: none; } }

@media screen and (max-width: 768px) { .countdown .baseline { display: block; } }

.skew { -webkit-transform: skewX(20deg); -ms-transform: skewX(20deg); transform: skewX(20deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; background: #0678b4; width: 100%; max-width: 250px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (max-width: 768px) { .skew { display: none; } }

.lang { -webkit-transform: skewY(2deg); -ms-transform: skewY(2deg); transform: skewY(2deg); position: absolute; bottom: -25px; left: 2%; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; list-style-type: none; }

.lang img { border-radius: 100%; border: 2px solid #fff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.lang a { max-width: 50px; display: block; padding: 5px; }

.lang a:hover img { border: 2px solid #2a2a2a; }

@media screen and (max-width: 1260px) { .lang { bottom: -20px; } .lang a { max-width: 40px; } }

@media screen and (max-width: 768px) { .lang { bottom: -15px; } .lang a { max-width: 30px; } }

.footer-wrap { position: relative; height: 280px; overflow: hidden; margin: -150px 0 0; }

footer { -webkit-transform: skewY(-2deg); -ms-transform: skewY(-2deg); transform: skewY(-2deg); position: absolute; background: #2a2a2a; height: 250px; top: 80px; color: #fff; width: 100%; }

footer .wrap { height: 100%; width: 100%; padding: 0 25% 0; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 1260px) { footer .wrap { padding: 0 8%; } }

@media screen and (max-width: 768px) { footer .wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

footer .freddie { width: 40%; height: 100%; background: url(../webimages/freddie-bottom2.png) no-repeat center center; background-size: cover; }

@media screen and (max-width: 768px) { footer .freddie { width: 100%; margin: 0 auto; } }

footer .texte { -webkit-transform: skewY(2deg); -ms-transform: skewY(2deg); transform: skewY(2deg); font-size: 80%; width: 25%; }

footer .texte p { margin: 0; }

@media screen and (max-width: 768px) { footer .texte { position: absolute; } }

footer .copy { margin: 4% 0 0; -webkit-transform: skewY(2deg); -ms-transform: skewY(2deg); transform: skewY(2deg); text-align: right; width: 25%; }

footer .copy p { font-size: 80%; margin: 3px 0 0; }

@media screen and (max-width: 768px) { footer .copy { position: absolute; right: 4%; } }

@media screen and (max-width: 480px) { footer .copy { margin: 0; } footer .copy p { display: none; } }

footer a { color: #fff; }

footer a:hover { color: #2a2a2a; }

footer .contact a { display: block; margin: 3px 0 0; color: #0678b4; }

footer .contact a:hover { color: #fff; }

footer .icon-lelixir { font-size: 200%; margin-left: auto; }

footer .icon-lelixir span:before { -webkit-transition: color 0.8s ease, background 0.8s ease; transition: color 0.8s ease, background 0.8s ease; }

footer .icon-lelixir span:before:hover { -webkit-transition: color 0.2s ease, background 0.2s ease; transition: color 0.2s ease, background 0.2s ease; }

footer .icon-lelixir:hover span:before { color: #fff; }

footer .icon-lelixir .path1:before { color: #fff; }

/* FORMULAIRES */
.contact-form { padding: 0 4% 0 0; }

.contact-form #sel-country { margin: 15px 0; }

.contact-form #sel-country .iti__flag-container { pointer-events: none; }

.contact-form ul { list-style-type: none; margin: 4% 0; }

.contact-form ul li { display: -webkit-box; display: -ms-flexbox; display: flex; }

.contact-form ul li label { margin-left: 10px; }

.contact-form #special { display: none; }

.contact-form textarea { height: 400px; resize: none; }

.contact-form #photoUp { cursor: pointer; }

.contact-form .file { position: relative; overflow: hidden; display: inline-block; width: 100%; margin: 0; }

.contact-form .file input[type=file] { position: absolute; left: 0; top: 0; opacity: 0; z-index: 1; height: 100%; }

.contact-form input:not([type=radio]):not([type=checkbox]), .contact-form textarea, .contact-form select { -webkit-transition: color 0.8s ease, background 0.8s ease; transition: color 0.8s ease, background 0.8s ease; width: 100%; padding: 2%; font-size: 100%; font-family: "CenturyGothic", Arial, Helvetica, sans-serif; color: #0678b4; background: #efefef; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 5px; }

.contact-form input:not([type=radio]):not([type=checkbox]):hover, .contact-form textarea:hover, .contact-form select:hover { -webkit-transition: color 0.2s ease, background 0.2s ease; transition: color 0.2s ease, background 0.2s ease; }

.contact-form .btn { margin: 0; text-transform: none; }

.contact-form input:not([type=radio]):focus:not([type=checkbox]):focus, .contact-form textarea:focus { color: #0678b4; background: #d6d6d6; -webkit-transition: color 0.8s ease, background 0.8s ease; transition: color 0.8s ease, background 0.8s ease; }

.contact-form input.error, .contact-form textarea.error, .contact-form select.error { background: #d6d6d6; }

.contact-form input.error + .btn, .contact-form textarea.error + .btn, .contact-form select.error + .btn { background: #900; color: #fff; }

.contact-form input.valid + .btn { background: green; color: #fff; }

.contact-form label { display: block; width: 100%; clear: both; font-size: 0.8em; }

.contact-form .error-box { float: right; }

.contact-form .error-box label { display: inline; color: #900; }

.contact-form .error-box-phone { float: right; }

.contact-form .error-box-phone label.hide { display: none; }

.contact-form .error-box-phone label { display: inline; color: #900; }

.contact-form .error-box-phone #valid-msg { color: #0678b4; }

.contact-form .error-box { float: right; }

.contact-form .error-box label { display: inline; color: #900; }

.contact-form .input-valid { width: 100%; text-align: center; }

.contact-form .input-valid input:not([type=radio]):not([type=checkbox]) { color: #fff; background: #0678b4; display: inline-block; cursor: pointer; width: inherit; margin: 2% auto; text-align: center; text-transform: uppercase; -webkit-transition: color 0.8s ease, background 0.8s ease; transition: color 0.8s ease, background 0.8s ease; }

.contact-form .input-valid input:not([type=radio]):not([type=checkbox]):hover { -webkit-transition: color 0.2s ease, background 0.2s ease; transition: color 0.2s ease, background 0.2s ease; }

.contact-form .input-valid input:hover { color: #fff; background: #2a2a2a; }

::-webkit-input-placeholder { color: #cbcbcb !important; }

:-moz-placeholder { color: #cbcbcb !important; opacity: 1; }

::-moz-placeholder { color: #cbcbcb !important; opacity: 1; }

:-ms-input-placeholder { color: #cbcbcb !important; }

.fancybox-close-small::after { color: #000 !important; background: none !important; -webkit-transition: color 1.5s ease, background 1.5s ease !important; transition: color 1.5s ease, background 1.5s ease !important; font-size: 36px !important; }

.fancybox-close-small:hover:after { color: #666666 !important; background: none !important; -webkit-transition: color 0.5s ease, background 0.5s ease !important; transition: color 0.5s ease, background 0.5s ease !important; }

.pop-message { padding: 44px !important; border-radius: 5px; }

#map { height: 500px; width: 100%; }

#map .osm-icon { font-size: 40px; cursor: pointer; position: relative; -webkit-animation: bounce 0.3s linear 6 alternate; animation: bounce 0.3s linear 6 alternate; }

#map .leaflet-control-attribution.leaflet-control { display: none; }

@keyframes bounce { from { top: 0; }
  to { top: -15px; } }

/* STRUCTURE */
.overall { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin: -2% auto 0; background: #fff; max-width: 2000px; }

.overall-content { display: -webkit-box; display: -ms-flexbox; display: flex; width: 80%; padding: 0 0 120px; }

@media screen and (max-width: 1260px) { .overall-content { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

@media screen and (max-width: 768px) { .overall-content { width: 100%; } }

.main_nav { width: 20%; background: #0678b4; padding: 6% 2% 2% 2%; }

section { width: 75%; padding: 0 6%; text-align: justify; margin: 20px 0 0; }

@media screen and (max-width: 1260px) { section { width: 100%; } }

@media screen and (max-width: 768px) { section { margin: 80px 0 0; } }

aside { width: 25%; max-width: 540px; }

@media screen and (max-width: 1260px) { aside { width: 100%; max-width: inherit; } }

section.erreur { padding: 6% 3%; }

.split { display: -webkit-box; display: -ms-flexbox; display: flex; }

.split form { padding: 0 4% 0 0; width: 50%; }

@media screen and (max-width: 768px) { .split form { width: 100%; padding: 0; } }

.split div.txt { width: 50%; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0 0 0 4%; text-align: left; }

.split h2 { margin: 0 0 2%; }

@media screen and (max-width: 768px) { .split { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-wrap: wrap; flex-wrap: wrap; } .split div.txt { width: 100%; padding: 0; margin: 0 0 8%; } }

.content-divide { display: -webkit-box; display: -ms-flexbox; display: flex; background: #d5e4f5; padding: 15px; }

.content-divide .col1, .content-divide .col2 { width: 50%; }

.content-divide .col1 { padding: 0 4% 0 0; }

.content-divide .col2 { padding: 0 0 0 4%; }

@media screen and (max-width: 768px) { .content-divide { display: block; } .content-divide .col1, .content-divide .col2 { width: 100%; padding: 0; } }

figure img { max-width: inherit; width: 100%; }

figure a { overflow: hidden; display: block; }

.last-update { margin: 4% 0 0; font-size: 80%; color: #0678b4; }

.last-update time { font-family: "CenturyGothicBold", Arial, Helvetica, sans-serif; font-weight: normal; }

@media screen and (max-width: 768px) { .last-update { margin: 4% 0; } }

.partenaires-footer { display: none; }

@media screen and (max-width: 1260px) { .partenaires-main { display: none; } .partenaires-footer { margin: 4% 0 0; display: block; } .partenaires-footer hr { height: 1px; border: none; background: #0678b4; margin: 6% 30% 4%; } }

.box-partenaires { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -ms-flex-pack: distribute; justify-content: space-around; margin: 6% 0; font-size: 80%; }

.box-partenaires div { padding: 0 4%; width: 40%; }

@media screen and (max-width: 1024px) { .box-partenaires { -ms-flex-wrap: wrap; flex-wrap: wrap; } .box-partenaires div { width: 100%; margin: 0 0 16%; } .box-partenaires div:last-child { margin: 0; } }

.box-partenaires img { max-width: 180px; margin: 0 auto; display: block; }

.box-partenaires .icon { font-size: 600%; }

.box-partenaires .link { margin: 15px 0 5px; display: block; color: #0678b4; font-family: "CenturyGothicBold", Arial, Helvetica, sans-serif; }

.box-partenaires p { margin: 0; }

.box-partenaires .icon-freddie-tours .path1:before { color: #2a2a2a; }

.box-partenaires .icon-montreux-music .path1:before { color: #d23939; }

.box-partenaires .icon-montreux-music .path2:before { color: #2a2a2a; }

.box-partenaires .icon-montreux-celebration .path2:before { color: #2a2a2a; }

.social { list-style-type: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }

.social a { color: #fff; font-size: 160%; padding: 0 5px 0 0; }

.social a:hover { color: #2a2a2a; }

.box-trust { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 4% 0 0; font-size: 80%; }

.box-trust img { max-width: 140px; margin-right: 25px; }

@media screen and (max-width: 480px) { .box-trust img { max-width: 80px; } }

.icon-toTop { display: none; position: fixed; }

.icon-toTop:before { color: #0678b4; font-size: 260%; cursor: pointer; z-index: 100; position: fixed; bottom: 10px; right: 10px; }

.pdf { list-style-type: none; margin: 0; }

.pdf li { margin: 0 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.pdf a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; color: #0678b4; }

.pdf a:hover { color: #2a2a2a; }

.pdf .icon-download { color: #2a2a2a; font-size: 160%; }

.pdf .txt { font-family: "CenturyGothicBold", Arial, Helvetica, sans-serif; padding: 0 10px; }

.pdf .size { font-size: 80%; white-space: nowrap; color: #0678b4; }

.pagination a, .pagination span { display: inline-block; text-align: center; margin: 0 3px; padding: 3px 8px; }

.pagination a { background: #0678b4; color: #fff; }

.pagination a:hover { background: #fff; color: #0678b4; }

.video-container { position: relative; padding-top: 30px; height: 0; overflow: hidden; }

.video-container.r16-9 { padding-bottom: 56.25%; }

.video-container.r4-3 { padding-bottom: 75%; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

#overlay { position: fixed; z-index: 80; top: 0; width: 100%; height: 0; min-height: 0; background: rgba(255, 255, 255, 0.98); -webkit-transition: all 0.2s  linear; transition: all 0.2s  linear; }

#overlay .wrapper { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); display: block; }

#overlay .ul-nav, #overlay .partners { list-style-type: disc; padding: 0 0 0 15px; }

#overlay .ul-nav li a, #overlay .partners li a { padding: 1% 0; color: #0678b4; font-size: 140%; }

#overlay .lang { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-transform: none; -ms-transform: none; transform: none; left: 0; bottom: 0; padding: 0 0 8%; }

#overlay .lang a { max-width: 50px; }

#overlay .social { padding: 4% 0; }

#overlay .social a { color: #0678b4; }

#overlay .social a:hover { color: #2a2a2a; }

#overlay .main_nav p { padding: 8% 0 0; }

#overlay p { margin: 0; text-transform: uppercase; font-size: 70%; }

html.open { overflow-y: hidden; }

html.open #overlay { position: fixed; overflow-y: scroll; overflow-x: hidden; height: 100%; min-height: 100%; z-index: 90; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }

html.open #overlay .wrapper { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); padding: 4% 25px; }

html.open #overlay .main_nav { display: block; width: 100%; background: none; padding: 0; }

.btn-menu { position: fixed; right: 10px; top: 10px; z-index: 1000; }

@media screen and (max-width: 480px) { .btn-menu { top: 5px; } }

.dl-trigger { display: none; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; pointer-events: auto; }

@media screen and (max-width: 768px) { .dl-trigger { display: -webkit-box; display: -ms-flexbox; display: flex; } }

.dl-trigger .menu { color: #fff; font-size: 14px; text-transform: uppercase; padding: 0 10px; font-family: "CenturyGothicBold", Arial, Helvetica, sans-serif; margin: 5px 0 0; line-height: 1; }

.dl-trigger .menu.active { color: #2a2a2a; }

.hamburger { width: 30px; height: 23.0769230769px; cursor: pointer; position: relative; margin: 10px 0 5px; -webkit-transition: all 200ms ease; transition: all 200ms ease; }

.hamburger span { display: inline-block; width: 100%; height: 3px; background: #0678b4; border-radius: 2px; position: absolute; -webkit-transition: all 200ms ease; transition: all 200ms ease; left: 0; top: calc(50% - 1.5px); }

.hamburger span:first-child { -webkit-transform: translateY(-300%); -ms-transform: translateY(-300%); transform: translateY(-300%); }

.hamburger span:last-child { -webkit-transform: translateY(300%); -ms-transform: translateY(300%); transform: translateY(300%); }

.hamburger:before { content: ''; position: absolute; top: 0px; left: 4px; width: 0; height: 3px; background-color: #0678b4; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 200ms ease; transition: all 200ms ease; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition-delay: 150ms; transition-delay: 150ms; }

.hamburger:after { content: ''; position: absolute; top: 0px; right: 4px; width: 0; height: 3px; background-color: #0678b4; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 200ms ease; transition: all 200ms ease; -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; }

.hamburger span:nth-child(2) { -webkit-transition-delay: 600ms; transition-delay: 600ms; }

.hamburger span:first-child { -webkit-transition-delay: 450ms; transition-delay: 450ms; }

.hamburger span:last-child { -webkit-transition-delay: 750ms; transition-delay: 750ms; }

.hamburger.active:before { width: 30px; -webkit-transition-delay: 600ms; transition-delay: 600ms; }

.hamburger.active:after { width: 30px; -webkit-transition-delay: 750ms; transition-delay: 750ms; }

.hamburger.active span { width: 0; }

.hamburger.active span:nth-child(2) { -webkit-transition-delay: 150ms; transition-delay: 150ms; }

.hamburger.active span:first-child { -webkit-transition-delay: 0ms; transition-delay: 0ms; }

.hamburger.active span:last-child { -webkit-transition-delay: 300ms; transition-delay: 300ms; }

/*Effect 64*/
.hamburger:not(.active) { overflow: hidden; }

.hamburger:not(.active) span { left: 0; }

.hamburger:not(.active) span:before { left: -110%; height: 3px; background: #0678b4; }

.hamburger:not(.active) span:nth-child(2) { -webkit-animation: slidein 2s ease 300ms infinite backwards; animation: slidein 2s ease 300ms infinite backwards; }

.hamburger:not(.active) span:nth-child(2):before { content: ''; position: absolute; top: 0px; width: 100%; -webkit-animation: slideinb 2s ease 300ms infinite backwards; animation: slideinb 2s ease 300ms infinite backwards; }

.hamburger:not(.active) span:first-child { -webkit-animation: slidein 2s ease 0ms infinite backwards; animation: slidein 2s ease 0ms infinite backwards; }

.hamburger:not(.active) span:first-child:before { content: ''; position: absolute; top: 0px; width: 100%; -webkit-animation: slideinb 2s ease 0ms infinite backwards; animation: slideinb 2s ease 0ms infinite backwards; }

.hamburger:not(.active) span:last-child { -webkit-animation: slidein 2s ease 600ms infinite backwards; animation: slidein 2s ease 600ms infinite backwards; }

.hamburger:not(.active) span:last-child:before { content: ''; position: absolute; top: 0px; width: 100%; -webkit-animation: slideinb 2s ease 600ms infinite backwards; animation: slideinb 2s ease 600ms infinite backwards; }

@-webkit-keyframes slidein { from { left: 0%; }
  to { left: 110%; } }

@keyframes slidein { from { left: 0%; }
  to { left: 110%; } }

@-webkit-keyframes slideinb { from { right: 0%; }
  to { right: 110%; } }

@keyframes slideinb { from { right: 0%; }
  to { right: 110%; } }

@-webkit-keyframes rotate-active-1 { 0% { -webkit-transform: translateY(-300%); transform: translateY(-300%); }
  50% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } }

@keyframes rotate-active-1 { 0% { -webkit-transform: translateY(-300%); transform: translateY(-300%); }
  50% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } }

@-webkit-keyframes rotate-active-2 { 0% { -webkit-transform: translateY(300%); transform: translateY(300%); }
  50% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: rotate(45deg); transform: rotate(45deg); } }

@keyframes rotate-active-2 { 0% { -webkit-transform: translateY(300%); transform: translateY(300%); }
  50% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: rotate(45deg); transform: rotate(45deg); } }

@-webkit-keyframes rotate-base-1 { 0% { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); }
  50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: translateY(-300%); transform: translateY(-300%); } }

@keyframes rotate-base-1 { 0% { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); }
  50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: translateY(-300%); transform: translateY(-300%); } }

@-webkit-keyframes rotate-base-2 { 0% { -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); }
  50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: translateY(300%); transform: translateY(300%); } }

@keyframes rotate-base-2 { 0% { -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); }
  50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: translateY(300%); transform: translateY(300%); } }

@-webkit-keyframes rotate2-active-1 { 0% { -webkit-transform: translateY(-300%); transform: translateY(-300%); }
  50% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } }

@keyframes rotate2-active-1 { 0% { -webkit-transform: translateY(-300%); transform: translateY(-300%); }
  50% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } }

@-webkit-keyframes rotate2-base-1 { 0% { -webkit-transform: translateY(0) rotate(90deg); transform: translateY(0) rotate(90deg); }
  50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: translateY(-300%); transform: translateY(-300%); } }

@keyframes rotate2-base-1 { 0% { -webkit-transform: translateY(0) rotate(90deg); transform: translateY(0) rotate(90deg); }
  50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: translateY(-300%); transform: translateY(-300%); } }

.boat-status { margin: 4% 0; }

.boat-status p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.boat-status strong { margin-right: 5px; }

.boat-status .status { margin-left: 5px; color: #fff; display: inline-block; padding: 3px 15px; text-align: center; border-radius: 10px; font-size: 10px; }

.boat-status .error { background: #c40a0a; }

.boat-status .highlight { background: #ffa100; }

.boat-status .available { background: #14953d; }

.box-main { line-height: 1.3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 80%; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; max-width: inherit; margin: 25px  0 0; }

.box-main .wrap { font-family: "CenturyGothic", Arial, Helvetica, sans-serif; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 49%; text-align: center; margin: 0 1% 0 0; }

.box-main .wrap:hover .action { background: #fff; color: #0678b4; }

.box-main .wrap:hover .action a { color: #0678b4; }

.box-main .wrap:hover .img img { -webkit-transition: all 4s ease; transition: all 4s ease; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.box-main .wrap:last-child { margin: 0; }

.box-main .top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.box-main h2 { padding: 4%; margin: 0; font-size: 120%; text-align: center; background: #d5e4f5; color: #0678b4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 1 55px; flex: 0 1 55px; border-radius: 5px 5px 0 0; }

.box-main p { color: #2a2a2a; }

.box-main .content { -webkit-box-flex: 2; -ms-flex: 2 0 auto; flex: 2 0 auto; text-align: left; background: #d5e4f5; padding: 25px 25px 0; }

.box-main .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 10px; }

.box-main .wrapper .icon { font-size: 240%; margin-right: 10px; }

.box-main .wrapper p { text-align: left; }

.box-main .dates { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto 0 0; background: #b2d4ef; padding: 15px 25px; border-radius: 0 0 5px 5px; }

.box-main .dates h3 { text-align: center; margin: 0 auto; font-size: 100%; color: #2a2a2a; }

.box-main .dates p { margin: 0; color: #2a2a2a; font-size: 100%; }

.box-main .action-wrap { position: relative; text-align: center; }

.box-main .action { border-radius: 5px; position: absolute; margin: 0 auto; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); left: 50%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background: #0678b4; color: #fff; text-align: center; text-transform: uppercase; padding: 4%; font-family: "CenturyGothicBold", Arial, Helvetica, sans-serif; letter-spacing: 1px; white-space: nowrap; }

.box-main .action a { color: #fff; }

.box-main .img { position: relative; overflow: hidden; }

.box-main .img img { -webkit-transition: all 0.8s ease; transition: all 0.8s ease; }

@media screen and (max-width: 1024px) { .box-main .wrap { width: 49%; margin: 0 0 1%; } .box-main .wrap:nth-child(2n+1) { margin: 0 1% 1% 0; } .box-main .wrap:last-child { margin: 0 0 1%; } }

@media screen and (max-width: 480px) { .box-main { font-size: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box-main .wrap { width: 100%; margin: 10px 0 20px; } .box-main .wrap:nth-child(2n+1) { margin: 10px 0 20px; } .box-main .wrap:last-child { margin: 10px 0 20px; } }

aside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media screen and (max-width: 1260px) { aside { width: 100%; } aside .news, aside figure { max-width: 520px; margin: 0 auto; width: 100%; } aside .news { max-width: inherit; } }

aside figure { padding: 0; margin: 0 auto 1px; }

aside figure:last-child { margin: 0 auto; }

aside figure:last-child.default { margin: 15px 0 0; }

aside h2 { font-size: 120%; text-transform: uppercase; }

aside .visu { height: 100%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; margin: 2% 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

aside .visu div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

aside .visu img { display: block; }

@media screen and (max-width: 1024px) { aside .visu { display: none; } }

.overall-faq { margin: 4% 0; }

.accordion { cursor: pointer; width: 100%; outline: none; -webkit-transition: 0.4s; transition: 0.4s; margin: 4% 0 0; padding: 2%; background: #f9f9f9; border: 1px solid #0678b4; border-radius: 10px; font-family: "CenturyGothicBold", Arial, Helvetica, sans-serif; }

.actived, .accordion:hover { background-color: #0678b4; color: #fff; }

.panel { padding: 0 18px; background-color: white; max-height: 0; overflow: hidden; -webkit-transition: max-height 0.2s ease-out; transition: max-height 0.2s ease-out; }

.flex-images { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }

.flex-images .img-content { width: 50%; }

.img-content { text-align: center; }

.img-content figcaption { background: #0678b4; padding: 5px 15px; color: #fff; border-radius: 45px; display: inline-block; margin: 5px auto; font-size: 10px; }

.instagram-top { padding: 8% 4% 2% 4%; text-align: center; }

@media screen and (max-width: 1260px) { .instagram-top { padding: 4% 4% 2% 4%; } }

.instagram-top p { margin: 0; }

.instagram-top span { font-size: 160%; display: block; text-transform: none; }

.instagram-top a { text-transform: uppercase; font-size: 80%; font-family: "CenturyGothicBold", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.3; color: #0678b4; display: inline-block; }

.instagram-top a:hover { color: #2a2a2a; }

.instagram { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }

.instagram a { width: 50%; overflow: hidden; position: relative; display: block; cursor: pointer; }

@media screen and (max-width: 1260px) { .instagram a { width: 25%; } }

@media screen and (max-width: 768px) { .instagram a { width: 50%; } }

.instagram a:hover .stats { opacity: 1; }

.instagram .pic { width: 100%; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.instagram .pic:after { content: ""; display: block; padding-bottom: 100%; }

.instagram .stats { -webkit-transition: all 0.2s; transition: all 0.2s; position: absolute; z-index: 2; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; }

.instagram .content { height: 100%; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: "CenturyGothicBold", Arial, Helvetica, sans-serif; }

.instagram .icon-comment { padding-left: 10px; }

.instagram span { padding-right: 5px; }

.instagram .icon-instagram-video { color: #fff; font-size: 120%; position: absolute; z-index: 1; top: 5px; right: 5px; }

.news { margin: 0 0 8%; }

@media screen and (max-width: 1024px) { .news:last-child { margin: 0; } }

.news article { background: #efefef; width: 100%; padding: 15px 25px; border-radius: 5px; margin: 0 0 4% 0; -webkit-transition: color 0.8s ease, background 0.8s ease; transition: color 0.8s ease, background 0.8s ease; }

.news article:hover { -webkit-transition: color 0.2s ease, background 0.2s ease; transition: color 0.2s ease, background 0.2s ease; }

.news article:hover { background: #e0e0e0; }

.news article a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.news article .img-wrap { margin: 0 15px 0 0; max-width: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 768px) { .news article .img-wrap { max-width: 65px; } }

.news article h2 { font-size: 120%; text-transform: none; margin: 0 0 1%; }

.news article .update { line-height: 1; color: #0678b4; font-size: 80%; margin: 1% 0 0; padding: 0; font-family: "CenturyGothic", Arial, Helvetica, sans-serif; text-transform: none; }

.news article span { cursor: pointer; }

.news article time { color: #000; }

.news .infos { font-family: "CenturyGothic", Arial, Helvetica, sans-serif; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 8%; color: #000; }

@media screen and (max-width: 768px) { .news .infos { padding-right: 5%; font-size: 80%; } }

@media screen and (max-width: 480px) { .news .infos { padding-right: 0; } }

.news p { margin: 0; font-family: "CenturyGothic", Arial, Helvetica, sans-serif; }

.news p.pagination { font-size: 100%; }

.news .icon-cancel { display: none; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); font-size: 60%; }

.news .btn { padding: 5px 15px; }

.news .btn p { font-family: "CenturyGothicBold", Arial, Helvetica, sans-serif; }

@media screen and (max-width: 768px) { .news .btn { padding: 8px; } .news .btn p { display: none; } .news .btn .icon-cancel { display: block; } }

@media screen and (max-width: 480px) { .news .btn { display: none; } }

.news .bouton { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.btn.news-back { margin: 2% 0 8%; }

.news.search .btn { margin: 2% 0 0; }

@media screen and (max-width: 480px) { .news.search .btn { display: block; padding: 2px 5px; } }

.pdf-wrap-news { margin: 0 0 2%; }

.title-date { text-align: left; margin: 0 0 10px; }

.title-date time, .title-date span { color: #0678b4; font-family: "CenturyGothicBold", Arial, Helvetica, sans-serif; }

.partenaires article { margin-bottom: 4%; border-left: 3px solid #0678b4; }

.partenaires .header { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2% 0; }

.partenaires .header .img { width: 28%; margin: 0 3%; }

.partenaires h3 { margin: 0; font-size: 120%; }

@media screen and (max-width: 480px) { .partenaires h3 { font-size: 80%; } }

.partenaires a { color: #000; }

.partenaires .title { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.partenaires .title span { margin-right: 5px; }

@media screen and (max-width: 480px) { .partenaires .title a { font-size: 80%; } }

.partenaires .action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #0678b4; text-align: center; font-size: 80%; padding: 0 2% 0 8%; }

.partenaires .action p { margin: 5px 0 0; }

.partenaires .action .btn { padding: 10px 15px 5px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

@media screen and (max-width: 768px) { .partenaires .action { font-size: 50%; } .partenaires .action p { display: none; } .partenaires .action .btn { padding: 10px; } }

@media screen and (max-width: 480px) { .partenaires .action { padding: 0 2%; } .partenaires .action .btn { padding: 5px; } }

.partenaires .icon-cancel { display: block; font-size: 100%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); color: #fff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.partenaires .header.active .icon-cancel { -webkit-transform: none; -ms-transform: none; transform: none; }

.partenaires .withinfo { -webkit-transition: background 0.5s ease; transition: background 0.5s ease; cursor: pointer; }

.partenaires .withinfo:hover, .partenaires .withinfo:hover + .more, .partenaires .active { background: #efefef; }

.partenaires .more { display: none; padding: 0 4% 2%; }

.partenaires .more .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.partenaires .more .infos { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 65%; padding-right: 8%; }

.partenaires .more .images { margin: 15px 0 4% 0; width: 35%; }

.partenaires .more .images img { display: block; margin: 0 0 2%; }

@media screen and (max-width: 768px) { .partenaires .more { padding: 4%; } .partenaires .more .flex { display: block; } .partenaires .more .infos { width: 100%; padding: 0; } .partenaires .more .images { width: 100%; } }

.partenaires ul { margin: 0 35px 25px; }

.photos { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 4% 0; }

.photos figure { width: 33.33%; padding: 1px; }

.pdf.presse { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left; margin: 4% 0 0; }

.pdf.presse li { margin: 1% 0 0; width: 48%; margin: 0 1% 1% 0; }

@media screen and (max-width: 1980px) { .pdf.presse li { width: 100%; margin: 0 0 1% 0; } }

@media screen and (max-width: 1024px) { .pdf.presse li { width: 48%; margin: 0 1% 1% 0; } }

@media screen and (max-width: 768px) { .pdf.presse li { width: 100%; margin: 0 0 1% 0; } }

.pdf.presse a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background: #fcfcfc; padding: 2%; }

.pdf.presse a:hover { background: #efefef; }

.pdf.presse .cover { -ms-flex-negative: 0; flex-shrink: 0; width: 80px; height: 100px; background-size: contain; background-repeat: no-repeat; background-position: center center; }

.pdf.presse .infos { padding: 0 2%; }

.pdf.presse .title { font-size: 100%; text-transform: uppercase; margin: 0; padding: 0; }

.pdf.presse .txt { font-size: 80%; margin: 3px 0 5px; padding: 0; }

.pdf.presse .parution { color: #2a2a2a; font-size: 80%; margin: 3px 0 5px; padding: 0; }

.pdf.presse .size { margin: 0; padding: 0; }

.programe article { margin-bottom: 4%; border-left: 3px solid #0678b4; }

.programe .header { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2%; }

.programe h3 { margin: 0; font-size: 110%; }

.programe .title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 4% 0 0; }

.programe .title span { margin-right: 5px; }

.programe .action { color: #0678b4; text-align: center; font-size: 80%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.programe .action p { margin: 5px 0 0; }

.programe .action .btn { padding: 10px 15px 5px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

@media screen and (max-width: 480px) { .programe .action { padding: 0 0 0 4%; } .programe .action .btn { padding: 8px; } .programe .action .btn p { display: none; } }

.programe .icon-cancel { display: block; font-size: 100%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); color: #fff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.programe .header.active .icon-cancel { -webkit-transform: none; -ms-transform: none; transform: none; }

.programe .withinfo { -webkit-transition: background 0.5s ease; transition: background 0.5s ease; cursor: pointer; }

.programe .withinfo:hover, .programe .withinfo:hover + .more, .programe .active { background: #efefef; }

.programe .more { display: none; padding: 0 2%; }

.programe .more .video-container { margin: 0 0 2%; }

.programe .more .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.programe .more .infos { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 65%; padding-right: 8%; text-align: left; }

.programe .more .infos.full { width: 100%; padding: 0; }

.programe .more .images { margin: 15px 0 4% 0; width: 35%; }

.programe .more .images img { display: block; margin: 0 auto 2%; }

@media screen and (max-width: 768px) { .programe .more { padding: 4%; } .programe .more .flex { display: block; } .programe .more .infos { width: 100%; padding: 0; } .programe .more .images { width: 100%; } }

.programe ul { margin: 0 35px 25px; }

.visible { visibility: visible; opacity: 1; -webkit-transition: opacity 1.2s ease; transition: opacity 1.2s ease; }

.hidden { visibility: hidden; opacity: 0; -webkit-transition: visibility 0s, opacity 1.2s ease; transition: visibility 0s, opacity 1.2s ease; }

/* .news.search { .color { margin:0; font-size: 100%; span { color: $noir; font-family:$font-text; } } article h1 { margin:1% 0; font-size: 120%; } } */
.search_word { color: #0678b4; font-family: "CenturyGothicBold", Arial, Helvetica, sans-serif; }

.res-error { margin: 4% 0 16%; }

.res-error strong { color: #2a2a2a; }

.input-wrap { position: relative; width: 50%; margin: 4% 0 4% auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 480px) { .input-wrap { margin: 4% 0 6% auto; } }

.input-wrap span { position: absolute; right: 5px; top: 5px; color: #efefef; font-size: 22px; }

.input-wrap span.icon-cancel { font-size: 18px; right: 5px; top: 8px; cursor: pointer; color: #0678b4; -webkit-transition: color 0.8s ease, background 0.8s ease; transition: color 0.8s ease, background 0.8s ease; }

.input-wrap span.icon-cancel:hover { -webkit-transition: color 0.2s ease, background 0.2s ease; transition: color 0.2s ease, background 0.2s ease; }

.input-wrap span.icon-cancel:hover { color: #2a2a2a; }

.input-wrap input { width: 100%; max-width: 150px; padding: 5px 30px 5px 10px; font-size: 16px; font-family: "CenturyGothic", Arial, Helvetica, sans-serif; color: #0678b4; background: #fff; border: 1px solid #efefef; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 5px; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; }

.input-wrap input:focus { max-width: 250px; color: #0678b4; background: #efefef; }

@media screen and (max-width: 480px) { .input-wrap input:focus { max-width: 180px; } }

.input-wrap input:focus::-webkit-input-placeholder { color: #0678b4; }

.input-wrap input:focus:-moz-placeholder { color: #0678b4; opacity: 1; }

.input-wrap input:focus::-moz-placeholder { color: #0678b4; opacity: 1; }

.input-wrap input:focus:-ms-input-placeholder { color: #0678b4; }

::-webkit-input-placeholder { color: #0678b4; }

:-moz-placeholder { color: #0678b4; opacity: 1; }

::-moz-placeholder { color: #0678b4; opacity: 1; }

:-ms-input-placeholder { color: #0678b4; }

section ul { margin: 25px 35px; }

section li { margin-bottom: 10px; }

section h1 { margin: 0 0 2%; }

section h2 { text-transform: uppercase; font-size: 160%; margin: 4% 0 2%; }

section .subnav + h2 { margin: 4% 0 2%; }

section h3 { margin: 4% 0 2%; }

section hr { height: 1px; border: none; background: #0678b4; margin: 6% 30% 4%; }

section hr + h2 { margin: 0 0 2%; }

section a { font-family: "CenturyGothicBold", Arial, Helvetica, sans-serif; color: #0678b4; }

section a:hover { color: #2a2a2a; }

section .sub { margin: 4% 0.5% 1%; font-size: 80%; }

section .subnav { list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 4%; }

section .subnav li { display: -webkit-box; display: -ms-flexbox; display: flex; width: 24%; margin: 0 0.5% 1%; }

@media screen and (max-width: 1980px) { section .subnav li { width: 32.33%; } }

section .subnav a { text-align: center; width: 100%; padding: 10px 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #f9f9f9; color: #2a2a2a; border-radius: 5px; border: 1px solid #efefef; }

section .subnav a:hover, section .subnav a.actif { background: #e0e0e0; }

section .subnav.subnav-2 li { width: 32.33%; }

@media screen and (max-width: 480px) { section .subnav.subnav-2 li { width: 49%; } }

section .anectode { margin: 4% 0; padding: 4%; background: #f9f9f9; border: 1px solid #0678b4; border-radius: 10px; font-style: italic; }

section .anectode a.btn:last-of-type { margin: 15px 0 0; }

section .anectode a { font-weight: normal; }

section .anectode::-moz-selection { color: #0678b4; background: #fff; }

section .anectode::selection { color: #0678b4; background: #fff; }

section .anectode::-moz-selection { color: #0678b4; background: #fff; }

section .social-contact { display: -webkit-box; display: -ms-flexbox; display: flex; text-transform: uppercase; margin: 0 0 2%; }

section .social-contact .icone { font-size: 240%; padding-right: 10px; }

section .social-contact .icone-txt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: left; font-size: 70%; line-height: 1.3; }

section .social-contact .icone-txt span { font-size: 150%; }

section .video-list hr { margin: 4% 30% 6%; }

section .legend { text-align: center; font-size: 80%; }

#stripe_wait { font-size: 80%; text-align: center; margin: 0 0 15px; }

#stripe_wait strong { display: block; }

#stripe_wait .lds-ellipsis { display: block; margin: 15px auto 5px; height: 15px; }

#stripe_wait .lds-ellipsis div { top: 0; }

#stripe_wait p { margin: 0; }

#bloc_stripe p { padding: 15px 0 0; margin: 0; }

#bloc_stripe .iban-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 15px 0; }

#bloc_stripe .iban-wrap label { margin-left: 5px; cursor: pointer; }

.ccv { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.ccv #ccv { margin-right: 10px; }

.ccv .ccv-label { width: 100%; }

.ccv .ccv-txt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 80%; }

#sel-payment p { margin: 15px 0 0; }

#card-errors { font-family: "CenturyGothicBold", Arial, Helvetica, sans-serif; color: #900; text-align: center; padding: 15px 0 0; }

#is-iban { display: none; font-size: 80%; padding: 0 0 15px; }

.title-payment .title-iban { display: none; }

.divide { display: -webkit-box; display: -ms-flexbox; display: flex; }

.divide .col { width: 50%; }

.divide .col:last-child { padding-left: 2%; }

.divide .col:first-child { padding-right: 2%; }

.card-wrap { position: relative; }

.card-wrap .brand { position: absolute; z-index: 1; right: 5px; top: 0; bottom: 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.card-wrap .brand .pf { font-size: 24px; color: #0678b4; }

@media screen and (max-width: 768px) { .card-wrap .brand .pf { font-size: 20px; } }

.my-input { padding: 2%; background-color: #efefef; border-radius: 5px; }

.my-input.cols { padding: 4%; }

.my-input::-moz-selection { background-color: #0678b4; }

.my-input::selection { background-color: #0678b4; }

.StripeElement--webkit-autofill { background-color: #E8F0FE; }

#phone_pays { width: 150px; border-top-right-radius: 0; border-bottom-right-radius: 0; }

#f-phone { width: 100%; border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 0px; z-index: 100; background: #efefef; -webkit-transition: color 0s ease, background 0s ease; transition: color 0s ease, background 0s ease; }

#phonenumber .dropdown.icon { left: 70px; }

#phonenumber.active, #phonenumber.active #f-phone, #f-phone:focus, #phonenumber.active-pers { -webkit-transition: color 0.8s ease, background 0.8s ease; transition: color 0.8s ease, background 0.8s ease; background: #e0e0e0; }

.lds-ellipsis { display: inline-block; position: relative; width: 64px; height: 64px; }

.lds-ellipsis div { position: absolute; top: 27px; width: 11px; height: 11px; border-radius: 50%; background: #0678b4; -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0); animation-timing-function: cubic-bezier(0, 1, 1, 0); }

.lds-ellipsis div:nth-child(1) { left: 6px; -webkit-animation: lds-ellipsis1 0.6s infinite; animation: lds-ellipsis1 0.6s infinite; }

.lds-ellipsis div:nth-child(2) { left: 6px; -webkit-animation: lds-ellipsis2 0.6s infinite; animation: lds-ellipsis2 0.6s infinite; }

.lds-ellipsis div:nth-child(3) { left: 26px; -webkit-animation: lds-ellipsis2 0.6s infinite; animation: lds-ellipsis2 0.6s infinite; }

.lds-ellipsis div:nth-child(4) { left: 45px; -webkit-animation: lds-ellipsis3 0.6s infinite; animation: lds-ellipsis3 0.6s infinite; }

@-webkit-keyframes lds-ellipsis1 { 0% { -webkit-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

@keyframes lds-ellipsis1 { 0% { -webkit-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

@-webkit-keyframes lds-ellipsis3 { 0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(0); transform: scale(0); } }

@keyframes lds-ellipsis3 { 0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(0); transform: scale(0); } }

@-webkit-keyframes lds-ellipsis2 { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  100% { -webkit-transform: translate(19px, 0); transform: translate(19px, 0); } }

@keyframes lds-ellipsis2 { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  100% { -webkit-transform: translate(19px, 0); transform: translate(19px, 0); } }

.title-payment { margin: 25px 0 15px; color: #2a2a2a; }

.article-list div { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #0678b4; padding: 8px 0; }

.article-list .price { margin-left: auto; color: #2a2a2a; white-space: nowrap; padding-left: 15px; }

.price-total { margin-left: auto; color: #2a2a2a; text-align: right; }

body.compensate-for-scrollbar { overflow: hidden; }

.fancybox-active { height: auto; }

.fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; }

.fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; }

.fancybox-container * { -webkit-box-sizing: border-box; box-sizing: border-box; }

.fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }

.fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; }

.fancybox-bg { background: #1e1e1e; opacity: 0; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg { opacity: .9; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; -webkit-transition: opacity .25s ease, visibility 0s ease .25s; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; }

.fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; }

.fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.fancybox-toolbar { right: 0; top: 0; }

.fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994; }

.fancybox-is-open .fancybox-stage { overflow: hidden; }

.fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994; }

.fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; }

.fancybox-slide--image { overflow: hidden; padding: 44px 0; }

.fancybox-slide--image::before { display: none; }

.fancybox-slide--html { padding: 6px; }

.fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; }

.fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -ms-transform-origin: top left; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; }

.fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in; }

.fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; }

.fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; }

.fancybox-container [data-selectable='true'] { cursor: text; }

.fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; }

.fancybox-spaceball { z-index: 1; }

.fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; }

.fancybox-slide--video .fancybox-content { background: #000; }

.fancybox-slide--map .fancybox-content { background: #e5e3df; }

.fancybox-slide--iframe .fancybox-content { background: #fff; }

.fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; }

/* Fix iOS */
.fancybox-iframe { left: 0; position: absolute; top: 0; }

.fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; }

.fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; }

/* Buttons */
.fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; -webkit-transition: color .2s; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; }

.fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; }

.fancybox-button:hover { color: #fff; }

.fancybox-button:focus { outline: none; }

.fancybox-button.fancybox-focus { outline: 1px dotted; }

.fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; }

/* Fix IE11 */
.fancybox-button div { height: 100%; }

.fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; }

.fancybox-button svg path { fill: currentColor; stroke-width: 0; }

.fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; }

.fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; }

.fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; -webkit-transform-origin: 0; transform-origin: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: linear; transition-timing-function: linear; z-index: 99998; }

/* Close button on the top right corner of html content */
.fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; }

.fancybox-close-small:hover { color: #fff; opacity: 1; }

.fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; }

.fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; }

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; }

/* Navigation arrows */
.fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; }

.fancybox-navigation .fancybox-button div { padding: 7px; }

.fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; }

.fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); }

/* Caption */
.fancybox-caption { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; }

.fancybox-caption--separate { margin-top: -50px; }

.fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; }

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; }

.fancybox-caption a:hover { color: #fff; text-decoration: underline; }

/* Loading indicator */
.fancybox-loading { -webkit-animation: fancybox-rotate 1s linear infinite; animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; }

@-webkit-keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

/* Transition effects */
.fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current { opacity: 1; }

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }

.fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }

.fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); }

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } }

/* Share */
.fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; }

.fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; }

.fancybox-share p { margin: 0; padding: 0; }

.fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; }

.fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; }

.fancybox-share__button:hover { text-decoration: none; }

.fancybox-share__button--fb { background: #3b5998; }

.fancybox-share__button--fb:hover { background: #344e86; }

.fancybox-share__button--pt { background: #bd081d; }

.fancybox-share__button--pt:hover { background: #aa0719; }

.fancybox-share__button--tw { background: #1da1f2; }

.fancybox-share__button--tw:hover { background: #0d95e8; }

.fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; }

.fancybox-share__button svg path { fill: #fff; }

.fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; }

/* Thumbs */
.fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; }

.fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; }

.fancybox-show-thumbs .fancybox-thumbs { display: block; }

.fancybox-show-thumbs .fancybox-inner { right: 212px; }

.fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; }

.fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; }

.fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; }

.fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; }

.fancybox-thumbs__list a:focus::before { opacity: .5; }

.fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } }

/* required styles */
.leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; }

.leaflet-container { overflow: hidden; }

.leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; }

/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::-moz-selection { background: transparent; }
.leaflet-tile::selection { background: transparent; }

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; }

/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; }

.leaflet-marker-icon, .leaflet-marker-shadow { display: block; }

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg, .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; }

.leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; }

.leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; /* Fallback for FF which doesn't support pinch-zoom */ touch-action: none; touch-action: pinch-zoom; }

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; }

.leaflet-container { -webkit-tap-highlight-color: transparent; }

.leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); }

.leaflet-tile { -webkit-filter: inherit; filter: inherit; visibility: hidden; }

.leaflet-tile-loaded { visibility: inherit; }

.leaflet-zoom-box { width: 0; height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 800; }

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg { -moz-user-select: none; }

.leaflet-pane { z-index: 400; }

.leaflet-tile-pane { z-index: 200; }

.leaflet-overlay-pane { z-index: 400; }

.leaflet-shadow-pane { z-index: 500; }

.leaflet-marker-pane { z-index: 600; }

.leaflet-tooltip-pane { z-index: 650; }

.leaflet-popup-pane { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }

.leaflet-map-pane svg { z-index: 200; }

.leaflet-vml-shape { width: 1px; height: 1px; }

.lvml { behavior: url(#default#VML); display: inline-block; position: absolute; }

/* control positioning */
.leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; }

.leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; }

.leaflet-top { top: 0; }

.leaflet-right { right: 0; }

.leaflet-bottom { bottom: 0; }

.leaflet-left { left: 0; }

.leaflet-control { float: left; clear: both; }

.leaflet-right .leaflet-control { float: right; }

.leaflet-top .leaflet-control { margin-top: 10px; }

.leaflet-bottom .leaflet-control { margin-bottom: 10px; }

.leaflet-left .leaflet-control { margin-left: 10px; }

.leaflet-right .leaflet-control { margin-right: 10px; }

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile { will-change: opacity; }

.leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; }

.leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; }

.leaflet-zoom-anim .leaflet-zoom-animated { will-change: transform; }

.leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); }

.leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; transition: none; }

.leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; }

/* cursors */
.leaflet-interactive { cursor: pointer; }

.leaflet-grab { cursor: -webkit-grab; cursor: grab; }

.leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; }

.leaflet-popup-pane, .leaflet-control { cursor: auto; }

.leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: grabbing; }

/* marker & overlays interactivity */
.leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; }

.leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; }

/* visual tweaks */
.leaflet-container { background: #ddd; outline: 0; }

.leaflet-container a { color: #0078A8; }

.leaflet-container a.leaflet-active { outline: 2px solid orange; }

.leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255, 255, 255, 0.5); }

/* general typography */
.leaflet-container { font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; }

/* general toolbar styles */
.leaflet-bar { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); border-radius: 4px; }

.leaflet-bar a, .leaflet-bar a:hover { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; }

.leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; }

.leaflet-bar a:hover { background-color: #f4f4f4; }

.leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; }

.leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; }

.leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; }

.leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; }

.leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; }

.leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }

/* zoom control */
.leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; }

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; }

/* layers control */
.leaflet-control-layers { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); background: #fff; border-radius: 5px; }

.leaflet-control-layers-toggle { background-image: url(images/layers.png); width: 36px; height: 36px; }

.leaflet-retina .leaflet-control-layers-toggle { background-image: url(images/layers-2x.png); background-size: 26px 26px; }

.leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; }

.leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; }

.leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; }

.leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; }

.leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; }

.leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; }

.leaflet-control-layers label { display: block; }

.leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; }

/* Default icon URLs */
.leaflet-default-icon-path { background-image: url(images/marker-icon.png); }

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.7); margin: 0; }

.leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; }

.leaflet-control-attribution a { text-decoration: none; }

.leaflet-control-attribution a:hover { text-decoration: underline; }

.leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { font-size: 11px; }

.leaflet-left .leaflet-control-scale { margin-left: 5px; }

.leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; }

.leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; background: rgba(255, 255, 255, 0.5); }

.leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; }

.leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; }

.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { -webkit-box-shadow: none; box-shadow: none; }

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0, 0, 0, 0.2); background-clip: padding-box; }

/* popup */
.leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; }

.leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; }

.leaflet-popup-content { margin: 13px 19px; line-height: 1.4; }

.leaflet-popup-content p { margin: 18px 0; }

.leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-left: -20px; overflow: hidden; pointer-events: none; }

.leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); }

.leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; border: none; text-align: center; width: 18px; height: 14px; font: 16px/14px Tahoma, Verdana, sans-serif; color: #c3c3c3; text-decoration: none; font-weight: bold; background: transparent; }

.leaflet-container a.leaflet-popup-close-button:hover { color: #999; }

.leaflet-popup-scrolled { overflow: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }

.leaflet-oldie .leaflet-popup-content-wrapper { zoom: 1; }

.leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); }

.leaflet-oldie .leaflet-popup-tip-container { margin-top: -1px; }

.leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; }

/* div icon */
.leaflet-div-icon { background: #fff; border: 1px solid #666; }

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }

.leaflet-tooltip.leaflet-clickable { cursor: pointer; pointer-events: auto; }

.leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; }

/* Directions */
.leaflet-tooltip-bottom { margin-top: 6px; }

.leaflet-tooltip-top { margin-top: -6px; }

.leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; }

.leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; }

.leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; }

.leaflet-tooltip-left { margin-left: -6px; }

.leaflet-tooltip-right { margin-left: 6px; }

.leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; }

.leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; }

.leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; }

/******************************* Dropdown */
.tour-top { display: block; font-size: 70%; color: #0678b4; }

.tour-date { display: block; }

.wrapper-select { margin: 15px 0; }

.wrapper-phone { display: -webkit-box; display: -ms-flexbox; display: flex; }

.wrapper-phone .ui { width: 40%; }

.ui.dropdown { font-size: 14px; cursor: pointer; position: relative; display: inline-block; outline: none; text-align: left; -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; transition: box-shadow 0.1s ease, width 0.1s ease; transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/******************************* Content */
/*-------------- Menu ---------------*/
.ui.dropdown .menu { cursor: auto; position: absolute; display: none; outline: none; top: 100%; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; margin: 0em; padding: 0em 0em; background: #FFFFFF; text-shadow: none; text-align: left; -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; z-index: 11; will-change: transform, opacity; }

.ui.dropdown .menu > * { white-space: nowrap; }

/*-------------- Hidden Input ---------------*/
.ui.dropdown > input:not(.search):first-child, .ui.dropdown > select { display: none !important; }

/*-------------- Dropdown Icon ---------------*/
.ui.dropdown > .dropdown.icon { position: relative; width: auto; margin: 0em 0em 0em 1em; }

.ui.dropdown .menu > .item .dropdown.icon { width: auto; float: right; margin: 0em 0em 0em 1em; }

.ui.dropdown .menu > .item .dropdown.icon + .text { margin-right: 1em; }

/*-------------- Text ---------------*/
.ui.dropdown > .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: none; transition: none; }

/*-------------- Menu Item ---------------*/
.ui.dropdown .menu > .item { position: relative; cursor: pointer; display: block; border: none; height: auto; text-align: left; border-top: none; line-height: 1em; text-transform: none; font-weight: normal; -webkit-box-shadow: none; box-shadow: none; -webkit-touch-callout: none; }

.ui.dropdown .menu > .item:first-child { border-top-width: 0px; }

/*-------------- Floated Content ---------------*/
.ui.dropdown > .text > [class*="right floated"], .ui.dropdown .menu .item > [class*="right floated"] { float: right !important; margin-right: 0em !important; margin-left: 1em !important; }

.ui.dropdown > .text > [class*="left floated"], .ui.dropdown .menu .item > [class*="left floated"] { float: left !important; margin-left: 0em !important; margin-right: 1em !important; }

.ui.dropdown .menu .item > .icon.floated, .ui.dropdown .menu .item > .flag.floated, .ui.dropdown .menu .item > .image.floated, .ui.dropdown .menu .item > img.floated { margin-top: 0em; }

/*-------------- Menu Divider ---------------*/
.ui.dropdown .menu > .header { margin: 1rem 0rem 0.75rem; padding: 0em 1.14285714rem; font-family: "CenturyGothicBold", Arial, Helvetica, sans-serif; text-transform: uppercase; }

.ui.dropdown .menu > .divider { border-top: 1px solid rgba(34, 36, 38, 0.1); padding: 2% 2% 2% 3%; font-family: "CenturyGothicBold", Arial, Helvetica, sans-serif; }

.ui.dropdown.dropdown .menu > .input { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 1.14285714rem 0.78571429rem; min-width: 10rem; }

.ui.dropdown .menu > .header + .input { margin-top: 0em; }

.ui.dropdown .menu > .input:not(.transparent) input { padding: 0.5em 1em; }

.ui.dropdown .menu > .input:not(.transparent) .button, .ui.dropdown .menu > .input:not(.transparent) .icon, .ui.dropdown .menu > .input:not(.transparent) .label { padding-top: 0.5em; padding-bottom: 0.5em; }

/*----------------- Item Description -------------------*/
.ui.dropdown > .text > .description, .ui.dropdown .menu > .item > .description { float: right; margin: 0em 0em 0em 1em; }

/*----------------- Message -------------------*/
.ui.dropdown .menu > .message { padding: 0.78571429rem 1.14285714rem; font-weight: normal; }

/*-------------- Sub Menu ---------------*/
.ui.dropdown .menu .menu { top: 0% !important; left: 100%; right: auto; margin: 0em 0em 0em -0.5em !important; border-radius: 0.28571429rem !important; z-index: 21 !important; }

/* Hide Arrow */
.ui.dropdown .menu .menu:after { display: none; }

/*-------------- Sub Elements ---------------*/
/* Icons / Flags / Labels / Image */
.ui.dropdown > .text > .icon, .ui.dropdown > .text > .label, .ui.dropdown > .text > .flag, .ui.dropdown > .text > img, .ui.dropdown > .text > .image { margin-top: 0em; }

.ui.dropdown .menu > .item > .icon, .ui.dropdown .menu > .item > .label, .ui.dropdown .menu > .item > .flag, .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > img { margin-top: 0em; }

.ui.dropdown > .text > .icon, .ui.dropdown > .text > .label, .ui.dropdown > .text > .flag, .ui.dropdown > .text > img, .ui.dropdown > .text > .image, .ui.dropdown .menu > .item > .icon, .ui.dropdown .menu > .item > .label, .ui.dropdown .menu > .item > .flag, .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > img { margin-left: 0em; float: none; margin-right: 10px; }

/*-------------- Image ---------------*/
.ui.dropdown > .text > img, .ui.dropdown > .text > .image, .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > img { display: inline-block; vertical-align: top; width: auto; margin-top: -0.5em; margin-bottom: -0.5em; max-height: 2em; }

/******************************* Coupling */
/*-------------- Menu ---------------*/
/* Remove Menu Item Divider */
.ui.dropdown .ui.menu > .item:before, .ui.menu .ui.dropdown .menu > .item:before { display: none; }

/* Prevent Menu Item Border */
.ui.menu .ui.dropdown .menu .active.item { border-left: none; }

/* Automatically float dropdown menu right on last menu item */
.ui.menu .right.menu .dropdown:last-child .menu, .ui.menu .right.dropdown.item .menu, .ui.buttons > .ui.dropdown:last-child .menu { left: auto; right: 0em; }

/*-------------- Label ---------------*/
/* Dropdown Menu */
.ui.label.dropdown .menu { min-width: 100%; }

/*-------------- Button ---------------*/
/* No Margin On Icon Button */
.ui.dropdown.icon.button > .dropdown.icon { margin: 0em; }

.ui.button.dropdown .menu { min-width: 100%; }

/******************************* Types */
/*-------------- Selection ---------------*/
/* Displays like a select box */
.ui.selection.dropdown { cursor: pointer; word-wrap: break-word; white-space: normal; outline: 0; -webkit-transform: rotateZ(0deg); -ms-transform: rotate(0deg); transform: rotateZ(0deg); color: #0678b4; background: #efefef; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2%; border-radius: 5px; }

.ui.selection.dropdown .default.text { color: #cbcbcb; }

.ui.selection.dropdown.visible, .ui.selection.dropdown.active { z-index: 10; }

select.ui.dropdown { height: 38px; padding: 0.5em; border: 1px solid rgba(34, 36, 38, 0.15); visibility: visible; }

.ui.selection.dropdown > .search.icon, .ui.selection.dropdown > .delete.icon, .ui.selection.dropdown > .dropdown.icon { cursor: pointer; position: absolute; width: auto; height: 100%; right: 1em; z-index: 3; opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; color: #2a2a2a; }

/* Compact */
.ui.compact.selection.dropdown { min-width: 0px; }

/*  Selection Menu */
.ui.selection.dropdown .menu { overflow-x: hidden; overflow-y: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; width: auto; outline: none; margin: 0px -1px; min-width: calc(100% +  2px); width: calc(100% +  2px); border-bottom-left-radius: 5px; -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; }

.ui.selection.dropdown .menu:after, .ui.selection.dropdown .menu:before { display: none; }

/*-------------- Message ---------------*/
.ui.selection.dropdown .menu > .message { padding: 0.78571429rem 1.14285714rem; }

@media only screen and (max-width: 767px) { .ui.selection.dropdown .menu { max-height: 19.91428571rem; } }

@media only screen and (min-width: 768px) { .ui.selection.dropdown .menu { max-height: 10.68571429rem; } }

@media only screen and (min-width: 992px) { .ui.selection.dropdown .menu { max-height: 16.02857143rem; } }

@media only screen and (min-width: 1920px) { .ui.selection.dropdown .menu { max-height: 21.37142857rem; } }

/* Menu Item */
.ui.selection.dropdown .menu > .item { padding: 2%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: normal; word-wrap: normal; border-bottom: 1px solid #efefef; color: #2a2a2a; }

/* User Item */
.ui.selection.dropdown .menu > .hidden.addition.item { display: none; }

/* Hover */
.ui.selection.dropdown:hover { border-color: rgba(34, 36, 38, 0.35); -webkit-box-shadow: none; box-shadow: none; }

/* Active */
.ui.selection.active.dropdown { color: #0678b4; background: #e0e0e0; }

.ui.selection.active.dropdown .menu { border-color: #96C8DA; -webkit-box-shadow: 0px 1px 1px 0px rgba(34, 36, 38, 0.15); box-shadow: 0px 1px 1px 0px rgba(34, 36, 38, 0.15); }

/* Focus */
.ui.selection.dropdown:focus .menu { border-color: #96C8DA; -webkit-box-shadow: 0px 1px 1px 0px rgba(34, 36, 38, 0.15); box-shadow: 0px 1px 1px 0px rgba(34, 36, 38, 0.15); }

/* Visible */
.ui.selection.visible.dropdown > .text:not(.default) { font-weight: normal; }

/* Visible Hover */
.ui.selection.active.dropdown:hover .menu { border-color: #96C8DA; -webkit-box-shadow: 0px 1px 1px 0px rgba(34, 36, 38, 0.15); box-shadow: 0px 1px 1px 0px rgba(34, 36, 38, 0.15); }

/* Dropdown Icon */
.ui.active.selection.dropdown > .dropdown.icon, .ui.visible.selection.dropdown > .dropdown.icon { opacity: ''; z-index: 3; }

/* Connecting Border */
.ui.active.selection.dropdown { border-bottom-left-radius: 0em !important; border-bottom-right-radius: 0em !important; }

/* Empty Connecting Border */
.ui.active.empty.selection.dropdown { border-radius: 0.28571429rem !important; -webkit-box-shadow: none !important; box-shadow: none !important; }

.ui.active.empty.selection.dropdown .menu { border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }

/*-------------- Searchable ---------------*/
/* Search Selection */
.ui.search.dropdown { min-width: ''; }

/* Search Dropdown */
.ui.search.dropdown > input.search { background: none transparent !important; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; cursor: text; top: 0em; left: 1px; width: 100%; height: 100%; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); padding: inherit; }

/* Text Layering */
.ui.search.dropdown > input.search { position: absolute; z-index: 2; }

.ui.search.dropdown > .text { cursor: text; position: relative; z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; }

/* Search Selection */
.ui.search.selection.dropdown > input.search { padding: 2% 2% 2% 35px; }

/* Used to size multi select input to character width */
.ui.search.selection.dropdown > span.sizer { line-height: 1.21428571em; padding: 0.67857143em 2.1em 0.67857143em 1em; display: none; white-space: pre; }

/* Active/Visible Search */
.ui.search.dropdown.active > input.search, .ui.search.dropdown.visible > input.search { cursor: auto; }

.ui.search.dropdown.active > .text, .ui.search.dropdown.visible > .text { pointer-events: none; }

/* Filtered Text */
.ui.active.search.dropdown input.search:focus + .text .icon, .ui.active.search.dropdown input.search:focus + .text .flag { opacity: 0.45; }

/* Search Menu */
.ui.search.dropdown .menu { overflow-x: hidden; overflow-y: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; }

@media only screen and (max-width: 767px) { .ui.search.dropdown .menu { max-height: 8.01428571rem; } }

@media only screen and (min-width: 768px) { .ui.search.dropdown .menu { max-height: 10.68571429rem; } }

@media only screen and (min-width: 992px) { .ui.search.dropdown .menu { max-height: 16.02857143rem; } }

@media only screen and (min-width: 1920px) { .ui.search.dropdown .menu { max-height: 21.37142857rem; } }

/*-------------- Multiple ---------------*/
/* Multiple Selection */
.ui.multiple.dropdown { padding: 0.22619048em 2.1em 0.22619048em 0.35714286em; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.ui.multiple.dropdown .menu { cursor: auto; }

/* Multiple Search Selection */
.ui.multiple.search.dropdown, .ui.multiple.search.dropdown > input.search { cursor: text; }

/* Selection Label */
.ui.multiple.dropdown > .label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px; margin: 3px; background: #0678b4; border-radius: 5px; color: #fff; font-size: 10px; }

.ui.multiple.dropdown > .label .flag-wrap { display: none; }

.ui.multiple.dropdown > .label .icon-cancel { margin-left: 5px; }

/* Dropdown Icon */
.ui.multiple.dropdown .dropdown.icon { margin: ''; padding: ''; }

/* Text */
.ui.multiple.dropdown > .text { position: static; padding: 0; max-width: 100%; margin: 0.45238095em 0em 0.45238095em 0.64285714em; line-height: 1.21428571em; }

.ui.multiple.dropdown > .label ~ input.search { margin-left: 0.14285714em !important; }

.ui.multiple.dropdown > .label ~ .text { display: none; }

/*----------------- Multiple Search -----------------*/
/* Prompt Text */
.ui.multiple.search.dropdown > .text { display: inline-block; position: absolute; top: 0; left: 0; padding: inherit; margin: 0.45238095em 0em 0.45238095em 0.64285714em; line-height: 1.21428571em; }

.ui.multiple.search.dropdown > .label ~ .text { display: none; }

/* Search */
.ui.multiple.search.dropdown > input.search { position: static; padding: 0; max-width: 100%; margin: 0.45238095em 0em 0.45238095em 0.64285714em; width: 2.2em; line-height: 1.21428571em; }

/*-------------- Inline ---------------*/
.ui.inline.dropdown { cursor: pointer; display: inline-block; color: inherit; }

.ui.inline.dropdown .dropdown.icon { margin: 0em 0.21428571em 0em 0.21428571em; vertical-align: baseline; }

.ui.inline.dropdown > .text { font-family: "CenturyGothicBold", Arial, Helvetica, sans-serif; }

.ui.inline.dropdown .menu { cursor: auto; margin-top: 0.21428571em; border-radius: 0.28571429rem; }

/******************************* States */
/*-------------------- Active ----------------------*/
/* Menu Item Active */
.ui.dropdown .menu .active.item { background: transparent; color: #0678b4; -webkit-box-shadow: none; box-shadow: none; z-index: 12; }

/*-------------------- Hover ----------------------*/
/* Menu Item Hover */
.ui.dropdown .menu > .item:hover { background: rgba(0, 0, 0, 0.05); z-index: 13; }

/*-------------------- Loading ---------------------*/
.ui.loading.dropdown > i.icon { height: 1em !important; }

.ui.loading.selection.dropdown > i.icon { padding: 1.5em 1.28571429em !important; }

.ui.loading.dropdown > i.icon:before { position: absolute; content: ''; top: 50%; left: 50%; margin: -0.64285714em 0em 0em -0.64285714em; width: 1.28571429em; height: 1.28571429em; border-radius: 500rem; border: 0.2em solid rgba(0, 0, 0, 0.1); }

.ui.loading.dropdown > i.icon:after { position: absolute; content: ''; top: 50%; left: 50%; -webkit-box-shadow: 0px 0px 0px 1px transparent; box-shadow: 0px 0px 0px 1px transparent; margin: -0.64285714em 0em 0em -0.64285714em; width: 1.28571429em; height: 1.28571429em; -webkit-animation: dropdown-spin 0.6s linear; animation: dropdown-spin 0.6s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-radius: 500rem; border-color: #767676 transparent transparent; border-style: solid; border-width: 0.2em; }

/* Coupling */
.ui.loading.dropdown.button > i.icon:before, .ui.loading.dropdown.button > i.icon:after { display: none; }

@-webkit-keyframes dropdown-spin { from { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes dropdown-spin { from { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/*-------------------- Default Text ----------------------*/
.ui.dropdown:not(.button) > .default.text span.title, .ui.default.dropdown:not(.button) > .text span.title { color: #0678b4; }

.ui.dropdown:not(.button) > input:focus ~ .default.text span.title, .ui.default.dropdown:not(.button) > input:focus ~ .text span.title { color: #0678b4; }

/*-------------------- Loading ----------------------*/
.ui.loading.dropdown > .text { -webkit-transition: none; transition: none; }

/* Used To Check Position */
.ui.dropdown .loading.menu { display: block; visibility: hidden; z-index: -1; }

.ui.dropdown > .loading.menu { left: 0px !important; right: auto !important; }

.ui.dropdown > .menu .loading.menu { left: 100% !important; right: auto !important; }

/*-------------------- Keyboard Select ----------------------*/
/* Selected Item */
.ui.dropdown.selected, .ui.dropdown .menu .selected.item { background: rgba(0, 0, 0, 0.03); }

/*-------------------- Search Filtered ----------------------*/
/* Filtered Item */
.ui.dropdown > .filtered.text { visibility: hidden; }

.ui.dropdown .filtered.item { display: none !important; }

/*-------------------- Error ----------------------*/
.ui.dropdown.error, .ui.dropdown.error > .text, .ui.dropdown.error > .default.text { color: #9F3A38; }

.ui.selection.dropdown.error { background: #FFF6F6; border-color: #E0B4B4; }

.ui.selection.dropdown.error:hover { border-color: #E0B4B4; }

.ui.dropdown.error > .menu, .ui.dropdown.error > .menu .menu { border-color: #E0B4B4; }

.ui.dropdown.error > .menu > .item { color: #9F3A38; }

.ui.multiple.selection.error.dropdown > .label { border-color: #E0B4B4; }

/* Item Hover */
.ui.dropdown.error > .menu > .item:hover { background-color: #FFF2F2; }

/* Item Active */
.ui.dropdown.error > .menu .active.item { background-color: #FDCFCF; }

/*-------------------- Clear ----------------------*/
.ui.dropdown > .clear.dropdown.icon { opacity: 0.8; -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; }

.ui.dropdown > .clear.dropdown.icon:hover { opacity: 1; }

/*-------------------- Disabled ----------------------*/
/* Disabled */
.ui.disabled.dropdown, .ui.dropdown .menu > .disabled.item { cursor: default; pointer-events: none; color: #fff; font-family: "CenturyGothicBold", Arial, Helvetica, sans-serif; padding: 2% 4%; background: #0678b4; }

/******************************* Variations */
/*-------------- Direction ---------------*/
/* Flyout Direction */
.ui.dropdown .menu { left: 0px; }

/* Default Side (Right) */
.ui.dropdown .right.menu > .menu, .ui.dropdown .menu .right.menu { left: 100% !important; right: auto !important; border-radius: 0.28571429rem !important; }

/* Leftward Opening Menu */
.ui.dropdown > .left.menu { left: auto !important; right: 0px !important; }

.ui.dropdown > .left.menu .menu, .ui.dropdown .menu .left.menu { left: auto; right: 100%; margin: 0em -0.5em 0em 0em !important; border-radius: 0.28571429rem !important; }

.ui.dropdown .item .left.dropdown.icon, .ui.dropdown .left.menu .item .dropdown.icon { width: auto; float: left; margin: 0em 0em 0em 0em; }

.ui.dropdown .item .left.dropdown.icon, .ui.dropdown .left.menu .item .dropdown.icon { width: auto; float: left; margin: 0em 0em 0em 0em; }

.ui.dropdown .item .left.dropdown.icon + .text, .ui.dropdown .left.menu .item .dropdown.icon + .text { margin-left: 1em; margin-right: 0em; }

/*-------------- Upward ---------------*/
/* Upward Main Menu */
.ui.upward.dropdown > .menu { top: auto; bottom: 100%; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); border-radius: 0.28571429rem 0.28571429rem 0em 0em; }

/* Upward Sub Menu */
.ui.dropdown .upward.menu { top: auto !important; bottom: 0 !important; }

/* Active Upward */
.ui.simple.upward.active.dropdown, .ui.simple.upward.dropdown:hover { border-radius: 0.28571429rem 0.28571429rem 0em 0em !important; }

.ui.upward.dropdown.button:not(.pointing):not(.floating).active { border-radius: 0.28571429rem 0.28571429rem 0em 0em; }

/* Selection */
.ui.upward.selection.dropdown .menu { border-top-width: 1px !important; border-bottom-width: 0px !important; -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); }

.ui.upward.selection.dropdown:hover { -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05); }

/* Active Upward */
.ui.active.upward.selection.dropdown { border-radius: 0em 0em 0.28571429rem 0.28571429rem !important; }

/* Visible Upward */
.ui.upward.selection.dropdown.visible { -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); border-radius: 0em 0em 0.28571429rem 0.28571429rem !important; }

/* Visible Hover Upward */
.ui.upward.active.selection.dropdown:hover { -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05); }

.ui.upward.active.selection.dropdown:hover .menu { -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); }

/*-------------- Simple ---------------*/
/*  Selection Menu */
.ui.scrolling.dropdown .menu, .ui.dropdown .scrolling.menu { overflow-x: hidden; overflow-y: auto; }

.ui.scrolling.dropdown .menu { overflow-x: hidden; overflow-y: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; min-width: 100% !important; width: auto !important; }

.ui.dropdown .scrolling.menu { position: static; overflow-y: auto; border: none; -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 0 !important; margin: 0 !important; min-width: 100% !important; width: auto !important; border-top: 1px solid rgba(34, 36, 38, 0.15); }

.ui.scrolling.dropdown .menu .item.item.item, .ui.dropdown .scrolling.menu > .item.item.item { border-top: none; }

.ui.scrolling.dropdown .menu .item:first-child, .ui.dropdown .scrolling.menu .item:first-child { border-top: none; }

.ui.dropdown > .animating.menu .scrolling.menu, .ui.dropdown > .visible.menu .scrolling.menu { display: block; }

/* Scrollbar in IE */
@media all and (-ms-high-contrast: none) { .ui.scrolling.dropdown .menu, .ui.dropdown .scrolling.menu { min-width: calc(100% -  17px); } }

@media only screen and (max-width: 767px) { .ui.scrolling.dropdown .menu, .ui.dropdown .scrolling.menu { max-height: 10.28571429rem; } }

@media only screen and (min-width: 768px) { .ui.scrolling.dropdown .menu, .ui.dropdown .scrolling.menu { max-height: 15.42857143rem; } }

@media only screen and (min-width: 992px) { .ui.scrolling.dropdown .menu, .ui.dropdown .scrolling.menu { max-height: 20.57142857rem; } }

@media only screen and (min-width: 1920px) { .ui.scrolling.dropdown .menu, .ui.dropdown .scrolling.menu { max-height: 20.57142857rem; } }

/*-------------- Simple ---------------*/
/* Displays without javascript */
.ui.simple.dropdown .menu:before, .ui.simple.dropdown .menu:after { display: none; }

.ui.simple.dropdown .menu { position: absolute; display: block; overflow: hidden; top: -9999px !important; opacity: 0; width: 0; height: 0; -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; }

.ui.simple.active.dropdown, .ui.simple.dropdown:hover { border-bottom-left-radius: 0em !important; border-bottom-right-radius: 0em !important; }

.ui.simple.active.dropdown > .menu, .ui.simple.dropdown:hover > .menu { overflow: visible; width: auto; height: auto; top: 100% !important; opacity: 1; }

.ui.simple.dropdown > .menu > .item:active > .menu, .ui.simple.dropdown:hover > .menu > .item:hover > .menu { overflow: visible; width: auto; height: auto; top: 0% !important; left: 100% !important; opacity: 1; }

.ui.simple.disabled.dropdown:hover .menu { display: none; height: 0px; width: 0px; overflow: hidden; }

/* Visible */
.ui.simple.visible.dropdown > .menu { display: block; }

/*-------------- Fluid ---------------*/
/*-------------- Floating ---------------*/
.ui.floating.dropdown .menu { left: 0; right: auto; -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important; box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important; border-radius: 0.28571429rem !important; }

.ui.floating.dropdown > .menu { margin-top: 0.5em !important; border-radius: 0.28571429rem !important; }

/*-------------- Pointing ---------------*/
.ui.pointing.dropdown > .menu { top: 100%; margin-top: 0.78571429rem; border-radius: 0.28571429rem; }

.ui.pointing.dropdown > .menu:after { display: block; position: absolute; pointer-events: none; content: ''; visibility: visible; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 0.5em; height: 0.5em; -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); background: #FFFFFF; z-index: 2; }

.ui.pointing.dropdown > .menu:after { top: -0.25em; left: 50%; margin: 0em 0em 0em -0.25em; }

/* Top Left Pointing */
.ui.top.left.pointing.dropdown > .menu { top: 100%; bottom: auto; left: 0%; right: auto; margin: 1em 0em 0em; }

.ui.top.left.pointing.dropdown > .menu { top: 100%; bottom: auto; left: 0%; right: auto; margin: 1em 0em 0em; }

.ui.top.left.pointing.dropdown > .menu:after { top: -0.25em; left: 1em; right: auto; margin: 0em; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

/* Top Right Pointing */
.ui.top.right.pointing.dropdown > .menu { top: 100%; bottom: auto; right: 0%; left: auto; margin: 1em 0em 0em; }

.ui.top.pointing.dropdown > .left.menu:after, .ui.top.right.pointing.dropdown > .menu:after { top: -0.25em; left: auto !important; right: 1em !important; margin: 0em; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

/* Left Pointing */
.ui.left.pointing.dropdown > .menu { top: 0%; left: 100%; right: auto; margin: 0em 0em 0em 1em; }

.ui.left.pointing.dropdown > .menu:after { top: 1em; left: -0.25em; margin: 0em 0em 0em 0em; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu { left: auto !important; right: 100% !important; margin: 0em 1em 0em 0em; }

.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after { top: 1em; left: auto; right: -0.25em; margin: 0em 0em 0em 0em; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

/* Right Pointing */
.ui.right.pointing.dropdown > .menu { top: 0%; left: auto; right: 100%; margin: 0em 1em 0em 0em; }

.ui.right.pointing.dropdown > .menu:after { top: 1em; left: auto; right: -0.25em; margin: 0em 0em 0em 0em; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

/* Bottom Pointing */
.ui.bottom.pointing.dropdown > .menu { top: auto; bottom: 100%; left: 0%; right: auto; margin: 0em 0em 1em; }

.ui.bottom.pointing.dropdown > .menu:after { top: auto; bottom: -0.25em; right: auto; margin: 0em; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }

/* Reverse Sub-Menu Direction */
.ui.bottom.pointing.dropdown > .menu .menu { top: auto !important; bottom: 0px !important; }

/* Bottom Left */
.ui.bottom.left.pointing.dropdown > .menu { left: 0%; right: auto; }

.ui.bottom.left.pointing.dropdown > .menu:after { left: 1em; right: auto; }

/* Bottom Right */
.ui.bottom.right.pointing.dropdown > .menu { right: 0%; left: auto; }

.ui.bottom.right.pointing.dropdown > .menu:after { left: auto; right: 1em; }

/* Upward pointing */
.ui.pointing.upward.dropdown .menu, .ui.top.pointing.upward.dropdown .menu { top: auto !important; bottom: 100% !important; margin: 0em 0em 0.78571429rem; border-radius: 0.28571429rem; }

.ui.pointing.upward.dropdown .menu:after, .ui.top.pointing.upward.dropdown .menu:after { top: 100% !important; bottom: auto !important; -webkit-box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15); box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15); margin: -0.25em 0em 0em; }

/* Right Pointing Upward */
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu { top: auto !important; bottom: 0 !important; margin: 0em 1em 0em 0em; }

.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after { top: auto !important; bottom: 0 !important; margin: 0em 0em 1em 0em; -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); }

/* Left Pointing Upward */
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu { top: auto !important; bottom: 0 !important; margin: 0em 0em 0em 1em; }

.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after { top: auto !important; bottom: 0 !important; margin: 0em 0em 1em 0em; -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); }

/******************************* Theme Overrides */
/* Dropdown Carets */
@font-face { font-family: 'Dropdown'; src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVgAA8AAAAACFAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAchGgaq0dERUYAAAF0AAAAHAAAAB4AJwAPT1MvMgAAAZAAAABDAAAAVnW4TJdjbWFwAAAB1AAAAEsAAAFS8CcaqmN2dCAAAAIgAAAABAAAAAQAEQFEZ2FzcAAAAiQAAAAIAAAACP//AANnbHlmAAACLAAAAQoAAAGkrRHP9WhlYWQAAAM4AAAAMAAAADYPK8YyaGhlYQAAA2gAAAAdAAAAJANCAb1obXR4AAADiAAAACIAAAAiCBkAOGxvY2EAAAOsAAAAFAAAABQBnAIybWF4cAAAA8AAAAAfAAAAIAEVAF5uYW1lAAAD4AAAATAAAAKMFGlj5HBvc3QAAAUQAAAARgAAAHJoedjqd2ViZgAABVgAAAAGAAAABrO7W5UAAAABAAAAANXulPUAAAAA1r4hgAAAAADXu2Q1eNpjYGRgYOABYjEgZmJgBEIOIGYB8xgAA/YAN3jaY2BktGOcwMDKwMI4jTGNgYHBHUp/ZZBkaGFgYGJgZWbACgLSXFMYHFT/fLjFeOD/AQY9xjMMbkBhRpAcAN48DQYAeNpjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETAwMqn8+8H649f8/lHX9//9b7Pzf+fWgusCAkY0BzmUE6gHpQwGMDMMeAACbxg7SAAARAUQAAAAB//8AAnjadZBPSsNAGMXfS+yMqYgOhpSuSlKadmUhiVEhEMQzFF22m17BbbvzCh5BXCUn6EG8gjeQ4DepwYo4i+/ffL95j4EDA+CFC7jQuKyIeVHrI3wkleq9F7XrSInKteOeHdda8bOoaeepSc00NWPz/LRec9G8GabyGtEdF7h19z033GAMTK7zbM42xNEZpzYof0RtQ5CUHAQJ73OtVyutc+3b7Ou//b8XNlsPx3jgjUifABdhEohKJJL5iM5p39uqc7X1+sRQSqmGrUVhlsJ4lpmEUVwyT8SUYtg0P9DyNzPADDs+tjrGV6KRCRfsui3eHcL4/p8ZXvfMlcnEU+CLv7hDykOP+AKTPTxbAAB42mNgZGBgAGKuf5KP4vltvjLIMzGAwLV9ig0g+vruFFMQzdjACOJzMIClARh0CTJ42mNgZGBgPPD/AJD8wgAEjA0MjAyogAMAbOQEAQAAAAC7ABEAAAAAAKoAAAH0AAABgAAAAUAACAFAAAgAwAAXAAAAAAAAACoAKgAqADIAbACGAKAAugDSeNpjYGRgYOBkUGFgYgABEMkFhAwM/xn0QAIADdUBdAB42qWQvUoDQRSFv3GjaISUQaymSmGxJoGAsRC0iPYLsU50Y6IxrvlRtPCJJKUPIBb+PIHv4EN4djKuKAqCDHfmu+feOdwZoMCUAJNbAlYUMzaUlM14jjxbngOq7HnOia89z1Pk1vMCa9x7ztPkzfMyJbPj+ZGi6Xp+omxuPD+zaD7meaFg7mb8GrBqHmhwxoAxlm0uiRkpP9X5m26pKRoMxTGR1D49Dv/Yb/91o6l8qL6eu5n2hZQzn68utR9m3FU2cB4t9cdSLG2utI+44Eh/P9bqKO+oJ/WxmXssj77YkrjasZQD6SFddythk3Wtzrf+UF2p076Udla1VNzsERP3kkjVRKel7mp1udXYcHtZSlV7RfmJe1GiFWveluaeKD5/MuJcSk8Tpm/vvwPIbmJleNpjYGKAAFYG7ICTgYGRiZGZkYWRlZGNkZ2Rg5GTLT2nsiDDEEIZsZfmZRqZujmDaDcDAxcI7WIOpS2gtCWUdgQAZkcSmQAAAAFblbO6AAA=) format("woff"); font-weight: normal; font-style: normal; }

.ui.dropdown > .dropdown.icon { font-family: 'Dropdown'; line-height: 1; height: 1em; width: 1.23em; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-weight: normal; font-style: normal; text-align: center; }

.ui.dropdown > .dropdown.icon { width: auto; }

.ui.dropdown > .dropdown.icon:before { content: '\f0d7'; }

/* Sub Menu */
.ui.dropdown .menu .item .dropdown.icon:before { content: ""; }

.ui.dropdown .item .left.dropdown.icon:before, .ui.dropdown .left.menu .item .dropdown.icon:before { content: ""; }

/* Vertical Menu Dropdown */
.ui.vertical.menu .dropdown.item > .dropdown.icon:before { content: ""; }

.ui.dropdown > .clear.icon:before { content: "\f00d"; }

/* Icons for Reference (Subsetted in 2.4.0) .dropdown.down:before { content: "\f0d7"; } .dropdown.up:before { content: "\f0d8"; } .dropdown.left:before { content: "\f0d9"; } .dropdown.right:before { content: "\f0da"; } .dropdown.close:before { content: "\f00d"; } */
/******************************* User Overrides */
.flag-wrap { width: 20px; text-align: center; margin-right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.flag { display: inline-block; width: 20px; }

.flag.icon-website { text-align: center; font-size: 16px; }

.flag.f-be { width: 18px; }

.flag.f-ch { width: 15px; }

.flag.f-mc { width: 19px; }

.flag.f-ne { width: 18px; }

.flag.f-np { width: 13px; }

.flag.f-va { width: 15px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .flag { background-size: 5652px 15px; } }

.flag.f-ac { height: 10px; background-position: 0px 0px; }

.flag.f-ad { height: 14px; background-position: -22px 0px; }

.flag.f-ae { height: 10px; background-position: -44px 0px; }

.flag.f-af { height: 14px; background-position: -66px 0px; }

.flag.f-ag { height: 14px; background-position: -88px 0px; }

.flag.f-ai { height: 10px; background-position: -110px 0px; }

.flag.f-al { height: 15px; background-position: -132px 0px; }

.flag.f-am { height: 10px; background-position: -154px 0px; }

.flag.f-ao { height: 14px; background-position: -176px 0px; }

.flag.f-aq { height: 14px; background-position: -198px 0px; }

.flag.f-ar { height: 13px; background-position: -220px 0px; }

.flag.f-as { height: 10px; background-position: -242px 0px; }

.flag.f-at { height: 14px; background-position: -264px 0px; }

.flag.f-au { height: 10px; background-position: -286px 0px; }

.flag.f-aw { height: 14px; background-position: -308px 0px; }

.flag.f-ax { height: 13px; background-position: -330px 0px; }

.flag.f-az { height: 10px; background-position: -352px 0px; }

.flag.f-ba { height: 10px; background-position: -374px 0px; }

.flag.f-bb { height: 14px; background-position: -396px 0px; }

.flag.f-bd { height: 12px; background-position: -418px 0px; }

.flag.f-be { height: 15px; background-position: -440px 0px; }

.flag.f-bf { height: 14px; background-position: -460px 0px; }

.flag.f-bg { height: 12px; background-position: -482px 0px; }

.flag.f-bh { height: 12px; background-position: -504px 0px; }

.flag.f-bi { height: 12px; background-position: -526px 0px; }

.flag.f-bj { height: 14px; background-position: -548px 0px; }

.flag.f-bl { height: 14px; background-position: -570px 0px; }

.flag.f-bm { height: 10px; background-position: -592px 0px; }

.flag.f-bn { height: 10px; background-position: -614px 0px; }

.flag.f-bo { height: 14px; background-position: -636px 0px; }

.flag.f-bq { height: 14px; background-position: -658px 0px; }

.flag.f-br { height: 14px; background-position: -680px 0px; }

.flag.f-bs { height: 10px; background-position: -702px 0px; }

.flag.f-bt { height: 14px; background-position: -724px 0px; }

.flag.f-bv { height: 15px; background-position: -746px 0px; }

.flag.f-bw { height: 14px; background-position: -768px 0px; }

.flag.f-by { height: 10px; background-position: -790px 0px; }

.flag.f-bz { height: 14px; background-position: -812px 0px; }

.flag.f-ca { height: 10px; background-position: -834px 0px; }

.flag.f-cc { height: 10px; background-position: -856px 0px; }

.flag.f-cd { height: 15px; background-position: -878px 0px; }

.flag.f-cf { height: 14px; background-position: -900px 0px; }

.flag.f-cg { height: 14px; background-position: -922px 0px; }

.flag.f-ch { height: 15px; background-position: -944px 0px; }

.flag.f-ci { height: 14px; background-position: -961px 0px; }

.flag.f-ck { height: 10px; background-position: -983px 0px; }

.flag.f-cl { height: 14px; background-position: -1005px 0px; }

.flag.f-cm { height: 14px; background-position: -1027px 0px; }

.flag.f-cn { height: 14px; background-position: -1049px 0px; }

.flag.f-co { height: 14px; background-position: -1071px 0px; }

.flag.f-cp { height: 14px; background-position: -1093px 0px; }

.flag.f-cr { height: 12px; background-position: -1115px 0px; }

.flag.f-cu { height: 10px; background-position: -1137px 0px; }

.flag.f-cv { height: 12px; background-position: -1159px 0px; }

.flag.f-cw { height: 14px; background-position: -1181px 0px; }

.flag.f-cx { height: 10px; background-position: -1203px 0px; }

.flag.f-cy { height: 14px; background-position: -1225px 0px; }

.flag.f-cz { height: 14px; background-position: -1247px 0px; }

.flag.f-de { height: 12px; background-position: -1269px 0px; }

.flag.f-dg { height: 10px; background-position: -1291px 0px; }

.flag.f-dj { height: 14px; background-position: -1313px 0px; }

.flag.f-dk { height: 15px; background-position: -1335px 0px; }

.flag.f-dm { height: 10px; background-position: -1357px 0px; }

.flag.f-do { height: 14px; background-position: -1379px 0px; }

.flag.f-dz { height: 14px; background-position: -1401px 0px; }

.flag.f-ea { height: 14px; background-position: -1423px 0px; }

.flag.f-ec { height: 14px; background-position: -1445px 0px; }

.flag.f-ee { height: 13px; background-position: -1467px 0px; }

.flag.f-eg { height: 14px; background-position: -1489px 0px; }

.flag.f-eh { height: 10px; background-position: -1511px 0px; }

.flag.f-er { height: 10px; background-position: -1533px 0px; }

.flag.f-es { height: 14px; background-position: -1555px 0px; }

.flag.f-et { height: 10px; background-position: -1577px 0px; }

.flag.f-eu { height: 14px; background-position: -1599px 0px; }

.flag.f-fi { height: 12px; background-position: -1621px 0px; }

.flag.f-fj { height: 10px; background-position: -1643px 0px; }

.flag.f-fk { height: 10px; background-position: -1665px 0px; }

.flag.f-fm { height: 11px; background-position: -1687px 0px; }

.flag.f-fo { height: 15px; background-position: -1709px 0px; }

.flag.f-fr { height: 14px; background-position: -1731px 0px; }

.flag.f-ga { height: 15px; background-position: -1753px 0px; }

.flag.f-gb { height: 10px; background-position: -1775px 0px; }

.flag.f-gd { height: 12px; background-position: -1797px 0px; }

.flag.f-ge { height: 14px; background-position: -1819px 0px; }

.flag.f-gf { height: 14px; background-position: -1841px 0px; }

.flag.f-gg { height: 14px; background-position: -1863px 0px; }

.flag.f-gh { height: 14px; background-position: -1885px 0px; }

.flag.f-gi { height: 10px; background-position: -1907px 0px; }

.flag.f-gl { height: 14px; background-position: -1929px 0px; }

.flag.f-gm { height: 14px; background-position: -1951px 0px; }

.flag.f-gn { height: 14px; background-position: -1973px 0px; }

.flag.f-gp { height: 14px; background-position: -1995px 0px; }

.flag.f-gq { height: 14px; background-position: -2017px 0px; }

.flag.f-gr { height: 14px; background-position: -2039px 0px; }

.flag.f-gs { height: 10px; background-position: -2061px 0px; }

.flag.f-gt { height: 13px; background-position: -2083px 0px; }

.flag.f-gu { height: 11px; background-position: -2105px 0px; }

.flag.f-gw { height: 10px; background-position: -2127px 0px; }

.flag.f-gy { height: 12px; background-position: -2149px 0px; }

.flag.f-hk { height: 14px; background-position: -2171px 0px; }

.flag.f-hm { height: 10px; background-position: -2193px 0px; }

.flag.f-hn { height: 10px; background-position: -2215px 0px; }

.flag.f-hr { height: 10px; background-position: -2237px 0px; }

.flag.f-ht { height: 12px; background-position: -2259px 0px; }

.flag.f-hu { height: 10px; background-position: -2281px 0px; }

.flag.f-ic { height: 14px; background-position: -2303px 0px; }

.flag.f-id { height: 14px; background-position: -2325px 0px; }

.flag.f-ie { height: 10px; background-position: -2347px 0px; }

.flag.f-il { height: 15px; background-position: -2369px 0px; }

.flag.f-im { height: 10px; background-position: -2391px 0px; }

.flag.f-in { height: 14px; background-position: -2413px 0px; }

.flag.f-io { height: 10px; background-position: -2435px 0px; }

.flag.f-iq { height: 14px; background-position: -2457px 0px; }

.flag.f-ir { height: 12px; background-position: -2479px 0px; }

.flag.f-is { height: 15px; background-position: -2501px 0px; }

.flag.f-it { height: 14px; background-position: -2523px 0px; }

.flag.f-je { height: 12px; background-position: -2545px 0px; }

.flag.f-jm { height: 10px; background-position: -2567px 0px; }

.flag.f-jo { height: 10px; background-position: -2589px 0px; }

.flag.f-jp { height: 14px; background-position: -2611px 0px; }

.flag.f-ke { height: 14px; background-position: -2633px 0px; }

.flag.f-kg { height: 12px; background-position: -2655px 0px; }

.flag.f-kh { height: 13px; background-position: -2677px 0px; }

.flag.f-ki { height: 10px; background-position: -2699px 0px; }

.flag.f-km { height: 12px; background-position: -2721px 0px; }

.flag.f-kn { height: 14px; background-position: -2743px 0px; }

.flag.f-kp { height: 10px; background-position: -2765px 0px; }

.flag.f-kr { height: 14px; background-position: -2787px 0px; }

.flag.f-kw { height: 10px; background-position: -2809px 0px; }

.flag.f-ky { height: 10px; background-position: -2831px 0px; }

.flag.f-kz { height: 10px; background-position: -2853px 0px; }

.flag.f-la { height: 14px; background-position: -2875px 0px; }

.flag.f-lb { height: 14px; background-position: -2897px 0px; }

.flag.f-lc { height: 10px; background-position: -2919px 0px; }

.flag.f-li { height: 12px; background-position: -2941px 0px; }

.flag.f-lk { height: 10px; background-position: -2963px 0px; }

.flag.f-lr { height: 11px; background-position: -2985px 0px; }

.flag.f-ls { height: 14px; background-position: -3007px 0px; }

.flag.f-lt { height: 12px; background-position: -3029px 0px; }

.flag.f-lu { height: 12px; background-position: -3051px 0px; }

.flag.f-lv { height: 10px; background-position: -3073px 0px; }

.flag.f-ly { height: 10px; background-position: -3095px 0px; }

.flag.f-ma { height: 14px; background-position: -3117px 0px; }

.flag.f-mc { height: 15px; background-position: -3139px 0px; }

.flag.f-md { height: 10px; background-position: -3160px 0px; }

.flag.f-me { height: 10px; background-position: -3182px 0px; }

.flag.f-mf { height: 14px; background-position: -3204px 0px; }

.flag.f-mg { height: 14px; background-position: -3226px 0px; }

.flag.f-mh { height: 11px; background-position: -3248px 0px; }

.flag.f-mk { height: 10px; background-position: -3270px 0px; }

.flag.f-ml { height: 14px; background-position: -3292px 0px; }

.flag.f-mm { height: 14px; background-position: -3314px 0px; }

.flag.f-mn { height: 10px; background-position: -3336px 0px; }

.flag.f-mo { height: 14px; background-position: -3358px 0px; }

.flag.f-mp { height: 10px; background-position: -3380px 0px; }

.flag.f-mq { height: 14px; background-position: -3402px 0px; }

.flag.f-mr { height: 14px; background-position: -3424px 0px; }

.flag.f-ms { height: 10px; background-position: -3446px 0px; }

.flag.f-mt { height: 14px; background-position: -3468px 0px; }

.flag.f-mu { height: 14px; background-position: -3490px 0px; }

.flag.f-mv { height: 14px; background-position: -3512px 0px; }

.flag.f-mw { height: 14px; background-position: -3534px 0px; }

.flag.f-mx { height: 12px; background-position: -3556px 0px; }

.flag.f-my { height: 10px; background-position: -3578px 0px; }

.flag.f-mz { height: 14px; background-position: -3600px 0px; }

.flag.f-na { height: 14px; background-position: -3622px 0px; }

.flag.f-nc { height: 10px; background-position: -3644px 0px; }

.flag.f-ne { height: 15px; background-position: -3666px 0px; }

.flag.f-nf { height: 10px; background-position: -3686px 0px; }

.flag.f-ng { height: 10px; background-position: -3708px 0px; }

.flag.f-ni { height: 12px; background-position: -3730px 0px; }

.flag.f-nl { height: 14px; background-position: -3752px 0px; }

.flag.f-no { height: 15px; background-position: -3774px 0px; }

.flag.f-np { height: 15px; background-position: -3796px 0px; }

.flag.f-nr { height: 10px; background-position: -3811px 0px; }

.flag.f-nu { height: 10px; background-position: -3833px 0px; }

.flag.f-nz { height: 10px; background-position: -3855px 0px; }

.flag.f-om { height: 10px; background-position: -3877px 0px; }

.flag.f-pa { height: 14px; background-position: -3899px 0px; }

.flag.f-pe { height: 14px; background-position: -3921px 0px; }

.flag.f-pf { height: 14px; background-position: -3943px 0px; }

.flag.f-pg { height: 15px; background-position: -3965px 0px; }

.flag.f-ph { height: 10px; background-position: -3987px 0px; }

.flag.f-pk { height: 14px; background-position: -4009px 0px; }

.flag.f-pl { height: 13px; background-position: -4031px 0px; }

.flag.f-pm { height: 14px; background-position: -4053px 0px; }

.flag.f-pn { height: 10px; background-position: -4075px 0px; }

.flag.f-pr { height: 14px; background-position: -4097px 0px; }

.flag.f-ps { height: 10px; background-position: -4119px 0px; }

.flag.f-pt { height: 14px; background-position: -4141px 0px; }

.flag.f-pw { height: 13px; background-position: -4163px 0px; }

.flag.f-py { height: 11px; background-position: -4185px 0px; }

.flag.f-qa { height: 8px; background-position: -4207px 0px; }

.flag.f-re { height: 14px; background-position: -4229px 0px; }

.flag.f-ro { height: 14px; background-position: -4251px 0px; }

.flag.f-rs { height: 14px; background-position: -4273px 0px; }

.flag.f-ru { height: 14px; background-position: -4295px 0px; }

.flag.f-rw { height: 14px; background-position: -4317px 0px; }

.flag.f-sa { height: 14px; background-position: -4339px 0px; }

.flag.f-sb { height: 10px; background-position: -4361px 0px; }

.flag.f-sc { height: 10px; background-position: -4383px 0px; }

.flag.f-sd { height: 10px; background-position: -4405px 0px; }

.flag.f-se { height: 13px; background-position: -4427px 0px; }

.flag.f-sg { height: 14px; background-position: -4449px 0px; }

.flag.f-sh { height: 10px; background-position: -4471px 0px; }

.flag.f-si { height: 10px; background-position: -4493px 0px; }

.flag.f-sj { height: 15px; background-position: -4515px 0px; }

.flag.f-sk { height: 14px; background-position: -4537px 0px; }

.flag.f-sl { height: 14px; background-position: -4559px 0px; }

.flag.f-sm { height: 15px; background-position: -4581px 0px; }

.flag.f-sn { height: 14px; background-position: -4603px 0px; }

.flag.f-so { height: 14px; background-position: -4625px 0px; }

.flag.f-sr { height: 14px; background-position: -4647px 0px; }

.flag.f-ss { height: 10px; background-position: -4669px 0px; }

.flag.f-st { height: 10px; background-position: -4691px 0px; }

.flag.f-sv { height: 12px; background-position: -4713px 0px; }

.flag.f-sx { height: 14px; background-position: -4735px 0px; }

.flag.f-sy { height: 14px; background-position: -4757px 0px; }

.flag.f-sz { height: 14px; background-position: -4779px 0px; }

.flag.f-ta { height: 10px; background-position: -4801px 0px; }

.flag.f-tc { height: 10px; background-position: -4823px 0px; }

.flag.f-td { height: 14px; background-position: -4845px 0px; }

.flag.f-tf { height: 14px; background-position: -4867px 0px; }

.flag.f-tg { height: 13px; background-position: -4889px 0px; }

.flag.f-th { height: 14px; background-position: -4911px 0px; }

.flag.f-tj { height: 10px; background-position: -4933px 0px; }

.flag.f-tk { height: 10px; background-position: -4955px 0px; }

.flag.f-tl { height: 10px; background-position: -4977px 0px; }

.flag.f-tm { height: 14px; background-position: -4999px 0px; }

.flag.f-tn { height: 14px; background-position: -5021px 0px; }

.flag.f-to { height: 10px; background-position: -5043px 0px; }

.flag.f-tr { height: 14px; background-position: -5065px 0px; }

.flag.f-tt { height: 12px; background-position: -5087px 0px; }

.flag.f-tv { height: 10px; background-position: -5109px 0px; }

.flag.f-tw { height: 14px; background-position: -5131px 0px; }

.flag.f-tz { height: 14px; background-position: -5153px 0px; }

.flag.f-ua { height: 14px; background-position: -5175px 0px; }

.flag.f-ug { height: 14px; background-position: -5197px 0px; }

.flag.f-um { height: 11px; background-position: -5219px 0px; }

.flag.f-un { height: 14px; background-position: -5241px 0px; }

.flag.f-us { height: 11px; background-position: -5263px 0px; }

.flag.f-uy { height: 14px; background-position: -5285px 0px; }

.flag.f-uz { height: 10px; background-position: -5307px 0px; }

.flag.f-va { height: 15px; background-position: -5329px 0px; }

.flag.f-vc { height: 14px; background-position: -5346px 0px; }

.flag.f-ve { height: 14px; background-position: -5368px 0px; }

.flag.f-vg { height: 10px; background-position: -5390px 0px; }

.flag.f-vi { height: 14px; background-position: -5412px 0px; }

.flag.f-vn { height: 14px; background-position: -5434px 0px; }

.flag.f-vu { height: 12px; background-position: -5456px 0px; }

.flag.f-wf { height: 14px; background-position: -5478px 0px; }

.flag.f-ws { height: 10px; background-position: -5500px 0px; }

.flag.f-xk { height: 15px; background-position: -5522px 0px; }

.flag.f-ye { height: 14px; background-position: -5544px 0px; }

.flag.f-yt { height: 14px; background-position: -5566px 0px; }

.flag.f-za { height: 14px; background-position: -5588px 0px; }

.flag.f-zm { height: 14px; background-position: -5610px 0px; }

.flag.f-zw { height: 10px; background-position: -5632px 0px; }

.flag { height: 15px; background-image: url("../lib/plugins/tel-input/img/flags.png"); background-repeat: no-repeat; background-position: 20px 0; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .flag { background-image: url("../lib/plugins/tel-input/img/flags@2x.png"); } }

/******************************* Transitions */
.transition { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

/******************************* States */
/* Animating */
.animating.transition { -webkit-backface-visibility: hidden; backface-visibility: hidden; visibility: visible !important; }

/* Loading */
.loading.transition { position: absolute; top: -99999px; left: -99999px; }

/* Hidden */
.hidden.transition { display: none; visibility: hidden; }

/* Visible */
.visible.transition { display: block !important; visibility: visible !important; /*  backface-visibility: @backfaceVisibility; transform: @use3DAcceleration;*/ }

/* Disabled */
.disabled.transition { -webkit-animation-play-state: paused; animation-play-state: paused; }

/******************************* Variations */
.looping.transition { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

/******************************* Transitions */
/* Some transitions adapted from Animate CSS https://github.com/daneden/animate.css Additional transitions adapted from Glide by Nick Pettit - https://github.com/nickpettit/glide */
/*-------------- Browse ---------------*/
.transition.browse { -webkit-animation-duration: 500ms; animation-duration: 500ms; }

.transition.browse.in { -webkit-animation-name: browseIn; animation-name: browseIn; }

.transition.browse.out, .transition.browse.left.out { -webkit-animation-name: browseOutLeft; animation-name: browseOutLeft; }

.transition.browse.right.out { -webkit-animation-name: browseOutRight; animation-name: browseOutRight; }

/* In */
@-webkit-keyframes browseIn { 0% { -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1; }
  10% { -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
    opacity: 0.7; }
  80% { -webkit-transform: scale(1.05) translateZ(0px);
    transform: scale(1.05) translateZ(0px);
    opacity: 1;
    z-index: 999; }
  100% { -webkit-transform: scale(1) translateZ(0px);
    transform: scale(1) translateZ(0px);
    z-index: 999; } }

@keyframes browseIn { 0% { -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1; }
  10% { -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
    opacity: 0.7; }
  80% { -webkit-transform: scale(1.05) translateZ(0px);
    transform: scale(1.05) translateZ(0px);
    opacity: 1;
    z-index: 999; }
  100% { -webkit-transform: scale(1) translateZ(0px);
    transform: scale(1) translateZ(0px);
    z-index: 999; } }

/* Out */
@-webkit-keyframes browseOutLeft { 0% { z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
  50% { z-index: -1;
    -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% { opacity: 1; }
  100% { z-index: -1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0; } }

@keyframes browseOutLeft { 0% { z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
  50% { z-index: -1;
    -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% { opacity: 1; }
  100% { z-index: -1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0; } }

@-webkit-keyframes browseOutRight { 0% { z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
  50% { z-index: 1;
    -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% { opacity: 1; }
  100% { z-index: 1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0; } }

@keyframes browseOutRight { 0% { z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
  50% { z-index: 1;
    -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% { opacity: 1; }
  100% { z-index: 1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0; } }

/*-------------- Drop ---------------*/
.drop.transition { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-duration: 400ms; animation-duration: 400ms; -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1); animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1); }

.drop.transition.in { -webkit-animation-name: dropIn; animation-name: dropIn; }

.drop.transition.out { -webkit-animation-name: dropOut; animation-name: dropOut; }

/* Drop */
@-webkit-keyframes dropIn { 0% { opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% { opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

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

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

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

/*-------------- Fade ---------------*/
.transition.fade.in { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

.transition[class*="fade up"].in { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

.transition[class*="fade down"].in { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

.transition[class*="fade left"].in { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

.transition[class*="fade right"].in { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

.transition.fade.out { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

.transition[class*="fade up"].out { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

.transition[class*="fade down"].out { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

.transition[class*="fade left"].out { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

.transition[class*="fade right"].out { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

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

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

@-webkit-keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@-webkit-keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@-webkit-keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

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

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

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

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

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

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

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

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

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

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

/*-------------- Flips ---------------*/
.flip.transition.in, .flip.transition.out { -webkit-animation-duration: 600ms; animation-duration: 600ms; }

.horizontal.flip.transition.in { -webkit-animation-name: horizontalFlipIn; animation-name: horizontalFlipIn; }

.horizontal.flip.transition.out { -webkit-animation-name: horizontalFlipOut; animation-name: horizontalFlipOut; }

.vertical.flip.transition.in { -webkit-animation-name: verticalFlipIn; animation-name: verticalFlipIn; }

.vertical.flip.transition.out { -webkit-animation-name: verticalFlipOut; animation-name: verticalFlipOut; }

/* In */
@-webkit-keyframes horizontalFlipIn { 0% { -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0; }
  100% { -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1; } }

@keyframes horizontalFlipIn { 0% { -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0; }
  100% { -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1; } }

@-webkit-keyframes verticalFlipIn { 0% { -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0; }
  100% { -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1; } }

@keyframes verticalFlipIn { 0% { -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0; }
  100% { -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1; } }

/* Out */
@-webkit-keyframes horizontalFlipOut { 0% { -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1; }
  100% { -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0; } }

@keyframes horizontalFlipOut { 0% { -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1; }
  100% { -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0; } }

@-webkit-keyframes verticalFlipOut { 0% { -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1; }
  100% { -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0; } }

@keyframes verticalFlipOut { 0% { -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1; }
  100% { -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0; } }

/*-------------- Scale ---------------*/
.scale.transition.in { -webkit-animation-name: scaleIn; animation-name: scaleIn; }

.scale.transition.out { -webkit-animation-name: scaleOut; animation-name: scaleOut; }

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

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

/* Out */
@-webkit-keyframes scaleOut { 0% { opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% { opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }

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

/*-------------- Fly ---------------*/
/* Inward */
.transition.fly { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.transition.fly.in { -webkit-animation-name: flyIn; animation-name: flyIn; }

.transition[class*="fly up"].in { -webkit-animation-name: flyInUp; animation-name: flyInUp; }

.transition[class*="fly down"].in { -webkit-animation-name: flyInDown; animation-name: flyInDown; }

.transition[class*="fly left"].in { -webkit-animation-name: flyInLeft; animation-name: flyInLeft; }

.transition[class*="fly right"].in { -webkit-animation-name: flyInRight; animation-name: flyInRight; }

/* Outward */
.transition.fly.out { -webkit-animation-name: flyOut; animation-name: flyOut; }

.transition[class*="fly up"].out { -webkit-animation-name: flyOutUp; animation-name: flyOutUp; }

.transition[class*="fly down"].out { -webkit-animation-name: flyOutDown; animation-name: flyOutDown; }

.transition[class*="fly left"].out { -webkit-animation-name: flyOutLeft; animation-name: flyOutLeft; }

.transition[class*="fly right"].out { -webkit-animation-name: flyOutRight; animation-name: flyOutRight; }

/* In */
@-webkit-keyframes flyIn { 0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes flyIn { 0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-webkit-keyframes flyInUp { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 1500px, 0);
    transform: translate3d(0, 1500px, 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 flyInUp { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 1500px, 0);
    transform: translate3d(0, 1500px, 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); } }

@-webkit-keyframes flyInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -1500px, 0);
    transform: translate3d(0, -1500px, 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 flyInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -1500px, 0);
    transform: translate3d(0, -1500px, 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; } }

@-webkit-keyframes flyInLeft { 0% { opacity: 0;
    -webkit-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 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 flyInLeft { 0% { opacity: 0;
    -webkit-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 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; } }

@-webkit-keyframes flyInRight { 0% { opacity: 0;
    -webkit-transform: translate3d(-1500px, 0, 0);
    transform: translate3d(-1500px, 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 flyInRight { 0% { opacity: 0;
    -webkit-transform: translate3d(-1500px, 0, 0);
    transform: translate3d(-1500px, 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; } }

/* Out */
@-webkit-keyframes flyOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes flyOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

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

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

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

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

/*-------------- Slide ---------------*/
.transition.slide.in, .transition[class*="slide down"].in { -webkit-animation-name: slideInY; animation-name: slideInY; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; }

.transition[class*="slide up"].in { -webkit-animation-name: slideInY; animation-name: slideInY; -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; }

.transition[class*="slide left"].in { -webkit-animation-name: slideInX; animation-name: slideInX; -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right; }

.transition[class*="slide right"].in { -webkit-animation-name: slideInX; animation-name: slideInX; -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; }

.transition.slide.out, .transition[class*="slide down"].out { -webkit-animation-name: slideOutY; animation-name: slideOutY; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; }

.transition[class*="slide up"].out { -webkit-animation-name: slideOutY; animation-name: slideOutY; -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; }

.transition[class*="slide left"].out { -webkit-animation-name: slideOutX; animation-name: slideOutX; -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right; }

.transition[class*="slide right"].out { -webkit-animation-name: slideOutX; animation-name: slideOutX; -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; }

/* In */
@-webkit-keyframes slideInY { 0% { opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
  100% { opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }

@keyframes slideInY { 0% { opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
  100% { opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }

@-webkit-keyframes slideInX { 0% { opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0); }
  100% { opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes slideInX { 0% { opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0); }
  100% { opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

/* Out */
@-webkit-keyframes slideOutY { 0% { opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  100% { opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); } }

@keyframes slideOutY { 0% { opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  100% { opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); } }

@-webkit-keyframes slideOutX { 0% { opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  100% { opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0); } }

@keyframes slideOutX { 0% { opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  100% { opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0); } }

/*-------------- Swing ---------------*/
.transition.swing { -webkit-animation-duration: 800ms; animation-duration: 800ms; }

.transition[class*="swing down"].in { -webkit-animation-name: swingInX; animation-name: swingInX; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; }

.transition[class*="swing up"].in { -webkit-animation-name: swingInX; animation-name: swingInX; -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; }

.transition[class*="swing left"].in { -webkit-animation-name: swingInY; animation-name: swingInY; -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right; }

.transition[class*="swing right"].in { -webkit-animation-name: swingInY; animation-name: swingInY; -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; }

.transition.swing.out, .transition[class*="swing down"].out { -webkit-animation-name: swingOutX; animation-name: swingOutX; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; }

.transition[class*="swing up"].out { -webkit-animation-name: swingOutX; animation-name: swingOutX; -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; }

.transition[class*="swing left"].out { -webkit-animation-name: swingOutY; animation-name: swingOutY; -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right; }

.transition[class*="swing right"].out { -webkit-animation-name: swingOutY; animation-name: swingOutY; -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; }

/* In */
@-webkit-keyframes swingInX { 0% { -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; }
  40% { -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1; }
  60% { -webkit-transform: perspective(1000px) rotateX(15deg);
    transform: perspective(1000px) rotateX(15deg); }
  80% { -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg); }
  100% { -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg); } }

@keyframes swingInX { 0% { -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; }
  40% { -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1; }
  60% { -webkit-transform: perspective(1000px) rotateX(15deg);
    transform: perspective(1000px) rotateX(15deg); }
  80% { -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg); }
  100% { -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg); } }

@-webkit-keyframes swingInY { 0% { -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0; }
  40% { -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1; }
  60% { -webkit-transform: perspective(1000px) rotateY(-17.5deg);
    transform: perspective(1000px) rotateY(-17.5deg); }
  80% { -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg); }
  100% { -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg); } }

@keyframes swingInY { 0% { -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0; }
  40% { -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1; }
  60% { -webkit-transform: perspective(1000px) rotateY(-17.5deg);
    transform: perspective(1000px) rotateY(-17.5deg); }
  80% { -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg); }
  100% { -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg); } }

/* Out */
@-webkit-keyframes swingOutX { 0% { -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg); }
  40% { -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg); }
  60% { -webkit-transform: perspective(1000px) rotateX(17.5deg);
    transform: perspective(1000px) rotateX(17.5deg); }
  80% { -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1; }
  100% { -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; } }

@keyframes swingOutX { 0% { -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg); }
  40% { -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg); }
  60% { -webkit-transform: perspective(1000px) rotateX(17.5deg);
    transform: perspective(1000px) rotateX(17.5deg); }
  80% { -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1; }
  100% { -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; } }

@-webkit-keyframes swingOutY { 0% { -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg); }
  40% { -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg); }
  60% { -webkit-transform: perspective(1000px) rotateY(-10deg);
    transform: perspective(1000px) rotateY(-10deg); }
  80% { -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1; }
  100% { -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0; } }

@keyframes swingOutY { 0% { -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg); }
  40% { -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg); }
  60% { -webkit-transform: perspective(1000px) rotateY(-10deg);
    transform: perspective(1000px) rotateY(-10deg); }
  80% { -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1; }
  100% { -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0; } }

/*-------------- Zoom ---------------*/
.transition.zoom.in { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

.transition.zoom.out { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

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

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

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

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

/******************************* Static Animations */
/*-------------- Emphasis ---------------*/
.flash.transition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: flash; animation-name: flash; }

.shake.transition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: shake; animation-name: shake; }

.bounce.transition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: bounce; animation-name: bounce; }

.tada.transition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: tada; animation-name: tada; }

.pulse.transition { -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-name: pulse; animation-name: pulse; }

.jiggle.transition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: jiggle; animation-name: jiggle; }

.transition.glow { -webkit-animation-duration: 2000ms; animation-duration: 2000ms; -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.transition.glow { -webkit-animation-name: glow; animation-name: glow; }

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

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

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

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

/* Bounce */
@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

@keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

/* Tada */
@-webkit-keyframes tada { 0% { -webkit-transform: scale(1);
    transform: scale(1); }
  10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% { -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

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

/* Pulse */
@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  50% { -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.7; }
  100% { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes pulse { 0% { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  50% { -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.7; }
  100% { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

/* Jiggle */
@-webkit-keyframes jiggle { 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(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes jiggle { 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(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

/* Glow */
@-webkit-keyframes glow { 0% { background-color: #FCFCFD; }
  30% { background-color: #FFF6CD; }
  100% { background-color: #FCFCFD; } }

@keyframes glow { 0% { background-color: #FCFCFD; }
  30% { background-color: #FFF6CD; }
  100% { background-color: #FCFCFD; } }

/******************************* Site Overrides */
/******************************* Search */
.ui.search { position: relative; }

.ui.search > .prompt { margin: 0em; outline: none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); text-shadow: none; font-style: normal; font-weight: normal; line-height: 1.21428571em; padding: 0.67857143em 1em; background: #FFFFFF; border: 1px solid rgba(34, 36, 38, 0.15); color: rgba(0, 0, 0, 0.87); -webkit-box-shadow: 0em 0em 0em 0em transparent inset; box-shadow: 0em 0em 0em 0em transparent inset; -webkit-transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease; transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease; }

.ui.search .prompt { border-radius: 500rem; }

/*-------------- Icon ---------------*/
.ui.search .prompt ~ .search.icon { cursor: pointer; }

/*-------------- Results ---------------*/
.ui.search > .results { display: none; position: absolute; top: 100%; left: 0%; -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; white-space: normal; text-align: left; text-transform: none; background: #FFFFFF; margin-top: 0.5em; width: 18em; border-radius: 0.28571429rem; -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); border: 1px solid #D4D4D5; z-index: 998; }

.ui.search > .results > :first-child { border-radius: 0.28571429rem 0.28571429rem 0em 0em; }

.ui.search > .results > :last-child { border-radius: 0em 0em 0.28571429rem 0.28571429rem; }

/*-------------- Result ---------------*/
.ui.search > .results .result { cursor: pointer; display: block; overflow: hidden; padding: 0.85714286em 1.14285714em; color: rgba(0, 0, 0, 0.87); line-height: 1.33; border-bottom: 1px solid rgba(34, 36, 38, 0.1); }

.ui.search > .results .result:last-child { border-bottom: none !important; }

/* Image */
.ui.search > .results .result .image { float: right; overflow: hidden; background: none; width: 5em; height: 3em; border-radius: 0.25em; }

.ui.search > .results .result .image img { display: block; width: auto; height: 100%; }

/*-------------- Info ---------------*/
.ui.search > .results .result .image + .content { margin: 0em 6em 0em 0em; }

.ui.search > .results .result .title { margin: -0.14285714em 0em 0em; font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight: bold; color: rgba(0, 0, 0, 0.85); }

.ui.search > .results .result .description { margin-top: 0; color: rgba(0, 0, 0, 0.4); }

.ui.search > .results .result .price { float: right; color: #21BA45; }

/*-------------- Message ---------------*/
.ui.search > .results > .message { padding: 1em 1em; }

.ui.search > .results > .message .header { font-weight: bold; color: rgba(0, 0, 0, 0.87); }

.ui.search > .results > .message .description { margin-top: 0.25rem; color: rgba(0, 0, 0, 0.87); }

/* View All Results */
.ui.search > .results > .action { display: block; border-top: none; background: #F3F4F5; padding: 0.92857143em 1em; color: rgba(0, 0, 0, 0.87); font-weight: bold; text-align: center; }

/******************************* States */
/*-------------------- Focus ---------------------*/
.ui.search > .prompt:focus { border-color: rgba(34, 36, 38, 0.35); background: #FFFFFF; color: rgba(0, 0, 0, 0.95); }

/*-------------------- Loading ---------------------*/
.ui.loading.search .input > i.icon:before { position: absolute; content: ''; top: 50%; left: 50%; margin: -0.64285714em 0em 0em -0.64285714em; width: 1.28571429em; height: 1.28571429em; border-radius: 500rem; border: 0.2em solid rgba(0, 0, 0, 0.1); }

.ui.loading.search .input > i.icon:after { position: absolute; content: ''; top: 50%; left: 50%; margin: -0.64285714em 0em 0em -0.64285714em; width: 1.28571429em; height: 1.28571429em; -webkit-animation: button-spin 0.6s linear; animation: button-spin 0.6s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-radius: 500rem; border-color: #767676 transparent transparent; border-style: solid; border-width: 0.2em; -webkit-box-shadow: 0px 0px 0px 1px transparent; box-shadow: 0px 0px 0px 1px transparent; }

/*-------------- Hover ---------------*/
.ui.search > .results .result:hover, .ui.category.search > .results .category .result:hover { background: #F9FAFB; }

.ui.search .action:hover { background: #E0E0E0; }

/*-------------- Active ---------------*/
.ui.category.search > .results .category.active { background: #F3F4F5; }

.ui.category.search > .results .category.active > .name { color: rgba(0, 0, 0, 0.87); }

.ui.search > .results .result.active, .ui.category.search > .results .category .result.active { position: relative; border-left-color: rgba(34, 36, 38, 0.1); background: #F3F4F5; -webkit-box-shadow: none; box-shadow: none; }

.ui.search > .results .result.active .title { color: rgba(0, 0, 0, 0.85); }

.ui.search > .results .result.active .description { color: rgba(0, 0, 0, 0.85); }

/*-------------------- Disabled ----------------------*/
/* Disabled */
.ui.disabled.search { cursor: default; pointer-events: none; opacity: 0.45; }

/******************************* Types */
/*-------------- Selection ---------------*/
.ui.search.selection .prompt { border-radius: 0.28571429rem; }

/* Remove input */
.ui.search.selection > .icon.input > .remove.icon { pointer-events: none; position: absolute; left: auto; opacity: 0; color: ''; top: 0em; right: 0em; -webkit-transition: color 0.1s ease, opacity 0.1s ease; transition: color 0.1s ease, opacity 0.1s ease; }

.ui.search.selection > .icon.input > .active.remove.icon { cursor: pointer; opacity: 0.8; pointer-events: auto; }

.ui.search.selection > .icon.input:not([class*="left icon"]) > .icon ~ .remove.icon { right: 1.85714em; }

.ui.search.selection > .icon.input > .remove.icon:hover { opacity: 1; color: #DB2828; }

/*-------------- Category ---------------*/
.ui.category.search .results { width: 28em; }

.ui.category.search .results.animating, .ui.category.search .results.visible { display: table; }

/* Category */
.ui.category.search > .results .category { display: table-row; background: #F3F4F5; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: background 0.1s ease, border-color 0.1s ease; transition: background 0.1s ease, border-color 0.1s ease; }

/* Last Category */
.ui.category.search > .results .category:last-child { border-bottom: none; }

/* First / Last */
.ui.category.search > .results .category:first-child .name + .result { border-radius: 0em 0.28571429rem 0em 0em; }

.ui.category.search > .results .category:last-child .result:last-child { border-radius: 0em 0em 0.28571429rem 0em; }

/* Category Result Name */
.ui.category.search > .results .category > .name { display: table-cell; text-overflow: ellipsis; width: 100px; white-space: nowrap; background: transparent; font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; padding: 0.4em 1em; font-weight: bold; color: rgba(0, 0, 0, 0.4); border-bottom: 1px solid rgba(34, 36, 38, 0.1); }

/* Category Result */
.ui.category.search > .results .category .results { display: table-cell; background: #FFFFFF; border-left: 1px solid rgba(34, 36, 38, 0.15); border-bottom: 1px solid rgba(34, 36, 38, 0.1); }

.ui.category.search > .results .category .result { border-bottom: 1px solid rgba(34, 36, 38, 0.1); -webkit-transition: background 0.1s ease, border-color 0.1s ease; transition: background 0.1s ease, border-color 0.1s ease; padding: 0.85714286em 1.14285714em; }

/******************************* Variations */
/*------------------- Left / Right --------------------*/
.ui[class*="left aligned"].search > .results { right: auto; left: 0%; }

.ui[class*="right aligned"].search > .results { right: 0%; left: auto; }

/*-------------- Fluid ---------------*/
.ui.fluid.search .results { width: 100%; }

/*-------------- Sizes ---------------*/
/*-------------- Mobile ---------------*/
@media only screen and (max-width: 767px) { .ui.search .results { max-width: calc(100vw - 2rem); } }

/******************************* Theme Overrides */
/******************************* Site Overrides */
.box-content { display: none; width: 100%; max-width: 800px; margin: 0; border-radius: 5px; margin: 0; padding: 0px; overflow: hidden; }

.box-content.full { height: 90%; }

.box-content .containter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; max-height: 100%; height: 100%; }

.box-content .header { width: 100%; background: #fff; padding: 2%; border-bottom: 1px solid #efefef; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.box-content .header h2 { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: center; }

.box-content .content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow-x: auto; padding: 2%; cursor: auto; }

.box-content .content h2 { text-transform: uppercase; padding: 4% 0 0; }

.box-content .content a { color: #0678b4; font-family: "CenturyGothicBold", Arial, Helvetica, sans-serif; }

.box-content .content a:hover { color: #2a2a2a; }

.box-content .content a.btn { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.box-content .content .icon-info { font-size: 140%; padding-right: 5px; }

.box-content .footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2%; border-top: 1px solid #efefef; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.box-content h2, .box-content h3 { color: #0678b4; }

.box-content .last-update { margin: 0; width: 100%; }

.box-content .btn { margin: 0 0 0 auto; }

.icons { position: absolute; z-index: 99997; cursor: pointer; display: block; font-size: 230%; color: #0678b4; visibility: visible; }

.containter .header .icons { position: relative; }

.containter .header .icons:hover { color: #2a2a2a; }

.icon-circle-left { left: 5px; top: 52%; }

.icon-circle-right { right: 5px; top: 52%; }

.icon-cancel-circle { top: 5px; right: 5px; }

.fancybox-caption__body { display: inline-block; background: #0678b4; border-radius: 5px; padding: 5px 25px; margin: 0 10px; }

.fancybox-caption__body p.mini { font-size: 70%; margin: 0; }

.fancybox-slide--image { padding: 40px; }

.fancybox-navigation .fancybox-button { height: inherit; width: inherit; top: calc(50% - 20px); }

.fancybox-button { background: none; padding: 0; height: inherit; width: inherit; }

.fancybox-slide--html .fancybox-close-small { display: none; }

.pop-message h2 { color: #0678b4; }