/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.clearfix{
    clear: both;
    display: block;
}
/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor:url(../../skins/ultramarine/img/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(../../skins/ultramarine/img/AjaxLoader.gif) no-repeat center center
}
/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 *
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../../skins/ultramarine/img/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10001;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 10002;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('../../skins/ultramarine/img/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('../../skins/ultramarine/img/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../../skins/ultramarine/img/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../../skins/ultramarine/img/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../../skins/ultramarine/img/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../../skins/ultramarine/img/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../../skins/ultramarine/img/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../../skins/ultramarine/img/fancybox/fancybox.png');
	background-position: -40px -182px;
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../../skins/ultramarine/img/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../../skins/ultramarine/img/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../../skins/ultramarine/img/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../../skins/ultramarine/img/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../../skins/ultramarine/img/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('../../skins/ultramarine/img/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('../../skins/ultramarine/img/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('../../skins/ultramarine/img/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
/*! jQuery UI - v1.11.4 - 2015-08-24
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#eee url("../../skins/ultramarine/img/jqueryui/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #e78f08;background:#f6a828 url("../../skins/ultramarine/img/jqueryui/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ccc;background:#f6f6f6 url("../../skins/ultramarine/img/jqueryui/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#1c94c4}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#1c94c4;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #fbcb09;background:#fdf5ce url("../../skins/ultramarine/img/jqueryui/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#c77405}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#c77405;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #fbd850;background:#fff url("../../skins/ultramarine/img/jqueryui/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#eb8f00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c url("../../skins/ultramarine/img/jqueryui/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url("../../skins/ultramarine/img/jqueryui/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("../../skins/ultramarine/img/jqueryui/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("../../skins/ultramarine/img/jqueryui/ui-icons_ffffff_256x240.png")}.ui-state-default .ui-icon{background-image:url("../../skins/ultramarine/img/jqueryui/ui-icons_ef8c08_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("../../skins/ultramarine/img/jqueryui/ui-icons_ef8c08_256x240.png")}.ui-state-active .ui-icon{background-image:url("../../skins/ultramarine/img/jqueryui/ui-icons_ef8c08_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("../../skins/ultramarine/img/jqueryui/ui-icons_228ef1_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("../../skins/ultramarine/img/jqueryui/ui-icons_ffd27a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#666 url("../../skins/ultramarine/img/jqueryui/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000 url("../../skins/ultramarine/img/jqueryui/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px}
.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {
  font-size: 1.5em;
}

@font-face {
  font-family: "raty";
  font-style: normal;
  font-weight: normal;
  src: url("/skins/ultramarine/fonts/raty.eot");
  src: url("/skins/ultramarine/fonts/raty.eot?#iefix") format("embedded-opentype");
  src: url("/skins/ultramarine/fonts/raty.svg#raty") format("svg");
  src: url("/skins/ultramarine/fonts/raty.ttf") format("truetype");
  src: url("/skins/ultramarine/fonts/raty.woff") format("woff");
}

.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "raty";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
}

.cancel-on-png:before {
  content: "\e600";
}

.cancel-off-png:before {
  content: "\e601";
}

.star-on-png:before {
  content: "\f005";
}

.star-off-png:before {
  content: "\f006";
}

.star-half-png:before {
  content: "\f123";
}

/*
 *  Remodal - v1.0.6
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;

  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;

  height: 100%;
  margin-left: -0.05em;

  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/*
 *  Remodal - v1.0.6
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;

  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  color: #2b2e38;
  background: #fff;
  font-size: 15px;
  line-height: 20px;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */

.remodal-close {
  position: absolute;
  top: 0;
  right: 0;

  display: block;
  overflow: visible;

  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;

  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;

  color: white;
  border: 0;
  outline: 0;
  background: #008db1;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #f0fcff;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;

  position: absolute;
  top: 0;
  left: 0;

  display: block;

  width: 35px;

  content: "\00d7";
  text-align: center;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
  font: inherit;

  display: inline-block;
  overflow: visible;

  min-width: 110px;
  margin: 0;
  padding: 12px 0;

  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;

  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;

  border: 0;
}

/* Keyframes
   ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

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

    opacity: 0;
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

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

    opacity: 0;
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 300px;
  }
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}

/*======================================
  Selectric v1.11.1
======================================*/

.selectric-wrapper {
  position: relative;
  cursor: pointer;
}

.selectric-responsive {
  width: 100%;
}

.selectric {
  border: 1px solid #DDD;
  border-radius: 0px;
  background: #F8F8F8;
  position: relative;
  overflow: hidden;
}

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 38px 0 10px;
  font-size: 12px;
  line-height: 38px;
  color: #444;
  height: 38px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 38px;
  line-height: 38px;
  background-color: #F8f8f8;
  color: #BBB;
  text-align: center;
  font: 0/0 a;
  *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}

.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #BBB;
  border-bottom: none;
}

.selectric-focus .selectric {
  border-color: #aaaaaa;
}

.selectric-hover .selectric {
  border-color: #c4c4c4;
}

.selectric-hover .selectric .button {
  color: #a2a2a2;
}

.selectric-hover .selectric .button:after {
  border-top-color: #a2a2a2;
}

.selectric-open {
  z-index: 9999;
}

.selectric-open .selectric {
  border-color: #c4c4c4;
}

.selectric-open .selectric-items {
  display: block;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}

.selectric-hide-select select {
  position: absolute;
  left: -100%;
}

.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #F8F8F8;
  border: 1px solid #c4c4c4;
  z-index: -1;
  box-shadow: 0 0 10px -6px;
}

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}

.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}

.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}

.selectric-items li {
  display: block;
  padding: 10px;
  color: #666;
  cursor: pointer;
}

.selectric-items li.selected {
  background: #E0E0E0;
  color: #444;
}

.selectric-items li.highlighted {
  background: #D0D0D0;
  color: #444;
}

.selectric-items li:hover {
  background: #D5D5D5;
  color: #444;
}

.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  color: #444;
}

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}

.selectric-items .selectric-group li {
  padding-left: 25px;
}

@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

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

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

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

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

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes rubberBand {
  from {
    -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);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -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);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

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

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

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

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

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

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

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

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

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

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

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

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

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

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

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

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

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

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

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

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

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

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

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

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

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

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

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

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

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

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

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

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

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

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

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

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

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

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

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

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

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

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

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

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

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

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

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

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

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

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

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

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

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

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

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

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

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

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

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

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

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

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

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

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

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(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);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  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);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

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

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

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

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

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

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

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

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

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

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

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

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

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

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

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

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

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

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

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

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

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

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

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

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

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

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

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

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

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

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

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

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

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

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

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

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

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

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

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

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

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

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

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

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

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

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

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

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

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

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

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

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

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

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

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

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

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

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

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

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

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

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

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

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

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

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

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

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

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

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

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

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

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

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

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

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

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

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

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

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

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

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

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

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

@keyframes rollOut {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

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

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

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

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

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

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}

@charset "UTF-8";
.card-money-back {
  max-width: 363px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto; }
  .card-money-back__badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 211px;
    height: 211px;
    background-image: url("../../skins/ultramarine/img/money-back-bg.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 15px;
    margin: 0 auto -66px auto;
    box-sizing: border-box; }
    .card-money-back__badge img {
      width: 100%; }
  .card-money-back__info {
    background-color: #edeeef;
    padding: 70px 38px 33px 38px;
    box-sizing: border-box; }
    .card-money-back__info p {
      color: #00132e;
      font-size: 13px;
      font-weight: 400;
      line-height: 1.85;
      margin-bottom: 10px; }
    .card-money-back__info ul {
      display: flex;
      flex-wrap: wrap;
      margin: 0 -15px -8px 0;
      padding: 0;
      list-style-type: none; }
      .card-money-back__info ul li {
        color: #00132e;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.3;
        position: relative;
        margin-right: 15px;
        padding-left: 14px;
        margin-bottom: 8px; }
        .card-money-back__info ul li:before {
          content: "●";
          color: #cd2f30;
          font-size: 12px;
          position: absolute;
          top: 0;
          left: 0; }

.cart-money-back {
  padding: 30px;
  background-color: white;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media (max-width: 767px) {
    .cart-money-back {
      padding: 10px; } }
  .cart-money-back > h2 {
    width: 100%;
    font-size: 25px;
    margin-bottom: 20px;
    font-weight: 300; }
  .cart-money-back__info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 426px); }
    @media (max-width: 1150px) {
      .cart-money-back__info {
        width: 100%;
        margin-bottom: 30px; } }
    .cart-money-back__info > img {
      width: 116px; }
      @media (max-width: 510px) {
        .cart-money-back__info > img {
          display: none; } }
    .cart-money-back__info__text {
      width: calc(100% - 151px); }
      @media (max-width: 510px) {
        .cart-money-back__info__text {
          width: 100%; } }
      .cart-money-back__info__text h2 {
        font-size: 25px;
        margin-bottom: 8px;
        font-weight: 300; }
      .cart-money-back__info__text .card-money-back__info {
        padding: 0 !important;
        background-color: transparent !important; }
  .cart-money-back__switch {
    width: 376px;
    display: flex;
    justify-content: space-between; }
    @media (max-width: 510px) {
      .cart-money-back__switch {
        width: 100%;
        max-width: 376px; } }
    .cart-money-back__switch label {
      position: relative;
      width: 178px;
      cursor: pointer; }
      @media (max-width: 510px) {
        .cart-money-back__switch label {
          width: calc(50% - 5px); } }
      .cart-money-back__switch label input {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0; }
      .cart-money-back__switch label > span {
        display: flex;
        min-height: 103px;
        border: 2px solid #ccd1d3;
        background-color: #ffffff;
        padding: 16px;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: #00132e;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.43;
        text-transform: uppercase;
        letter-spacing: 0.14px;
        box-sizing: border-box; }
        @media (max-width: 510px) {
          .cart-money-back__switch label > span {
            padding: 8px; } }
        .cart-money-back__switch label > span:hover {
          border: 2px solid #cd2f30; }
        .cart-money-back__switch label > span > span > strong {
          font-weight: 700; }
        .cart-money-back__switch label > span > span > small {
          color: #078eb0;
          font-size: 20px;
          font-weight: 700;
          line-height: 1;
          text-align: center;
          text-transform: uppercase;
          letter-spacing: 0.2px;
          display: block; }
      .cart-money-back__switch label input:checked + span {
        background-color: #edeeef;
        border: 2px solid #cd2f30; }

body, html{
    font-family: 'Open Sans', sans-serif;
	background-color: #edeeef;
}
button,input,select,textarea{
    font-family: 'Open Sans', sans-serif;
}

body.sea{
	background-image: url("../../skins/ultramarine/img/sea.jpg");
	background-position: center bottom 200px;
	background-repeat: no-repeat;
}
.web-wrap {
	overflow: hidden;
}
.container{
    width: 1120px;
    margin: 0px auto;
    position:relative;
}
.container:after, .clear:after,.formElement:after{
    content:"";
    display:table;
    clear:both;
}

@media (max-width: 1150px) {
    .container{
        width: 760px;
    }
}
@media (max-width: 767px) {
    .container{
        width: auto;
        padding: 0px 10px;
    }
	.mobile-hide{
		display: none !important;
	}
	#frm-ultraMarineBoatForm .container {
		padding: 0px !important;
	}
}

@media (min-width: 1151px) {
	.desktop-hide{
		display: none !important;
	}
}
@media (min-width: 768px) and (max-width: 1150px) {
	.tablet-hide{
		display: none !important;
	}
}


.icheckbox,.iradio {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 21px;
    height: 21px;
    background: url('../../skins/ultramarine/img/icheck.png') no-repeat;
    border: none;
    cursor: pointer;
}
.iradio {
	width: 15px;
    height: 15px;
	background-position: -85px -10px;
}
.iradio.checked {
	background-position: -63px -10px;
}

.icheckbox {
    background-position: -5px -7px;
}
.icheckbox.checked {
	background-position: -31px -7px;
}
.formElement{
	margin-bottom: 10px;
}
.formElement.required label{
	position: relative;
}
.formElement.required label:after{
	color: #b12013;
	content: "*";
	font-size: 18px;
	position: absolute;
	right: 5px;
	top: 11px;
}
input,textarea{
	font-size: 14px;
	border: none;
	border-top: 2px solid #ccd1d3;
	border-right: 2px solid #ccd1d3;
}

.ico-selectric{
	display: block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-right: 5px;
	position: absolute;
	top: 0px;
	left: 5px;
	line-height: 30px;
}
.ico-selectric img{
	line-height: normal;
	vertical-align: middle;
	display: nline-block;
}
.selectric{
	font-size: 14px;
	background: #edeeef;
	height: 40px;
	border: none;
	border-radius: 0px;
	text-align: left !important;
}
.selectric .label{
	font-size: 14px;
}
.selectric-items li{
	background-color: white;
    font-size: 11px !important;
    border-bottom: 1px solid #c4c4c4;
    padding: 8px 5px 8px 40px;
    line-height: normal !important;
    position: relative;
    min-height: 10px;
    box-sizing: border-box;
}
.selectric-items li:last-of-type{
	border: none;
}
.selectric .button {
	position: absolute;
	z-index: 5;
	top: 0px;
	right: 0px;
	width: 40px;
	height: 40px;
	background-image: url('../../skins/ultramarine/img/select-red.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #edeeef;
}
.selectric .button:after{
	display: none;
}
.blue .selectric .button {
	background-image: url('../../skins/ultramarine/img/select-blue.png');
}

.select-fancy{
	font-size: 14px;
	display: inline-block;
	position: relative;
	background: white;
	height: 40px;
}
.select-fancy, .select-fancy > * {
	cursor: pointer;
}
.select-fancy .arrow{
	position: absolute;
	z-index: 5;
	top: 0px;
	right: 0px;
	width: 40px;
	height: 40px;
	background-image: url('../../skins/ultramarine/img/select-red.png');
	background-position: center center;
	background-repeat: no-repeat;
}
.select-fancy select {
	position: relative;
	display: block;
	z-index: 10;
	background: transparent;
	box-sizing: border-box;
	border: 0;
	outline: 0;
	height: 40px;
	width: 100%;
	padding: 0px 50px 0px 10px;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;

	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;

	border: none;
	border-top: 2px solid #ccd1d3;
	border-right: 2px solid #ccd1d3;
}
.select-fancy select::-ms-expand{display: none;}

.select-fancy.blue{
	background: #edeeef;
}
.select-fancy.blue select {
	border: none;
}
.select-fancy.blue .arrow{
	background-image: url('../../skins/ultramarine/img/select-blue.png');
}
.select-fancy.red{
	background: #edeeef;
}

.select-fancy.icons{
	vertical-align: top;
}
.select-fancy.icons .arrow{
	display: none;
}
.dd-container{
	width: 100% !important;
}
.dd-select{
	width: 100% !important;
	border: none !important;
	border-radius: 0px !important;
	height: 40px !important;
}
.dd-option-image{
	height: 40px !important;
}
.dd-selected-image{
	height: 20px !important;
}
.dd-option-text{
	font-size: 12px;
	cursor: pointer;
}
.dd-selected-text{
	line-height: normal !important;
}
.dd-selected{
	color: #000000 !important;
	font-size: 14px !important;
	font-weight: normal !important;
	padding: 11px 0px 14px 10px !important;
	white-space: nowrap;
	margin-right: 40px;
}
.dd-pointer,.dd-pointer-down,.dd-pointer-up{
	background-image: url("../../skins/ultramarine/img/select-red.png") !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	border: medium none !important;
	height: 40px !important;
	position: absolute !important;
	right: 0 !important;
	top: 0 !important;
	width: 40px !important;
	margin: 0px !important;
	border-width: 0px !important;
}
.select-fancy.blue .dd-pointer{
	background-image: url('../../skins/ultramarine/img/select-blue.png') !important;
}

.dd-options li:first-of-type .dd-option-text{
	color: #008db1 !important;
}

.ico{
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url('../../skins/ultramarine/img/sprite.png');
	background-repeat: no-repeat;
	margin-right: 10px;
	vertical-align: middle;
}

.ico.pin{
	background-position: -23px -17px;
}
.ico.phone{
	background-position: -23px -77px;
}
.ico.mobile{
	background-position: -25px -103px;
}
.ico.email{
	background-position: -22px -47px;
}
.ico.web{
	background-position: -23px -135px;
}

.flexVideo {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.flexVideo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.youtube-player-h {
	display: block;
	color: #008db1;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 10px;
}
a{
    color: #cf332b;
}
a:hover{
    text-decoration: none;
}
img{
    max-width: 100%;
}
p{
    margin-bottom: 15px;
}
p a{
	color: #008db1;
}
strong{
    font-weight: bold;
}
.tl{
    text-align: left;
}
.tr{
    text-align: right;
}
.tc{
    text-align: center;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.hidden{
    visibility: hidden;
}
.flags-top {
	min-height: 40px;
	box-shadow: 1px 1px 0 rgba(147, 149, 152, 0.29);
	background-color: #cd2f30;
	display: flex;
	align-items: center;
	justify-content: center;
	position: sticky;
	top: 0;
	z-index: 999;
	flex-direction: column;
}

.flags-top > strong {
	display: block;
	text-align: center;
	padding: 10px 5px;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
}
.flags-top .container:before, .flags-top .container:after {
	display: none;
}

.flags-top .container .whatsapp, .flags-top .container .call-us-anytime {
	display: none;
	width: 200px;
	color: white;
	font-weight: bold;
	font-size: 14px;
	animation:blinking 5s linear infinite;
}

@keyframes blinking{
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

.flags-top .container .whatsapp {
	text-align: left;
}
.flags-top .container .call-us-anytime {
	text-align: right;
}

@media (min-width: 1580px) {
	.flags-top .container {
		width: 1580px;
	}
	.flags-top .container .whatsapp, .flags-top .container .call-us-anytime {
		display: block;
	}
}

.flags-top .container ul {
	margin: 0px -5px;
	padding: 0px;
	list-style-image: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.flags-top .container ul li{
	position: relative;
}
.flags-top .container ul li > a {
	display: flex;
	align-items: center;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.21px;
	text-decoration: none;
	margin: 5px;
}
.flags-top .container ul li .tip {
	bottom: auto;
	top: calc(100% - 10px);
	z-index: 999;
}

@media (max-width: 700px) {
	.flags-top .container ul li .tip {
		display: none;
	}
}
.flags-top .container ul li .tip:after {
	top: -9px;
	bottom: auto;
	transform: rotate(180deg);
}
.flags-top .container ul li:hover .tip {
	bottom: auto;
	top: 100%;
	opacity: 1;
	visibility: visible;
}
.flags-top .container ul li a > span {
	margin-left: 9px;
}
.flags-top .container ul li a:hover > span {
	text-decoration: underline;
}
@media (max-width: 1150px) {
	.flags-top .container ul li {
		width: 33.33%;
		justify-content: center;
		display: flex;
	}
	.flags-top {
		position: static;
	}
}
@media (max-width: 580px) {
	.flags-top .container ul li {
		width: 50%;
		justify-content: center;
		display: flex;
	}
	.flags-top .container ul li a img {
		width: 22px;
	}
	.flags-top .container ul li a {
		font-size: 12px;
	}
}

.header{
	border-bottom: 1px solid #ddddde;
	background-color: white;

}
.header .container{
	height: 93px;
}

.header .logo{
	position: absolute;
	top: 19px;
	left: 0px;
}
.header .logo img{
	width: 260px;
}

.header .flags{
	text-align: center;
	padding-top: 13px;
}
.header .flags li{
	display: inline-block;
	margin: 0px 2.5px;
}
.header .flags li img{
	border: 1px solid transparent;
}
.header .flags li.active img,.header .flags li:hover img{
	border-color: white;
}

.header .navigation{
	text-align: center;
    bottom: -2px;
    left: 290px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
}

.header .navigation li{
	display: inline-block;
	margin: 0px 2px;
}

.header .navigation li a{
	color: #00132e;
	display: flex;
	align-items: center;
	font-size: 13px;
	font-weight: 700;
	height: 93px;
	/*padding-bottom: 39px;*/
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	position: relative;
	letter-spacing: 0.2px;
	text-transform: uppercase;
	/*background-color: yellow;*/
	line-height: 120%;
}

@media (max-width: 1150px) {
	.header .navigation li a{
		display: block;
		height: auto;
	}
	.header .navigation li a br {
		display: none;
	}
}
/*@media (max-width: 767px) {*/
/*	.promo-main-cool50-link {*/
/*		display: none !important;*/
/*	}*/
/*}*/


.header .navigation li:first-of-type a .single-char {
	display: inline-flex;
}
@keyframes linebounce {
	0% {
		opacity: 0;
		left: 0%;
		right: 80%;
	}
	60% {
		opacity: 0.5;
		left: 5%;
		right: 5%;
	}
	100% {
		opacity: 0;
		left: 90%;
		right: 5%;
	}
}

.header .navigation li a::before {
    background: #cd2f30 none repeat scroll 0 0;
    bottom: -2px;
    content: "";
    height: 4px;
    left: 50%;
    opacity: 0;
    position: absolute;
    right: 50%;
    transition: all 0.5s ease 0s;
	z-index: 9;
}
.header .navigation li a:hover::before,.header .navigation li.active a::before {
    left: 0;
    opacity: 1;
    right: 0;
}

.header .toolbar{
	position: absolute;
	top: 27px;
	right: 0px;
	display: flex;
}
.header .toolbar li{
	display: flex;
	margin: 0px 0px 0px 4px;
}
.header .toolbar li a{
	padding: 0px;
	width: 40px;
	text-align: center;
	background-color: #078eb0;
	position: relative;
	transition: 0.3s;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	min-height: 38px;
	display: flex;
	align-items: center;
    justify-content: center;
	font-size: 12px;
}
.header .toolbar ul li{
	margin: 0px;
}
.header .toolbar li ul{
	display: none;
	position: absolute;
    top: 100%;
    left: 0px;
    z-index: 999;
    margin: 0px;
    padding: 0px;
}
.header .toolbar li.hover ul{
	display: block;
}
.header .toolbar li.hover > a{
	background-color: #15819b;
}
.header .toolbar li ul li.hidden{
	display: none;
}
.header .toolbar li ul li a{
	background-color: #00132e;
}
.header .toolbar li.lang{
	position: relative;
}
.header .toolbar li.lang.hover:after{
	display: block;
	content: "";
	position: absolute;
	z-index: 1000;
	bottom: -3px;
	left: 0px;
	right: 0px;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 2.5px 0 2.5px;
	border-color: #15809b transparent transparent transparent;
}

.header .toolbar li.cart a {
	background-color: rgba(207,51,43,1) !important;
}
.header .toolbar li.cart a:hover {
	background-color: #bc2c2c !important;
}


.header .toolbar li a:hover{
	background-color: #15819b;
}
.header .toolbar li.mobileMenuOpen{
	display: none;
}
.header .toolbar li.mobileMenuOpen a:hover,.header .toolbar li.mobileMenuOpen.active a,.header .toolbar li.searchOpen.active a{
	background-color: #cf332b;
}
.header .toolbar li a img{
	display: block;
	margin: auto;
}
.header .toolbar li a span{
	/*background-color: #078eb0;*/
	color: #cf332b;
	font-weight: bold;
	background-color: white;
	display: block;
	font-size: 10px;
	font-weight: 600;
	padding: 3px 5px;
	position: absolute;
	right: 0;
	top: 0;
}

.searchmenu{
	display: none;
	background-color: #00122f;
	padding: 10px;
	position: absolute;
	right: 0;
	top: 74px;
	z-index: 50;
}
.searchmenu input{
	width: 200px;
	height: 30px;
	border: none;
	font-size: 14px;
	padding: 0px 10px;
	vertical-align: bottom;
}
.searchmenu button{
	background-color: #078eb0;
	color: white;
	font-size: 14px;
	border: none;
	height: 30px;
	vertical-align: bottom;
	font-weight: 700;
	padding: 0px 10px;
}


.mainBanner{
	background-color: #09152b;
	background-image: url("../../skins/ultramarine/img/banner.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	height: 426px;
	transition: 0.3s;
}
.mainBanner.closed{
	height: 50px;
}
.mainBanner .slogan-small{
	padding-top: 10px;
	opacity: 0;
	transition: 0.3s;
}
.mainBanner .slogan-big{
	display: block;
	margin-left: 122px;
	padding-top: 63px;
	opacity: 1;
	transition: 0.3s;
}
.mainBanner.closed .slogan-small{
	opacity: 1;
}
.mainBanner.closed .slogan-big{
	opacity: 0;
}

.mainBanner-close{
	color: white;
	opacity: 0;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 16px;
	transition: 0.3s;
}
.mainBanner:hover .mainBanner-close{
	opacity: 0.9;
}
.mainBanner-close .img-open{
	display: none;
}
.mainBanner-close .img-close{
	display: block;
}
.mainBanner.closed .mainBanner-close .img-open{
	display: block;
}
.mainBanner.closed .mainBanner-close .img-close{
	display: none;
}

.promo-main-cool50-link {
	display: block;
	width: 200px;
	height: 200px;
	position: absolute;
	right: 0px;
	top: 20px;
}
@media (max-width: 1150px) {
	.promo-main-cool50-link {
		display: none !important;
	}
}
@media (max-width: 767px) {
	.promo-main-cool50-link {
		display: none !important;
	}
}

.promo-cool50-link {
	display: block;
	width: 200px;
	height: 200px;
	position: absolute;
	left: 335px;
	top: 115px;
}
@media (max-width: 1300px) {
	.promo-cool50-link {
		left: 245px;
	}
}
@media (max-width: 1150px) {
	.promo-cool50-link {
		display: none;
	}
}
@media (max-width: 767px) {
	.promo-cool50-link {
		display: none;
	}
}

.promo-wrap{
	background-color: white;
	background-image: url("../../skins/ultramarine/img/promo-bg.jpg");
	background-position: top center;
	overflow: hidden;
	background-size: cover;
	height: 426px;
}
.promo-wrap .container {
	width: 100% !important;
	padding: 0px 15px !important;
	box-sizing: border-box;
}
.promo-animate{
	height: 426px;
}
@media (max-width: 1150px) {
	.promo-wrap,.promo-animate{
		height: 393px;
	}
	.mainBanner{
		height: 355px;
	}
}
@media (max-width: 767px) {
	.promo-wrap,.promo-animate{
		height: 376px;
	}
}
.promo-wrap .item{
	display: none;
}
.promo-wrap.finish{
	overflow: visible;
	height: auto;
	opacity: 1;
}
.promo-wrap.finish .item{
	display: block;
}
.promo-wrap a{
	display: block;
	color: white;
	text-decoration: none;
}
.promo-wrap .cover{
	float: right;
	display: block;
	margin-right: -130px;
}

.promo-animate{
	display: flex;
	align-items: center;
	justify-content: center;
	display: none;
}
.promo-wrap.finish .promo-animate{
	display: flex;

}

@keyframes whyanimate {
    from {width: 732px;top: 0px;}
    to {width: 406px;top: -119px;}
}
@keyframes whyanimateq {
    from {width: 137px;opacity:1;top: 0px;}
    to {width: 0px;opacity:0;top: -119px;}
}
@keyframes whyanimate2 {
	from {width: 732px;top: 0px;}
	to {width: 410px;top: -10px;}
}
@keyframes whyanimate3 {
	from {width: 0px;top: 0px;}
	to {width: 380px;top: -10px;}
}

@keyframes supportanimate {
	from {width: 580px;top: 0px;}
	to {width: 470px;top: -10px;}
}
@keyframes supportanimate2 {
	from {width: 50px;opacity:0;top: -40px;}
	to {width: 350px;opacity:1;top: 10px;}
}
@media screen and (max-width: 1150px) {
	@keyframes whyanimate {
		from {width: 600px;top: 0px;}
		to {width: 300px;top: -88px;}
	}
	@keyframes whyanimateq {
		from {width: 113px;opacity:1;top: 0px;}
		to {width: 0px;opacity:0;top: -88px;}
	}



}
@media screen and (max-width: 768px) {
	@keyframes whyanimate {
		from {width: 190px;top: 0px;}
		to {width: 260px;top: -76px;}
	}
	@keyframes whyanimateq {
		from {width: 40px;opacity:1;top: 0px;}
		to {width: 0px;opacity:0;top: -76px;}
	}
	@keyframes whyanimate3 {
		from {width: 0px;top: 0px;}
		to {width: 255px;top: -10px;}
	}

	@keyframes supportanimate {
		from {width: 260px;top: 0px;}
		to {width: 240px;top: -10px;}
	}
	@keyframes supportanimate2 {
		from {width: 50px;opacity:0;top: -40px;}
		to {width: 200px;opacity:1;top: 10px;}
	}
}
.promo-animate-support {
	flex-direction: column;
}
.promo-wrap.finish .promo-animate.promo-animate-support .support-1{
	width: 580px;
	animation-name: supportanimate;
	animation-duration: 1.5s;
	animation-delay: 2s;
	animation-fill-mode: forwards;
	position: relative;
	top: 0px;
}
.promo-wrap.finish .promo-animate.promo-animate-support .support-2{
	width: 50px;
	opacity: 0;
	animation-name: supportanimate2;
	animation-duration: 1.5s;
	animation-delay: 2s;
	animation-fill-mode: forwards;
	position: relative;
	top: 0px;
}
@media screen and (max-width: 768px) {
	.promo-wrap.finish .promo-animate.promo-animate-support .support-1{
		width: 260px;
	}
}

.promo-wrap.finish .promo-animate.promo-animate-1 .why-1{
	width: 732px;

    animation-duration: 1.5s;
	animation-delay: 0.3s;
	animation-fill-mode: forwards;
	position: relative;
	top: 0px;
}
.promo-wrap.finish .promo-animate.promo-animate-1 .why-2{
	width: 137px;

    animation-duration: 1.5s;
	animation-delay: 0.3s;
	animation-fill-mode: forwards;
	position: relative;
	top: 0px;
}
.play .promo-animate.promo-animate-1 .why-1{
	animation-name: whyanimate;
}
.play .promo-animate.promo-animate-1 .why-2{
	animation-name: whyanimateq;
}

.promo-animate-4{
	/*flex-direction: column;*/
	justify-content: center;
	align-items: center;
}
.promo-wrap.finish .promo-animate-4 .why-1{
	width: 732px;

	animation-duration: 1s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	position: relative;
	top: 0px;
}
.promo-wrap.finish .promo-animate-4 .why-2{
	width: 0px;

	animation-duration: 1s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	position: relative;
	top: 0px;
}
.play .promo-animate-4 .why-1{
	animation-name: whyanimate2;
}
.play .promo-animate-4 .why-2{
	animation-name: whyanimate3;
}

@media screen and (max-width: 1150px) {
	.promo-wrap.finish .promo-animate.promo-animate-1 .why-1{
		width: 600px;
	}
	.promo-wrap.finish .promo-animate.promo-animate-1 .why-2{
		width: 113px;
	}
	.promo-wrap.finish .promo-animate .why-3{
		width: 300px;
	}
	.promo-wrap.finish .promo-animate .why-4{
		width: 300px;
	}

}
@media screen and (max-width: 768px) {
	.promo-wrap.finish .promo-animate.promo-animate-1 .why-1{
		width: 190px;
	}
	.promo-wrap.finish .promo-animate.promo-animate-1 .why-2{
		width: 40px;
	}
	.promo-wrap.finish .promo-animate .why-3{
		width: 260px;
	}
	.promo-animate-4 {
		flex-direction: column;
	}
	.promo-wrap.finish .promo-animate .why-4{
		width: 260px;
	}
}

.promo-animate-history{
	flex-direction: column;
	align-items: flex-start;
	position: relative;
}
.history-heading{
	display: flex;
	align-items: center;
	position: absolute;
	top: 40px;
	left: 0px;
	opacity: 0;
	transition: 0.3s;
}
.history-heading.start{
	animation-name: history-item;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	animation-delay: 0.5s;
}
.history-heading img{
	width: 35px;
	margin-left: 20px;
}
.history-heading span{
	color: #929497;
	display: block;
	font-size: 34px;
	font-weight: 300;
	margin-bottom: 5px;
}
.history-heading small{
	display: block;
	color: #0093bb;
	font-size: 37px;
	font-weight: 300;
}
.history-heading small strong{
	color: #0093bb;
	font-weight: 900;
}


.history-item-text{
	position: absolute;
	top: 105px;
	left: 0px;
	width: 215px;
	opacity: 0;
	transition: 0.3s;
}
.history-item-text img {
	width: 4px;
	display: inline-block;
	vertical-align: middle;
	top: -1px;
	position: relative;
}
.history-item-text.start{
	animation-name: history-item;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	animation-delay: 1.5s;
}
.history-item-text p{
	font-size: 16px;
	line-height: 1.3;
}
.history-item-text > strong{
	font-size: 14px;
	line-height: 1.3;
	display: block;
	color: #0093bb;
	font-size: 16px;
	font-weight: 900;
}
.history-items{
	display: flex;
	position: relative;
	align-items: flex-end;
	justify-content: space-between;
	padding-left: 170px;
	width: 100%;
	box-sizing: border-box;
}
.history-item{
	display: flex;
	flex-direction: column;
	align-items: center;
	opacity: 0;
	transition: 0.3s;

}
.history-item.start{
	animation-name: history-item;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
}
.history-item span{
	color: #474442;
	margin-top: 10px;
	font-size: 12px;
}
.history-item strong{
	color: #9d9c9c;
	margin-top: 5px;
	font-size: 14px;
}
.history-item-8 span,.history-item-8 strong,.history-item-6 span{
	color: #0093bb;
}
.history-item-8 strong{
	font-weight: 900;
	font-size: 16px;
}

.history-item img{
	width: auto;
}
.history-item-1{
	animation-delay: 2.3s;
}
.history-item-2{
	animation-delay: 2.5s;
}
.history-item-3{
	animation-delay: 2.7s;
}
.history-item-4{
	animation-delay: 2.9s;
}
.history-item-5{
	animation-delay: 3.1s;
}
.history-item-6{
	animation-delay: 3.3s;
}
.history-item-7{
	animation-delay: 3.5s;
}
.history-item-8{
	animation-delay: 3.7s;
}
.history-item-1 img{
	height: 60px;
}
.history-item-2 img{
	height: 100px;
}
.history-item-3 img{
	height: 130px;
}
.history-item-4 img{
	height: 160px;
}
.history-item-5 img{
	height: 190px;
}
.history-item-6 img{
	height: 300px;
}
.history-item-7 img{
	height: 250px;
}
.history-item-8 img{
	height: 300px;
}


@media (max-width: 1150px) {
	.history-items{
		margin-top: 120px;
	}
	.history-item-text{
		top: -15px;
	}
	.history-item-text p br{
		display: none;
	}
	.history-item-1 img{
		height: 30px;
	}
	.history-item-2 img{
		height: 50px;
	}
	.history-item-3 img{
		height: 65px;
	}
	.history-item-4 img{
		height: 80px;
	}
	.history-item-5 img{
		height: 95px;
	}
	.history-item-6 img{
		height: 110px;
	}
	.history-item-7 img{
		height: 125px;
	}
	.history-item-8 img{
		height: 150px;
	}
}
@media (max-width: 767px) {
	.history-item-text{
		position: static;
		width: 100%;
		margin-top: 20px;
	}
	.history-heading{
		position: static;
	}
	.history-item{
		displaY: none;
	}
	.history-items{
		margin: 0px;
		padding: 0px;
	}
	.history-heading span{
		font-size: 20px;
	}
	.history-heading small{
		font-size: 27px;
	}
}


@keyframes history-item {
	from {opacity: 0;}
	to {opacity: 1;}
}



.tilt{
	position: absolute;
	top: -25px;
    left: calc(100% - 150px);
    z-index: 999999;
	width: 332px;
	height: 332px;
	text-align: center;

}
@media screen and (max-width: 768px) {
	.tilt{
		display: none;
	}
}
.tilt-img{
	width: auto;
	height: auto;
}
.hover-in{
	transition: 1s ease-in;
}
.hover-out{
	transition: 1s ease-in;
}



.promo-wrap .promo-text{
	position: absolute;
	left: 0px;
	top: 70px;
	font-size: 43px;
	font-weight: 300;
}
.italy .promo-wrap .promo-text{
	font-size: 40px;
	color: #161614;
}
.promo-wrap .promo-text span{
	font-weight: normal;
}
.promo-wrap .promo-text strong{
	display: block;
	margin-bottom: 0px;
	font-size: 66px;
    color: #9e9e9d;
    padding-top: 3px;
    height: auto;
}
/*.italy .promo-wrap .promo-text strong{
	font-size: 35px;
	color: #9e9e9d;
}*/
.promo-wrap .promo-text small{
	display: block;
    font-size: 38px;
    font-weight: bold;
    text-transform: none;
    padding-top: 7px;
    color: #1491bb;
    margin-bottom: 15px;
}
#owl-promo .owl-item{
	overflow: hidden;
}
#owl-promo .owl-item.active{
	overflow: visible;
}
@media (max-width: 1300px) {
	.promo-wrap .cover{
		margin-right: -40px;
	}
}
@media (max-width: 1150px) {
	.promo-wrap .cover{
		opacity: 0.1;
	}
	.promo-wrap .promo-text{
		top: 40px;
		left: 15px;
	}
}
@media (max-width: 767px) {
	.promo-wrap .cover{
		display: none;
	}
	.promo-wrap .promo-text{
		position: relative;
		left: auto;
		top: auto;
		padding-top: 30px;
		padding-bottom: 30px;
		text-align: center;
	}
	.promo-wrap .promo-text strong{
		font-size: 58px;
	}
}
.promo-grid {
	display: flex;
	flex-wrap: wrap;
	height: 426px;
	background-color: white;
}
.promo-grid-images{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 650px;
}
.promo-grid-images img{
	width: calc(33.33% - 10px);
	margin: 5px;
	filter: grayscale(100%);
}
.promo-grid .container {
	display: flex;

	justify-content: space-between;
	align-items: center;
}
.promo-grid .redRed{
	color: #cf332b;
}
.promo-grid .redRed:hover{
	border-color: #fbebea;
}
.promo-grid .container > span {
	width: calc(100% - 720px);
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	align-items: center;
	background-image: url("../../skins/ultramarine/img/anchor-transparent.png");
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 46px 20px 20px 20px;
	max-width: 390px;
}
.promo-grid .container > span {

}
@keyframes pulse {
	from { transform: scale(1);}
	50% { transform: scale(0.94); }
	to { transform: scale(1); }
}

.promo-grid .container > span .follow-animate {
	max-width: 320px;
	height: 219px;
	margin: 0px auto 30px auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	animation-name: pulse;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}
.promo-grid .container > span .follow-animate .follow-1 {
	position: relative;
	top: 80px;
	transition: 1s;
	transition-delay: 0.1s;
	transform: scale(1.5);
}
.promo-grid .container > span .follow-animate .follow-2 {
	opacity: 0;
	transition: 1.3s;
	top: -15px;
	transition-delay: 1.3s;
}
.promo-grid .container > span .follow-animate.start .follow-1 {
	opacity: 1;
	top: 0px;
	transform: scale(1);
}
.promo-grid .container > span .follow-animate.start .follow-2 {
	opacity: 1;
	top: 0px;
	animation-delay: 1s;
}

.promo-grid .container > span strong {
	display: inline-block;
	color: white;
	background-color: #ed1c24;
	text-transform: uppercase;
	font-size: 35px;
	padding: 10px 20px;
	text-align: center;
	width: 100%;
}
.promo-grid .container > span small {
	display: block;
	color: #078eb0;
	font-size: 30px;
	text-align: center;
	margin: 10px 0px 30px 0px;
	line-height: 1.2;
}

@media (max-width: 1150px) {
	.promo-grid .container {
		flex-direction: column;
		justify-content: center;
	}
	.promo-grid .container > span {
		width: 100%;
		padding-top: 0px;
	}
	.promo-grid .container > span strong {
		font-size: 29px;
	}
	.promo-grid .container > span small {
		font-size: 24px;
	}
	.promo-grid-images{
		width: 100%;
		max-width: 500px;
		margin-top: 20px;
		display: none;
	}
	.promo-grid-images img:nth-of-type(4),
	.promo-grid-images img:nth-of-type(5),
	.promo-grid-images img:nth-of-type(6){
		display: none;
	}
}
@media (max-width: 767px) {
	.promo-grid {
		height: 376px;
	}

}
.numbers-wrap{
	background-color: #078eb0;
}
.number-item{
	float: left;
	width: 25%;
	position: relative;
	color: white;
	padding: 30px 0px;
	text-align: center;
	opacity: 0;
	transition: 0.7s;
}
.number-item:after{
	content: "";
	display: block;
	height: 60px;
	width: 1px;
	background-color: #39a5c0;
	position: absolute;
	right: -0.5px;
	top: 50%;
	margin-top: -30px;
}
.numbers-wrap .number-item:last-of-type:after{
	display: none;
}
.number-item strong{
	display: block;
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 20px;
}
.number-item small{
	font-size: 15px;
	display: block;
}

@media (max-width: 1150px) {
	.numbers-wrap{
		display: none;
	}
}

.select-type-wrap{
	background-color: white;
	padding: 10px;
	margin-bottom: 20px;
}
.select-type > div,.select-type > div.form-set > div{
	display: inline-block;
	vertical-align: middle;
}
.select-type button{
	text-transform: uppercase;
}
.select-type label{
	text-transform: uppercase;
	display: block;
	color: #00132e;
	font-weight: 600;
	font-size: 11px;
	margin-bottom: 5px;
}
.select-type input{
	background: #edeeef;
	height: 40px;
	box-sizing: border-box;
	padding: 0px 10px;
	width: 125px;
	margin-right: 10px;
}
.select-type .select-fancy{
	width: 150px;
	margin: auto;
}
.select-type .whiteBlueDark:lang(fr),.select-type .whiteBlueDark:lang(es){
	padding: 10px;
}

.select-type-label{
	text-transform: uppercase;
	text-align: center;
	color: #00132e;
	margin: 10px 0px;
	width: 123px;
}
@media (max-width: 767px) {
	.select-type-label{
		width: 100%;
	}
}
.select-type-label span:nth-of-type(1){
	display: block;
	font-size: 27px;
}
.select-type-label span:nth-of-type(1):lang(fr),.select-type-label span:nth-of-type(1):lang(es) 	{
    font-size: 16px;
}
.select-type-label span:nth-of-type(2){
	display: block;
	font-size: 32px;
	margin: 3px 0px;
}
.select-type-label span:nth-of-type(3){
	display: block;
	font-size: 17px;
	font-weight: bold;
}
.select-type-boat a{
	display: block;
	float: left;
	font-size: 11px;
	font-weight: 600;
	color: #00132e;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	border: 2px solid transparent;
	width: 107px;
	height: 107px;
	padding: 8px 0px;
	box-sizing: border-box;
	margin: 0px 5px;
	transition: 0.3s;
}
.select-type-boat a.active,.select-type-boat a:hover{
	border-color: #cd2f30;
}
.select-type-boat img{
	width: 80px;
	display: block;
	height: auto;
	margin: auto;
	margin-bottom: 10px;
}
.select-type-boat a:last-of-type img{
	margin-top: 40px;
}
.select-type-boat span{
	display: block;
}

.select-type-form-1{
	border-left: 1px solid #cde8ef;
	border-right: 1px solid #cde8ef;
	padding: 0px 15px;
	margin-left: 10px;
}
.select-type-form-2{
	border-right: 1px solid #cde8ef;
	padding: 0px 15px;
}
.select-type-form-3{
	padding-left: 30px;
}

.boat-sail,.boat-motor{
	display: none !important;
}
.boat-sail.active,.boat-motor.active{
	display: block !important;
}
.boat-sail .dd-options,.boat-motor .dd-options{
	width: 100% !important;
}

@media (max-width: 1150px) {
	.select-type-wrap{
		text-align: center;
	}
	.form-set{
		padding-top: 30px;
	}
	.select-type-form-1{
		padding-left: 0px;
		margin-left: 0px;
		border-left: none;
	}
	.select-type label{
		text-align: left;
	}

}
@media (max-width: 767px) {
	.select-type > div,.select-type > div.form-set > div{
		display: block;
		margin-bottom: 20px;
	}
	.select-type label{
		text-align: center;
	}
	.select-type-boat a{
		display: inline-block;
		float: none;
	}
	.select-type-form-1,.select-type-form-2,.select-type-form-3{
		padding: 0px;
		border: none;
	}
}

.productBox{
	background-color: white;
	text-align: center;
}
.productBox h2{
	color: #008db1;
	font-weight: 300;
	margin-bottom: 19px;
	font-size: 19px;
}
.productBox h2 a{
	color: #008db1;
	text-decoration: none;
}

.productBox .priceFrom{
	color: #cf332b;
	float: left;
	font-size: 18px;
	font-weight: 300;
	padding-top: 6px;
}
.italy .productBox .priceFrom{
	font-size: 13px;
	padding-top: 9px;
}
.productBox .priceFrom strong{
	font-size: 28px;
	font-weight: 600;
}
.italy .productBox .priceFrom strong{
	font-size: 23px;
}
.productBox .whiteRed{
	float: right;
	margin-bottom: 2px;
	font-size: 14px !important;
	padding: 9px 23px !important;
}
.italy .productBox .whiteRed{
	padding: 9px 15px !important;
}

.productBox p{
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 0px;
	text-align: left;
}


.homeProducts{
	margin-bottom: 0;
}
.homeProducts .homeProduct{
	float: left;
	width: 279px;
	margin-right: 1px;
	margin-bottom: 1px;
	background-color: white;
}
.homeProducts .homeProduct.homeProductBig{
	width: 558px;
	height: 597px;
	float: right;
	overflow: hidden;
}
.homeProducts .homeProduct.homeProductBig .promo-img{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	/*height: 476px;*/
	position: relative;
	aspect-ratio: .89;
	width: 100%;
	max-width: 422px;
	margin: 0 auto;
	padding-top: 0;
}
.homeProducts .homeProduct .in .blueRed {
	position: relative;
	z-index: 50;
}
.homeProducts .homeProduct.homeProductBig .promo-img .img-main{
	/*width: 200px;*/
	/*position: relative;*/
	width: 73%;
	position: absolute;
	top: -8%;
	right: -16%;
}
.homeProducts .homeProduct.homeProductBig .promo-img .img-main .img-main-hover {
	position: absolute;
	top: -20px;
	right: -20px;
	left: -20px;
	bottom: -20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #cd2f30;
	font-size: 27px;
	line-height: 1.5;
	background-color: rgba(255, 255, 255, 0.6);
	transition: 0.4s;
	opacity: 0;
	pointer-events: none;
}
.homeProducts .homeProduct.homeProductBig .promo-img .img-main .img-main-hover small {
	font-weight: bold;
	transition: 0.5s;
	opacity: 0;
	position: relative;
	bottom: -10px;
}
.homeProducts .homeProduct.homeProductBig .promo-img .img-main .img-main-hover > span {
	transition: 0.3s;
	opacity: 0;
	position: relative;
	top: -10px;
}
.homeProducts .homeProduct.homeProductBig .promo-img .img-main .img-main-hover strong {
	opacity: 0;
	transition: 0.6s;
	position: relative;
	bottom: -15px;
	font-size: 24px;
	margin-top: 20px;

}
.homeProducts .homeProduct.homeProductBig .promo-img .img-main .img-main-hover strong span{
	font-weight: normal;
	margin-bottom: -10px;
}
.homeProducts .homeProduct.homeProductBig .promo-img .img-main:hover .img-main-hover {
	opacity: 1;
}
.homeProducts .homeProduct.homeProductBig .promo-img .img-main:hover .img-main-hover strong {
	opacity: 1;
	transition-delay: 1s;
	bottom: 0px;
}
.homeProducts .homeProduct.homeProductBig .promo-img .img-main:hover .img-main-hover small {
	opacity: 1;
	bottom: 0px;
}
.homeProducts .homeProduct.homeProductBig .promo-img .img-main:hover .img-main-hover span:nth-of-type(1) {
	opacity: 1;

	top: 0;
}
.homeProducts .homeProduct.homeProductBig .promo-img .img-main:hover .img-main-hover span:nth-of-type(2) {
	opacity: 1;
	transition-delay: 0.3s;
	top: 0;
}
.homeProducts .homeProduct.homeProductBig .promo-img .img-main:hover .img-main-hover span:nth-of-type(3) {
	opacity: 1;
	transition-delay: 0.6s;
	top: 0;
}
.homeProducts .homeProduct.homeProductBig .promo-img .promo-text{
	font-size: 43px;
	font-weight: 300;
	text-align: left;
	/*width: calc(100% - 210px);*/
	position: relative;
	z-index: 50;
	pointer-events: none;
}
.homeProducts .homeProduct.homeProductBig .promo-img .promo-text{
	font-size: 27px;
	color: #161614;
	text-transform: uppercase;
}
.homeProducts .homeProduct.homeProductBig .promo-img .promo-text span{
	font-weight: normal;
}
.homeProducts .homeProduct.homeProductBig .promo-img .promo-text strong{
	display: block;
	margin-bottom: 0;
	font-size: 88px;
	color: #008db1;
	padding-top: 0;
	height: auto;
	line-height: .86;
	font-weight: normal;
	max-width: 280px;
}

.homeProducts .homeProduct.homeProductBig .promo-img .promo-text small{
	display: block;
	font-size: 32px;
	font-weight: bold;
	/* text-transform: none; */
	padding-top: 7px;
	color: #9a9b9f;
	margin-bottom: 15px;
	line-height: 1.19;
	letter-spacing: -0.64px;
}

.homeProducts .homeProduct.homeProductBig img {
	margin: 0px;
}

@media (max-width: 1150px) {
	/*.homeProducts .homeProduct.homeProductBig .promo-img .img-main{*/
	/*	width: 150px;*/
	/*}*/
	/*.homeProducts .homeProduct.homeProductBig .promo-img .promo-text{*/

	/*	width: calc(100% - 160px);*/
	/*}*/
	/*.homeProducts .homeProduct.homeProductBig .promo-img .promo-text{*/
	/*	font-size: 29px;*/
	/*}*/
	/*.homeProducts .homeProduct.homeProductBig .promo-img .promo-text strong{*/
	/*	font-size: 34px;*/
	/*}*/

	/*.homeProducts .homeProduct.homeProductBig .promo-img .promo-text small{*/
	/*	font-size: 30px;*/
	/*}*/
	/*.homeProducts .homeProduct.homeProductBig .promo-img .promo-text img{*/
	/*	width: 85px;*/
	/*}*/
}
@media (max-width: 767px) {
	.homeProducts .homeProduct.homeProductBig .promo-img .promo-text strong {
		font-size: 63px;
	}
	/*.homeProducts .homeProduct.homeProductBig .promo-img .promo-text{*/
	/*	width: 100px;*/
	/*}*/
	/*.homeProducts .homeProduct.homeProductBig .promo-img .promo-text small{*/
	/*	font-size: 25px;*/
	/*}*/
}


.homeProducts .homeProduct:last-child{
	margin-right: 0px;
	width: 280px;
}
.homeProducts .homeProduct .in{
	padding: 20px;
	text-align: center;
	position: relative;
}
.homeProducts .homeProduct .description {
	position: absolute;
	top: 60px;
	left: 0px;
	width: 100%;
	height: calc(100% - 120px);
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.85);
	pointer-events: none;
	transition: 0.3s;
	padding: 10px 35px;
	opacity: 0;
	visibility: hidden;
	margin: 0px;
	box-sizing: border-box;
}
.homeProducts .homeProduct:hover .description{
	opacity: 1;
	visibility: visible;
}
.homeProducts .homeProduct .description ul {
	margin-bottom: 0px;
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
	justify-content: center;
	max-width: 200px;
}
.homeProducts .homeProduct .description li {
	margin: 0;
	line-height: 1.5;
	position: relative;
	font-size: 15px;
	text-align: center;
	font-weight: normal;
	color: #cf332b;
}

.homeProducts .homeProduct .description li:after {
	color: #cf332b;
	content: "";
	font-size: 30px;
	position: absolute;
	left: -12px;
	top: 7px;
	line-height: 1;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #cf332b;
	display: none;
}
.homeProducts .homeProduct .tag, .grid .tag{
	background-color: #cf332b;
	color: white;
	display: inline-block;
	font-size: 9px;
	font-weight: 700;
	left: 0;
	padding: 13px 7px;
	position: absolute;
	top: 80px;
}
.homeProducts .homeProduct .tag strong, .grid .tag strong{
	display: block;
	font-size: 19px;
	font-weight: 700;
}
.homeProducts .homeProduct h3{
	color: #008db1;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 3px;
}
.homeProducts .homeProduct h2{
	color: #008db1;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 3px;
}
.homeProducts .homeProduct h3 a, .homeProducts .homeProduct h2 a{
	color: #008db1;
	text-decoration: none;
}
.homeProducts .homeProduct img{
	margin: 10px auto;
	display: block;
}
.homeProducts .homeProduct.accessories ul{
	padding-top: 18px;
	padding-bottom: 0px;
}
.homeProducts .homeProduct.accessories ul li{
	padding: 7px 0;
	position: relative;
}
.homeProducts .homeProduct.accessories ul li:first-child::after {
    background: #edeeef none repeat scroll 0 0;
	top: 0px;
	content: "";
	height: 2px;
	left: 28%;
	position: absolute;
	right: 28%;
}
.homeProducts .homeProduct.accessories ul li::before {
    background: #edeeef none repeat scroll 0 0;
	bottom: 0px;
	content: "";
	height: 2px;
	left: 28%;
	position: absolute;
	right: 28%;
}
.homeProducts .homeProduct.accessories ul li a{
	color: #00122f;
	transition: 0.3s;
	font-weight: 700;
	text-decoration: none;
	font-size: 14px;
	display: block;
}
.homeProducts .homeProduct.accessories ul li a:hover{
	color: #cf332b;
}



.blueRed{
	border: 2px solid #008db1;
	color: #008db1;
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	padding: 10px 20px;
	text-decoration: none;
	transition: 0.3s;
	background-color: transparent;
}
.blueRed:hover{
	color: #cf332b;
	border-color: #cf332b;
}

.whiteBlue{
	border: 2px solid #008db1;
	color: white;
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	padding: 10px 20px;
	text-decoration: none;
	transition: 0.3s;
	background-color: transparent;
}
.whiteBlue.fill{
	background-color: #008db1;
}
.whiteBlue:hover{
	color: #b7f0ff;
}
.whiteBlue.fill:hover{
	background-color: transparent;
	color: #008db1;
	cursor: pointer;
}

.whiteBlueDark{
	border: 2px solid #00132e;
	color: white;
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	padding: 10px 20px;
	text-decoration: none;
	transition: 0.3s;
	background-color: transparent;
}
.whiteBlueDark.fill{
	background-color: #00132e;
}
.whiteBlueDark:hover{
	color: #b7f0ff;
}
.whiteBlueDark.fill:hover{
	background-color: transparent;
	color: #00132e;
	cursor: pointer;
}

.whiteRed{
	background-color: #cf332b;
	border: 2px solid #cf332b;
	color: white;
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	padding: 10px 13px;
	text-decoration: none;
	transition: all 0.3s ease 0s;
}
.whiteRed:hover{
	background-color: transparent;
	color: #cf332b;
}

.redRed{
	border: 2px solid #cf332b;
	color: #cf332b;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	padding: 10px 20px;
	text-decoration: none;
	transition: 0.3s;
	background-color: transparent;
}
.redRed:hover{
	border-color: #fbebea;
}

.whiteGreen{
	background-color: #67b000;
	border: medium none;
	color: white;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	padding: 11px 25px;
	text-decoration: none;
	transition: all 0.3s ease 0s;
}
.whiteGreen:hover{
	background-color: #498000;
}

.blackBorder {
	background-color: transparent;
	border: 2px solid #00122f;
	color: #00122f;
	display: inline-block;
	font-size: 15px;
	font-weight: 700;
	padding: 14px 20px;
	text-decoration: none;
	transition: all 0.3s ease 0s;
}
.blackBorder:hover{
	background-color: #00122f;
	color: white;
}



.warranty-specification{
	margin-bottom: 20px;
}

.warrantyBox{
	width: 100%;
	display: flex;
	color: #00132e;
	background-color: white;
}
.warrantyBox .in{
	padding: 25px 40px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.warrantyBox h3{
	margin-bottom: 20px;
	font-size: 27px;
	text-align: center;
	color: #cd2f30;
}
.warrantyBox hr{
	border: none;
	border-bottom: 1px solid #ececec;
	margin-bottom: 20px;
}
.warrantyBox p{
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 20px;
}
.warrantyBox .tc {
	margin-top: auto;
}
.warrantyBox .whiteBlue{
	margin: 10px 0px;
	color: #008db1;
}
.warrantyBox .whiteBlue:hover{
	color: white;
	background-color: #008db1;
}





.specificationBox{
	width: 550px;
	background-color: #00122f;
	float: left;
	color: white;
}
.specificationBox .in{
	padding: 25px 40px;
}
.specificationBox h3{
	font-size: 35px;
	font-weight: 300;
	margin-bottom: 10px;
	text-align: center;
}
.specificationBox small{
	display: block;
	margin-bottom: 20px;
	font-size: 14px;
	text-align: center;
}
.specificationBox hr{
	border: none;
	border-bottom: 1px solid #cf332b;
	margin-bottom: 20px;
}
.specificationBox .specificationForm{
	padding: 17px 0px;
}
.specificationBox .specificationForm div.specs,.specificationBox .specificationForm div.submit{
	float: left;
}
.specificationBox .specificationForm .select-fancy{
	display: block;
	width: 300px;
	margin-bottom: 20px;
}
.specificationBox .specificationForm input{
	width: 135px;
	height: 40px;
	padding: 0px 15px;
	box-sizing: border-box;
	margin-right: 26px;
}
.specificationBox .specificationForm input:last-child{
	margin-right: 0px;
}

.specificationBox .specificationForm button{
	background-color: #cf332b;
	border: medium none;
	color: white;
	font-size: 16px;
	font-weight: 700;
	height: 100px;
	margin-left: 34px;
	width: 135px;
	line-height: 20px;
	transition: 0.3s;
}
.specificationBox .specificationForm button:hover{
	cursor: pointer;
	background-color: #c13028;
}
#owl-welcome{
	margin-bottom: 20px;
}
#owl-welcome img{
	display: block;
}
#owl-welcome.owl-theme .owl-controls .owl-buttons div{
	position: absolute;
	top: 50%;
	border-radius: 0px;
	background-color: rgba(255,255,255,0.3);
	width: 44px;
	height: 44px;
	margin: 0px;
	padding: 0px;
	opacity: 1;
	margin-top: -22px;
	background-repeat: no-repeat;
	background-position: center center;
	transition: 0.3s;
}
#owl-welcome.owl-theme .owl-controls{
	margin: 0px;
}
#owl-welcome.owl-theme .owl-controls .owl-buttons div.owl-prev{
	left: 0px;
	background-image: url('../../skins/ultramarine/img/owl-welcome-left.png');
}
#owl-welcome.owl-theme .owl-controls .owl-buttons div.owl-next{
	right: 0px;
	background-image: url('../../skins/ultramarine/img/owl-welcome-right.png');
}
#owl-welcome.owl-theme .owl-controls .owl-buttons div:hover{
	background-color: rgba(255,255,255,0.6);
}
.welcome-columns .first {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.welcome-columns .second {
	width: 100%;
}
.welcome-columns .first .warranty-specification {
	width: calc(50% - 10px);
	display: flex;
}


.welcomeText{
	background-image: url('../../skins/ultramarine/img/stamp-welcome.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #ccd1d3;
	margin-bottom: 20px;
}
.welcomeText .in{
	padding: 35px 40px;
}
.welcomeText h3{
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 20px;
	text-align: center;
}
.welcomeText hr{
	border: 0px;
	border-bottom: 1px solid #66aec2;
	margin-bottom: 20px;
}
.welcomeText p{
	font-size: 14px;
	line-height: 22px;
}
.welcomeVideo {
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.welcomeVideo .welcomeVideo-item {
	width: calc(50% - 10px);
}
.welcomeVideo .flexVideo {
	padding-top: 0px;
}
@media (max-width: 600px) {
	.welcomeVideo .welcomeVideo-item {
		width: 100%;
	}
	.welcomeVideo .welcomeVideo-item + .welcomeVideo-item {
		margin-top: 20px;
	}
}

.experiences{
	background-color: white;
	margin-bottom: 20px;
}
.experiences-header {
	text-align: center;
	padding-bottom: 20px;
}
.experiences .in{
	padding: 35px 40px;
}
.experiences h3{
	font-size: 26px;
	font-weight: 500;
	margin-bottom: 20px;
	text-align: center;
}
.experiences hr{
	border: 0px;
	border-bottom: 1px solid #cce8ef;
	margin-bottom: 20px;
}
.experiences .experience{
	margin-bottom: 20px;
}
.experiences div .experience:last-child{
	margin-bottom: 0px;
}
.experiences .experience h4{
	font-size: 17px;
	font-weight: 600;
}
.experiences .experience h4 span{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.experiences .experience p{
	color: #078eb0;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 40px;
	padding-left: 96px;
	padding-top: 10px;
}
.experiences .owl-theme .owl-controls .owl-page span{
	background-color: white;
	border: 2px solid #ccd1d3;
	border-radius: 0;
	height: 13px;
	width: 13px;
	opacity: 1;
	transition: 0.3s;
}
.experiences .owl-theme .owl-controls .owl-page.active span, .experiences .owl-theme .owl-controls.clickable .owl-page:hover span{
	background-color: #ccd1d3;
}
.experiences .owl-theme .owl-controls{
	margin: 0px;
}
.experiences .owl-item > div {
	margin: 0 40px;
}





.breadcrumbs{
	padding: 20px 0px;
}
.breadcrumbs li{
	color: #00122f;
	display: inline-block;
	font-size: 11px;
	font-weight: 300;
}
.breadcrumbs li a{
	color: #00122f;
}
.breadcrumbs li:after{
    color: #cf332b;
	content: "/";
	display: inline-block;
	font-style: italic;
	font-weight: 800;
	margin: 0 8px;
}
.breadcrumbs li:last-child:after{
    display: none;
}


.detailMain{
	background-color: white;
	margin-bottom: 20px;
}
.detailMain .in{
	padding: 35px;
}
.detailMain .image{
	float: left;
	width: 430px;
	position: relative;
}
.detailMain .image img.cool50{
	position: absolute;
	left: 25px;
	top: 0px;
}

.detailMain .info{
	float: right;
	width: 600px;
}

.detailMain .abs {
	background-image: url('../../skins/ultramarine/img/stamp-detail.png');
	background-repeat: no-repeat;
	background-position: top right;
}

.detailMain .info.second{
	background-image: none;
}

.detailMain h1{
	color: #008db1;
	font-weight: 300;
	font-size: 30px;
	margin-bottom: 20px;
}
.detailMain .description{
	background-color: transparent;
	padding-right: 110px;
}
.detailMain .description ul {
	overflow: hidden;
	margin-bottom: 20px;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}
.detailMain .description li {
	margin: 0 20px 0 0;
	line-height: 150%;
	position: relative;
}

.detailMain .description li:not(:last-child):after {
	color: #cf332b;
	content: "•";
	font-size: 30px;
	position: absolute;
	right: -15px;
	top: 1px;
}
@media (max-width: 767px) {
	.detailMain .description {
		padding-right: 0px;
		margin-top: 30px;
	}
}


.detailMain .fromPrice{
	color: #cf332b;
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 40px;
}
.detailMain .fromPrice strong{
	font-size: 30px;
	font-weight: 600;
}

.infoTabs .switch ul li{
	float: left;
	margin-right: 10px;
	width: calc(50% - 5px);
}
.infoTabs .switch ul li:last-child{
	margin: 0px;
}
.infoTabs .switch ul li a{
	background-color: #edeeef;
	color: #00122f;
	display: block;
	font-size: 14px;
	font-weight: 600;
	padding: 0px 10px;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.3s;
	height: 48px;
	line-height: 48px;
}
.infoTabs .switch ul li a span{
	display: inline-block;
	line-height: normal;
	vertical-align: middle;
}
.infoTabs .switch ul li:hover a{
	background-color: #f3f4f5;
}
.infoTabs .switch ul li.active a{
	background-color: white;
	color: #00122f;
	border-color: #cf332b;
	margin-bottom: -2px;
	border-top: 2px solid #ccd1d3;
	border-left: 2px solid #ccd1d3;
	border-right: 2px solid #ccd1d3;
}

.infoTabs .tabs .in{
	padding: 0px;
}
.infoTabs .tabs{
	border-top: 2px solid #ccd1d3;
}
.infoTabs .tabs .tab{
	display: none;
}

.detailMain .specsForm{
	padding: 15px 0px;
	margin-bottom: 0px;
}

.detailMain .specsForm .select-fancy{
	width: 250px;
	box-sizing: border-box;
	margin-right: 9px;
	border: none;
	background-color: #edeeef;
}
.detailMain .specsForm input{
	width: 95px;
	box-sizing: border-box;
	margin-right: 9px;
	border: none;
	background-color: #edeeef;
	height: 40px;
	padding: 0px 10px;
	text-align: center;
}
.detailMain .specsForm button{
	padding-top: 0px;
	padding-bottom: 0px;
	height: 40px;
}
.detailMain .specsForm .selectBoat {
	font-size: 13px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 15px;
	display: block;
	clear: both;
}
.detailMain .specsForm .shopByProduct {
	font-size: 13px;
	margin-top: 15px;
	margin-bottom: 15px;
	display: block;
	clear: both;
}
.listWide .selectBoat {
	font-size: 13px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
	display: block;
	clear: both;
}
.listWide .shopByProduct {
	font-size: 13px;
	padding-top: 15px;
	margin-bottom: 0px;
	display: block;
	clear: both;
}

.infoTabs h3{
	background-image: url("../../skins/ultramarine/img/heading-line.jpg");
	background-position: center center;
	background-repeat: repeat-x;
	color: #cf332b;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}
.infoTabs h3 span{
	display: inline-block;
	padding: 0px 15px;
	background-color: white;
}

table.choose{
	width: 100%;
	margin-bottom: 15px;
}
table.choose thead th{
	background-color: #ccd1d3;
	color: white;
	font-weight: 600;
	font-size: 14px;
	text-align: center;
	padding: 10px 2px;
	vertical-align: middle;
}

table.choose tbody td {
	background-color: #edeeef;
	color: #00122f;
	font-weight: 600;
	font-size: 14px;
	text-align: center;
	border-bottom: 1px solid #ccd1d3;
	padding: 3px;
	vertical-align: middle;
}
table.choose tbody tr td:last-child{
	text-align: right;
}

table.choose .whiteRed {
	padding: 5px 10px;
}

p.proposed-notice {
	font-size: 80%;
	line-height: 120%;
	color: #078eb0;
	padding: 5px;
}


.description{
	background-color: white;
	margin-bottom: 20px;
}
.description .in{
	padding: 35px;
}
.description .text{
	float: left;
	width: 610px;
}
.description .text--wide {
	width: 100%;
}
.description .text h2{
	font-size: 26px;
	margin-bottom: 25px;
}
.description .text p{
	color: #078eb0;
	font-size: 14px;
	line-height: 17px;
	margin-bottom: 20px;
}
.description .text p:last-child{
	margin: 0px;
}
.description .video{
	float: right;
	width: 410px;
}

.description .video .flexVideo {
	margin-bottom: 10px;
}

.description table {
	border: 2px solid #ccd1d3;
	width: 100%;
}

.description table tbody th,
.description table tbody td {
	padding: 5px 5px;
	vertical-align: middle;
	border: 1px solid #ccd1d3;
	font-size: 14px;
	text-align: left;
	color: #078eb0;
}

.description table tbody th {

	font-weight: 600;
}

.description table tbody td {
}

table.choose tbody td {
	background-color: #edeeef;
	color: #00122f;
	font-weight: 600;
	font-size: 14px;
	text-align: center;
	border-bottom: 1px solid #ccd1d3;
	padding: 3px;
	vertical-align: middle;
}

table.choose input[type=text].quantity {
	background-color: white;
    box-sizing: border-box;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom: 2px solid white;
    padding: 4px 4px 3px 4px;
    text-align: center;
    width: 35px;
	font-size: 14px;
	display: inline-block;
}

.features{
	padding: 30px 0px;
}
.features .text{
	float: right;
	width: 350px;
}
.features .product{
	float: left;
	width: 750px;
	text-align: center;
}
.features h2{
	color: #008db1;
	font-size: 42px;
	font-weight: 300;
	line-height: 48px;
	padding-top: 80px;
}

.features .product .features-points{
	position: relative;
	display: inline-block;
}

.features .product .features-points .point{
	position: absolute;

}
.features .product .features-points .point .number{
	display: none;
	color: #cf332b;
	font-size: 15px;
	font-weight: bold;
}
.features .product.touch .features-points .point .number{
	display: block;
}
.features .product .features-points .point .circle{
	border: 2px solid #cf332b;
	border-radius: 50%;
	display: block;
	padding: 6px;
}
.features .product .features-points .point .circle span{
	display: block;
	width: 6px;
	height: 6px;
	background-color: #cf332b;
	border-radius: 50%;
}
.features .product .features-points .point .feature-text{
	border-bottom: 1px solid #c7c9d0;
	bottom: 10px;
	left: 22px;
	padding-left: 100px;
	position: absolute;
	display: none;
	z-index: 999;
}
.features .product .features-points .feature-text h4{
	width: 300px;
	padding: 10px 10px 0px 10px;
	text-align: left;
	color: #cf332b;
	background-color: rgba(255, 255, 255, 0.9);
	border-top: 2px solid #c7c9d0;
}
.features .product .features-points .feature-text p{
	background-color: rgba(255, 255, 255, 0.9);
	font-size: 14px;
	line-height: 17px;
	margin-bottom: 0;
	padding: 10px;
	text-align: left;
	width: 300px;
}

.features .product .features-points .point:hover .feature-text{
	display: block;
}

.points-mobile{
	display: none;
	text-align: left;
}

.features .product.touch .points-mobile{
	display: block;
}
.points-mobile li{
	border-bottom: 1px solid #c7c9d0;
	margin-bottom: 10px;
	background-color: rgba(255, 255, 255, 0.9);
	font-size: 14px;
	line-height: 17px;
	padding: 10px;
}
.points-mobile li h4{
	margin-bottom: 10px;
	font-weight: bold;
	position: relative;
	padding-left: 30px;
	color: #008db1;
	border-bottom: 1px solid #008db1;
	padding-bottom: 3px;
}
.points-mobile li h4 .number-mobile{
	color: #cf332b;
	font-size: 20px;
	left: -5px;
	position: absolute;
	text-align: center;
	top: -1px;
	width: 30px;
}
.points-mobile li p{
	margin: 0px;
}


.customers{
	background-color: white;
	margin-bottom: 20px;
}
.customers .in{
	padding: 35px;
}
.customers h3{
	font-size: 26px;
	margin-bottom: 20px;
	text-align: center;
}
.customers hr{
	border: 0px;
	margin-bottom: 20px;
	border-bottom: 1px solid #cce8ef;
}
.customers .customer{
	margin: 0px 20px;
}
.customers .customer h4 {
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 10px;
	position: relative;
	padding-right: 85px;
}
.customers .customer h4 span{
	position: absolute;
	top: 1px;
	right: 0px;
}
@media (max-width: 767px) {
	.customers .customer h4 span {
		position: static;
		margin-top: 4px;
	}
	.customers .customer h4 {
		padding-right: 0px;
		margin-bottom: 4px;
	}
}
.customers .customer p {
	color: #078eb0;
	font-size: 14px;
	line-height: 18px;
	margin: 0;
}
.customers .customer p img{
	float: right;
	margin: 0 0 5px 5px;
}
.owl-customers-wrap{
	padding: 0px 30px;
}
#owl-customers.owl-theme .owl-controls .owl-buttons div{
	position: absolute;
	top: 50%;
	border-radius: 0px;
	background-color: transparent;
	width: 23px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	margin-top: -17.5px;
	background-repeat: no-repeat;
	background-position: center center;
	transition: 0.3s;
}
#owl-customers.owl-theme .owl-controls .owl-buttons div.owl-prev{
	left: -25px;
	background-image: url('../../skins/ultramarine/img/owl-customers-left.png');
}
#owl-customers.owl-theme .owl-controls .owl-buttons div.owl-next{
	right: -25px;
	background-image: url('../../skins/ultramarine/img/owl-customers-right.png');
}

#owl-customers.owl-theme .owl-controls .owl-page span {
	background-color: white;
	border: 2px solid #ccd1d3;
	border-radius: 0;
	height: 13px;
	opacity: 1;
	transition: all 0.3s ease 0s;
	width: 13px;
}
#owl-customers.owl-theme .owl-controls .owl-page.active span, #owl-customers.owl-theme .owl-controls.clickable .owl-page:hover span{
	background-color: #ccd1d3;
}
#owl-customers.owl-theme .owl-pagination{
	text-align: right;
}
.customers.home #owl-customers.owl-theme .owl-pagination{
	text-align: center;
}
.customers.home{
	margin-bottom: 20px;
}

.customers .redRed{
	padding: 5px 20px;
}
.customers .redRed img{
	vertical-align: middle;
	margin-right: 10px;
}

.descriptionTabs{
	margin-bottom: 20px;
}
.descriptionTabs .switch ul li{
	float: left;
	/*width: calc(25% - 3.8px);*/
	margin-right: 5px;
}
.descriptionTabs .switch ul li:last-child{
	margin: 0px;
}
.descriptionTabs .switch ul li a{
	background-color: #ccd1d3;
	color: white;
	display: block;
	font-size: 15px;
	font-weight: 600;
	padding: 10px 12px;
	text-align: center;
	text-decoration: none;
	border-top: 3px solid transparent;
	transition: 0.3s;
}
.descriptionTabs .switch ul li:hover a{
	background-color: white;
	color: black;
}
.descriptionTabs .switch ul li.active a{
	background-color: white;
	color: black;
	border-color: #cf332b;
}

.descriptionTabs .tabs .tab{
	display: none;
}
.descriptionTabs .tabs .tab .in{
	padding: 35px;
	padding-bottom: 15px;
	background-color: white;
}
.descriptionTabs .tabs .tab p{
	color: #078eb0;
	font-size: 14px;
	margin-bottom: 20px;
	line-height: 17px;
}
p.alert{
	color: #cf332b !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	text-align: center;
	padding-top: 20px;
}

.descriptionTabs .in .column{
	width: calc(50% - 25px);
	float: left;
	margin-right: 50px;
}
.descriptionTabs .in .column:last-child{
	margin-right: 0px;
}

.accessoriesDetail{
	background-color: white;
	margin-bottom: 40px;
}
.accessoriesDetail .in{
	padding: 35px;
}
.accessoriesDetail h3{
	font-size: 27px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: 300;
}
.accessoriesDetail hr{
	margin-bottom: 40px;
	border: 0px;
	border-bottom: 1px solid #eceded;
}

.accessoriesDetail .accessorie{
	border-right: 1px solid #eceded;
}
.accessoriesDetail .accessorie .productBox .in{
	padding: 0px 25px;
}

.productBanner {
	margin-bottom: 40px;
}

.owl-accessories-wrap{
	padding: 0px 50px;
}
#owl-accessories.owl-theme .owl-controls .owl-buttons div{
	position: absolute;
	top: 50%;
	border-radius: 0px;
	background-color: transparent;
	width: 21px;
	height: 37px;
	margin: 0px;
	padding: 0px;
	margin-top: -18.5px;
	background-repeat: no-repeat;
	background-position: center center;
	transition: 0.3s;
}
#owl-accessories.owl-theme .owl-controls .owl-buttons div.owl-prev{
	left: -45px;
	background-image: url('../../skins/ultramarine/img/owl-accessories-left.png');
}
#owl-accessories.owl-theme .owl-controls .owl-buttons div.owl-next{
	right: -45px;
	background-image: url('../../skins/ultramarine/img/owl-accessories-right.png');
}
#owl-accessories.owl-theme .owl-controls{
	margin: 0px;
}

.productWide{
	background-color: white;
	margin-bottom: 5px;
}
.productWide .in{
	padding: 20px 30px;
	position: relative;
}
.productWide .image{
	float: left;
	width: 370px;
}

.productWide .image img.cool50{
	position: absolute;
	left: 75px;
	top: 20px;
}

.productWide .info{
	float: right;
	width: 640px;
}

.productWide h2{
	color: #008db1;
	font-weight: 300;
	font-size: 30px;
	margin-bottom: 20px;
	padding-right: 200px;
}
.productWide h2 a{
	color: #008db1;
	text-decoration: none;
}

.productWide .fromPrice{
	color: #cf332b;
	font-size: 18px;
	font-weight: 300;
	position: absolute;
	top: 30px;
	right: 30px;
}
.productWide .fromPrice strong{
	font-size: 30px;
	font-weight: 600;
}
.productWide p{
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
}

.productWide .whiteRed {
	font-size: 13px;
	padding: 10px 30px;
	margin-bottom: 15px;
}

.productWide .options{
	border-top: 1px solid #edeeef;
	padding-top: 15px;
}
.productWide .whiteBlue{
	padding: 0px 20px;
	height: 40px;
	vertical-align: top;
	float: left;
}

.productWide .select-fancy{
	box-sizing: border-box;
	width: 250px;
	vertical-align: top;
	margin-right: 20px;
	float: left;
}
.productWide .select-fancy select{
	border-top: 2px solid #ccd1d3;
	border-right: 2px solid #ccd1d3;
}
.productWide input{
	box-sizing: border-box;
	width: 95px;
	height: 40px;
	vertical-align: top;
	padding: 0px 10px;
	text-align: center;
	margin-right: 20px;
	float: left;
	background-color: #edeeef;
}

.lisExtra h3{
	color: #00122f;
	font-size: 28px;
	font-weight: 300;
	padding: 40px 0 20px;
}
.lisExtra .extraItem{
	float: left;
	width: 352px;
	margin-right: 32px;
	margin-bottom: 32px;
}
.lisExtra .extraItem:nth-child(3n + 1){
	clear: both;
}
.lisExtra .items .extraItem:nth-child(3),.lisExtra .items .extraItem:nth-child(6){
	margin-right: 0px;
}
.lisExtra .productBox{
	min-height: 287px;
}
.lisExtra .productBox .in{
	padding: 25px;
	position: relative;
}




.footer{
	padding: 30px 0px;
	background-color: #1590b0;
}
.footer .columns{
	display: flex;
	margin-bottom: 30px;
	flex-wrap: wrap;
}
.footer .column{
	border-left: 1px solid #45a4bb;
	box-sizing: border-box;
/*	width: 240px;*/
}
.footer .columns .columnTablet{
	display: flex;
}
.footer .column.certificates{
/*	width: 370px;*/
}
.footer .column .in{
	padding: 0px 40px 20px 50px;

	box-sizing: border-box;
/*	min-height: 145px;*/
}
.footer .column.certificates{
	border: none;
}
.footer .column.certificates .in{
	padding-left: 0px;
	border-left: 0px;
/*	padding-right: 20px;*/
}
.footer .column.certificates .in .stamps-wrap{
	display: flex;
}
.footer .column.certificates .in .stamps-wrap .stamps{
	margin-right: 22px;
	display: flex;
	align-items: flex-start;
}
.footer .column.certificates .in .stamps-wrap .stamps img:first-of-type{
	margin-right: 11px;
}
.footer .column.about .in{
	padding-right: 0px;
}
.footer h5{
	color: white;
	font-size: 22px;
	margin-bottom: 20px;
}

.footer ul li{
	font-size: 11px;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 17px;
}
.footer ul li a{
	color: white;
	text-decoration: none;
	transition: 0.3s;
}
.footer ul li a:hover{
	color: #000b2a;
	text-decoration: none;
}
.footer .stamp{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.footer .social{
	padding-top: 13px;
}
.footer .social a{
	display: inline-block;
	margin-right: 20px;
	transition: 0.3s;
}
.footer .social a:hover{
	opacity: 0.8;
}
.footer .social a:last-child{
	margin:0px;
}
.switch-version {
	color: white;
	background-color: rgba(0, 0, 0, 0.1);
	margin: 30px 0px;
	text-align: center;
	text-decoration: none;
	padding: 15px;
	font-size: 15px;
	display: none;
}
.switch-version--desktop{
	display: block;
}
@media (max-width: 767px) {
	.switch-version {
		display: block;
	}
}


.shoppingcart{
	padding: 30px;
	background-color: white;
	position: relative;
	margin-bottom: 20px;
}
.shoppingcart h1{
	font-size: 25px;
	margin-bottom: 20px;
	font-weight: 300;
}
.shoppingcart h1 strong{
	font-weight: 600;
}

.shoppingcart .whiteGreen{
	position: absolute;
	right: 30px;
	top: 24px;
}
.shoppingcart .alert {
	margin-bottom: 15px;
}

.cartProducts{
	width: 100%;
}
.cartProducts thead th{
	background-color: #ccd1d3;
	color: white;
	font-weight: 600;
	padding: 10px;
	font-size: 14px;
	text-align: left;
}

.cartProducts > tbody > tr > td{
	padding: 10px;
	font-size: 14px;
	text-align: left;
	border-bottom: 1px solid #edeeef;
	vertical-align: middle;
}
.cartProducts > tbody > tr > td:nth-child(1){
	width: 195px;
}
.cartProducts > tbody > tr > td:nth-child(4),.cartProducts > tbody > tr > td:nth-child(5){
	width: 130px;
}
.cartProducts > tbody > tr > td img{
	width: 175px;
}
.cartProducts > tbody > tr > td a.delete{
	display: block;
	border-left: 2px solid #edeeef;
	text-align: center;
	padding: 10px 5px;
	transition: 0.3s;
}
.cartProducts > tbody > tr > td a.delete:hover{
	opacity: 0.8;
}
.cartProducts > tbody > tr > td a.delete img{
	width: auto;
}
.cartProducts > tbody > tr > td strong{
	font-weight: 600;
}
.cartProducts > tbody > tr:last-child > td{
	border: none;
}
.cartProducts > tbody > tr > td table td{
	padding: 4px 20px 4px 0px;
	font-size: 14px;
}
.cartProducts h2{
	color: #008db1;
	font-weight: 300;
	font-size: 18px;
	margin-bottom: 10px;
}
.cartProducts h2 strong{
	font-weight: 600;
}
.cartProducts h2 a{
	color: #008db1;
	text-decoration: none;
}
.cartProducts input,.address input,.address textarea{
	background-color: #edeeef;
	font-size: 15px;
	padding: 5px;
	text-align: center;
	width: 35px;
	box-sizing: border-box;
}


.shippingPayment{
	padding: 30px;
	background-color: white;
	position: relative;
	margin-bottom: 30px;
}
.shippingPayment .iradio{
	margin-right: 10px;
	vertical-align: top;
}
.shippingPayment .select-fancy.blue,.address  .select-fancy.blue{
	margin-bottom: 20px;
	height: 35px;
}
.shippingPayment .select-fancy.blue .arrow,.address  .select-fancy.blue .arrow{
	height: 35px;
}
.shippingPayment .select-fancy.blue select,.address  .select-fancy.blue select{
	height: 35px;
	border-top: 2px solid #ccd1d3;
	border-right: 2px solid #ccd1d3;
}
.shippingPayment .shipping,.shippingPayment .payment{
	/*width: 50%;
	float: left;*/
}
.shippingPayment .shipping .in{
	padding-right: 40px;
	/*border-right: 1px solid #edeeef;*/
	position: relative;
}
.shippingPayment .payment .in{
	padding-left: 0px;
	position: relative;
}
.shippingPayment h2,.address h2,.contact h2{
	font-size: 25px;
	font-weight: 300;
	margin-bottom: 30px;
}
.shippingPayment h2 strong,.address h2 strong,.contact h2 strong{
	font-weight: 700;
}
.shippingPayment table{
	width: 100%;
}
.shippingPayment table td{
	vertical-align: top;
}
.shippingPayment table tr td:last-child{
	text-align: right;
	width: 100px;
	color: #008db1;
}
.shippingPayment table td strong{
	font-weight: 600;
	font-size: 16px;
}
.shippingPayment h3{
	font-size: 15px;
	margin-bottom: 10px;
}
.shippingPayment p{
	font-size: 14px;
}
.shippingPayment .action{
	padding-top: 30px;
	text-align: right;
}

.shippingPayment .shipping .free{
	color: #cf332b;
	font-size: 14px;
	line-height: 18px;
	position: absolute;
	right: 40px;
	text-align: right;
	top: -2px;
	width: 251px;
}
.shippingPayment .shipping .free strong{
	text-decoration: underline;
}

.address{
	padding: 30px;
	background-color: white;
	margin-bottom: 20px;
}
.address .billing{
	float: left;
	width: 680px;
}
.address .delivery{
	float: left;
	width: 380px;
}
.address .delivery label{
	cursor: pointer;
}
.address .delivery label span{
	display: inline-block;
	vertical-align: middle;
}
.address .billing .in{
	padding-right: 20px;
	border-right: 1px solid #edeeef;
}
.address .delivery .in{
	padding-left: 20px;
}

.address .billing .in .column{
	float: left;
	width: 170px;
	font-size: 11px;
	line-height: 20px;
	border-right: 1px solid #edeeef;
	margin-right: 20px;
	min-height: 130px;
}
.address .billing .in .column:last-of-type{
	margin: 0px;
	border: none;
	width: 275px;
}
.address .billing .in .column:last-of-type strong{
	display: block;
	color: #008db1;
}
.address .delivery{
	font-size: 11px;
}
.address.editable .billing .in{
	padding: 0px;
}
.address.editable .billing .in .column {
	border: medium none;
	float: left;
	font-size: 11px;
	line-height: 20px;
	margin-right: 45px;
	min-height: 130px;
	width: 290px;
}
.address.editable .billing .in .column:last-child{
	float: none;
	width: auto;
	margin-right: 54px;
	min-height: auto;
}
.address .billing label,.address .delivery label{
	display: block;
	float: left;
	font-size: 11px;
	font-weight: 600;
	padding: 7px 0;
	width: 135px;
}
.address .delivery label{
	padding: 11px 0;
}
.address .billing input,.address .billing textarea,.address .delivery input,.address .delivery textarea{
	display: block;
	float: left;
	font-size: 12px;
	height: 34px;
	padding: 0 5px;
	text-align: left;
	width: calc(100% - 140px);
}
.address .billing .select-fancy.blue,.address .delivery .select-fancy.blue{
	display: block;
	float: left;
	width: calc(100% - 140px);
}

.address.editable .billing .in .column:last-child label{
	width: 190px;
}
.address.editable .billing .in .column:last-child textarea{
	width: calc(100% - 190px);
	height: 52px;
}

.deliveryPaymentWrapper {
	width: calc(50% - 40px);
	float: left;
}

.message {
	width: calc(50% - 40px);
	padding-left: 40px;
	float: left;
}

.message label {
	font-size: 12px;
}

.message textarea{
	display: block;
	float: left;
	font-size: 12px;
	height: 34px;
	padding: 5px;
	text-align: left;
	width: 100%;
	height: 100px;
	background-color: #edeeef;
	box-sizing: border-box;
}

@media (max-width: 767px) {
	.deliveryPaymentWrapper {
		width: 100%;
		padding-left: 0;
	}
	.message {
		width: 100%;
		padding-top: 20px;
		padding-left: 0;
	}
}

.voucher{
	position: relative;
	float: left;
	background: white;
	padding: 30px 30px 20px 30px;;
	margin-bottom: 20px;
}
.voucher .voucherTitle {
	font-weight: bold;
	padding-bottom: 10px;
}

.voucher .formElement {
	float: left;
}

.voucher input[type=text] {
	font-size: 12px;
    height: 34px;
    padding: 0 5px;
    text-align: left;
	background-color: #edeeef;
}
.voucher .blackBorder{
	position: absolute;
	top: 0px;
	left: 0px;
}

.voucher input[type=submit] {
	float: left;
	margin-left: 5px;
	padding: 7px;
}

.summary{
	padding: 30px;
	float: right;
	background-color: white;
	margin-bottom: 50px;
}
.clear > .summary{
	margin-bottom: 20px;
}

.clear > .voucher{
	margin-bottom: 20px;
}
.summary table{
	width: 450px;
}
.summary table td{
	font-size: 16px;
	font-weight: 600;
	padding: 5px 0;
}
.summary table tr td:nth-child(2){
	text-align: right;
}
.summary table tbody tr:last-child td{
	padding-bottom: 10px;
}
.summary table tfoot tr td{
	border-top: 1px solid #ebebeb;
	color: #008db1;
	font-size: 22px;
	padding: 10px 0 0;
	font-weight: 700;
}

.sendOrder{
	float: right;
	margin-bottom: 50px;
}
.sendOrder div{
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}
.sendOrder div small{
	display: block;
	font-size: 10px;
	text-align: center;
	padding-top: 10px;
}

.sendOrder .whiteBlue.fill{
	font-size: 20px;
	padding: 10px 45px;
}
.sendOrder label{
	padding: 0px 50px;
	cursor: pointer;
}
.sendOrder label span{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
}
.sendOrder label span a{
	color: #008db1;
}


.contact{
	background-color: white;
	margin-bottom: 20px;
}
.contact .left{
	float: left;
	width: 445px;
}
.contact .left .in{
	padding: 30px 30px 30px 30px;
}

.contact .in {
	padding: 30px 30px 30px 30px;
	display: flex;
	flex-wrap: wrap;
}

.contact.represent h2 {
	margin-bottom: 10px;
	width: 100%;
}
.contact h2 {
	width: 100%;
}

.contact .in .col {
	float: left;
	width: 350px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.contact.represent-2-cols .in .col {
	width: 530px;
}

.contact .right{
	float: right;
	width: 672px;
}
.contact .right img{
	display: block;
}

.contact p{
	font-size: 14px;
	line-height: 22px;
}
.contact p:last-child{
	margin: 0px;
}
.contact p strong{
	font-size: 15px;
	display: block;
	margin-bottom: 4px;
}
.contact p span{
	display: inline-block;
	vertical-align: middle;
}

.contact p span strong {
	display: inline;
}

.contact ul{
	float: left;
	margin-right: 45px;
}
.contact ul:last-of-type{
	margin: 0px;
}
.contact ul li{
	background-image: url("../../skins/ultramarine/img/dot.png");
	background-position: 0px 7px;
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 1px;
	padding-left: 12px;
	font-weight: 600;
}
.contact-line {
	display: block;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 5px;
	color: #1594b9;
}
.contact-image {
	width: 100%;
	text-align: center;
	overflow: hidden;
}
.contact-image img {
	margin: auto;
	margin-bottom: 15px;
}
.contact.represent-2-cols  p {
	float: right;
	width: 70%;
}
.contact-item-visible {
	display: block;
}
.contact-item-hidden {
	display: none;
}
.contact.represent-2-cols .contact-image {
	float: left;
	width: 30%;
}

.container .contact:last-of-type{
	margin-bottom: 100px;
}

.contact p span.flags{
	display: flex;
	align-items: center;
	margin: 10px 0px 0px 0px;
	flex-wrap: wrap;
}
.contact p span.flags img{
	width: 30px;
	margin: 0px 5px 5px 0px;
}

.page{
	padding: 20px;
	background-color: white;
	margin-bottom: 30px;
}
.page h1{
	color: #008db1;
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 20px;
}
.page h2{
	font-size: 26px;
	margin-bottom: 25px;
}
.page h3{
	color: #008db1;
	font-size: 19px;
	font-weight: 300;
	margin-bottom: 19px;
}
.page h4{
	font-size: 18px;
	margin-bottom: 20px;
}
.page h5{
	font-size: 16px;
	margin-bottom: 15px;
}
.page h6{
	color: #008db1;
	font-size: 14px;
	margin-bottom: 10px;
}

.page p{
	font-size: 14px;
	line-height: 17px;
	margin-bottom: 20px;
}
.page p.blue{
	color: #078eb0;
}
.page p.blue a{
	color: #ff9a00;
}
.page ul{
	list-style-type: disc;
	margin-left: 20px;
	margin-bottom: 20px;
}
.page ul ul{
	margin-bottom: 0px;
	padding-top: 10px;
	list-style-type: circle;
}
.page ul li{
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 17px;
}
.page ul a{
	color: #008db1;
}
.page input {
	box-sizing: border-box;
	height: 40px;
	border: none;
	background-color: #edeeef;
	padding: 0 10px;
}
.page .form-file input{
	background-color: transparent;
	padding: 0px;
}
.page button{
	height: 40px;
	cursor: pointer;
}

.search h1{
	color: #008db1;
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 20px;
}

em{
	font-style: italic;
}

.form-inline{
	margin-bottom: 15px;
}
.form-inline label{
	font-size: 14px;
	display: inline-block;
	margin-right: 20px;
	width: 160px;
}
.form-inline label.check{
	display: block;
	width: auto;
	cursor: pointer;
	margin-left: 180px;
	padding: 10px 0px;
}
.form-inline label.check span{
	display: inline-block;
	vertical-align: middle;
}
.form-inline input{
	width: 300px;
}
.form-inline button:first-child{
	margin-left: 180px;
}

@media (max-width: 1150px) {
	.lisExtra .extraItem:nth-child(3n + 1){
		clear: none;
	}
	.lisExtra .extraItem:nth-child(2n + 1){
		clear: none;
	}
    .header .toolbar li.mobileMenuOpen{
		display: inline-block;
	}
	.header .navigation {
		left: auto;
		position: absolute;
		right: 0;
		top: 94px;
		width: 300px;
		display: none;
		z-index: 50;
	}
	.header .navigation li {
		background-color: #00122f;
		display: block;
		margin: 0px;
	}
	.header .navigation li a::before,.header .navigation li a::after{
		display: none;
	}
	.header .navigation li a {
		border-bottom: 1px solid #324259;
		color: white;
		display: block;
		font-size: 14px;
		font-weight: 700;
		margin: 0 25px;
		padding: 17px 0;
		position: relative;
		text-align: left;
		text-decoration: none;
		transition: 0.3s;
	}
	.header .navigation li a:hover{
		color: #ffccd2;
	}
	.header .navigation li:last-child a {
		border: none;
	}
	.header .flags {
		padding-top: 42px;
	}

	.mainBanner .slogan-big{
		margin-left: 0px;
	}

	.footer .column.certificates .in .stamps-wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.footer .column.certificates .in .stamps-wrap .stamps{
		margin: 0px auto 15px auto;
	}
	.footer .column{
		float: none;
		width: 50%;
	}
	.footer .column.products{
		border: none;
	}
	.footer .column .in{
		border: none;
		padding: 30px !important;
		text-align: center;
	}
	.footer .columnTablet{
		width: 50%;
		float: left;
	}
	.footer .columnTablet:last-child{
		float: right;
	}

	.homeProducts .homeProduct:nth-child(2){
		margin-right: 0px;
	}
	.homeProducts .homeProduct{
		margin-bottom: 1px;
		width: 379px !important;
	}
	.warranty-specification{
		margin: 0px;
	}
	.specificationBox, .warrantyBox{
		width: 100%;
		height: auto;
		margin-bottom: 20px;
		float: none;
	}

	.specificationBox .specificationForm {
		margin: auto;
		width: 470px;
	}
	hr{
		margin-left: 100px;
		margin-right: 100px;
	}

	.detailMain .image{
		width: 350px;
	}
	.detailMain .info{
		width: 360px;
	}
	.detailMain .info.second {
		float: none;
		width: 100%;
	}
	.detailMain .in{
		padding: 35px 10px;
	}
	.detailMain h1 {
		font-size: 20px;
	}
	.detailMain p.infoText {
		font-size: 14px;
		line-height: 17px;
		margin-bottom: 20px;
	}
	.detailMain .specsForm .select-fancy {
		width: 320px;
	}
	.detailMain .specsForm input {
		width: 111px;
	}

	.description .text,.description .video{
		float: none;
		width: 100%;
	}
	.description .text p:last-child{
		margin-bottom: 30px;
	}
	.descriptionTabs{
		margin-top: 20px;
	}
	.descriptionTabs .switch ul li a{
		font-size: 14px;
	}
	.accessoriesDetail hr{
		margin-left: 0px;
		margin-right: 0px;
	}

	.productWide .image{
		text-align: center;
		width: 100%;
		float: none;
	}
	.productWide .info{
		float: none;
		width: 100%;
	}
	.lisExtra .items .extraItem{
		margin-right: 32px !important;
		width: 364px;
	}
	.lisExtra .items .extraItem:nth-child(even){
		margin-right: 0px !important;
	}

	.cartProducts > tbody > tr > td img {
		width: 100px;
	}
	.cartProducts > tbody > tr > td:nth-child(1) {
		width: 90px;
	}
	.cartProducts > tbody > tr > td:nth-child(4), .cartProducts > tbody > tr > td:nth-child(5) {
		width: 100px;
	}

	.voucher {
		float: right;
	}

	.voucher .blackBorder{
		font-size: 14px;
		padding: 14px 9px;
	}
	.address .billing{
		float: none;
		margin-right: 0px;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #edeeef;
	}
	.address .delivery{
		float: none;
		width: 100%;
	}
	.address .billing .in,.address .delivery .in{
		padding: 0px;
		border: none;
	}

	.shippingPayment .shipping .free{
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
		text-align: left;
		margin-top: -15px;
		margin-bottom: 10px;
	}

	.contact .left{
		float: left;
		width: 325px;
	}
	.contact .left .in{
		padding: 20px 20px 20px 20px;
	}
	.contact .right{
		width: 435px;
	}

	.contact.represent .left,.contact.represent .right{
		width: 100%;
		float: none;
	}
	.contact img{
		width: 100%;
		max-width: 120px;
	}
	.features .text,.features .product{
		float: none;
		width: 100%;
	}
	.features .text{
		margin-bottom: 30px;
	}
	.features .product img{
		width: 100%;
	}

	.features .product .features-points .point .feature-text {
		border-bottom: 1px solid #c7c9d0;
		bottom: 30px;
		left: -145px;
		padding-left: 0;
		position: absolute;
		z-index: 999;
	}
}
@media (max-width: 767px) {
	body.sea{
		background-image: none;
	}
	.header .container {
		height: 59px;
	}
	.header .logo {
		left: 10px;
		top: 20px;
		width: 140px;
	}
	.header .logo img{
		width: 140px;
	}
	.header .flags {
		position: absolute;
		top: 6px;
		right: 0px;
		margin: auto;
		left: 0px;
		padding: 0px;
	}
	.header .toolbar {
		right: 10px;
		top: 12px;
	}
	.header .toolbar li.login,.header .toolbar li.search{
		display: none;
	}
	.header .navigation,.searchmenu{
		top: 60px;
	}

	.mainBanner{
		background-position: right -470px center;
		height: 339px;
	}
	.mainBanner .slogan-big{
		margin-left: 0;
		padding-top: 47px;
	}
	.mainBanner-close{
		right: 10px;
		top: 5px;
		opacity: 1;
		z-index: 10;
	}

	.footer .stamp {
		float: none;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.footer .columnTablet{
		width: auto;
		float: none !important;
	}
	.footer .column{
		width: 100% !important;
		border: none !important;
	}
	.footer .column .in{
		border: none !important;
		padding: 0px !important;
		text-align: center;
		min-height: 10px;
		margin-bottom: 30px;
	}

	.homeProducts .homeProduct{
		width: 100% !important;
		margin: 0px 0px 1px 0px !important;
	}
	.customers .in{
		padding: 10px;
	}
	.specificationBox .specificationForm{
		width: auto;
	}
	.specificationBox .specificationForm div.specs,.specificationBox .specificationForm div.submit{
		float: none;
	}
	.specificationBox .specificationForm .select-fancy,.specificationBox .specificationForm input{
		width: 100%;
		margin: 0px 0px 10px 0px;
	}
	.specificationBox .specificationForm div.submit{
		text-align: center;
	}
	.specificationBox .specificationForm button{
		margin: 0px;
	}

	.detailMain .info{
		float: none !important;
		width: 100% !important;
		background-size: 50px 50px;
	}
	.detailMain .image{
		width: 100%;
		float: none;
	}
	.detailMain .fromPrice {
		font-size: 14px;
		margin-bottom: 20px;
	}
	.detailMain .fromPrice strong {
		font-size: 24px;
	}
	.detailMain h1 {
		margin-bottom: 9px;
	}
	.infoTabs .switch ul li{
		display: inline-block;
		vertical-align: bottom;
		float: none;
		width: calc(50% - 10px);
	}
	.infoTabs .switch ul li a {
		font-size: 14px;
		height: auto;
		line-height: normal;
		padding: 5px 10px;
	}
	.detailMain .specsForm .select-fancy{
		width: 100%;
		margin: 0px;
		margin-bottom: 8px;
	}
	.detailMain .specsForm input {
		margin-right: 8px;
		width: 80px;
		padding: 0px 5px;
	}
	.detailMain .specsForm button {
		padding: 0 5px;
	}
	.infoTabs h3{
		text-align: left;
	}
	table.choose tbody tr td:nth-child(3),table.choose thead tr th:nth-child(3){
		display: none;
	}
	table.choose tbody tr td{
		font-size: 10px;
	}
	.infoTabs .whiteRed{
		white-space: nowrap;
		font-size: 10px;
		padding: 10px 3px;
	}
	.description .in{
		padding: 10px;
	}
	.description .text h2{
		text-align: center;
	}
	#owl-customers.owl-theme .owl-pagination{
		text-align: center;
		margin-bottom: 20px;
	}
	.descriptionTabs .switch ul li{
		width: calc(100%/3 - 10px);
		margin: 5px !important;
	}
	.descriptionTabs .switch ul li a {
		font-size: 10px;
		padding: 0 5px;
		height: 45px;
		line-height: 45px;
	}
	.descriptionTabs .switch ul li a span{
		display: inline-block;
		line-height: 11px;
		vertical-align: middle;
	}
	.descriptionTabs .tabs .tab .in{
		padding: 10px;
	}
	.descriptionTabs .in .column{
		float: none;
		margin: 0px 0px 20px 0px;
		width: 100%;
	}
	.accessoriesDetail .in{
		padding: 10px;
	}
	.accessoriesDetail .accessorie{
		border: none;
	}
	.accessoriesDetail .accessorie .productBox .in{
		padding: 0px;
	}
	.accessorie h2 strong {
		font-weight: bold;
		display: block;
	}
	.accessorie .productBox .priceFrom{
		float: none;
		margin-bottom: 10px;
	}
	.accessorie .productBox .whiteRed{
		float: none;
	}

	.productWide .in{
		padding: 10px;
	}
	.productWide .select-fancy{
		width: 100%;
		float: none;
		margin-bottom: 20px;
		margin-right: 0px;
	}
	.productWide input {
		width: calc(50% - 10px);
		margin-bottom: 20px;
	}
	.productWide .options input:last-of-type {
		margin-right: 0px;
	}
	.productWide .whiteBlue{
		display: block;
		float: none;
		width: 100%;
	}
	.productWide h2{
		padding: 0px;
		margin-bottom: 10px;
	}
	.productWide .fromPrice{
		position: relative;
		top: auto;
		right: auto;
		margin-bottom: 10px;
	}

	.lisExtra .productBox{
		min-height: 10px;
	}
	.lisExtra .productBox .in{
		padding: 10px;
	}
	.lisExtra .items .extraItem {
		margin: 0px 0px 15px 0px !important;
		width: 100%;
	}
	.productBox h2 strong{
		display: block;
	}
	#owl-customers .owl-pagination{
		display: none !important;
	}
	.sendOrder label{
		padding: 0px 5px;;
	}
	.cartProducts thead{
		display: none;
	}
	.cartProducts > tbody > tr > td{
		display: block;
		width: 100% !important;
		text-align: center;
		box-sizing: border-box;
		border-bottom: 1px solid #edeeef !important;
	}
	.cartProducts > tbody > tr > td table{
		display: inline-block;
	}

	.cartProducts > tbody > tr > td a.delete{
		border: none;
	}

	.shippingPayment,.shoppingcart,.address,.summary{
		padding: 10px;
	}
	.shippingPayment .shipping, .shippingPayment .payment {
		float: none;
		width: 100%;
	}
	.shippingPayment .shipping{
		margin-bottom: 20px;
	}
	.shippingPayment .shipping .in, .shippingPayment .payment .in{
		padding: 0px;
		margin: 0px;
		border: none;
	}
	.shippingPayment table tr td:last-child{
		width: 40px;
	}
	.shippingPayment table td strong{
		font-size: 14px;
	}
	.address .billing{
		width: 100%;
		float: none;
	}
	.address .billing .in .column {
		border-right: 0px;
		float: none;
		font-size: 11px;
		line-height: 20px;
		margin-right: 0px;
		min-height: 0px;
		width: 100% !important;
		margin-bottom: 20px;
	}

	.address .delivery {
		font-size: 10px;
	}

	.address .billing label,.address.editable .billing .in .column:last-child label{
		float: none;
		width: auto;
	}
	.address .billing input, .address .billing textarea,.address .billing .select-fancy.blue,.address.editable .billing .in .column:last-child textarea{
		float: none;
		width: 100%;
	}
	.voucher{
		float: none;
		padding: 10px 10px 0 10px;
		overflow: hidden;
	}
	.voucher .blackBorder{
		position: relative;
		top: auto;
		left: auto;
		display: block;
		text-align: center;
	}

	.summary{
		float: none;
	}
	.summary table{
		width: 100%;
	}
	.summary table td {
		font-size: 14px;
	}
	.summary table tfoot tr td {
		font-size: 18px;
	}

	.shoppingcart .whiteGreen {
		margin-bottom: 20px;
		position: relative;
		right: auto;
		top: auto;
	}


	.sendOrder{
		float: none;
	}
	.sendOrder div{
		display: block;
		margin: 0px 0px 20px 0px;
		text-align: center;
	}
	.sendOrder .icheckbox{
		display: inline-block;
		vertical-align: middle;
		margin: 0px;
	}

	.contact .left,.contact .right{
		width: 100%;
		float: none;
	}
	.contact ul{
		float: none;
		margin: 0px;
	}
	.contact ul li {
		display: inline-block;
		margin-left: 5px;
	}
	.contact ul li br{
		display: none;
	}

	.form-inline label{
		display: block;
		margin-right: 0px;
		margin-bottom: 5px;
		width: 100%;
	}
	.form-inline input{
		width: 100%;
	}
	.form-inline label.check{
		margin: 0px;
	}
	.form-inline button:first-child{
		margin-left: 0px;
	}
	.features .product .features-points{
		margin-bottom: 30px;
	}
	.features .product .features-points .point{
		background-color: white;
		border-radius: 10px;
		padding: 5px 0;
		width: 30px;
	}
	.features .product .features-points .point .number{
		display: block;
	}
	.features .product .features-points .point .circle{
		display: none;
	}
	.features .product .features-points .point:hover .feature-text{
		display: none;
	}

	.points-mobile{
		display: block;
	}

}

.page p img {
	margin-right: 20px;
}

.productCategoryDescription  {
	width: 100%;
	background-color: #fff;
	margin-bottom: 30px;
}
.productCategoryDescription .in {
	padding: 20px 20px 10px 20px;
	line-height: 150%;
	font-size: 14px;
}

.productWide .info .description ul {
	overflow: hidden;
	margin-bottom: 20px;
}
.productWide .info .description li {
	float: left;
	margin: 0 20px 0 0;
	line-height: 150%;
	position: relative;
}

.productWide .info .description li:not(:last-child):after {
	color: #cf332b;
	content: "•";
	font-size: 30px;
	position: absolute;
	right: -15px;
	top: 1px;
}

.tab ul {
	list-style-type: disc;
}

.tab ul li {
	font-size: 14px;
	line-height: 150%;
}

.owl-dalsi{
	height: 0px;
	overflow: hidden;
}
.owl-dalsi.owl-carousel{
	height: auto;
	overflow: visible;
}
.owl-dalsi .owl-pagination{
    display: none;
}

.owl-dalsi.owl-theme .owl-controls .owl-buttons div.owl-prev{
    background-color: transparent;
    background-image: url("../../skins/ultramarine/img/sprite.png");
    display: block;
    background-position: -22px -179px;
	width: 14px;
	height: 24px;
    left: -30px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
	margin-top: -12px;
    text-indent: -999999px;
    opacity: 1;
    border-radius: 0px;
}
.owl-dalsi.owl-theme .owl-controls .owl-buttons div.owl-next{
    background-color: transparent;
    background-image: url("../../skins/ultramarine/img/sprite.png");
    display: block;
    background-position: -25px -217px;
	width: 15px;
	height: 25px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: -30px;
    text-indent: -99999px;
	top: 50%;
	margin-top: -12px;
    opacity: 1;
    border-radius: 0px;
}
.owl-dalsi.owl-theme .owl-controls .owl-buttons div.owl-next:hover, .owl-dalsi.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{
    opacity: 0.8;
}
.detailMain .dalsi{
    padding: 20px 30px;
}
.detailMain .dalsi .item{
    padding: 5px;
}
.detailMain .dalsi img{
    border: 2px solid #edeeef;
	width: 100%;
}
.detailMain .dalsi img:hover{
    border-color: #008db1;
}

.customers a, .experiences a {
	padding: 1px 10px;
	margin-top: 5px;
}

label.required:after {
    content: " *";
    color: #cf332b;
    font-weight: bold;
}

.lifeTimeRegistration .form-inline label {
	margin-right: 10px;
	width: 165px;
}
.lifeTimeRegistration .form-inline label.check {
	margin-right: 10px;
	width: initial;
}


.lifeTimeRegistration .form-inline input, .select-fancy {
	width: 255px;
}
.lifeTimeRegistration .form-inline{
	position: relative;
}
.lifeTimeRegistration .form-inline small{
	color: #45494e;
	display: block;
	font-size: 11px;
	margin-left: 175px;
}
.lifeTimeRegistration .form-inline .help{
	background-color: #008db1;
	border-radius: 50%;
	color: white;
	display: block;
	font-size: 14px;
	height: 18px;
	left: 416px;
	line-height: 18px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	top: -9px;
	width: 18px;
	border: 3px solid #edeeef;
}
@media (max-width: 1150px) {
	.lifeTimeRegistration .lifeTimeClient .form-inline small, .lifeTimeRegistration .lifeTimeBoat .form-inline small{
		margin: 0px;
	}

	.lifeTimeRegistration .form-inline input, .select-fancy{
		width: 320px;
	}
}
.lifeTimeClient{
	float: left;
	width: 48%;
}
.lifeTimeBoat{
	float: right;
	width: 48%;
}
@media (max-width: 767px) {
	.lifeTimeBoat,.lifeTimeClient{
		float: none;
		width: 100%;
	}
	.lifeTimeRegistration .form-inline small{
		margin: 0px;
	}
	.lifeTimeRegistration .form-inline input, .select-fancy{
		width: 100%;
	}
}


.lifeTimeSummary .accepted {
	background: #dff0d8;
}

.lifeTimeSummary .waiting {
	background-color: #fcf8e3;
}

.lifeTimeSummary .accepted,
.lifeTimeSummary .waiting {
	width: 100%;
	margin-bottom: 20px;
	font-size: 14px;
}

.lifeTimeSummary .accepted div,
.lifeTimeSummary .waiting div {
	padding: 20px;
}

.lifeTimeSummary .whiteRed {
	font-size: 14px;
	text-transform: uppercase;
	margin-left: 20px;
}

.lifeTimeSummary .whiteRed:hover {
	background-color: white;
}

.lifeTimeSummary table {
	width: 100%;
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 14px;
}

.lifeTimeSummary table th {
	width: 200px;
	font-weight: normal;
	text-align: left;
}

.lifeTimeSummary table th,
.lifeTimeSummary table td {
	padding: 3px 0;
}

.lifeTimeSummary li {
	font-size: 14px !important;
	margin-bottom: 5px !important;
}

ul.error{
	list-style-type: none;
	margin: 15px 0px;
}
ul.error li{
	margin-bottom: 5px;
}
ul.error li:last-of-type{
	margin: 0px;
}
div.alert,ul.error{
	padding: 10px;
	font-size: 14px;
	margin-top: 15px;
}
div.alert.error,ul.error{
	color: white;
	background-color: #cf332b;
}
div.alert.success{
	color: white;
	background-color: #67b000;
}
div.alert.warning{
	color: white;
	background-color: #f0ad4e;
}
div.alert.info{
	color: white;
	background-color: #5bc0de;
}

#frm-orderForm div.alert{
	margin-top: 0px;
	margin-bottom: 15px;
}

.homepageProductBanner {
	margin-bottom: 20px;
}

.reduceVat {
	color: #67b000;
	font-weight: bold;
	padding-left: 135px;
}

.whiteBlue.small,
.whiteRed.small {
	padding: 5px;
}

.remodal.page {
	max-width: calc(100% - 100px);
	text-align: left;
}


.gallery {

}

.gallery a {
	float: left;
	border: 0px solid #ccd1d3;
	margin: 0 10px 10px 0;
	display: block;
	text-align: center;
	text-decoration: none;
}

.gallery a:hover {
	border-color: #008db1;
	color: #008db1;
}

.gallery a span {
	line-height: 20px;
	font-size: 12px;
}

.orders table {
	border: 2px solid #ccd1d3;
	width: 100%;
}

.orders table tbody th,
.orders table tbody td {
	padding: 5px 5px;
	vertical-align: middle;
	border: 1px solid #ccd1d3;
	font-size: 14px;
	text-align: left;
	color: #000000;
}

.orders table tbody th {
	font-weight: 600;
}

.orders table tbody td {
}

span.cartDiscount {
	color: #CF332B;
	font-size: 12px;
	padding-top: 5px;
}

#gmap_canvas {
	width: 100%;
	height: 400px;
	margin-bottom: 20px;
	/*border-radius: 5px;*/
	/*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);*/
}

.dealers h1 {
	color: #008db1;
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 20px;
}

.dealers ul {

}

.dealers ul li img {
	height: 20px;
}

.dealers ul li {
	float: left;
	font-size: 14px;
	padding-bottom: 15px;
	padding-right: 10px;
}


/*** contest ***/
.page.page-contest{
	margin-bottom: 0px;
	padding-left: 60px;
	padding-right: 60px;
}
.contest-terms{
	margin-bottom: 30px;
	text-align: center;
	background-color: #00132e;
	padding: 50px 10px;
}
.contest-terms h3{
	color: #078eb0;
	font-size: 28px;
	font-weight: 300;
	margin-bottom: 30px;
}
.contest-terms p{
	color: white;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 19px;
}
.contest-terms p a{
	color: #cd2f30;
}
.contest-header{
	background-image: url("../../skins/ultramarine/img/story-bg.jpg");
	background-position: top center;
	background-size: cover;
	color: white;
	padding: 90px 80px 145px 80px;
	position: relative;
}
.contest-header .down{
	position: absolute;
	display: block;
	bottom: 67px;
	left: 0px;
	right: 0px;
	margin: auto;
	width: 25px;
	transition: 0.3s;
}
.contest-header .down:hover{
	opacity: 0.8;
	bottom: 64px;
}
.contest-header.experience-header{
	background-image: url("../../skins/ultramarine/img/experience.jpg");
}
.contest-header h1{
	margin: 0px 0px 77px 0px;
	font-size: 36px;
	font-weight: 300;
	line-height: normal;
	text-transform: uppercase;
}
.contest-header h1 img{
	display: block;
	margin-bottom: 23px;
}
.contest-header h1 strong{
	display: block;
	font-size: 76px;
	font-weight: bold;
	line-height: 77px;
}
.contest-header p{
	margin: 0px 0px 13px 0px;
	font-size: 18px;
	line-height: 24px;
	font-weight: 300;
	max-width: 680px;
}
.contest-header p.contest-main{
	font-weight: 600;
}
.contest-header p a{
	color: white;
}


.contest-rate{
	height: 450px;
	position: relative;
	background-image: url("../../skins/ultramarine/img/rate-bg.jpg");
	background-position: center center;
	background-size: cover;
}
.contest-rate a{
	display: block;
	position: absolute;
	margin: auto;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	max-width: 390px;
	height: 70px;
	color: white;
	background-color: #078eb0;
	line-height: 70px;
	font-size: 28px;
	text-decoration: none;
	text-align: center;
	background-image: url("../../skins/ultramarine/img/thumb.png");
	background-position: left 20px center;
	background-repeat: no-repeat;
	padding-left: 40px;
	box-sizing: border-box;
	box-shadow: 0px 0px 30px rgba(0,0,0,0.5);
	transition: 0.3s;
}
.contest-rate a:hover{
	box-shadow: 0px 0px 30px rgba(0,0,0,0.7);
	background-position: left 23px center;
	background-color: #0d97ba;
}
.contest-how{
	border-top: 1px solid #edeeef;
}
.contest-how .column{
	padding: 60px 0px 45px 0px;
	width: auto;
	text-align: center;
	border-bottom: 1px solid #edeeef;
}
.contest-how .column:last-of-type{
	border: none;
	padding-bottom: 2px;
}
.contest-how h3{
	font-size: 32px;
	font-weight: 300;
	color: #078eb0;
	margin-bottom: 30px;
	text-transform: uppercase;
}
.contest-how p{
	color: #04142d;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 22px;
    font-weight: 600;
}
.contest-how p a{
	color: #cd2f30;
}

.contest-how .redRed{
	text-transform: uppercase;
	font-size: 21px;
	display: block;
	max-width: 390px;
	margin: 65px auto 20px auto;
	text-align: center;
	padding: 20px;
}
.contest-terms-anchor{
	display: block;
	font-size: 16px;
	color: #078eb0;
	font-weight: 600;
	text-align: center;
	margin: auto auto 20px auto;
	max-width: 300px;
}


.contest-why{
	padding: 30px 0px 90px 0px;
	position: relative;
	margin-bottom: -133px;
}
.contest-why .contest-product{
	position: absolute;
    top: 65px;
    right: 10px;
    max-width: 335px;
}
.contest-why.experience-why .contest-product{
	max-width: 330px;
}
.contest-why h2,.contest-share h2{
	color: #078eb0;
	font-size: 44px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 67px;
}
.contest-share h2{
	font-size: 32px;
	margin-bottom: 26px;
}
.contest-why.experience-why h2{
	background-image: url("../../skins/ultramarine/img/anchor-red.png");
}
.contest-why ul{
	list-style-type: none;
}
.contest-why ul li{
	position: relative;
    padding-left: 35px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 46px;
    max-width: 600px;
}
.contest-why.experience-why ul li{
	text-transform: uppercase;
	font-size: 18px;
}
@media (max-width: 1150px) {
	.contest-why ul li{
		max-width: 375px;
	}
	.contest-why.experience-why ul li{
		max-width: 310px;
	}
	.page.page-contest{
		padding: 20px 30px;
	}
	.contest-why .contest-product{
		max-width: 260px;
	}

}
.contest-why ul li span{
	font-weight: bold;
	color: #e0629a;
	font-size: 24px;
	font-style: italic;
    display: block;
    position: absolute;
    left: 0px;
    top: -4px;
}

.contest-share{
	padding: 65px 0px;
	text-align: center;
	background-color: white;
}
.contest-share a{
	width: 290px;
	display: inline-block;
	color: white;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	background-color: #e0629a;
	transition: 0.3s;
	margin: 0px 5px 10px 5px;
	text-decoration: none;
	padding: 15px 10px;
	box-sizing: border-box;
}
.contest-share a:hover{
	background-color: #ce5a8d;
}

.experience-footer{
	margin-bottom: 30px;
}
@media (max-width: 767px) {
	.contest-why.experience-why ul li{
		max-width: 600px;
	}
	.contest-why .contest-product,.contest-why.experience-why .contest-product{
		position: relative;
		bottom: auto;
		top: auto;
		right: auto;
		margin: 20px auto 0px auto;
		display: block;
		max-width: 100%;
	}
	.contest-why{
		padding: 20px 0px 0px 0px;
		position: relative;
		margin-bottom: -20px;
	}
	.contest-how .column{
		width: auto;
		float: none;
		margin-bottom: 20px;
		padding: 30px 0px;
	}
	.contest-how .column:last-of-type{
		float: none;
		margin: 0px;
	}
	.contest-rate{
		height: 250px;
	}
	.contest-rate a{
		font-size: 18px;
		left: 15px;
		right: 15px;
	}
	.contest-header{
		padding: 30px 15px 100px 15px;
	}
	.contest-header .down{
		bottom: 40px;
	}
	.contest-header h1{
		margin: 0px 0px 20px 0px;
		font-size: 26px;
	}
	.contest-header h1 strong{
		display: block;
		font-size: 37px;
		line-height: 45px;
	}
	.contest-header p{
		font-size: 15px;
		line-height: 22px;
	}
	.contest-why h2{
		font-size: 35px;
	}
	.contest-share a{
		display: block;
		width: auto;
		max-width: 290px;
		margin: 10px auto;
	}
}

/* Banners */
.pointer {
	position: absolute;
}

.pointer .point {
	position: relative;
	display: block;
	fill: #CD2F30;
	width: 30px;
	height: 30px;
	transition: all 0.15s linear;
	z-index: 102;
}

.pointer .point .icon {
	position: absolute;
	pointer-events: none;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

/*.pointer.active .point {*/
	/*fill: #fac11d;*/
	/*opacity: 0;*/
	/*transform: scale(6);*/
	/*z-index: 105;*/
/*}*/

.pointer.harman {
	top: 53%;
	right: 36%;
}

.pointer.cranchi-e52 {
	top: 54%;
	right: 0%;
}

.pointer.hallberg {
	top: 59%;
	right: 36%;
}

.pointer.hanse-588 {
	top: 34%;
	right: -1%;
}

.pointer.numarine {
	top: 60%;
	right: -2%;
}

.pointer.nimbus {
	top: 51%;
	right: 35%;
}

.pointer.passport {
	top: 49%;
	right: 0%;
}

.pointer.riviera {
	top: 51%;
	right: 57%;
}

.pointer.hanse-675 {
	top: 47%;
	right: -2%;
}

.pointer.princess {
	top: 58%;
	right: 0%;
}

.pointer.grand {
	top: 41%;
	right: 40%;
}

.pointer.cranchi-60st {
	top: 46%;
	right: -4%;
}

.pointer.swan {
	top: 62%;
	right: 0%;
}

.ship-anchor {
	border: 5px solid #CD2F30;
	border-radius: 50%;
	display: block;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
	z-index: 100;
	transition: all 3.5s;
	transition-delay: 1s;
	position: absolute;
	bottom: -110px;
	left: -110px;
	opacity: 0;
	width: 250px;
	height: 250px;
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.pointer.active .ship-anchor {
	opacity: 1;
	z-index: 103;
}

.ship-anchor.hallberg {
	background-image: url('/skins/ultramarine/img/anchor-details/hallberg.jpg');
}

.ship-anchor.harman {
	background-image: url('/skins/ultramarine/img/anchor-details/harman.jpg');
}

.ship-anchor.hanse-675 {
	background-image: url('/skins/ultramarine/img/anchor-details/hanse-675.jpg');
}

.ship-anchor.cranchi-e52 {
	background-image: url('/skins/ultramarine/img/anchor-details/cranchi-e52.jpg');
}

.ship-anchor.nimbus {
	background-image: url('/skins/ultramarine/img/anchor-details/nimbus.jpg');
}

.ship-anchor.riviera {
	background-image: url('/skins/ultramarine/img/anchor-details/riviera.jpg');
}

.ship-anchor.princess {
	background-image: url('/skins/ultramarine/img/anchor-details/princess.jpg');
}

.ship-anchor.numarine {
	background-image: url('/skins/ultramarine/img/anchor-details/numarine.jpg');
}

.ship-anchor.swan {
	background-image: url('/skins/ultramarine/img/anchor-details/swan.jpg');
}

.ship-anchor.grand {
	background-image: url('/skins/ultramarine/img/anchor-details/grand.jpg');
}

.ship-anchor.passport {
	background-image: url('/skins/ultramarine/img/anchor-details/passport.jpg');
}

.ship-anchor.hanse-588 {
	background-image: url('/skins/ultramarine/img/anchor-details/hanse-588.jpg');
}

.ship-anchor.cranchi-60st {
	background-image: url('/skins/ultramarine/img/anchor-details/cranchi-60st.jpg');
}

@media (max-width: 1300px) {
	.pointer.harman {
		right: 44%;
	}

	.pointer.cranchi-e52 {
		right: 8%;
	}

	.pointer.hallberg {
		right: 44%;
	}

	.pointer.hanse-588 {
		right: 8%;
	}

	.pointer.numarine {
		right: 7%;
	}

	.pointer.nimbus {
		right: 43%;
	}

	.pointer.passport {
		right: 8%;
	}

	.pointer.riviera {
		right: 65%;
	}

	.pointer.hanse-675 {
		right: 6%;
	}

	.pointer.princess {
		right: 8%;
	}

	.pointer.grand {
		right: 48%;
	}

	.pointer.cranchi-60st {
		right: 5%;
	}

	.pointer.swan {
		right: 7%;
	}
}

@media (max-width: 1150px) {
	.pointer.grand {
		right: 58%;
	}

	.pointer.riviera {
		right: 79%;
	}

    .pointer.harman {
        right: 53%;
    }

	.pointer.hallberg {
		right: 53%;
	}

	.pointer.nimbus {
		right: 52%;
	}
}

@media (max-width: 767px) {
	.pointer {
		display: none;
	}
}

#popups-1 {
	width: calc((100% - 1120px - 80px) / 2);
	position: fixed;
	bottom: 0px;
	left: 20px;
	display: none;
	background-size: contain;
	background-repeat: no-repeat;
}

#popups-2 {
	width: calc((100% - 1120px - 80px) / 2);
	position: fixed;
	bottom: 0;
	right: 20px;
	display: none;
	background-size: contain;
	background-repeat: no-repeat;
}

#popups-1 img, #popups-2 img {
	visibility: hidden;
}
.webelieve {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 20px 0px;
	background-color: white;
	padding: 40px 40px;
}
.webelieve h2 {
	color: #0093bb;
	font-size: 35px;
	margin-bottom: 40px;
	font-weight: 400;
	width: 512px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}

.webelieve h2 strong {
	font-weight: 800;
	position: relative;
	font-size: 60px;
}
.webelieve h2 span {
	color: #9e9e9d;
	font-weight: 800;
	position: absolute;
	font-size: 120px;
	opacity: 0.4;
	top: -36px;
	left: 173px;
}
.webelieve h2 small{
	white-space: nowrap;
}

.webelieve-h{
	width: 100%;
	padding-left: 40px;
	margin-bottom: 50px;
}
.webelieve-h img{
	width: 100%;
	max-width: 590px;
}

.webelieve-2,.webelieve-3{
	width: calc(50% - 10px);
	text-align: center;
}
.webelieve-2 img,.webelieve-3 img{
	width: 90%;
}
@media (max-width: 767px) {
	.webelieve{
		display: none;
	}
}

.choose-country {
	background-color: white;
	padding: 10px;
	margin-bottom: 20px;
}
.choose-country .select-fancy.blue{
	background: white;
}
.choose-country .select-fancy select {
	border: 1px solid #ccd1d3;
	margin-left: 10px;
}
@media (max-width: 767px) {
	.choose-country label {
		margin-bottom: 10px;
		display: inline-block;
	}
	.choose-country .select-fancy select {
		display: inline-block;
		margin-left: 0;
	}
}

.contact-us {
	padding: 25px;
	text-decoration: none;
	display: block;
	text-align: center;
	color: white;
	background-color: #0093bb;
	line-height: 26px;
	font-size: 22px;
	vertical-align: middle;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 20px 0px;
}
.contact-us:hover {
	/*opacity: 0.9;*/
}
.contact-us > span > strong{
	margin: 0px 5px;
}
.contact-us > span{
	margin: 5px;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	display: flex;
}
.contact-us-flags {
	display: flex;
	vertical-align: bottom;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 5px;
}
.contact-us-flags img {
	height: 24px;
	margin: 3px;
	border: 1px solid #fff;
}
.contact-us-flags .flag-tip{
	position: relative;
	padding-top: 10px;
	width: 215px;
}
.tip{
	position: absolute;
	bottom: calc(100% - 10px);
	left: 50%;
	background-color: white;
	width: 310px;
	display: flex;
	flex-direction: column;
	color: black;
	font-size: 14px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
	margin-left: -150px;
	box-sizing: border-box;
	padding: 15px;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
	text-align: center;
}
.tip p {
	line-height: 2;
}
.tip:after{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #fff transparent transparent transparent;
	content: "";
	display: block;
	bottom: -6px;
	left: 0px;
	right: 0px;
	margin: auto;
	position: absolute;
}


.tip img{
	width: 130px;
	height: auto;
	margin: 0px;
	border: none;
}
.contact-us-flags .flag-tip:hover .tip{
	bottom: 100%;
	opacity: 1;
	visibility: visible;
}
.contact-us-flags small.phone {
	vertical-align: top;
}

@media (min-width: 768px) and (max-width: 1150px) {
	.contact-us-flags {
		margin-top: 20px;
	}
}
@media (max-width: 767px) {
	.contact-us-flags .flag-tip .tip{

		display: none;
	}
}

.rating-5{display: flex;align-items: center;justify-content: flex-start;flex-wrap:wrap;}
.rating-5 > a{font-size: 14px;margin: 5px 0px 5px 0px;}
.raty-5{display: flex;align-items: center;font-size: 15px;}
.raty-5--small{font-size: 10px;}
.raty-5 i{}
.raty-5 i.star-off-png{color: #cf332b;opacity:0.3;}
.raty-5 i.star-on-png, .raty-5 i.star-half-png{color: #cf332b;}
.raty-5.green i.star-on-png, .raty-5.green i.star-half-png{color: #7c993a;}
.raty-5.bronze i.star-on-png, .raty-5.bronze i.star-half-png{color: #b96839;}
.detailMain .rating-5{margin-bottom: 10px;}
.detailMain .rating-5 .raty-5{margin-right: 10px;}
.listWide .raty-5{margin: -10px 0px 10px 0px;}
.productBox .raty-5{margin: -10px 0px 10px 0px;justify-content: center;}

#frm-reviewForm{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 0px 30px;
	box-sizing: border-box;
}
#frm-reviewForm label{
	margin-bottom: 3px;
	font-weight: bold;
}
#frm-reviewForm input[type="text"]{
	background-color: #edeeef;
	height: 40px;
	width: 100%;
	margin-bottom: 10px;
	box-sizing: border-box;
	display: block;
	padding: 0px 10px;
	text-align: left;
}
#frm-reviewForm textarea {
	background-color: #edeeef;
	height: 100px;
	width: 100%;
	margin-bottom: 10px;
	box-sizing: border-box;
	display: block;
	padding: 0px 10px;
	text-align: left;
}
#frm-reviewForm .raty-5{
	margin-bottom: 10px;
}
#frm-reviewForm .btns{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
#frm-reviewForm .remodal-confirm,#frm-reviewForm .remodal-cancel{
	margin: 5px;
	box-sizing: border-box;
	width: 120px;
}
@media (max-width: 600px) {
	#frm-reviewForm{
		padding: 0px;
	}
}

.promo-wrap{
	position: relative;
}
.play-pause{
	background-color: #078eb0;
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.play-pause:after{
	content: "";
	display: block;
	background-color: white;
	position: absolute;
	width: 5px;
	height: 20px;
	left: 8px;
	top: 5px;
	transition: 0.3s;
}
.play-pause:before{
	content: "";
	display: block;
	background-color: white;
	position: absolute;
	width: 5px;
	height: 20px;
	right: 8px;
	top: 5px;
	transition: 0.3s;
}
.play-pause:hover{
	background-color: #05718b;
}
.play-pause.active:before{
	opacity: 0;
}
.play-pause.active:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 15px;
	border-color: transparent transparent transparent #ffffff;
	background-color: transparent;
	transition: 0.3s;
}



#filter-form{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	border-bottom: 1px solid #dbddde;
	margin-bottom: 20px;
	padding-bottom: 20px;
	flex-wrap: wrap;
}

.filter-check{

}
.filter-check .in{
	display: flex;
	flex-wrap: wrap;
	margin: 0px 0px 0px -5px;
}
.filter-check .in .filter-item-wrap{
	position: relative;
	margin: 5px;
}
.filter-check .in .filter-item-wrap .icheckbox{
	position: absolute;
	top: 9px;
	left: 10px;
}
.filter-check .in .filter-item-wrap label{
	display: flex;
	background-color: #edeeef;
	padding: 10px 10px 10px 40px;
	font-size: 15px;
	cursor: pointer;
	line-height: normal;
}
.filter-check .in .filter-item-wrap .checked + label{
	background-color: #dedfe0;
}

.filter-dropdown{
	position: relative;
	margin: 5px 0px;
	z-index: 99;
}
.filter-dropdown > a{
	background-color: #edeeef;
	display: flex;
	padding: 10px 40px 10px 10px;
	font-size: 15px;
	margin: 0px;
	color: black;
	background-image: url('../../skins/ultramarine/img/select-blue.png');
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: 15px auto;
	display: flex;
	box-sizing: border-box;
	width: 100%;
}
.filter-dropdown > a span{
	font-size: 15px;
	line-height: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 250px;
}
.filter-dropdown .in{
	display: none;
	position: absolute;
	top: calc(100% + 2px);
	right: 0px;
	width: 300px;
	overflow: auto;
	max-height: 300px;
}
.filter-dropdown.is-open .in{
	display: block;
}
.filter-dropdown .in .filter-item-wrap{
	position: relative;
}
.filter-dropdown .in .filter-item-wrap .icheckbox{
	position: absolute;
	top: 7px;
	left: 10px;
}
.filter-dropdown .in .filter-item-wrap label{
	display: flex;
	background-color: #edeeef;
	padding: 10px 10px 10px 40px;
	font-size: 15px;
	cursor: pointer;
}
.filter-dropdown .in .filter-item-wrap label:hover {
	background-color: #e8e9ea;
}
.filter-dropdown .in .filter-item-wrap .checked + label {
	background-color: #dedfe0;
}

@media (max-width: 767px) {
	.filter-check .in{
		margin: 0px;
	}
	.filter-check{
		width: 100%;
	}
	.filter-item-wrap,.filter-dropdown{
		width: 100%;
		margin: 5px 0px !important;
	}
	.filter-dropdown .in .filter-item-wrap{
		margin: 0px !important;
	}
	.filter-dropdown .in{
		width: auto;
		left: 0px;
	}
}


.webelieve-list{
	display: flex;
	justify-content: space-between;
}
.webelieve-column{
	width: calc(50% - 30px);
}
.webelieve-item{
	background-image: url('../../skins/ultramarine/img/anchor-points.png');
	box-sizing: border-box;
	padding-left: 25px;
	background-position: top 5px left;
	background-repeat: no-repeat;
	background-size: 13px auto;
	line-height: 1.6;
	font-size: 15px;
	font-style: italic;
	margin-bottom: 20px;
}

#fancybox-left, #fancybox-right{
	bottom: auto;
	height: 50px;
	width: 10%;
	top: 50%;
	margin-top: -25px;
}

.prazsky-voucher {
	font-size: 14px;
	line-height: 20px;
	color: white;
	width: 100%;
	overflow: hidden;
	text-align: justify;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 1px solid #45a4bb;
	border-bottom: 1px solid #45a4bb;
}

.prazsky-voucher .left {
	float: left;
	width: 35%;
}

.prazsky-voucher .right {
	float: right;
	width: 60%;
}

.prazsky-voucher img {
	width: 100%;
}

@media (max-width: 767px) {
	.prazsky-voucher .left {
		float: none;
		width: 100%;
	}

	.prazsky-voucher .right {
		float: none;
		width: 100%;
		margin-top: 20px;
	}
}

.promo-v3 {
  min-height: 426px;
  background-color: white;
  background-image: url("../../skins/ultramarine/img/promo-bg.jpg");
  background-position: top center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 0px; }
  @media (max-width: 1150px) {
    .promo-v3 {
      padding: 30px 0px;
      min-height: 200px; } }
  .promo-v3 .container {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .promo-v3 .container:before, .promo-v3 .container:after {
      display: none; }
    @media (max-width: 1150px) {
      .promo-v3 .container {
        flex-direction: column; } }
    @media (max-width: 540px) {
      .promo-v3 .container {
        box-sizing: border-box;
        width: 100%; } }
  .promo-v3__product {
    width: 100%;
    max-width: 480px;
    position: relative; }
    @media (max-width: 1150px) {
      .promo-v3__product {
        margin-bottom: 15px; } }
    @media (max-width: 540px) {
      .promo-v3__product {
        display: flex;
        flex-direction: column;
        padding: 0 15px; } }
    .promo-v3__product__text {
      position: absolute;
      bottom: 4%;
      left: 1%;
      text-align: center;
      min-width: 158px; }
      @media (max-width: 1150px) {
        .promo-v3__product__text {
          bottom: 12%; } }
      @media (max-width: 540px) {
        .promo-v3__product__text {
          position: static;
          order: 2;
          margin-bottom: 40px; } }
      .promo-v3__product__text > span {
        color: #078eb0;
        font-size: 25px;
        font-weight: 400;
        line-height: 1.33;
        display: block;
        margin-bottom: 9px; }
      .promo-v3__product__text .blueRed {
        display: block;
        font-size: 13px;
        text-transform: uppercase; }
    .promo-v3__product__badge {
      position: absolute;
      bottom: 13px;
      right: -85px;
      width: 217px; }
      @media (max-width: 700px) {
        .promo-v3__product__badge {
          position: absolute;
          bottom: 125px;
          right: 12px;
          width: 106px; } }
    .promo-v3__product > img {
      order: 1;
      max-width: 100%; }
  .promo-v3__text {
    width: 100%;
    max-width: 484px; }
    .promo-v3__text > img {
      display: block;
      margin-bottom: 23px; }
    .promo-v3__text h3 {
      margin-bottom: 34px;
      font-size: 28px;
      color: #078eb0;
      line-height: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-transform: uppercase; }
      .promo-v3__text h3 span {
        color: black;
        font-size: 23px;
        font-weight: 300; }
      .promo-v3__text h3 strong {
        color: #0094bc;
        font-weight: 300;
        font-size: 81px;
        margin-top: -8px; }
      .promo-v3__text h3 small {
        color: #898a8f;
        font-size: 32px;
        font-weight: 600;
        margin-top: -8px;
        text-align: center;
        letter-spacing: .1px;
        padding-left: 8px; }
    .promo-v3__text__quote {
      position: relative;
      margin-bottom: 15px; }
      .promo-v3__text__quote p {
        color: #078eb0;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.4;
        margin: 0px;
        position: relative;
        z-index: 10; }
        @media (max-width: 767px) {
          .promo-v3__text__quote p {
            font-size: 14px; } }
      .promo-v3__text__quote:before {
        content: "";
        display: block;
        background-image: url("../../skins/ultramarine/img/quote.svg");
        background-position: center center;
        background-size: 79px auto;
        background-repeat: no-repeat;
        width: 79px;
        height: 60px;
        position: absolute;
        top: -40px;
        left: -25px; }
      .promo-v3__text__quote:after {
        content: "";
        display: block;
        background-image: url("../../skins/ultramarine/img/quote.svg");
        background-position: center center;
        background-size: 79px auto;
        background-repeat: no-repeat;
        width: 79px;
        height: 60px;
        position: absolute;
        bottom: -21px;
        right: 0px;
        transform: rotate(180deg); }
    .promo-v3__text > strong {
      display: block;
      font-size: 22px;
      font-weight: 700;
      line-height: 1.51;
      color: #078eb0; }
      @media (max-width: 767px) {
        .promo-v3__text > strong {
          font-size: 16px; } }
  .promo-v3 .promo-animate-history {
    width: 100%;
    display: flex; }

.remodal.leaving {
  width: calc(100% - 30px);
  max-width: 500px; }

.remodal.leaving h3 {
  color: #cd2f30;
  font-weight: 800;
  font-size: 28px;
  line-height: 1.4;
  margin-bottom: 25px; }

.remodal.leaving p {
  font-size: 16px;
  line-height: 1.4; }

.remodal.leaving-v2 {
  width: calc(100% - 30px);
  max-width: 960px;
  padding: 0px; }
  .remodal.leaving-v2 .remodal-close {
    background-color: #cd2f30; }
    .remodal.leaving-v2 .remodal-close:hover {
      background-color: #a42526; }

.leaving-form {
  display: flex;
  width: 100%; }
  @media (max-width: 700px) {
  .leaving-form {
    flex-direction: column; } }
  .leaving-form__main {
    padding: 38px 30px 30px 30px;
    width: 380px;
    box-sizing: border-box;
    text-align: left; }
    @media (max-width: 700px) {
  .leaving-form__main {
    width: 100%;
    order: 2;
    padding: 20px; } }
    .leaving-form__main h4 {
      color: #00132e;
      font-size: 24px;
      font-weight: 400;
      text-transform: uppercase;
      margin-bottom: 20px;
      line-height: 1.2; }
      @media (max-width: 700px) {
  .leaving-form__main h4 {
    font-size: 24px; } }
    .leaving-form__main p {
      color: #00132e;
      font-size: 18px;
      font-weight: 400;
      margin-bottom: 25px; }
      @media (max-width: 700px) {
  .leaving-form__main p {
    font-size: 15px; } }
    .leaving-form__main__form input {
      width: 100%;
      height: 39px;
      box-shadow: inset 0px 0px 0 #ccd1d3;
      background-color: #edeeef;
      margin-bottom: 16px;
      color: #9c9c9c;
      font-size: 12px;
      font-weight: 400;
      line-height: 1.5;
      padding: 0px 14px;
      box-sizing: border-box;
      outline: none; }
      .leaving-form__main__form button {
        width: 100%;
        min-height: 49px;
        background-color: #078eb0;
        color: #fff;
        font-size: 22px;
        font-weight: 400;
        line-height: 1.33;
        text-transform: uppercase;
        outline: none;
        margin-top: 4px;
        border: none;
        transition: 0.3s;
        cursor: pointer; }
        .leaving-form__main__form button:hover {
          background-color: #05667f; }
  .leaving-form__img {
    width: calc(100% - 380px);
    background-image: url("../../skins/ultramarine/img/leaving-bg-2.jpg");
    background-position: center center;
    background-size: 100% auto;
    min-height: 415px;
    background-color: #edeef0;
    background-repeat: no-repeat; }
    @media (max-width: 700px) {
  .leaving-form__img {
    width: 100%;
    height: 100px;
    order: 1;
    min-height: 10px;
    padding-top: 50%; } }

.landing-img-desktop, .landing-img-mobile {
  position: relative;
  padding-top: 73.883%; }
  .landing-img-desktop picture, .landing-img-mobile picture {
    position: absolute;
    top: 0;
    left: 0; }
    .landing-img-desktop picture:first-of-type, .landing-img-mobile picture:first-of-type {
      animation-name: hero1;
      animation-iteration-count: 1;
      animation-timing-function: cubic-bezier(0.66, 0, 0.34, 1);
      animation-duration: 2.3s;
      animation-fill-mode: forwards; }
  .landing-img-desktop video, .landing-img-mobile video {
    pointer-events: none;
    position: absolute;
    height: auto;
    animation-name: hero2mobile;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(0.66, 0, 0.34, 1);
    animation-duration: 2s;
    animation-fill-mode: forwards; }

.landing-img-desktop {
  aspect-ratio: 2.4;
  max-width: 679px;
  margin: 0 auto;
  width: 100%;
  padding: 0; }
  .landing-img-desktop video {
    top: -10%;
    right: -12%;
    width: 46%;
    z-index: 50; }
  .landing-img-desktop picture {
    width: 73.05%; }
    .landing-img-desktop picture img {
      display: block;
      height: auto;
      max-width: 100%; }
  .landing-img-desktop .blueRed {
    position: absolute;
    bottom: 2%;
    right: 28%;
    min-width: 123px;
    box-sizing: border-box;
    text-align: center;
    padding: 7px 15px; }

.landing-img-mobile {
  padding-top: 0;
  aspect-ratio: 0.77; }
  .landing-img-mobile video {
    top: 4%;
    left: 25%;
    width: 77%; }
  .landing-img-mobile picture img {
    display: block;
    height: auto;
    max-width: 100%; }
  .landing-img-mobile picture, .landing-img-mobile video {
    transform: translateX(-53px); }

.landing-promo {
  background-color: white;
  padding: 60px 0 69px 0;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media (max-width: 760px) {
  .landing-promo {
    padding: 50px 0 60px 0; } }
  .landing-promo__desktop {
    width: 100%;
    padding: 0 90px;
    box-sizing: border-box;
    text-decoration: none !important; }
    @media (max-width: 760px) {
  .landing-promo__desktop {
    display: none; } }
  .landing-promo__mobile {
    display: none;
    width: 100%;
    margin: 0;
    max-width: 560px;
    text-decoration: none !important; }
    @media (max-width: 760px) {
  .landing-promo__mobile {
    display: block; } }
    .landing-promo__mobile .blueRed {
      margin: 0 auto;
      width: 100%;
      max-width: 120px;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }